@descope/web-components-ui 1.76.0 → 1.78.0

package/dist/umd/descope-security-questions-verify-index-js.js

@@ -1,5 +1,5 @@
 /*! For license information please see descope-security-questions-verify-index-js.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2294,5166,9446],{6424:(e,t,r)=>{r.d(t,{A:()=>x});const{host:n,label:i,placeholder:o,requiredIndicator:s,inputField:a,input:l,inputMask:p,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:y,externalInput:g,externalInputDisabled:m,externalPlaceholder:b,externalDisabledPlaceholder:f}={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)"}},x={fontSize:[{},n],fontFamily:[i,a,d,c],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...s,property:"color"},{...i,property:"-webkit-text-fill-color"},{...s,property:"-webkit-text-fill-color"}],hostWidth:{...n,property:"width"},hostMinWidth:{...n,property:"min-width"},hostDirection:{...n,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"},{...m,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...g,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"},{...g,property:"padding-left"},{...g,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"},{...g,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...b,property:"color"},{...o,property:"color"},{...u,property:"-webkit-text-fill-color"},{...f,property:"-webkit-text-fill-color"}],labelPosition:{...i,property:"position"},labelTopPosition:{...i,property:"top"},labelHorizontalPosition:[{...i,property:"left"},{...i,property:"right"}],inputTransformY:{...i,property:"transform"},inputTransition:{...i,property:"transition"},marginInlineStart:{...i,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...b,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...g,property:"align-items"}],valueInputHeight:[{...l,property:"height"},{...g,property:"height"}],valueInputMarginBottom:[{...l,property:"margin-bottom"},{...g,property:"margin-bottom"}],inputIconOffset:[{...y,property:"margin-right"},{...y,property:"margin-left"}],inputIconSize:{...y,property:"font-size"},inputIconColor:{...y,property:"color"}}},11284:(e,t,r)=>{r(52733),r(27136)},18330:(e,t,r)=>{r.d(t,{f:()=>i});var n=r(44099);class i extends n.r{constructor(e,t){super(e,"input","input",{initializer:(e,r)=>{r.value&&(e.value=r.value),r.type&&e.setAttribute("type",r.type),e.id=this.defaultId,"function"==typeof t&&t(e)},useUniqueId:!0})}}},21374:(e,t,r)=>{r.r(t),r.d(t,{TextFieldClass:()=>n.w,componentName:()=>n.T}),r(11284),r(37182),r(95260);var n=r(79275);customElements.define(n.T,n.w)},27136:(e,t,r)=>{r.d(t,{A:()=>h}),r(86689);var n=r(13256),i=r(82901),o=r(90676),s=r(81488),a=r(86314),l=r(87550),p=r(18330),d=r(37436),c=r(37720);const u=e=>class extends((0,d.a)(e)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new p.f(this,(e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e}))),this.addController(new c.q(this.inputElement,this._labelController))}};(0,l.SF)("vaadin-text-field",a.k,{moduleId:"vaadin-text-field-styles"});class h extends(u((0,l.cp)((0,o.q)(n.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return n.qy`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2294,5166,9446],{6424:(e,t,r)=>{r.d(t,{A:()=>x});const{host:n,label:i,placeholder:o,requiredIndicator:s,inputField:a,input:l,inputMask:p,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:y,externalInput:g,externalInputDisabled:m,externalPlaceholder:b,externalDisabledPlaceholder:f}={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)"}},x={fontSize:[{},n],fontFamily:[i,a,d,c],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...s,property:"color"},{...i,property:"-webkit-text-fill-color"},{...s,property:"-webkit-text-fill-color"}],hostWidth:{...n,property:"width"},hostMinWidth:{...n,property:"min-width"},hostDirection:{...n,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"},errorMessageFontSize:{...c,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...g,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"},{...g,property:"padding-left"},{...g,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"},{...g,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...b,property:"color"},{...o,property:"color"},{...u,property:"-webkit-text-fill-color"},{...f,property:"-webkit-text-fill-color"}],labelPosition:{...i,property:"position"},labelTopPosition:{...i,property:"top"},labelHorizontalPosition:[{...i,property:"left"},{...i,property:"right"}],inputTransformY:{...i,property:"transform"},inputTransition:{...i,property:"transition"},marginInlineStart:{...i,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...b,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...g,property:"align-items"}],valueInputHeight:[{...l,property:"height"},{...g,property:"height"}],valueInputMarginBottom:[{...l,property:"margin-bottom"},{...g,property:"margin-bottom"}],inputIconOffset:[{...y,property:"margin-right"},{...y,property:"margin-left"}],inputIconSize:{...y,property:"font-size"},inputIconColor:{...y,property:"color"}}},11284:(e,t,r)=>{r(52733),r(27136)},18330:(e,t,r)=>{r.d(t,{f:()=>i});var n=r(44099);class i extends n.r{constructor(e,t){super(e,"input","input",{initializer:(e,r)=>{r.value&&(e.value=r.value),r.type&&e.setAttribute("type",r.type),e.id=this.defaultId,"function"==typeof t&&t(e)},useUniqueId:!0})}}},21374:(e,t,r)=>{r.r(t),r.d(t,{TextFieldClass:()=>n.w,componentName:()=>n.T}),r(11284),r(37182),r(95260);var n=r(79275);customElements.define(n.T,n.w)},27136:(e,t,r)=>{r.d(t,{A:()=>h}),r(86689);var n=r(13256),i=r(82901),o=r(90676),s=r(81488),a=r(86314),l=r(87550),p=r(18330),d=r(37436),c=r(37720);const u=e=>class extends((0,d.a)(e)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new p.f(this,(e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e}))),this.addController(new c.q(this.inputElement,this._labelController))}};(0,l.SF)("vaadin-text-field",a.k,{moduleId:"vaadin-text-field-styles"});class h extends(u((0,l.cp)((0,o.q)(n.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return n.qy`
       <style>
         [part='input-field'] {
           flex-grow: 0;
@@ -34,5 +34,5 @@
         </div>
       </div>
       <slot name="tooltip"></slot>
-    `}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new s.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,i.X)(h)},37436:(e,t,r)=>{r.d(t,{a:()=>i});var n=r(44218);const i=e=>class extends((0,n.R)(e)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(e){this.__dataValue=e}_inputElementChanged(e){super._inputElementChanged(e),e&&(e.value&&e.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),e.value=""),this.value&&(e.value=this.value))}_setFocused(e){super._setFocused(e),!e&&document.hasFocus()&&this.validate()}_onInput(e){super._onInput(e),this.invalid&&this.validate()}_valueChanged(e,t){super._valueChanged(e,t),void 0!==t&&this.invalid&&this.validate()}}},38479:(e,t,r)=>{r.r(t),r.d(t,{SecurityQuestionsVerifyClass:()=>b,componentName:()=>d});var n=r(81365),i=r(9696),o=r(97810),s=r(79365),a=r(66434),l=r(79275),p=r(25964);const d=(0,o.xE)("security-questions-verify"),c=["full-width","readonly","size","answer-placeholder","answer-data-errormessage-value-missing","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],u=["question-mode"],h={"answer-placeholder":"placeholder","answer-data-errormessage-value-missing":"data-errormessage-value-missing","question-mode":"mode"},y=[...c,...u],g=["questions"];class m extends((0,n.q)({componentName:d,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",(0,p.fz)("\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n        ",this)}#e(){const e=this.questions.map((({id:e,text:t})=>`\n      <div class="question-wrapper">\n      <descope-text\n        data-id="${e}"\n      >${t}</descope-text>\n\n      <descope-text-field\n        data-id="${e}"\n        required="true"\n        bordered="true"\n      ></descope-text-field>\n    </div>\n      `));this.baseElement.innerHTML=e.join("<spacer></spacer><descope-divider></descope-divider><spacer></spacer>"),this.#t(y),this.texts.forEach((e=>{const t=this.textFields.find((t=>t.getAttribute("data-id")===e.getAttribute("data-id")));t&&(e.onclick=t.focus.bind(t))}))}reportValidity(){return this.textFields.reverse().forEach((e=>e.reportValidity())),this.checkValidity()}checkValidity(){return this.textFields.every((e=>e.checkValidity()))}get questions(){try{return JSON.parse(this.getAttribute("questions"))||[]}catch(e){return console.error(d,"Error parsing questions attribute",e),[]}}get texts(){return Array.from(this.baseElement.querySelectorAll("descope-text"))}get textFields(){return Array.from(this.baseElement.querySelectorAll("descope-text-field"))}get elements(){return Array.from(this.baseElement.querySelectorAll("descope-text, descope-text-field"))}get value(){return this.textFields.map((e=>({id:e.getAttribute("data-id"),answer:e.value})))}set value(e=[]){e.forEach((({id:e,answer:t})=>{const r=this.textFields.find((t=>t.getAttribute("data-id")===e));r&&(r.value=t)}))}#r(e,t,r){null===r?e.removeAttribute(t):e.setAttribute(t,r)}#n(e){switch(!0){case c.includes(e):return this.textFields;case u.includes(e):return this.texts;default:return[]}}#t(e){e.forEach((e=>{this.#n(e).forEach((t=>{this.#r(t,h[e]||e,this.getAttribute(e))}))}))}init(){super.init?.(),(0,o.mx)(this,(()=>{this.#e()}),{includeAttrs:g}),(0,o.mx)(this,this.#t.bind(this),{includeAttrs:y})}}const b=(0,i.Zz)((0,s.RF)({componentNameOverride:(0,o.xE)("input-wrapper")}),(0,s.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>a.s.componentName,property:a.s.cssVarList.hostDirection},{selector:()=>l.w.componentName,property:l.w.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},questionTextAlign:{selector:()=>a.s.componentName,property:a.s.cssVarList.textAlign},questionFontSize:{selector:()=>a.s.componentName,property:a.s.cssVarList.fontSize},questionFontFamily:{selector:()=>a.s.componentName,property:a.s.cssVarList.fontFamily},questionCursor:{selector:()=>a.s.componentName,property:"cursor"},errorMessageIcon:{selector:()=>a.s.componentName,property:a.s.cssVarList.errorMessageIcon},errorMessageIconSize:{selector:()=>a.s.componentName,property:a.s.cssVarList.errorMessageSize},errorMessageIconPadding:{selector:()=>a.s.componentName,property:a.s.cssVarList.errorMessagePadding},errorMessageIconRepeat:{selector:()=>a.s.componentName,property:a.s.cssVarList.errorMessageRepeat},errorMessageIconPosition:{selector:()=>a.s.componentName,property:a.s.cssVarList.errorMessagePosition}}}),s.VO,s.tQ)(m);r(63595),r(21374),customElements.define(d,b)},52733:(e,t,r)=>{r(27397);var n=r(47642);(0,r(87550).SF)("vaadin-text-field",n.k,{moduleId:"lumo-text-field-styles"}),r(27136)},63595:(e,t,r)=>{r.r(t),r.d(t,{TextClass:()=>n.s,componentName:()=>n.T});var n=r(66434);customElements.define(n.T,n.s)},66434:(e,t,r)=>{r.d(t,{T:()=>a,s:()=>p});var n=r(88961),i=r(63200),o=r(25964),s=r(72270);const a=(0,o.xE)("text");class l extends((0,s.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,o.fz)("\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,o.Ge)(this,(()=>{const e=!!this.childNodes.length;this.style.display=!e&&this.hideWhenEmpty?"none":""}))}}const p=(0,i.Zz)((0,n.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},textColor:{property:"color"},textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),n.VO,n.tQ)(l)},73551:(e,t,r)=>{r.d(t,{$J:()=>u,I4:()=>s,Kl:()=>h,LJ:()=>c,Qv:()=>o,X6:()=>l,cy:()=>n,fu:()=>p,kG:()=>d,lS:()=>a,zm:()=>i});const n=e=>`\n    :host {\n        padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n    }\n`,i=e=>`\n    ${e} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,o=e=>`\n    ${e}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,s=e=>`\n    ${e} > label,\n    ${e}::part(label),\n    ${e}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,a=(e,t="input")=>`\n    ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}: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=e=>`\n    ${e}::part(input-field)::after {\n        opacity: 0;\n    }\n`,d=e=>`\n    ${e}::part(input-field)::after {\n        background: none;\n    }\n`,c=(e,t)=>`\n    ${i(e)}\n    ${s(e)}\n    ${a(e)}\n    ${o(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    ${d(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  '},79275:(e,t,r)=>{r.d(t,{T:()=>l,w:()=>d});var n=r(79365),i=r(6424),o=r(9696),s=r(97810),a=r(73551);const l=(0,s.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],d=(0,o.Zz)((0,n.RF)({mappings:i.A}),n.VO,(0,n.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),n.tQ,(e=>class extends e{static get observedAttributes(){return p.concat(e.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(e){if(!e)return void this.icon?.remove();const t={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},r={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...t}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",(()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,r),setTimeout((()=>{Object.assign(this.icon,t)}),5e3)}))}onLabelClick(){this.focus()}attributeChangedCallback(e,t,r){super.attributeChangeCallback?.(e,t,r),"type"===e&&this.baseElement._setType(r),t!==r&&("label-type"===e?"floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===e&&this.renderCopyToClipboard("true"===r))}}))((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,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}))}}]);
+    `}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new s.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,i.X)(h)},37436:(e,t,r)=>{r.d(t,{a:()=>i});var n=r(44218);const i=e=>class extends((0,n.R)(e)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(e){this.__dataValue=e}_inputElementChanged(e){super._inputElementChanged(e),e&&(e.value&&e.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),e.value=""),this.value&&(e.value=this.value))}_setFocused(e){super._setFocused(e),!e&&document.hasFocus()&&this.validate()}_onInput(e){super._onInput(e),this.invalid&&this.validate()}_valueChanged(e,t){super._valueChanged(e,t),void 0!==t&&this.invalid&&this.validate()}}},38479:(e,t,r)=>{r.r(t),r.d(t,{SecurityQuestionsVerifyClass:()=>b,componentName:()=>d});var n=r(81365),i=r(9696),o=r(97810),s=r(79365),a=r(66434),l=r(79275),p=r(25964);const d=(0,o.xE)("security-questions-verify"),c=["full-width","readonly","size","answer-placeholder","answer-data-errormessage-value-missing","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],u=["question-mode"],h={"answer-placeholder":"placeholder","answer-data-errormessage-value-missing":"data-errormessage-value-missing","question-mode":"mode"},y=[...c,...u],g=["questions"];class m extends((0,n.q)({componentName:d,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",(0,p.fz)("\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n        ",this)}#e(){const e=this.questions.map((({id:e,text:t})=>`\n      <div class="question-wrapper">\n      <descope-text\n        data-id="${e}"\n      >${t}</descope-text>\n\n      <descope-text-field\n        data-id="${e}"\n        required="true"\n        bordered="true"\n      ></descope-text-field>\n    </div>\n      `));this.baseElement.innerHTML=e.join("<spacer></spacer><descope-divider></descope-divider><spacer></spacer>"),this.#t(y),this.texts.forEach((e=>{const t=this.textFields.find((t=>t.getAttribute("data-id")===e.getAttribute("data-id")));t&&(e.onclick=t.focus.bind(t))}))}reportValidity(){return this.textFields.reverse().forEach((e=>e.reportValidity())),this.checkValidity()}checkValidity(){return this.textFields.every((e=>e.checkValidity()))}get questions(){try{return JSON.parse(this.getAttribute("questions"))||[]}catch(e){return console.error(d,"Error parsing questions attribute",e),[]}}get texts(){return Array.from(this.baseElement.querySelectorAll("descope-text"))}get textFields(){return Array.from(this.baseElement.querySelectorAll("descope-text-field"))}get elements(){return Array.from(this.baseElement.querySelectorAll("descope-text, descope-text-field"))}get value(){return this.textFields.map((e=>({id:e.getAttribute("data-id"),answer:e.value})))}set value(e=[]){e.forEach((({id:e,answer:t})=>{const r=this.textFields.find((t=>t.getAttribute("data-id")===e));r&&(r.value=t)}))}#r(e,t,r){null===r?e.removeAttribute(t):e.setAttribute(t,r)}#n(e){switch(!0){case c.includes(e):return this.textFields;case u.includes(e):return this.texts;default:return[]}}#t(e){e.forEach((e=>{this.#n(e).forEach((t=>{this.#r(t,h[e]||e,this.getAttribute(e))}))}))}init(){super.init?.(),(0,o.mx)(this,(()=>{this.#e()}),{includeAttrs:g}),(0,o.mx)(this,this.#t.bind(this),{includeAttrs:y})}}const b=(0,i.Zz)((0,s.RF)({componentNameOverride:(0,o.xE)("input-wrapper")}),(0,s.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>a.s.componentName,property:a.s.cssVarList.hostDirection},{selector:()=>l.w.componentName,property:l.w.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},questionTextAlign:{selector:()=>a.s.componentName,property:a.s.cssVarList.textAlign},questionFontSize:{selector:()=>a.s.componentName,property:a.s.cssVarList.fontSize},questionFontFamily:{selector:()=>a.s.componentName,property:a.s.cssVarList.fontFamily},questionCursor:{selector:()=>a.s.componentName,property:"cursor"},errorMessageIcon:{selector:()=>a.s.componentName,property:a.s.cssVarList.errorMessageIcon},errorMessageIconSize:{selector:()=>a.s.componentName,property:a.s.cssVarList.errorMessageSize},errorMessageIconPadding:{selector:()=>a.s.componentName,property:a.s.cssVarList.errorMessagePadding},errorMessageIconRepeat:{selector:()=>a.s.componentName,property:a.s.cssVarList.errorMessageRepeat},errorMessageIconPosition:{selector:()=>a.s.componentName,property:a.s.cssVarList.errorMessagePosition},errorMessageFontSize:{selector:()=>a.s.componentName,property:a.s.cssVarList.errorMessageFontSize}}}),s.VO,s.tQ)(m);r(63595),r(21374),customElements.define(d,b)},52733:(e,t,r)=>{r(27397);var n=r(47642);(0,r(87550).SF)("vaadin-text-field",n.k,{moduleId:"lumo-text-field-styles"}),r(27136)},63595:(e,t,r)=>{r.r(t),r.d(t,{TextClass:()=>n.s,componentName:()=>n.T});var n=r(66434);customElements.define(n.T,n.s)},66434:(e,t,r)=>{r.d(t,{T:()=>a,s:()=>p});var n=r(88961),i=r(63200),o=r(25964),s=r(72270);const a=(0,o.xE)("text");class l extends((0,s.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,o.fz)("\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,o.Ge)(this,(()=>{const e=!!this.childNodes.length;this.style.display=!e&&this.hideWhenEmpty?"none":""}))}}const p=(0,i.Zz)((0,n.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},textColor:{property:"color"},textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),n.VO,n.tQ)(l)},73551:(e,t,r)=>{r.d(t,{$J:()=>u,I4:()=>s,Kl:()=>h,LJ:()=>c,Qv:()=>o,X6:()=>l,cy:()=>n,fu:()=>p,kG:()=>d,lS:()=>a,zm:()=>i});const n=e=>`\n    :host {\n        padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n    }\n`,i=e=>`\n    ${e} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,o=e=>`\n    ${e}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,s=e=>`\n    ${e} > label,\n    ${e}::part(label),\n    ${e}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,a=(e,t="input")=>`\n    ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}: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=e=>`\n    ${e}::part(input-field)::after {\n        opacity: 0;\n    }\n`,d=e=>`\n    ${e}::part(input-field)::after {\n        background: none;\n    }\n`,c=(e,t)=>`\n    ${i(e)}\n    ${s(e)}\n    ${a(e)}\n    ${o(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    ${d(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  '},79275:(e,t,r)=>{r.d(t,{T:()=>l,w:()=>d});var n=r(79365),i=r(6424),o=r(9696),s=r(97810),a=r(73551);const l=(0,s.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],d=(0,o.Zz)((0,n.RF)({mappings:i.A}),n.VO,(0,n.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),n.tQ,(e=>class extends e{static get observedAttributes(){return p.concat(e.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(e){if(!e)return void this.icon?.remove();const t={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},r={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...t}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",(()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,r),setTimeout((()=>{Object.assign(this.icon,t)}),5e3)}))}onLabelClick(){this.focus()}attributeChangedCallback(e,t,r){super.attributeChangeCallback?.(e,t,r),"type"===e&&this.baseElement._setType(r),t!==r&&("label-type"===e?"floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===e&&this.renderCopyToClipboard("true"===r))}}))((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,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}))}}]);
 //# sourceMappingURL=descope-security-questions-verify-index-js.js.map

package/dist/umd/descope-security-questions-verify-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-security-questions-verify-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-controller.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-field-mixin.js","webpack://@descope/web-components-ui/./src/components/descope-security-questions-verify/SecurityQuestionsVerifyClass.js","webpack://@descope/web-components-ui/./src/components/descope-security-questions-verify/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/theme/lumo/vaadin-text-field-styles.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/./src/helpers/themeHelpers/resetHelpers.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/TextFieldClass.js"],"sourcesContent":["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","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { SlotController } from '@vaadin/component-base/src/slot-controller.js';\n\n/**\n * A controller to create and initialize slotted `<input>` element.\n */\nexport class InputController extends SlotController {\n  constructor(host, callback) {\n    super(host, 'input', 'input', {\n      initializer: (node, host) => {\n        if (host.value) {\n          node.value = host.value;\n        }\n        if (host.type) {\n          node.setAttribute('type', host.type);\n        }\n\n        // Ensure every instance has unique ID\n        node.id = this.defaultId;\n\n        if (typeof callback === 'function') {\n          callback(node);\n        }\n      },\n      useUniqueId: true,\n    });\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","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { InputController } from '@vaadin/field-base/src/input-controller.js';\nimport { InputFieldMixin } from '@vaadin/field-base/src/input-field-mixin.js';\nimport { LabelledInputController } from '@vaadin/field-base/src/labelled-input-controller.js';\n\n/**\n * A mixin providing common text field functionality.\n *\n * @polymerMixin\n * @mixes InputFieldMixin\n */\nexport const TextFieldMixin = (superClass) =>\n  class TextFieldMixinClass extends InputFieldMixin(superClass) {\n    static get properties() {\n      return {\n        /**\n         * Maximum number of characters (in Unicode code points) that the user can enter.\n         */\n        maxlength: {\n          type: Number,\n        },\n\n        /**\n         * Minimum number of characters (in Unicode code points) that the user can enter.\n         */\n        minlength: {\n          type: Number,\n        },\n\n        /**\n         * A regular expression that the value is checked against.\n         * The pattern must match the entire value, not just some subset.\n         */\n        pattern: {\n          type: String,\n        },\n      };\n    }\n\n    static get delegateAttrs() {\n      return [...super.delegateAttrs, 'maxlength', 'minlength', 'pattern'];\n    }\n\n    static get constraints() {\n      return [...super.constraints, 'maxlength', 'minlength', 'pattern'];\n    }\n\n    constructor() {\n      super();\n      this._setType('text');\n    }\n\n    /** @protected */\n    get clearElement() {\n      return this.$.clearButton;\n    }\n\n    /** @protected */\n    ready() {\n      super.ready();\n\n      this.addController(\n        new InputController(this, (input) => {\n          this._setInputElement(input);\n          this._setFocusElement(input);\n          this.stateTarget = input;\n          this.ariaTarget = input;\n        }),\n      );\n      this.addController(new LabelledInputController(this.inputElement, this._labelController));\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport '@vaadin/input-container/src/vaadin-input-container.js';\nimport { html, PolymerElement } from '@polymer/polymer';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { inputFieldShared } from '@vaadin/field-base/src/styles/input-field-shared-styles.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { TextFieldMixin } from './vaadin-text-field-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, { moduleId: 'vaadin-text-field-styles' });\n\n/**\n * `<vaadin-text-field>` is a web component that allows the user to input and edit text.\n *\n * ```html\n * <vaadin-text-field label=\"First Name\"></vaadin-text-field>\n * ```\n *\n * ### Prefixes and suffixes\n *\n * These are child elements of a `<vaadin-text-field>` that are displayed\n * inline with the input, before or after.\n * In order for an element to be considered as a prefix, it must have the slot\n * attribute set to `prefix` (and similarly for `suffix`).\n *\n * ```html\n * <vaadin-text-field label=\"Email address\">\n *   <div slot=\"prefix\">Sent to:</div>\n *   <div slot=\"suffix\">@vaadin.com</div>\n * </vaadin-text-field>\n * ```\n *\n * ### Styling\n *\n * The following custom properties are available for styling:\n *\n * Custom property                | Description                | Default\n * -------------------------------|----------------------------|---------\n * `--vaadin-field-default-width` | Default width of the field | `12em`\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name            | Description\n * ---------------------|----------------\n * `label`              | The label element\n * `input-field`        | The element that wraps prefix, value and suffix\n * `clear-button`       | The clear button\n * `error-message`      | The error message element\n * `helper-text`        | The helper text element wrapper\n * `required-indicator` | The `required` state indicator element\n *\n * The following state attributes are available for styling:\n *\n * Attribute           | Description | Part name\n * --------------------|-------------|------------\n * `disabled`          | Set to a disabled text field | :host\n * `has-value`         | Set when the element has a value | :host\n * `has-label`         | Set when the element has a label | :host\n * `has-helper`        | Set when the element has helper text or slot | :host\n * `has-error-message` | Set when the element has an error message | :host\n * `invalid`           | Set when the element is invalid | :host\n * `input-prevented`   | Temporarily set when invalid input is prevented | :host\n * `focused`           | Set when the element is focused | :host\n * `focus-ring`        | Set when the element is keyboard focused | :host\n * `readonly`          | Set to a readonly text field | :host\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @fires {Event} input - Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.\n * @fires {Event} change - Fired when the user commits a value change.\n * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.\n * @fires {CustomEvent} value-changed - Fired when the `value` property changes.\n * @fires {CustomEvent} validated - Fired whenever the field is validated.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ElementMixin\n * @mixes ThemableMixin\n * @mixes TextFieldMixin\n */\nexport class TextField extends TextFieldMixin(ThemableMixin(ElementMixin(PolymerElement))) {\n  static get is() {\n    return 'vaadin-text-field';\n  }\n\n  static get template() {\n    return html`\n      <style>\n        [part='input-field'] {\n          flex-grow: 0;\n        }\n      </style>\n\n      <div class=\"vaadin-field-container\">\n        <div part=\"label\">\n          <slot name=\"label\"></slot>\n          <span part=\"required-indicator\" aria-hidden=\"true\" on-click=\"focus\"></span>\n        </div>\n\n        <vaadin-input-container\n          part=\"input-field\"\n          readonly=\"[[readonly]]\"\n          disabled=\"[[disabled]]\"\n          invalid=\"[[invalid]]\"\n          theme$=\"[[_theme]]\"\n        >\n          <slot name=\"prefix\" slot=\"prefix\"></slot>\n          <slot name=\"input\"></slot>\n          <slot name=\"suffix\" slot=\"suffix\"></slot>\n          <div id=\"clearButton\" part=\"clear-button\" slot=\"suffix\" aria-hidden=\"true\"></div>\n        </vaadin-input-container>\n\n        <div part=\"helper-text\">\n          <slot name=\"helper\"></slot>\n        </div>\n\n        <div part=\"error-message\">\n          <slot name=\"error-message\"></slot>\n        </div>\n      </div>\n      <slot name=\"tooltip\"></slot>\n    `;\n  }\n\n  static get properties() {\n    return {\n      /**\n       * Maximum number of characters (in Unicode code points) that the user can enter.\n       */\n      maxlength: {\n        type: Number,\n      },\n\n      /**\n       * Minimum number of characters (in Unicode code points) that the user can enter.\n       */\n      minlength: {\n        type: Number,\n      },\n    };\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    this._tooltipController = new TooltipController(this);\n    this._tooltipController.setPosition('top');\n    this._tooltipController.setAriaTarget(this.inputElement);\n    this.addController(this._tooltipController);\n  }\n}\n\ndefineCustomElement(TextField);\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { InputControlMixin } from './input-control-mixin.js';\n\n/**\n * A mixin to provide logic for vaadin-text-field and related components.\n *\n * @polymerMixin\n * @mixes InputControlMixin\n */\nexport const InputFieldMixin = (superclass) =>\n  class InputFieldMixinClass extends InputControlMixin(superclass) {\n    static get properties() {\n      return {\n        /**\n         * Whether the value of the control can be automatically completed by the browser.\n         * List of available options at:\n         * https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete\n         */\n        autocomplete: {\n          type: String,\n        },\n\n        /**\n         * This is a property supported by Safari that is used to control whether\n         * autocorrection should be enabled when the user is entering/editing the text.\n         * Possible values are:\n         * on: Enable autocorrection.\n         * off: Disable autocorrection.\n         */\n        autocorrect: {\n          type: String,\n        },\n\n        /**\n         * This is a property supported by Safari and Chrome that is used to control whether\n         * autocapitalization should be enabled when the user is entering/editing the text.\n         * Possible values are:\n         * characters: Characters capitalization.\n         * words: Words capitalization.\n         * sentences: Sentences capitalization.\n         * none: No capitalization.\n         */\n        autocapitalize: {\n          type: String,\n          reflectToAttribute: true,\n        },\n      };\n    }\n\n    static get delegateAttrs() {\n      return [...super.delegateAttrs, 'autocapitalize', 'autocomplete', 'autocorrect'];\n    }\n\n    // Workaround for https://github.com/Polymer/polymer/issues/5259\n    get __data() {\n      return this.__dataValue || {};\n    }\n\n    set __data(value) {\n      this.__dataValue = value;\n    }\n\n    /**\n     * @param {HTMLElement} input\n     * @protected\n     * @override\n     */\n    _inputElementChanged(input) {\n      super._inputElementChanged(input);\n\n      if (input) {\n        // Discard value set on the custom slotted input.\n        if (input.value && input.value !== this.value) {\n          console.warn(`Please define value on the <${this.localName}> component!`);\n          input.value = '';\n        }\n\n        if (this.value) {\n          input.value = this.value;\n        }\n      }\n    }\n\n    /**\n     * Override an event listener from `FocusMixin`.\n     * @param {boolean} focused\n     * @protected\n     * @override\n     */\n    _setFocused(focused) {\n      super._setFocused(focused);\n\n      // Do not validate when focusout is caused by document\n      // losing focus, which happens on browser tab switch.\n      if (!focused && document.hasFocus()) {\n        this.validate();\n      }\n    }\n\n    /**\n     * Override an event listener from `InputMixin`\n     * to mark as valid after user started typing.\n     * @param {Event} event\n     * @protected\n     * @override\n     */\n    _onInput(event) {\n      super._onInput(event);\n\n      if (this.invalid) {\n        this.validate();\n      }\n    }\n\n    /**\n     * Override an observer from `InputMixin` to validate the field\n     * when a new value is set programmatically.\n     *\n     * @param {string | undefined} newValue\n     * @param {string | undefined} oldValue\n     * @protected\n     * @override\n     */\n    _valueChanged(newValue, oldValue) {\n      super._valueChanged(newValue, oldValue);\n\n      if (oldValue === undefined) {\n        return;\n      }\n\n      if (this.invalid) {\n        this.validate();\n      }\n    }\n  };\n","import { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName, observeAttributes } from '../../helpers/componentHelpers';\nimport { componentNameValidationMixin, createStyleMixin, draggableMixin } from '../../mixins';\nimport { TextClass } from '@descope-ui/descope-text/class';\nimport { TextFieldClass } from '../descope-text-field/TextFieldClass';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('security-questions-verify');\n\nconst textFieldsAttrs = [\n  'full-width',\n  'readonly',\n  'size',\n  'answer-placeholder',\n  'answer-data-errormessage-value-missing',\n  'st-error-message-icon',\n  'st-error-message-icon-size',\n  'st-error-message-icon-padding',\n];\n\nconst textsAttrs = ['question-mode'];\n\nconst attrMappings = {\n  'answer-placeholder': 'placeholder',\n  'answer-data-errormessage-value-missing': 'data-errormessage-value-missing',\n  'question-mode': 'mode',\n};\n\nconst attrsToSync = [...textFieldsAttrs, ...textsAttrs];\n\nconst attrsToReRender = ['questions'];\nclass RawSecurityQuestionsVerify extends createBaseClass({ componentName, baseSelector: 'div' }) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div></div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n        `,\n      this\n    );\n  }\n\n  #renderQuestions() {\n    const res = this.questions.map(\n      ({ id, text }) =>\n        // <!--html-->\n        `\n      <div class=\"question-wrapper\">\n      <descope-text\n        data-id=\"${id}\"\n      >${text}</descope-text>\n\n      <descope-text-field\n        data-id=\"${id}\"\n        required=\"true\"\n        bordered=\"true\"\n      ></descope-text-field>\n    </div>\n      `\n      // <!--!html-->\n    );\n\n    this.baseElement.innerHTML = res.join(\n      '<spacer></spacer><descope-divider></descope-divider><spacer></spacer>'\n    );\n\n    this.#syncAttrs(attrsToSync);\n\n    // focus input when text is clicked\n    this.texts.forEach((el) => {\n      const input = this.textFields.find(\n        (field) => field.getAttribute('data-id') === el.getAttribute('data-id')\n      );\n      // eslint-disable-next-line no-param-reassign\n      if (input) el.onclick = input.focus.bind(input);\n    });\n  }\n\n  reportValidity() {\n    this.textFields.reverse().forEach((el) => el.reportValidity());\n\n    return this.checkValidity();\n  }\n\n  checkValidity() {\n    return this.textFields.every((el) => el.checkValidity());\n  }\n\n  get questions() {\n    try {\n      return JSON.parse(this.getAttribute('questions')) || [];\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.error(componentName, 'Error parsing questions attribute', e);\n      return [];\n    }\n  }\n\n  get texts() {\n    return Array.from(this.baseElement.querySelectorAll('descope-text'));\n  }\n\n  get textFields() {\n    return Array.from(this.baseElement.querySelectorAll('descope-text-field'));\n  }\n\n  get elements() {\n    return Array.from(this.baseElement.querySelectorAll('descope-text, descope-text-field'));\n  }\n\n  get value() {\n    return this.textFields.map((el) => ({ id: el.getAttribute('data-id'), answer: el.value }));\n  }\n\n  set value(val = []) {\n    val.forEach(({ id, answer }) => {\n      const textField = this.textFields.find((el) => el.getAttribute('data-id') === id);\n      if (textField) textField.value = answer;\n    });\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  #updateAttribute(ele, attrName, value) {\n    if (value === null) ele.removeAttribute(attrName);\n    else ele.setAttribute(attrName, value);\n  }\n\n  #getElementsToUpdate(attr) {\n    switch (true) {\n      case textFieldsAttrs.includes(attr):\n        return this.textFields;\n      case textsAttrs.includes(attr):\n        return this.texts;\n      default:\n        return [];\n    }\n  }\n\n  #syncAttrs(attrs) {\n    attrs.forEach((attr) => {\n      this.#getElementsToUpdate(attr).forEach((el) => {\n        this.#updateAttribute(el, attrMappings[attr] || attr, this.getAttribute(attr));\n      });\n    });\n  }\n\n  init() {\n    super.init?.();\n    // render new components\n    observeAttributes(\n      this,\n      () => {\n        this.#renderQuestions();\n      },\n      { includeAttrs: attrsToReRender }\n    );\n\n    // update existing components\n    observeAttributes(this, this.#syncAttrs.bind(this), {\n      includeAttrs: attrsToSync,\n    });\n  }\n}\n\nexport const SecurityQuestionsVerifyClass = compose(\n  createStyleMixin({ componentNameOverride: getComponentName('input-wrapper') }),\n  createStyleMixin({\n    mappings: {\n      hostWidth: [{ selector: () => ':host', property: 'width' }, { property: 'width' }],\n      hostDirection: [\n        { selector: () => ':host', property: 'direction' },\n        {\n          selector: () => TextClass.componentName,\n          property: TextClass.cssVarList.hostDirection,\n        },\n        {\n          selector: () => TextFieldClass.componentName,\n          property: TextFieldClass.cssVarList.hostDirection,\n        },\n      ],\n      gap: { selector: () => 'div', property: 'gap' },\n      questionTextAlign: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.textAlign,\n      },\n      questionFontSize: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.fontSize,\n      },\n      questionFontFamily: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.fontFamily,\n      },\n      questionCursor: {\n        selector: () => TextClass.componentName,\n        property: 'cursor',\n      },\n\n      errorMessageIcon: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.errorMessageIcon,\n      },\n      errorMessageIconSize: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.errorMessageSize,\n      },\n      errorMessageIconPadding: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.errorMessagePadding,\n      },\n      errorMessageIconRepeat: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.errorMessageRepeat,\n      },\n      errorMessageIconPosition: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.errorMessagePosition,\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawSecurityQuestionsVerify);\n","import { componentName, SecurityQuestionsVerifyClass } from './SecurityQuestionsVerifyClass';\nimport '@descope-ui/descope-text';\nimport '../descope-text-field';\n\ncustomElements.define(componentName, SecurityQuestionsVerifyClass);\n\nexport { SecurityQuestionsVerifyClass, componentName };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport '@vaadin/input-container/theme/lumo/vaadin-input-container-styles.js';\nimport { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, {\n  moduleId: 'lumo-text-field-styles',\n});\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(`\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `, this);\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      hostDirection: { selector: () => ':host', property: 'direction' },\n      fontSize: {},\n      textColor: { property: 'color' },\n      textLineHeight: { property: 'line-height' },\n      textLetterSpacing: { property: 'letter-spacing' },\n      textShadow: {},\n      textAlign: {},\n      textTransform: {},\n      fontFamily: {},\n      fontStyle: {},\n      fontWeight: {},\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\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","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"],"names":["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","inputOutlineWidth","inputOutlineOffset","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","InputController","constructor","callback","super","initializer","node","value","type","setAttribute","id","this","defaultId","useUniqueId","customElements","define","TextFieldMixin","superClass","properties","maxlength","Number","minlength","pattern","String","delegateAttrs","constraints","_setType","clearElement","$","clearButton","ready","addController","_setInputElement","_setFocusElement","stateTarget","ariaTarget","inputElement","_labelController","moduleId","TextField","is","template","_tooltipController","setPosition","setAriaTarget","InputFieldMixin","superclass","autocomplete","autocorrect","autocapitalize","reflectToAttribute","__data","__dataValue","_inputElementChanged","console","warn","localName","_setFocused","focused","document","hasFocus","validate","_onInput","event","invalid","_valueChanged","newValue","oldValue","undefined","componentName","textFieldsAttrs","textsAttrs","attrMappings","attrsToSync","attrsToReRender","RawSecurityQuestionsVerify","createBaseClass","baseSelector","attachShadow","mode","innerHTML","res","questions","map","text","baseElement","join","texts","forEach","el","textFields","find","field","getAttribute","onclick","focus","bind","reportValidity","reverse","checkValidity","every","JSON","parse","e","error","Array","from","querySelectorAll","elements","answer","val","textField","ele","attrName","removeAttribute","attr","includes","attrs","init","includeAttrs","SecurityQuestionsVerifyClass","componentNameOverride","mappings","TextClass","cssVarList","TextFieldClass","gap","questionTextAlign","questionFontSize","questionFontFamily","questionCursor","errorMessageSize","errorMessagePadding","errorMessageRepeat","errorMessagePosition","RawText","hideWhenEmpty","hasChildren","childNodes","length","style","display","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle","fontWeight","borderWidth","borderStyle","borderColor","useHostExternalPadding","resetInputContainer","name","resetInputField","resetInputCursor","resetInputPlaceholder","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle","observedAttrs","proxyProps","useProxyTargets","observedAttributes","concat","icon","renderCopyToClipboard","shouldRender","remove","iconInitConfig","title","iconCopiedConfig","Object","assign","createElement","slot","appendChild","addEventListener","navigator","clipboard","writeText","setTimeout","onLabelClick","attributeChangedCallback","oldVal","newVal","attributeChangeCallback","removeEventListener","slots","wrappedEleName","excludeAttrsSync"],"sourceRoot":""}
+{"version":3,"file":"descope-security-questions-verify-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-controller.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-field-mixin.js","webpack://@descope/web-components-ui/./src/components/descope-security-questions-verify/SecurityQuestionsVerifyClass.js","webpack://@descope/web-components-ui/./src/components/descope-security-questions-verify/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/theme/lumo/vaadin-text-field-styles.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/./src/helpers/themeHelpers/resetHelpers.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/TextFieldClass.js"],"sourcesContent":["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  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\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","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { SlotController } from '@vaadin/component-base/src/slot-controller.js';\n\n/**\n * A controller to create and initialize slotted `<input>` element.\n */\nexport class InputController extends SlotController {\n  constructor(host, callback) {\n    super(host, 'input', 'input', {\n      initializer: (node, host) => {\n        if (host.value) {\n          node.value = host.value;\n        }\n        if (host.type) {\n          node.setAttribute('type', host.type);\n        }\n\n        // Ensure every instance has unique ID\n        node.id = this.defaultId;\n\n        if (typeof callback === 'function') {\n          callback(node);\n        }\n      },\n      useUniqueId: true,\n    });\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","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { InputController } from '@vaadin/field-base/src/input-controller.js';\nimport { InputFieldMixin } from '@vaadin/field-base/src/input-field-mixin.js';\nimport { LabelledInputController } from '@vaadin/field-base/src/labelled-input-controller.js';\n\n/**\n * A mixin providing common text field functionality.\n *\n * @polymerMixin\n * @mixes InputFieldMixin\n */\nexport const TextFieldMixin = (superClass) =>\n  class TextFieldMixinClass extends InputFieldMixin(superClass) {\n    static get properties() {\n      return {\n        /**\n         * Maximum number of characters (in Unicode code points) that the user can enter.\n         */\n        maxlength: {\n          type: Number,\n        },\n\n        /**\n         * Minimum number of characters (in Unicode code points) that the user can enter.\n         */\n        minlength: {\n          type: Number,\n        },\n\n        /**\n         * A regular expression that the value is checked against.\n         * The pattern must match the entire value, not just some subset.\n         */\n        pattern: {\n          type: String,\n        },\n      };\n    }\n\n    static get delegateAttrs() {\n      return [...super.delegateAttrs, 'maxlength', 'minlength', 'pattern'];\n    }\n\n    static get constraints() {\n      return [...super.constraints, 'maxlength', 'minlength', 'pattern'];\n    }\n\n    constructor() {\n      super();\n      this._setType('text');\n    }\n\n    /** @protected */\n    get clearElement() {\n      return this.$.clearButton;\n    }\n\n    /** @protected */\n    ready() {\n      super.ready();\n\n      this.addController(\n        new InputController(this, (input) => {\n          this._setInputElement(input);\n          this._setFocusElement(input);\n          this.stateTarget = input;\n          this.ariaTarget = input;\n        }),\n      );\n      this.addController(new LabelledInputController(this.inputElement, this._labelController));\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport '@vaadin/input-container/src/vaadin-input-container.js';\nimport { html, PolymerElement } from '@polymer/polymer';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { inputFieldShared } from '@vaadin/field-base/src/styles/input-field-shared-styles.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { TextFieldMixin } from './vaadin-text-field-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, { moduleId: 'vaadin-text-field-styles' });\n\n/**\n * `<vaadin-text-field>` is a web component that allows the user to input and edit text.\n *\n * ```html\n * <vaadin-text-field label=\"First Name\"></vaadin-text-field>\n * ```\n *\n * ### Prefixes and suffixes\n *\n * These are child elements of a `<vaadin-text-field>` that are displayed\n * inline with the input, before or after.\n * In order for an element to be considered as a prefix, it must have the slot\n * attribute set to `prefix` (and similarly for `suffix`).\n *\n * ```html\n * <vaadin-text-field label=\"Email address\">\n *   <div slot=\"prefix\">Sent to:</div>\n *   <div slot=\"suffix\">@vaadin.com</div>\n * </vaadin-text-field>\n * ```\n *\n * ### Styling\n *\n * The following custom properties are available for styling:\n *\n * Custom property                | Description                | Default\n * -------------------------------|----------------------------|---------\n * `--vaadin-field-default-width` | Default width of the field | `12em`\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name            | Description\n * ---------------------|----------------\n * `label`              | The label element\n * `input-field`        | The element that wraps prefix, value and suffix\n * `clear-button`       | The clear button\n * `error-message`      | The error message element\n * `helper-text`        | The helper text element wrapper\n * `required-indicator` | The `required` state indicator element\n *\n * The following state attributes are available for styling:\n *\n * Attribute           | Description | Part name\n * --------------------|-------------|------------\n * `disabled`          | Set to a disabled text field | :host\n * `has-value`         | Set when the element has a value | :host\n * `has-label`         | Set when the element has a label | :host\n * `has-helper`        | Set when the element has helper text or slot | :host\n * `has-error-message` | Set when the element has an error message | :host\n * `invalid`           | Set when the element is invalid | :host\n * `input-prevented`   | Temporarily set when invalid input is prevented | :host\n * `focused`           | Set when the element is focused | :host\n * `focus-ring`        | Set when the element is keyboard focused | :host\n * `readonly`          | Set to a readonly text field | :host\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @fires {Event} input - Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.\n * @fires {Event} change - Fired when the user commits a value change.\n * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.\n * @fires {CustomEvent} value-changed - Fired when the `value` property changes.\n * @fires {CustomEvent} validated - Fired whenever the field is validated.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ElementMixin\n * @mixes ThemableMixin\n * @mixes TextFieldMixin\n */\nexport class TextField extends TextFieldMixin(ThemableMixin(ElementMixin(PolymerElement))) {\n  static get is() {\n    return 'vaadin-text-field';\n  }\n\n  static get template() {\n    return html`\n      <style>\n        [part='input-field'] {\n          flex-grow: 0;\n        }\n      </style>\n\n      <div class=\"vaadin-field-container\">\n        <div part=\"label\">\n          <slot name=\"label\"></slot>\n          <span part=\"required-indicator\" aria-hidden=\"true\" on-click=\"focus\"></span>\n        </div>\n\n        <vaadin-input-container\n          part=\"input-field\"\n          readonly=\"[[readonly]]\"\n          disabled=\"[[disabled]]\"\n          invalid=\"[[invalid]]\"\n          theme$=\"[[_theme]]\"\n        >\n          <slot name=\"prefix\" slot=\"prefix\"></slot>\n          <slot name=\"input\"></slot>\n          <slot name=\"suffix\" slot=\"suffix\"></slot>\n          <div id=\"clearButton\" part=\"clear-button\" slot=\"suffix\" aria-hidden=\"true\"></div>\n        </vaadin-input-container>\n\n        <div part=\"helper-text\">\n          <slot name=\"helper\"></slot>\n        </div>\n\n        <div part=\"error-message\">\n          <slot name=\"error-message\"></slot>\n        </div>\n      </div>\n      <slot name=\"tooltip\"></slot>\n    `;\n  }\n\n  static get properties() {\n    return {\n      /**\n       * Maximum number of characters (in Unicode code points) that the user can enter.\n       */\n      maxlength: {\n        type: Number,\n      },\n\n      /**\n       * Minimum number of characters (in Unicode code points) that the user can enter.\n       */\n      minlength: {\n        type: Number,\n      },\n    };\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    this._tooltipController = new TooltipController(this);\n    this._tooltipController.setPosition('top');\n    this._tooltipController.setAriaTarget(this.inputElement);\n    this.addController(this._tooltipController);\n  }\n}\n\ndefineCustomElement(TextField);\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { InputControlMixin } from './input-control-mixin.js';\n\n/**\n * A mixin to provide logic for vaadin-text-field and related components.\n *\n * @polymerMixin\n * @mixes InputControlMixin\n */\nexport const InputFieldMixin = (superclass) =>\n  class InputFieldMixinClass extends InputControlMixin(superclass) {\n    static get properties() {\n      return {\n        /**\n         * Whether the value of the control can be automatically completed by the browser.\n         * List of available options at:\n         * https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete\n         */\n        autocomplete: {\n          type: String,\n        },\n\n        /**\n         * This is a property supported by Safari that is used to control whether\n         * autocorrection should be enabled when the user is entering/editing the text.\n         * Possible values are:\n         * on: Enable autocorrection.\n         * off: Disable autocorrection.\n         */\n        autocorrect: {\n          type: String,\n        },\n\n        /**\n         * This is a property supported by Safari and Chrome that is used to control whether\n         * autocapitalization should be enabled when the user is entering/editing the text.\n         * Possible values are:\n         * characters: Characters capitalization.\n         * words: Words capitalization.\n         * sentences: Sentences capitalization.\n         * none: No capitalization.\n         */\n        autocapitalize: {\n          type: String,\n          reflectToAttribute: true,\n        },\n      };\n    }\n\n    static get delegateAttrs() {\n      return [...super.delegateAttrs, 'autocapitalize', 'autocomplete', 'autocorrect'];\n    }\n\n    // Workaround for https://github.com/Polymer/polymer/issues/5259\n    get __data() {\n      return this.__dataValue || {};\n    }\n\n    set __data(value) {\n      this.__dataValue = value;\n    }\n\n    /**\n     * @param {HTMLElement} input\n     * @protected\n     * @override\n     */\n    _inputElementChanged(input) {\n      super._inputElementChanged(input);\n\n      if (input) {\n        // Discard value set on the custom slotted input.\n        if (input.value && input.value !== this.value) {\n          console.warn(`Please define value on the <${this.localName}> component!`);\n          input.value = '';\n        }\n\n        if (this.value) {\n          input.value = this.value;\n        }\n      }\n    }\n\n    /**\n     * Override an event listener from `FocusMixin`.\n     * @param {boolean} focused\n     * @protected\n     * @override\n     */\n    _setFocused(focused) {\n      super._setFocused(focused);\n\n      // Do not validate when focusout is caused by document\n      // losing focus, which happens on browser tab switch.\n      if (!focused && document.hasFocus()) {\n        this.validate();\n      }\n    }\n\n    /**\n     * Override an event listener from `InputMixin`\n     * to mark as valid after user started typing.\n     * @param {Event} event\n     * @protected\n     * @override\n     */\n    _onInput(event) {\n      super._onInput(event);\n\n      if (this.invalid) {\n        this.validate();\n      }\n    }\n\n    /**\n     * Override an observer from `InputMixin` to validate the field\n     * when a new value is set programmatically.\n     *\n     * @param {string | undefined} newValue\n     * @param {string | undefined} oldValue\n     * @protected\n     * @override\n     */\n    _valueChanged(newValue, oldValue) {\n      super._valueChanged(newValue, oldValue);\n\n      if (oldValue === undefined) {\n        return;\n      }\n\n      if (this.invalid) {\n        this.validate();\n      }\n    }\n  };\n","import { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName, observeAttributes } from '../../helpers/componentHelpers';\nimport { componentNameValidationMixin, createStyleMixin, draggableMixin } from '../../mixins';\nimport { TextClass } from '@descope-ui/descope-text/class';\nimport { TextFieldClass } from '../descope-text-field/TextFieldClass';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('security-questions-verify');\n\nconst textFieldsAttrs = [\n  'full-width',\n  'readonly',\n  'size',\n  'answer-placeholder',\n  'answer-data-errormessage-value-missing',\n  'st-error-message-icon',\n  'st-error-message-icon-size',\n  'st-error-message-icon-padding',\n];\n\nconst textsAttrs = ['question-mode'];\n\nconst attrMappings = {\n  'answer-placeholder': 'placeholder',\n  'answer-data-errormessage-value-missing': 'data-errormessage-value-missing',\n  'question-mode': 'mode',\n};\n\nconst attrsToSync = [...textFieldsAttrs, ...textsAttrs];\n\nconst attrsToReRender = ['questions'];\nclass RawSecurityQuestionsVerify extends createBaseClass({ componentName, baseSelector: 'div' }) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div></div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n        `,\n      this\n    );\n  }\n\n  #renderQuestions() {\n    const res = this.questions.map(\n      ({ id, text }) =>\n        // <!--html-->\n        `\n      <div class=\"question-wrapper\">\n      <descope-text\n        data-id=\"${id}\"\n      >${text}</descope-text>\n\n      <descope-text-field\n        data-id=\"${id}\"\n        required=\"true\"\n        bordered=\"true\"\n      ></descope-text-field>\n    </div>\n      `\n      // <!--!html-->\n    );\n\n    this.baseElement.innerHTML = res.join(\n      '<spacer></spacer><descope-divider></descope-divider><spacer></spacer>'\n    );\n\n    this.#syncAttrs(attrsToSync);\n\n    // focus input when text is clicked\n    this.texts.forEach((el) => {\n      const input = this.textFields.find(\n        (field) => field.getAttribute('data-id') === el.getAttribute('data-id')\n      );\n      // eslint-disable-next-line no-param-reassign\n      if (input) el.onclick = input.focus.bind(input);\n    });\n  }\n\n  reportValidity() {\n    this.textFields.reverse().forEach((el) => el.reportValidity());\n\n    return this.checkValidity();\n  }\n\n  checkValidity() {\n    return this.textFields.every((el) => el.checkValidity());\n  }\n\n  get questions() {\n    try {\n      return JSON.parse(this.getAttribute('questions')) || [];\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.error(componentName, 'Error parsing questions attribute', e);\n      return [];\n    }\n  }\n\n  get texts() {\n    return Array.from(this.baseElement.querySelectorAll('descope-text'));\n  }\n\n  get textFields() {\n    return Array.from(this.baseElement.querySelectorAll('descope-text-field'));\n  }\n\n  get elements() {\n    return Array.from(this.baseElement.querySelectorAll('descope-text, descope-text-field'));\n  }\n\n  get value() {\n    return this.textFields.map((el) => ({ id: el.getAttribute('data-id'), answer: el.value }));\n  }\n\n  set value(val = []) {\n    val.forEach(({ id, answer }) => {\n      const textField = this.textFields.find((el) => el.getAttribute('data-id') === id);\n      if (textField) textField.value = answer;\n    });\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  #updateAttribute(ele, attrName, value) {\n    if (value === null) ele.removeAttribute(attrName);\n    else ele.setAttribute(attrName, value);\n  }\n\n  #getElementsToUpdate(attr) {\n    switch (true) {\n      case textFieldsAttrs.includes(attr):\n        return this.textFields;\n      case textsAttrs.includes(attr):\n        return this.texts;\n      default:\n        return [];\n    }\n  }\n\n  #syncAttrs(attrs) {\n    attrs.forEach((attr) => {\n      this.#getElementsToUpdate(attr).forEach((el) => {\n        this.#updateAttribute(el, attrMappings[attr] || attr, this.getAttribute(attr));\n      });\n    });\n  }\n\n  init() {\n    super.init?.();\n    // render new components\n    observeAttributes(\n      this,\n      () => {\n        this.#renderQuestions();\n      },\n      { includeAttrs: attrsToReRender }\n    );\n\n    // update existing components\n    observeAttributes(this, this.#syncAttrs.bind(this), {\n      includeAttrs: attrsToSync,\n    });\n  }\n}\n\nexport const SecurityQuestionsVerifyClass = compose(\n  createStyleMixin({ componentNameOverride: getComponentName('input-wrapper') }),\n  createStyleMixin({\n    mappings: {\n      hostWidth: [{ selector: () => ':host', property: 'width' }, { property: 'width' }],\n      hostDirection: [\n        { selector: () => ':host', property: 'direction' },\n        {\n          selector: () => TextClass.componentName,\n          property: TextClass.cssVarList.hostDirection,\n        },\n        {\n          selector: () => TextFieldClass.componentName,\n          property: TextFieldClass.cssVarList.hostDirection,\n        },\n      ],\n      gap: { selector: () => 'div', property: 'gap' },\n      questionTextAlign: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.textAlign,\n      },\n      questionFontSize: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.fontSize,\n      },\n      questionFontFamily: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.fontFamily,\n      },\n      questionCursor: {\n        selector: () => TextClass.componentName,\n        property: 'cursor',\n      },\n\n      errorMessageIcon: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.errorMessageIcon,\n      },\n      errorMessageIconSize: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.errorMessageSize,\n      },\n      errorMessageIconPadding: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.errorMessagePadding,\n      },\n      errorMessageIconRepeat: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.errorMessageRepeat,\n      },\n      errorMessageIconPosition: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.errorMessagePosition,\n      },\n      errorMessageFontSize: {\n        selector: () => TextClass.componentName,\n        property: TextClass.cssVarList.errorMessageFontSize,\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawSecurityQuestionsVerify);\n","import { componentName, SecurityQuestionsVerifyClass } from './SecurityQuestionsVerifyClass';\nimport '@descope-ui/descope-text';\nimport '../descope-text-field';\n\ncustomElements.define(componentName, SecurityQuestionsVerifyClass);\n\nexport { SecurityQuestionsVerifyClass, componentName };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport '@vaadin/input-container/theme/lumo/vaadin-input-container-styles.js';\nimport { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, {\n  moduleId: 'lumo-text-field-styles',\n});\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(`\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `, this);\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      hostDirection: { selector: () => ':host', property: 'direction' },\n      fontSize: {},\n      textColor: { property: 'color' },\n      textLineHeight: { property: 'line-height' },\n      textLetterSpacing: { property: 'letter-spacing' },\n      textShadow: {},\n      textAlign: {},\n      textTransform: {},\n      fontFamily: {},\n      fontStyle: {},\n      fontWeight: {},\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\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","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"],"names":["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","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputOutlineWidth","inputOutlineOffset","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","InputController","constructor","callback","super","initializer","node","value","type","setAttribute","id","this","defaultId","useUniqueId","customElements","define","TextFieldMixin","superClass","properties","maxlength","Number","minlength","pattern","String","delegateAttrs","constraints","_setType","clearElement","$","clearButton","ready","addController","_setInputElement","_setFocusElement","stateTarget","ariaTarget","inputElement","_labelController","moduleId","TextField","is","template","_tooltipController","setPosition","setAriaTarget","InputFieldMixin","superclass","autocomplete","autocorrect","autocapitalize","reflectToAttribute","__data","__dataValue","_inputElementChanged","console","warn","localName","_setFocused","focused","document","hasFocus","validate","_onInput","event","invalid","_valueChanged","newValue","oldValue","undefined","componentName","textFieldsAttrs","textsAttrs","attrMappings","attrsToSync","attrsToReRender","RawSecurityQuestionsVerify","createBaseClass","baseSelector","attachShadow","mode","innerHTML","res","questions","map","text","baseElement","join","texts","forEach","el","textFields","find","field","getAttribute","onclick","focus","bind","reportValidity","reverse","checkValidity","every","JSON","parse","e","error","Array","from","querySelectorAll","elements","answer","val","textField","ele","attrName","removeAttribute","attr","includes","attrs","init","includeAttrs","SecurityQuestionsVerifyClass","componentNameOverride","mappings","TextClass","cssVarList","TextFieldClass","gap","questionTextAlign","questionFontSize","questionFontFamily","questionCursor","errorMessageSize","errorMessagePadding","errorMessageRepeat","errorMessagePosition","RawText","hideWhenEmpty","hasChildren","childNodes","length","style","display","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle","fontWeight","borderWidth","borderStyle","borderColor","useHostExternalPadding","resetInputContainer","name","resetInputField","resetInputCursor","resetInputPlaceholder","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle","observedAttrs","proxyProps","useProxyTargets","observedAttributes","concat","icon","renderCopyToClipboard","shouldRender","remove","iconInitConfig","title","iconCopiedConfig","Object","assign","createElement","slot","appendChild","addEventListener","navigator","clipboard","writeText","setTimeout","onLabelClick","attributeChangedCallback","oldVal","newVal","attributeChangeCallback","removeEventListener","slots","wrappedEleName","excludeAttrsSync"],"sourceRoot":""}

package/dist/umd/descope-text-area-index-js.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5686],{5277:(t,e,n)=>{n.r(e),n.d(e,{TextAreaClass:()=>y,componentName:()=>l}),n(27939);var r=n(79365),o=n(9696),i=n(97810),a=n(73551);const l=(0,i.xE)("text-area"),{host:p,label:d,placeholder:s,inputField:u,textArea:c,requiredIndicator:h,helperText:b,errorMessage:g}={host:{selector:()=>":host"},label:{selector:"::part(label)"},placeholder:{selector:"textarea:placeholder-shown"},inputField:{selector:"::part(input-field)"},textArea:{selector:"> textarea"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},y=(0,o.Zz)((0,r.RF)({mappings:{hostWidth:{...p,property:"width"},hostMinWidth:{...p,property:"min-width"},hostDirection:{...p,property:"direction"},fontSize:[p,c],fontFamily:[d,u,b,g],labelTextColor:[{...d,property:"color"},{...h,property:"color"}],labelRequiredIndicator:{...h,property:"content"},errorMessageTextColor:{...g,property:"color"},errorMessageIcon:{...g,property:"background-image"},errorMessageIconSize:{...g,property:"background-size"},errorMessageIconPadding:{...g,property:"padding-inline-start"},errorMessageIconRepeat:{...g,property:"background-repeat"},errorMessageIconPosition:{...g,property:"background-position"},inputBackgroundColor:{...u,property:"background-color"},inputValueTextColor:{...c,property:"color"},inputPlaceholderTextColor:{...s,property:"color"},inputBorderWidth:{...u,property:"border-width"},inputBorderStyle:{...u,property:"border-style"},inputBorderColor:{...u,property:"border-color"},inputBorderRadius:{...u,property:"border-radius"},inputOutlineStyle:{...u,property:"outline-Style"},inputOutlineColor:{...u,property:"outline-color"},inputOutlineOffset:{...u,property:"outline-offset"},inputOutlineWidth:{...u,property:"outline-width"},inputResizeType:{...c,property:"resize"},inputMinHeight:{...c,property:"min-height"},inputTextAlign:{...c,property:"text-align"}}}),r.VO,(0,r.OZ)({proxyProps:["value","selectionStart"]}),r.tQ)((0,r.tz)({slots:[],wrappedEleName:"vaadin-text-area",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n        box-sizing: border-box;\n\t\t\t}\n\t\t\ttextarea {\n\t\t\t\theight: 100%;\n\t\t\t}\n      ${(0,a.$J)("vaadin-text-area")}\n\t\t\t${(0,a.cy)(y.cssVarList)}\n\t\t\t${(0,a.zm)("vaadin-text-area")}\n\t\t\t${(0,a.Qv)("vaadin-text-area")}\n\t\t\t${(0,a.lS)("vaadin-text-area","textarea")}\n\t\t\t${(0,a.I4)("vaadin-text-area")}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:l}));customElements.define(l,y)},73551:(t,e,n)=>{n.d(e,{$J:()=>c,I4:()=>a,Kl:()=>h,LJ:()=>u,Qv:()=>i,X6:()=>p,cy:()=>r,fu:()=>d,kG:()=>s,lS:()=>l,zm:()=>o});const r=t=>`\n    :host {\n        padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n    }\n`,o=t=>`\n    ${t} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,i=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`,l=(t,e="input")=>`\n    ${t}[disabled] > ${e}:placeholder-shown,\n\t${t}[readonly] > ${e}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,p=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",d=t=>`\n    ${t}::part(input-field)::after {\n        opacity: 0;\n    }\n`,s=t=>`\n    ${t}::part(input-field)::after {\n        background: none;\n    }\n`,u=(t,e)=>`\n    ${o(t)}\n    ${a(t)}\n    ${l(t)}\n    ${i(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    ${s(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`,c=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  '}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5686],{5277:(t,e,n)=>{n.r(e),n.d(e,{TextAreaClass:()=>y,componentName:()=>l}),n(27939);var r=n(79365),o=n(9696),i=n(97810),a=n(73551);const l=(0,i.xE)("text-area"),{host:p,label:d,placeholder:s,inputField:u,textArea:c,requiredIndicator:h,helperText:b,errorMessage:g}={host:{selector:()=>":host"},label:{selector:"::part(label)"},placeholder:{selector:"textarea:placeholder-shown"},inputField:{selector:"::part(input-field)"},textArea:{selector:"> textarea"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},y=(0,o.Zz)((0,r.RF)({mappings:{hostWidth:{...p,property:"width"},hostMinWidth:{...p,property:"min-width"},hostDirection:{...p,property:"direction"},fontSize:[p,c],fontFamily:[d,u,b,g],labelTextColor:[{...d,property:"color"},{...h,property:"color"}],labelRequiredIndicator:{...h,property:"content"},errorMessageTextColor:{...g,property:"color"},errorMessageIcon:{...g,property:"background-image"},errorMessageIconSize:{...g,property:"background-size"},errorMessageIconPadding:{...g,property:"padding-inline-start"},errorMessageIconRepeat:{...g,property:"background-repeat"},errorMessageIconPosition:{...g,property:"background-position"},errorMessageFontSize:{...g,property:"font-size"},inputBackgroundColor:{...u,property:"background-color"},inputValueTextColor:{...c,property:"color"},inputPlaceholderTextColor:{...s,property:"color"},inputBorderWidth:{...u,property:"border-width"},inputBorderStyle:{...u,property:"border-style"},inputBorderColor:{...u,property:"border-color"},inputBorderRadius:{...u,property:"border-radius"},inputOutlineStyle:{...u,property:"outline-Style"},inputOutlineColor:{...u,property:"outline-color"},inputOutlineOffset:{...u,property:"outline-offset"},inputOutlineWidth:{...u,property:"outline-width"},inputResizeType:{...c,property:"resize"},inputMinHeight:{...c,property:"min-height"},inputTextAlign:{...c,property:"text-align"}}}),r.VO,(0,r.OZ)({proxyProps:["value","selectionStart"]}),r.tQ)((0,r.tz)({slots:[],wrappedEleName:"vaadin-text-area",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n        box-sizing: border-box;\n\t\t\t}\n\t\t\ttextarea {\n\t\t\t\theight: 100%;\n\t\t\t}\n      ${(0,a.$J)("vaadin-text-area")}\n\t\t\t${(0,a.cy)(y.cssVarList)}\n\t\t\t${(0,a.zm)("vaadin-text-area")}\n\t\t\t${(0,a.Qv)("vaadin-text-area")}\n\t\t\t${(0,a.lS)("vaadin-text-area","textarea")}\n\t\t\t${(0,a.I4)("vaadin-text-area")}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:l}));customElements.define(l,y)},73551:(t,e,n)=>{n.d(e,{$J:()=>c,I4:()=>a,Kl:()=>h,LJ:()=>u,Qv:()=>i,X6:()=>p,cy:()=>r,fu:()=>d,kG:()=>s,lS:()=>l,zm:()=>o});const r=t=>`\n    :host {\n        padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n    }\n`,o=t=>`\n    ${t} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,i=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`,l=(t,e="input")=>`\n    ${t}[disabled] > ${e}:placeholder-shown,\n\t${t}[readonly] > ${e}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,p=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",d=t=>`\n    ${t}::part(input-field)::after {\n        opacity: 0;\n    }\n`,s=t=>`\n    ${t}::part(input-field)::after {\n        background: none;\n    }\n`,u=(t,e)=>`\n    ${o(t)}\n    ${a(t)}\n    ${l(t)}\n    ${i(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    ${s(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`,c=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  '}}]);
 //# sourceMappingURL=descope-text-area-index-js.js.map

package/dist/umd/descope-text-area-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-text-area-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-text-area/TextAreaClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-area/index.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 { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n  resetInputContainer,\n  resetInputCursor,\n  resetInputLabelPosition,\n  resetInputField,\n  resetInputPlaceholder,\n  useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('text-area');\n\nconst {\n  host,\n  label,\n  placeholder,\n  inputField,\n  textArea,\n  requiredIndicator,\n  helperText,\n  errorMessage,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  placeholder: { selector: 'textarea:placeholder-shown' },\n  inputField: { selector: '::part(input-field)' },\n  textArea: { selector: '> textarea' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const TextAreaClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: [host, textArea],\n      fontFamily: [label, inputField, helperText, errorMessage],\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      inputBackgroundColor: { ...inputField, property: 'background-color' },\n      inputValueTextColor: { ...textArea, property: 'color' },\n      inputPlaceholderTextColor: { ...placeholder, property: 'color' },\n      inputBorderWidth: { ...inputField, property: 'border-width' },\n      inputBorderStyle: { ...inputField, property: 'border-style' },\n      inputBorderColor: { ...inputField, property: 'border-color' },\n      inputBorderRadius: { ...inputField, property: 'border-radius' },\n      inputOutlineStyle: { ...inputField, property: 'outline-Style' },\n      inputOutlineColor: { ...inputField, property: 'outline-color' },\n      inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n      inputOutlineWidth: { ...inputField, property: 'outline-width' },\n      inputResizeType: { ...textArea, property: 'resize' },\n      inputMinHeight: { ...textArea, property: 'min-height' },\n      inputTextAlign: { ...textArea, property: 'text-align' },\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  componentNameValidationMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-area',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n        box-sizing: border-box;\n\t\t\t}\n\t\t\ttextarea {\n\t\t\t\theight: 100%;\n\t\t\t}\n      ${resetInputLabelPosition('vaadin-text-area')}\n\t\t\t${useHostExternalPadding(TextAreaClass.cssVarList)}\n\t\t\t${resetInputContainer('vaadin-text-area')}\n\t\t\t${resetInputField('vaadin-text-area')}\n\t\t\t${resetInputPlaceholder('vaadin-text-area', 'textarea')}\n\t\t\t${resetInputCursor('vaadin-text-area')}\n\t\t`,\n    excludeAttrsSync: ['tabindex'],\n    componentName,\n  })\n);\n","import '@vaadin/text-area';\nimport { componentName, TextAreaClass } from './TextAreaClass';\n\ncustomElements.define(componentName, TextAreaClass);\n\nexport { TextAreaClass, componentName };\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","host","label","placeholder","inputField","textArea","requiredIndicator","helperText","errorMessage","selector","TextAreaClass","mappings","hostWidth","property","hostMinWidth","hostDirection","fontSize","fontFamily","labelTextColor","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","inputBackgroundColor","inputValueTextColor","inputPlaceholderTextColor","inputBorderWidth","inputBorderStyle","inputBorderColor","inputBorderRadius","inputOutlineStyle","inputOutlineColor","inputOutlineOffset","inputOutlineWidth","inputResizeType","inputMinHeight","inputTextAlign","proxyProps","slots","wrappedEleName","style","cssVarList","excludeAttrsSync","customElements","define","useHostExternalPadding","resetInputContainer","name","resetInputField","resetInputCursor","resetInputPlaceholder","ele","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","inputHeight","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle"],"sourceRoot":""}
+{"version":3,"file":"descope-text-area-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-text-area/TextAreaClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-area/index.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 { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n  resetInputContainer,\n  resetInputCursor,\n  resetInputLabelPosition,\n  resetInputField,\n  resetInputPlaceholder,\n  useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('text-area');\n\nconst {\n  host,\n  label,\n  placeholder,\n  inputField,\n  textArea,\n  requiredIndicator,\n  helperText,\n  errorMessage,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  placeholder: { selector: 'textarea:placeholder-shown' },\n  inputField: { selector: '::part(input-field)' },\n  textArea: { selector: '> textarea' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nexport const TextAreaClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostMinWidth: { ...host, property: 'min-width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: [host, textArea],\n      fontFamily: [label, inputField, helperText, errorMessage],\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      errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n      inputBackgroundColor: { ...inputField, property: 'background-color' },\n      inputValueTextColor: { ...textArea, property: 'color' },\n      inputPlaceholderTextColor: { ...placeholder, property: 'color' },\n      inputBorderWidth: { ...inputField, property: 'border-width' },\n      inputBorderStyle: { ...inputField, property: 'border-style' },\n      inputBorderColor: { ...inputField, property: 'border-color' },\n      inputBorderRadius: { ...inputField, property: 'border-radius' },\n      inputOutlineStyle: { ...inputField, property: 'outline-Style' },\n      inputOutlineColor: { ...inputField, property: 'outline-color' },\n      inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n      inputOutlineWidth: { ...inputField, property: 'outline-width' },\n      inputResizeType: { ...textArea, property: 'resize' },\n      inputMinHeight: { ...textArea, property: 'min-height' },\n      inputTextAlign: { ...textArea, property: 'text-align' },\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  componentNameValidationMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-area',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n        box-sizing: border-box;\n\t\t\t}\n\t\t\ttextarea {\n\t\t\t\theight: 100%;\n\t\t\t}\n      ${resetInputLabelPosition('vaadin-text-area')}\n\t\t\t${useHostExternalPadding(TextAreaClass.cssVarList)}\n\t\t\t${resetInputContainer('vaadin-text-area')}\n\t\t\t${resetInputField('vaadin-text-area')}\n\t\t\t${resetInputPlaceholder('vaadin-text-area', 'textarea')}\n\t\t\t${resetInputCursor('vaadin-text-area')}\n\t\t`,\n    excludeAttrsSync: ['tabindex'],\n    componentName,\n  })\n);\n","import '@vaadin/text-area';\nimport { componentName, TextAreaClass } from './TextAreaClass';\n\ncustomElements.define(componentName, TextAreaClass);\n\nexport { TextAreaClass, componentName };\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","host","label","placeholder","inputField","textArea","requiredIndicator","helperText","errorMessage","selector","TextAreaClass","mappings","hostWidth","property","hostMinWidth","hostDirection","fontSize","fontFamily","labelTextColor","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","inputBackgroundColor","inputValueTextColor","inputPlaceholderTextColor","inputBorderWidth","inputBorderStyle","inputBorderColor","inputBorderRadius","inputOutlineStyle","inputOutlineColor","inputOutlineOffset","inputOutlineWidth","inputResizeType","inputMinHeight","inputTextAlign","proxyProps","slots","wrappedEleName","style","cssVarList","excludeAttrsSync","customElements","define","useHostExternalPadding","resetInputContainer","name","resetInputField","resetInputCursor","resetInputPlaceholder","ele","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","inputHeight","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle"],"sourceRoot":""}

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

@@ -1,5 +1,5 @@
 /*! For license information please see descope-text-field-index-js.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5166],{6424:(t,e,n)=>{n.d(e,{A:()=>x});const{host:r,label:i,placeholder:o,requiredIndicator:l,inputField:a,input:p,inputMask:s,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:y,externalInput:b,externalInputDisabled:g,externalPlaceholder:f,externalDisabledPlaceholder:m}={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)"}},x={fontSize:[{},r],fontFamily:[i,a,d,c],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...l,property:"color"},{...i,property:"-webkit-text-fill-color"},{...l,property:"-webkit-text-fill-color"}],hostWidth:{...r,property:"width"},hostMinWidth:{...r,property:"min-width"},hostDirection:{...r,property:"direction"},inputDirection:{...p,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...s,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:[{...p,property:"caret-color"},{...b,property:"caret-color"}],labelRequiredIndicator:{...l,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:[{...p,property:"padding-left"},{...p,property:"padding-right"},{...b,property:"padding-left"},{...b,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:[{...p,property:"text-align"},{...b,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...f,property:"color"},{...o,property:"color"},{...u,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],labelPosition:{...i,property:"position"},labelTopPosition:{...i,property:"top"},labelHorizontalPosition:[{...i,property:"left"},{...i,property:"right"}],inputTransformY:{...i,property:"transform"},inputTransition:{...i,property:"transition"},marginInlineStart:{...i,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...f,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...b,property:"align-items"}],valueInputHeight:[{...p,property:"height"},{...b,property:"height"}],valueInputMarginBottom:[{...p,property:"margin-bottom"},{...b,property:"margin-bottom"}],inputIconOffset:[{...y,property:"margin-right"},{...y,property:"margin-left"}],inputIconSize:{...y,property:"font-size"},inputIconColor:{...y,property:"color"}}},11284:(t,e,n)=>{n(52733),n(27136)},18330:(t,e,n)=>{n.d(e,{f:()=>i});var r=n(44099);class i extends r.r{constructor(t,e){super(t,"input","input",{initializer:(t,n)=>{n.value&&(t.value=n.value),n.type&&t.setAttribute("type",n.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},21374:(t,e,n)=>{n.r(e),n.d(e,{TextFieldClass:()=>r.w,componentName:()=>r.T}),n(11284),n(37182),n(95260);var r=n(79275);customElements.define(r.T,r.w)},27136:(t,e,n)=>{n.d(e,{A:()=>h}),n(86689);var r=n(13256),i=n(82901),o=n(90676),l=n(81488),a=n(86314),p=n(87550),s=n(18330),d=n(37436),c=n(37720);const u=t=>class extends((0,d.a)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new s.f(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new c.q(this.inputElement,this._labelController))}};(0,p.SF)("vaadin-text-field",a.k,{moduleId:"vaadin-text-field-styles"});class h extends(u((0,p.cp)((0,o.q)(r.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return r.qy`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5166],{6424:(t,e,r)=>{r.d(e,{A:()=>x});const{host:n,label:i,placeholder:o,requiredIndicator:l,inputField:a,input:p,inputMask:s,helperText:d,errorMessage:c,disabledPlaceholder:u,inputDisabled:h,inputIcon:y,externalInput:b,externalInputDisabled:g,externalPlaceholder:f,externalDisabledPlaceholder:m}={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)"}},x={fontSize:[{},n],fontFamily:[i,a,d,c],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...l,property:"color"},{...i,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:{...p,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...s,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"},errorMessageFontSize:{...c,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...g,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...p,property:"caret-color"},{...b,property:"caret-color"}],labelRequiredIndicator:{...l,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:[{...p,property:"padding-left"},{...p,property:"padding-right"},{...b,property:"padding-left"},{...b,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:[{...p,property:"text-align"},{...b,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...f,property:"color"},{...o,property:"color"},{...u,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],labelPosition:{...i,property:"position"},labelTopPosition:{...i,property:"top"},labelHorizontalPosition:[{...i,property:"left"},{...i,property:"right"}],inputTransformY:{...i,property:"transform"},inputTransition:{...i,property:"transition"},marginInlineStart:{...i,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...f,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...b,property:"align-items"}],valueInputHeight:[{...p,property:"height"},{...b,property:"height"}],valueInputMarginBottom:[{...p,property:"margin-bottom"},{...b,property:"margin-bottom"}],inputIconOffset:[{...y,property:"margin-right"},{...y,property:"margin-left"}],inputIconSize:{...y,property:"font-size"},inputIconColor:{...y,property:"color"}}},11284:(t,e,r)=>{r(52733),r(27136)},18330:(t,e,r)=>{r.d(e,{f:()=>i});var n=r(44099);class i extends n.r{constructor(t,e){super(t,"input","input",{initializer:(t,r)=>{r.value&&(t.value=r.value),r.type&&t.setAttribute("type",r.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},21374:(t,e,r)=>{r.r(e),r.d(e,{TextFieldClass:()=>n.w,componentName:()=>n.T}),r(11284),r(37182),r(95260);var n=r(79275);customElements.define(n.T,n.w)},27136:(t,e,r)=>{r.d(e,{A:()=>h}),r(86689);var n=r(13256),i=r(82901),o=r(90676),l=r(81488),a=r(86314),p=r(87550),s=r(18330),d=r(37436),c=r(37720);const u=t=>class extends((0,d.a)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new s.f(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new c.q(this.inputElement,this._labelController))}};(0,p.SF)("vaadin-text-field",a.k,{moduleId:"vaadin-text-field-styles"});class h extends(u((0,p.cp)((0,o.q)(n.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return n.qy`
       <style>
         [part='input-field'] {
           flex-grow: 0;
@@ -34,5 +34,5 @@
         </div>
       </div>
       <slot name="tooltip"></slot>
-    `}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new l.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,i.X)(h)},37436:(t,e,n)=>{n.d(e,{a:()=>i});var r=n(44218);const i=t=>class extends((0,r.R)(t)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,e){super._valueChanged(t,e),void 0!==e&&this.invalid&&this.validate()}}},52733:(t,e,n)=>{n(27397);var r=n(47642);(0,n(87550).SF)("vaadin-text-field",r.k,{moduleId:"lumo-text-field-styles"}),n(27136)},73551:(t,e,n)=>{n.d(e,{$J:()=>u,I4:()=>l,Kl:()=>h,LJ:()=>c,Qv:()=>o,X6:()=>p,cy:()=>r,fu:()=>s,kG:()=>d,lS:()=>a,zm:()=>i});const r=t=>`\n    :host {\n        padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n    }\n`,i=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`,l=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`,p=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",s=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    ${i(t)}\n    ${l(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  '},79275:(t,e,n)=>{n.d(e,{T:()=>p,w:()=>d});var r=n(79365),i=n(6424),o=n(9696),l=n(97810),a=n(73551);const p=(0,l.xE)("text-field"),s=["type","label-type","copy-to-clipboard"],d=(0,o.Zz)((0,r.RF)({mappings:i.A}),r.VO,(0,r.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),r.tQ,(t=>class extends t{static get observedAttributes(){return s.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"},n={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,n),setTimeout((()=>{Object.assign(this.icon,e)}),5e3)}))}onLabelClick(){this.focus()}attributeChangedCallback(t,e,n){super.attributeChangeCallback?.(t,e,n),"type"===t&&this.baseElement._setType(n),e!==n&&("label-type"===t?"floating"===n?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===t&&this.renderCopyToClipboard("true"===n))}}))((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:p}))}}]);
+    `}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new l.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,i.X)(h)},37436:(t,e,r)=>{r.d(e,{a:()=>i});var n=r(44218);const i=t=>class extends((0,n.R)(t)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,e){super._valueChanged(t,e),void 0!==e&&this.invalid&&this.validate()}}},52733:(t,e,r)=>{r(27397);var n=r(47642);(0,r(87550).SF)("vaadin-text-field",n.k,{moduleId:"lumo-text-field-styles"}),r(27136)},73551:(t,e,r)=>{r.d(e,{$J:()=>u,I4:()=>l,Kl:()=>h,LJ:()=>c,Qv:()=>o,X6:()=>p,cy:()=>n,fu:()=>s,kG:()=>d,lS:()=>a,zm:()=>i});const n=t=>`\n    :host {\n        padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n    }\n`,i=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`,l=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`,p=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",s=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    ${i(t)}\n    ${l(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  '},79275:(t,e,r)=>{r.d(e,{T:()=>p,w:()=>d});var n=r(79365),i=r(6424),o=r(9696),l=r(97810),a=r(73551);const p=(0,l.xE)("text-field"),s=["type","label-type","copy-to-clipboard"],d=(0,o.Zz)((0,n.RF)({mappings:i.A}),n.VO,(0,n.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),n.tQ,(t=>class extends t{static get observedAttributes(){return s.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"},r={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,r),setTimeout((()=>{Object.assign(this.icon,e)}),5e3)}))}onLabelClick(){this.focus()}attributeChangedCallback(t,e,r){super.attributeChangeCallback?.(t,e,r),"type"===t&&this.baseElement._setType(r),e!==r&&("label-type"===t?"floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===t&&this.renderCopyToClipboard("true"===r))}}))((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,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:p}))}}]);
 //# sourceMappingURL=descope-text-field-index-js.js.map