@descope/flow-components 3.0.2 → 3.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/fm/222.js +1 -1
  2. package/dist/fm/222.js.map +1 -1
  3. package/dist/fm/467.js +1 -1
  4. package/dist/fm/467.js.map +1 -1
  5. package/dist/fm/626.js +1 -1
  6. package/dist/fm/626.js.map +1 -1
  7. package/dist/fm/985.js +1 -1
  8. package/dist/fm/985.js.map +1 -1
  9. package/dist/fm/__federation_expose_componentClasses.js +1 -1
  10. package/dist/fm/__federation_expose_componentClasses.js.map +1 -1
  11. package/dist/fm/__federation_expose_components.js +1 -1
  12. package/dist/fm/__federation_expose_theme.js +1 -1
  13. package/dist/fm/__federation_expose_theme.js.map +1 -1
  14. package/dist/fm/flowComponents.js +1 -1
  15. package/dist/fm/flowComponents.js.map +1 -1
  16. package/dist/fm/main.js +1 -1
  17. package/dist/fm/main.js.map +1 -1
  18. package/dist/fm/mf-manifest.json +1 -1
  19. package/dist/fm/mf-stats.json +1 -1
  20. package/package.json +3 -3
package/dist/fm/222.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";(self.webpackChunk_descope_flow_components_3_0_2_1773000804383=self.webpackChunk_descope_flow_components_3_0_2_1773000804383||[]).push([[222],{5222(e,t,r){r.d(t,{$y:()=>Wp,A8:()=>Mc,Ag:()=>$a,C1:()=>jc,C9:()=>po,Cz:()=>cc,Er:()=>Hu,G6:()=>Mv,HO:()=>jr,HT:()=>Hr,J1:()=>Mo,Jr:()=>kr,Lg:()=>qp,MN:()=>es,Mz:()=>va,NF:()=>Vs,O7:()=>Dm,Od:()=>Cp,QW:()=>ic,Qb:()=>qm,SE:()=>Qr,SQ:()=>fo,T1:()=>zv,TV:()=>Zp,Ul:()=>Js,VN:()=>md,VX:()=>bn,_w:()=>It,a5:()=>Sv,bL:()=>en,bU:()=>$h,br:()=>R,dX:()=>th,dq:()=>fg,e7:()=>xt,eA:()=>zc,eo:()=>rl,ew:()=>st,fp:()=>dl,gZ:()=>pp,h5:()=>tg,jH:()=>fn,k0:()=>dn,l1:()=>Ur,md:()=>mn,ml:()=>Ve,mq:()=>tp,o9:()=>xn,o_:()=>wt,pp:()=>Gc,px:()=>Vp,q4:()=>br,qn:()=>bo,rG:()=>Ap,sK:()=>xr,tD:()=>jd,tS:()=>np,td:()=>tc,tl:()=>_n,ul:()=>Na,v_:()=>pn,w8:()=>Fi,wt:()=>da,xO:()=>cs,xp:()=>bp,xs:()=>xi,yW:()=>ag,yi:()=>Eg,yj:()=>um,zQ:()=>Iv});var o=r(7949),i=r(72),n=r.n(i),s=r(8089),a=r.n(s),l=r(465),d=r.n(l),c=(r(8231),r(4873),r(865),r(4598),r(7519)),p=(r(496),r(7726),r(4155),r(9504),r(1399),r(5877),r(3798),r(8619),r(1394)),u=r(3667),h=(r(8319),r(3826)),m=r(8677),g=r(127),b=(r(5595),r(9849),r(4899),r(3977),r(9435),r(7822),r(6601),r(9792)),y=r(1206),f=r(8733),v=r(268);const x="descope",C=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_.]+/g,"-").toLowerCase(),w=(...e)=>C(e.filter(e=>!!e).join("-")),I=(...e)=>t=>e.reduceRight((e,t)=>t(e),t),M=e=>"function"==typeof e,S=(e,t,{excludeAttrs:r=[],includeAttrs:o=[]})=>{const i=Array.from(e.attributes).filter(e=>!r.includes(e.name)&&(!o.length||o.includes(e.name))).map(e=>e.name);t(i),new MutationObserver(e=>{e.forEach(e=>{"attributes"!==e.type||r.includes(e.attributeName)||o.length&&!o.includes(e.attributeName)||t([e.attributeName])})}).observe(e,{attributes:!0})},A=(e,t)=>{t({addedNodes:Array.from(e.children),removedNodes:[]}),new MutationObserver(e=>{e.forEach(e=>{"childList"!==e.type&&"characterData"!==e.type||t(e)})}).observe(e,{childList:!0,characterData:!0,subtree:!0})},E=(e,t,r={})=>o=>{o.forEach(o=>{const i=r[o]||o,n=e.getAttribute(o);t&&(null!==n?t.getAttribute(i)!==n&&t.setAttribute(i,n):t.removeAttribute(i))})},T=(e,t,r)=>{S(e,E(e,t),r),S(t,E(t,e),r)},k=e=>w(x,e),z=(...e)=>`--${w(...e)}`,L=(e,t,r={})=>{S(e,E(e,t,r.mapAttrs),r)},N=(e,t,{prepend:r=!1}={})=>{let o;try{o=new CSSStyleSheet}catch(o){return V(e,t,{prepend:r})}const i=t?.shadowRoot||t;if(e&&o.replaceSync(e),i){const e=[...i.adoptedStyleSheets||[]];e[r?"unshift":"push"](o),i.adoptedStyleSheets=e}return e&&!o.cssRules[0]?.style&&console.warn(`No style rules were created, make sure the CSS is valid:\n "${e}"`),o};class D{constructor(e,t,{prepend:r=!1}={}){this.styleEle=document.createElement("style"),this.styleEle.textContent=e,this.styleEle.setAttribute("nonce",window.DESCOPE_NONCE),this.ref=t?.shadowRoot||t,this.ref&&(r?this.ref.prepend(this.styleEle):this.ref.append(this.styleEle))}replaceSync(e){this.styleEle.textContent=e}get cssRules(){return this.styleEle.sheet?.cssRules}}const V=(e,t,{prepend:r=!1}={})=>new D(e,t,{prepend:r}),P=(e,t=2)=>e.trim().split(" ").splice(0,t).map(e=>e[0]?.toUpperCase()).join(""),R=new class{static mountOnPropName="DescopeThemeManager";#e={};#t="light";#r=new Set;#o(){this.#r.forEach(e=>e?.())}get currentThemeName(){return this.#t}set currentThemeName(e){this.#t=e,this.#o()}get currentTheme(){return this.#e[this.currentThemeName]}onCurrentThemeChange(e){return this.#r.add(e),()=>{this.#r.delete(e)}}set themes(e){this.#e=e,this.#o()}get hasThemes(){return!!Object.keys(this.#e).length}},B=.25,O=.1,j=(e,t)=>e.darken(t).hex(),F=e=>{const t=e.isDark();return e.mix(d()(t?"white":"black"),1).saturate(1).hex()},W=(e,t)=>e.lightness()<.5?e.lightness(100*t).hex():e.lighten(t).hex(),_=e=>e.luminosity()>.99,$=(e,t)=>(e=>e.luminosity()<.01)(e)?W(e,B):j(e,.4),H=(e,t)=>_(e)?j(e,B):W(e,.4),q=(e,t)=>_(e)?j(e,O):W(e,.8),Y=(e,t)=>{const r=new(d())(e.main||e);return{main:r.hex(),dark:e.dark||$(r),light:e.light||H(r),highlight:e.highlight||q(r),contrast:e.contrast||F(r)}},U=e=>z(x,...e),G=(e,t,r)=>{const o=Array.isArray(t)?t:t.match(/([^[.\]])+/g);return o.reduce((e,t,i)=>(void 0===e[t]&&(e[t]={}),i===o.length-1&&(e[t]=r),e[t]),e),e},Z=(e,t,r)=>Object.entries(e).reduce((e,[o,i])=>i?.constructor!==Object?a()(e,r(t.concat(o),i)):a()(e,Z(i,[...t,o],r)),{}),Q=(e,t)=>Z(e,[],e=>G({},e,`var(${U(e)})`)),J=(...e)=>e.reduceRight((e,t)=>t.startsWith("--")?`var(${t}${e?`, ${e}`:e})`:`${t}${e?`, ${e}`:e}`,""),K=(e,t)=>{const r=Z(e,[],(e,r)=>{const o=[...e],i=o.splice(-1),n=z(t,i),s={[i]:n},a={[i]:J(n)};return{theme:G({},[...o,n],r),useVars:a,vars:s}});return[r.theme,r.useVars,r.vars]},X=e=>`${e}__override`,ee=(e,t,r=!1)=>{const o=`var(${e}${t?`, ${t}`:""})`;return r?`var(${X(e)}, ${o})`:o};let te=class{constructor(){this.styleMap=new Map}add(e,t,r){this.styleMap.has(e)||this.styleMap.set(e,[]),this.styleMap.set(e,[...this.styleMap.get(e),{property:t,value:r}])}toString(){return Array.from(this.styleMap.entries()).reduce((e,[t,r])=>{const o=r.map(({property:e,value:t})=>`${e}: ${t}`).join(";\n");return`${e}${t} { \n${o} \n}\n\n`},"")}};const re=(e,t="fallback")=>w(e,t),oe=(e,t,{fallback:r})=>{if(!r)return{};const o=re(t,r.suffix),i=((...e)=>e.filter(Boolean).map((e,t)=>{return 0===t?e:(r=e).charAt(0).toUpperCase()+r.slice(1);var r}).join(""))(e,r.suffix||"fallback");return{[i]:o,...oe(i,o,r)}},ie=(e,t)=>Object.keys(t).reduce((r,o)=>{const i=z(e,o);return Object.assign(r,{[o]:i},{[o+"Override"]:X(i)},oe(o,i,t[o]))},{}),ne=({mappings:e={},componentNameOverride:t=""})=>r=>{const o=t||r.componentName;return class t extends r{static get cssVarList(){return{...r.cssVarList,...ie(o,{...e})}}#i;#n;#s;#a;#l;#d;#c;#p;#u;constructor({getRootElement:e,componentNameSuffix:r="",themeSection:o="host",baseSelector:i}={}){super(),this.#a=r,this.#l=o,this.#c=i??this.baseSelector,this.#u=e,this.#p=Object.keys(t.cssVarList).map(e=>w("st",r,e))}get#h(){return R.currentTheme?.[o]||""}#m(){this.#n.replaceSync(this.#h[this.#l]),this.currentThemeName=R.currentThemeName,this.onThemeChange?.(R.currentThemeName)}#g(){this.#n=N("",this.#d,{prepend:!0}),this.#s=R.onCurrentThemeChange(this.#m.bind(this)),this.#m()}#b(){if(this.#p.length){let e=`.${o}`.repeat(5);const t=this.getAttribute("id");t&&(e+=`#${CSS.escape(t)}`),this.#i=N(`:host(${e}) {}`,this.#d)}}#y(e,t){const r=this.#i.cssRules[0].style;if(!r)return;const i=z(o,e.replace(new RegExp("^st-"),""));t?r?.setProperty(i,t):(r?.removeProperty(i),this.removeAttribute(e))}#f(e=[]){e.forEach(e=>{this.#p.includes(e)&&this.#y(e,this.getAttribute(e))})}#v(){if(Object.keys(e).length){const t=((e,t,r)=>{const o=new te,i=(e,t)=>{if(!e)return"";if("string"==typeof e)return e;const r=re(t,e?.suffix);return ee(r,i(e.fallback,r))};return Object.keys(r).forEach(n=>{const s=((e,t)=>{const r={selector:"",property:C(e)};return t&&Object.keys(t).length?Array.isArray(t)?t.map(e=>({...r,...e})):[{...r,...t}]:[r]})(n,r[n]),a=z(e,n);s.forEach(({selector:e,property:r,important:n,fallback:s})=>{const l=i(s,a);o.add(((e="",t="")=>M(t)?t(e):`${e}${/^[A-Za-z]/.test(t)?` ${t}`:t}`)(t,e),M(r)?r():r,ee(a,l,!0)+(n?"!important":""))})}),o.toString()})(w(o,this.#a),this.#c,e);N(t,this.#d,{prepend:!0})}}#x(e){(this.#d?.classList||this.#d?.host?.classList||this.classList).add(e)}async init(){super.init?.(),!this.shadowRoot?.isConnected&&this.shadowRoot||(this.#d=await(this.#u?.(this))||this.shadowRoot,this.#x(o),this.#v(),this.#g(),this.#b(),S(this,this.#f.bind(this),{}))}disconnectedCallback(){super.disconnectedCallback?.(),this.#s?.()}}},se=e=>class extends e{constructor(){super(),N(':host([draggable="true"]) * { cursor: inherit!important }',this)}get isDraggable(){return this.hasAttribute("draggable")&&"false"!==this.getAttribute("draggable")}init(){this.addEventListener("mousedown",e=>{if(this.isDraggable){const t=this.baseElement.getAttribute("tabindex");this.baseElement.setAttribute("tabindex","-1");const r=()=>{t?this.baseElement.setAttribute("tabindex",t):this.baseElement.removeAttribute("tabindex"),e.target.removeEventListener("mouseup",r),e.target.removeEventListener("dragend",r)};e.target.addEventListener("mouseup",r,{once:!0}),e.target.addEventListener("dragend",r,{once:!0})}}),super.init?.()}},ae=e=>class extends e{#C(){const t=this.localName;if(!e.componentName)throw Error('component name is not defined on super class, make sure you have a static get for "componentName"');if(t!==e.componentName)throw Error(`component name mismatch, expected "${e.componentName}", current "${t}"`)}init(){super.init?.(),this.#C()}},le=e=>class extends e{updateComponentsContext(e){this.dispatchEvent(new CustomEvent("components-context",{bubbles:!0,composed:!0,detail:e}))}},de=e=>class extends e{init(){super.init?.(),(this.baseElement||this).addEventListener("mouseover",e=>{this.setAttribute("hover","true"),e.target.addEventListener("mouseleave",()=>this.removeAttribute("hover"),{once:!0})})}},ce=["readonly","focused","invalid","has-label","required","disabled","checked","has-helper","has-value","step-buttons-visible","hover","has-error-message","focus-ring","opened","active","password-visible","opening","closing","has-no-options","loading","allow-custom-value","collapsed"],pe=e=>class extends e{init(){super.init?.(),S(this,e=>e.forEach(e=>{const t=this.getAttribute(e);(e=>ce.includes(e))(e)?""===t?this.setAttribute(e,"true"):"false"===t&&this.removeAttribute(e):t||console.debug(`attribute "${e}" has no value, should it be added to the boolean attributes list?`)}),{})}},ue=({componentName:e,baseSelector:t=""})=>{class r extends HTMLElement{static get componentName(){return e}#w;#I=!0;get baseSelector(){return t}get baseElement(){return this.#w??=this.baseSelector?this.rootElement.querySelector(this.baseSelector):this,this.#w||console.warn("missing base element for component",this.localName),this.#w}get rootElement(){return this.shadowRoot||this}get name(){return this.getAttribute("name")}connectedCallback(){super.connectedCallback?.(),this.rootElement.isConnected&&this.#I&&(this.#I=!1,this.init?.())}}return I(ae,de,pe,le)(r)};function he(e,t={}){const r=new Event(e,t);this[`on${e}`]?.(r),this.dispatchEvent(r)}const me=e=>class extends e{#M=he.bind(this,"change");init(){super.init?.(),this.prevValue=this.value,this.addEventListener("change",e=>{e.stopPropagation()}),this.addEventListener("blur",()=>{this.value!==this.prevValue&&(this.#M(),this.prevValue=this.value)})}},ge=e=>class extends e{init(){this.#S(),super.init?.()}#S(){["blur","focus","focusin","focusout"].forEach(e=>{this.addEventListener(e,e=>{e.isTrusted&&e.target===this&&e.stopImmediatePropagation()})})}handleFocusEventsDispatching(e){let t;e?.forEach(e=>{e?.addEventListener("focusout",e=>{e.stopImmediatePropagation(),t=setTimeout(()=>{t=null,he.call(this,"blur"),he.call(this,"focusout",{bubbles:!0})})});const r=e=>{e.stopImmediatePropagation(),clearTimeout(t),t||(he.call(this,"focus"),he.call(this,"focusin",{bubbles:!0}))};e?.addEventListener("focusin",r),e?.addEventListener("focus",r)})}handleInputEventDispatching(){let e=this.value;this.addEventListener("input",t=>{this!==t.target&&(t.stopImmediatePropagation(),e!==this.value&&(e=this.value,he.call(this,"input",{bubbles:!0,composed:!0})))})}},be=["required","pattern"],ye=Symbol("validationTarget"),fe=e=>class extends e{#A=ye;static get observedAttributes(){return[...e.observedAttributes||[],...be]}static get formAssociated(){return!0}#E;get internals(){return this.#E}set internals(e){this.#E=e}constructor(){super(),this.#E=this.attachInternals()}get defaultErrorMsgValueMissing(){return"Please fill out this field."}get defaultErrorMsgPatternMismatch(){return"Please match the requested format."}get defaultErrorMsgTooShort(){return`Minimum length is ${this.getAttribute("minlength")}.`}get defaultErrorMsgTooLong(){return`Maximum length is ${this.getAttribute("maxlength")}. `}get defaultErrorMsgRangeUnderflow(){return`At least ${this.getAttribute("min-items-selection")} items are required.`}get defaultErrorMsgRangeOverflow(){return`At most ${this.getAttribute("max-items-selection")} items are allowed.`}get defaultErrorMsgTypeMismatch(){return"Please match the requested type."}getCustomErrorMessage(e,t){return this.hasAttribute(e)?this.getAttribute(e)||" ":t}getErrorMessage(e){const{valueMissing:t,patternMismatch:r,typeMismatch:o,stepMismatch:i,tooShort:n,tooLong:s,rangeOverflow:a,rangeUnderflow:l,badInput:d,customError:c}=e;switch(!0){case t:return this.getCustomErrorMessage("data-errormessage-value-missing",this.defaultErrorMsgValueMissing);case r||i||d:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch",this.defaultErrorMsgPatternMismatch);case o:return this.getCustomErrorMessage("data-errormessage-type-mismatch",this.defaultErrorMsgTypeMismatch);case n:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch-too-short",this.defaultErrorMsgTooShort);case s:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch-too-long",this.defaultErrorMsgTooLong);case l:return this.getCustomErrorMessage("data-errormessage-pattern-range-underflow",this.defaultErrorMsgRangeUnderflow);case a:return this.getCustomErrorMessage("data-errormessage-pattern-range-overflow",this.defaultErrorMsgRangeOverflow);case c:return this.validationMessage;default:return""}}#T(){const e=this.isReadOnly?{}:this.getValidity();this.#E.setValidity(e,this.getErrorMessage(e),this.validationTarget)}get validationMessage(){return this.#E.validationMessage}getValidity(){console.warn("getValidity","is not implemented")}checkValidity(){return this.#E.validity.valid}reportValidity(){return this.#E.reportValidity()}get validity(){return this.#E.validity}get validationTarget(){return this.#A===ye?this.inputElement:this.#A}set validationTarget(e){this.#A=e}setCustomValidity(e){e?this.#E.setValidity({customError:!0},e,this.validationTarget):(this.#E.setValidity({}),this.#T())}get isRequired(){return this.hasAttribute("required")&&"false"!==this.getAttribute("required")}get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}get isDisabled(){return this.hasAttribute("disabled")&&"false"!==this.getAttribute("disabled")}get pattern(){return this.getAttribute("pattern")}get form(){return this.#E.form}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),be.includes(e)&&this.#T()}init(){super.init?.(),this.addEventListener("change",this.#T),this.addEventListener("invalid",e=>e.stopPropagation()),this.addEventListener("input",this.#T),setTimeout(()=>this.#T())}},ve=(...e)=>I(fe,me,pe,ge)(ue(...e)),xe="FETCH_RESULTS_ERROR",Ce=()=>class{constructor(e){this.getAttribute=e,this.isValid=this.#k()}checkConnectorValidity(){this.isValid=this.#k()}#k(){return!this.getRequiredParams().filter(e=>{const t=this.getAttribute(e);return!t||!this.validateParam(e,t)}).length}validateParam(e,t){return t.trim().length>0}getRequiredParams(){return console.error("Connector must implement getRequiredParams"),[]}async fetch(e){return this.isValid?this._fetchResults(e):(console.error(`[${this.constructor.name}] Cannot fetch results: connector is not properly configured`),{results:[],error:"CONNECTOR_INVALID"})}_fetchResults(e){return console.error("Connector must implement fetchResults"),{results:[],error:void 0}}},we=({componentName:e,wrappedEleName:t,slots:r=[],style:o,excludeAttrsSync:i=[],includeAttrsSync:n=[],includeForwardProps:s=[],delegatesFocus:a=!0})=>{class l extends(ue({componentName:e,baseSelector:t})){#z=he.bind(this,"blur");#L=he.bind(this,"focus");constructor(){super().attachShadow({mode:"open",delegatesFocus:a}).innerHTML=`\n\t\t\t<${t}>\n\t\t\t${r.map(e=>`<slot ${e?`name="${e}" slot="${e}"`:""}></slot>`).join("")}\n\t\t\t</${t}>\n\t\t`,N((M(o)?o():o)||"",this)}init(){super.init?.(),this.baseElement.addEventListener("blur",e=>{this.#z()}),this.baseElement.addEventListener("focus",e=>{this.#L()}),((e,t,r=[])=>{if(!r.length)return;const o=r.reduce((t,r)=>Object.assign(t,{[r]:{get:()=>e[r],set(t){e[r]=t}}}),{});Object.defineProperties(t,o)})(this.baseElement,this,s),T(this.baseElement,this,{excludeAttrs:i,includeAttrs:n})}}return l},Ie=["invalid","required"],Me=e=>{if(!e)return;let t=e;for(let e=0;e<10;e++)if([t]=t.assignedElements(),"slot"!==t?.localName)return t},Se=({proxyProps:e=[],useProxyTargets:t=!1,inputEvent:r="input",triggerValidationEvents:o=[],proxyParentValidation:i=!1})=>n=>class extends(fe(n)){static get observedAttributes(){return[...n.observedAttributes||[],...Ie]}#N;#M=he.bind(this,"change");constructor(){super(),this.#N=super.inputElement}warnIfInputElementIsMissing(){clearTimeout(this.inputElementTimerId),this.inputElementTimerId=setTimeout(()=>{!this.#N&&console.warn(this.localName,"no input was found")},0)}get inputElement(){if(this.#N)return this.#N;this.warnIfInputElementIsMissing();const e=this.baseElement.shadowRoot?.querySelector('slot[name="input"]'),t=this.baseElement.shadowRoot?.querySelector('slot[name="textarea"]');return this.#N=Me(e)||Me(t),this.#N}set inputElement(e){this.#N=e}getValidity(){return this.inputElement?.validity||{}}#D(){this.setAttribute("error-message",this.validationMessage)}reportValidity=()=>{this.inputElement.setCustomValidity(""),this.setCustomValidity(""),this.checkValidity()||(this.setAttribute("invalid","true"),this.#D(),this.focus())};defaultReportValidity(){return super.reportValidity()}init(){if(super.init?.(),this.baseElement._setInvalid=function(e){!e&&this._shouldSetInvalid(e)&&(this.invalid=e)},this.baseElement.addEventListener("input",e=>{e.composed||this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}),o.forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.inputElement?.setCustomValidity("")})}),setTimeout(()=>{(Array.isArray(r)?r:[r]).forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.baseElement.checkValidity()?this.removeAttribute("invalid"):this.#D()})}),this.baseElement.addEventListener("change",()=>{this.#M()}),this.addEventListener("invalid",()=>{this.checkValidity()||this.setAttribute("invalid","true"),this.#D()}),e.forEach(e=>{const r=this.querySelector('input[slot="external-input"]')||null,o=t?[this.baseElement,r].filter(Boolean):[];((e,t,r)=>{const o=Array.isArray(t)?t:[t];Object.defineProperty(e,r,{set(e){o.forEach(t=>{t[r]=e})},get:()=>t[0][r],configurable:!0})})(this,[this.inputElement,...o],e)}),this.setSelectionRange=this.inputElement.setSelectionRange?.bind(this.inputElement),L(this,this.inputElement,{includeAttrs:["inputmode"]})}),i){const e=this.inputElement.internals,t=this;this.inputElement.internals=new Proxy(e,{get:(e,r)=>"function"==typeof e[r]&&"setValidity"===r?(...o)=>{if(3===o.length){const e=o.slice(0,o.length-1);e.push(t.inputElement),t.internals[r](...e)}else t.internals[r](...o);return e[r](...o)}:"function"==typeof e[r]?(...o)=>(t.internals[r](...o),e[r](...o)):e[r]})}}},Ae=e=>I(Se(e),ne({componentNameOverride:k("input-wrapper")})),Ee=({name:e,selector:t,mappings:r={},forward:{attributes:o=[],include:i=!0}={}})=>n=>{const s=e||(e=>e.replace(/[^\w\s]/gi,""))(t),a=ne({mappings:r})(n);return class extends a{static get cssVarList(){return{...a.cssVarList,[s]:ie(s?w(n.componentName,"_"+s):n.componentName,r)}}#V;constructor(){const e=(t=async e=>(e.shadowRoot||e).querySelector(e.baseSelector),async e=>{const r=await t(e);return new Promise(e=>{let t=0;const o=()=>{if(t>20)return console.error("could not get shadow root for element",r),void e(r);t++,r?.shadowRoot?e(r.shadowRoot):setTimeout(o)};o()})});var t;super({getRootElement:e,componentNameSuffix:s&&"_"+s,themeSection:s?"_"+s:void 0,baseSelector:""}),this.#P=()=>e(this).then(e=>e?.host||e)}#P;async#R(){const e=await this.#V;e.onmouseenter=e=>{e.target.setAttribute("hover","true")},e.onmouseleave=e=>{e.target.removeAttribute("hover")}}async init(){super.init?.(),this.#V=this.#P();const e=await this.#V;L(this,e,{[i?"includeAttrs":"excludeAttrs"]:o}),this.#R()}}},Te=()=>!0,ke=e=>`<pre>${JSON.stringify(e,null,4)}</pre>`,ze=({itemRenderer:e=ke,validateSchema:t=Te,slotName:r,rerenderAttrsList:o=[],targetSelector:i,sortFn:n=e=>e})=>s=>class extends s{#B=[];#O;#j(e){if(!t)return!0;const r=t(e);return!0===r||(console.error("Data schema validation failed",r||""),!1)}#F(){const e=r?`*[slot="${r}"]`:":not([slot])";this.#O&&this.#O.querySelectorAll(e).forEach(e=>e.remove())}#W(){this.#F(),(n?this.data.sort(n):this.data).forEach((t,r)=>{const o="string"==typeof(i=e(t,r,this))?(e=>{const t=document.createElement("template");return t.innerHTML=e,t})(i).content:i instanceof HTMLTemplateElement?i.content:(console.error("Invalid template",i),null);var i;this.#O&&this.#O.appendChild(o?.cloneNode(!0))})}set data(e){this.#j(e)&&(this.#B=e,this.#W())}get data(){return this.#B}init(){super.init?.(),this.#O=i?this.shadowRoot.querySelector(i):this.baseElement,S(this,e=>{e.includes("data")?this.#_():this.#W()},{includeAttrs:[...o,"data"]})}#_(){const e=this.getAttribute("data");if(e)try{this.data=JSON.parse(e)}catch(t){console.warn("Invalid JSON data",e)}}},Le=["blockquote","list","image","table","code","hr","backticks","fence","reference","heading","lheading","html_block"],Ne=k("enriched-text");class De extends(ue({componentName:Ne,baseSelector:":host > div"})){#$;#H;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="content"></div>\n ',N("\n :host {\n line-height: 1em;\n word-break: break-word;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n *, *:last-child {\n margin: 0;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p {\n margin-bottom: 1em;\n }\n a {\n cursor: pointer;\n }\n blockquote {\n padding: 0 2em;\n }\n u {\n text-decoration: underline\n }\n s {\n color: currentColor;\n }\n ",this),this.#q(),A(this,this.#Y.bind(this)),this.contentNode?.addEventListener("click",e=>{e.target instanceof HTMLAnchorElement&&e.stopPropagation()})}static get observedAttributes(){return["readonly","link-target-blank"]}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&("readonly"===e&&this.onReadOnlyChange("true"===r),"link-target-blank"===e&&this.#q())}customUnderlineRenderer(){this.processor.renderer.rules.em_open=(e,t,r,o,i)=>("_"===e[t].markup&&(e[t].tag="u"),this.#H(e,t,r,o,i)),this.processor.renderer.rules.em_close=(e,t,r,o,i)=>("_"===e[t].markup&&(e[t].tag="u"),this.#H(e,t,r,o,i))}#U(){this.linkTargetBlank?this.processor.renderer.rules.link_open=(e,t,r,o,i)=>(e[t].attrSet("target","_blank"),this.#$(e,t,r,o,i)):this.processor.renderer.rules.link_open=this.#$}#G(){this.processor&&this.processor.disable(Le)}#Z(){this.#G()}#Q(){this.#$=this.processor.renderer.rules.link_open||((e,t,r,o,i)=>i.renderToken(e,t,r)),this.#H=this.processor.renderer.rules.em_open||((e,t,r,o,i)=>i.renderToken(e,t,r))}#q(){this.processor=new o.A("commonmark",{html:!0}),this.#Q(),this.#Z(),this.#U(),this.customUnderlineRenderer()}get linkTargetBlank(){return"true"===this.getAttribute("link-target-blank")}get contentNode(){return this.shadowRoot.querySelector(".content")}#Y(){if(!this.processor)return;let e=(e=>{const t=document.createElement("textarea");return t.innerHTML=e,t.value})(this.innerHTML);!e?.trim()&&this.isConnected?this.setAttribute("empty","true"):this.removeAttribute("empty");try{const t=this.processor.parse(e,{references:void 0});e=this.processor.renderer.render(t,{html:!0,breaks:!0})}catch(e){console.warn("Not parsing invalid markdown token")}this.contentNode.innerHTML=e,this.contentNode.firstChild?.setAttribute("part","content")}onReadOnlyChange(e){e?this.contentNode.setAttribute("inert",e):this.contentNode.removeAttribute("inert")}}const Ve=I(ne({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDisplay:{selector:()=>":host",property:"display",fallback:"inline-block"},hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},fontWeightBold:[{selector:()=>":host strong",property:"font-weight"},{selector:()=>":host b",property:"font-weight"}],textColor:{property:"color"},textLineHeight:{property:"line-height"},textAlign:{},linkColor:{selector:"a",property:"color"},linkTextDecoration:{selector:"a",property:"text-decoration"},linkHoverTextDecoration:{selector:"a:hover",property:"text-decoration"},minHeight:{},minWidth:{}}}),ne({componentNameOverride:k("link")}),ne({componentNameOverride:k("text")}),se,ae)(De),Pe=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_.]+/g,"-").toLowerCase(),Re=(...e)=>Pe(e.filter(e=>!!e).join("-")),Be=(...e)=>t=>e.reduceRight((e,t)=>t(e),t),Oe=e=>"function"==typeof e,je="descope",Fe="host",We=(e,t,{excludeAttrs:r=[],includeAttrs:o=[]})=>{const i=Array.from(e.attributes).filter(e=>!r.includes(e.name)&&(!o.length||o.includes(e.name))).map(e=>e.name);t(i),new MutationObserver(e=>{e.forEach(e=>{"attributes"!==e.type||r.includes(e.attributeName)||o.length&&!o.includes(e.attributeName)||t([e.attributeName])})}).observe(e,{attributes:!0})},_e=(e,t)=>{t({addedNodes:Array.from(e.children),removedNodes:[]}),new MutationObserver(e=>{e.forEach(e=>{"childList"!==e.type&&"characterData"!==e.type||t(e)})}).observe(e,{childList:!0,characterData:!0,subtree:!0})},$e=(e,t,r={})=>o=>{o.forEach(o=>{const i=r[o]||o,n=e.getAttribute(o);t&&(null!==n?t.getAttribute(i)!==n&&t.setAttribute(i,n):t.removeAttribute(i))})},He=(e,t,r)=>{We(e,$e(e,t),r),We(t,$e(t,e),r)},qe=e=>Re(je,e),Ye=(...e)=>`--${Re(...e)}`,Ue=(e,t,r={})=>{We(e,$e(e,t,r.mapAttrs),r)},Ge=(e,t,r=[])=>{if(!r.length)return;const o=r.reduce((t,r)=>Object.assign(t,{[r]:{get:()=>e[r],set(t){e[r]=t}}}),{});Object.defineProperties(t,o)},Ze=.4,Qe=.25,Je=.1,Ke=(e,t)=>e.darken(t).hex(),Xe=e=>{const t=e.isDark();return e.mix(d()(t?"white":"black"),1).saturate(1).hex()},et=(e,t)=>e.lightness()<.5?e.lightness(100*t).hex():e.lighten(t).hex(),tt=e=>e.luminosity()<.01,rt=e=>e.luminosity()>.99,ot=(e,t)=>"dark"===t?rt(e)?Ke(e,Qe):et(e,Ze):tt(e)?et(e,Qe):Ke(e,Ze),it=(e,t)=>"dark"===t?tt(e)?et(e,Qe):Ke(e,Ze):rt(e)?Ke(e,Qe):et(e,Ze),nt=(e,t)=>"dark"===t?tt(e)?et(e,Je):Ke(e,.8):rt(e)?Ke(e,Je):et(e,.8),st=(e,t)=>{const r=new(d())(e.main||e);return{main:r.hex(),dark:e.dark||ot(r,t),light:e.light||it(r,t),highlight:e.highlight||nt(r,t),contrast:e.contrast||Xe(r)}},at=e=>`\n :host {\n padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n }\n`,lt=e=>`\n ${e} {\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n }\n`,dt=e=>`\n ${e}::part(input-field) {\n overflow: hidden;\n padding: 0;\n box-shadow: none;\n }\n`,ct=e=>`\n ${e} > label,\n ${e}::part(label),\n ${e}::part(required-indicator) {\n cursor: pointer;\n }\n`,pt=(e,t="input")=>`\n ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,ut=e=>`\n ${e}::part(input-field)::after {\n background: none;\n }\n`,ht=(e,t)=>`\n ${lt(e)}\n ${ct(e)}\n ${pt(e)}\n ${dt(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 ${ut(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`,mt=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`,gt=e=>Ye(je,...e),bt=(e,t,r)=>{const o=Array.isArray(t)?t:t.match(/([^[.\]])+/g);return o.reduce((e,t,i)=>(void 0===e[t]&&(e[t]={}),i===o.length-1&&(e[t]=r),e[t]),e),e},yt=(e,t,r)=>Object.entries(e).reduce((e,[o,i])=>i?.constructor!==Object?a()(e,r(t.concat(o),i)):a()(e,yt(i,[...t,o],r)),{}),ft=e=>{switch(!0){case Array.isArray(e):return e.map(e=>e.includes(" ")?`"${e}"`:e).join(", ");case(e=>{try{return new URL(e),!0}catch(e){return!1}})(e):return`url(${e})`;default:return e}},vt=(e,t)=>yt(e,[],e=>bt({},e,`var(${gt(e)})`)),xt=(e,t="")=>{const r=Object.entries((e=>yt(e,[],(e,t)=>({[gt(e)]:ft(t)})))(e)).reduce((e,t)=>`${e}${t.join(":")};\n`,"");return t?`*[data-theme="${t}"] {${r}}`:r},Ct=e=>Object.entries(e).reduce((e,[t,r])=>`${e}${t} { \n${Object.entries(r).map(([e,t])=>`${e}: ${t}`).join(";\n")} \n}\n\n`,""),wt=e=>{const t=(e=>yt(e,[],(e,t)=>{const[r,...o]=e,i=o.pop(),n=qe(r);"undefined"===i&&console.warn(n,`theme value: "${t}" is mapped to an invalid property`);let s=Fe;o[0]&&o[0].startsWith("@")&&(s=o.shift());const a=o.reduce((e,t,r)=>{const[i,n]=function(e){const t=e.match(/^(&+)?(.*)$/);return[t[1]||"",t[2]||""]}(t),s=Math.min(i.length+1,3);if(n.startsWith("_"))return e+`[${Pe(n.replace(/^_/,""))}="true"]`.repeat(s);const a=o[r+1];return"string"!=typeof a||a.startsWith("_")||a.startsWith("&")?(console.error("theme generator",`your theme structure is invalid, attribute "${t}" is followed by "${a}" which is not allowed`),e):e+`[${Pe(n)}="${o.splice(r+1,1).join("")}"]`.repeat(s)},""),l=":host"+(a?`(${a})`:"");return{[n]:{[s]:{[l]:{[i]:ft(t)}}}}}))(e);return Object.keys(t).reduce((e,r)=>{const o=t[r];return Object.assign(e,{[r]:Object.keys(o).reduce((e,t)=>Object.assign(e,{[t]:Ct(o[t])}),{})})},{})},It=({globals:e,components:t},r)=>({globals:xt(e,r),components:wt(t)}),Mt=(...e)=>e.reduceRight((e,t)=>t.startsWith("--")?`var(${t}${e?`, ${e}`:e})`:`${t}${e?`, ${e}`:e}`,""),St=(e,t)=>{const r=yt(e,[],(e,r)=>{const o=[...e],i=o.splice(-1),n=Ye(t,i),s={[i]:n},a={[i]:Mt(n)};return{theme:bt({},[...o,n],r),useVars:a,vars:s}});return[r.theme,r.useVars,r.vars]},At=e=>`${e}__override`,Et=(e,t,r=!1)=>{const o=`var(${e}${t?`, ${t}`:""})`;return r?`var(${At(e)}, ${o})`:o};class Tt{constructor(){this.styleMap=new Map}add(e,t,r){this.styleMap.has(e)||this.styleMap.set(e,[]),this.styleMap.set(e,[...this.styleMap.get(e),{property:t,value:r}])}toString(){return Array.from(this.styleMap.entries()).reduce((e,[t,r])=>{const o=r.map(({property:e,value:t})=>`${e}: ${t}`).join(";\n");return`${e}${t} { \n${o} \n}\n\n`},"")}}const kt=(e,t="fallback")=>Re(e,t),zt=(e,t,{fallback:r})=>{if(!r)return{};const o=kt(t,r.suffix),i=((...e)=>e.filter(Boolean).map((e,t)=>{return 0===t?e:(r=e).charAt(0).toUpperCase()+r.slice(1);var r}).join(""))(e,r.suffix||"fallback");return{[i]:o,...zt(i,o,r)}},Lt=(e,t)=>Object.keys(t).reduce((r,o)=>{const i=Ye(e,o);return Object.assign(r,{[o]:i},{[`${o}Override`]:At(i)},zt(o,i,t[o]))},{}),Nt=({mappings:e={},componentNameOverride:t=""})=>r=>{const o=t||r.componentName;return class t extends r{static get cssVarList(){return{...r.cssVarList,...Lt(o,{...e})}}#i;#n;#s;#a;#l;#d;#c;#p;#u;constructor({getRootElement:e,componentNameSuffix:r="",themeSection:o=Fe,baseSelector:i}={}){super(),this.#a=r,this.#l=o,this.#c=i??this.baseSelector,this.#u=e,this.#p=Object.keys(t.cssVarList).map(e=>Re("st",r,e))}get#h(){return R.currentTheme?.[o]||""}#m(){this.#n.replaceSync(this.#h[this.#l])}#g(){this.#n=N("",this.#d,{prepend:!0}),this.#s=R.onCurrentThemeChange(this.#m.bind(this)),this.#m()}#b(){if(this.#p.length){let e=`.${o}`.repeat(5);const t=this.getAttribute("id");t&&(e+=`#${CSS.escape(t)}`),this.#i=N(`:host(${e}) {}`,this.#d)}}#y(e,t){const{style:r}=this.#i.cssRules[0];if(!r)return;const i=Ye(o,e.replace(new RegExp("^st-"),""));t?r?.setProperty(i,t):(r?.removeProperty(i),this.removeAttribute(e))}#f(e=[]){e.forEach(e=>{this.#p.includes(e)&&this.#y(e,this.getAttribute(e))})}#v(){if(Object.keys(e).length){const t=((e,t,r)=>{const o=new Tt,i=(e,t)=>{if(!e)return"";if("string"==typeof e)return e;const r=kt(t,e?.suffix);return Et(r,i(e.fallback,r))};return Object.keys(r).forEach(n=>{const s=((e,t)=>{const r={selector:"",property:Pe(e)};return t&&Object.keys(t).length?Array.isArray(t)?t.map(e=>({...r,...e})):[{...r,...t}]:[r]})(n,r[n]),a=Ye(e,n);s.forEach(({selector:e,property:r,important:n,fallback:s})=>{const l=i(s,a);o.add(((e="",t="")=>Oe(t)?t(e):`${e}${/^[A-Za-z]/.test(t)?` ${t}`:t}`)(t,e),Oe(r)?r():r,Et(a,l,!0)+(n?"!important":""))})}),o.toString()})(Re(o,this.#a),this.#c,e);N(t,this.#d,{prepend:!0})}}#x(e){(this.#d.classList||this.#d.host.classList).add(e)}async init(){super.init?.(),this.shadowRoot?.isConnected&&(this.#d=await(this.#u?.(this))||this.shadowRoot,this.#x(o),this.#v(),this.#g(),this.#b(),We(this,this.#f.bind(this),{}))}disconnectedCallback(){super.disconnectedCallback?.(),this.#s?.()}}},Dt=e=>class extends e{constructor(){super(),N(':host([draggable="true"]) * { cursor: inherit!important }',this)}get isDraggable(){return this.hasAttribute("draggable")&&"false"!==this.getAttribute("draggable")}init(){this.addEventListener("mousedown",e=>{if(this.isDraggable){const t=this.baseElement.getAttribute("tabindex");this.baseElement.setAttribute("tabindex","-1");const r=()=>{t?this.baseElement.setAttribute("tabindex",t):this.baseElement.removeAttribute("tabindex"),e.target.removeEventListener("mouseup",r),e.target.removeEventListener("dragend",r)};e.target.addEventListener("mouseup",r,{once:!0}),e.target.addEventListener("dragend",r,{once:!0})}}),super.init?.()}},Vt=e=>class extends e{#C(){const t=this.localName;if(!e.componentName)throw Error('component name is not defined on super class, make sure you have a static get for "componentName"');if(t!==e.componentName)throw Error(`component name mismatch, expected "${e.componentName}", current "${t}"`)}init(){super.init?.(),this.#C()}},Pt=e=>class extends e{updateComponentsContext(e){this.dispatchEvent(new CustomEvent("components-context",{bubbles:!0,composed:!0,detail:e}))}},Rt=e=>class extends e{init(){super.init?.(),(this.baseElement||this).addEventListener("mouseover",e=>{this.setAttribute("hover","true"),e.target.addEventListener("mouseleave",()=>this.removeAttribute("hover"),{once:!0})})}},Bt=["readonly","focused","invalid","has-label","required","disabled","checked","has-helper","has-value","step-buttons-visible","hover","has-error-message","focus-ring","opened","active","password-visible","opening","closing","has-no-options","loading","allow-custom-value","loading"],Ot=e=>class extends e{init(){super.init?.(),We(this,e=>e.forEach(e=>{const t=this.getAttribute(e);(e=>Bt.includes(e))(e)?""===t?this.setAttribute(e,"true"):"false"===t&&this.removeAttribute(e):t||console.debug(`attribute "${e}" has no value, should it be added to the boolean attributes list?`)}),{})}},jt=({componentName:e,baseSelector:t=""})=>{class r extends HTMLElement{static get componentName(){return e}#w;#I=!0;get baseSelector(){return t}get baseElement(){return this.#w??=this.baseSelector?this.rootElement.querySelector(this.baseSelector):this,this.#w||console.warn("missing base element for component",this.localName),this.#w}get rootElement(){return this.shadowRoot||this}get name(){return this.getAttribute("name")}connectedCallback(){super.connectedCallback?.(),this.rootElement.isConnected&&this.#I&&(this.#I=!1,this.init?.())}}return Be(Vt,Rt,Ot,Pt)(r)};function Ft(e,t={}){const r=new Event(e,t);this[`on${e}`]?.(r),this.dispatchEvent(r)}const Wt=({componentName:e,wrappedEleName:t,slots:r=[],style:o,excludeAttrsSync:i=[],includeAttrsSync:n=[],includeForwardProps:s=[],delegatesFocus:a=!0})=>{class l extends(jt({componentName:e,baseSelector:t})){#z=Ft.bind(this,"blur");#L=Ft.bind(this,"focus");constructor(){super().attachShadow({mode:"open",delegatesFocus:a}).innerHTML=`\n\t\t\t<${t}>\n\t\t\t${r.map(e=>`<slot ${e?`name="${e}" slot="${e}"`:""}></slot>`).join("")}\n\t\t\t</${t}>\n\t\t`,N((Oe(o)?o():o)||"",this)}init(){super.init?.(),this.baseElement.addEventListener("blur",e=>{this.#z()}),this.baseElement.addEventListener("focus",e=>{this.#L()}),Ge(this.baseElement,this,s),He(this.baseElement,this,{excludeAttrs:i,includeAttrs:n})}}return l},_t=["required","pattern"],$t=Symbol("validationTarget"),Ht=e=>class extends e{#A=$t;static get observedAttributes(){return[...e.observedAttributes||[],..._t]}static get formAssociated(){return!0}#E;get internals(){return this.#E}set internals(e){this.#E=e}constructor(){super(),this.#E=this.attachInternals()}get defaultErrorMsgValueMissing(){return"Please fill out this field."}get defaultErrorMsgPatternMismatch(){return"Please match the requested format."}get defaultErrorMsgTooShort(){return`Minimum length is ${this.getAttribute("minlength")}.`}get defaultErrorMsgTooLong(){return`Maximum length is ${this.getAttribute("maxlength")}. `}get defaultErrorMsgRangeUnderflow(){return`At least ${this.getAttribute("min-items-selection")} items are required.`}get defaultErrorMsgRangeOverflow(){return`At most ${this.getAttribute("max-items-selection")} items are allowed.`}get defaultErrorMsgTypeMismatch(){return"Please match the requested type."}getCustomErrorMessage(e,t){return this.hasAttribute(e)?this.getAttribute(e)||" ":t}getErrorMessage(e){const{valueMissing:t,patternMismatch:r,typeMismatch:o,stepMismatch:i,tooShort:n,tooLong:s,rangeOverflow:a,rangeUnderflow:l,badInput:d,customError:c}=e;switch(!0){case t:return this.getCustomErrorMessage("data-errormessage-value-missing",this.defaultErrorMsgValueMissing);case r||i||d:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch",this.defaultErrorMsgPatternMismatch);case o:return this.getCustomErrorMessage("data-errormessage-type-mismatch",this.defaultErrorMsgTypeMismatch);case n:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch-too-short",this.defaultErrorMsgTooShort);case s:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch-too-long",this.defaultErrorMsgTooLong);case l:return this.getCustomErrorMessage("data-errormessage-pattern-range-underflow",this.defaultErrorMsgRangeUnderflow);case a:return this.getCustomErrorMessage("data-errormessage-pattern-range-overflow",this.defaultErrorMsgRangeOverflow);case c:return this.validationMessage;default:return""}}#T(){const e=this.isReadOnly?{}:this.getValidity();this.#E.setValidity(e,this.getErrorMessage(e),this.validationTarget)}get validationMessage(){return this.#E.validationMessage}getValidity(){console.warn("getValidity","is not implemented")}checkValidity(){return this.#E.validity.valid}reportValidity(){return this.#E.reportValidity()}get validity(){return this.#E.validity}get validationTarget(){return this.#A===$t?this.inputElement:this.#A}set validationTarget(e){this.#A=e}setCustomValidity(e){e?this.#E.setValidity({customError:!0},e,this.validationTarget):(this.#E.setValidity({}),this.#T())}get isRequired(){return this.hasAttribute("required")&&"false"!==this.getAttribute("required")}get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}get isDisabled(){return this.hasAttribute("disabled")&&"false"!==this.getAttribute("disabled")}get pattern(){return this.getAttribute("pattern")}get form(){return this.#E.form}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),_t.includes(e)&&this.#T()}init(){super.init?.(),this.addEventListener("change",this.#T),this.addEventListener("invalid",e=>e.stopPropagation()),this.addEventListener("input",this.#T),setTimeout(()=>this.#T())}},qt=["invalid","required"],Yt=e=>{if(!e)return;let t=e;for(let e=0;e<10;e++)if([t]=t.assignedElements(),"slot"!==t?.localName)return t},Ut=({proxyProps:e=[],useProxyTargets:t=!1,inputEvent:r="input",triggerValidationEvents:o=[],proxyParentValidation:i=!1})=>n=>class extends(Ht(n)){static get observedAttributes(){return[...n.observedAttributes||[],...qt]}#N;#M=Ft.bind(this,"change");constructor(){super(),this.#N=super.inputElement}warnIfInputElementIsMissing(){clearTimeout(this.inputElementTimerId),this.inputElementTimerId=setTimeout(()=>{!this.#N&&console.warn(this.localName,"no input was found")},0)}get inputElement(){if(this.#N)return this.#N;this.warnIfInputElementIsMissing();const e=this.baseElement.shadowRoot?.querySelector('slot[name="input"]'),t=this.baseElement.shadowRoot?.querySelector('slot[name="textarea"]');return this.#N=Yt(e)||Yt(t),this.#N}set inputElement(e){this.#N=e}getValidity(){return this.inputElement?.validity||{}}#D(){this.setAttribute("error-message",this.validationMessage)}reportValidity=()=>{this.inputElement.setCustomValidity(""),this.setCustomValidity(""),this.checkValidity()||(this.setAttribute("invalid","true"),this.#D(),this.focus())};defaultReportValidity(){return super.reportValidity()}init(){if(super.init?.(),this.baseElement._setInvalid=function(e){!e&&this._shouldSetInvalid(e)&&(this.invalid=e)},this.baseElement.addEventListener("input",e=>{e.composed||this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}),o.forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.inputElement?.setCustomValidity("")})}),setTimeout(()=>{(Array.isArray(r)?r:[r]).forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.baseElement.checkValidity()?this.removeAttribute("invalid"):this.#D()})}),this.baseElement.addEventListener("change",()=>{this.#M()}),this.addEventListener("invalid",()=>{this.checkValidity()||this.setAttribute("invalid","true"),this.#D()}),e.forEach(e=>{const r=this.querySelector('input[slot="external-input"]')||null,o=t?[this.baseElement,r].filter(Boolean):[];((e,t,r)=>{const o=Array.isArray(t)?t:[t];Object.defineProperty(e,r,{set(e){o.forEach(t=>{t[r]=e})},get:()=>t[0][r],configurable:!0})})(this,[this.inputElement,...o],e)}),this.setSelectionRange=this.inputElement?.setSelectionRange?.bind(this.inputElement),Ue(this,this.inputElement,{includeAttrs:["inputmode"]})}),i){const e=this.inputElement.internals,t=this;this.inputElement.internals=new Proxy(e,{get:(e,r)=>"function"==typeof e[r]&&"setValidity"===r?(...o)=>{if(3===o.length){const e=o.slice(0,o.length-1);e.push(t.inputElement),t.internals[r](...e)}else t.internals[r](...o);return e[r](...o)}:"function"==typeof e[r]?(...o)=>(t.internals[r](...o),e[r](...o)):e[r]})}}},Gt=e=>Be(Ut(e),Nt({componentNameOverride:qe("input-wrapper")})),Zt=e=>async t=>{const r=await e(t);return new Promise(e=>{let t=0;const o=()=>{if(t>20)return console.error("could not get shadow root for element",r),void e(r);t++,r?.shadowRoot?e(r.shadowRoot):setTimeout(o)};o()})},Qt=({name:e,selector:t,mappings:r={},forward:{attributes:o=[],include:i=!0}={}})=>n=>{const s=e,a=Nt({mappings:r})(n);return class extends a{static get cssVarList(){return{...a.cssVarList,[s]:Lt(Re(n.componentName,"_"+s),r)}}#V;constructor(){const e=Zt(async e=>{const r=(e.shadowRoot||e).querySelector(e.baseSelector);return t&&e.shadowRoot?(await Zt(()=>r)(e)).querySelector(t):r});super({getRootElement:e,componentNameSuffix:"_"+s,themeSection:"_"+s,baseSelector:""}),this.#P=()=>e(this).then(e=>e?.host||e)}#P;async#R(){const e=await this.#V;e.onmouseenter=e=>{e.target.setAttribute("hover","true")},e.onmouseleave=e=>{e.target.removeAttribute("hover")}}async init(){super.init?.(),this.#V=this.#P();const e=await this.#V;Ue(this,e,{[i?"includeAttrs":"excludeAttrs"]:o}),this.#R()}}},Jt=e=>class extends e{#M=Ft.bind(this,"change");init(){super.init?.(),this.prevValue=this.value,this.addEventListener("change",e=>{e.stopPropagation()}),this.addEventListener("blur",()=>{this.value!==this.prevValue&&(this.#M(),this.prevValue=this.value)})}},Kt=e=>class extends e{init(){this.#S(),super.init?.()}#S(){["blur","focus","focusin","focusout"].forEach(e=>{this.addEventListener(e,e=>{e.isTrusted&&e.target===this&&e.stopImmediatePropagation()})})}handleFocusEventsDispatching(e){let t;e?.forEach(e=>{e?.addEventListener("focusout",e=>{e.stopImmediatePropagation(),t=setTimeout(()=>{t=null,Ft.call(this,"blur"),Ft.call(this,"focusout",{bubbles:!0})})});const r=e=>{e.stopImmediatePropagation(),clearTimeout(t),t||(Ft.call(this,"focus"),Ft.call(this,"focusin",{bubbles:!0}))};e?.addEventListener("focusin",r),e?.addEventListener("focus",r)})}handleInputEventDispatching(){let e=this.value;this.addEventListener("input",t=>{this!==t.target&&(t.stopImmediatePropagation(),e!==this.value&&(e=this.value,Ft.call(this,"input",{bubbles:!0,composed:!0})))})}},Xt=({inputType:e,inputName:t,autocompleteType:r,includeAttrs:o=[],noBlurDispatch:i=!1})=>n=>class extends n{#J=[];get isExternalInput(){return"true"===this.getAttribute("external-input")}createExternalInput(){if(!this.isExternalInput||this.isReadOnly||this.isDisabled)return null;const r=this.baseElement.querySelector("input");if(!r)return null;r.setAttribute("tabindex","-1");const i=(()=>{const e=document.createElement("slot");return e.setAttribute("name","external-input"),e.setAttribute("slot","suffix"),e})();return this.baseElement.appendChild(i),this.externalInput=((e,t,r,o)=>{const i=document.createElement("input");return i.setAttribute("slot","external-input"),i.setAttribute("type",t),i.setAttribute("name",o),i.setAttribute("data-hidden-input","true"),i.setAttribute("autocomplete",r),i})(0,e,this.getAutocompleteType(),t),setTimeout(()=>{var e,t,o;e=r,t=this.externalInput,o=this.getAttribute("label-type"),setTimeout(()=>{const r=getComputedStyle(e),i=r.getPropertyValue("height"),n=r.getPropertyValue("padding-left"),s=r.getPropertyValue("padding-right"),a=r.getPropertyValue("font-size"),l=r.getPropertyValue("font-family"),d=r.getPropertyValue("letter-spacing"),c=r.getPropertyValue("caret-color"),p=((e,t)=>{const r=e.value;e.value="_";const o=t.getPropertyValue("color");return"_"===e.value&&(e.value=r),o})(e,r);if([["all","unset"],["position","absolute"],["background-color","transparent"],["height",i],["left",n],["right",s],["font-size",a],["font-family",l],["letter-spacing",d],["caret-color",c],["color",p]].forEach(([e,r])=>t.style.setProperty(e,r,"important")),"floating"===o){const e=r.getPropertyValue("margin-bottom");t.style.setProperty("margin-bottom",e,"important")}const u=r.getPropertyValue("width");t.style.setProperty("width",`calc(${u} - ${n} - ${s}`,"important")},0)}),this.forwardInputValue(r,this.externalInput),He(r,this.externalInput,{includeAttrs:o}),this.baseElement.querySelector("input").addEventListener("focusout",e=>e.stopImmediatePropagation(),!0),this.handleFocusEvents(),this.handleBlurEvents(),this.handlelInputEvents(this.externalInput),this.appendChild(this.externalInput),this.externalInput}clearBlurTimers(){this.#J.forEach(e=>clearTimeout(e)),this.#J.length=0}dispatchBlur(){return setTimeout(()=>{this.dispatchEvent(new Event("blur",{bubbles:!0,composed:!0})),this.removeAttribute("focused")})}handleFocusEvents(){this.baseElement.addEventListener("focus",()=>{this.externalInput.focus(),this.clearBlurTimers()}),this.externalInput.addEventListener("focus",()=>{this.clearBlurTimers(),setTimeout(()=>this.baseElement.setAttribute("focused","true"))})}handleBlurEvents(){this.baseElement.addEventListener("blur",e=>{e.stopImmediatePropagation(),i||this.#J.push(this.dispatchBlur())},!0),this.externalInput.addEventListener("blur",e=>{e.stopImmediatePropagation(),this.#J.push(this.dispatchBlur())},!0)}handlelInputEvents(e){e.addEventListener("input",e=>{this.value=e.target.value}),e.addEventListener("input",e=>{e.target.value?this.setAttribute("has-value","true"):this.removeAttribute("has-value")})}getAutocompleteType(){return this.getAttribute("autocomplete")||r}forwardInputValue(e,t){const r=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value");Object.defineProperty(e,"value",{...r,set(e){r.set.call(this,e),t.value=e},configurable:!0})}},er=e=>class extends e{init(){super.init?.(),this.baseElement._hasValidConstraints&&(this.baseElement._hasValidConstraints=()=>!0)}},tr=(...e)=>Be(Ht,Jt,Ot,Kt)(jt(...e)),rr=qe("boolean-field-internal"),or=["disabled","invalid","readonly"],ir=tr({componentName:rr,baseSelector:"div"}),nr=e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${rr}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${rr}>\n\t\t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(rr),this.checkbox=this.inputElement.querySelector("vaadin-checkbox"),Ue(this,this.inputElement,{includeAttrs:["required","full-width","size","label","invalid","disabled","readonly"]}),Ge(this.inputElement,this,["checked"]),He(this,this.inputElement,{includeAttrs:["checked"]})}};var sr=e=>`\n:host {\n\tdisplay: inline-flex;\n}\n\n\n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n\n\n.wrapper {\n\tdisplay: flex;\n\tbox-sizing: border-box;\n}\nvaadin-text-field {\n\tposition: relative;\n\tpadding: 0;\n\tdisplay: inline-flex;\n\talign-items: flex-start;\n}\nvaadin-text-field::before {\n content: unset;\n}\nvaadin-text-field::part(label) {\n position: absolute;\n top: 0;\n}\nvaadin-text-field::part(input-field) {\n\tpadding: 0;\n\tbackground: none;\n\tmin-height: 0;\n}\nvaadin-text-field::part(input-field)::after {\n background: none;\n}\nvaadin-text-field[focus-ring]::part(input-field) {\n\tbox-shadow: none;\n}\n\nvaadin-checkbox [slot="label"] {\n align-self: flex-start;\n padding: 0;\n}\n[required] vaadin-checkbox [slot="label"]:not(:empty) {\n\tpadding-inline-end: 1em;\n}\ndescope-boolean-field-internal {\n -webkit-mask-image: none;\n min-height: initial;\n}\n\ndescope-enriched-text[empty] {\n\t${Ve.cssVarList.hostDisplay}: none;\n}\n\ndescope-enriched-text {\n\t${Ve.cssVarList.hostDirection}: var(${e.hostDirection});\n}\n\n`;const ar=qe("checkbox"),{host:lr,component:dr,checkboxElement:cr,checkboxSurface:pr,checkboxLabel:ur,requiredIndicator:hr,helperText:mr,errorMessage:gr}={host:{selector:()=>":host"},requiredIndicator:{selector:'[required] vaadin-checkbox [slot="label"]:not(:empty)::part(content)::after'},component:{selector:"vaadin-checkbox"},checkboxElement:{selector:"vaadin-checkbox::part(checkbox)"},checkboxSurface:{selector:"vaadin-checkbox::part(checkbox)::after"},checkboxLabel:{selector:'vaadin-checkbox [slot="label"]:not(:empty)'},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},br=Be(Nt({mappings:{hostWidth:{...lr,property:"width"},hostDirection:{...lr,property:"direction"},fontSize:[lr,cr,ur],fontFamily:[ur,mr,gr],labelTextColor:{...ur,property:"color"},labelSpacing:{...ur,property:"padding-inline-start"},labelLineHeight:{...ur,property:"line-height"},labelFontWeight:{...ur,property:"font-weight"},labelRequiredIndicator:{...hr,property:"content"},errorMessageTextColor:{...gr,property:"color"},errorMessageIcon:{...gr,property:"background-image"},errorMessageIconSize:{...gr,property:"background-size"},errorMessageIconPadding:{...gr,property:"padding-inline-start"},errorMessageIconRepeat:{...gr,property:"background-repeat"},errorMessageIconPosition:{...gr,property:"background-position"},errorMessageFontSize:{...gr,property:"font-size"},inputValueTextColor:{...pr,property:"color"},inputBackgroundColor:{...cr,property:"background-color"},inputBorderRadius:{...cr,property:"border-radius"},inputBorderWidth:{...cr,property:"border-width"},inputBorderOffset:{...cr,property:"border-offset"},inputBorderColor:{...cr,property:"border-color"},inputBorderStyle:{...cr,property:"border-style"},inputOutlineWidth:{...cr,property:"outline-width"},inputOutlineOffset:{...cr,property:"outline-offset"},inputOutlineColor:{...cr,property:"outline-color"},inputOutlineStyle:{...cr,property:"outline-style"},inputAlign:{...cr,property:"align-self"},inputContainerPadding:{...dr,property:"padding"},inputContainerBackgroundColor:{...dr,property:"background-color"},inputContainerBorderRadius:{...dr,property:"border-radius"},inputContainerBorderWidth:{...dr,property:"border-width"},inputContainerBorderColor:{...dr,property:"border-color"},inputContainerBorderStyle:{...dr,property:"border-style"},inputContainerOutlineWidth:{...dr,property:"outline-width"},inputContainerOutlineOffset:{...dr,property:"outline-offset"},inputContainerOutlineColor:{...dr,property:"outline-color"},inputContainerOutlineStyle:{...dr,property:"outline-style"},inputSize:[{...cr,property:"width"},{...cr,property:"height"},{...pr,property:"font-size"},{...dr,property:"font-size"}]}}),Dt,Gt({proxyProps:["value","selectionStart"]}),Vt,nr)(Wt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${sr(br.cssVarList)}\n ${at(br.cssVarList)}\n\n :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n }\n\n :host ::part(error-message) {\n direction: ltr;\n }\n\n vaadin-text-field {\n width: 100%;\n }\n\n descope-boolean-field-internal {\n\t\t\t\tpadding: 2px;\n\t\t\t\twidth: 100%;\n height: 100%;\n box-sizing: border-box;\n }\n\n :host([full-width]) vaadin-checkbox {\n flex-grow: 1;\n }\n\n vaadin-checkbox::part(checkbox) {\n margin: 0;\n }\n\n vaadin-checkbox::part(checkbox)::after {\n top: 0;\n left: 0;\n -webkit-text-fill-color: initial;\n }\n\n vaadin-checkbox label {\n -webkit-text-fill-color: initial;\n }\n\n vaadin-text-field::part(input-field)::after {\n content: none;\n }\n `,excludeAttrsSync:["label","tabindex","style"],componentName:ar})),yr=k("text");class fr extends(ue({componentName:yr,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <slot part="text-wrapper"></slot>\n ',N("\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(),A(this,()=>{const e=!!this.childNodes.length;this.style.display=!e&&this.hideWhenEmpty?"none":""})}}const{host:vr}={host:{selector:()=>":host"}},xr=I(ne({mappings:{hostWidth:{...vr,property:"width"},hostDirection:{...vr,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),se,ae)(fr),Cr=k("link");class wr extends(ue({componentName:Cr,baseSelector:":host a"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t<div>\n\t\t\t<descope-text part="wrapper">\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t',N('\n :host {\n\t\t\tdisplay: inline-block;\n line-height: 1em;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n\n :host([ellipsis="true"]) descope-text {\n display: inline-flex;\n }\n :host([ellipsis="true"]) descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n ',this),L(this,this.shadowRoot.querySelector("a"),{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),L(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]})}}const Ir={host:{selector:()=>":host"},link:{selector:()=>":host a"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>xr.componentName}},{anchor:Mr,text:Sr,host:Ar,wrapper:Er,link:Tr}=Ir,kr=I(ne({mappings:{hostWidth:{...Ar,property:"width"},hostDirection:{...Sr,property:"direction"},textAlign:Er,textDecoration:{...Tr,property:"text-decoration",fallback:"none"},textColor:[{...Mr,property:"color"},{...Sr,property:xr.cssVarList.textColor}],cursor:Mr}}),se,ae)(wr);customElements.define(yr,xr),customElements.define(Cr,kr),customElements.define(Ne,Ve),customElements.define(rr,class extends ir{static get observedAttributes(){return["readonly","label"]}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper">\n\t\t\t\t<vaadin-checkbox>\n\t\t\t\t\t<descope-enriched-text link-target-blank="true" class="label-content" slot="label"></descope-enriched-text>\n\t\t\t\t</vaadin-checkbox>\n\t\t\t</div>\n\t\t',this.wrapperEle=this.querySelector("div"),this.checkbox=this.querySelector("vaadin-checkbox"),this.labelContent=this.querySelector(".label-content")}get value(){return this.checkbox?.checked}set value(e){this.checkbox.checked=e}get checked(){return this.value}set checked(e){this.value=e}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.checkbox.focus()}),super.init?.(),Ue(this,this.checkbox,{includeAttrs:or}),He(this,this.checkbox,{includeAttrs:["checked"]}),this.labelContent.addEventListener("click",e=>{this.hasAttribute("disabled")||this.hasAttribute("readonly")||this.checkbox.click()}),this.handleFocusEventsDispatching([this.checkbox])}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"readonly"===e&&this.onReadOnlyChange(null!==r),"label"===e&&this.onLabelChange()}onLabelChange(){const e=this.getAttribute("label");this.labelContent.textContent=e||""}onReadOnlyChange(e){this.baseElement.setAttribute("inert",e)}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}}),customElements.define(ar,br);const zr=qe("switch-toggle"),{host:Lr,component:Nr,checkboxElement:Dr,checkboxSurface:Vr,checkboxLabel:Pr,requiredIndicator:Rr,helperText:Br,errorMessage:Or}={host:{selector:()=>":host"},requiredIndicator:{selector:'[required] vaadin-checkbox [slot="label"]:not(:empty)::part(content)::after'},component:{selector:"vaadin-checkbox"},checkboxElement:{selector:"vaadin-checkbox::part(checkbox)"},checkboxSurface:{selector:"vaadin-checkbox::part(checkbox)::after"},checkboxLabel:{selector:'vaadin-checkbox [slot="label"]:not(:empty)'},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},jr=Be(Nt({mappings:{hostWidth:{...Lr,property:"width"},hostDirection:{...Lr,property:"direction"},fontSize:[Nr,Pr,Pr],fontFamily:[Pr,Br,Or],labelTextColor:[{...Pr,property:"color"},{...Pr,property:"-webkit-text-fill-color"}],labelSpacing:{...Pr,property:"padding-inline-start"},labelLineHeight:{...Pr,property:"line-height"},labelFontWeight:{...Pr,property:"font-weight"},labelRequiredIndicator:{...Rr,property:"content"},errorMessageTextColor:{...Or,property:"color"},errorMessageIcon:{...Or,property:"background-image"},errorMessageIconSize:{...Or,property:"background-size"},errorMessageIconPadding:{...Or,property:"padding-inline-start"},errorMessageIconRepeat:{...Or,property:"background-repeat"},errorMessageIconPosition:{...Or,property:"background-position"},errorMessageFontSize:{...Or,property:"font-size"},trackBorderWidth:{...Dr,property:"border-width"},trackBorderStyle:{...Dr,property:"border-style"},trackBorderColor:{...Dr,property:"border-color"},trackBackgroundColor:{...Dr,property:"background-color"},trackBorderRadius:{...Dr,property:"border-radius"},trackWidth:[{...Dr,property:"width"}],trackHeight:[{...Vr,property:"font-size"},{...Dr,property:"height"}],knobSize:[{...Vr,property:"width"},{...Vr,property:"height"}],knobTextColor:{...Vr,property:"color"},knobRadius:{...Vr,property:"border-radius"},knobTransitionDuration:{...Vr,property:"transition"},knobColor:{...Vr,property:"background-color"},knobTopOffset:{...Vr,property:"top"},knobLeftOffset:{...Vr,property:"left"},inputOutlineWidth:{...Dr,property:"outline-width"},inputOutlineOffset:{...Dr,property:"outline-offset"},inputOutlineColor:{...Dr,property:"outline-color"},inputOutlineStyle:{...Dr,property:"outline-style"}}}),Dt,Gt({proxyProps:["value","selectionStart"]}),Vt,nr)(Wt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${sr(jr.cssVarList)}\n\t\t\t${at(jr.cssVarList)}\n\n :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n }\n\n :host ::part(error-message) {\n direction: ltr;\n }\n\n vaadin-text-field {\n width: 100%;\n }\n\n vaadin-text-field::part(input-field)::after {\n content: none;\n }\n\n descope-boolean-field-internal {\n\t\t\t\tpadding: 0;\n width: 100%;\n }\n\n vaadin-text-field::part(input-field) {\n cursor: pointer;\n }\n\n vaadin-checkbox {\n cursor: pointer;\n }\n\n vaadin-checkbox [slot="label"]:not(:empty) {\n cursor: pointer;\n\t\t\t}\n\n vaadin-checkbox::part(checkbox) {\n margin: 0;\n\t\t\t}\n\n vaadin-checkbox::part(checkbox)::before {\n content: '';\n\t\t\t}\n\n vaadin-checkbox[active]::part(checkbox) {\n\t\t\t\ttransform: none;\n\t\t\t}\n\n vaadin-checkbox::part(checkbox)::after {\n\t\t\t\tposition: absolute;\n\t\t\t\topacity: 1;\n\t\t\t\tcontent: '';\n\t\t\t}\n\t\t`,excludeAttrsSync:["label","tabindex","style"],componentName:zr}));customElements.define(zr,jr);const Fr=qe("loader-linear");class Wr extends(jt({componentName:Fr,baseSelector:":host > div"})){static get componentName(){return Fr}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div></div>\n\t",N("\n @keyframes tilt {\n\t\t\t\t0% { transform: translateX(0); }\n\t\t\t\t50% { transform: translateX(400%); }\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t\tdiv::after {\n\t\t\t\tcontent: '';\n\t\t\t\tanimation-name: tilt;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t\t:host > div {\n\t\t\t\twidth: 100%;\n\t\t\t}\n ",this)}}const{after:_r,host:$r}={after:{selector:"::after"},host:{selector:()=>":host"}},Hr=Be(Nt({mappings:{hostDisplay:{},hostWidth:{...$r,property:"width"},barHeight:[{property:"height"},{..._r,property:"height"}],barBorderRadius:[{property:"border-radius"},{..._r,property:"border-radius"}],verticalPadding:[{...$r,property:"padding-top"},{...$r,property:"padding-bottom"}],barBackgroundColor:{property:"background-color"},barColor:{..._r,property:"background-color"},barWidth:{..._r,property:"width"},animationDuration:[{},_r],animationTimingFunction:[{},_r],animationIterationCount:[{},_r]}}),Dt,Vt)(Wr);customElements.define(Fr,Hr);const qr=qe("loader-radial");class Yr extends(jt({componentName:qr,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div></div>\n\t",N("\n @keyframes spin {\n\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n\t\t\t:host > div {\n\t\t\t\tanimation-name: spin;\n\t\t\t}\n ",this)}}const Ur=Be(Nt({mappings:{hostDisplay:{property:"display"},spinnerSize:[{property:"width"},{property:"height"}],spinnerBorderWidth:{property:"border-width"},spinnerBorderStyle:{property:"border-style"},spinnerBorderRadius:{property:"border-radius"},spinnerQuadrant1Color:{property:"border-top-color"},spinnerQuadrant2Color:{property:"border-bottom-color"},spinnerQuadrant3Color:{property:"border-right-color"},spinnerQuadrant4Color:{property:"border-left-color"},animationDuration:{},animationTimingFunction:{},animationIterationCount:{}}}),Dt,Vt)(Yr);customElements.define(qr,Ur);const Gr=qe("container");class Zr extends(jt({componentName:Gr,baseSelector:"slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",N("\n\t\t\t:host > slot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: auto;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n ",this)}}const Qr=Be(Nt({mappings:{hostHeight:{selector:()=>":host",property:"height"},hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},itemsGrow:{selector:()=>"::slotted(*)",property:"flex-grow",fallback:"0"},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],flexDirection:{},justifyContent:{},alignItems:{},gap:{},flexWrap:{},backgroundColor:{},backgroundImage:{},backgroundPositionX:{},backgroundPositionY:{},backgroundSize:{},backgroundRepeat:{},color:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{}}}),Dt,Vt)(Zr);customElements.define(Gr,Qr);const Jr=k("combo-box"),{host:Kr,inputField:Xr,inputElement:eo,placeholder:to,toggle:ro,clearButton:oo,label:io,requiredIndicator:no,helperText:so,errorMessage:ao,loader:lo,overlayContent:co}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"input"},placeholder:{selector:"> input:placeholder-shown"},toggle:{selector:"::part(toggle-button)"},clearButton:{selector:"::part(clear-button)"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},loader:{selector:"vaadin-combo-box-overlay::part(loader)"},overlayContent:{selector:"vaadin-combo-box-overlay::part(content)"}},po=I(ne({mappings:{hostWidth:{...Kr,property:"width"},hostDirection:{...Kr,property:"direction"},fontSize:[{},Kr],fontFamily:[io,to,Xr,so,ao],labelFontSize:{...io,property:"font-size"},labelFontWeight:{...io,property:"font-weight"},labelTextColor:[{...io,property:"color"},{...io,property:"-webkit-text-fill-color"},{...no,property:"color"}],errorMessageTextColor:{...ao,property:"color"},errorMessageIcon:{...ao,property:"background-image"},errorMessageIconSize:{...ao,property:"background-size"},errorMessageIconPadding:{...ao,property:"padding-inline-start"},errorMessageIconRepeat:{...ao,property:"background-repeat"},errorMessageIconPosition:{...ao,property:"background-position"},errorMessageFontSize:{...ao,property:"font-size"},inputHeight:{...Xr,property:"height"},inputBackgroundColor:{...Xr,property:"background-color"},inputBorderColor:{...Xr,property:"border-color"},inputBorderWidth:{...Xr,property:"border-width"},inputBorderStyle:{...Xr,property:"border-style"},inputBorderRadius:{...Xr,property:"border-radius"},labelRequiredIndicator:{...no,property:"content"},inputValueTextColor:{...Xr,property:"color"},inputPlaceholderTextColor:{...to,property:"color"},inputDropdownButtonCursor:[{...ro,property:"cursor"},{...oo,property:"cursor"}],inputDropdownButtonColor:[{...ro,property:"color"},{...oo,property:"color"}],inputDropdownButtonSize:[{...ro,property:"font-size"},{...oo,property:"font-size"}],inputDropdownButtonOffset:[{...ro,property:"margin-right"},{...ro,property:"margin-left"}],inputOutlineColor:{...Xr,property:"outline-color"},inputOutlineWidth:{...Xr,property:"outline-width"},inputOutlineStyle:{...Xr,property:"outline-style"},inputOutlineOffset:{...Xr,property:"outline-offset"},inputHorizontalPadding:[{...eo,property:"padding-left"},{...eo,property:"padding-right"}],labelPosition:{...io,property:"position"},labelTopPosition:{...io,property:"top"},labelHorizontalPosition:[{...io,property:"left"},{...io,property:"right"}],inputTransformY:{...io,property:"transform"},inputTransition:{...io,property:"transition"},marginInlineStart:{...io,property:"margin-inline-start"},placeholderOpacity:{...to,property:"opacity"},inputVerticalAlignment:{...Xr,property:"align-items"},valueInputHeight:{...eo,property:"height"},valueInputMarginBottom:{...eo,property:"margin-bottom"},overlayBackground:{property:()=>po.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>po.cssVarList.overlay.textColor},overlayBorder:{property:()=>po.cssVarList.overlay.border},overlayFontSize:{property:()=>po.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>po.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>po.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>po.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>po.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>po.cssVarList.overlay.itemPaddingInlineEnd},overlayCheckmarkDisplay:{property:()=>po.cssVarList.overlay.checkmarkDisplay},overlaySelectedItemBackground:{property:()=>po.cssVarList.overlay.selectedItemBackground},overlaySelectedItemHoverBackground:{property:()=>po.cssVarList.overlay.selectedItemHoverBackground},overlaySelectedItemFocusBackground:{property:()=>po.cssVarList.overlay.selectedItemFocusBackground},overlayItemHoverBackground:{property:()=>po.cssVarList.overlay.itemHoverBackground},overlayItemFocusBackground:{property:()=>po.cssVarList.overlay.itemFocusBackground}}}),se,Ee({name:"overlay",selector:"",mappings:{backgroundColor:[{selector:"vaadin-combo-box-scroller"},{selector:"vaadin-combo-box-overlay::part(overlay)"}],minHeight:{selector:"vaadin-combo-box-overlay"},margin:{selector:"vaadin-combo-box-overlay"},cursor:{selector:"vaadin-combo-box-item"},fontFamily:{selector:"vaadin-combo-box-item"},textColor:{selector:"vaadin-combo-box-item",property:"color"},fontSize:{selector:"vaadin-combo-box-item"},itemBoxShadow:{selector:"vaadin-combo-box-item",property:"box-shadow"},itemPaddingInlineStart:{selector:"vaadin-combo-box-item",property:"padding-inline-start"},itemPaddingInlineEnd:{selector:"vaadin-combo-box-item",property:"padding-inline-end"},checkmarkDisplay:{selector:"vaadin-combo-box-item::part(checkmark)",property:"display"},selectedItemBackground:{selector:"vaadin-combo-box-item[selected]",property:"background-color"},selectedItemHoverBackground:{selector:"vaadin-combo-box-item[selected]:hover:not([disabled])",property:"background-color"},selectedItemFocusBackground:{selector:"vaadin-combo-box-item[selected][focused]:not([disabled])",property:"background-color"},itemHoverBackground:{selector:"vaadin-combo-box-item:hover:not([selected]):not([disabled])",property:"background-color"},itemFocusBackground:{selector:"vaadin-combo-box-item[focused]:not([selected]):not([disabled])",property:"background-color"},loaderTop:{...lo,property:"top"},loaderLeft:{...lo,property:"left"},loaderRight:{...lo,property:"right"},loaderMargin:{...lo,property:"margin"},loaderWidth:{...lo,property:"width"},loaderHeight:{...lo,property:"height"},loaderBorder:{...lo,property:"border"},loaderBorderColor:{...lo,property:"border-color"},loaderBorderRadius:{...lo,property:"border-radius"},contentHeight:{...co,property:"height"},contentOpacity:{...co,property:"opacity"},scrollerMinHeight:{selector:"vaadin-combo-box-scroller",property:"min-height"}},forward:{include:!1,attributes:["size"]}}),Ae({proxyProps:["selectionStart"],inputEvent:"value-changed"}),e=>class extends e{init(){super.init?.(),this.baseElement._hasValidConstraints&&(this.baseElement._hasValidConstraints=()=>!0)}},ae,e=>class extends e{static get observedAttributes(){return["label-type","require-match"]}#K=({displayName:e,value:t,label:r})=>`<span data-name="${r}" data-id="${t}">${e||r}</span>`;#B;get defaultValue(){return this.getAttribute("default-value")}get renderItem(){return this.#K}set renderItem(e){this.#K=e,this.renderItems()}set renderer(e){this.baseElement.renderer=e}get loading(){return"true"===this.getAttribute("loading")}set loading(e){e?this.setAttribute("loading","true"):this.removeAttribute("loading")}get data(){if(this.#B)return this.#B;const e=this.getAttribute("data");if(e)try{const t=JSON.parse(e);if(this.isValidDataType(t))return t}catch(e){console.error('could not parse data string from attribute "data" -',e.message)}return[]}set data(e){this.isValidDataType(e)&&(this.#B=e,this.renderItems())}get requireMatch(){return"true"===this.getAttribute("require-match")&&!this.allowCustomValue}isValidDataType(e){const t=Array.isArray(e);return t||console.error("data must be an array, received:",e),t}getItemsTemplate(){return this.data?.reduce?.((e,t)=>e+(this.renderItem?.(t||{})||""),"")}renderItems(){if(this.#B||this.getAttribute("data")){const e=this.getItemsTemplate();this.innerHTML=e}}get hasDynamicData(){return"true"===this.getAttribute("has-dynamic-data")}get shouldSelectItemOnItemsChange(){return!this.hasDynamicData||this.allowCustomValue}handleSelectedItem(){const{selectedItem:e}=this.baseElement,t=e?.["data-id"];e&&Array.from(this.children).includes(e)||(t&&this.shouldSelectItemOnItemsChange&&(this.value=t),this.value||this.setDefaultValue())}customValueTransformFn(e){return e}setComboBoxDescriptor(){const e=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value"),t=this;Object.defineProperties(this.inputElement,{value:{...e,set(r){if(!t.baseElement.items?.length&&!t.allowCustomValue)return;const o=t.customValueTransformFn(r)||"";o!==this.value&&e.set.call(this,o)}}})}#X(){const e=Array.from(this.children);e.forEach(e=>{Object.defineProperty(e,"data-name",{value:e.getAttribute("data-name"),configurable:!0,writable:!0}),Object.defineProperty(e,"data-id",{value:e.getAttribute("data-id"),configurable:!0,writable:!0})}),this.baseElement.items=e,setTimeout(()=>{this.handleSelectedItem()},0)}#ee(){const e=this.baseElement.shadowRoot.querySelector("vaadin-combo-box-overlay");e._attachOverlay=()=>{e.bringToFront()},e._detachOverlay=()=>{},e._enterModalState=()=>{}}#te(){this.baseElement.renderer=(e,t,r)=>{e.innerHTML=r.item.outerHTML}}#re(){this.hasDynamicData&&(this.baseElement._dataProviderFilterChanged=()=>{})}isValueMatch(){const e=this.baseElement.querySelector("input").value;return!e||this.baseElement.items.some(t=>t.dataset.name===e||t.dataset.id===e)}init(){super.init?.(),this.getValidity=function(){return this.requireMatch&&!this.isValueMatch()?{patternMismatch:!0}:!this.value&&this.isRequired?{valueMissing:!0}:{}},this.#te(),this.#re(),setTimeout(()=>{this.setComboBoxDescriptor(),this.#ee()}),S(this,this.renderItems.bind(this),{includeAttrs:["data"]}),A(this,this.#X.bind(this)),this.setDefaultValue(),this.baseElement.addEventListener("value-changed",()=>{this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}),this.baseElement.addEventListener("filter-changed",e=>{this.dispatchEvent(new CustomEvent("filter-changed",{bubbles:!0,composed:!0,detail:e.detail}))})}onLabelClick(){this.isReadOnly||this.isDisabled||(this.focus(),this.autoOpenDisabled||this.setAttribute("opened","true"))}handleRequireMatchChange(e){this.baseElement.allowCustomValue=e||this.allowCustomValue}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("label-type"===e?"floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"require-match"===e&&this.handleRequireMatchChange("true"===r))}setDefaultValue(){this.defaultValue&&(this.value=this.defaultValue)}#oe(e){return this.baseElement.items?.find(t=>t["data-id"]===e)}#ie(e,t){e===this.value&&t!==this.baseElement.selectedItem&&this.baseElement.addEventListener("selected-item-changed",e=>{e.stopImmediatePropagation()},{once:!0,capture:!0})}set value(e){const t=this.#oe(e);this.#ie(e,t),e&&t?this.baseElement.selectedItem=t:!t&&this.allowCustomValue?this.baseElement.value=e:this.baseElement.selectedItem=void 0}get value(){return(this.baseElement.selectedItem?.["data-id"]||this.allowCustomValue)&&this.baseElement.__data.value||""}get allowCustomValue(){return"true"===this.getAttribute("allow-custom-value")}get autoOpenDisabled(){return"true"===this.getAttribute("auto-open-disabled")}})(we({slots:["","prefix"],wrappedEleName:"vaadin-combo-box",style:()=>{return`\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\tbox-sizing: border-box;\n\t\t\t-webkit-mask-image: none;\n\t\t}\n\t\t${e=po.cssVarList,`\n :host {\n padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n }\n`}\n\t\t\n vaadin-combo-box::part(input-field)::after {\n opacity: 0;\n }\n\n\t\t${((e,t="input")=>`\n ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`)("vaadin-combo-box")}\n\t\t${(e=>`\n ${e} > label,\n ${e}::part(label),\n ${e}::part(required-indicator) {\n cursor: pointer;\n }\n`)("vaadin-combo-box")}\n\n\t\tvaadin-combo-box {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t}\n\t\tvaadin-combo-box::before {\n\t\t\theight: initial;\n\t\t}\n\t\tvaadin-combo-box [slot="input"] {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\tvaadin-combo-box::part(input-field) {\n\t\t\tpadding: 0;\n\t\t\tbox-shadow: none;\n\t\t}\n\n vaadin-combo-box::part(toggle-button),\n vaadin-combo-box::part(clear-button) {\n align-self: center;\n }\n\n vaadin-combo-box[hide-toggle-button="true"]::part(toggle-button) {\n display: none;\n }\n\n vaadin-combo-box[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-combo-box[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n\n \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 vaadin-combo-box [slot="label"] {\n max-width: calc(100% - 1em);\n overflow: hidden;\n text-overflow: ellipsis;\n padding-bottom: 0.5em;\n }\n\n \n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n \n\t\t`;var e},excludeAttrsSync:["tabindex","size","data","loading","style"],componentName:Jr,includeForwardProps:["items","renderer","selectedItem"]}));customElements.define(Jr,po);const uo=e=>{const t=c.A.sanitize(e,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(t,"image/svg+xml").querySelector("svg")},ho=k("image"),mo=["src","src-dark"];class go extends(ue({componentName:ho,baseSelector:"slot"})){static get observedAttributes(){return mo}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",N("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted(*) {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(e){e?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(e){[e,...e.querySelectorAll("*[fill]")].forEach(e=>{e.setAttribute("fill",`var(${bo.cssVarList.fill}, ${e.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(async(e,t)=>{try{let r;if((e=>e.startsWith("data:image/svg+xml;base64,"))(e)){const t=atob(e.slice(26));r=uo(t)}else if("svg"===(e=>{const t=e.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return t?t[1]:null})(e)){const t=await fetch(e),o=await t.text();r=uo(o)}else r=((e,t)=>{const r=document.createElement("img");return r.setAttribute("src",e),r.setAttribute("alt",t),r})(e,t);return r.style.setProperty("max-width","100%"),r.style.setProperty("max-height","100%"),r}catch{return null}})(this.getSrc,this.altText).then(e=>{this.innerHTML="",e&&(this.updateFillColor(e),this.appendChild(e))})}shouldRender(e){const t=this.getAttribute(e);return this.getSrc===t}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&this.shouldRender(e)&&this.renderImage()}}const bo=I(ne({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),se,ae)(go),yo=k("icon"),fo=I(ne({mappings:{fill:[{},{property:bo.cssVarList.fill}]}}),se,ae)(we({slots:[],wrappedEleName:"descope-image",style:()=>"\n :host {\n display: inline-flex;\n max-height: 100%;\n }\n ",excludeAttrsSync:["tabindex","class","style"],componentName:yo})),vo=k("button"),{host:xo,label:Co,slottedIcon:wo}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let Io;const Mo=I(ne({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...xo,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:fo.cssVarList.fill},labelTextDecoration:{...Co,property:"text-decoration"},labelSpacing:{...Co,property:"gap"},textAlign:{...Co,property:"justify-content",fallback:"center"},iconSize:[{...wo,property:"width"},{...wo,property:"height"}]}}),e=>class extends e{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}},se,ae)(we({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${Io}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${Mo.cssVarList.outlineWidth}) + var(${Mo.cssVarList.outlineOffset}));\n\t\t\t}\n :host([full-width="true"]) {\n width: var(${Mo.cssVarList.hostWidth});\n }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${Mo.cssVarList.hostHeight}) - var(${Mo.cssVarList.outlineWidth}) - var(${Mo.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${Mo.cssVarList.hostWidth}) - var(${Mo.cssVarList.outlineWidth}) - var(${Mo.cssVarList.outlineOffset}));\n padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:vo})),{color:So,fontSize:Ao}=Mo.cssVarList;Io=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${So});\n\t\ttop: calc(50% - (var(${Ao}) / 2));\n\t\tleft: calc(50% - (var(${Ao}) / 2));\n\t\tborder-width: calc(var(${Ao}) / 10);\n\t\twidth: var(${Ao});\n\t\theight: var(${Ao});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`,customElements.define(vo,Mo);const Eo=["MM/DD/YYYY","DD/MM/YYYY","YYYY/MM/DD"],To=Eo[0],ko="YYYY-MM-DD",zo="/",Lo=["January","February","March","April","May","June","July","August","September","October","November","December"],No=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],Do={id:"month",min:1,max:12,placeholder:"MM"},Vo={id:"day",min:1,max:31,placeholder:"DD"},Po={id:"year",min:0,max:9999,placeholder:"YYYY"},Ro=1900,Bo=2099,Oo=(e,t)=>{if("number"==typeof e)return new Date(e);if("string"==typeof e){const t=new Date(e.replace(/-/g,"/"));return new Date(t)}return new Date},jo={MM:"(0?[1-9]|1[0-2])",DD:"(0?[1-9]|[12][0-9]|3[01])",YYYY:"([0-9]{4})"},Fo=e=>{const t=(e=>`^${e.split(zo).map(e=>jo[e]).join("\\D")}$`)(e),r=(e=>{const t=e.split(zo);return e=>{const r={};return t.forEach((t,o)=>{r[t]=e[o+1]}),[r.YYYY,r.MM,r.DD]}})(e),o=new RegExp(t);return{pattern:t,validate:e=>o.test(e),getDate:e=>((e,t,r)=>{const o=t.exec(e);if(!o)return null;const[i,n,s]=r(o);return Oo([i,n,s].join(zo))})(e,o,r)}},Wo=Object.fromEntries(Eo.map(e=>[e,Fo(e)])),_o=e=>!Number.isNaN(Number(e)),$o=e=>{const t=Oo(e);return[t.getFullYear(),t.getMonth()+1,t.getDate()]},Ho=(e,t)=>{const[r,o,i]=$o(e),n={DD:String(i).padStart(2,"0"),MM:String(o).padStart(2,"0"),YYYY:String(r)};return t.replace(/DD|MM|YYYY/g,e=>n[e])},qo=()=>Oo().getTime(),Yo=e=>Oo(e).getFullYear().toString(),Uo=e=>(Oo(e).getMonth()+1).toString(),Go=(e,t)=>"number"==typeof e?e:t?Date.UTC(e.getFullYear(),e.getMonth(),e.getDate()):e.getTime(),Zo=(e,t)=>Array.isArray(e)&&e.length===t&&e.filter(Boolean).length===t,Qo=({label:e,dataId:t,dataName:r})=>`\n\t<div class="combo-box-item"\n\t\tdata-id="${t}"\n\t\tdata-name="${r}"\n\t>\n\t\t\t${e}\n\t</div>\n`,Jo=(e=Lo)=>e.map((e,t)=>Qo({label:e,dataId:t+1,dataName:e})).join(""),Ko=(e,t)=>{const[r,o]=$o(t),[i,n]=$o(e);return i===r&&n===o},Xo=(e,t,r)=>(e.addEventListener("input",t),e.addEventListener("focusout",r),e),ei=qe("calendar"),ti=["initial-value","initial-year","initial-month","years-range","calendar-months","calendar-weekdays","calendar-label-today","st-host-direction","disabled","full-width"],ri=["calendar-label-submit","calendar-label-cancel"],oi=tr({componentName:ei,baseSelector:"div"}),{calendar:ii,day:ni,dayEntry:si,currentDay:ai,selectedDay:li,disabledDay:di,weekday:ci,topNav:pi,topNavSelectors:ui,bottomNav:hi,navPrev:mi,navNext:gi,navPrevRTL:bi,navNextRTL:yi,yearInput:fi,monthInput:vi}={calendar:{selector:()=>".calendar"},topNav:{selector:()=>".nav.top-nav"},topNavSelectors:{selector:()=>".nav.top-nav .selectors > span"},bottomNav:{selector:()=>".nav.bottom-nav"},day:{selector:()=>".day"},dayEntry:{selector:()=>".day-entry"},currentDay:{selector:()=>".day-entry[data-current-day] .day"},selectedDay:{selector:()=>".day-entry[data-selected] .day"},disabledDay:{selector:()=>'.day-entry[data-disabled="true"] .day'},weekday:{selector:()=>".weekday"},navPrev:{selector:()=>".nav-prev"},navNext:{selector:()=>".nav-next"},navPrevRTL:{selector:()=>':host([st-host-direction="rtl"]) .nav-prev'},navNextRTL:{selector:()=>':host([st-host-direction="rtl"]) .nav-next'},yearInput:{selector:()=>".year-input"},monthInput:{selector:()=>".month-input"}},xi=Be(Nt({componentNameOverride:qe("input-wrapper")}),Nt({mappings:{fontSize:{},fontFamily:{},hostWidth:[{selector:()=>":host",property:"width"},{selector:"table",property:"width"}],hostDirection:{property:"direction"},topNavVerticalPadding:[{...pi,property:"padding-top"},{...pi,property:"padding-bottom"}],topNavHorizointalPadding:[{...pi,property:"padding-right"},{...pi,property:"padding-left"}],topNavAlignment:{...pi,property:"justify-content"},topNavGap:{...pi,property:"gap"},topNavSelectorsGap:{...ui,property:"gap"},bottomNavVerticalPadding:[{...hi,property:"padding-top"},{...hi,property:"padding-bottom"}],bottomNavHorizontalPadding:[{...hi,property:"padding-right"},{...hi,property:"padding-left"}],bottomNavAlignment:{...hi,property:"justify-content"},bottomNavGap:{...hi,property:"gap"},navMarginBottom:{...pi,property:"margin-bottom"},calendarPadding:[{...ii,property:"padding-bottom"},{...ii,property:"padding-right"},{...ii,property:"padding-left"}],navBorderBottomWidth:{...pi,property:"border-bottom-width"},navBorderBottomColor:{...pi,property:"border-bottom-color"},navBorderBottomStyle:{...pi,property:"border-bottom-style"},weekdayFontSize:{...ci,property:"font-size"},weekdayFontWeight:{...ci,property:"font-weight"},currentDayBorderColor:{...ai,property:"border-color"},currentDayBorderWidth:{...ai,property:"border-width"},currentDayBorderStyle:{...ai,property:"border-style"},dayHeight:{...si,property:"height"},daySize:[{...ni,property:"height"},{...ni,property:"width"}],dayPadding:{...ni,property:"padding"},dayRadius:{...ni,property:"border-radius"},dayTextAlign:{...ni,property:"text-align"},dayBlockAlign:{...ni,property:"margin"},dayTextColor:{...ni,property:"color"},dayFontWeight:{...ni,property:"font-weight"},dayBackgroundColor:{...ni,property:"background-color"},dayCursor:{...ni,property:"cursor"},dayFontSize:{...ni,property:"font-size"},dayBackgroundColorHover:{selector:()=>".day:hover",property:"background-color"},daySelectedTextdColor:{...li,property:"color"},daySelectedBackgroundColor:{...li,property:"background-color"},dayDisabledTextdColor:{...di,property:"color"},yearInputWidth:{...fi,property:"width"},monthInputWidth:{...vi,property:"width"},navButtonSize:[{...mi,property:"width"},{...mi,property:"height"},{...gi,property:"width"},{...gi,property:"height"}],navButtonCursor:[{...mi,property:"cursor"},{...gi,property:"cursor"}],navButtonRotation:[{...bi,property:"transform"},{...yi,property:"transform"}],navButtonOpacity:[{...mi,property:"opacity"},{...gi,property:"opacity"}]}}),Dt,Vt)(class extends oi{static get observedAttributes(){return[].concat(oi.observedAttributes||[],ti,ri)}preview;epoch;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div>\n <nav class="nav top-nav">\n <div class="nav-prev">\n </div>\n <div class="selectors"></div>\n <div class="nav-next">\n </div>\n </nav>\n <div class="calendar"></div>\n <nav class="nav bottom-nav">\n <descope-button class="cancel-button" variant="link" mode="primary">Cancel</descope-button>\n <descope-button class="submit-button" variant="link" mode="primary" disabled="true">Done</descope-button>\n </nav>\n </div>\n ',N(`\n :host {\n display: inline-block;\n box-sizing: border-box;\n max-width: 100%;\n user-select: none;\n -webkit-user-select: none;\n }\n\n :host ::slotted {\n padding: 0;\n }\n\n [data-toggle-calendar] {\n cursor: pointer;\n display: flex;\n align-self: center;\n z-index: 1;\n }\n\n [data-disabled="true"] {\n pointer-events: none;\n }\n\n .calendar .day {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .nav {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n }\n\n .selectors,\n .selectors span {\n display: flex;\n justify-content: center;\n }\n\n descope-button {\n padding: 0;\n ${Mo.cssVarList.horizontalPadding}: 0;\n ${Mo.cssVarList.verticalPadding}: 0;\n ${Mo.cssVarList.outlineWidth}: 0;\n }\n\n .combo-box-item {\n display:flex;\n flex-direction: column;\n }\n\n \n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n \n `,this)}set value(e){if(!e)return;const t=Oo(e).getTime();_o(t)&&t!==this.epoch&&(this.epoch=t,this.renderCalendar())}get value(){return this.epoch?Ho(this.epoch,ko):""}get isSelectedView(){return Ko(this.preview,this.epoch)}get isTodayView(){return Ko(qo(),this.preview)}get monthNames(){return(e=>{const t=e?.split(",");return Zo(t,12)?t:Lo})(this.getAttribute("calendar-months"))}get weekdayNames(){return(e=>{const t=e?.split?.(",");return Zo(t,7)?t:No})(this.getAttribute("calendar-weekdays"))}get hasYearValue(){return!!this.yearInput.value}get hasMonthValue(){return!!this.monthInput.value}get yearsRange(){const e=this.getAttribute("years-range")?.split("-");if(2===e?.length){const[t,r]=e.map(Number);if(t<=r)return[t,r]}const t=Oo().getFullYear();return[t,t+100]}init(){super.init?.(),this.initCalendar(),this.renderCalendar()}initCalendar(){this.calendar=this.shadowRoot.querySelector(".calendar"),this.navPrevEle=this.shadowRoot.querySelector(".nav-prev"),this.navNextEle=this.shadowRoot.querySelector(".nav-next"),this.submitButton=this.shadowRoot.querySelector(".submit-button"),this.cancelButton=this.shadowRoot.querySelector(".cancel-button"),this.initInputs(),this.initNav(),this.addEventListener("day-changed",()=>this.submitButton.removeAttribute("disabled")),this.submitButton.shadowRoot.querySelector("vaadin-button").setAttribute("disabled","true")}initInputs(){const e=(()=>{const e=document.createElement("span");return e.innerHTML=`\n <descope-combo-box\n label-type="static"\n bordered="true"\n item-label-path="data-name"\n item-value-path="data-id"\n class="month-input"\n >\n ${Jo()}\n </descope-combo-box>\n <descope-combo-box\n allow-custom-value="true"\n label-type="static"\n bordered="true"\n item-label-path="data-name"\n item-value-path="data-id"\n class="year-input"\n no-empty-value="true"\n >\n </descope-combo-box>\n `,e})(this.monthNames,this.yearsRange);this.shadowRoot.querySelector(".selectors").appendChild(e),this.monthInput=Xo(this.shadowRoot.querySelector(".month-input"),this.onMonthChange.bind(this),this.onMonthInputBlur.bind(this)),this.yearInput=Xo(this.shadowRoot.querySelector(".year-input"),this.onYearChange.bind(this),this.onYearInputBlur.bind(this)),[this.monthInput,this.yearInput].forEach(e=>Ue(this,e,{includeAttrs:["disabled","size","st-host-direction"]}))}initNav(){this.navPrevEle.addEventListener("click",this.navPrevMonth.bind(this)),this.navNextEle.addEventListener("click",this.navNextMonth.bind(this)),this.cancelButton.addEventListener("click",this.onCancel.bind(this)),this.submitButton.addEventListener("click",this.onSubmit.bind(this)),[this.navPrevEle,this.navNextEle].forEach(e=>Ue(this,e,{includeAttrs:["size"]})),this.shadowRoot.querySelector(".nav-next").innerHTML='\n<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.27283 6.78069C8.87912 6.34164 8.91587 5.66655 9.35492 5.27283C9.79397 4.87912 10.4691 4.91587 10.8628 5.35492C10.8628 5.35492 16.0022 10.9543 16.366 11.36C16.7298 11.7657 16.7298 12.2392 16.366 12.6448L10.8628 18.6451C10.4691 19.0841 9.79397 19.1209 9.35492 18.7272C8.91587 18.3334 8.87912 17.6584 9.27283 17.2193L14.1368 12L9.27283 6.78069Z" fill="#808080"/>\n</svg>',this.shadowRoot.querySelector(".nav-prev").innerHTML='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.7272 17.2193C15.1209 17.6584 15.0841 18.3334 14.6451 18.7272C14.206 19.1209 13.5309 19.0841 13.1372 18.6451C13.1372 18.6451 7.99776 13.0457 7.63399 12.64C7.27023 12.2343 7.27023 11.7608 7.63399 11.3552L13.1372 5.35492C13.5309 4.91587 14.206 4.87912 14.6451 5.27283C15.0841 5.66655 15.1209 6.34164 14.7272 6.78069L9.86322 12L14.7272 17.2193Z" fill="#808080"/>\n</svg>'}onSubmit(){this.isDisabled||this.value&&this.dispatchEvent(new CustomEvent("date-submit",{detail:Oo(this.preview)}))}onCancel(){this.isDisabled||(this.dispatchEvent(new CustomEvent("cancel")),this.dispatchEvent(new CustomEvent("date-cancel")),this.clearSelectedDay())}clearSelectedDay(){this.getSelectedDayEle()?.removeAttribute("data-selected"),this.submitButton.setAttribute("disabled","true"),this.epoch=""}updateInputs(){if(this.yearInput&&this.monthInput){const e=this.preview||qo(),t=Yo(e),r=Uo(e);this.monthInput.value=r,setTimeout(()=>{this.yearInput.baseElement.value=t})}}renderCalendar(){const e=Oo(this.preview||qo()).getTime(),[t,r]=$o(e);this.calendar&&(this.calendar.innerHTML=((e,t,r)=>{const o=((e,t)=>new Date(e,t,0).getDate())(e,t),i=new Date(e,t-1,1).getDay();let n="<table>";n+=`<thead><tr>${r.reduce((e,t)=>`${e}<th><span class="weekday">${t}</span></th>`,"")}</tr></thead>`,n+="<tbody>",n+="<tr>";for(let e=0;e<i;e++)n+="<td></td>";let s=i;for(let e=1;e<=o;e++)7===s&&(s=0,n+="</tr><tr>"),n+=`\n <td\n data-date-day="${e}"\n class="day-entry">\n <span class="day" data-date-day=${e}>\n ${e}\n </span>\n </td>\n `,s++;for(;s<7;)n+="<td></td>",s++;return n+="</tr></tbody></table>",n})(t,r,this.weekdayNames.map(e=>e.substring(0,3)))),Array.from(this.calendar?.querySelectorAll(".day-entry .day")||[]).forEach(e=>e.addEventListener("click",this.onDayChange.bind(this))),this.updateInputs(),this.setSelectedDay(),this.setCurrentDay()}onDayChange(e){if(this.isDisabled)return;const t=Oo(this.preview);t.setDate(Number(e.target.getAttribute("data-date-day"))),this.value=Ho(t.getTime(),ko),this.dispatchEvent(new CustomEvent("day-changed",{detail:t}))}onYearChange(e){if(!e.target.value)return;const t=Oo(this.preview);t.setFullYear(Number(e.target.value.trim())),this.preview=t.getTime(),this.renderCalendar(),this.dispatchEvent(new CustomEvent("year-changed",{detail:t}))}onMonthChange(e){if(!e.target.value)return;const t=Oo(this.preview);t.setMonth(Number(e.target.value)-1),this.preview=t.getTime(),this.renderCalendar(),this.dispatchEvent(new CustomEvent("month-changed",{detail:t}))}onYearInputBlur(e){this.yearInput.baseElement.value=e.target.value||Yo(this.preview)}onMonthInputBlur(e){this.monthInput.baseElement.value=e.target.value||Uo(this.preview)}getSelectedDayEle(){const e=Oo(this.epoch).getDate();return this.calendar?.querySelector(`[data-date-day="${e}"]`)}getCurrentDayEle(){return this.calendar?.querySelector(`[data-date-day="${Oo().getDate()}"]`)}clearSelectedDays(){const e=this.calendar?.querySelectorAll("[data-selected]");e&&e.forEach(e=>e.removeAttribute("data-selected"))}setSelectedDay(){this.clearSelectedDays(),this.value&&this.isSelectedView&&this.getSelectedDayEle().setAttribute("data-selected","true")}setCurrentDay(){if(this.isTodayView){const e=this.getCurrentDayEle(),t=this.getAttribute("calendar-label-today")||"Today";e?.setAttribute("data-current-day","true"),e?.setAttribute("title",t)}}navPrevMonth(){if(this.isDisabled)return;const e=(e=>{const t=Oo(e),r=t.getMonth();if(0===r){const e=t.getFullYear();t.setFullYear(e-1),t.setMonth(11)}else t.setMonth(r-1);return t})(this.preview);this.preview=e.getTime(),this.renderCalendar()}navNextMonth(){if(this.isDisabled)return;const e=(e=>{const t=Oo(e),r=t.getMonth();if(11===r){const e=t.getFullYear();t.setFullYear(e+1),t.setMonth(0)}else t.setMonth(r+1);return t})(this.preview);this.preview=e.getTime(),this.renderCalendar()}clearValue(){this.epoch="",this.value="",this.removeAttribute("preview"),this.submitButton.setAttribute("disabled","true")}onInitialValueChange(e){if(this.value)return;const t=Oo(e).getTime();_o(t)?(this.epoch=t,this.preview=t):this.clearValue()}onYearsRangeChange(){setTimeout(()=>{this.yearInput&&(this.yearInput.innerHTML=(e=>{const[t,r]=e,o=[];for(let e=t;e<=r;e++)o.push(e);return o})(this.yearsRange).map(e=>Qo({label:e,dataId:e,dataName:e})).join(""))})}onMonthNamesChange(){setTimeout(()=>{this.monthInput&&(this.monthInput.innerHTML=Jo(this.monthNames))})}onSubmitLabelChange(e){this.submitButton&&(this.submitButton.textContent=e||"Done")}onCancelLabelChange(e){this.cancelButton&&(this.cancelButton.textContent=e||"Cancel")}onInitialMonthChange(e){const t=Yo(this.preview);this.preview=Oo(`${t}/${e}/1`).getTime()}onInitialYearChange(e){const t=Uo(this.preview);this.preview=Oo(`${e}/${t}/1`).getTime()}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),t!==r&&(ri.includes(e)?("calendar-label-submit"===e&&this.onSubmitLabelChange(r),"calendar-label-cancel"===e&&this.onCancelLabelChange(r)):(r&&"initial-value"===e&&this.onInitialValueChange(r),r&&"initial-month"===e&&this.onInitialMonthChange(r),r&&"initial-year"===e&&this.onInitialYearChange(r),"years-range"===e&&this.onYearsRangeChange(Number(r)),"calendar-months"===e&&this.onMonthNamesChange(),"calendar-label-today"===e&&this.setCurrentDay(r),"disabled"===e&&setTimeout(()=>{this.cancelButton?.setAttribute("disabled","true"===r)}),this.renderCalendar()))}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}});customElements.define(ei,xi);const{host:Ci,label:wi,placeholder:Ii,requiredIndicator:Mi,inputField:Si,input:Ai,inputMask:Ei,helperText:Ti,errorMessage:ki,disabledPlaceholder:zi,inputDisabled:Li,inputIcon:Ni,externalInput:Di,externalInputDisabled:Vi,externalPlaceholder:Pi,externalDisabledPlaceholder:Ri}={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)"}};var Bi={fontSize:[{},Ci],fontFamily:[wi,Si,Ti,ki],labelFontSize:{...wi,property:"font-size"},labelFontWeight:{...wi,property:"font-weight"},labelTextColor:[{...wi,property:"color"},{...Mi,property:"color"},{...wi,property:"-webkit-text-fill-color"},{...Mi,property:"-webkit-text-fill-color"}],hostWidth:{...Ci,property:"width"},hostMinWidth:{...Ci,property:"min-width"},hostDirection:{...Ci,property:"direction"},inputDirection:{...Ai,property:"direction"},inputBackgroundColor:[{...Si,property:"background-color"},{...Ei,property:"background-color"}],errorMessageTextColor:{...ki,property:"color"},errorMessageIcon:{...ki,property:"background-image"},errorMessageIconSize:{...ki,property:"background-size"},errorMessageIconPadding:{...ki,property:"padding-inline-start"},errorMessageIconRepeat:{...ki,property:"background-repeat"},errorMessageIconPosition:{...ki,property:"background-position"},errorMessageFontSize:{...ki,property:"font-size"},helperTextColor:{...Ti,property:"-webkit-text-fill-color"},inputValueTextColor:[{...Si,property:"color"},{...Li,property:"-webkit-text-fill-color"},{...Vi,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...Ai,property:"caret-color"},{...Di,property:"caret-color"}],labelRequiredIndicator:{...Mi,property:"content"},inputBorderColor:{...Si,property:"border-color"},inputBorderWidth:{...Si,property:"border-width"},inputBorderStyle:{...Si,property:"border-style"},inputBorderRadius:{...Si,property:"border-radius"},inputHeight:{...Si,property:"height"},inputHorizontalPadding:[{...Ai,property:"padding-left"},{...Ai,property:"padding-right"},{...Di,property:"padding-left"},{...Di,property:"padding-right"}],inputOutlineColor:{...Si,property:"outline-color"},inputOutlineStyle:{...Si,property:"outline-style"},inputOutlineWidth:{...Si,property:"outline-width"},inputOutlineOffset:{...Si,property:"outline-offset"},textAlign:{},inputTextAlign:[{...Ai,property:"text-align"},{...Di,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...Pi,property:"color"},{...Ii,property:"color"},{...zi,property:"-webkit-text-fill-color"},{...Ri,property:"-webkit-text-fill-color"}],labelPosition:{...wi,property:"position"},labelTopPosition:{...wi,property:"top"},labelHorizontalPosition:[{...wi,property:"left"},{...wi,property:"right"}],inputTransformY:{...wi,property:"transform"},inputTransition:{...wi,property:"transition"},marginInlineStart:{...wi,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...Pi,property:"opacity"}],inputVerticalAlignment:[{...Si,property:"align-items"},{...Di,property:"align-items"}],valueInputHeight:[{...Ai,property:"height"},{...Di,property:"height"}],valueInputMarginBottom:[{...Ai,property:"margin-bottom"},{...Di,property:"margin-bottom"}],inputIconOffset:[{...Ni,property:"margin-right"},{...Ni,property:"margin-left"}],inputIconSize:{...Ni,property:"font-size"},inputIconColor:{...Ni,property:"color"},inputTextSecurity:[{...Ai,property:"-webkit-text-security"},{...Ai,property:"text-security"},{...Di,property:"-webkit-text-security"},{...Di,property:"text-security"}]};const Oi=qe("text-field"),ji=["type","label-type","copy-to-clipboard"],Fi=Be(Nt({mappings:Bi}),Dt,Gt({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Vt,e=>class extends e{static get observedAttributes(){return ji.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))}})(Wt({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(${Fi.cssVarList.inputOutlineWidth}) + var(${Fi.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 ${mt("vaadin-text-field")}\n\t\t\t${at(Fi.cssVarList)}\n\t\t\t${ht("vaadin-text-field",Fi.cssVarList)}\n \n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n \n\n vaadin-text-field vaadin-icon {\n align-self: center;\n }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:Oi}));customElements.define(Oi,Fi);class Wi{#B=Object.freeze([]);constructor({id:e,min:t,max:r,placeholder:o},i){this.id=e,this.min=t,this.max=r,this.placeholder=o,this.onChange=i}get data(){return this.#B}set data(e){this.#B=Object.freeze(e),this.onChange?.()}get#ne(){return this.data.length?this.numberValue:0}get numberValue(){return Number(this.stringValue)}get stringValue(){return(this.data.join("")||this.placeholder).padStart(this.length,"0")}get isFull(){return 10*this.numberValue>this.max||this.data.length===this.length}get isEmpty(){return this.stringValue===this.placeholder}get length(){return this.max.toString().length}set(e){this.data=e.toString().split("")}add(e){let{data:t}=this;return t=[...t,e],Number(t.join(""))>this.max?t=[e]:this.length<t.length&&(t=t.slice(1,t.length)),this.data=t,e}del(){this.data.filter(e=>"0"!==e).filter(Boolean).length?this.data=this.data.slice(0,this.data.length-1):this.data=[]}clear(){this.data=[]}inc(e){this.replaceValue(this.#ne<this.max?Math.max(this.#ne+(e||1),this.min):this.min)}dec(e){this.replaceValue(this.#ne>this.min?Math.min(this.#ne-(e||1),this.max):this.max)}isInRange(e){return e>=this.min&&e<=this.max}replaceValue(e){this.isInRange(e)&&(this.data=e.toString().padStart(this.length,0).split(""))}setMin(e){this.min=Number(e)}setMax(e){this.max=Number(e)}}const _i=qe("date-field"),$i=tr({componentName:_i,baseSelector:"vaadin-popover"}),Hi=["format","opened","initial-value","readonly","disable-calendar","utc-time"],qi=["years-range","calendar-months","calendar-weekdays"],Yi=[...Hi,...qi],Ui=Fi.cssVarList,{host:Gi,input:Zi,inputEleRTL:Qi,toggleButton:Ji,overlay:Ki,backdrop:Xi}={host:{selector:()=>":host"},input:{selector:()=>"descope-text-field"},inputEleRTL:{selector:()=>':host([st-host-direction="rtl"]) descope-text-field'},toggleButton:{selector:()=>".toggle-calendar"},overlay:{selector:"vaadin-popover-overlay::part(overlay)"},backdrop:{selector:"vaadin-popover-overlay::part(backdrop)"}},en=Be(Nt({componentNameOverride:qe("input-wrapper")}),Nt({mappings:{iconMargin:{...Ji,property:"margin-inline-end"},hostWidth:{...Gi,property:"width"},hostDirection:{...Gi,property:"direction"},textAlign:{...Zi,property:"text-align"},rtlInputDirection:{...Qi,property:Ui.inputDirection},rtlInputAlignment:{...Qi,property:Ui.inputTextAlign},overlayGap:{property:()=>en.cssVarList.overlayGap},overlayBackgroundColor:{property:()=>en.cssVarList.overlayBackgroundColor},overlayPadding:{property:()=>en.cssVarList.overlayPadding},overlayBoxShadow:{property:()=>en.overlayBoxShadow},overlayOutlineWidth:{property:()=>en.cssVarList.overlayOutlineWidth},overlayOutlineColor:{property:()=>en.cssVarList.overlayOutlineColor},overlayOutlineStyle:{property:()=>en.cssVarList.overlayOutlineStyle},errorMessageIcon:{selector:Fi.componentName,property:Fi.cssVarList.errorMessageIcon},errorMessageIconSize:{selector:Fi.componentName,property:Fi.cssVarList.errorMessageIconSize},errorMessageIconPadding:{selector:Fi.componentName,property:Fi.cssVarList.errorMessageIconPadding},errorMessageIconRepeat:{selector:Fi.componentName,property:Fi.cssVarList.errorMessageIconRepeat},errorMessageIconPosition:{selector:Fi.componentName,property:Fi.cssVarList.errorMessageIconPosition},errorMessageFontSize:{selector:Fi.componentName,property:Fi.cssVarList.errorMessageFontSize}}}),Qt({name:"overlay",selector:"",mappings:{marginTop:{...Ki,property:"margin-top"},backgroundColor:{...Ki},backdropBackgroundColor:{...Xi,property:"background-color"},backdropPointerEvents:{...Xi,property:"pointer-events"},padding:{...Ki},boxShadow:{...Ki},outlineWidth:{...Ki},outlineColor:{...Ki},outlineStyle:{...Ki}}}),Dt,Vt)(class extends $i{epoch="";format=To;selectedCounterIdx=0;updateCountersDisplay(){this.inputElement.value=this.countersValue}updateValue(){if(this.isCountersOutOfRange)this.resetEpoch();else{const e=Wo[this.format].getDate(this.inputElement.value);this.updateEpoch(Go(e,this.isUtcTime))}}onDateCounterChange=()=>{this.updateCountersDisplay(),this.updateValue(),this.#se()};updateEpoch(e){this.epoch=Go(e,this.isUtcTime)}dateCounters=[new Wi(Do,this.onDateCounterChange.bind(this)),new Wi(Vo,this.onDateCounterChange.bind(this)),new Wi(Po,this.onDateCounterChange.bind(this))];static get observedAttributes(){return[].concat($i.observedAttributes||[],Yi)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div>\n <descope-text-field inputmode="numeric">\n <span slot="suffix" class="toggle-calendar">\n \n<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M9 5H15V4.50468C15 4.21404 15.226 4 15.5047 4H16.4953C16.786 4 17 4.22595 17 4.50468V5H18.7568C19.3028 5 19.75 5.44725 19.75 5.99896V7.00104C19.75 7.55734 19.3053 8 18.7568 8H5.24317C4.69717 8 4.25 7.55275 4.25 7.00104V5.99896C4.25 5.44266 4.69466 5 5.24317 5H7V4.50468C7 4.21404 7.22596 4 7.50468 4H8.49532C8.78596 4 9 4.22595 9 4.50468V5ZM5.50468 9H6.49532C6.78596 9 7 9.22596 7 9.50468V10.4953C7 10.786 6.77404 11 6.49532 11H5.50468C5.21404 11 5 10.774 5 10.4953V9.50468C5 9.21404 5.22595 9 5.50468 9ZM8.50468 9H9.49532C9.78596 9 10 9.22596 10 9.50468V10.4953C10 10.786 9.77404 11 9.49532 11H8.50468C8.21404 11 8 10.774 8 10.4953V9.50468C8 9.21404 8.22596 9 8.50468 9ZM11.5047 9H12.4953C12.786 9 13 9.22596 13 9.50468V10.4953C13 10.786 12.774 11 12.4953 11H11.5047C11.214 11 11 10.774 11 10.4953V9.50468C11 9.21404 11.226 9 11.5047 9ZM5.50468 12H6.49532C6.78596 12 7 12.226 7 12.5047V13.4953C7 13.786 6.77404 14 6.49532 14H5.50468C5.21404 14 5 13.774 5 13.4953V12.5047C5 12.214 5.22595 12 5.50468 12ZM8.50468 12H9.49532C9.78596 12 10 12.226 10 12.5047V13.4953C10 13.786 9.77404 14 9.49532 14H8.50468C8.21404 14 8 13.774 8 13.4953V12.5047C8 12.214 8.22596 12 8.50468 12ZM11.5047 12H12.4953C12.786 12 13 12.226 13 12.5047V13.4953C13 13.786 12.774 14 12.4953 14H11.5047C11.214 14 11 13.774 11 13.4953V12.5047C11 12.214 11.226 12 11.5047 12ZM5.50468 15H6.49532C6.78596 15 7 15.226 7 15.5047V16.4953C7 16.786 6.77404 17 6.49532 17H5.50468C5.21404 17 5 16.774 5 16.4953V15.5047C5 15.214 5.22595 15 5.50468 15ZM8.50468 15H9.49532C9.78596 15 10 15.226 10 15.5047V16.4953C10 16.786 9.77404 17 9.49532 17H8.50468C8.21404 17 8 16.774 8 16.4953V15.5047C8 15.214 8.22596 15 8.50468 15ZM11.5047 15H12.4953C12.786 15 13 15.226 13 15.5047V16.4953C13 16.786 12.774 17 12.4953 17H11.5047C11.214 17 11 16.774 11 16.4953V15.5047C11 15.214 11.226 15 11.5047 15ZM14.5047 9H15.4953C15.786 9 16 9.22596 16 9.50468V10.4953C16 10.786 15.774 11 15.4953 11H14.5047C14.214 11 14 10.774 14 10.4953V9.50468C14 9.21404 14.226 9 14.5047 9ZM14.5047 12H15.4953C15.786 12 16 12.226 16 12.5047V13.4953C16 13.786 15.774 14 15.4953 14H14.5047C14.214 14 14 13.774 14 13.4953V12.5047C14 12.214 14.226 12 14.5047 12ZM14.5047 15H15.4953C15.786 15 16 15.226 16 15.5047V16.4953C16 16.786 15.774 17 15.4953 17H14.5047C14.214 17 14 16.774 14 16.4953V15.5047C14 15.214 14.226 15 14.5047 15ZM17.5047 15H18.4953C18.786 15 19 15.226 19 15.5047V16.4953C19 16.786 18.774 17 18.4953 17H17.5047C17.214 17 17 16.774 17 16.4953V15.5047C17 15.214 17.226 15 17.5047 15ZM5.50468 18H6.49532C6.78596 18 7 18.226 7 18.5047V19.4953C7 19.786 6.77404 20 6.49532 20H5.50468C5.21404 20 5 19.774 5 19.4953V18.5047C5 18.214 5.22595 18 5.50468 18ZM8.50468 18H9.49532C9.78596 18 10 18.226 10 18.5047V19.4953C10 19.786 9.77404 20 9.49532 20H8.50468C8.21404 20 8 19.774 8 19.4953V18.5047C8 18.214 8.22596 18 8.50468 18ZM11.5047 18H12.4953C12.786 18 13 18.226 13 18.5047V19.4953C13 19.786 12.774 20 12.4953 20H11.5047C11.214 20 11 19.774 11 19.4953V18.5047C11 18.214 11.226 18 11.5047 18ZM14.5047 18H15.4953C15.786 18 16 18.226 16 18.5047V19.4953C16 19.786 15.774 20 15.4953 20H14.5047C14.214 20 14 19.774 14 19.4953V18.5047C14 18.214 14.226 18 14.5047 18ZM17.5047 18H18.4953C18.786 18 19 18.226 19 18.5047V19.4953C19 19.786 18.774 20 18.4953 20H17.5047C17.214 20 17 19.774 17 19.4953V18.5047C17 18.214 17.226 18 17.5047 18ZM17.5047 12H18.4953C18.786 12 19 12.226 19 12.5047V13.4953C19 13.786 18.774 14 18.4953 14H17.5047C17.214 14 17 13.774 17 13.4953V12.5047C17 12.214 17.226 12 17.5047 12ZM17.5047 9H18.4953C18.786 9 19 9.22596 19 9.50468V10.4953C19 10.786 18.774 11 18.4953 11H17.5047C17.214 11 17 10.774 17 10.4953V9.50468C17 9.21404 17.226 9 17.5047 9Z" fill="#808080"/>\n</svg>\n\n </span>\n </descope-text-field>\n <vaadin-popover></vaadin-popover>\n </div>\n ',N('\n :host {\n display: inline-block;\n box-sizing: border-box;\n user-select: none;\n max-width: 100%;\n }\n\n :host ::slotted {\n padding: 0;\n }\n\n .toggle-calendar {\n cursor: pointer;\n display: flex;\n align-self: center;\n z-index: 1;\n height: 100%;\n align-items: center;\n }\n\n :host([readonly="true"]) .toggle-calendar {\n pointer-events: none;\n }\n\n .hidden {\n display: none;\n }\n ',this),this.inputElement=this.shadowRoot.querySelector("descope-text-field"),this.popoverToggleButton=this.inputElement.querySelector(".toggle-calendar")}get validationTarget(){return this.inputElement}get opened(){return"true"===this.getAttribute("opened")}get displayValueEpoch(){const e=Wo[this.format].getDate(this.inputElement.value);return _o(e?.getTime())?e.getTime():null}get sortedCounters(){return this.format.split(zo).map(e=>this.dateCounters.find(t=>t.placeholder===e))}get activeCounter(){return this.sortedCounters[this.selectedCounterIdx]}get countersValue(){return this.sortedCounters.map(e=>e.stringValue).join(zo)}get overlay(){return this.baseElement.shadowRoot?.querySelector("vaadin-popover-overlay")}get backdrop(){return this.overlay.shadowRoot?.querySelector("#backdrop")}get calendar(){return this.overlay?.querySelector("descope-calendar")}get isRTL(){const e=getComputedStyle(this.baseElement).getPropertyValue("direction");return e?"rtl"===e:"rtl"===this.getAttribute("st-host-direction")}get value(){return this.isInvalidDate()?"":this.epoch}set value(e){const t=parseInt(e,10);Number.isNaN(t)?(this.resetEpoch(),this.resetDateCounters(),this.clearInputEle()):(this.updateEpoch(t),this.updateDateCounters(new Date(t)))}resetEpoch(){this.epoch=""}get isCountersEmpty(){return this.dateCounters.every(e=>e.isEmpty)}get isCountersOutOfRange(){return this.dateCounters.some(e=>!e.isInRange(e.numberValue))}get disableCalendar(){return"true"===this.getAttribute("disable-calendar")}get isUtcTime(){return"true"===this.getAttribute("utc-time")}get isSelectAll(){const e=this.inputElement.baseElement.inputElement;return e.value.length===e.selectionStart+e.selectionEnd}reportValidity(){this.inputElement.reportValidity()}#se(){this.inputElement.baseElement.dispatchEvent(new Event("input",{bubbles:!0}))}updateInputDisplay(){this.inputElement.value=Ho(Oo(this.countersValue).getTime(),this.format)}init(){super.init?.(),this.updateFormatPattern(),this.initPopover(),this.onDateCounterChange(),this.initInputElement(),setTimeout(()=>{this.#ee()},0)}initInputElement(){this.inputElement.getValidity=this.getValidity.bind(this),this.inputElement.baseElement.checkValidity=this.checkValidity.bind(this),this.popoverToggleButton.addEventListener("click",this.onPopoverToggle.bind(this)),this.inputElement.addEventListener("focus",this.onFocus.bind(this)),this.inputElement.addEventListener("blur",this.onBlur.bind(this)),this.inputElement.addEventListener("click",this.handleMouseCaretPositionChange.bind(this)),this.inputElement.addEventListener("keydown",this.handleKeyboard.bind(this)),this.inputElement.addEventListener("beforeinput",this.handleInput.bind(this)),this.inputElement.addEventListener("pointerdown",this.onPointerDown.bind(this)),this.inputElement.addEventListener("paste",this.onPaste.bind(this)),Ue(this,this.inputElement,{includeAttrs:["label","label-type","placeholder","disabled","readonly","bordered","required","full-width","st-host-direction","pattern","bordered","data-errormessage-value-missing","data-errormessage-pattern-mismatch","data-errormessage-range-underflow","data-errormessage-range-overflow","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]})}handleInput(e){var t;e.preventDefault(),this.handleSelectAll(),e.data&&(t=e.data,String(t||"").trim()&&!Number.isNaN(Number(t)))?(this.parseDigits(e.data),this.updateCountersDisplay()):e.inputType&&this.handleNavKeys(e)}initPopover(){this.baseElement.trigger=["click"],this.baseElement.withBackdrop=!0,this.baseElement.renderer=this.#ae.bind(this),this.baseElement.addEventListener("click",e=>{e.preventDefault(),e.stopPropagation()})}handleSelectAll(){this.isSelectAll&&this.selectFirstCounter()}#le;#ae(e){e.firstChild||(this.overlay.positionTarget=this.shadowRoot.querySelector(".toggle-calendar"),e.appendChild(this.#de()),(e=>{const t=new CSSStyleSheet;t.insertRule(":host{display:block!important;}"),e?.shadowRoot?.adoptedStyleSheets?.push(t)})(this.baseElement),this.backdrop.addEventListener("click",this.closePopover.bind(this))),e.style.setProperty("visibility","hidden"),setTimeout(()=>{this.#ce(e),e.style.setProperty("visibility","visible"),this.updateCalendarView(e)},100)}#ce(){const e=this.shadowRoot.querySelector("vaadin-popover").shadowRoot;this.#le?.remove();const t=document.body.getBoundingClientRect(),r=this.getBoundingClientRect(),o=this.calendar.getBoundingClientRect(),i=this.isRTL?"right":"left",n=r[i]-o[i],s=o.left,a=t.width-o.right;let l;l=n>0?Math.min(n,a):-1*Math.min(Math.abs(n),s),N(`\n vaadin-popover-overlay::part(overlay) {\n transform: translateX(${l}px);\n }\n `,e)}#de(){const e=document.createElement("span");e.innerHTML="<descope-calendar></descope-calendar>";const t=e.querySelector("descope-calendar");return t.addEventListener("date-submit",this.onCalendarSubmit.bind(this)),t.addEventListener("cancel",this.closePopover.bind(this)),e}#ee(){this.overlay._attachOverlay=()=>this.overlay.bringToFront(),this.overlay._detachOverlay=()=>{},this.overlay._enterModalState=()=>{}}onPopoverToggle(){this.opened?this.closePopover():this.openPopover()}openPopover(){this.disableCalendar||this.setAttribute("opened","true")}closePopover(){this.removeAttribute("opened"),this.inputElement.focus()}getCounterById(e){return this.dateCounters.find(t=>t.id===e)}onCalendarSubmit(){if(!this.isReadOnly){if(!this.calendar.value)return;const e=Oo(this.calendar.value);this.value=Go(e,this.isUtcTime),this.getCounterById("year").replaceValue(e.getFullYear()),this.getCounterById("month").replaceValue(e.getMonth()+1),this.getCounterById("day").replaceValue(e.getDate()),this.#se()}this.closePopover()}updateCalendarView(){const e=_o(Oo(this.inputElement.value||"").getTime())&&Wo[this.format].validate(this.inputElement.value);this.displayValueEpoch||e?this.calendar.setAttribute("initial-value",Ho(this.displayValueEpoch||this.epoch,ko)):(this.calendar.clearValue(),this.calendar.setAttribute("preview",Ho(qo(),ko))),Ue(this,this.calendar,{includeAttrs:["st-host-direction","readonly","initial-month","initial-year","years-range","calendar-label-submit","calendar-label-cancel","calendar-months","calendar-weekdays","calendar-weekdays-short"]})}onPointerDown(e){setTimeout(()=>this.handleMouseCaretPositionChange(e),150)}onFocus(){this.isReadOnly||setTimeout(()=>this.resetDisplay())}resetDisplay(){this.inputElement.value||(this.inputElement.value=this.format),this.selectFirstCounter(),this.inputElement.setSelectionRange(0,this.sortedCounters[0].length)}onBlur(){this.opened||this.inputElement.value===this.format&&this.clearInputEle()}clearInputEle(){this.inputElement.value=""}onFormatUpdate(e){Object.keys(Wo).includes(e)&&(this.format=e,this.updateFormatPattern())}updateFormatPattern(){const e=this.getAttribute("format")||this.format||To;this.setAttribute("type","date"),this.setAttribute("pattern",Wo[e].pattern)}parseDigits(e){this.activeCounter.add(e),this.activeCounter.isFull&&this.selectNextCounter(),this.setInputSelectionRange()}getCounterIdx(e){const[t,r]=this.sortedCounters.map(e=>e.length);return[e<=t,e>=t&&e<=t+r+1,e>=t+r+2].indexOf(!0)}setSelectedCounterByCaretPosition(e){this.selectedCounterIdx=this.getCounterIdx(e.target?.selectionStart||this.inputElement.selectionStart)}selectFirstCounter(){this.selectedCounterIdx=0}selectNextCounter(){this.selectedCounterIdx<this.dateCounters.length&&(this.selectedCounterIdx=Math.min(this.selectedCounterIdx+1,2))}selectPrevCounter(){this.selectedCounterIdx>0&&(this.selectedCounterIdx=Math.min(this.selectedCounterIdx-1,1))}setInputSelectionRange(){this.selectedCounterIdx<0||setTimeout(()=>{const e=this.sortedCounters.slice(0,this.selectedCounterIdx).reduce((e,t)=>e+t.length,this.selectedCounterIdx);this.inputElement.setSelectionRange(e,e+this.sortedCounters[this.selectedCounterIdx].length)})}resetDateCounters(){this.dateCounters.forEach(e=>e.clear())}updateDateCounters(e){this.dateCounters.forEach(t=>{switch(t.id){case Do.id:t.set(this.isUtcTime?e.getUTCMonth()+1:e.getMonth()+1);break;case Po.id:t.set(this.isUtcTime?e.getUTCFullYear():e.getFullYear());break;case Vo.id:t.set(this.isUtcTime?e.getUTCDate():e.getDate())}})}handleKeyboard(e){e.metaKey||e.ctrlKey?"x"===e.key.toLowerCase()&&this.onCut(e):(this.handleSelectAll(),"ArrowUp"===e.key?this.activeCounter.inc():"ArrowDown"===e.key?this.activeCounter.dec():"ArrowRight"===e.key?this.selectNextCounter():"ArrowLeft"===e.key&&this.selectPrevCounter(),this.setInputSelectionRange())}handleNavKeys(e){this.isReadOnly||(this.opened&&this.closePopover(),this.activeCounter&&("deleteContentBackward"===e.inputType&&this.handleBackspace(),this.setInputSelectionRange()))}handleBackspace(){if(this.isSelectAll)return void this.resetToInitialState();const e=this.activeCounter;e.isEmpty?(this.selectPrevCounter(),this.setInputSelectionRange()):e.set(""),setTimeout(()=>{this.updateCountersDisplay(),this.setInputSelectionRange()})}handleMouseCaretPositionChange(e){this.opened||(e.preventDefault(),this.setSelectedCounterByCaretPosition(e),this.setInputSelectionRange())}onInitialValueChange(e){this.value||setTimeout(()=>{Number.isNaN(parseInt(e,10))||(this.value=Number(e))})}togglePopoverAccess(e){e?this.popoverToggleButton.classList.remove("hidden"):this.popoverToggleButton.classList.add("hidden")}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("disable-calendar"===e&&this.togglePopoverAccess("true"!==r),Hi.includes(e)?(r&&"format"===e&&this.onFormatUpdate(r),"initial-value"===e&&this.onInitialValueChange(r)):qi.includes(e)&&(r?this.calendar?.setAttribute(e,r):this.calendar?.removeAttribute(e)))}isInvalidDate(){const e=this.getCounterById("year"),t=e.numberValue>Bo||e.numberValue<Ro,r=Object.entries(this.getDateVals()).some(([e,t])=>{const r=this.getCounterById(e);return!t||r.numberValue!==t});return t||r}getValidity(){return this.isRequired&&this.isCountersEmpty?{valueMissing:!0}:this.isCountersOutOfRange||this.isInvalidDate()?{patternMismatch:!0}:{}}getDateVals(){const e={day:"",month:"",year:""};if(Number.isNaN(this.epoch))return e;try{const t=new Date(this.epoch);this.isUtcTime?(e.month=t.getUTCMonth()+1,e.day=t.getUTCDate(),e.year=t.getUTCFullYear()):(e.month=t.getMonth()+1,e.day=t.getDate(),e.year=t.getFullYear())}catch(e){}return e}resetToInitialState(){this.resetDateCounters(),this.selectFirstCounter(),this.resetDisplay()}onCut(e){e.preventDefault(),this.isSelectAll?(this.#pe(this.countersValue),this.resetToInitialState()):(this.#pe(this.activeCounter.stringValue),this.activeCounter.set("")),this.setInputSelectionRange()}#pe(e){try{navigator.clipboard.writeText(e)}catch(e){console.error("Failed to copy date value:",e)}}onPaste(e){e.preventDefault();const t=(e.clipboardData||window.clipboardData).getData("Text"),r=((e,t)=>{const r=e.trim?.();return r?Wo[t].getDate(r):null})(t,this.format);if(r)this.value=Go(r,this.isUtcTime),this.onDateCounterChange(),setTimeout(()=>this.inputElement.setSelectionRange(0,this.inputElement.value.length));else{const e=Number(t);e&&this.activeCounter.min<=e&&this.activeCounter.max>=e&&(this.activeCounter.set(String(e)),setTimeout(()=>this.setInputSelectionRange()))}}});customElements.define(_i,en);const tn=qe("divider");class rn extends(jt({componentName:tn,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t\t<div>\n\t\t\t\t<descope-text>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</descope-text>\n\t\t\t</div>\n\t\t",N("\n \t:host {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t\t:host > div::before,\n\t\t\t\t:host > div::after {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\tflex-grow: 1;\n\t\t\t\t}\n\t\t\t\tdescope-text {\n\t\t\t\t\tflex-grow: 0;\n\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t}\n\t\t\t\t:host(:empty) descope-text {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t:host([vertical=\"true\"]) div {\n\t\t\t\t\twidth: fit-content;\n\t\t\t\t}\n ",this),this.textComponent=this.shadowRoot.querySelector("descope-text"),Ue(this,this.textComponent,{includeAttrs:["mode","variant","italic"]})}}const on=xr.cssVarList,{host:nn,before:sn,after:an,text:ln}={host:{selector:()=>":host"},before:{selector:"::before"},after:{selector:"::after"},text:{selector:"descope-text"}},dn=Be(Nt({mappings:{hostWidth:{...nn,property:"width"},hostPadding:{...nn,property:"padding"},hostDirection:{...ln,property:"direction"},minHeight:{},alignItems:{},alignSelf:{},flexDirection:{},textAlign:{...ln,property:on.textAlign},labelTextWidth:{...ln,property:"width"},labelTextMaxWidth:{...ln,property:"max-width"},labelTextVerticalSpacing:[{...ln,property:"padding-top"},{...ln,property:"padding-bottom"}],labelTextHorizontalSpacing:[{...ln,property:"padding-right"},{...ln,property:"padding-left"}],stripeColor:[{...sn,property:"background-color"},{...an,property:"background-color"}],stripeHorizontalThickness:[{...sn,property:"height"},{...an,property:"height"}],stripeVerticalThickness:[{...sn,property:"width"},{...an,property:"width"}],stripeColorOpacity:[{...sn,property:"opacity"},{...an,property:"opacity"}]}}),Dt,Vt)(rn);customElements.define(tn,dn);const cn=qe("email-field"),pn=Be(Nt({mappings:Bi}),Dt,Xt({inputType:"email",inputName:"email",autocompleteType:"username",includeAttrs:["disabled","readonly","pattern"]}),Gt({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Vt,e=>class extends e{init(){super.init?.(),this.baseElement.setAttribute("pattern","^[\\w\\.\\%\\+\\-']+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$"),this.getAttribute("autocomplete")||this.setAttribute("autocomplete","username"),this.createExternalInput()}})(Wt({slots:["","suffix"],wrappedEleName:"vaadin-email-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${pn.cssVarList.inputOutlineWidth}) + var(${pn.cssVarList.inputOutlineOffset}));\n box-sizing: border-box;\n\t\t\t}\n ${mt("vaadin-email-field")}\n\t\t\t${at(pn.cssVarList)}\n\t\t\t${ht("vaadin-email-field",pn.cssVarList)}\n \n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n \n\n vaadin-email-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-email-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n\n :host ::slotted(*) {\n -webkit-mask-image: none;\n }\n\n vaadin-email-field[external-input="true"] > input:not(:placeholder-shown) {\n opacity: 0;\n }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:cn}));customElements.define(cn,pn);const un=({componentName:e,varName:t,fallbackVarName:r})=>{let o;class i extends(jt({componentName:e,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t\t<div></div>\n\t\t\t",N(`\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\t${o}\n\t\t\t\t}\n `,this)}}const n=Be(Nt({mappings:{height:{selector:()=>":host > div"},width:{selector:()=>":host > div"},[t]:{property:"content"},[r]:{property:"content"}}}),Dt,Vt)(i);return o=`content: var(${n.cssVarList[t]}, var(${n.cssVarList[r]}));`,n},hn=qe("logo"),mn=un({componentName:hn,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(hn,mn);const gn=qe("totp-image"),bn=un({componentName:gn,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(gn,bn);const yn=qe("notp-image"),fn=un({componentName:yn,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(yn,fn);const vn=qe("number-field"),xn=Be(Nt({mappings:Bi}),Dt,Gt({proxyProps:["value","selectionStart"]}),Vt)(Wt({slots:["","prefix","suffix"],wrappedEleName:"vaadin-number-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${xn.cssVarList.inputOutlineWidth}) + var(${xn.cssVarList.inputOutlineOffset}));\n\t\t\t}\n ${mt("vaadin-number-field")}\n\t\t\t${at(xn.cssVarList)}\n\t\t\t${ht("vaadin-number-field",xn.cssVarList)}\n \n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n \n\n vaadin-number-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-number-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:vn}));customElements.define(vn,xn);const Cn="--descope-input-mask-content",wn="--descope-input-mask-display",In="--descope-input-mask-fallback",Mn=e=>{e?.focus(),e?.setSelectionRange?.(1,1)},Sn=e=>e.replace(/\D/g,"")||"",An=(e,t)=>{t?(e.style.setProperty(Cn,`"${t}"`),e.style.setProperty(wn,"flex")):(e.style.removeProperty(Cn),e.style.removeProperty(wn))},En=qe("passcode-internal"),Tn=["digits","loading"],kn=["disabled","bordered","size","invalid","readonly","aria-labelledby"],zn=tr({componentName:En,baseSelector:"div"}),Ln=qe("passcode"),Nn=["digits"],{host:Dn,digitField:Vn,label:Pn,requiredIndicator:Rn,internalWrapper:Bn,focusedDigitField:On,errorMessage:jn}={host:{selector:()=>":host"},focusedDigitField:{selector:()=>`${Fi.componentName}[focused="true"]`},digitField:{selector:()=>Fi.componentName},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},internalWrapper:{selector:"descope-passcode-internal .wrapper"},errorMessage:{selector:"::part(error-message)"}},Fn=Fi.cssVarList,Wn=Ur.cssVarList,_n=Be(Nt({mappings:{fontSize:[{...Vn,property:Fn.fontSize},Dn],hostWidth:{property:"width"},hostDirection:{...Dn,property:"direction"},fontFamily:[Dn,{...Pn}],labelTextColor:[{...Pn,property:"color"},{...Pn,property:"-webkit-text-fill-color"},{...Rn,property:"color"},{...Rn,property:"-webkit-text-fill-color"}],labelRequiredIndicator:{...Rn,property:"content"},errorMessageTextColor:{...jn,property:"color"},errorMessageIcon:{...jn,property:"background-image"},errorMessageIconSize:{...jn,property:"background-size"},errorMessageIconPadding:{...jn,property:"padding-inline-start"},errorMessageIconRepeat:{...jn,property:"background-repeat"},errorMessageIconPosition:{...jn,property:"background-position"},errorMessageFontSize:{...jn,property:"font-size"},digitValueTextColor:{selector:Fi.componentName,property:Fn.inputValueTextColor},digitSize:[{...Vn,property:"height"},{...Vn,property:"width"}],digitPadding:{...Vn,property:Fn.inputHorizontalPadding},digitTextAlign:{...Vn,property:Fn.inputTextAlign},digitCaretTextColor:{...Vn,property:Fn.inputCaretTextColor},digitSpacing:{...Bn,property:"gap"},digitOutlineColor:{...Vn,property:Fn.inputOutlineColor},digitOutlineWidth:{...Vn,property:Fn.inputOutlineWidth},focusedDigitFieldOutlineColor:{...On,property:Fn.inputOutlineColor},overlayOpacity:{...Bn,property:"opacity"},spinnerSize:{selector:Ur.componentName,property:Wn.spinnerSize}}}),Dt,er,Gt({proxyProps:["value","selectionStart"]}),Vt,e=>class extends e{static get observedAttributes(){return Nn.concat(e.observedAttributes||[])}get digits(){return Number.parseInt(this.getAttribute("digits"),10)||6}init(){super.init?.(),N("\n .wrapper {\n display: flex;\n width: 100%;\n justify-content: space-between;\n direction: ltr;\n position: relative;\n }\n\n descope-text-field {\n direction: ltr;\n }\n\n .loader-container {\n display: none;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n ",this);const e=document.createElement("template");e.innerHTML=`\n <${En}\n bordered="true"\n name="code"\n tabindex="-1"\n slot="input"\n role="textbox"\n ><slot></slot></${En}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(En),Ue(this,this.inputElement,{includeAttrs:["digits","size","loading","disabled"]})}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"digits"===e&&(this.style["--passcode-digits-count"]=r)}})(Wt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: calc(var(--passcode-digits-count) * 2em);\n\t\t\t}\n\t\t\t\n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n :host([loading="true"]) descope-passcode-internal .loader-container {\n display: block;\n }\n\n\t\t\tdescope-passcode-internal {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n\t\t\tdescope-passcode-internal .wrapper {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tmin-height: initial;\n\t\t\t\theight: 100%;\n\t\t\t\tjustify-content: space-between;\n\t\t\t}\n\n\t\t\tdescope-passcode-internal descope-text-field {\n\t\t\t\tmin-width: 2em;\n\t\t\t\tmax-width: var(${Fn.inputHeight});\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n /* safari */\n\t\t\tvaadin-text-field::part(input-field)::after {\n opacity: 0;\n }\n\n\t\t\tvaadin-text-field {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly]::part(input-field)::after {\n\t\t\t\tborder: 0 solid;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n ${mt("vaadin-text-field")}\n\t\t\t${ct("vaadin-text-field")}\n \t`,excludeAttrsSync:["tabindex","style"],componentName:Ln}));customElements.define(En,class extends zn{static get observedAttributes(){return Tn.concat(zn.observedAttributes||[])}constructor(){super(),this.innerHTML='\n\t\t<div class="wrapper"></div>\n\t\t<div class="loader-container">\n <descope-loader-radial size="xs" mode="primary"></descope-loader-radial>\n </div>\n\t\t',this.wrapperEle=this.querySelector(".wrapper"),this.loaderContainer=this.querySelector(".loader-container")}renderInputs(){const e=[...Array(this.digits).keys()].map(e=>`\n\t\t<descope-text-field\n\t\t\tdata-id=${e}\n\t\t\ttype="tel"\n\t\t\tautocomplete="one-time-code"\n\t\t\tinputMode="numeric"\n\t\t></descope-text-field>\n\t`);this.wrapperEle.innerHTML=e.join(""),this.inputs=Array.from(this.querySelectorAll("descope-text-field")),this.initInputs()}handleLoadingState(e){e?this.setAttribute("inert","true"):this.removeAttribute("inert")}get digits(){return Number.parseInt(this.getAttribute("digits"),10)||6}get value(){return this.inputs?.map(({value:e})=>e).join("")||""}set value(e){e!==this.value&&this.parseInputValue(this.inputs[0],Sn(e))}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:this.pattern&&!new RegExp(this.pattern).test(this.value)?{patternMismatch:!0}:{}}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.inputs[0].focus()}),super.init?.(),this.renderInputs()}getInputIdx(e){return Number.parseInt(e.getAttribute("data-id"),10)}getNextInput(e){const t=this.getInputIdx(e),r=Math.min(t+1,this.inputs.length-1);return this.inputs[r]}getPrevInput(e){const t=this.getInputIdx(e),r=Math.max(t-1,0);return this.inputs[r]}fillDigits(e,t){for(let r=0;r<e.length;r+=1){t.value=e[r]??"";const o=this.getNextInput(t);if(o===t)break;t=o}Mn(t)}parseInputValue(e,t=""){const r=t.split("");r.length?this.fillDigits(r,e):e.value=""}initInputs(){this.inputs.forEach(e=>{N(`\n vaadin-text-field::part(input-field)::before {\n ${In}: '';\n content: var(${Cn}, var(${In}));\n position: absolute;\n width: 100%;\n height: 100%;\n display: var(${wn}, none);\n align-items: center;\n justify-content: center;\n }`,e);const t=n()(t=>{this.parseInputValue(e,t),An(e)},0,{trailing:!0});e.addEventListener("input",r=>{e.value=Sn(e.value),e.value&&An(e,e.value[0]),setTimeout(()=>{"deleteContentBackward"===r?.inputType&&Mn(this.getPrevInput(e))}),t(e.value)}),e.onkeydown=({key:t})=>{"Backspace"===t?e.value?e.setSelectionRange(1,1):setTimeout(()=>Mn(this.getPrevInput(e)),0):1===t.length&&(e.value="")},Ue(this,e,{includeAttrs:kn}),e.shadowRoot.querySelector("input").setAttribute("aria-label","passcode digit")}),this.handleFocusEventsDispatching(this.inputs),this.handleInputEventDispatching()}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&Tn.includes(e)&&("digits"===e&&this.renderInputs(),"loading"===e&&this.handleLoadingState("true"===r))}get pattern(){return`^$|^\\d{${this.digits},}$`}}),customElements.define(Ln,_n);const $n=qe("password"),{host:Hn,inputField:qn,inputElement:Yn,inputElementPlaceholder:Un,revealButtonContainer:Gn,revealButtonIcon:Zn,label:Qn,requiredIndicator:Jn,errorMessage:Kn,helperText:Xn}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"> input"},inputElementPlaceholder:{selector:()=>":host input:placeholder-shown"},revealButtonContainer:{selector:"::part(reveal-button)"},revealButtonIcon:{selector:"::part(reveal-button)::before"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},es=Be(Nt({mappings:{hostWidth:{...Hn,property:"width"},hostMinWidth:{...Hn,property:"min-width"},hostDirection:{...Hn,property:"direction"},fontSize:[{},Hn],fontFamily:[Qn,qn,Kn,Xn],inputHeight:{...qn,property:"height"},inputHorizontalPadding:[{...Yn,property:"padding-left"},{...Yn,property:"padding-right"}],inputBackgroundColor:{...qn,property:"background-color"},inputBorderStyle:{...qn,property:"border-style"},inputBorderWidth:{...qn,property:"border-width"},inputBorderColor:{...qn,property:"border-color"},inputBorderRadius:{...qn,property:"border-radius"},inputOutlineColor:{...qn,property:"outline-color"},inputOutlineStyle:{...qn,property:"outline-style"},inputOutlineOffset:{...qn,property:"outline-offset"},inputOutlineWidth:{...qn,property:"outline-width"},labelFontSize:{...Qn,property:"font-size"},labelFontWeight:{...Qn,property:"font-weight"},labelTextColor:[{...Qn,property:"color"},{...Qn,property:"-webkit-text-fill-color"},{...Jn,property:"color"},{...Jn,property:"-webkit-text-fill-color"}],labelRequiredIndicator:{...Jn,property:"content"},errorMessageTextColor:{...Kn,property:"color"},errorMessageIcon:{...Kn,property:"background-image"},errorMessageIconSize:{...Kn,property:"background-size"},errorMessageIconPadding:{...Kn,property:"padding-inline-start"},errorMessageIconRepeat:{...Kn,property:"background-repeat"},errorMessageIconPosition:{...Kn,property:"background-position"},errorMessageFontSize:{...Kn,property:"font-size"},inputPlaceholderTextColor:[{...Un,property:"color"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"color"}],inputValueTextColor:[{...Yn,property:"color"},{selector:()=>":host ::slotted(input)",property:"color"}],revealButtonOffset:[{...Gn,property:"margin-right"},{...Gn,property:"margin-left"}],revealButtonSize:{...Gn,property:"font-size"},revealButtonColor:{...Zn,property:"color"},labelPosition:{...Qn,property:"position"},labelTopPosition:{...Qn,property:"top"},labelHorizontalPosition:[{...Qn,property:"left"},{...Qn,property:"right"}],inputTransformY:{...Qn,property:"transform"},inputTransition:{...Qn,property:"transition"},marginInlineStart:{...Qn,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...Yn,property:"opacity"}],inputVerticalAlignment:{...qn,property:"align-items"},valueInputHeight:{...Yn,property:"height"}}}),Dt,Xt({inputType:"password",inputName:"password",includeAttrs:["disabled","readonly","pattern","type","autocomplete"],noBlurDispatch:!0}),Gt({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Vt,e=>class extends e{get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}init(){super.init?.();const e=this.querySelector("input");e?.addEventListener("mousedown",t=>{if(this.isDraggable&&this.isReadOnly){e.setAttribute("inert","true");const r=t.target,o=r.getAttribute("type");r.setAttribute("type","text"),setTimeout(()=>{r.focus()});const i=t=>{r.setAttribute("type",o),e.removeAttribute("inert"),this.removeEventListener("mouseup",i),this.removeEventListener("dragend",i)};this.addEventListener("dragend",i,{once:!0}),this.addEventListener("mouseup",i,{once:!0})}})}},e=>class extends e{static get observedAttributes(){return["manual-visibility-toggle"]}get manualToggleVisibility(){return"true"===this.getAttribute("manual-visibility-toggle")}init(){super.init?.(),this.handleCaretOnVisibilityChange(),this.origSetPasswordVisible=this.baseElement._setPasswordVisible,this.origSetFocused=this.baseElement._setFocused,this.baseElement._setFocused=this.setFocus.bind(this),this.initExternalInput()}initExternalInput(){const e=this.createExternalInput();e&&this.handlePasswordVisibility(e)}get caretPosition(){return this.value?.length||0}handleCaretOnVisibilityChange(){const e=this.baseElement._togglePasswordVisibility.bind(this.baseElement);this.baseElement._togglePasswordVisibility=()=>{setTimeout(()=>(e(),this.inputElement.setSelectionRange(this.caretPosition,this.caretPosition),!1))}}setFocus(e){this.manualToggleVisibility&&(this.baseElement._setPasswordVisible=()=>{}),this.origSetFocused.call(this.baseElement,e),this.baseElement._setPasswordVisible=this.origSetPasswordVisible.bind(this.baseElement)}resetPasswordVisibilityToggle(){this.baseElement._setPasswordVisible=this.origSetPasswordVisible,this.baseElement._setFocused=this.origSetFocus}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r)}handlePasswordVisibility(e){const t=this.baseElement.__boundRevealButtonMouseDown;this.baseElement.querySelector("vaadin-password-field-button").removeEventListener("mousedown",t),this.baseElement._passwordVisibleChanged=()=>{},this.baseElement._togglePasswordVisibility=()=>{"password"===e.getAttribute("type")?this.showPasswordVisibility(e):this.hidePasswordVisibility(e)}}showPasswordVisibility(e){e.setAttribute("type","text"),this.setAttribute("password-visible","true")}hidePasswordVisibility(e){e.setAttribute("type","password"),this.setAttribute("password-visible","false")}})(Wt({slots:["","suffix"],wrappedEleName:"vaadin-password-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: 10em;\n box-sizing: border-box;\n position: relative;\n\t\t\t}\n\t\t\t${at(es.cssVarList)}\n\t\t\t${ct("vaadin-password-field")}\n ${mt("vaadin-password-field")}\n\n\t\t\tvaadin-password-field {\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n -webkit-mask-image: none;\n\t\t\t\tbox-sizing: border-box;\n opacity: 1;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field) {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n :host ::slotted(input) {\n\t\t\t\tmin-height: 0;\n }\n :host([readonly]) ::slotted(input:placeholder-shown) {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field::before {\n\t\t\t\theight: initial;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field)::after {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field-button {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t:host([readonly]) vaadin-password-field-button {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t\tvaadin-password-field-button[focus-ring] {\n\t\t\t\tbox-shadow: 0 0 0 2px var(${es.cssVarList.inputOutlineColor});\n\t\t\t}\n\n \n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n \n\n ::part(reveal-button) {\n align-self: center;\n }\n\n vaadin-password-field[external-input="true"] > input:not(:placeholder-shown) {\n opacity: 0;\n }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:$n}));customElements.define($n,es);const ts=qe("text-area"),{host:rs,label:os,placeholder:is,inputField:ns,textArea:ss,requiredIndicator:as,helperText:ls,errorMessage:ds}={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)"}},cs=Be(Nt({mappings:{hostWidth:{...rs,property:"width"},hostMinWidth:{...rs,property:"min-width"},hostDirection:{...rs,property:"direction"},fontSize:[rs,ss],fontFamily:[os,ns,ls,ds],labelTextColor:[{...os,property:"color"},{...os,property:"-webkit-text-fill-color"},{...as,property:"color"}],labelRequiredIndicator:{...as,property:"content"},errorMessageTextColor:{...ds,property:"color"},errorMessageIcon:{...ds,property:"background-image"},errorMessageIconSize:{...ds,property:"background-size"},errorMessageIconPadding:{...ds,property:"padding-inline-start"},errorMessageIconRepeat:{...ds,property:"background-repeat"},errorMessageIconPosition:{...ds,property:"background-position"},errorMessageFontSize:{...ds,property:"font-size"},inputBackgroundColor:{...ns,property:"background-color"},inputValueTextColor:{...ss,property:"color"},inputPlaceholderTextColor:{...is,property:"color"},inputBorderWidth:{...ns,property:"border-width"},inputBorderStyle:{...ns,property:"border-style"},inputBorderColor:{...ns,property:"border-color"},inputBorderRadius:{...ns,property:"border-radius"},inputOutlineStyle:{...ns,property:"outline-Style"},inputOutlineColor:{...ns,property:"outline-color"},inputOutlineOffset:{...ns,property:"outline-offset"},inputOutlineWidth:{...ns,property:"outline-width"},inputResizeType:{...ss,property:"resize"},inputMinHeight:{...ss,property:"min-height"},inputTextAlign:{...ss,property:"text-align"}}}),Dt,Gt({proxyProps:["value","selectionStart"]}),Vt)(Wt({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 ${mt("vaadin-text-area")}\n\t\t\t${at(cs.cssVarList)}\n\t\t\t${lt("vaadin-text-area")}\n\t\t\t${dt("vaadin-text-area")}\n\t\t\t${pt("vaadin-text-area","textarea")}\n\t\t\t${ct("vaadin-text-area")}\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:ts}));customElements.define(ts,cs);var ps=[{name:"United States",dialCode:"+1",code:"US"},...[{name:"Afghanistan",dialCode:"+93",code:"AF"},{name:"Aland Islands",dialCode:"+358",code:"AX"},{name:"Albania",dialCode:"+355",code:"AL"},{name:"Algeria",dialCode:"+213",code:"DZ"},{name:"AmericanSamoa",dialCode:"+1684",code:"AS"},{name:"Andorra",dialCode:"+376",code:"AD"},{name:"Angola",dialCode:"+244",code:"AO"},{name:"Anguilla",dialCode:"+1264",code:"AI"},{name:"Antarctica",dialCode:"+672",code:"AQ"},{name:"Antigua and Barbuda",dialCode:"+1268",code:"AG"},{name:"Argentina",dialCode:"+54",code:"AR"},{name:"Armenia",dialCode:"+374",code:"AM"},{name:"Aruba",dialCode:"+297",code:"AW"},{name:"Australia",dialCode:"+61",code:"AU"},{name:"Austria",dialCode:"+43",code:"AT"},{name:"Azerbaijan",dialCode:"+994",code:"AZ"},{name:"Bahamas",dialCode:"+1242",code:"BS"},{name:"Bahrain",dialCode:"+973",code:"BH"},{name:"Bangladesh",dialCode:"+880",code:"BD"},{name:"Barbados",dialCode:"+1246",code:"BB"},{name:"Belarus",dialCode:"+375",code:"BY"},{name:"Belgium",dialCode:"+32",code:"BE"},{name:"Belize",dialCode:"+501",code:"BZ"},{name:"Benin",dialCode:"+229",code:"BJ"},{name:"Bermuda",dialCode:"+1441",code:"BM"},{name:"Bhutan",dialCode:"+975",code:"BT"},{name:"Bolivia, Plurinational State of",dialCode:"+591",code:"BO"},{name:"Bosnia and Herzegovina",dialCode:"+387",code:"BA"},{name:"Botswana",dialCode:"+267",code:"BW"},{name:"Brazil",dialCode:"+55",code:"BR"},{name:"British Indian Ocean Territory",dialCode:"+246",code:"IO"},{name:"Brunei Darussalam",dialCode:"+673",code:"BN"},{name:"Bulgaria",dialCode:"+359",code:"BG"},{name:"Burkina Faso",dialCode:"+226",code:"BF"},{name:"Burundi",dialCode:"+257",code:"BI"},{name:"Cambodia",dialCode:"+855",code:"KH"},{name:"Cameroon",dialCode:"+237",code:"CM"},{name:"Canada",dialCode:"+1",code:"CA"},{name:"Cape Verde",dialCode:"+238",code:"CV"},{name:"Cayman Islands",dialCode:"+345",code:"KY"},{name:"Central African Republic",dialCode:"+236",code:"CF"},{name:"Chad",dialCode:"+235",code:"TD"},{name:"Chile",dialCode:"+56",code:"CL"},{name:"China",dialCode:"+86",code:"CN"},{name:"Christmas Island",dialCode:"+61",code:"CX"},{name:"Cocos (Keeling) Islands",dialCode:"+61",code:"CC"},{name:"Colombia",dialCode:"+57",code:"CO"},{name:"Comoros",dialCode:"+269",code:"KM"},{name:"Congo",dialCode:"+242",code:"CG"},{name:"Congo, The Democratic Republic of the Congo",dialCode:"+243",code:"CD"},{name:"Cook Islands",dialCode:"+682",code:"CK"},{name:"Costa Rica",dialCode:"+506",code:"CR"},{name:"Cote d'Ivoire",dialCode:"+225",code:"CI"},{name:"Croatia",dialCode:"+385",code:"HR"},{name:"Cuba",dialCode:"+53",code:"CU"},{name:"Cyprus",dialCode:"+357",code:"CY"},{name:"Czech Republic",dialCode:"+420",code:"CZ"},{name:"Denmark",dialCode:"+45",code:"DK"},{name:"Djibouti",dialCode:"+253",code:"DJ"},{name:"Dominica",dialCode:"+1767",code:"DM"},{name:"Dominican Republic",dialCode:"+1849",code:"DO"},{name:"Ecuador",dialCode:"+593",code:"EC"},{name:"Egypt",dialCode:"+20",code:"EG"},{name:"El Salvador",dialCode:"+503",code:"SV"},{name:"Equatorial Guinea",dialCode:"+240",code:"GQ"},{name:"Eritrea",dialCode:"+291",code:"ER"},{name:"Estonia",dialCode:"+372",code:"EE"},{name:"Ethiopia",dialCode:"+251",code:"ET"},{name:"Falkland Islands (Malvinas)",dialCode:"+500",code:"FK"},{name:"Faroe Islands",dialCode:"+298",code:"FO"},{name:"Fiji",dialCode:"+679",code:"FJ"},{name:"Finland",dialCode:"+358",code:"FI"},{name:"France",dialCode:"+33",code:"FR"},{name:"French Guiana",dialCode:"+594",code:"GF"},{name:"French Polynesia",dialCode:"+689",code:"PF"},{name:"Gabon",dialCode:"+241",code:"GA"},{name:"Gambia",dialCode:"+220",code:"GM"},{name:"Georgia",dialCode:"+995",code:"GE"},{name:"Germany",dialCode:"+49",code:"DE"},{name:"Ghana",dialCode:"+233",code:"GH"},{name:"Gibraltar",dialCode:"+350",code:"GI"},{name:"Greece",dialCode:"+30",code:"GR"},{name:"Greenland",dialCode:"+299",code:"GL"},{name:"Grenada",dialCode:"+1473",code:"GD"},{name:"Guadeloupe",dialCode:"+590",code:"GP"},{name:"Guam",dialCode:"+1671",code:"GU"},{name:"Guatemala",dialCode:"+502",code:"GT"},{name:"Guernsey",dialCode:"+44",code:"GG"},{name:"Guinea",dialCode:"+224",code:"GN"},{name:"Guinea-Bissau",dialCode:"+245",code:"GW"},{name:"Guyana",dialCode:"+592",code:"GY"},{name:"Haiti",dialCode:"+509",code:"HT"},{name:"Holy See (Vatican City State)",dialCode:"+379",code:"VA"},{name:"Honduras",dialCode:"+504",code:"HN"},{name:"Hong Kong",dialCode:"+852",code:"HK"},{name:"Hungary",dialCode:"+36",code:"HU"},{name:"Iceland",dialCode:"+354",code:"IS"},{name:"India",dialCode:"+91",code:"IN"},{name:"Indonesia",dialCode:"+62",code:"ID"},{name:"Iran, Islamic Republic of Persian Gulf",dialCode:"+98",code:"IR"},{name:"Iraq",dialCode:"+964",code:"IQ"},{name:"Ireland",dialCode:"+353",code:"IE"},{name:"Isle of Man",dialCode:"+44",code:"IM"},{name:"Israel",dialCode:"+972",code:"IL"},{name:"Italy",dialCode:"+39",code:"IT"},{name:"Jamaica",dialCode:"+1876",code:"JM"},{name:"Japan",dialCode:"+81",code:"JP"},{name:"Jersey",dialCode:"+44",code:"JE"},{name:"Jordan",dialCode:"+962",code:"JO"},{name:"Kazakhstan",dialCode:"+77",code:"KZ"},{name:"Kenya",dialCode:"+254",code:"KE"},{name:"Kiribati",dialCode:"+686",code:"KI"},{name:"Korea, Democratic People's Republic of Korea",dialCode:"+850",code:"KP"},{name:"Korea, Republic of South Korea",dialCode:"+82",code:"KR"},{name:"Kuwait",dialCode:"+965",code:"KW"},{name:"Kyrgyzstan",dialCode:"+996",code:"KG"},{name:"Laos",dialCode:"+856",code:"LA"},{name:"Latvia",dialCode:"+371",code:"LV"},{name:"Lebanon",dialCode:"+961",code:"LB"},{name:"Lesotho",dialCode:"+266",code:"LS"},{name:"Liberia",dialCode:"+231",code:"LR"},{name:"Libyan Arab Jamahiriya",dialCode:"+218",code:"LY"},{name:"Liechtenstein",dialCode:"+423",code:"LI"},{name:"Lithuania",dialCode:"+370",code:"LT"},{name:"Luxembourg",dialCode:"+352",code:"LU"},{name:"Macao",dialCode:"+853",code:"MO"},{name:"Macedonia",dialCode:"+389",code:"MK"},{name:"Madagascar",dialCode:"+261",code:"MG"},{name:"Malawi",dialCode:"+265",code:"MW"},{name:"Malaysia",dialCode:"+60",code:"MY"},{name:"Maldives",dialCode:"+960",code:"MV"},{name:"Mali",dialCode:"+223",code:"ML"},{name:"Malta",dialCode:"+356",code:"MT"},{name:"Marshall Islands",dialCode:"+692",code:"MH"},{name:"Martinique",dialCode:"+596",code:"MQ"},{name:"Mauritania",dialCode:"+222",code:"MR"},{name:"Mauritius",dialCode:"+230",code:"MU"},{name:"Mayotte",dialCode:"+262",code:"YT"},{name:"Mexico",dialCode:"+52",code:"MX"},{name:"Micronesia, Federated States of Micronesia",dialCode:"+691",code:"FM"},{name:"Moldova",dialCode:"+373",code:"MD"},{name:"Monaco",dialCode:"+377",code:"MC"},{name:"Mongolia",dialCode:"+976",code:"MN"},{name:"Montenegro",dialCode:"+382",code:"ME"},{name:"Montserrat",dialCode:"+1664",code:"MS"},{name:"Morocco",dialCode:"+212",code:"MA"},{name:"Mozambique",dialCode:"+258",code:"MZ"},{name:"Myanmar",dialCode:"+95",code:"MM"},{name:"Namibia",dialCode:"+264",code:"NA"},{name:"Nauru",dialCode:"+674",code:"NR"},{name:"Nepal",dialCode:"+977",code:"NP"},{name:"Netherlands",dialCode:"+31",code:"NL"},{name:"Netherlands Antilles",dialCode:"+599",code:"AN"},{name:"New Caledonia",dialCode:"+687",code:"NC"},{name:"New Zealand",dialCode:"+64",code:"NZ"},{name:"Nicaragua",dialCode:"+505",code:"NI"},{name:"Niger",dialCode:"+227",code:"NE"},{name:"Nigeria",dialCode:"+234",code:"NG"},{name:"Niue",dialCode:"+683",code:"NU"},{name:"Norfolk Island",dialCode:"+672",code:"NF"},{name:"Northern Mariana Islands",dialCode:"+1670",code:"MP"},{name:"Norway",dialCode:"+47",code:"NO"},{name:"Oman",dialCode:"+968",code:"OM"},{name:"Pakistan",dialCode:"+92",code:"PK"},{name:"Palau",dialCode:"+680",code:"PW"},{name:"Palestinian Territory, Occupied",dialCode:"+970",code:"PS"},{name:"Panama",dialCode:"+507",code:"PA"},{name:"Papua New Guinea",dialCode:"+675",code:"PG"},{name:"Paraguay",dialCode:"+595",code:"PY"},{name:"Peru",dialCode:"+51",code:"PE"},{name:"Philippines",dialCode:"+63",code:"PH"},{name:"Pitcairn",dialCode:"+872",code:"PN"},{name:"Poland",dialCode:"+48",code:"PL"},{name:"Portugal",dialCode:"+351",code:"PT"},{name:"Qatar",dialCode:"+974",code:"QA"},{name:"Romania",dialCode:"+40",code:"RO"},{name:"Russia",dialCode:"+7",code:"RU"},{name:"Rwanda",dialCode:"+250",code:"RW"},{name:"Reunion",dialCode:"+262",code:"RE"},{name:"Saint Barthelemy",dialCode:"+590",code:"BL"},{name:"Saint Helena, Ascension and Tristan Da Cunha",dialCode:"+290",code:"SH"},{name:"Saint Kitts and Nevis",dialCode:"+1869",code:"KN"},{name:"Saint Lucia",dialCode:"+1758",code:"LC"},{name:"Saint Martin",dialCode:"+590",code:"MF"},{name:"Saint Pierre and Miquelon",dialCode:"+508",code:"PM"},{name:"Saint Vincent and the Grenadines",dialCode:"+1784",code:"VC"},{name:"Samoa",dialCode:"+685",code:"WS"},{name:"San Marino",dialCode:"+378",code:"SM"},{name:"Sao Tome and Principe",dialCode:"+239",code:"ST"},{name:"Saudi Arabia",dialCode:"+966",code:"SA"},{name:"Senegal",dialCode:"+221",code:"SN"},{name:"Serbia",dialCode:"+381",code:"RS"},{name:"Seychelles",dialCode:"+248",code:"SC"},{name:"Sierra Leone",dialCode:"+232",code:"SL"},{name:"Singapore",dialCode:"+65",code:"SG"},{name:"Slovakia",dialCode:"+421",code:"SK"},{name:"Slovenia",dialCode:"+386",code:"SI"},{name:"Solomon Islands",dialCode:"+677",code:"SB"},{name:"Somalia",dialCode:"+252",code:"SO"},{name:"South Africa",dialCode:"+27",code:"ZA"},{name:"South Sudan",dialCode:"+211",code:"SS"},{name:"South Georgia and the South Sandwich Islands",dialCode:"+500",code:"GS"},{name:"Spain",dialCode:"+34",code:"ES"},{name:"Sri Lanka",dialCode:"+94",code:"LK"},{name:"Sudan",dialCode:"+249",code:"SD"},{name:"Suriname",dialCode:"+597",code:"SR"},{name:"Svalbard and Jan Mayen",dialCode:"+47",code:"SJ"},{name:"Swaziland",dialCode:"+268",code:"SZ"},{name:"Sweden",dialCode:"+46",code:"SE"},{name:"Switzerland",dialCode:"+41",code:"CH"},{name:"Syrian Arab Republic",dialCode:"+963",code:"SY"},{name:"Taiwan",dialCode:"+886",code:"TW"},{name:"Tajikistan",dialCode:"+992",code:"TJ"},{name:"Tanzania, United Republic of Tanzania",dialCode:"+255",code:"TZ"},{name:"Thailand",dialCode:"+66",code:"TH"},{name:"Timor-Leste",dialCode:"+670",code:"TL"},{name:"Togo",dialCode:"+228",code:"TG"},{name:"Tokelau",dialCode:"+690",code:"TK"},{name:"Tonga",dialCode:"+676",code:"TO"},{name:"Trinidad and Tobago",dialCode:"+1868",code:"TT"},{name:"Tunisia",dialCode:"+216",code:"TN"},{name:"Turkey",dialCode:"+90",code:"TR"},{name:"Turkmenistan",dialCode:"+993",code:"TM"},{name:"Turks and Caicos Islands",dialCode:"+1649",code:"TC"},{name:"Tuvalu",dialCode:"+688",code:"TV"},{name:"Uganda",dialCode:"+256",code:"UG"},{name:"Ukraine",dialCode:"+380",code:"UA"},{name:"United Arab Emirates",dialCode:"+971",code:"AE"},{name:"United Kingdom",dialCode:"+44",code:"GB"},{name:"Uruguay",dialCode:"+598",code:"UY"},{name:"Uzbekistan",dialCode:"+998",code:"UZ"},{name:"Vanuatu",dialCode:"+678",code:"VU"},{name:"Venezuela, Bolivarian Republic of Venezuela",dialCode:"+58",code:"VE"},{name:"Vietnam",dialCode:"+84",code:"VN"},{name:"Virgin Islands, British",dialCode:"+1284",code:"VG"},{name:"Virgin Islands, U.S.",dialCode:"+1340",code:"VI"},{name:"Wallis and Futuna",dialCode:"+681",code:"WF"},{name:"Yemen",dialCode:"+967",code:"YE"},{name:"Zambia",dialCode:"+260",code:"ZM"},{name:"Zimbabwe",dialCode:"+263",code:"ZW"}].sort((e,t)=>e.name<t.name?-1:1)];const us=({code:e,dialCode:t,name:r})=>`\n\t<div\n\t\tdata-id="${t}"\n\t\tdata-name="${e} ${t} ${r}"\n\t\tdata-country-code="${e}"\n\t>\n\t\t<div>\n\t\t\t<span>\n\t\t\t\t<img src="${(e=>`https://static.descope.com/npm/svg-country-flags@1.2.10/svg/${e.toLowerCase()}.svg`)(e)}" width="20"/>\n\t\t\t</span>\n\t\t\t<span>${r}</span>\n\t\t</div>\n\t\t<div>\n\t\t\t<span>${e}</span>\n\t\t\t<span>${t}</span>\n\t\t</div>\n\t</div>\n`,hs=qe("phone-field-internal"),ms=["disabled","size","bordered","readonly"],gs=["country-input-placeholder","default-code","restrict-countries"],bs=["phone-input-placeholder","maxlength","autocomplete","name"],ys=["label-type","country-input-label","label"],fs={"country-input-label":"label","country-input-placeholder":"placeholder","phone-input-placeholder":"placeholder"},vs=[].concat(ms,gs,bs,ys),xs=tr({componentName:hs,baseSelector:"div"});customElements.define(hs,class extends xs{static get observedAttributes(){return[].concat(xs.observedAttributes||[],vs)}#ue;constructor(){super(),this.innerHTML=`\n <div class="wrapper">\n <descope-combo-box\n item-label-path="data-name"\n item-value-path="data-id"\n >\n ${ps.map(e=>us(e)).join("")}\n </descope-combo-box>\n <div class="separator"></div>\n <descope-text-field type="tel"></descope-text-field>\n </div>\n `,this.comboBox=this.querySelector("descope-combo-box"),this.textField=this.querySelector("descope-text-field"),this.inputs=[this.comboBox,this.textField],Ue(this,this.comboBox,{includeAttrs:["label-type"]}),Ue(this,this.textField,{includeAttrs:["label-type","required"]}),this.comboBox.customValueTransformFn=e=>{const[,t]=e?.split?.(" ")||[];return t}}get countryCodeInputData(){return this.comboBox.items}get countryCodeValue(){return this.comboBox.shadowRoot.querySelector("input").value}get phoneNumberInputEle(){return this.textField.shadowRoot.querySelector("input")}get allowAlphanumericInput(){return"true"===this.getAttribute("allow-alphanumeric-input")}get defaultCode(){return this.getAttribute("default-code")}get selectionStart(){return this.textField.selectionStart}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get selectedCountryCode(){return this.comboBox?.selectedItem?.getAttribute("data-country-code")}get restrictCountries(){const e=this.getAttribute("restrict-countries");return e?.split(",").filter(Boolean)||[]}get isFormatValue(){return"true"===this.getAttribute("format-value")}get isStrictValidation(){return"true"===this.getAttribute("strict-validation")}get value(){return this.comboBox.value&&this.textField.value?this.allowAlphanumericInput?`${this.comboBox.value}-${this.textField.value}`:`${this.comboBox.value}-${this.textField.value.replace(/\D+/g,"")}`:""}#he(){this.comboBox.selectedItem=void 0,this.textField.value=""}set value(e){if(!e||!/\d/.test(e))return void this.#he();e.startsWith("+")||(e=`+${e}`);let t="",r="";if(e.includes("-")){const o=e.indexOf("-");t=e.slice(0,o),r=e.slice(o+1).replace(/\D+/g,"")}else{const o=(0,p.l)(e);o?.countryCallingCode&&(t=`+${o.countryCallingCode}`,r=e.slice(t.length).replace(/\D+/g,""))}if(!/\d/.test(t))return void this.#he();const o=ps.find(e=>e.dialCode===t)?.code;o&&o!==this.selectedCountryCode&&(this.comboBox.selectedItem=this.#me(o)),this.isFormatValue?this.textField.value=this.#ge(r):this.textField.value=r}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.inputs[1].focus()}),super.init?.(),this.#be()}getValidity(){const e=this.comboBox.value,t=this.textField.value,r=!e||!t,o=t&&t.length>=this.minLength;if(this.isRequired&&r)return{valueMissing:!0};if(this.value){if(!o)return{tooShort:!0};if(this.isStrictValidation&&!this.#ye())return{patternMismatch:!0}}return{}}setSelectionRange(...e){this.textField.setSelectionRange(...e)}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),t!==r){if("default-code"===e&&r&&!this.selectedCountryCode)this.#fe(r);else if(vs.includes(e)){const t=fs[e]||e;ms.includes(e)?r?this.inputs.forEach(e=>e.setAttribute(t,r)):this.inputs.forEach(e=>e.removeAttribute(t)):gs.includes(e)?this.comboBox.setAttribute(t,r):bs.includes(e)&&this.textField.setAttribute(t,r)}ys.includes(e)&&this.#ve(e,r),"restrict-countries"===e&&this.#xe(this.restrictCountries)}}#be(){this.textField.addEventListener("input",e=>{if(!this.allowAlphanumericInput){const t=/^\d$/,r=e.target.value.split("").filter(e=>t.test(e)).join("");e.target.value=r}}),this.handleFocusEventsDispatching(this.inputs),this.handleInputEventDispatching()}#ge(e=""){return this.#ue&&this.#ue.country===this.selectedCountryCode||(this.#ue=new u.Q(this.selectedCountryCode)),this.#ue.reset(),this.#ue.input(e)||e}#ye(){const e=(0,p.l)(this.value);return!!(e&&e.isValid?.()&&e.country&&this.#Ce(e.country))}#Ce(e){return!this.restrictCountries.length||this.restrictCountries.includes(e)}#me(e){return this.comboBox.items?.find(t=>t.getAttribute("data-country-code")===e)}#xe(e){const t=e.length?ps.filter(t=>e.includes(t.code)):ps;this.querySelector("descope-combo-box").innerHTML=t.map(e=>us(e)).join("")}#fe(e){if(!this.comboBox.value){const t=this.#me(e);t&&setTimeout(()=>{this.comboBox.selectedItem=t})}}#ve(e,t){const r=fs[e]||e;"label-type"===e?this.#we(t):"floating"===this.getAttribute("label-type")&&("country-input-label"===e?this.comboBox.setAttribute(r,t):"label"===e&&this.textField.setAttribute(r,t))}#we(e){"floating"===e?(this.comboBox.setAttribute("label",this.getAttribute("country-input-label")||""),this.comboBox.setAttribute("placeholder",this.getAttribute("country-input-placeholder")||""),this.textField.setAttribute("label",this.getAttribute("label")||""),this.textField.setAttribute("placeholder",this.getAttribute("phone-input-placeholder")||"")):this.inputs.forEach(e=>e.removeAttribute("label"))}});const Cs=Fi.cssVarList,ws=po.cssVarList,Is=qe("phone-field"),{host:Ms,label:Ss,requiredIndicator:As,inputField:Es,internalAfter:Ts,countryCodeInput:ks,phoneInput:zs,separator:Ls,errorMessage:Ns,helperText:Ds}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},inputField:{selector:"::part(input-field)"},internalAfter:{selector:"descope-phone-field-internal::after"},phoneInput:{selector:()=>"descope-text-field"},countryCodeInput:{selector:()=>"descope-combo-box"},separator:{selector:"descope-phone-field-internal .separator"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},Vs=Be(Nt({mappings:{fontSize:[Ms,Es,{selector:Fi.componentName,property:Fi.cssVarList.fontSize},{selector:po.componentName,property:po.cssVarList.fontSize}],fontFamily:[Ss,Ns,Ds,{...ks,property:po.cssVarList.overlay.fontFamily}],hostWidth:[{...Ms,property:"width"},{...zs,property:"width"},{...ks,property:"--vaadin-combo-box-overlay-width"}],hostDirection:{...Ms,property:"direction"},inputBorderStyle:[{...Ts,property:"border-style"},{...Ls,property:"border-left-style"}],inputBorderWidth:[{...Ts,property:"border-width"},{...Ls,property:"border-left-width"}],inputBorderColor:[{...Ts,property:"border-color"},{...Ls,property:"border-left-color"}],inputBorderRadius:[{...Es,property:"border-radius"},{...Ts,property:"border-radius"}],countryCodeInputWidth:{...ks,property:ws.hostWidth},countryCodeDropdownWidth:{...ks,property:"--vaadin-combo-box-overlay-width"},phoneInputWidth:{...zs,property:"width"},horizontalPadding:[{...zs,property:"padding-left"},{...zs,property:"padding-right"},{...ks,property:"padding-left"},{...ks,property:"padding-right"}],labelTextColor:[{...Ss,property:"color"},{...Ss,property:"-webkit-text-fill-color"},{...As,property:"color"}],labelRequiredIndicator:{...As,property:"content"},errorMessageTextColor:{...Ns,property:"color"},errorMessageIcon:{...Ns,property:"background-image"},errorMessageIconSize:{...Ns,property:"background-size"},errorMessageIconPadding:{...Ns,property:"padding-inline-start"},errorMessageIconRepeat:{...Ns,property:"background-repeat"},errorMessageIconPosition:{...Ns,property:"background-position"},errorMessageFontSize:{...Ns,property:"font-size"},inputValueTextColor:[{...zs,property:Cs.inputValueTextColor},{...ks,property:ws.inputValueTextColor}],inputPlaceholderTextColor:{...zs,property:Cs.inputPlaceholderColor},overlayItemBackgroundColor:{selector:"descope-combo-box",property:ws.overlayItemBackgroundColor},inputOutlineStyle:{...Es,property:"outline-style"},inputOutlineColor:{...Es,property:"outline-color"},inputOutlineWidth:{...Es,property:"outline-width"},inputOutlineOffset:{...Es,property:"outline-offset"},valueInputHeight:[{...ks,property:ws.valueInputHeight}],valueInputMarginBottom:[{...zs,property:Cs.valueInputMarginBottom}],marginInlineStart:[{...zs,property:Cs.marginInlineStart},{...ks,property:ws.marginInlineStart}]}}),Dt,er,Gt({proxyProps:["value","selectionStart"]}),e=>class extends e{static get CountryCodes(){return ps}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${hs}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${hs}>\n \t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(hs),Ue(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","bordered","minlength","maxlength","default-code","country-input-placeholder","phone-input-placeholder","disabled","restrict-countries","country-input-label","readonly","label","label-type","allow-alphanumeric-input","format-value","strict-validation"]})}get countryCodeItems(){return this.inputElement?.countryCodeValue}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}get countryCodeInputData(){return this.inputElement?.countryCodeInputData}get countryCodes(){return Array.from(this.inputElement.countryCodeInputData).map(e=>e.getAttribute("data-country-code"))}})(Wt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: 15em;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\t${at(Vs.cssVarList)}\n\t\t\t${ct("vaadin-text-field")}\n\t\t\t${ut("vaadin-text-field")}\n\t\t\t\n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n\n\n\t\t\tdiv {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n\t\t\tvaadin-text-field {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-text-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\t\t\tvaadin-text-field::part(label) {\n margin-left: 0;\n margin-right: 0;\n }\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tpadding: 0;\n\t\t\t\tbackground: transparent;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\tdescope-phone-field-internal {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n direction: ltr;\n position: relative;\n\t\t\t}\n descope-phone-field-internal::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n box-sizing: border-box;\n outline-offset: calc(var(${Vs.cssVarList.inputBorderWidth}) * -1);\n pointer-events: none;\n }\n\t\t\tdescope-phone-field-internal > div {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t}\n\t\t\tdescope-phone-field-internal .separator {\n\t\t\t\tflex: 0;\n\t\t\t\tborder: none;\n\t\t\t}\n\n\t\t\tdescope-combo-box {\n\t\t\t\tflex-shrink: 0;\n min-width: 5.75em;\n\t\t\t\t${ws.inputOutlineWidth}: 0;\n\t\t\t\t${ws.inputOutlineOffset}: 0;\n\t\t\t\t${ws.inputBorderWidth}: 0;\n\t\t\t\t${ws.inputBorderRadius}: 0;\n\t\t\t}\n\t\t\tdescope-text-field {\n\t\t\t\tflex-grow: 1;\n\t\t\t\t${Cs.inputOutlineWidth}: 0;\n\t\t\t\t${Cs.inputOutlineOffset}: 0;\n\t\t\t\t${Cs.inputBorderWidth}: 0;\n\t\t\t\t${Cs.inputBorderRadius}: 0;\n }\n\n :host([label-type="floating"]) vaadin-text-field::part(label) {\n display: none;\n }\n descope-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n descope-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n\n\t\t\tvaadin-text-field::part(input-field)::after {\n\t\t\t\tborder: none;\n\t\t\t}\n ${mt("vaadin-text-field")}\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:Is}));customElements.define(Is,Vs);const Ps=qe("phone-field-internal-input-box"),Rs=["disabled","size","readonly","phone-input-placeholder","name","maxlength","autocomplete","label-type"],Bs={"phone-input-placeholder":"placeholder"},Os=tr({componentName:Ps,baseSelector:"div"});customElements.define(Ps,class extends Os{static get observedAttributes(){return[].concat(Os.observedAttributes||[],Rs)}#ue;constructor(){super(),this.innerHTML='\n <div>\n <descope-text-field tabindex="1" type="tel" bordered="false"></descope-text-field>\n </div>\n ',this.textField=this.querySelector("descope-text-field")}get phoneNumberInputEle(){return this.textField.shadowRoot.querySelector("input")}get defaultDialCode(){return e=this.getAttribute("default-code"),ps.find(t=>t.code===e)?.dialCode;var e}get defaultCode(){return this.getAttribute("default-code")}get allowAlphanumericInput(){return"true"===this.getAttribute("allow-alphanumeric-input")}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get maxLength(){return parseInt(this.getAttribute("maxlength"),10)||50}get restrictCountries(){return this.getAttribute("restrict-countries")?.split(",").filter(Boolean)||[]}get isFormatValue(){return"true"===this.getAttribute("format-value")}get isStrictValidation(){return"true"===this.getAttribute("strict-validation")}get value(){if(!this.textField.value)return"";if(!this.isStrictValidation)return this.#Ie();const e=this.#Me();return e?.country&&e?.countryCallingCode&&e?.nationalNumber?`+${[e?.countryCallingCode,e?.nationalNumber].join("-")}`:this.textField.value}set value(e){this.textField.value=e}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.textField.focus()}),super.init?.(),this.textField.addEventListener("input",this.#Se.bind(this)),this.handleFocusEventsDispatching([this.textField]),L(this.textField,this,{includeAttrs:["has-value"]})}getValidity(){const e=/^\+?\d{1,4}-?(?:\d-?){1,15}$/,t=this.#Ae(this.textField.value||"");if(this.isRequired&&!this.textField.value)return{valueMissing:!0};if(this.textField.value){if(t.length<this.minLength)return{tooShort:!0};if(this.isStrictValidation&&this.textField.value&&!this.#ye()||!this.isStrictValidation&&this.textField.value&&!e.test(this.value))return{patternMismatch:!0}}return{}}setSelectionRange(...e){this.textField.setSelectionRange(...e)}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),t!==r&&Rs.includes(e)){const t=Bs[e]||e;this.textField.setAttribute(t,r)}}#Se(e){let t=this.#Ee(e.target.value);this.isFormatValue&&this.#Te(t)&&(t=this.#ke(t)),e.target.value=t}#Ie(){if(!this.defaultDialCode)return this.textField.value;const e=this.#ze(this.textField.value),t=this.#Ae(e);return[this.defaultDialCode,t].join("-")}#Me(){return this.defaultDialCode?(0,p.l)([this.defaultDialCode,this.#Ae(this.textField.value)].filter(Boolean).join("")):(0,p.l)(this.textField.value)}#Ae(e){return e.replace(/\D/g,"")}#ze(e){if("+"===this.textField.value?.[0]){const t=new RegExp(`^\\${this.defaultDialCode}`);return e.replace(t,"")}return e}#ye(){const e=(0,p.l)(this.value);return!(!e||!e.isValid?.()||!e.country||!this.#Ce(e.country)||this.defaultCode&&this.defaultCode!==e.country)}#Ce(e){return!this.restrictCountries.length||this.restrictCountries.includes(e)}#Ee(e){if(e=e.replace(/^-+/,"").replace(/(?!^)\+/g,"").replace("--","-").replace("+-","+"),!this.allowAlphanumericInput){const t=/^[+\d-\(\)]+$/;e=e.split("").filter(e=>t.test(e)).join("")}return e}#ke(e=""){const t=this.defaultCode||this.#Le(e);return t?(this.#ue&&this.#ue.country===t||(this.#ue=new u.Q(t)),this.#ue.reset(),this.#ue.input(e)||e):e}#Le(e){const t=(0,p.l)(e);return t?.country||""}#Te(e){return!!(e=>{const t=e.match(/\(/g),r=e.match(/\)/g);return t?.length===r?.length})(e)}});const js=Fi.cssVarList,Fs=qe("phone-input-box-field"),{host:Ws,label:_s,inputElement:$s,requiredIndicator:Hs,inputField:qs,internalComponent:Ys,internalComponentAfter:Us,phoneInput:Gs,errorMessage:Zs,helperText:Qs}={host:{selector:()=>":host"},label:{selector:"::part(label)"},inputElement:{selector:"input"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},inputField:{selector:()=>"vaadin-text-field::part(input-field)"},internalComponent:{selector:"descope-phone-field-internal-input-box"},internalComponentAfter:{selector:"descope-phone-field-internal-input-box::after"},phoneInput:{selector:()=>"descope-text-field"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},Js=Be(Nt({mappings:{fontSize:[Ws,qs,{selector:Fi.componentName,property:Fi.cssVarList.fontSize}],fontFamily:[_s,Zs,Qs],hostWidth:{...Ws,property:"width"},hostMinWidth:{...Ws,property:"min-width"},hostDirection:{...Ws,property:"direction"},inputHorizontalPadding:[{...Gs,property:"padding-left"},{...Gs,property:"padding-right"}],labelFontSize:{..._s,property:"font-size"},labelFontWeight:{..._s,property:"font-weight"},labelTextColor:[{..._s,property:"color"},{..._s,property:"-webkit-text-fill-color"},{...Hs,property:"color"}],labelRequiredIndicator:{...Hs,property:"content"},errorMessageTextColor:{...Zs,property:"color"},errorMessageIcon:{...Zs,property:"background-image"},errorMessageIconSize:{...Zs,property:"background-size"},errorMessageIconPadding:{...Zs,property:"padding-inline-start"},errorMessageIconRepeat:{...Zs,property:"background-repeat"},errorMessageIconPosition:{...Zs,property:"background-position"},errorMessageFontSize:{...Zs,property:"font-size"},inputValueTextColor:{...Gs,property:js.inputValueTextColor},inputPlaceholderTextColor:{...Gs,property:js.inputPlaceholderColor},inputBorderStyle:{...Us,property:"border-style"},inputBorderWidth:{...Us,property:"border-width"},inputBorderColor:{...Us,property:"border-color"},inputBorderRadius:[{...Ys,property:"border-radius"},{...Us,property:"border-radius"}],inputOutlineStyle:{...Ys,property:"outline-style"},inputOutlineColor:{...Ys,property:"outline-color"},inputOutlineWidth:{...Ys,property:"outline-width"},inputOutlineOffset:{...Ys,property:"outline-offset"},labelPosition:{..._s,property:"position"},labelTopPosition:{..._s,property:"top"},labelHorizontalPosition:[{..._s,property:"left"},{..._s,property:"right"}],inputTransformY:{..._s,property:"transform"},inputTransition:{..._s,property:"transition"},marginInlineStart:{..._s,property:"margin-inline-start"},valueInputHeight:{...$s,property:"height"},valueInputMarginBottom:{selector:Fi.componentName,property:js.valueInputMarginBottom}}}),Dt,er,Gt({proxyProps:["value","selectionStart"]}),e=>class extends e{static get CountryCodes(){return ps}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${Ps}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${Ps}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Ps),T(this,this.inputElement,{includeAttrs:["has-value"]}),Ue(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","minlength","maxlength","default-code","disabled","phone-input-placeholder","label","label-type","allow-alphanumeric-input","restrict-countries","format-value","strict-validation","data-errormessage-type-mismatch"]})}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}})(Wt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n :host {\n display: inline-flex;\n max-width: 100%;\n box-sizing: border-box;\n }\n ${at(Js.cssVarList)}\n ${ct("vaadin-text-field")}\n ${ut("vaadin-text-field")}\n \n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n\n\n vaadin-text-field {\n width: 100%;\n box-sizing: border-box;\n padding: 0;\n }\n vaadin-text-field[focus-ring]::part(input-field) {\n box-shadow: none;\n }\n vaadin-text-field::before {\n height: 0;\n }\n vaadin-text-field::part(input-field) {\n padding: 0;\n background: transparent;\n -webkit-mask-image: none;\n }\n descope-phone-field-internal-input-box {\n -webkit-mask-image: none;\n padding: 0;\n width: 100%;\n }\n descope-phone-field-internal-input-box > div {\n width: 100%;\n }\n descope-phone-field-internal-input-box descope-text-field {\n ${js.inputOutlineWidth}: 0;\n ${js.inputOutlineOffset}: 0;\n }\n descope-phone-field-internal-input-box::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n box-sizing: border-box;\n pointer-events: none;\n }\n descope-text-field {\n flex-grow: 1;\n width: 100%;\n direction: ltr;\n }\n vaadin-text-field[readonly] > input:placeholder-shown {\n opacity: 1;\n }\n vaadin-text-field::part(input-field)::after {\n border: none;\n }\n\n vaadin-text-field[label-type="floating"]:not([focused])[readonly] input:placeholder-shown {\n opacity: 0;\n }\n vaadin-text-field[label-type="floating"]:not([focused])[disabled] input:placeholder-shown {\n opacity: 0;\n }\n\n ${mt("vaadin-text-field")}\n \n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n \n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:Fs}));customElements.define(Fs,Js);const Ks=qe("new-password-internal"),Xs=(e,t)=>e.replace(/{{(\w+)+}}/g,(e,r)=>t?.[r]||e),ea=qe("policy-validation"),ta=["data","active-policies","overrides","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-actual-passwordstrength"],ra=["label","value",...ta];class oa extends(jt({componentName:ea,baseSelector:":host > div"})){#Ne;#De=[];#Ve;static get observedAttributes(){return ra}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div>\n <div class="label"></div>\n <ul></ul>\n </div>\n\t\t',N("\n :host > div {\n width: 100%;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n }\n .label {\n max-width: 100%;\n text-wrap: wrap;\n overflow-wrap: break-word;\n }\n .hide-label .label {\n display: none;\n }\n ul {\n display: flex;\n flex-direction: column;\n padding: 0;\n margin: 0;\n }\n ul, li {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n li::before {\n display: inline-block;\n width: 1em;\n text-align: center;\n }\n ",this),this.panel=this.shadowRoot.querySelector(":host > div"),this.label=this.shadowRoot.querySelector(".label"),this.list=this.shadowRoot.querySelector("ul")}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback?.(e,t,r),t!==r){if("label"===e&&this.updateLabel(r),ta.includes(e)){if("data"===e)try{this.availablePolicies=JSON.parse(r)}catch{console.error("Failed to set available policies")}if("active-policies"===e&&(this.#De=(r||"").split(",")),"data-password-policy-value-minlength"===e){const e=Number(r);!Number.isNaN(e)&&e>0&&(this.#Ve={...this.#Ve,minlength:{value:`${e}`}})}if("data-password-policy-value-passwordstrength"===e){const e=parseInt(r);!Number.isNaN(e)&&e>=0&&(this.#Ve={...this.#Ve,passwordstrength:{...this.#Ve?.passwordstrength,expected:e}})}if("data-password-policy-actual-passwordstrength"===e){const e=Number(r);!Number.isNaN(e)&&e>=0&&(this.#Ve={...this.#Ve,passwordstrength:{...this.#Ve?.passwordstrength,actual:e}})}}this.renderItems(this.#Ne,this.#De,this.#Ve)}}get availablePolicies(){return this.#Ne||[]}set availablePolicies(e){this.#Ne=e}get value(){return this.getAttribute("value")||""}getStrengthScore(){return this.value.length}compareValues(e,t,r){switch(e.toUpperCase()){case"GTE":return r>=t;case"GT":return r>t;case"LTE":return r<=t;case"LT":return r<t;case"EQ":return r===t;case"NEQ":return r!==t;default:throw new Error(`Invalid comparison type: ${e}`)}}validate(){let e=this.#Ne;return this.#Ve&&(e=this.#Ne.map(e=>{const t=this.#Ve[e.id];return t?{...e,data:t}:e})),this.#De.reduce((t,r)=>{const o=e.find(e=>e.id===r);if(!o)return t;const{pattern:i,message:n,data:s,compare:a}=o;if(!i&&!a||!n)return t;const l={message:Xs(n,s),id:r};if(i){const e=new RegExp(Xs(i,s));l.valid=e.test(this.value)}else a&&(l.valid=this.compareValues(a,s?.expected??-1,s?.actual??-1));return t.push(l),t},[])}get isValid(){return!this.validate().some(({valid:e})=>!1===e)}getValidationItemTemplate({valid:e,message:t}){return`\n <li class="item" data-valid="${this.value?e:"none"}">\n <span class="message">${t}</span>\n </li>\n `}renderItems(e,t){e&&t.length&&(this.list.innerHTML=this.validate().map(this.getValidationItemTemplate.bind(this)).join(""))}updateLabel(e){e?(this.label.textContent=e,this.classList.remove("hide-label")):(this.classList.add("hide-label"),this.label.textContent="")}}const{host:ia,item:na,symbolDefault:sa,symbolSuccess:aa,symbolError:la}={host:{selector:()=>":host > div"},item:{selector:()=>".item"},symbolDefault:{selector:()=>'.item[data-valid="none"]::before'},symbolSuccess:{selector:()=>'.item[data-valid="true"]::before'},symbolError:{selector:()=>'.item[data-valid="false"]::before'}},da=Be(Nt({componentNameOverride:qe("input-wrapper")}),Nt({mappings:{hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},padding:{},borderWidth:{...ia,property:"border-width"},borderStyle:{...ia,property:"border-style"},borderColor:{...ia,property:"border-color"},borderRadius:{...ia,property:"border-radius"},backgroundColor:{...ia,property:"background-color"},textColor:{property:"color"},labelMargin:{...ia,property:"gap"},itemsSpacing:{...na,property:"line-height"},itemSymbolSuccessColor:{...aa,property:"color"},itemSymbolErrorColor:{...la,property:"color"},itemSymbolDefault:{...sa,property:"content"},itemSymbolSuccess:{...aa,property:"content"},itemSymbolError:{...la,property:"content"}}}),Dt,Vt)(oa),ca=qe("new-password"),pa=da.cssVarList,{host:ua,label:ha,internalInputsWrapper:ma,errorMessage:ga,helperText:ba,passwordInput:ya,policyPreview:fa}={host:{selector:()=>":host"},label:{selector:"::part(label)"},internalInputsWrapper:{selector:"descope-new-password-internal .wrapper"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},passwordInput:{selector:"descope-password"},policyPreview:{selector:"descope-policy-validation"}},va=Be(Nt({mappings:{fontSize:[ua,{},{selector:es.componentName,property:es.cssVarList.fontSize}],fontFamily:[ha,ga,ba],labelFontSize:{...ha,property:"font-size"},labelFontWeight:{...ha,property:"font-weight"},labelTextColor:{...ha,property:"color"},errorMessageTextColor:{...ga,property:"color"},errorMessageIcon:{...ga,property:"background-image"},errorMessageIconSize:{...ga,property:"background-size"},errorMessageIconPadding:{...ga,property:"padding-inline-start"},errorMessageIconRepeat:{...ga,property:"background-repeat"},errorMessageIconPosition:{...ga,property:"background-position"},errorMessageFontSize:{...ga,property:"font-size"},hostWidth:{...ua,property:"width"},hostMinWidth:{...ua,property:"min-width"},hostDirection:[{...ua,property:"direction"},{...ya,property:es.cssVarList.hostDirection}],inputsRequiredIndicator:{...ua,property:"content"},spaceBetweenInputs:{...ma,property:"gap"},policyPreviewBackgroundColor:{...fa,property:pa.backgroundColor},policyPreviewPadding:{...fa,property:pa.padding},valueInputHeight:{...ya,property:es.cssVarList.valueInputHeight},valueInputMarginBottom:{...ya,property:es.cssVarList.valueInputMarginBottom}}}),Dt,Gt({proxyProps:["value","selectionStart"]}),e=>class extends e{init(){super.init?.();const e=document.createElement("template"),t=this.getAttribute("external-input");e.innerHTML=`\n\t\t\t<${Ks}\n\t\t\t\tname="new-password"\n\t\t\t\ttabindex="-1"\n\t\t\t\tslot="input"\n external-input="${t}"\n\t\t\t>\n </${Ks}>\n\t\t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Ks),"true"===this.getAttribute("external-input")&&this.initExternalInput(),Ue(this,this.inputElement,{includeAttrs:["password-label","password-placeholder","confirm-label","confirm-placeholder","full-width","size","bordered","label","has-confirm","invalid","readonly","disabled","draggable","has-validation","policy-label","active-policies","available-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","label-type","manual-visibility-toggle"]})}createSlottedExternalInput(e,t){const r=e.querySelector("input"),o=document.createElement("slot"),i=r.getAttribute("slot");o.setAttribute("name",t),o.setAttribute("slot",i),e.appendChild(o),r.setAttribute("slot",t),r.setAttribute("name",this.getAttribute("name")),r.setAttribute("data-hidden-input","true"),this.appendChild(r)}initExternalInput(){this.passwordInput=this.inputElement.querySelector('[data-id="password"]'),this.confirmInput=this.inputElement.querySelector('[data-id="confirm"]'),this.createSlottedExternalInput(this.passwordInput,"external-password-input"),this.createSlottedExternalInput(this.confirmInput,"external-confirm-input")}})(Wt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-block;\n\t\t\tmax-width: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n :host ::part(error-message) {\n direction: ltr;\n }\n\t\t${at(es.cssVarList)}\n\t\tvaadin-text-field {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\t\tvaadin-text-field::part(input-field) {\n\t\t\tmin-height: 0;\n\t\t\tbackground: transparent;\n\t\t\tbox-shadow: none;\n\t\t\tpadding: 0;\n\t\t}\n\t\tvaadin-text-field::part(input-field)::after {\n\t\t\tbackground: transparent;\n\t\t\topacity: 0;\n\t\t}\n\t\tdescope-new-password-internal {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t}\n\t\tdescope-new-password-internal > .wrapper {\n -webkit-mask-image: none;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\t\tdescope-password {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t}\n\t\tdescope-new-password-internal vaadin-password-field::before {\n\t\t\theight: initial;\n\t\t}\n descope-policy-validation {\n margin-top: 8px;\n display: flex;\n }\n .hidden {\n display: none;\n }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:ca}));customElements.define(ea,da);const xa=/^password-/,Ca=/^confirm-/,wa=(e,t)=>e.replace(t,""),Ia=["password-label","password-placeholder"],Ma=["confirm-label","confirm-placeholder"],Sa=["has-validation","policy-label","available-policies","active-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","manual-visibility-toggle"],Aa=["has-confirm","disabled","bordered","size","full-width","maxlength","invalid","readonly","draggable","autocomplete","label-type","manual-visibility-toggle"],Ea=[].concat(Aa,Ia,Ma,Sa),Ta=tr({componentName:Ks,baseSelector:"div"});customElements.define(Ks,class extends Ta{static get observedAttributes(){return[].concat(Ta.observedAttributes||[],Ea)}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper"></div>\n\t\t',this.wrapperEle=this.querySelector(".wrapper")}get value(){return this.passwordInput?.value||""}set value(e){e!==this.value&&(this.passwordInput.value=e)}get hasConfirm(){return"true"===this.getAttribute("has-confirm")}onHasConfirmChange(e){this.confirmInput.classList.toggle("hidden",!e)}onHasValidationChange(e){this.policyPanel.classList.toggle("hidden",!e)}get hasValidation(){return"true"===this.getAttribute("has-validation")}getValidity(){if(this.isRequired&&!this.value)return{valueMissing:!0};if(this.value&&!this.policyPanel.isValid)return{typeMismatch:!0};if(this.hasConfirm&&this.confirmInput&&this.value!==this.confirmInput.value)return{patternMismatch:!0};const e=this.getAttribute("minlength"),t=parseInt(e,10)||0;return this.value.length>=t?{}:{tooShort:!0}}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.passwordInput.focus()}),super.init?.(),this.renderInputs(this.hasConfirm,this.hasValidation)}renderInputs(){const e="true"===this.getAttribute("external-input"),t=`\n <div class="password-input-container">\n <descope-password\n autocomplete="new-password"\n manual-visibility-toggle="true"\n data-id="password"\n external-input="${e}"\n ></descope-password>\n <descope-policy-validation></descope-policy-validation>\n </div>\n <descope-password\n autocomplete="new-password"\n manual-visibility-toggle="true"\n external-input="${e}"\n data-id="confirm"\n ></descope-password>\n `;this.wrapperEle.innerHTML=t,this.passwordInput=this.querySelector('[data-id="password"]'),this.confirmInput=this.querySelector('[data-id="confirm"]'),this.policyPanel=this.querySelector("descope-policy-validation"),this.passwordStrength=this.querySelector("descope-password-strength"),this.inputs=[this.passwordInput,this.confirmInput],this.initInputs(),this.passwordInput.addEventListener("input",e=>{this.passwordStrength?.addEventListener("score-changed",({detail:e})=>{this.policyPanel.setAttribute("data-password-policy-actual-passwordstrength",e)},{once:!0}),this.passwordStrength?.setAttribute("value",e.target.value),this.policyPanel.setAttribute("value",e.target.value)}),Ue(this,this.policyPanel,{includeAttrs:Sa,mapAttrs:{"policy-label":"label","available-policies":"data"}})}handleIndicatorStyle(){this.inputs.forEach(e=>{N(`\n\t\t\t\t:host ::part(required-indicator)::after {\n\t\t\t\t\tcontent: var(${va.cssVarList.inputsRequiredIndicator});\n width: 1em;\n text-align: center;\n\t\t\t\t}\n :host ::part(required-indicator) {\n display: inline-flex;\n }\n\t\t\t\t`,e)})}get isInvalid(){return this.hasAttribute("invalid")&&"false"!==this.getAttribute("invalid")}handleInputsInvalidAttribute(){this.inputs.forEach(e=>{e&&We(e,t=>{if(t.includes("invalid")){const t=e.getAttribute("invalid"),r=this.getAttribute("invalid");this.isInvalid&&r!==t&&e.setAttribute("invalid","true")}},{})})}initInputs(){this.handleIndicatorStyle(),this.handleInputsInvalidAttribute(),this.handleFocusEventsDispatching(this.inputs)}async togglePasswordStrength(){this.activePolicies.includes("passwordstrength")?this.passwordStrength||(await Promise.resolve().then(function(){return Av}),this.passwordStrength=document.createElement("descope-password-strength"),this.passwordStrength.setAttribute("options","Very weak,Weak,Average,Strong,Very strong"),this.passwordStrength.setAttribute("value",this.passwordInput.value||""),this.passwordStrength.setAttribute("st-host-direction",this.getAttribute("st-host-direction")),this.passwordStrength.setAttribute("full-width","true"),this.querySelector(".password-input-container").insertBefore(this.passwordStrength,this.policyPanel)):this.passwordStrength&&(this.passwordStrength.remove(),this.passwordStrength=null)}get activePolicies(){return(this.getAttribute("active-policies")||"").split(",")}toggleBooleanAttribute(e,t,r){null===r?e?.removeAttribute(t):e?.setAttribute(t,r)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("has-validation"===e?this.onHasValidationChange("true"===r):"has-confirm"===e?this.onHasConfirmChange("true"===r):Aa.includes(e)?this.inputs.forEach(t=>this.toggleBooleanAttribute(t,e,r)):Ia.includes(e)?this.toggleBooleanAttribute(this.passwordInput,wa(e,xa),r):Ma.includes(e)&&this.toggleBooleanAttribute(this.confirmInput,wa(e,Ca),r),"active-policies"===e&&this.togglePasswordStrength())}}),customElements.define(ca,va);const ka=qe("recaptcha"),za=["enabled","site-key","action","enterprise"],La=jt({componentName:ka,baseSelector:":host > div"}),Na=Be(Dt)(class extends La{static get observedAttributes(){return za.concat(La.observedAttributes||[])}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&"enabled"===e&&this.#Pe("true"===r)}renderRecaptcha(e){this.children.length?this.updatePreview():this.toggleRecaptchaEles(e)}toggleRecaptchaEles(e){e?(this.recaptchaEle.style.display="",this.mockRecaptchaEle.style.display="none"):(this.recaptchaEle.style.display="none",this.mockRecaptchaEle.style.display="")}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="badge">\n <span id="recaptcha"></span>\n <img src="https://imgs.descope.com/connectors/templates/recaptcha/recaptcha-big.png" alt="recaptcha"/>\n </div>\n <slot></slot>\n\t',N('\n :host {\n display: inline-flex;\n }\n :host > div:not(.hidden) {\n display: flex;\n }\n :host #recaptcha .grecaptcha-badge {\n box-shadow: none !important;\n }\n :host #recaptcha .grecaptcha-logo {\n height: 100%;\n }\n :host #recaptcha {\n\t\t\t\twidth: 100%;\n height: 100%;\n\t\t\t}\n :host img {\n width: 256px;\n }\n :host([full-width="true"]) {\n width: 100%;\n }\n .hidden {\n display: none;\n }\n ',this),this.recaptchaEle=this.baseElement.querySelector("#recaptcha"),this.mockRecaptchaEle=this.baseElement.querySelector("img"),this.badge=this.shadowRoot.querySelector(".badge")}init(){super.init?.(),_e(this,this.updatePreview.bind(this))}updatePreview(){this.children.length?(this.recaptchaEle.style.display="none",this.mockRecaptchaEle.style.display="none",this.badge.classList.add("hidden")):(this.toggleRecaptchaEles(this.enabled),this.badge.classList.remove("hidden"))}get enterprise(){return"true"===this.getAttribute("enterprise")}get siteKey(){return this.getAttribute("site-key")}get action(){return this.getAttribute("action")||"load"}get enabled(){return"true"===this.getAttribute("enabled")}get scriptURL(){const e=new URL("https://www.google.com/recaptcha/");return e.pathname+=(this.enterprise?"enterprise":"api")+".js",e.searchParams.append("onload","onRecaptchaLoadCallback"),e.searchParams.append("render","explicit"),e.toString()}#Pe(e){this.renderRecaptcha(e),e&&(this.#Re(),document.getElementById("recaptcha-script")?window.onRecaptchaLoadCallback():this.#Be())}#Be(){const e=document.createElement("script");e.src=this.scriptURL,e.async=!0,e.id="recaptcha-script",e.defer=!0,document.body.appendChild(e)}get grecaptchaInstance(){return this.enterprise?window.grecaptcha?.enterprise:window.grecaptcha}#Oe(e,t,r){this.isConnected&&e.ready(()=>{const o=t.querySelector('textarea[name^="g-recaptcha-response"]')?.cloneNode();if(o&&(o.style.display="none",document.body.appendChild(o)),!this.siteKey)return;const i=e?.execute(r,{action:this.action});i.then((i,n)=>{n?console.warn("could not execute recaptcha",n):(this.updateComponentsContext({risktoken:i,riskaction:this.action}),this.isConnected&&setTimeout(()=>{this.#Oe(e,t,r)},11e4)),o.remove()})})}#Re(){window.onRecaptchaLoadCallback=()=>{const e=this.recaptchaEle;if(e.hasChildNodes())return;const{grecaptchaInstance:t}=this;t&&setTimeout(()=>{const r=t.render(e,{sitekey:this.siteKey,badge:"inline",size:"invisible"});this.#Oe(t,e,r)},0)}}});customElements.define(ka,Na);const Da=qe("upload-file"),Va=["title","description","button-label","accept","readonly","button-mode","button-variant","required","size","icon"],Pa=tr({componentName:Da,baseSelector:":host > div"}),Ra=Mo.cssVarList,{host:Ba,wrapper:Oa,icon:ja,title:Fa,description:Wa,requiredIndicator:_a}={host:{selector:()=>":host"},wrapper:{selector:()=>":host > div"},icon:{selector:()=>"::slotted(*)"},title:{selector:()=>".title"},description:{selector:()=>".description"},requiredIndicator:{selector:()=>".title::after"}},$a=Be(Nt({componentNameOverride:qe("input-wrapper")}),Nt({mappings:{fontSize:{},fontFamily:{},borderColor:{},borderWidth:{},borderStyle:{},borderRadius:{},hostHeight:{...Ba,property:"height"},hostWidth:{...Ba,property:"width"},hostPadding:{property:"padding"},hostDirection:[{...Ba,property:"direction"},{selector:()=>Mo.componentName,property:Ra.hostDirection}],gap:{...Oa},lineHeight:{...Oa,property:"line-height"},titleFontSize:{...Fa,property:"font-size"},titleFontWeight:{...Fa,property:"font-weight"},descriptionFontSize:{...Wa,property:"font-size"},labelTextColor:[{...Fa,property:"color"},{...Wa,property:"color"}],iconSize:{...ja,property:"width"},requiredIndicator:{..._a,property:"content"}}}),Dt,Vt)(class extends Pa{static get observedAttributes(){return Va.concat(Pa.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t\t<div>\n <slot name="icon"></slot>\n\t\t\t\t<div class="title">\n\t\t\t\t\t<span class="title-text"></span>\n\t\t\t\t</div>\n\t\t\t\t<div class="description"></div>\n\t\t\t\t<div class="button-wrapper">\n\t\t\t\t\t<input type="file" tabindex="-1" aria-labelledby="button"/>\n\t\t\t\t\t<descope-button id="button"></descope-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t',N("\n :host {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t\t:host > div {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\ttext-align: center;\n\t\t\t\tflex-direction: column;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t.button-wrapper {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: fit-content;\n\t\t\t}\n\t\t\tinput {\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\topacity: 0;\n\t\t\t}\n ",this),this.wrapperEle=this.shadowRoot.querySelector(".wrapper"),this.inputElement=this.shadowRoot.querySelector("input"),this.button.onclick=()=>this.inputElement.click(),this.inputElement.onchange=async e=>{const t=e.target.files;var r;t.length&&(this.value=await(r=t[0],new Promise(e=>{const t=new FileReader;t.onload=t=>e(t.target.result),t.readAsDataURL(r)})),this.updateDescription((e=>e.name.replace(/^.*\\/,""))(t[0])))},this.oninvalid=()=>{this.setAttribute("invalid","true")}}getValidity(){return this.isRequired&&!this.input.value?{valueMissing:!0}:(this.removeAttribute("invalid"),{})}initInputs(){this.rootElement.querySelector("descope-button").onclick=()=>this.inputElement.click()}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("title"===e?this.updateTitle(r):"description"===e?this.updateDescription(r):"button-label"===e?this.updateButtonLabel(r):"button-mode"===e?this.updateButtonMode(r):"button-variant"===e?this.updateButtonVariant(r):"size"===e?this.updateButtonSize(r):"accept"===e?this.updateInputAccept(r):"readonly"===e&&this.updateReadOnly(r))}get button(){return this.shadowRoot.querySelector("descope-button")}get input(){return this.shadowRoot.querySelector("input")}get title(){return this.shadowRoot.querySelector(".title-text")}get description(){return this.shadowRoot.querySelector(".description")}get icon(){return this.shadowRoot.querySelector(".icon")}updateTitle(e){this.title.textContent=e}updateDescription(e){this.description.textContent=e}updateButtonLabel(e){this.button.textContent=e}updateButtonSize(e){this.button.setAttribute("size",e)}updateButtonMode(e){this.button.setAttribute("mode",e)}updateButtonVariant(e){this.button.setAttribute("variant",e)}updateInputAccept(e){this.input.setAttribute("accept",e)}updateReadOnly(e){"true"===e?this.input.setAttribute("disabled","true"):this.input.removeAttribute("disabled")}});customElements.define(Da,$a);const Ha=e=>{class t extends(tr({componentName:e,baseSelector:"slot"})){constructor(){super(),this.innerHTML='\n <slot part="wrapper"></slot>\n '}dispatchChange=Ft.bind(this,"change");get items(){return this.querySelector("slot").assignedElements()}get isReadonly(){return"true"===this.getAttribute("readonly")}get size(){return this.getAttribute("size")||"md"}get value(){console.warn("get value","is not implemented")}set value(e){console.warn("set value","is not implemented")}onSizeChange(){this.items.forEach(e=>{e.setAttribute("size",this.size)})}onReadOnlyChange(){this.querySelector("slot").toggleAttribute("inert",this.isReadonly)}getValidity(){console.warn("getValidity","is not implemented")}onObservedAttributeChange(e){e.forEach(e=>{switch(e){case"size":this.onSizeChange();break;case"readonly":this.onReadOnlyChange()}})}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.items[0]?.focus()}),super.init?.(),We(this,this.onObservedAttributeChange.bind(this),{includeAttrs:["size","readonly"]})}}return t},qa=qe("button-selection-group-internal");class Ya extends(Ha(qa)){getSelectedNode(){return this.items.find(e=>e.hasAttribute("selected"))}get allowDeselect(){return"true"===this.getAttribute("allow-deselect")}removeSelected(){this.getSelectedNode()?.removeAttribute("selected")}onClick(e){e.target!==e.currentTarget&&(e.target===this.getSelectedNode()&&this.allowDeselect?this.removeSelected():this.setSelected(e.target),this.dispatchChange())}setSelected(e){e!==this.getSelectedNode()&&(this.removeSelected(),e?.setAttribute("selected","true"))}get defaultValue(){return this.getAttribute("default-value")}setDefaultValue(){setTimeout(()=>{this.defaultValue&&(this.value=this.defaultValue,this.setCustomValidity())})}get value(){return this.getSelectedNode()?.value||""}set value(e){const t=this.items.find(t=>t.value===e);this.setSelected(t)}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}init(){super.init(),this.setDefaultValue(),this.querySelector("slot").addEventListener("click",this.onClick.bind(this))}}const Ua=e=>class extends e{#K=({value:e,label:t})=>`<descope-button-selection-group-item value="${e}">${t}</descope-button-selection-group-item>`;#B;get renderItem(){return this.#K}set renderItem(e){this.#K=e,this.renderItems()}get size(){return this.inputElement?.size}get data(){if(this.#B)return this.#B;const e=this.getAttribute("data");if(e)try{const t=JSON.parse(e);if(this.isValidDataType(t))return t}catch(e){console.error('could not parse data string from attribute "data" - ',e.message)}return[]}set data(e){this.isValidDataType(e)&&(this.#B=e,this.renderItems())}isValidDataType(e){const t=Array.isArray(e);return t||console.error("data must be an array, received:",e),t}getItemsTemplate(){return this.data?.reduce?.((e,t)=>e+(this.renderItem?.(t||{})||""),"")}renderItems(){const e=this.getItemsTemplate();e&&(this.innerHTML=e)}init(){super.init?.(),this.renderItems(),We(this,this.renderItems.bind(this),{includeAttrs:["data"]}),_e(this,({addedNodes:e})=>{e.forEach(e=>{e.setAttribute("size",this.size)})})}},{host:Ga,label:Za,requiredIndicator:Qa,internalWrapper:Ja,errorMessage:Ka}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},internalWrapper:{selector:()=>':host [part="internal-component"] slot'},errorMessage:{selector:"::part(error-message)"}},Xa={hostWidth:{...Ga,property:"width"},hostDirection:{...Ga,property:"direction"},fontFamily:Ga,labelTextColor:[{...Za,property:"color"},{...Qa,property:"color"}],labelRequiredIndicator:{...Qa,property:"content"},errorMessageTextColor:{...Ka,property:"color"},errorMessageIcon:{...Ka,property:"background-image"},errorMessageIconSize:{...Ka,property:"background-size"},errorMessageIconPadding:{...Ka,property:"padding-inline-start"},errorMessageIconRepeat:{...Ka,property:"background-repeat"},errorMessageIconPosition:{...Ka,property:"background-position"},errorMessageFontSize:{...Ka,property:"font-size"},itemsSpacing:{...Ja,property:"gap"}},el=`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\t\n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n [part="internal-component"] {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n display: inline-block;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n [part="internal-component"] slot {\n box-sizing: border-box;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n\t\t\tvaadin-text-field {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%\n\t\t\t}\n\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly]::part(input-field)::after {\n\t\t\t\tborder: 0 solid;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n ${mt("vaadin-text-field")}\n\t\t\t${ct("vaadin-text-field")}\n `,tl=qe("button-selection-group"),rl=Be(Nt({mappings:{...Xa}}),Dt,Gt({proxyProps:["value","selectionStart"]}),Vt,Ua,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n <${qa}\n \tname="button-selection-group"\n \tslot="input"\n tabindex="-1"\n part="internal-component"\n >\n <slot></slot>\n </${qa}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(qa),Ue(this,this.inputElement,{includeAttrs:["size","default-value","allow-deselect"]})}})(Wt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>el,excludeAttrsSync:["tabindex","style"],componentName:tl}));customElements.define(qa,Ya);const ol=qe("button-selection-group-item");class il extends(jt({componentName:ol,baseSelector:":host > descope-button"})){get size(){return this.getAttribute("size")||"md"}get variant(){return this.getAttribute("variant")||"contained"}get value(){return this.getAttribute("value")||""}set value(e){this.setAttribute("value",e)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n <descope-button variant="${this.variant}" size="${this.size}" mode="primary">\n <slot></slot>\n </descope-button>\n\t`,N("\n descope-button {\n max-width: 100%;\n }\n\t\t\tdescope-button > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n max-width: 100%\n\t\t\t}\n ",this),Ue(this,this.baseElement,{includeAttrs:["size","variant"]}),Ue(this.baseElement,this,{includeAttrs:["focused","active"]})}handleFocus(){this.shadowRoot.querySelector("descope-button")?.focus()}focus(){this.handleFocus()}init(){super.init(),this.addEventListener("focus",e=>{e.isTrusted&&this.handleFocus()})}}const nl=Be(Nt({mappings:{hostDirection:{selector:()=>Mo.componentName,property:Mo.cssVarList.hostDirection},backgroundColor:{selector:()=>Mo.componentName,property:Mo.cssVarList.backgroundColor},labelTextColor:{selector:()=>Mo.componentName,property:Mo.cssVarList.labelTextColor},borderColor:{selector:()=>Mo.componentName,property:Mo.cssVarList.borderColor},borderWidth:{selector:()=>Mo.componentName,property:Mo.cssVarList.borderWidth},borderStyle:{selector:()=>Mo.componentName,property:Mo.cssVarList.borderStyle},borderRadius:{selector:()=>Mo.componentName,property:Mo.cssVarList.borderRadius},outlineColor:{selector:()=>Mo.componentName,property:Mo.cssVarList.outlineColor}}}),Dt,Vt)(il);customElements.define(ol,nl),customElements.define(tl,rl);const sl=qe("button-multi-selection-group-internal");class al extends(Ha(sl)){#je(){return this.items.filter(e=>e.hasAttribute("selected"))}onClick(e){e.target!==e.currentTarget&&(this.#je().includes(e.target)?e.target.removeAttribute("selected"):e.target.setAttribute("selected","true"),this.dispatchChange())}get value(){return this.#je().map(e=>e.value)}set value(e){this.items.forEach(t=>{e.includes(t.value)?t.setAttribute("selected","true"):t.removeAttribute("selected")})}get minItemsSelection(){return parseInt(this.getAttribute("min-items-selection"),10)||0}get maxItemsSelection(){return parseInt(this.getAttribute("max-items-selection"),10)||0}#Fe(e){const t=Array.isArray(e);return t||console.error("default-values must be an array, received:",e),t}get defaultValues(){const e=this.getAttribute("default-values");if(e)try{const t=JSON.parse(e);if(this.#Fe(t))return t}catch(e){console.error('could not parse data string from attribute "default-values" -',e.message)}return[]}setDefaultValues(){setTimeout(()=>{this.defaultValues&&(this.value=this.defaultValues,this.setCustomValidity())})}getValidity(){return this.isRequired&&!this.value.length?{valueMissing:!0}:this.isRequired&&this.minItemsSelection&&this.value.length<this.minItemsSelection?{rangeUnderflow:!0}:this.maxItemsSelection&&this.value.length>this.maxItemsSelection?{rangeOverflow:!0}:{}}init(){super.init(),this.setDefaultValues(),this.querySelector("slot").addEventListener("click",this.onClick.bind(this))}}const ll=qe("button-multi-selection-group"),dl=Be(Nt({mappings:{...Xa}}),Dt,Gt({proxyProps:["value","selectionStart"]}),Vt,Ua,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n <${sl}\n \tname="button-selection-group"\n \tslot="input"\n tabindex="-1"\n part="internal-component"\n >\n <slot></slot>\n </${sl}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(sl),Ue(this,this.inputElement,{includeAttrs:["size","default-values","min-items-selection","max-items-selection"]})}})(Wt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>el,excludeAttrsSync:["tabindex","style"],componentName:ll}));customElements.define(sl,al),customElements.define(ll,dl);class cl extends h.v{get sortable(){return"true"===this.getAttribute("sortable")}_defaultRenderer(e,t,r){const o=r.item[this.path]||"",i=Array.isArray(o)?o.join(", "):o;this.__setTextContent(e,i),e.title=i}_defaultHeaderRenderer(e,t){this.sortable?super._defaultHeaderRenderer(e,t):this.__setTextContent(e,this.__getHeader(this.header,this.path))}}const pl=qe("grid-text-column");customElements.define(pl,cl);const ul=qe("grid-custom-column");customElements.define(ul,class extends cl{_defaultRenderer(e,t,r){const o=r.item[this.path]||"",i=Array.from(this.children).find(e=>{const t=e.getAttribute("data-pattern");return!t||new RegExp(t).test(o)});if(!i)return void this.__setTextContent(e,r.item[this.path]||"");const n=i.cloneNode(!0);n.textContent=o||"",e.innerHTML="",e.append(n)}});const hl=()=>{const e=document.createElement("descope-checkbox");return e.setAttribute("bordered","true"),e.setAttribute("size","xs"),e},ml=e=>!!e.items?.length&&e.selectedItems.length===e.items.length;class gl extends m.${_onHeaderRendererOrBindingChanged(){}_headerRenderer(e){const t=e.parentNode;let r=e.querySelector("descope-checkbox");r||(r=hl(),r.addEventListener("input",()=>{const e=ml(t);t.selectedItems=e?[]:t.items}),e.appendChild(r)),r.setAttribute("checked",ml(t))}_defaultRenderer(e,t,r){const o=e.parentNode;let i=e.querySelector("descope-checkbox");i||(i=hl(),e.appendChild(i)),i.onchange=()=>{i.checked?o.selectItem(r.item):o.deselectItem(r.item)},i.setAttribute("checked",r.selected)}}const bl=qe("grid-selection-column");customElements.define(bl,gl);class yl extends h.v{get sortable(){return"true"===this.getAttribute("sortable")}_defaultRenderer(e,t,r){const o=t._gridValue,i=o.detailsOpenedItems?.indexOf(r.item)??-1,n=-1!==i,s=document.createElement("vaadin-icon");s.icon=n?"vaadin:angle-up":"vaadin:angle-down",s.classList.add("toggle-details-button",n?"opened":"closed"),e.innerHTML="",e.append(s),s.onclick=()=>{o.detailsOpenedItems=n?o.detailsOpenedItems.toSpliced(i,1):[...o.detailsOpenedItems,r.item]}}_defaultHeaderRenderer(e,t){this.sortable?super._defaultHeaderRenderer(e,t):this.__setTextContent(e,this.__getHeader(this.header,this.path))}}const fl=qe("grid-item-details-column");customElements.define(fl,yl);const vl=qe("code-snippet");let xl=class extends(jt({componentName:vl,baseSelector:":host > code"})){static get observedAttributes(){return["lang","inline"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <code class="hljs"></code>\n ',N("\n :host {\n display: inline-block;\n width: 100%;\n }\n code {\n display: block;\n width: 100%;\n min-height: 1em;\n overflow-x: scroll;\n overflow-y: scroll;\n }\n pre {\n margin: 0;\n }\n ",this)}init(){super.init?.(),this.lang=this.getAttribute("lang"),this.isInline="true"===this.getAttribute("inline"),_e(this,this.#We.bind(this))}get contentNode(){return this.shadowRoot.querySelector(this.baseSelector)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("inline"===e&&(this.isInline=r),"lang"===e&&(this.lang=r),this.#We())}#We(){const e=(e=>{const t=document.createElement("textarea");return t.innerHTML=e,t.value})(this.textContent),t=this.lang;if(!t)return void(this.contentNode.textContent=e);const{value:r}=g.A.highlight(e,{language:t});this.contentNode.innerHTML=(e=>this.isInline?e:`<pre>${e}</pre>`)(r)}};const{root:Cl,docTag:wl,keyword:Il,metaKeyword:Ml,templateTag:Sl,templateVariable:Al,type:El,variableLanguage:Tl,title:kl,titleClass:zl,titleClassInherited:Ll,titleFunction:Nl,attr:Dl,attribute:Vl,literal:Pl,meta:Rl,number:Bl,operator:Ol,variable:jl,selectorAttr:Fl,selectorClass:Wl,selectorId:_l,regexp:$l,string:Hl,metaString:ql,builtIn:Yl,symbol:Ul,comment:Gl,code:Zl,formula:Ql,name:Jl,quote:Kl,selectorTag:Xl,selectorPseudo:ed,subst:td,section:rd,bullet:od,emphasis:id,strong:nd,addition:sd,deletion:ad,charEscape:ld,link:dd,params:cd,property:pd,punctuation:ud,tag:hd}={root:{selector:()=>".hljs"},docTag:{selector:()=>".hljs-doctag"},keyword:{selector:()=>".hljs-keyword"},metaKeyword:{selector:()=>".hljs-meta .hljs-keyword"},templateTag:{selector:()=>".hljs-template-tag"},templateVariable:{selector:()=>".hljs-template-variable"},type:{selector:()=>".hljs-type"},variableLanguage:{selector:()=>".hljs-variable.language"},title:{selector:()=>".hljs-title"},titleClass:{selector:()=>".hljs-title.class_"},titleClassInherited:{selector:()=>".hljs-title.class_.inherited__"},titleFunction:{selector:()=>".hljs-title.function_"},attr:{selector:()=>".hljs-attr"},attribute:{selector:()=>".hljs-attribute"},literal:{selector:()=>".hljs-literal"},meta:{selector:()=>".hljs-meta"},number:{selector:()=>".hljs-number"},operator:{selector:()=>".hljs-operator"},variable:{selector:()=>".hljs-variable"},selectorAttr:{selector:()=>".hljs-selector-attr"},selectorClass:{selector:()=>".hljs-selector-class"},selectorId:{selector:()=>".hljs-selector-id"},regexp:{selector:()=>".hljs-regexp"},string:{selector:()=>".hljs-string"},metaString:{selector:()=>".hljs-meta .hljs-string"},builtIn:{selector:()=>".hljs-built_in"},symbol:{selector:()=>".hljs-symbol"},comment:{selector:()=>".hljs-comment"},code:{selector:()=>".hljs-code"},formula:{selector:()=>".hljs-formula"},name:{selector:()=>".hljs-name"},quote:{selector:()=>".hljs-quote"},selectorTag:{selector:()=>".hljs-selector-tag"},selectorPseudo:{selector:()=>".hljs-selector-pseudo"},subst:{selector:()=>".hljs-subst"},section:{selector:()=>".hljs-section"},bullet:{selector:()=>".hljs-bullet"},emphasis:{selector:()=>".hljs-emphasis"},strong:{selector:()=>".hljs-strong"},addition:{selector:()=>".hljs-addition"},deletion:{selector:()=>".hljs-deletion"},charEscape:{selector:()=>".hljs-char.escape"},link:{selector:()=>".hljs-link"},params:{selector:()=>".hljs-params"},property:{selector:()=>".hljs-property"},punctuation:{selector:()=>".hljs-punctuation"},tag:{selector:()=>".hljs-tag"}},md=Be(Nt({mappings:{rootBgColor:{...Cl,property:"background-color"},rootTextColor:{...Cl,property:"color"},docTagTextColor:{...wl,property:"color"},keywordTextColor:{...Il,property:"color"},metaKeywordTextColor:{...Ml,property:"color"},templateTagTextColor:{...Sl,property:"color"},templateVariableTextColor:{...Al,property:"color"},typeTextColor:{...El,property:"color"},variableLanguageTextColor:{...Tl,property:"color"},titleTextColor:{...kl,property:"color"},titleClassTextColor:{...zl,property:"color"},titleClassInheritedTextColor:{...Ll,property:"color"},titleFunctionTextColor:{...Nl,property:"color"},attrTextColor:{...Dl,property:"color"},attributeTextColor:{...Vl,property:"color"},literalTextColor:{...Pl,property:"color"},metaTextColor:{...Rl,property:"color"},numberTextColor:{...Bl,property:"color"},operatorTextColor:{...Ol,property:"color"},variableTextColor:{...jl,property:"color"},selectorAttrTextColor:{...Fl,property:"color"},selectorClassTextColor:{...Wl,property:"color"},selectorIdTextColor:{..._l,property:"color"},regexpTextColor:{...$l,property:"color"},stringTextColor:{...Hl,property:"color"},metaStringTextColor:{...ql,property:"color"},builtInTextColor:{...Yl,property:"color"},symbolTextColor:{...Ul,property:"color"},commentTextColor:{...Gl,property:"color"},codeTextColor:{...Zl,property:"color"},formulaTextColor:{...Ql,property:"color"},nameTextColor:{...Jl,property:"color"},quoteTextColor:{...Kl,property:"color"},selectorTagTextColor:{...Xl,property:"color"},selectorPseudoTextColor:{...ed,property:"color"},substTextColor:{...td,property:"color"},sectionTextColor:{...rd,property:"color"},bulletTextColor:{...od,property:"color"},emphasisTextColor:{...id,property:"color"},strongTextColor:{...nd,property:"color"},additionTextColor:{...sd,property:"color"},additionBgColor:{...sd,property:"background-color"},deletionTextColor:{...ad,property:"color"},deletionBgColor:{...ad,property:"background-color"},charEscapeTextColor:{...ld,property:"color"},linkTextColor:{...dd,property:"color"},paramsTextColor:{...cd,property:"color"},propertyTextColor:{...pd,property:"color"},punctuationTextColor:{...ud,property:"color"},tagTextColor:{...hd,property:"color"}}}),Dt,Vt)(xl);customElements.define(vl,md);const gd=e=>{const t=Array.isArray(e);return t||console.error("data must be an array, received:",e),t},bd=e=>{const t=document.createElement("div");return t.textContent=e,t.innerHTML},yd=e=>(e=>e?.constructor===Object)(e)?"object":Array.isArray(e)?"array":/^\s*<[\s\S]*>/.test(e)?"xml":"text",fd=(e,t)=>`<descope-code-snippet lang="${t}" class="row-details__value code">${bd(e)}</descope-code-snippet>`,vd=e=>`<div class="row-details__value text" title="${e}">${bd(e)}</div>`,xd=e=>fd(JSON.stringify(e,null,2),"json"),Cd=qe("grid"),{host:wd,headerRow:Id,headerRowCell:Md,contentRow:Sd,firstRow:Ad,sortIndicators:Ed,activeSortIndicator:Td,selectedRow:kd,rowSeparator:zd,resizeHandle:Ld,toggleDetailsPanelButton:Nd,toggleDetailsPanelButtonOpened:Dd,toggleDetailsPanelButtonClosed:Vd,detailsPanel:Pd,detailsPanelLabels:Rd,selectedRowCell:Bd,detailsPanelContent:Od}={host:{selector:()=>"vaadin-grid"},headerRow:{selector:()=>"::part(header-cell)"},headerRowCell:{selector:()=>"vaadin-grid::part(header-cell)"},contentRow:{selector:()=>"::part(cell)"},firstRow:{selector:()=>"::part(first-header-row-cell)"},selectedRow:{selector:()=>"::part(selected-row)"},selectedRowCell:{selector:()=>"::part(selected-row-cell)"},sortIndicators:{selector:()=>"vaadin-grid-sorter::part(indicators)"},activeSortIndicator:{selector:()=>"vaadin-grid-sorter[direction]"},rowSeparator:{selector:()=>"vaadin-grid::part(body-cell)"},resizeHandle:{selector:()=>"::part(resize-handle)"},toggleDetailsPanelButton:{selector:()=>"vaadin-grid vaadin-icon.toggle-details-button"},toggleDetailsPanelButtonOpened:{selector:()=>"vaadin-grid vaadin-icon.toggle-details-button.opened"},toggleDetailsPanelButtonClosed:{selector:()=>"vaadin-grid vaadin-icon.toggle-details-button.closed"},detailsPanel:{selector:()=>"vaadin-grid::part(details-cell)"},detailsPanelLabels:{selector:()=>"vaadin-grid .row-details__label"},detailsPanelContent:{selector:()=>"vaadin-grid .row-details"}},jd=Be(Nt({componentNameOverride:qe("input-wrapper")}),Nt({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostHeight:{selector:()=>":host",property:"height"},hostMinHeight:{selector:()=>":host",property:"min-height"},fontFamily:[{...Id},{...Sd}],fontSize:[{...Id},{...Sd}],fontWeight:{...Sd},valueTextColor:{...Sd,property:"color"},backgroundColor:[{...wd,property:"background-color"},{...Sd,property:"background-color"}],sortIndicatorsColor:{...Ed,property:"color"},activeSortIndicator:{...Td,property:"color"},borderColor:{...wd,property:"border-color"},borderWidth:{...wd,property:"border-width"},borderStyle:{...wd,property:"border-style"},borderRadius:{...wd,property:"border-radius"},selectedBackgroundColor:[{...kd,property:"background-color"},{...Bd,property:"background-color"}],headerRowTextColor:{...Md,property:"color"},separatorColor:[{...Ad,property:"border-bottom-color"},{...zd,property:"border-top-color"}],resizeHandleColor:{...Ld,property:"background-color"},hostDirection:{...wd,property:"direction",fallback:"ltr"},toggleDetailsPanelButtonSize:[{...Nd,property:"width"},{...Nd,property:"height"}],toggleDetailsPanelButtonOpenedColor:{...Dd,property:"color"},toggleDetailsPanelButtonClosedColor:{...Vd,property:"color"},toggleDetailsPanelButtonCursor:{...Nd,property:"cursor"},detailsPanelBackgroundColor:{...Pd,property:"background-color"},detailsPanelBorderTopColor:{...Pd,property:"border-top-color"},detailsPanelLabelsColor:{...Rd,property:"color"},detailsPanelLabelsFontSize:{...Rd,property:"font-size"},detailsPanelItemsGap:{...Od,property:"grid-gap"},detailsPanelPadding:{...Od,property:"padding"}}}),Dt,Vt,e=>class extends e{#_e;init(){super.init?.(),this.handleColumns(),this.forwardSelectedItemsChange(),this.baseElement._mapSorters=()=>{};const e=this.baseElement._updateDetailsCellHeight;this.baseElement._updateDetailsCellHeight=t=>{t&&e.call(this.baseElement,t)},this.baseElement.rowDetailsRenderer=this.#$e.bind(this)}#$e=async(e,t,r)=>{e.addEventListener("mousedown",e=>e.stopImmediatePropagation(),!0);const o=this.getRowDetailsTemplate(r.item);e.innerHTML="",e.append(o.content.cloneNode(!0))};getRowDetailsTemplate(e){const t=this.#_e.reduce((e,{path:t,header:r})=>t&&r?{...e,[t]:r}:e,{}),r=this.rowDetailsRenderer?.(e,t)??((e,t)=>`\n <div class="row-details">\n ${Object.entries(e).map(([e,r])=>{return`<div class="row-details__item" >\n <div class="row-details__label">${t[e]||(o=e,o.replace(/([A-Z])/g," $1").trim().split(" ").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "))}</div>\n ${(e=>{const t=yd(e);return"object"===t?xd(e):"xml"===t?(e=>fd(e,"xml"))(e):"array"===t?e.some(e=>"object"===yd(e))?xd(e):vd(e.join(",\n")):vd(e)})(r)}\n </div>`;var o}).join("\n")}\n</div>\n `)(e,t);switch(!0){case r instanceof HTMLTemplateElement:return r;case"string"==typeof r:return Object.assign(document.createElement("template"),{innerHTML:r});default:throw new Error("rowDetailsRenderer should return a string or a template")}}forwardSelectedItemsChange(){this.baseElement.addEventListener("selected-items-changed",e=>{this.dispatchEvent(new CustomEvent("selected-items-changed",{bubbles:!0,composed:!0,detail:e.detail}))})}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"columns"===e&&this.setColumnsDataFromAttr()}handleColumns(){this.columnsAttr?this.setColumnsDataFromAttr():this.children.length&&this.setColumnsFromChildren()}setColumnsFromChildren(){this.#_e=Array.from(this.children).map(e=>({path:e.getAttribute("path"),header:e.getAttribute("header"),type:e.localName.match("^descope-grid-(\\w+)-column$")?.[1]||"text",attrs:["frozen","resizable","auto-width","status"].reduce((t,r)=>{const o=e.getAttribute(r);return o&&(t[r]=o),t},{})}))}get columnsAttr(){return this.getAttribute("columns")}setColumnsDataFromAttr(){try{const e=JSON.parse(this.columnsAttr);gd(e)&&(this.columns=e)}catch(e){console.error('could not parse data string from attribute "columns" -',e.message)}}#He=({path:e,header:t,type:r,attrs:o})=>{const i=`descope-grid-${r}-column`;return`<${i} header="${t}" path="${e}" ${Object.entries(o).map(([e,t])=>`${e}="${t}"`).join(" ")}></${i}>`};get renderColumn(){return this.#He}set renderColumn(e){this.#He=e,this.renderColumns()}getColumnsTemplate(){return this.#_e?.reduce?.((e,t)=>e+(this.renderColumn?.(t||{})||""),"")}reassignRowDetailsRenderer(){this.baseElement.rowDetailsRenderer=null,setTimeout(()=>{this.baseElement.rowDetailsRenderer=this.#$e.bind(this)},0)}renderColumns(){const e=this.getColumnsTemplate();e&&(this.reassignRowDetailsRenderer(),this.innerHTML=e)}get grid(){return this.shadowRoot.querySelector("vaadin-grid")}get data(){return this.grid.items}set data(e){if(gd(e)&&this.grid.items!==e&&(this.grid.items=e,this.grid.selectedItems)){const e=new Set(this.grid.items.map(e=>e[this.uniqueColumnId]??e)),t=this.grid.selectedItems.filter(t=>e.has(t[this.uniqueColumnId]??t));this.grid.selectedItems.length!==t.length&&(this.grid.selectedItems=t)}}get columns(){return this.#_e}set columns(e){this.#_e=e,this.renderColumns()}get paths(){return this.columns.map(e=>e.path)}get uniqueColumnId(){return this.getAttribute("unique-column-id")}})(Wt({delegatesFocus:!1,slots:[""],wrappedEleName:"vaadin-grid",style:()=>`\n /*css*/\n vaadin-grid {\n overflow: hidden;\n height: 100%;\n min-height: 300px;\n }\n vaadin-grid-cell-content {\n display: flex;\n }\n vaadin-grid::part(selected-row-cell) {\n background-image: none;\n box-shadow: none;\n background-color: inherit;\n }\n vaadin-grid::part(details-cell) {\n border-top-style: dashed;\n border-top-width: 1px;\n }\n vaadin-grid .row-details {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(max(200px, calc(100%/4 - var(${jd.cssVarList.detailsPanelItemsGap}))), 1fr));\n width: 100%;\n }\n vaadin-grid .row-details__item:has(.row-details__value.code) {\n grid-column: 1 / -1;\n order: 2;\n }\n vaadin-grid .row-details__value.text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: pre;\n }\n vaadin-grid .row-details__value.code {\n margin-top: 5px;\n max-height: 120px;\n overflow: scroll;\n font-size: 0.85em;\n }\n vaadin-grid vaadin-icon.toggle-details-button {\n margin: auto;\n }\n /*!css*/\n\t\t`,excludeAttrsSync:["columns","tabindex","style"],componentName:Cd}));customElements.define(Cd,jd);const Fd=qe("multi-select-combo-box"),{host:Wd,inputField:_d,inputElement:$d,placeholder:Hd,toggle:qd,clearButton:Yd,label:Ud,requiredIndicator:Gd,helperText:Zd,errorMessage:Qd,chip:Jd,chipLabel:Kd,overflowChipFirstBorder:Xd,overflowChipSecondBorder:ec}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"input"},placeholder:{selector:"> input:placeholder-shown"},toggle:{selector:"::part(toggle-button)"},clearButton:{selector:"::part(clear-button)"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},chip:{selector:"vaadin-multi-select-combo-box-chip"},chipLabel:{selector:"vaadin-multi-select-combo-box-chip::part(label)"},overflowChipFirstBorder:{selector:"vaadin-multi-select-combo-box-chip[slot='overflow']::before"},overflowChipSecondBorder:{selector:"vaadin-multi-select-combo-box-chip[slot='overflow']::after"}},tc=Be(Nt({mappings:{hostWidth:{...Wd,property:"width"},hostDirection:{...Wd,property:"direction"},fontSize:[{},Wd],chipFontSize:{...Kd,property:"font-size"},fontFamily:[Ud,Hd,_d,Zd,Qd,Kd],labelFontSize:{...Ud,property:"font-size"},labelFontWeight:{...Ud,property:"font-weight"},labelTextColor:[{...Ud,property:"color"},{...Gd,property:"color"}],errorMessageTextColor:{...Qd,property:"color"},errorMessageIcon:{...Qd,property:"background-image"},errorMessageIconSize:{...Qd,property:"background-size"},errorMessageIconPadding:{...Qd,property:"padding-inline-start"},errorMessageIconRepeat:{...Qd,property:"background-repeat"},errorMessageIconPosition:{...Qd,property:"background-position"},errorMessageFontSize:{...Qd,property:"font-size"},inputHeight:{..._d,property:"min-height"},inputBackgroundColor:{..._d,property:"background-color"},inputBorderColor:{..._d,property:"border-color"},inputBorderWidth:{..._d,property:"border-width"},inputBorderStyle:{..._d,property:"border-style"},inputBorderRadius:{..._d,property:"border-radius"},labelRequiredIndicator:{...Gd,property:"content"},inputValueTextColor:{..._d,property:"color"},inputPlaceholderTextColor:{...Hd,property:"color"},inputDropdownButtonCursor:[{...qd,property:"cursor"},{...Yd,property:"cursor"}],inputDropdownButtonColor:[{...qd,property:"color"},{...Yd,property:"color"}],inputDropdownButtonSize:[{...qd,property:"font-size"},{...Yd,property:"font-size"}],inputDropdownButtonOffset:[{...qd,property:"margin-right"},{...qd,property:"margin-left"}],inputOutlineColor:{..._d,property:"outline-color"},inputOutlineWidth:{..._d,property:"outline-width"},inputOutlineStyle:{..._d,property:"outline-style"},inputOutlineOffset:{..._d,property:"outline-offset"},inputHorizontalPadding:[{...$d,property:"padding-left"},{...$d,property:"padding-right"},{..._d,property:"padding-inline-start"}],inputVerticalPadding:[{..._d,property:"padding-top"},{..._d,property:"padding-bottom"}],chipTextColor:{...Kd,property:"color"},chipBackgroundColor:[{...Jd,property:"background-color"},{...Xd,property:"border-color"},{...ec,property:"border-color"}],labelPosition:{...Ud,property:"position"},labelTopPosition:{...Ud,property:"top"},labelLeftPosition:{...Ud,property:"left"},labelHorizontalPosition:[{...Ud,property:"left"},{...Ud,property:"right"}],inputTransformY:{...Ud,property:"transform"},inputTransition:{...Ud,property:"transition"},marginInlineStart:{...Ud,property:"margin-inline-start"},placeholderOpacity:{...Hd,property:"opacity"},inputVerticalAlignment:{..._d,property:"align-items"},overlayBackground:{property:()=>tc.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>tc.cssVarList.overlay.textColor},overlayBorder:{property:()=>tc.cssVarList.overlay.border},overlayFontSize:{property:()=>tc.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>tc.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>tc.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>tc.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>tc.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>tc.cssVarList.overlay.itemPaddingInlineEnd}}}),Dt,Qt({name:"overlay",selector:"vaadin-multi-select-combo-box-internal",mappings:{backgroundColor:{selector:"vaadin-multi-select-combo-box-scroller"},minHeight:{selector:"vaadin-multi-select-combo-box-overlay"},margin:{selector:"vaadin-multi-select-combo-box-overlay"},cursor:{selector:"vaadin-multi-select-combo-box-item"},fontFamily:{selector:"vaadin-multi-select-combo-box-item"},textColor:{selector:"vaadin-multi-select-combo-box-item",property:"color"},fontSize:{selector:"vaadin-multi-select-combo-box-item"},itemBoxShadow:{selector:"vaadin-multi-select-combo-box-item",property:"box-shadow"},itemPaddingInlineStart:{selector:"vaadin-multi-select-combo-box-item",property:"padding-inline-start"},itemPaddingInlineEnd:{selector:"vaadin-multi-select-combo-box-item",property:"padding-inline-end"}},forward:{include:!1,attributes:["size"]}}),Gt({proxyProps:["selectionStart"],inputEvent:"selected-items-changed"}),Jt,Vt,e=>class extends e{static get observedAttributes(){return["readonly"]}#K=({displayName:e,value:t,label:r})=>{const o=document.createElement("span");return o.setAttribute("data-name",r),o.setAttribute("data-id",t),o.textContent=e||r,o.outerHTML};#B;#qe=[];get defaultValues(){const e=this.getAttribute("default-values");if(e)try{const t=JSON.parse(e);if(this.isValidDataType(t))return t}catch(e){console.error('could not parse data string from attribute "default-values" -',e.message)}return[]}get renderItem(){return this.#K}set renderItem(e){this.#K=e,this.renderItems()}get data(){if(this.#B)return this.#B;const e=this.getAttribute("data");if(e)try{const t=JSON.parse(e);if(this.isValidDataType(t))return t}catch(e){console.error('could not parse data string from attribute "data" -',e.message)}return[]}set data(e){this.isValidDataType(e)&&(this.#B=e,this.renderItems())}get allowCustomValues(){return"true"===this.getAttribute("allow-custom-value")}get minItemsSelection(){return parseInt(this.getAttribute("min-items-selection"),10)||0}get maxItemsSelection(){return parseInt(this.getAttribute("max-items-selection"),10)||0}isValidDataType(e){const t=Array.isArray(e);return t||console.error("data and default-values must be an array, received:",e),t}getItemsTemplate(){return this.data?.reduce?.((e,t)=>e+(this.renderItem?.(t||{})||""),"")}renderItems(){const e=this.getItemsTemplate();e&&(this.innerHTML=e)}updateSelectedItems(){const e=this.baseElement.selectedItems?.map(e=>e.getAttribute("data-id"))||[];e.length>0&&(this.value=e),0===this.value.length&&this.setDefaultValues()}customValueTransformFn(e){return e}setComboBoxDescriptor(){const e=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value"),t=this;Object.defineProperties(this.inputElement,{value:{...e,set(r){const o=t.customValueTransformFn(r)||"";o!==this.value&&e.set.call(this,o)}}})}#Ye(e){return Array.from(new Map(e.map(e=>[e.getAttribute("data-id"),e])).values())}#X(){const e=Array.from(this.children),t=this.#Ye(e);e.length?(this.removeAttribute("has-no-options"),t.forEach(e=>{Object.defineProperty(e,"data-name",{value:e.getAttribute("data-name"),configurable:!0,writable:!0}),Object.defineProperty(e,"data-id",{value:e.getAttribute("data-id"),configurable:!0,writable:!0})}),this.baseElement.items=t,setTimeout(()=>{this.updateSelectedItems()},0)):(this.baseElement.items=[],this.setAttribute("has-no-options","")),this.baseElement.renderer=(e,t,r)=>{e.innerHTML=r.item.outerHTML}}#ee(){const e=this.baseElement.shadowRoot.querySelector("vaadin-multi-select-combo-box-internal").shadowRoot.querySelector("vaadin-multi-select-combo-box-overlay");e._attachOverlay=()=>{e.bringToFront()},e._detachOverlay=()=>{},e._enterModalState=()=>{}}#Ue(){this.allowCustomValues&&this.baseElement.addEventListener("custom-value-set",e=>{const t=this.#K({label:e.detail,displayName:e.detail,value:e.detail});this.innerHTML+=t,this.baseElement._lastFilter="",setTimeout(()=>{this.value=[...this.value,e.detail]},0)})}setGetValidity(){this.getValidity=function(){if(this.pattern){const e=new RegExp(this.pattern);if(this.value.some(t=>!e.test(t)))return{patternMismatch:!0}}return this.isRequired&&!this.value.length?{valueMissing:!0}:this.isRequired&&this.minItemsSelection&&this.value.length<this.minItemsSelection?{rangeUnderflow:!0}:this.maxItemsSelection&&this.value.length>this.maxItemsSelection?{rangeOverflow:!0}:{}};const e=this;this.baseElement.checkValidity=()=>e.validity.valid}init(){super.init?.(),this.setGetValidity(),this.#Ue(),this.renderItems(),We(this,this.renderItems.bind(this),{includeAttrs:["data"]}),_e(this,this.#X.bind(this)),Ue(this,this.baseElement,{includeAttrs:["placeholder"]}),setTimeout(()=>{this.setComboBoxDescriptor(),this.#ee()}),this.setDefaultValues(),this.baseElement.addEventListener("selected-items-changed",()=>{this.#Ge(),this.dispatchEvent(new CustomEvent("input",{bubbles:!0}))})}setDefaultValues(){this.defaultValues.length>0&&(this.value=this.defaultValues)}#Ge(){this.#qe=this.baseElement.selectedItems?.map(e=>e.getAttribute("data-id"))||[]}set value(e){if(e&&e.length>0){const t=this.baseElement.items?.filter(t=>e.includes(t["data-id"]));if(this.allowCustomValues){const r=t?.map(e=>e.getAttribute("data-id"))||[],o=e.filter(e=>!r.includes(e));if(o.length){const t=o.reduce((e,t)=>e+this.#K({label:t,displayName:t,value:t}),"");return this.innerHTML+=t,void setTimeout(()=>{this.value=e},0)}}const r=t?.map(e=>e.getAttribute("data-id"))||[];((e,t)=>{if(!Array.isArray(e)||!Array.isArray(t))return!1;if(e.length!==t.length)return!1;const r=e.slice().sort(),o=t.slice().sort();for(let e=0;e<r.length;e++)if(r[e]!==o[e])return!1;return!0})(this.#qe,r)||(this.baseElement.selectedItems=t)}else this.baseElement.selectedItems=[]}get value(){return this.#qe}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"readonly"===e&&this.onReadOnlyChange(null!==r&&"true"===r)}onReadOnlyChange(e){e?this.baseElement?.shadowRoot?.querySelector("vaadin-multi-select-combo-box-internal")?.setAttribute("inert",e):this.baseElement?.shadowRoot?.querySelector("vaadin-multi-select-combo-box-internal")?.removeAttribute("inert")}})(Wt({slots:["","prefix"],wrappedEleName:"vaadin-multi-select-combo-box",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\tbox-sizing: border-box;\n\t\t\t-webkit-mask-image: none;\n\t\t}\n\t\t${at(tc.cssVarList)}\n\t\t\n vaadin-multi-select-combo-box::part(input-field)::after {\n opacity: 0;\n }\n\n\t\t${pt("vaadin-multi-select-combo-box")}\n\t\t${ct("vaadin-multi-select-combo-box")}\n\n\t\tvaadin-multi-select-combo-box {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t}\n\t\tvaadin-multi-select-combo-box::before {\n\t\t\theight: initial;\n\t\t}\n\t\tvaadin-multi-select-combo-box [slot="input"] {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n align-self: center;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\tvaadin-multi-select-combo-box[readonly] [slot="input"] {\n flex-grow: 1;\n flex-basis: 4em;\n\t\t}\n\n\t\t::part(input-field) {\n padding: 0;\n\t\t\tbox-shadow: none;\n\t\t}\n ${mt("vaadin-multi-select-combo-box")}\n :host([has-label]) vaadin-multi-select-combo-box-chip::part(label) {\n display: block;\n }\n\n vaadin-multi-select-combo-box vaadin-multi-select-combo-box-chip[slot='overflow']::before,\n vaadin-multi-select-combo-box vaadin-multi-select-combo-box-chip[slot='overflow']::after {\n left: -4px;\n right: -4px;\n border-left-width: 0;\n border-inline-start-style: solid;\n border-inline-start-width: 2px;\n }\n vaadin-multi-select-combo-box vaadin-multi-select-combo-box-chip[slot='overflow']::after {\n left: -8px;\n right: -8px;\n }\n\n :host([has-no-options][allow-custom-value='true']) ::part(toggle-button) {\n display: none;\n }\n\n \n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n \n\n vaadin-multi-select-combo-box::part(toggle-button),\n vaadin-multi-select-combo-box::part(clear-button) {\n align-self: center;\n }\n\n vaadin-multi-select-combo-box[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-multi-select-combo-box[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n\n\t\t`,excludeAttrsSync:["tabindex","size","data","placeholder","style"],componentName:Fd,includeForwardProps:["items","renderer","selectedItems"]}));customElements.define(Fd,tc);const rc=qe("modal"),oc=["opened"],ic=Be(Nt({mappings:{overlayBackdropColor:{property:()=>ic.cssVarList.overlay.backdropColor},overlayBackgroundColor:{property:()=>ic.cssVarList.overlay.backgroundColor},overlayShadow:{property:()=>ic.cssVarList.overlay.shadow},overlayWidth:{property:()=>ic.cssVarList.overlay.width},overlayBorderWidth:{property:()=>ic.cssVarList.overlay.borderWidth},overlayBorderStyle:{property:()=>ic.cssVarList.overlay.borderStyle},overlayBorderColor:{property:()=>ic.cssVarList.overlay.borderColor},overlayBorderRadius:{property:()=>ic.cssVarList.overlay.borderRadius}}}),Qt({name:"overlay",selector:"",mappings:{hostDisplay:{selector:()=>":host(.descope-modal)",property:"display",important:!0},backgroundColor:[{selector:()=>"::part(content)",property:"background-color"},{selector:()=>"::part(overlay)",property:"background-color"}],backdropColor:{selector:()=>"::part(backdrop)",property:"background-color"},borderStyle:{selector:()=>"::part(content)",property:"border-style"},borderWidth:{selector:()=>"::part(content)",property:"border-width"},borderColor:{selector:()=>"::part(content)",property:"border-color"},borderRadius:{selector:()=>"::part(content)",property:"border-radius "},width:{selector:()=>"::part(overlay)",property:"width"},shadow:{selector:()=>"::part(overlay)",property:"box-shadow"}},forward:{include:!1,attributes:["opened","style"]}}),Dt,Vt,e=>class extends e{static get observedAttributes(){return[].concat(e.observedAttributes||[],oc)}get opened(){return"true"===this.getAttribute("opened")}handleOpened(){this.opened?this.style.display="":this.style.display="none"}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"opened"===e&&this.handleOpened()}init(){super.init?.(),this.style.display="none",setTimeout(()=>{this.baseElement.shadowRoot.querySelector("vaadin-dialog-overlay").appendChild(document.createElement("slot")),this.#ee(),Ue(this,this.baseElement,{includeAttrs:["opened"]}),this.handleOpened()})}#ee(){const e=this.baseElement.shadowRoot.querySelector("vaadin-dialog-overlay");e._attachOverlay=()=>{e.bringToFront(),N("\n :host {\n display: flex!important;\n }\n ",this.baseElement)},e._detachOverlay=()=>{this.baseElement.style.display="none"},e._enterModalState=()=>{},e.close=()=>!1}})(Wt({slots:[""],wrappedEleName:"vaadin-dialog",style:()=>"\n vaaadin-dialog {\n display: flex!important;\n }\n ",excludeAttrsSync:["tabindex","opened","style"],componentName:rc}));customElements.define(rc,ic);const nc=window.customElements.get("vaadin-notification-container");if(!nc)throw new Error("could not get vaadin-notification-container class");customElements.define(qe("notification-container"),class extends nc{});const sc=qe("notification-card"),ac={content:()=>"vaadin-notification-card::part(content)",overlay:()=>"vaadin-notification-card::part(overlay)"},lc=Be(Nt({mappings:{hostMinWidth:{selector:ac.content,property:"min-width"},fontFamily:{},fontSize:{},backgroundColor:{selector:ac.content},textColor:{property:"color"},boxShadow:{},borderWidth:{selector:ac.content,property:"border-width"},borderColor:{selector:ac.content,property:"border-color"},borderStyle:{selector:ac.content,property:"border-style"},borderRadius:[{selector:ac.content,property:"border-radius"},{selector:ac.overlay,property:"border-radius"}],verticalPadding:[{selector:ac.content,property:"padding-top"},{selector:ac.content,property:"padding-bottom"}],horizontalPadding:[{selector:ac.content,property:"padding-right"},{selector:ac.content,property:"padding-left"}]}}),e=>class extends e{close(){this.baseElement.addEventListener("animationend",()=>{this.remove(),this.dispatchEvent(new Event("card-closed"))}),this.setAttribute("opened","false")}constructor(){super(),this.baseElement.innerHTML='\n <div part="root">\n <div part="content">\n <slot></slot>\n </div>\n <div part="close">\n <slot name="close"></slot>\n </div>\n </div>\n ',this.closeEle=this.shadowRoot.querySelector('[part="close"]')}init(){super.init?.(),this.closeEle.onclick=()=>{this.close()}}})(Wt({slots:[],wrappedEleName:"vaadin-notification-card",style:()=>'\n vaadin-notification-card {\n box-shadow: none;\n }\n ::part(overlay) {\n box-shadow: none;\n background: none;\n }\n\n [part="close"] {\n cursor: pointer;\n display: flex;\n }\n\n [part="content"] {\n display: flex;\n align-items: center;\n flex-grow: 1;\n }\n\n [part="root"] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n }\n ',excludeAttrsSync:["tabindex","style"],componentName:sc}));customElements.define(sc,lc);const dc=qe("notification"),cc=Be(Dt,Vt,Rt,e=>class t extends e{#Ze;constructor(){super();const e=this;Object.defineProperty(this.baseElement,"_container",{get:()=>(t._container||(t._container=document.createElement("descope-notification-container"),t._container.style.position="absolute",document.body.appendChild(t._container)),t._container.isConnected||setTimeout(()=>e.parentNode.appendChild(t._container)),t._container)}),Object.defineProperty(this.baseElement,"_card",{get:()=>e.#Ze}),this.baseElement._removeNotificationCard=this.close.bind(this)}close(){this.#Ze.close()}init(){super.init?.(),this.createCard(),Ue(this,this.#Ze),He(this.#Ze,this,{includeAttrs:["opened"]}),this.baseElement.renderer=e=>{Array.from(this.childNodes).forEach(t=>e.appendChild(t))}}get isContainerEmpty(){return!t._container.children.length}removeContainer(){t._container.remove()}removeNotification(){this.remove(),this.isContainerEmpty&&this.removeContainer()}createCard(){this.#Ze=document.createElement("descope-notification-card"),this.#Ze.addEventListener("card-closed",this.removeNotification.bind(this))}})(Wt({wrappedEleName:"vaadin-notification",excludeAttrsSync:["tabindex","style"],componentName:dc}));customElements.define(dc,cc);const pc=qe("mappings-field-internal"),uc=tr({componentName:pc,baseSelector:"div"}),hc=qe("mappings-field"),{host:mc,helperText:gc,errorMessage:bc,mappingItem:yc,labels:fc,labelsText:vc,valueLabel:xc,attrLabel:Cc,separator:wc,labelsContainer:Ic}={host:{selector:()=>":host"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},mappingItem:{selector:"descope-mapping-item::part(wrapper)"},labels:{selector:'descope-mappings-field-internal [part="labels"] descope-text'},labelsText:{selector:'descope-mappings-field-internal [part="labels"] descope-text::part(text-wrapper)'},valueLabel:{selector:'descope-mappings-field-internal [part="labels"] [part="value-label"]'},attrLabel:{selector:'descope-mappings-field-internal [part="labels"] [part="attr-label"]'},separator:{selector:"descope-mapping-item::part(separator)"},labelsContainer:{selector:'descope-mappings-field-internal [part="labels"]'}},Mc=Be(Nt({mappings:{hostWidth:{...mc,property:"width"},hostDirection:{...mc,property:"direction"},fontSize:[{},mc,{...wc,property:"margin-top"}],fontFamily:[gc,bc,fc],separatorFontSize:{...wc,property:"font-size"},labelsFontSize:{...vc,property:"font-size"},labelsLineHeight:[{...vc,property:"line-height"},{...fc,property:"line-height"}],labelTextColor:[{...fc,property:xr.cssVarList.textColor},{...wc,property:"color"}],itemMarginBottom:{...yc,property:"margin-bottom"},valueLabelMinWidth:{...xc,property:"min-width"},attrLabelMinWidth:{...Cc,property:"min-width"},labelsMarginBottom:{...Ic,property:"margin-bottom"},separatorWidth:{},removeButtonWidth:{}}}),Dt,Gt({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),Vt,e=>class extends e{get defaultValues(){const e=this.getAttribute("default-values");if(e)try{return JSON.parse(e)}catch(e){console.error('could not parse data string from attribute "default-values" -',e.message)}return[]}setDefaultValues(){const e=this.defaultValues;Object.keys(e).length>0&&(this.inputElement.value=e)}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n <${pc}\n tabindex="-1"\n ></${pc}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(pc),Ue(this,this.inputElement,{includeAttrs:["size","full-width","label-value","label-attr","button-label","separator","options","default-values","invalid","readonly","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),He(this,this.inputElement,{includeAttrs:["invalid"]}),this.setDefaultValues()}})(Wt({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>`\n :host {\n display: inline-flex;\n max-width: 100%;\n direction: ltr;\n }\n vaadin-custom-field {\n line-height: unset;\n width: 100%;\n }\n\n descope-mappings-field-internal [part="labels"] {\n display: none;\n grid-template-columns: 1fr var(${Mc.cssVarList.separatorWidth}) 1fr var(${Mc.cssVarList.removeButtonWidth});\n }\n\n descope-mappings-field-internal [part="labels"] [part="value-label"],\n descope-mappings-field-internal [part="labels"] [part="attr-label"] {\n ${xr.cssVarList.fontWeight}: 500;\n }\n\n descope-mappings-field-internal [part="labels"] [part="value-label"] {\n grid-column: 1 / span 1;\n }\n\n descope-mappings-field-internal [part="labels"] [part="attr-label"] {\n grid-column: 3 / span 1;\n }\n\n descope-mapping-item::part(wrapper) {\n display: grid;\n grid-template-columns: 1fr var(${Mc.cssVarList.separatorWidth}) 1fr var(${Mc.cssVarList.removeButtonWidth});\n }\n `,excludeAttrsSync:["tabindex","label-value","label-attr","button-label","options","error-message","style"],componentName:hc}));customElements.define(pc,class extends uc{#Qe;static get observedAttributes(){return[].concat(uc.observedAttributes||[],["label-value","label-attr","button-label","invalid","readonly","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"])}isValidDataType(e){try{return e.every(e=>"object"==typeof e&&!Array.isArray(e)&&1===Object.getOwnPropertyNames(e).length&&"string"==typeof e[Object.keys(e)[0]]&&""!==e[Object.keys(e)[0]].trim())}catch(e){return!1}}get labelValue(){return this.getAttribute("label-value")||"Value"}get labelAttr(){return this.getAttribute("label-attr")||"Attribute"}get buttonLabel(){return this.getAttribute("button-label")||"Add mapping"}get options(){return this.getAttribute("options")||[]}addNewMappingItem(e){const t=document.createElement("descope-mapping-item");return t.setAttribute("bordered","true"),this.mappingsContainerEle.appendChild(t),Ue(this,t,{includeAttrs:["size","full-width","separator","options","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),setTimeout(()=>{this.setCustomValidity(""),t.addEventListener("mapping-item-removed",()=>{t===this.#Qe&&(this.resetInvalidIndication(),this.#Qe=void 0),t.remove(),this.setCustomValidity("")}),this.dispatchEvent(new CustomEvent("mapping-item-added",{bubbles:!0,composed:!0})),e&&t.focus()},0),t}get items(){return Array.from(this.mappingsContainerEle.querySelectorAll("descope-mapping-item"))}get value(){return this.items.reduce((e,t)=>t.value?[...e,t.value]:e,[])}set value(e){if(!this.isValidDataType(e))return void console.error("received invalid value to set - should be an array of objects with one key-value pair");const t=this.items;if(t.length>e.length)for(let r=e.length;r<t.length;r++)this.mappingsContainerEle.removeChild(t[r]);e.forEach((e,r)=>{const o=t[r];if(o)o.value=e;else{const t=this.addNewMappingItem(!1);setTimeout(()=>{t.value=e},0)}})}constructor(){super(),this.innerHTML='\n <div class="labels-container" part="labels"></div>\n <div class="mappings-container"></div>\n <div class="button-container"></div>\n ',this.labelsEle=this.querySelector(".labels-container"),this.mappingsContainerEle=this.querySelector(".mappings-container"),this.buttonContainer=this.querySelector(".button-container")}initLabels(){this.labelsEle.innerHTML=`\n <descope-text variant="body2" part="value-label">${this.labelValue}</descope-text>\n <descope-text variant="body2" part="attr-label">${this.labelAttr}</descope-text>\n `}initAddButton(){this.buttonContainer.innerHTML=`\n <descope-button variant="link" mode="primary" disabled="${this.isDisabled}">\n <vaadin-icon icon="vaadin:plus"></vaadin-icon>\n ${this.buttonLabel}\n </descope-button>\n `;const e=this.querySelector("descope-button");e.onclick=()=>{this.addNewMappingItem(!0)},Ue(this,e,{includeAttrs:["disabled"]})}#Je(){this.labelsEle.style.display=this.items.length?"grid":"none"}init(){this.addEventListener("focus",e=>{e.isTrusted&&(this.#Qe||this.items[0]||this.querySelector("descope-button")).focus()}),super.init?.(),this.initLabels(),this.initAddButton(),this.addEventListener("input",()=>{this.mappingsContainerEle.contains(this.#Qe)&&this.#Qe?.checkValidity()&&(this.resetInvalidIndication(),this.#Qe.removeAttribute("invalid"),this.#Qe=void 0)}),_e(this.mappingsContainerEle,this.#Je.bind(this))}resetInvalidIndication(){this.removeAttribute("invalid")}getValidity(){const e=this.items.find(e=>!e.checkValidity());return e?e.validity:{}}#Ke(e){e&&(this.#Qe=this.items.find(e=>!e.checkValidity()),this.#Qe?.reportValidity(),this.#Qe?.setAttribute("invalid","true"))}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"label-value"!==e&&"label-attr"!==e||this.initLabels(),"button-label"===e&&this.initAddButton(),"invalid"===e&&this.#Ke("true"===r),"readonly"===e&&this.toggleAttribute("inert","true"===r)}});const Sc=qe("mapping-item"),Ac=["size","bordered","readonly","full-width","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],Ec=tr({componentName:Sc,baseSelector:"div"});customElements.define(Sc,class extends Ec{static get observedAttributes(){return[].concat(Ec.observedAttributes||[],Ac,["separator","options","invalid","disabled"])}get separator(){return this.getAttribute("separator")||"map to"}get value(){const e=this.attributeInput.value,t=this.valueInput.value;return e&&t?{[e]:t}:null}set value(e){if(1!==Object.entries(e).length)return void console.error("descope-mapping item expected expects only one key-value pair in the value but received: ",e);const[t,r]=Object.entries(e)[0];this.valueInput.value=r,this.attributeInput.value=t,this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n <div class="wrapper" part="wrapper">\n <descope-text-field required="true"></descope-text-field>\n <div class="separator" part="separator">${this.separator}</div>\n <descope-combo-box\n item-label-path="data-name"\n item-value-path="data-id"\n required="true"\n >\n </descope-combo-box>\n <descope-button variant="link" mode="primary">\n <vaadin-icon icon="vaadin:minus"></vaadin-icon>\n </descope-button>\n </div>\n\t`,N("\n .wrapper {\n display: flex;\n }\n .separator {\n text-align: center;\n flex-shrink: 0;\n }\n ",this),this.valueInput=this.shadowRoot.querySelector("descope-text-field"),this.attributeInput=this.shadowRoot.querySelector("descope-combo-box"),this.inputs=[this.valueInput,this.attributeInput],this.removeButton=this.shadowRoot.querySelector("descope-button"),Ue(this,this.valueInput,{includeAttrs:Ac}),Ue(this,this.attributeInput,{includeAttrs:[...Ac,"options"],mapAttrs:{options:"data"}}),Ue(this,this.removeButton,{includeAttrs:["disabled"]})}initRemoveButton(){this.removeButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("mapping-item-removed",{bubbles:!0,composed:!0})))}init(){super.init?.(),this.initRemoveButton()}getValidity(){const e=this.attributeInput.value,t=this.valueInput.value;return e&&t?{}:{badInput:!0}}reportValidity(){this.inputs.forEach(e=>e.reportValidity())}focus(){(this.checkValidity()||!this.valueInput.checkValidity()?this.valueInput:this.attributeInput).focus()}handleSeparatorChange(){this.shadowRoot.querySelector(".separator").textContent=this.separator}#Xe(e){"true"===e&&(this.valueInput.value||(this.valueInput.setAttribute("invalid","true"),this.valueInput.setAttribute("error-message",this.defaultErrorMsgValueMissing)),this.attributeInput.value||(this.attributeInput.setAttribute("invalid","true"),this.attributeInput.setAttribute("error-message",this.defaultErrorMsgValueMissing)))}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"separator"===e&&this.handleSeparatorChange(),"invalid"===e&&this.#Xe(r)}}),customElements.define(hc,Mc);const Tc=k("badge");class kc extends(ue({componentName:Tc,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n <slot></slot>\n\t\t</div>\n\t\t",N("\n :host {\n display: inline-flex;\n }\n :host > div {\n width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n ",this)}}const zc=I(ne({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{}}}),se,ae)(kc),Lc=qe("user-attribute");class Nc extends(jt({componentName:Lc,baseSelector:":host > .root"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="root">\n <descope-text st-text-align="auto" data-id="label-text" variant="body1" mode="secondary" class="label"></descope-text>\n <div class="content-wrapper">\n <descope-text st-text-align="auto" data-id="value-text" variant="body1" mode="primary" class="value"></descope-text>\n <div class="btn-wrapper">\n <descope-badge mode="default" bordered="true" size="xs"></descope-badge>\n <descope-button size="xs" data-id="edit-btn" square="true" variant="link" mode="primary">\n <slot name="edit-icon"></slot>\n </descope-button>\n <descope-button size="xs" data-id="delete-btn" square="true" variant="link" mode="primary">\n <slot name="delete-icon"></slot>\n </descope-button>\n </div>\n </div>\n </div>\n\t\t',N(`\n :host {\n\t\t\t\t\tdisplay: inline-flex;\n container-type: inline-size;\n\t\t\t\t}\n\n .root {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n }\n \n ::slotted(*) {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n @container (max-width: 529px) {\n .root {\n flex-wrap: wrap;\n }\n }\n\n .btn-wrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-grow: 0;\n }\n\n .content-wrapper {\n display: flex;\n flex-grow: 1;\n align-items: center;\n }\n\n descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n width: initial;\n }\n\n descope-text {\n display: inline-flex;\n max-width: 100%;\n min-width: 0;\n }\n\n .label {\n flex-grow: 1;\n width: 100%;\n }\n\n .value {\n flex-grow: 1;\n }\n\n descope-badge {\n margin-inline-end: 10px;\n }\n\n .hidden {\n visibility: hidden;\n }\n\n descope-text[data-id="label-text"].required:after {\n content: '*';\n color: var(${xr.cssVarList.textColor});\n }\n\n :host([readonly="true"]) descope-button {\n visibility: hidden;\n }\n `,this),this.deleteButton=this.shadowRoot.querySelector('descope-button[data-id="delete-btn"]'),this.editButton=this.shadowRoot.querySelector('descope-button[data-id="edit-btn"]'),this.badge=this.shadowRoot.querySelector("descope-badge"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]'),this.valueText=this.shadowRoot.querySelector('descope-text[data-id="value-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}onValueOrPlaceholderChange(){const e=this.value||this.placeholder,t=this.value?"primary":"secondary";this.valueText.innerText=e,this.valueText.setAttribute("title",e),this.valueText.setAttribute("mode",t)}onBadgeLabelChange(){this.badgeLabel?(this.badge.innerText=this.badgeLabel,this.badge.style.display=""):this.badge.style.display="none"}onBadgeTooltipTextChange(){this.badge.setAttribute("title",this.badgeTooltipText||this.badgeLabel)}onIsRequiredChange(){this.labelText.classList.toggle("required",this.isRequired)}get label(){return this.getAttribute("label")||""}get value(){return this.getAttribute("value")||""}get placeholder(){return this.getAttribute("placeholder")||""}get isRequired(){return"true"===this.getAttribute("required")}get badgeLabel(){return this.getAttribute("badge-label")||""}get badgeTooltipText(){return this.getAttribute("badge-tooltip-text")||""}init(){this.onLabelChange(),this.onValueOrPlaceholderChange(),this.onIsRequiredChange(),this.onBadgeLabelChange(),this.onBadgeTooltipTextChange(),this.handleDeleteButtonVisibility(),this.deleteButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("delete-clicked",{bubbles:!0,composed:!0}))),this.editButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("edit-clicked",{bubbles:!0,composed:!0}))),this.setDefaultChildren()}#et(e,t){const r=document.createElement("descope-icon");r.setAttribute("src",e),r.setAttribute("src-dark",e),r.setAttribute("slot",t),this.appendChild(r)}setDefaultChildren(){this.children.length||(this.#et("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMSAxNkMxIDE3LjEgMS45IDE4IDMgMThIMTFDMTIuMSAxOCAxMyAxNy4xIDEzIDE2VjRIMVYxNlpNMyA2SDExVjE2SDNWNlpNMTAuNSAxTDkuNSAwSDQuNUwzLjUgMUgwVjNIMTRWMUgxMC41WiIgZmlsbD0iY3VycmVudGNvbG9yIi8+Cjwvc3ZnPg==","delete-icon"),this.#et("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTAuMDAwMiAwLjk5MjE0OUMxMC4wMDAyIDEuMDE2MTUgMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNUw4LjIyNDE5IDMuMDA4MTVIMi45OTIxOUMyLjQ2NDE5IDMuMDA4MTUgMi4wMDgxOSAzLjQ0MDE1IDIuMDA4MTkgMy45OTIxNVYxMi4wMDgyQzIuMDA4MTkgMTIuNTM2MiAyLjQ0MDE5IDEyLjk5MjIgMi45OTIxOSAxMi45OTIySDUuNTM2MTlDNS44NDgxOSAxMy4wNDAyIDYuMTYwMTkgMTMuMDQwMiA2LjQ3MjE5IDEyLjk5MjJIMTEuMDA4MkMxMS41MzYyIDEyLjk5MjIgMTEuOTkyMiAxMi41NjAyIDExLjk5MjIgMTIuMDA4MlY3Ljc4NDE2TDEzLjkzNjIgNS42MjQxNUwxNC4wMDgyIDUuNjcyMTVWMTEuOTg0MkMxNC4wMDgyIDEzLjY2NDIgMTIuNjY0MiAxNS4wMDgyIDExLjAwODIgMTUuMDA4MkgzLjAxNjE5QzEuMzM2MTkgMTUuMDA4MiAtMC4wMDc4MTI1IDEzLjY2NDIgLTAuMDA3ODEyNSAxMS45ODQyVjMuOTkyMTVDLTAuMDA3ODEyNSAyLjMzNjE1IDEuMzM2MTkgMC45OTIxNDkgMy4wMTYxOSAwLjk5MjE0OUgxMC4wMDAyWk0xMS4yNzIyIDIuNjI0MTVMMTIuNjE2MiA0LjExMjE1TDcuNzIwMTkgOS42ODAxNkM3LjUwNDE5IDkuOTIwMTYgNi44MzIxOSAxMC4yMzIyIDUuNjgwMTkgMTAuNjE2MkM1LjY1NjE5IDEwLjY0MDIgNS42MDgxOSAxMC42NDAyIDUuNTYwMTkgMTAuNjE2MkM1LjQ2NDE5IDEwLjU5MjIgNS4zOTIxOSAxMC40NzIyIDUuNDQwMTkgMTAuMzc2MkM1Ljc1MjE5IDkuMjQ4MTYgNi4wNDAxOSA4LjU1MjE2IDYuMjU2MTkgOC4zMTIxNkwxMS4yNzIyIDIuNjI0MTVaTTExLjkyMDIgMS44NTYxNUwxMy4yODgyIDAuMzIwMTQ5QzEzLjY0ODIgLTAuMDg3ODUxNiAxNC4yNzIyIC0wLjExMTg1MiAxNC42ODAyIDAuMjcyMTQ5QzE1LjA4ODIgMC42MzIxNDkgMTUuMTEyMiAxLjI4MDE1IDE0Ljc1MjIgMS42ODgxNUwxMy4yNjQyIDMuMzY4MTVMMTEuOTIwMiAxLjg1NjE1WiIgZmlsbD0iY3VycmVudGNvbG9yIi8+Cjwvc3ZnPgo=","edit-icon"))}static get observedAttributes(){return["label","value","placeholder","required","badge-label","badge-tooltip-text"].concat(super.observedAttributes)}handleDeleteButtonVisibility(){this.deleteButton.classList.toggle("hidden",this.isRequired||!this.value)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("label"===e?this.onLabelChange():"value"===e||"placeholder"===e?this.onValueOrPlaceholderChange():"required"===e?this.onIsRequiredChange():"badge-label"===e?this.onBadgeLabelChange():"badge-tooltip-text"===e&&this.onBadgeTooltipTextChange(),"value"!==e&&"required"!==e||this.handleDeleteButtonVisibility())}}const{host:Dc,textFields:Vc,buttons:Pc,badge:Rc,labelText:Bc,contentWrapper:Oc}={host:{selector:()=>":host"},textFields:{selector:"descope-text"},labelText:{selector:'descope-text[data-id="label-text"]'},buttons:{selector:"descope-button"},badge:{selector:"descope-badge"},contentWrapper:{selector:" .content-wrapper"}},jc=Be(Nt({mappings:{hostWidth:{...Dc,property:"width"},hostMinWidth:{...Dc,property:"min-width"},hostMaxWidth:{...Dc,property:"max-width"},hostDirection:[{...Dc,property:"direction"},{...Vc,property:xr.cssVarList.hostDirection},{...Pc,property:Mo.cssVarList.hostDirection},{...Rc,property:zc.cssVarList.hostDirection}],labelMinWidth:{...Bc,property:"min-width"},contentMinWidth:{...Oc,property:"min-width"},badgeMaxWidth:{...Rc,property:"max-width"},itemsGap:[{property:"gap"},{...Oc,property:"gap"}]}}),Dt,Vt)(Nc);customElements.define(Tc,zc),customElements.define(ho,bo),customElements.define(yo,fo),customElements.define(Lc,jc);const Fc=qe("user-auth-method");class Wc extends(jt({componentName:Fc,baseSelector:":host > .root"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="root">\n <div class="text-wrapper">\n <slot name="method-icon"></slot>\n <descope-text st-text-align="auto" data-id="label-text" variant="body1" mode="primary"></descope-text>\n </div>\n\n <div class="btn-wrapper">\n <descope-button class="btn unfulfilled hidden" size="sm" variant="link" mode="primary">\n <slot name="button-icon"></slot>\n </descope-button>\n <descope-button class="btn fulfilled hidden" size="sm" variant="link" mode="primary">\n <slot name="fulfilled-button-icon"></slot>\n </descope-button>\n <div class="status-indicator hidden">\n <vaadin-icon src=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4KPC9zdmc+Cg==></vaadin-icon>\n </div>\n <descope-button class="hidden-btn" size="sm" variant="link" mode="primary"></descope-button>\n </div>\n </div>\n\t\t',N('\n :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n vaadin-icon {\n color: currentcolor;\n }\n\n .root {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n }\n\n .btn-wrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-grow: 0;\n }\n\n .text-wrapper {\n display: flex;\n align-items: center;\n flex-grow: 1;\n min-width: 0;\n }\n\n descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n width: initial;\n }\n\n descope-text {\n display: inline-flex;\n min-width: 0;\n }\n\n .status-indicator {\n width: 1em;\n height: 1em;\n display: flex;\n align-items: center;\n padding-inline-end: 1em;\n }\n\n .hidden {\n display: none;\n }\n\n .hidden-btn {\n width: 0;\n overflow: hidden;\n opacity: 0;\n pointer-events: none;\n }\n\n slot[name="method-icon"]:not(:empty) {\n display: inline-flex;\n align-items: center;\n }\n ',this),this.unfulfilledButton=this.shadowRoot.querySelector(".btn.unfulfilled"),this.fulfilledButton=this.shadowRoot.querySelector(".btn.fulfilled"),this.statusIndicator=this.shadowRoot.querySelector(".status-indicator"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}updateButtonLabel(e,t){let r=e.querySelector("span");t?(r||(r=document.createElement("span"),e.appendChild(r)),r.innerText=t):r&&e.removeChild(r)}onFulfilledChange(){this.isFulfilled?(this.unfulfilledButton.classList.add("hidden"),this.handleFulfilled()):(this.fulfilledButton.classList.add("hidden"),this.handleUnfulfilled())}handleFulfilled(){this.fulfilledButton.classList.toggle("hidden",!this.isFulfilledEditable),this.statusIndicator.classList.toggle("hidden",this.isFulfilledEditable)}handleUnfulfilled(){this.unfulfilledButton.classList.toggle("hidden",!this.isUnfulfilledEditable),this.statusIndicator.classList.toggle("hidden",this.isUnfulfilledEditable)}get label(){return this.getAttribute("label")||""}get unfulfilledButtonLabel(){return this.getAttribute("button-label")||""}get fulfilledButtonLabel(){return this.getAttribute("fulfilled-button-label")||""}get isFulfilled(){return"true"===this.getAttribute("fulfilled")}get isFulfilledEditable(){return"true"===this.getAttribute("fulfilled-editable")}get isUnfulfilledEditable(){return"false"!==this.getAttribute("unfulfilled-editable")}init(){this.onLabelChange(),this.updateButtonLabel(this.fulfilledButton,this.fulfilledButtonLabel),this.updateButtonLabel(this.unfulfilledButton,this.unfulfilledButtonLabel),this.onFulfilledChange(),this.unfulfilledButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("button-clicked",{bubbles:!0,composed:!0}))),this.fulfilledButton.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("fulfilled-button-clicked",{bubbles:!0,composed:!0}))})}static get observedAttributes(){return["label","fulfilled","button-label","fulfilled-button-label","fulfilled-editable","unfulfilled-editable"].concat(super.observedAttributes)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("label"===e?this.onLabelChange():"fulfilled"===e?this.onFulfilledChange():"button-label"===e?this.updateButtonLabel(this.unfulfilledButton,this.unfulfilledButtonLabel):"fulfilled-button-label"===e?this.updateButtonLabel(this.fulfilledButton,this.fulfilledButtonLabel):"fulfilled-editable"===e&&this.isFulfilled?this.handleFulfilled():"unfulfilled-editable"!==e||this.isFulfilled||this.handleUnfulfilled())}}const{host:_c,textField:$c,buttons:Hc,badge:qc,textWrapper:Yc,methodIconSlot:Uc}={host:{selector:()=>":host"},textField:{selector:"descope-text"},buttons:{selector:"descope-button"},badge:{selector:"descope-badge"},textWrapper:{selector:" .text-wrapper"},methodIconSlot:{selector:'slot[name="method-icon"]:not(:empty)'}},Gc=Be(Nt({mappings:{hostWidth:{..._c,property:"width"},hostMinWidth:{..._c,property:"min-width"},hostMaxWidth:{..._c,property:"max-width"},hostDirection:[{..._c,property:"direction"},{...$c,property:xr.cssVarList.hostDirection},{...Hc,property:Mo.cssVarList.hostDirection},{...qc,property:zc.cssVarList.hostDirection}],itemsGap:[{property:"gap"},{...Yc,property:"gap"}],iconSize:[{...Uc,property:"width"},{...Uc,property:"height"}],iconColor:[{selector:()=>"::slotted(*)",property:fo.cssVarList.fill}]}}),Dt,Vt)(Wc);customElements.define(Fc,Gc);const Zc=qe("saml-group-mappings-internal"),Qc=tr({componentName:Zc,baseSelector:""}),Jc=qe("saml-group-mappings"),{host:Kc,groupInput:Xc,errorMessage:ep}={host:{selector:()=>":host"},groupInput:{selector:"descope-text-field"},errorMessage:{selector:"::part(error-message)"}},tp=Be(Nt({mappings:{hostWidth:{...Kc,property:"width"},hostDirection:{...Kc,property:"direction"},groupNameInputMarginBottom:{...Xc,property:"margin-bottom"},errorMessageIcon:{...ep,property:"background-image"},errorMessageIconSize:{...ep,property:"background-size"},errorMessageIconPadding:{...ep,property:"padding-inline-start"},errorMessageIconRepeat:{...ep,property:"background-repeat"},errorMessageIconPosition:{...ep,property:"background-position"},errorMessageFontSize:{...ep,property:"font-size"}}}),Dt,Gt({proxyProps:["value","selectionStart"],inputEvent:"input",triggerValidationEvents:["mapping-item-added","mapping-item-removed"],proxyParentValidation:!0}),Vt,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n <${Zc}\n tabindex="-1"\n ></${Zc}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Zc),Ue(this,this.inputElement,{includeAttrs:["size","full-width","label-group","label-value","label-attr","button-label","separator","options","readonly","disabled"]}),He(this,this.inputElement,{includeAttrs:["invalid"]})}})(Wt({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>"\n :host {\n display: inline-flex;\n max-width: 100%;\n direction: ltr;\n }\n\n vaadin-custom-field {\n line-height: unset;\n width: 100%;\n }\n\n descope-text-field {\n width: auto;\n }\n\n descope-mappings-field {\n display: block;\n }\n ",excludeAttrsSync:["tabindex","label-group","label-value","label-attr","button-label","separator","options","error-message","style"],componentName:Jc}));customElements.define(Zc,class extends Qc{static get observedAttributes(){return["invalid"].concat(Qc.observedAttributes||[])}constructor(){super(),this.innerHTML='\n <descope-text-field variant="body2" bordered="true"></descope-text-field>\n <descope-mappings-field></descope-mappings-field>\n ',this.groupInputElement=this.querySelector("descope-text-field"),this.mappingsElement=this.querySelector("descope-mappings-field")}resetInvalidIndication(){this.removeAttribute("invalid")}handleMappingsInvalidChange(e){e.includes("invalid")&&(this.mappingsElement.hasAttribute("invalid")||this.resetInvalidIndication())}initFocusHandler(){this.addEventListener("focus",e=>{e.isTrusted&&(this.mappingsElement.checkValidity()?this.groupInputElement:this.mappingsElement).focus()})}init(){this.initFocusHandler(),super.init?.(),Ue(this,this.groupInputElement,{mapAttrs:{"label-group":"label"},includeAttrs:["size","label-group","readonly","disabled"]}),Ue(this,this.mappingsElement,{includeAttrs:["size","full-width","label-value","label-attr","button-label","separator","options","readonly","disabled","data-errormessage-pattern-mismatch"]}),We(this.mappingsElement,this.handleMappingsInvalidChange.bind(this),{includeAttrs:["invalid"]})}get value(){return{group:this.groupInputElement.value,mappings:this.mappingsElement.value}}set value(e){e?.group&&"string"==typeof e.group&&(this.groupInputElement.value=e.group),Array.isArray(e?.mappings)&&(this.mappingsElement.value=e.mappings)}getValidity(){return this.groupInputElement.checkValidity()?this.mappingsElement.checkValidity()?{}:this.mappingsElement.validity:this.groupInputElement.validity}#tt(e){if(e){if(!this.groupInputElement.checkValidity())return void this.groupInputElement.setAttribute("invalid","true");this.mappingsElement.checkValidity()||this.mappingsElement.setAttribute("invalid","true")}}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"invalid"===e&&this.#tt("true"===r)}}),customElements.define(Jc,tp);const rp=qe("radio-button"),op=Be(Nt({mappings:{cursor:[{},{selector:"label"}],fontSize:[{selector:"label"},{}],labelTextColor:{selector:"label",property:"color"},fontFamily:{selector:"label"},radioSize:[{selector:"::part(radio)",property:"height"},{selector:"::part(radio)",property:"width"}],radioBackgroundColor:{selector:"::part(radio)",property:"background-color"},radioMargin:{selector:"::part(radio)",property:"margin"},radioCheckedSize:{selector:"::part(radio)::after",property:"border-width"},radioCheckedColor:{selector:"::part(radio)::after",property:"border-color"},radioBorderColor:{selector:"::part(radio)",property:"border-color",fallback:"none"},radioBorderWidth:{selector:"::part(radio)",property:"border-width",fallback:0},radioBorderStyle:{selector:"::part(radio)",property:"border-style",fallback:"solid"}}}),Gt({proxyProps:["setSelectionRange"]}),Vt,e=>class extends e{constructor(){super(),this.baseElement.checkValidity=()=>{}}init(){this.baseElement.addEventListener("checked-changed",e=>{this.dispatchEvent(new CustomEvent("checked-changed",{detail:e.detail},{bubbles:!0,composed:!0}))}),super.init?.(),_e(this,this.renderLabel.bind(this))}renderLabel(){this.baseElement.setAttribute("label",this.textContent)}get value(){return this.getAttribute("value")}})(Wt({slots:[""],wrappedEleName:"vaadin-radio-button",excludeAttrsSync:["tabindex","data","style"],includeForwardProps:["checked","name","disabled"],componentName:rp})),ip=qe("radio-group"),np=Be(Nt({mappings:{...Bi,buttonsSpacing:{selector:"::part(group-field)",property:"justify-content"},buttonsRowGap:{selector:"::part(group-field)",property:"row-gap"},buttonsColumnGap:{selector:"::part(group-field)",property:"column-gap"},itemsLabelColor:{selector:()=>`::slotted(${op.componentName})`,property:op.cssVarList.labelTextColor}}}),Dt,Gt({proxyProps:["setSelectionRange"]}),Vt,e=>class extends e{#K=({value:e,label:t})=>`<descope-radio-button value="${e}">${t}</descope-radio-button>`;#B;constructor(){super(),Object.defineProperty(this.baseElement,"children",{get:()=>this.querySelectorAll(rp)}),this.baseElement.__filterRadioButtons=e=>e.filter(e=>e.localName===rp),this.baseElement.setCustomValidity=()=>{}}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}get size(){return this.getAttribute("size")}get data(){if(this.#B)return this.#B;const e=this.getAttribute("data");if(e)try{const t=JSON.parse(e);if(this.isValidDataType(t))return t}catch(e){console.error('could not parse data string from attribute "data" - ',e.message)}return[]}set data(e){this.isValidDataType(e)&&(this.#B=e,this.renderItems())}get defaultValue(){return this.getAttribute("default-value")}isValidDataType(e){const t=Array.isArray(e);return t||console.error("data must be an array, received:",e),t}getItemsTemplate(){return this.data?.reduce?.((e,t)=>e+(this.#K?.(t||{})||""),"")}renderItems(){const e=this.getItemsTemplate();e&&(this.innerHTML=e)}init(){super.init?.(),this.inputElement=this.baseElement,this.renderItems(),We(this,this.renderItems.bind(this),{includeAttrs:["data"]}),Object.defineProperty(this.baseElement,"validity",{get:()=>({valueMissing:!this.baseElement.checkValidity()})}),Ue(this,this.baseElement,{includeAttrs:["layout"],mapAttrs:{layout:"theme"}}),setTimeout(()=>{this.defaultValue&&(this.value=this.defaultValue)}),_e(this,({addedNodes:e})=>{e.forEach(e=>{e.setAttribute("size",this.size)})}),We(this,()=>{this.items.forEach(e=>{e.setAttribute("size",this.size)})},{includeAttrs:["size"]})}})(Wt({slots:["","prefix"],wrappedEleName:"vaadin-radio-group",style:()=>`\n :host {\n display: inline-block;\n max-width: 100%;\n box-sizing: border-box;\n }\n\n vaadin-radio-group {\n padding: 0;\n width: 100%;\n }\n\n ${mt("vaadin-radio-group")}\n `,excludeAttrsSync:["tabindex","size","data","direction","style"],componentName:ip,includeForwardProps:["value"]}));customElements.define(ip,np),customElements.define(rp,op);const sp=()=>!0,ap=e=>`<pre>${JSON.stringify(e,null,4)}</pre>`,lp=qe("scopes-list"),dp=["checkbox","switch"];class cp extends(jt({componentName:lp,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n <div></div>\n\t\t",N("\n :host {\n display: inline-flex;\n }\n\n div {\n display: flex;\n flex-direction: column;\n }\n ",this)}get isReadOnly(){return"true"===this.getAttribute("readonly")}get size(){return this.getAttribute("size")||"sm"}#rt(){return Array.from(this.shadowRoot.querySelector("div").children)}reportValidity(){this.checkValidity()}checkValidity(){return this.data.every(e=>!e.required||this.value.includes(e.id))}get value(){return this.#rt().filter(e=>e.checked).map(e=>e.getAttribute("data-id"))}set value(e=[]){this.#rt().forEach(t=>{t.checked=e.includes(t.getAttribute("data-id"))})}get variant(){const e=this.getAttribute("variant");return dp.includes(e)?e:dp[0]}}const pp=Be(Nt({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>br.componentName,property:br.cssVarList.hostDirection},{selector:()=>jr.componentName,property:jr.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},requiredInputBorderColor:[{selector:`${br.componentName}[required="true"]`,property:br.cssVarList.inputBorderColor},{selector:`${jr.componentName}[required="true"]`,property:jr.cssVarList.inputBorderColor}],requiredInputValueTextColor:[{selector:`${br.componentName}[required="true"]`,property:br.cssVarList.inputValueTextColor},{selector:`${jr.componentName}[required="true"]`,property:jr.cssVarList.knobColor}]}}),(({itemRenderer:e=ap,validateSchema:t=sp,slotName:r,rerenderAttrsList:o=[]})=>i=>class extends i{#B=[];#j(e){if(!t)return!0;const r=t(e);return!0===r||(console.error("Data schema validation failed",r||""),!1)}#F(){const e=r?`*[slot="${r}"]`:":not([slot])";this.baseElement.querySelectorAll(e).forEach(e=>e.remove())}#W(){this.#F(),this.data.forEach((t,r)=>{const o="string"==typeof(i=e(t,r,this))?(e=>{const t=document.createElement("template");return t.innerHTML=e,t})(i).content:i instanceof HTMLTemplateElement?i.content:(console.error("Invalid template",i),null);var i;this.baseElement.appendChild(o?.cloneNode(!0))})}set data(e){this.#j(e)&&(this.#B=e,this.#W())}get data(){return this.#B}init(){super.init?.(),We(this,e=>{e.includes("data")?this.#_():this.#W()},{includeAttrs:[...o,"data"]})}#_(){const e=this.getAttribute("data");if(e)try{this.data=JSON.parse(e)}catch(t){console.warn("Invalid JSON data",e)}}})({itemRenderer:({id:e,desc:t,required:r=!1},o,i)=>{const n="checkbox"===i.variant?br:jr;return`\n <${n.componentName}\n bordered="true"\n size=${i.size}\n label="${t}"\n data-id="${e}"\n readonly="${r||i.isReadOnly}"\n required="${r}"\n checked="true"\n ></${n.componentName}>\n`},rerenderAttrsList:["size","variant"]}),Dt,Vt)(cp),up=k("list-item"),hp=I(ne({mappings:{verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],backgroundColor:{},borderColor:{},borderStyle:{},borderWidth:{},borderRadius:{},outline:{},cursor:{},gap:{},maxWidth:{selector:()=>":host"},alignItems:{},flexDirection:{},transition:{}}}),se,ae,e=>class extends e{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n <slot></slot>\n ",N("\n slot {\n width: 100%;\n display: flex;\n overflow: hidden;\n box-sizing: border-box;\n }\n :host {\n display: block;\n }\n ",this)}},e=>class extends e{init(){super.init?.(),this.baseElement.addEventListener("mousedown",e=>{e.preventDefault(),this.setAttribute("active","true"),window.addEventListener("mouseup",()=>this.removeAttribute("active"),{once:!0})})}})(ue({componentName:up,baseSelector:"slot"}));customElements.define(up,hp);const mp=k("list");class gp extends(ue({componentName:mp,baseSelector:".wrapper"})){static get observedAttributes(){return["variant","readonly"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="wrapper">\n <slot></slot>\n <slot name="empty-state">\n No item...\n </slot>\n </div>\n\t',N('\n .wrapper {\n overflow: auto;\n display: grid;\n max-height: 100%;\n width: 100%;\n }\n\n :host {\n display: inline-flex;\n width: 100%;\n }\n slot[name="empty-state"] {\n justify-content: center;\n align-items: center;\n display: flex;\n flex-grow: 1;\n }\n\n :host slot[name="empty-state"] {\n display: none;\n }\n :host([empty]) slot[name="empty-state"] {\n display: flex;\n }\n ::slotted(:not([slot])) {\n width: 100%;\n }\n ',this)}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}#ot(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#it(){this.items.forEach(e=>{let t=e;t.localName!==hp.componentName&&(t=e.querySelector(hp.componentName));const r="tiles"===this.variant?"tile":"row";t?.setAttribute("variant",r)})}init(){super.init?.(),A(this,()=>{this.#ot(),this.#it(),this.#nt()})}get isReadOnly(){return"true"===this.getAttribute("readonly")}#nt(){this.items.forEach(e=>{this.isReadOnly?e.setAttribute("inert",""):e.removeAttribute("inert")})}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&("variant"===e?this.#it():"readonly"===e&&this.#nt())}}const bp=I(ne({mappings:{hostWidth:{selector:()=>":host",property:"width"},maxHeight:{selector:()=>":host"},minHeight:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],hostDirection:{selector:()=>":host",property:"direction"},fontFamily:{},gap:{},backgroundColor:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{},gridTemplateColumns:{},maxItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"max-width"},minItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"min-width"},maxRowItems:{property:"max-row-items"},itemsHorizontalAlign:{selector:()=>"::slotted(*)",property:"justify-self"},emptyStateTextColor:{selector:()=>'slot[name="empty-state"]',property:"color"},emptyStateTextFontFamily:{selector:()=>'slot[name="empty-state"]',property:"font-family"}}}),se,ae)(gp);customElements.define(mp,bp),customElements.define(lp,pp);const yp=qe("third-party-app-logo");class fp extends(jt({componentName:yp,baseSelector:".wrapper"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t\t<div class="wrapper">\n <div class="third-party-app-logo-wrapper">\n <div class="third-party-app-logo"></div>\n </div>\n <div class="arrows">\n <descope-icon src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMTQ0OTIgMTUuNjQ1TDcuNDk5OTIgMTRMMi44MzMyNSAxOC42NjY3TDcuNDk5OTIgMjMuMzMzM0w5LjE0NDkyIDIxLjY4ODNMNy4zMDE1OSAxOS44MzMzSDI0Ljk5OTlWMTcuNUg3LjMwMTU5TDkuMTQ0OTIgMTUuNjQ1WiIgZmlsbD0iIzYzNkM3NCIvPgo8cGF0aCBkPSJNMTkuODU1IDEyLjM1NTNMMjEuNSAxNC4wMDAzTDI2LjE2NjcgOS4zMzM2NkwyMS41IDQuNjY2OTlMMTkuODU1IDYuMzExOTlMMjEuNjk4MyA4LjE2Njk5SDRWMTAuNTAwM0gyMS42OTgzTDE5Ljg1NSAxMi4zNTUzWiIgZmlsbD0iIzYzNkM3NCIvPgo8L3N2Zz4K"></descope-icon>\n </div>\n <div class="company-logo-wrapper">\n <descope-logo st-height="100%"></descope-logo>\n </div>\n </div>\n\t\t\t',N('\n :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\n .wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: max-content;\n }\n\n\t\t\t\t.third-party-app-logo {\n flex-shrink: 0;\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t}\n\n .company-logo-wrapper, .third-party-app-logo-wrapper {\n flex-shrink: 0;\n display: inline-flex;\n }\n\n .company-logo-wrapper {\n justify-content: flex-end;\n }\n\n .third-party-app-logo-wrapper {\n justify-content: flex-start;\n }\n\n .arrows {\n flex-shrink: 0;\n display: flex;\n }\n ',this)}}const vp=">.company-logo-wrapper",xp=">.third-party-app-logo-wrapper",Cp=Be(Nt({mappings:{logoMaxHeight:[{selector:vp,property:"height"},{selector:xp,property:"height"}],logoMaxWidth:[{selector:vp,property:"max-width"},{selector:xp,property:"max-width"}],thirdPartyAppLogo:{selector:()=>".third-party-app-logo",property:"content",fallback:{}},companyLogoFallback:{selector:mn.componentName,property:mn.cssVarList.fallbackUrl},gap:{},arrowsColor:{selector:fo.componentName,property:fo.cssVarList.fill}}}),Dt,Vt)(fp);customElements.define(yp,Cp);const wp=qe("security-questions-setup"),Ip=["full-width","readonly","size","label-type","question-label","question-placeholder","question-data-errormessage-value-missing","answer-label","answer-placeholder","answer-data-errormessage-value-missing","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],Mp=["count","questions"];class Sp extends(jt({componentName:wp,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n <div></div>\n\t\t",N("\n :host {\n display: inline-flex;\n }\n\n div {\n display: flex;\n flex-direction: column;\n }\n ",this)}get count(){return Number(this.getAttribute("count"))||0}#st(){const e=Array.from({length:this.count}).map((e,t)=>`\n <div class="question-wrapper">\n <descope-combo-box\n data-id="${t}"\n item-label-path="data-name"\n item-value-path="data-id"\n bordered="true"\n required="true"\n clear-button-visible="true"\n ></descope-combo-box>\n\n <descope-text-field\n data-id="${t}"\n required="true"\n bordered="true"\n minlength="2"\n ></descope-text-field>\n </div>\n `);this.baseElement.innerHTML=e.join("<spacer></spacer><descope-divider></descope-divider><spacer></spacer>"),this.comboBoxes.forEach(e=>{e.addEventListener("change",e=>{this.updateRemainingCombosData(e.target),this.getAttachedTextField(e.target).value=""}),e.data=this.data}),this.#at(Ip)}getAttachedTextField(e){const t=`descope-text-field[data-id="${e.getAttribute("data-id")}"]`;return this.baseElement.querySelector(t)}filterData(e){const t=this.data.filter(t=>t.value===e||!this.selectedQuestionIds.includes(t.value));return t}reportValidity(){return this.inputs.reverse().forEach(e=>e.reportValidity()),this.checkValidity()}checkValidity(){return[...this.comboBoxes,...this.textFields].every(e=>e.checkValidity())}updateRemainingCombosData(e){this.comboBoxes.filter(t=>t!==e).forEach(e=>{e.data=this.filterData(e.value)})}get questions(){try{return JSON.parse(this.getAttribute("questions"))||[]}catch(e){return console.error(wp,"Error parsing questions attribute",e),[]}}get data(){return this.questions.map(({id:e,text:t})=>({value:e,label:t}))}get comboBoxes(){return Array.from(this.baseElement.querySelectorAll("descope-combo-box"))}get textFields(){return Array.from(this.baseElement.querySelectorAll("descope-text-field"))}get inputs(){return Array.from(this.baseElement.querySelectorAll("descope-combo-box, descope-text-field"))}get selectedQuestionIds(){return this.comboBoxes.map(e=>e.value)}get value(){return this.comboBoxes.map(e=>({id:e.value,answer:this.getAttachedTextField(e).value}))}set value(e=[]){e.forEach((e,t)=>{const r=this.comboBoxes[t],o=this.getAttachedTextField(r);r.value=e.id,o.value=e.answer})}#lt(e,t,r){null===r?e.removeAttribute(t):e.setAttribute(t,r)}#at(e){const t={question:this.comboBoxes,answer:this.textFields};e.forEach(e=>{const[r,...o]=e.split("-"),i=t[r]||this.inputs,n=t[r]?o.join("-"):e;i.forEach(t=>{this.#lt(t,n,this.getAttribute(e))})})}init(){super.init?.(),We(this,()=>{this.#st()},{includeAttrs:Mp}),We(this,this.#at.bind(this),{includeAttrs:Ip})}}const Ap=Be(Nt({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>po.componentName,property:po.cssVarList.hostDirection},{selector:()=>Fi.componentName,property:Fi.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"}}}),Dt,Vt)(Sp);customElements.define(wp,Ap);const Ep=qe("security-questions-verify"),Tp=["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"],kp=["question-mode"],zp={"answer-placeholder":"placeholder","answer-data-errormessage-value-missing":"data-errormessage-value-missing","question-mode":"mode"},Lp=[...Tp,...kp],Np=["questions"];class Dp extends(jt({componentName:Ep,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n <div></div>\n\t\t",N("\n :host {\n display: inline-flex;\n }\n\n div {\n display: flex;\n flex-direction: column;\n }\n ",this)}#st(){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.#at(Lp),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(Ep,"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)})}#lt(e,t,r){null===r?e.removeAttribute(t):e.setAttribute(t,r)}#dt(e){switch(!0){case Tp.includes(e):return this.textFields;case kp.includes(e):return this.texts;default:return[]}}#at(e){e.forEach(e=>{this.#dt(e).forEach(t=>{this.#lt(t,zp[e]||e,this.getAttribute(e))})})}init(){super.init?.(),We(this,()=>{this.#st()},{includeAttrs:Np}),We(this,this.#at.bind(this),{includeAttrs:Lp})}}const Vp=Be(Nt({componentNameOverride:qe("input-wrapper")}),Nt({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>xr.componentName,property:xr.cssVarList.hostDirection},{selector:()=>Fi.componentName,property:Fi.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},questionTextAlign:{selector:()=>xr.componentName,property:xr.cssVarList.textAlign},questionFontSize:{selector:()=>xr.componentName,property:xr.cssVarList.fontSize},questionFontFamily:{selector:()=>xr.componentName,property:xr.cssVarList.fontFamily},questionCursor:{selector:()=>xr.componentName,property:"cursor"},errorMessageIcon:{selector:()=>xr.componentName,property:xr.cssVarList.errorMessageIcon},errorMessageIconSize:{selector:()=>xr.componentName,property:xr.cssVarList.errorMessageSize},errorMessageIconPadding:{selector:()=>xr.componentName,property:xr.cssVarList.errorMessagePadding},errorMessageIconRepeat:{selector:()=>xr.componentName,property:xr.cssVarList.errorMessageRepeat},errorMessageIconPosition:{selector:()=>xr.componentName,property:xr.cssVarList.errorMessagePosition},errorMessageFontSize:{selector:()=>xr.componentName,property:xr.cssVarList.errorMessageFontSize}}}),Dt,Vt)(Dp);customElements.define(Ep,Vp);const Pp=/[^\d\s+\-()]/,Rp=qe("hybrid-field"),Bp={shared:["label","bordered","full-width","label-type","size","disabled","readonly","required","st-host-direction","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],email:["placeholder","data-errormessage-value-missing-email","data-errormessage-pattern-mismatch-email","external-input"],phone:{countryCode:["phone-input-label","country-input-label","country-input-placeholder","restrict-countries","default-code","phone-minlength","phone-format-value","phone-strict-validation","data-errormessage-value-missing-phone"],inputBox:["restrict-countries","default-code","phone-minlength","phone-format-value","phone-strict-validation","data-errormessage-value-missing-phone"]}},Op={email:{"data-errormessage-value-missing-email":"data-errormessage-value-missing","data-errormessage-pattern-mismatch-email":"data-errormessage-pattern-mismatch"},phone:{"phone-input-label":"label","phone-minlength":"minlength","phone-format-value":"format-value","phone-strict-validation":"strict-validation","data-errormessage-value-missing-phone":"data-errormessage-value-missing"}},jp="descope-phone-field",Fp=jt({componentName:Rp,baseSelector:"div"}),Wp=Be(Nt({componentNameOverride:qe("input-wrapper")}),Nt({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:[{selector:()=>"descope-email-field",property:"direction"},{selector:()=>"descope-phone-field",property:"direction"},{selector:()=>"descope-phone-input-box-field",property:"direction"}],errorMessageIcon:[{selector:()=>Vs.componentName,property:Vs.cssVarList.errorMessageIcon},{selector:()=>Js.componentName,property:Js.cssVarList.errorMessageIcon}],errorMessageIconSize:[{selector:()=>Vs.componentName,property:Vs.cssVarList.errorMessageIconSize},{selector:()=>Js.componentName,property:Js.cssVarList.errorMessageIconSize}],errorMessageIconPadding:[{selector:()=>Vs.componentName,property:Vs.cssVarList.errorMessageIconPadding},{selector:()=>Js.componentName,property:Js.cssVarList.errorMessageIconPadding}],errorMessageIconRepeat:[{selector:()=>Vs.componentName,property:Vs.cssVarList.errorMessageIconRepeat},{selector:()=>Js.componentName,property:Js.cssVarList.errorMessageIconRepeat}],errorMessageIconPosition:[{selector:()=>Vs.componentName,property:Vs.cssVarList.errorMessageIconPosition},{selector:()=>Js.componentName,property:Js.cssVarList.errorMessageIconPosition}],errorMessageFontSize:[{selector:()=>Vs.componentName,property:Vs.cssVarList.errorMessageFontSize},{selector:()=>Js.componentName,property:Js.cssVarList.errorMessageFontSize}]}}),Dt,Vt)(class extends Fp{#ct=!1;#pt;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n <div class="wrapper">\n <descope-email-field external-input="${this.isExternalInput}"></descope-email-field>\n <descope-phone-field allow-alphanumeric-input="true"></descope-phone-field>\n <descope-phone-input-box-field allow-alphanumeric-input="true"></descope-phone-input-box-field>\n </div>\n\t\t`,N("\n :host {\n display: inline-flex;\n box-sizing: border-box;\n padding: 0;\n gap: 0;\n }\n .wrapper {\n display: grid;\n width: 100%;\n }\n descope-email-field,\n descope-phone-field,\n descope-phone-input-box-field {\n grid-area: 1/1;\n width: 100%;\n height: 100%;\n }\n .hidden {\n visibility: hidden;\n }\n ",this)}get isExternalInput(){return"true"===this.getAttribute("external-input")}get emailInputEle(){return this.isExternalInput?this.emailInput.externalInput:this.emailInput.inputElement}get phoneVariant(){return"inputBox"===this.getAttribute("phone-variant")?this.phoneInputBoxInput:this.phoneCountryCodeInput}get defaultCode(){const e=this.phoneCountryCodeInput.countryCodes?.[0]||"";return this.getAttribute("default-code")||e}get activeInputEle(){return this.activeInput===this.emailInput?this.emailInputEle:this.phoneVariant.phoneNumberInputEle}get value(){return this.activeInput?.value||""}set value(e){this.handleActiveInput(e),setTimeout(()=>{this.activeInput.value=e})}async init(){super.init?.(),this.initInputs(),this.updateAttrs(),this.toggleInputVisibility(),await this.waitForInputs(),this.initInputEles(),this.overrideEmailInputType(),this.overrideEmailSetAttribute()}waitForInputs(){return new Promise(e=>{const t=setInterval(()=>{this.emailInputEle&&(clearInterval(t),e())})})}initInputs(){this.emailInput=this.shadowRoot.querySelector("descope-email-field"),this.phoneCountryCodeInput=this.shadowRoot.querySelector(jp),this.phoneInputBoxInput=this.shadowRoot.querySelector("descope-phone-input-box-field"),this.inputs=[this.emailInput,this.phoneCountryCodeInput,this.phoneInputBoxInput],this.activeInput=this.emailInput}initInputEles(){[this.emailInputEle,this.phoneCountryCodeInput.phoneNumberInputEle,this.phoneInputBoxInput.phoneNumberInputEle].forEach(e=>{e.addEventListener("input",this.onValueChange.bind(this))})}overrideEmailInputType(){this.emailInputEle.addEventListener("focus",()=>{this.emailInputEle.setAttribute("type","text")}),this.emailInputEle.addEventListener("blur",()=>{setTimeout(()=>{this.emailInputEle.setAttribute("type","email")})})}overrideEmailSetAttribute(){const e=this.emailInput.setAttribute.bind(this.emailInputEle);this.emailInputEle.setAttribute=(t,r)=>("type"!==t||"email"!==r||!this.emailInput.hasAttribute("focused"))&&e(t,r)}updateAttrs(){Ue(this,this.emailInput,{includeAttrs:Bp.email,mapAttrs:Op.email}),Ue(this,this.phoneCountryCodeInput,{includeAttrs:Bp.phone.countryCode,mapAttrs:Op.phone}),Ue(this,this.phoneInputBoxInput,{includeAttrs:Bp.phone.inputBox,mapAttrs:Op.phone}),this.inputs.forEach(e=>Ue(this,e,{includeAttrs:Bp.shared})),setTimeout(()=>this.phoneCountryCodeInput.setAttribute("default-code",this.defaultCode))}onValueChange(){this.#pt=this.activeInputEle.selectionStart,this.handleActiveInput(this.activeInput.value)}handleActiveInput(e){const t=(e=>!!e&&!Pp.test(e))(e)?this.phoneVariant:this.emailInput;this.activeInput!==t&&this.setActiveInput(t)}setActiveInput(e){const t=this.activeInput.value;this.activeInput=e,this.setActiveInputValue(t),this.#ct&&this.activeInput.reportValidity(),this.setActiveInputSelectionStart(),this.toggleInputVisibility()}setActiveInputSelectionStart(){setTimeout(()=>{this.activeInputEle.focus(),this.activeInputEle.setSelectionRange?.(this.#pt,this.#pt)})}setActiveInputValue(e){const t=(e=>e.replace(/\+\d+-/,""))(e),r=this.activeInput.localName===jp?`${this.phoneCountryCodeInput.countryCodeItems}-${t}`:t;this.activeInput.value=r}toggleInputVisibility(){this.inputs.forEach(e=>{e!==this.activeInput?e.classList.add("hidden"):e.classList.remove("hidden")})}reportValidity(){this.#ct=!0;const e=this.activeInputEle,t=e.type;return e.setAttribute("type","text"),setTimeout(()=>{e.setSelectionRange?.(e.value.length,e.value.length),e.setAttribute("type",t)}),this.activeInput.reportValidity()}checkValidity(){return this.activeInput.checkValidity()}});customElements.define(Rp,Wp);const _p=qe("alert");class $p extends(jt({componentName:_p,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div>\n <div class="icon"></div>\n <div class="content">\n <descope-enriched-text>\n <slot></slot>\n </descope-enriched-text>\n </div>\n </div>\n ',N('\n :host {\n display: inline-flex;\n }\n :host > div {\n display: flex;\n width: 100%;\n }\n :host([empty="true"]) {\n display: none;\n }\n .icon {\n flex-shrink: 0;\n }\n .content {\n display: flex;\n flex-wrap: wrap;\n white-space: normal;\n overflow-wrap: break-word;\n }\n ',this)}init(){super.init?.(),this.slotEle=this.shadowRoot.querySelector("slot"),this.textComp=this.shadowRoot.querySelector("descope-enriched-text"),this.slotEle.addEventListener("slotchange",this.handleSlotChange.bind(this)),T(this.textComp,this,{includeAttrs:["empty"]}),A(this,this.handleChildrenChange.bind(this)),Ue(this,this.textComp,{includeAttrs:["variant","full-width","link-target-blank"]})}handleChildrenChange(){this.textComp.textContent=this.textContent}handleSlotChange(){const e=this.slotEle.assignedNodes({flatten:!0});e.length&&(this.textComp.textContent=e[0]?.textContent||"")}}const{icon:Hp}={icon:{selector:()=>".icon"}},qp=Be(Nt({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},textColor:{selector:Ve.componentName,property:Ve.cssVarList.textColor},backgroundColor:{},borderColor:{},borderWidth:{},borderStyle:{},borderRadius:{},fontSize:[{},{selector:Ve.componentName,property:Ve.cssVarList.fontSize}],gap:{},horizontalPadding:[{property:"padding-top"},{property:"padding-bottom"}],verticalPadding:[{property:"padding-right"},{property:"padding-left"}],alignItems:{},justifyContent:[{},{selector:Ve.componentName,property:Ve.cssVarList.textAlign}],icon:[{...Hp,property:"content"},{...Hp,property:"display",fallback:"none"}],iconSize:[{...Hp,property:"width"},{...Hp,property:"height"}]}}),Nt({componentNameOverride:qe("enriched-text")}),Nt({componentNameOverride:qe("text")}),Dt,Vt)($p);customElements.define(_p,qp);const Yp=qe("hcaptcha"),Up=["enabled","site-key"],Gp=tr({componentName:Yp,baseSelector:":host > div"}),Zp=Be(Nt({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostDirection:{property:"direction"},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],maxHeight:[{selector:">img",property:"height"},{selector:">#hcaptcha",property:"height"}],maxWidth:[{selector:">img",property:"max-width"},{selector:">hcaptcha",property:"max-width"}]}}),Dt,Vt)(class extends Gp{static get observedAttributes(){return Up.concat(Gp.observedAttributes||[])}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&"enabled"===e&&this.toggleCaptchaEles("true"===r)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="badge">\n <span id="hcaptcha"></span>\n <input id="hcaptcha-input" type="hidden" name="hcaptcha" required />\n <img src="https://imgs.descope.com/connectors/templates/hcaptcha/hcaptcha-big.png" alt="hcaptcha"/>\n </div>\n <slot></slot>\n\t',N("\n :host {\n display: inline-flex;\n }\n :host > div:not(.hidden) {\n display: flex;\n }\n :host #hcaptcha-input {\n display: none;\n }\n :host #hcaptcha .hcaptcha-logo {\n height: 100%;\n }\n :host #hcaptcha {\n\t\t\t\twidth: 100%;\n height: 100%;\n\t\t\t}\n :host img {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n }\n .hidden {\n display: none;\n }\n ",this),this.captchaEle=this.shadowRoot.querySelector("#hcaptcha"),this.mockCaptchaEle=this.shadowRoot.querySelector("img"),this.badge=this.shadowRoot.querySelector(".badge"),this.inputElement=this.shadowRoot.querySelector("input")}init(){super.init?.(),A(this,this.updatePreview.bind(this)),this.inputElement.getValidity=null,this.inputElement.checkValidity=null}toggleCaptchaEles(e){e?(this.captchaEle.style.display="",this.mockCaptchaEle.style.display="none"):(this.captchaEle.style.display="none",this.mockCaptchaEle.style.display="")}updatePreview(){this.toggleCaptchaEles(this.enabled)}getValidity(){return this.inputElement.value?{}:{valueMissing:!0}}checkValidity(){return!!this.inputElement.value}get siteKey(){return this.getAttribute("site-key")}get enabled(){return"true"===this.getAttribute("enabled")}});customElements.define(Yp,Zp);const Qp=(nu={surface:{main:"#ffffff",dark:"#636c74",light:"#cfd3d7",highlight:"#f4f5f6",contrast:"#181a1c"},primary:{main:"#006af5",dark:"#004094",light:"#71aeff",highlight:"#f0f6ff",contrast:"#ffffff"},secondary:{main:"#802ed6",dark:"#6410bc",light:"#be89f5",highlight:"#ede7f6",contrast:"#ffffff"},success:{main:"#008000",dark:"#005700",light:"#8bc38b",highlight:"#f5faf5",contrast:"#ffffff"},error:{main:"#e21d12",dark:"#b3170f",light:"#f4807a",highlight:"#fef1f1",contrast:"#ffffff"},warning:{main:"#c45512",dark:"#a24309",light:"#ff985a",highlight:"#fdf0e5",contrast:"#ffffff"}},Object.keys(nu).reduce((e,t)=>{const r=nu[t];return Object.assign(e,{[t]:st(r)})},{})),Jp={font1:{family:["Roboto","ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"],label:"Roboto",url:"https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700,800,900"},font2:{family:["ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"],label:"Sans Serif"}},Kp=vt({fonts:Jp}).fonts,Xp={colors:Qp,typography:{h1:{font:Kp.font1.family,weight:"900",size:"48px"},h2:{font:Kp.font1.family,weight:"800",size:"38px"},h3:{font:Kp.font1.family,weight:"600",size:"28px"},subtitle1:{font:Kp.font2.family,weight:"500",size:"22px"},subtitle2:{font:Kp.font2.family,weight:"400",size:"20px"},body1:{font:Kp.font1.family,weight:"400",size:"16px"},body2:{font:Kp.font1.family,weight:"400",size:"14px"}},spacing:{xs:"2px",sm:"4px",md:"8px",lg:"16px",xl:"32px"},border:{xs:"1px",sm:"2px",md:"3px",lg:"4px",xl:"5px"},radius:{xs:"5px",sm:"10px",md:"15px",lg:"20px",xl:"25px","2xl":"30px","3xl":"35px"},shadow:{wide:{sm:"0 2px 3px -0.5px",md:"0 4px 6px -1px",lg:"0 10px 15px -3px",xl:"0 20px 25px -5px","2xl":"0 25px 50px -12px"},narrow:{sm:"0 1px 2px -1px",md:"0 2px 4px -2px",lg:"0 4px 6px -4px",xl:"0 8px 10px -6px","2xl":"0 16px 16px -8px"}},fonts:Jp,direction:"ltr"},eu=(e=>yt(e,[],e=>bt({},e,gt(e))))(Xp),tu=(e=>Object.keys(e).reduce((t,r)=>{const o=e[r];return Object.assign(t,{[r]:Y(o)})},{}))({surface:{main:"#ffffff",dark:"#636c74",light:"#cfd3d7",highlight:"#f4f5f6",contrast:"#181a1c"},primary:{main:"#006af5",dark:"#004094",light:"#71aeff",highlight:"#f0f6ff",contrast:"#ffffff"},secondary:{main:"#802ed6",dark:"#6410bc",light:"#be89f5",highlight:"#ede7f6",contrast:"#ffffff"},success:{main:"#008000",dark:"#005700",light:"#8bc38b",highlight:"#f5faf5",contrast:"#ffffff"},error:{main:"#e21d12",dark:"#b3170f",light:"#f4807a",highlight:"#fef1f1",contrast:"#ffffff"},warning:{main:"#c45512",dark:"#a24309",light:"#ff985a",highlight:"#fdf0e5",contrast:"#ffffff"}}),ru={font1:{family:["Roboto","ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"],label:"Roboto",url:"https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700,800,900"},font2:{family:["ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"],label:"Sans Serif"}},ou=Q({fonts:ru}).fonts,iu={colors:tu,typography:{h1:{font:ou.font1.family,weight:"900",size:"48px"},h2:{font:ou.font1.family,weight:"800",size:"38px"},h3:{font:ou.font1.family,weight:"600",size:"28px"},subtitle1:{font:ou.font2.family,weight:"500",size:"22px"},subtitle2:{font:ou.font2.family,weight:"400",size:"20px"},body1:{font:ou.font1.family,weight:"400",size:"16px"},body2:{font:ou.font1.family,weight:"400",size:"14px"}},spacing:{xs:"2px",sm:"4px",md:"8px",lg:"16px",xl:"32px"},border:{xs:"1px",sm:"2px",md:"3px",lg:"4px",xl:"5px"},radius:{xs:"5px",sm:"10px",md:"15px",lg:"20px",xl:"25px","2xl":"30px","3xl":"35px"},shadow:{wide:{sm:"0 2px 3px -0.5px",md:"0 4px 6px -1px",lg:"0 10px 15px -3px",xl:"0 20px 25px -5px","2xl":"0 25px 50px -12px"},narrow:{sm:"0 1px 2px -1px",md:"0 2px 4px -2px",lg:"0 4px 6px -4px",xl:"0 8px 10px -6px","2xl":"0 16px 16px -8px"}},fonts:ru,direction:"ltr"};var nu;(e=>{Z(e,[],e=>G({},e,U(e)))})(iu);const su=Q(iu),au=Mo.cssVarList,lu={primary:su.colors.primary,secondary:su.colors.secondary,success:su.colors.success,error:su.colors.error,surface:su.colors.surface},[du,cu,pu]=K({mode:lu},vo),uu={...du,[au.fontFamily]:su.fonts.font1.family,[au.cursor]:"pointer",[au.hostHeight]:"3em",[au.hostWidth]:"auto",[au.hostDirection]:su.direction,[au.borderRadius]:su.radius.sm,[au.borderWidth]:su.border.xs,[au.borderStyle]:"solid",[au.borderColor]:"transparent",[au.labelSpacing]:"0.25em",[au.textAlign]:"center",textAlign:{right:{[au.textAlign]:"right"},left:{[au.textAlign]:"left"},center:{[au.textAlign]:"center"}},[au.verticalPadding]:"1em",[au.horizontalPadding]:"0.875em",[au.outlineWidth]:iu.border.sm,[au.outlineOffset]:"0px",[au.outlineStyle]:"solid",[au.outlineColor]:"transparent",[au.iconSize]:"1.5em",size:{xs:{[au.fontSize]:"12px"},sm:{[au.fontSize]:"14px"},md:{[au.fontSize]:"16px"},lg:{[au.fontSize]:"18px"}},_square:{[au.hostHeight]:"3em",[au.hostWidth]:"3em",[au.verticalPadding]:"0"},_fullWidth:{[au.hostWidth]:"100%"},_loading:{[au.cursor]:"wait",[au.labelTextColor]:cu.main},_disabled:{[pu.main]:su.colors.surface.light,[pu.dark]:su.colors.surface.dark,[pu.light]:su.colors.surface.light,[pu.contrast]:su.colors.surface.main,[au.iconColor]:su.colors.surface.main},variant:{contained:{[au.labelTextColor]:cu.contrast,[au.backgroundColor]:cu.main,_hover:{[au.backgroundColor]:cu.dark,_loading:{[au.backgroundColor]:cu.main}},_active:{[au.backgroundColor]:cu.main}},outline:{[au.labelTextColor]:cu.main,[au.borderColor]:cu.main,_hover:{[au.labelTextColor]:cu.dark,[au.borderColor]:cu.dark},_active:{[au.labelTextColor]:cu.main,[au.borderColor]:cu.main}},link:{[au.labelTextColor]:cu.main,[au.horizontalPadding]:"0.125em",_hover:{[au.labelTextColor]:cu.dark,[au.labelTextDecoration]:"underline"},_active:{[au.labelTextColor]:cu.main}}},_focused:{[au.outlineColor]:cu.light}},hu={...au,...pu};var mu=Object.freeze({__proto__:null,default:uu,vars:hu});const gu=Q(iu),bu=xr.cssVarList,yu={[bu.hostDirection]:gu.direction,[bu.textLineHeight]:"1.35em",[bu.textAlign]:"start",[bu.textColor]:gu.colors.surface.dark,variant:{h1:{[bu.fontSize]:gu.typography.h1.size,[bu.fontWeight]:gu.typography.h1.weight,[bu.fontFamily]:gu.typography.h1.font},h2:{[bu.fontSize]:gu.typography.h2.size,[bu.fontWeight]:gu.typography.h2.weight,[bu.fontFamily]:gu.typography.h2.font},h3:{[bu.fontSize]:gu.typography.h3.size,[bu.fontWeight]:gu.typography.h3.weight,[bu.fontFamily]:gu.typography.h3.font},subtitle1:{[bu.fontSize]:gu.typography.subtitle1.size,[bu.fontWeight]:gu.typography.subtitle1.weight,[bu.fontFamily]:gu.typography.subtitle1.font},subtitle2:{[bu.fontSize]:gu.typography.subtitle2.size,[bu.fontWeight]:gu.typography.subtitle2.weight,[bu.fontFamily]:gu.typography.subtitle2.font},body1:{[bu.fontSize]:gu.typography.body1.size,[bu.fontWeight]:gu.typography.body1.weight,[bu.fontFamily]:gu.typography.body1.font},body2:{[bu.fontSize]:gu.typography.body2.size,[bu.fontWeight]:gu.typography.body2.weight,[bu.fontFamily]:gu.typography.body2.font}},mode:{primary:{[bu.textColor]:gu.colors.surface.contrast},secondary:{[bu.textColor]:gu.colors.surface.dark},error:{[bu.textColor]:gu.colors.error.main},"error-dark":{[bu.textColor]:gu.colors.error.dark},success:{[bu.textColor]:gu.colors.success.main},"success-dark":{[bu.textColor]:gu.colors.success.dark},warning:{[bu.textColor]:gu.colors.warning.main},"warning-dark":{[bu.textColor]:gu.colors.warning.dark}},textAlign:{right:{[bu.textAlign]:"right"},left:{[bu.textAlign]:"left"},center:{[bu.textAlign]:"center"}},_fullWidth:{[bu.hostWidth]:"100%"},_italic:{[bu.fontStyle]:"italic"},_uppercase:{[bu.textTransform]:"uppercase"},_lowercase:{[bu.textTransform]:"lowercase"}};var fu=Object.freeze({__proto__:null,default:yu,vars:bu});const vu=Q(iu),xu=kr.cssVarList,Cu={[xu.hostDirection]:vu.direction,[xu.cursor]:"pointer",[xu.textColor]:vu.colors.primary.main,textAlign:{right:{[xu.textAlign]:"right"},left:{[xu.textAlign]:"left"},center:{[xu.textAlign]:"center"}},_fullWidth:{[xu.hostWidth]:"100%"},_hover:{[xu.textDecoration]:"underline"},mode:{secondary:{[xu.textColor]:vu.colors.secondary.main}}};var wu=Object.freeze({__proto__:null,default:Cu,vars:xu});const Iu=Q(iu),Mu=Ve.cssVarList,Su={[Mu.hostDirection]:Iu.direction,[Mu.hostWidth]:J(bu.hostWidth),[Mu.textLineHeight]:J(bu.textLineHeight),[Mu.textColor]:J(bu.textColor),[Mu.textAlign]:J(bu.textAlign),[Mu.fontSize]:J(bu.fontSize),[Mu.fontWeight]:J(bu.fontWeight),[Mu.fontFamily]:J(bu.fontFamily),[Mu.linkColor]:J(xu.textColor),[Mu.linkTextDecoration]:"none",[Mu.linkHoverTextDecoration]:"underline",[Mu.fontWeightBold]:"900",[Mu.minWidth]:"0.25em",[Mu.minHeight]:"1.35em",[Mu.hostDisplay]:"inline-block",_empty:{_hideWhenEmpty:{[Mu.hostDisplay]:"none"}}};var Au=Object.freeze({__proto__:null,default:Su,vars:Mu});const Eu=k("input-wrapper"),Tu=Q(iu),[ku,zu]=K({labelTextColor:Tu.colors.surface.dark,labelFontSize:"14px",labelFontWeight:"500",valueTextColor:Tu.colors.surface.contrast,placeholderTextColor:Tu.colors.surface.dark,requiredIndicator:"'*'",helperTextColor:Tu.colors.surface.dark,errorMessageTextColor:Tu.colors.error.main,successMessageTextColor:Tu.colors.success.main,borderWidth:Tu.border.xs,borderRadius:Tu.radius.xs,borderColor:"transparent",outlineWidth:Tu.border.sm,outlineStyle:"solid",outlineColor:"transparent",outlineOffset:"0px",minWidth:"10em",toggleButtonSize:"1.5em",inputIconSize:"1em",inputHeight:"3em",horizontalPadding:"0.5em",verticalPadding:"0.5em",textAlign:"start",backgroundColor:Tu.colors.surface.main,fontFamily:Tu.fonts.font1.family,direction:Tu.direction,overlayOpacity:"0.3",errorMessageIcon:"",errorMessageIconSize:"0",errorMessageIconPadding:"0",errorMessageIconPosition:"0 0.4em",errorMessageFontSize:"0.8125rem",errorMessageIconRepeat:"no-repeat",errorMessageIconRepeat:"no-repeat",size:{xs:{fontSize:"12px",chipFontSize:"10px"},sm:{fontSize:"14px",chipFontSize:"12px"},md:{fontSize:"16px",chipFontSize:"14px"},lg:{fontSize:"18px",chipFontSize:"16px"}},labelType:{static:{valueInputHeight:"3em",valueInputMarginBottom:"auto"},floating:{labelPosition:"absolute",labelTopPosition:"0",labelHorizontalPosition:"0.9em",labelFontSize:"1em",placeholderOpacity:0,inputHeight:"3.5em",inputVerticalAlignment:"flex-end",inputTransformY:"translateY(1.55em)",inputTransition:"all 75ms ease-in-out",marginInlineStart:"0",valueInputHeight:"1.5702em",valueInputMarginBottom:"0.5em",_focused:{labelFontSize:"0.75em",inputTransformY:"translateY(1.05em)",labelFontWeight:"400",placeholderOpacity:1},_readOnly:{placeholderOpacity:0},_hasValue:{inputTransformY:"translateY(1.05em)",labelFontSize:"0.75em",labelFontWeight:"400"}}},_fullWidth:{width:"100%"},_focused:{outlineColor:Tu.colors.surface.light,_invalid:{outlineColor:Tu.colors.error.main}},_bordered:{outlineWidth:Tu.border.xs,borderColor:Tu.colors.surface.light,borderStyle:"solid",_invalid:{borderColor:Tu.colors.error.main}},_disabled:{labelTextColor:Tu.colors.surface.light,borderColor:Tu.colors.surface.light,valueTextColor:Tu.colors.surface.light,placeholderTextColor:Tu.colors.surface.light,helperTextColor:Tu.colors.surface.light,backgroundColor:Tu.colors.surface.main}},Eu),Lu=Q(iu),Nu=po.cssVarList,Du={[Nu.hostWidth]:zu.width,[Nu.hostDirection]:zu.direction,[Nu.fontSize]:zu.fontSize,[Nu.fontFamily]:zu.fontFamily,[Nu.labelFontSize]:zu.labelFontSize,[Nu.labelFontWeight]:zu.labelFontWeight,[Nu.labelTextColor]:zu.labelTextColor,[Nu.errorMessageTextColor]:zu.errorMessageTextColor,[Nu.inputBorderColor]:zu.borderColor,[Nu.inputBorderWidth]:zu.borderWidth,[Nu.inputBorderStyle]:zu.borderStyle,[Nu.inputBorderRadius]:zu.borderRadius,[Nu.inputOutlineColor]:zu.outlineColor,[Nu.inputOutlineOffset]:zu.outlineOffset,[Nu.inputOutlineWidth]:zu.outlineWidth,[Nu.inputOutlineStyle]:zu.outlineStyle,[Nu.labelRequiredIndicator]:zu.requiredIndicator,[Nu.inputValueTextColor]:zu.valueTextColor,[Nu.inputPlaceholderTextColor]:zu.placeholderTextColor,[Nu.inputBackgroundColor]:zu.backgroundColor,[Nu.inputHorizontalPadding]:zu.horizontalPadding,[Nu.inputHeight]:zu.inputHeight,[Nu.inputDropdownButtonColor]:Lu.colors.surface.dark,[Nu.inputDropdownButtonCursor]:"pointer",[Nu.inputDropdownButtonSize]:zu.toggleButtonSize,[Nu.inputDropdownButtonOffset]:Lu.spacing.xs,[Nu.overlayItemPaddingInlineStart]:Lu.spacing.xs,[Nu.overlayItemPaddingInlineEnd]:Lu.spacing.lg,[Nu.labelPosition]:zu.labelPosition,[Nu.labelTopPosition]:zu.labelTopPosition,[Nu.labelHorizontalPosition]:zu.labelHorizontalPosition,[Nu.inputTransformY]:zu.inputTransformY,[Nu.inputTransition]:zu.inputTransition,[Nu.marginInlineStart]:zu.marginInlineStart,[Nu.placeholderOpacity]:zu.placeholderOpacity,[Nu.inputVerticalAlignment]:zu.inputVerticalAlignment,[Nu.valueInputHeight]:zu.valueInputHeight,[Nu.valueInputMarginBottom]:zu.valueInputMarginBottom,[Nu.errorMessageIcon]:zu.errorMessageIcon,[Nu.errorMessageIconSize]:zu.errorMessageIconSize,[Nu.errorMessageIconPadding]:zu.errorMessageIconPadding,[Nu.errorMessageIconRepeat]:zu.errorMessageIconRepeat,[Nu.errorMessageIconPosition]:zu.errorMessageIconPosition,[Nu.errorMessageFontSize]:zu.errorMessageFontSize,_readonly:{[Nu.inputDropdownButtonCursor]:"default"},[Nu.overlayFontSize]:zu.fontSize,[Nu.overlayFontFamily]:zu.fontFamily,[Nu.overlayCursor]:"pointer",[Nu.overlayItemBoxShadow]:"none",[Nu.overlayBackground]:zu.backgroundColor,[Nu.overlayTextColor]:zu.valueTextColor,[Nu.overlayCheckmarkDisplay]:"initial",[Nu.overlaySelectedItemBackground]:"initial",[Nu.overlaySelectedItemHoverBackground]:Lu.colors.primary.highlight,[Nu.overlaySelectedItemFocusBackground]:Lu.colors.primary.highlight,[Nu.overlayItemHoverBackground]:Lu.colors.primary.highlight,[Nu.overlayItemFocusBackground]:Lu.colors.primary.highlight,[Nu.overlay.minHeight]:"400px",[Nu.overlay.margin]:"0",[Nu.overlay.contentHeight]:"100%",[Nu.overlay.contentOpacity]:"1",[Nu.overlay.scrollerMinHeight]:"1px",_loading:{[Nu.overlay.loaderTop]:"50%",[Nu.overlay.loaderLeft]:"50%",[Nu.overlay.loaderRight]:"auto",[Nu.overlay.loaderMargin]:"-15px 0 0 -15px",[Nu.overlay.loaderWidth]:"30px",[Nu.overlay.loaderHeight]:"30px",[Nu.overlay.loaderBorder]:"2px solid transparent",[Nu.overlay.loaderBorderColor]:`${Lu.colors.primary.highlight} ${Lu.colors.primary.highlight} ${Lu.colors.primary.main} ${Lu.colors.primary.main}`,[Nu.overlay.loaderBorderRadius]:"50%",[Nu.overlay.contentHeight]:"100px",[Nu.overlay.scrollerMinHeight]:"100px",[Nu.overlay.contentOpacity]:"0"}};var Vu=Object.freeze({__proto__:null,comboBox:Du,default:Du,vars:Nu});const Pu=Q(iu),Ru=zc.cssVarList,Bu={[Ru.hostWidth]:"fit-content",[Ru.hostDirection]:Pu.direction,[Ru.textAlign]:"center",[Ru.fontFamily]:Pu.fonts.font1.family,[Ru.fontWeight]:"400",[Ru.verticalPadding]:"0.25em",[Ru.horizontalPadding]:"0.5em",[Ru.borderWidth]:Pu.border.xs,[Ru.borderRadius]:Pu.radius.xs,[Ru.borderColor]:"transparent",[Ru.borderStyle]:"solid",_fullWidth:{[Ru.hostWidth]:"100%"},size:{xs:{[Ru.fontSize]:"12px"},sm:{[Ru.fontSize]:"14px"},md:{[Ru.fontSize]:"16px"},lg:{[Ru.fontSize]:"18px"}},mode:{default:{[Ru.textColor]:Pu.colors.surface.dark,_bordered:{[Ru.borderColor]:Pu.colors.surface.light}},primary:{[Ru.textColor]:Pu.colors.primary.main,_bordered:{[Ru.borderColor]:Pu.colors.primary.light}},secondary:{[Ru.textColor]:Pu.colors.secondary.main,_bordered:{[Ru.borderColor]:Pu.colors.secondary.light}},error:{[Ru.textColor]:Pu.colors.error.main,_bordered:{[Ru.borderColor]:Pu.colors.error.light}},success:{[Ru.textColor]:Pu.colors.success.main,_bordered:{[Ru.borderColor]:Pu.colors.success.light}}}};var Ou=Object.freeze({__proto__:null,default:Bu,vars:Ru});const ju=k("avatar");class Fu extends(ue({componentName:ju,baseSelector:":host > .wrapper"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="wrapper">\n <vaadin-avatar></vaadin-avatar>\n <div class="editableBadge">\n <vaadin-icon icon="vaadin:pencil"></vaadin-icon>\n </div>\n </div>\n\t\t',N("\n :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n .editableBadge {\n border: 1px solid;\n border-radius: 100%;\n height: fit-content;\n width: 25%;\n height: 25%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 5%;\n box-sizing: border-box;\n position: absolute;\n bottom: 0;\n inset-inline-end: 0;\n }\n\n vaadin-icon {\n color: currentcolor;\n }\n\n vaadin-avatar {\n width: 100%;\n height: 100%;\n margin: 0;\n border: none\n }\n\n .wrapper {\n display: inline-flex;\n position: relative;\n width: 100%;\n height: 100%;\n }\n ",this),this.avatarComponent=this.shadowRoot.querySelector("vaadin-avatar"),L(this,this.avatarComponent,{includeAttrs:["display-name","img","abbr"],mapAttrs:{"display-name":"name"}});const e=this.shadowRoot.querySelector(".editableBadge");S(this,()=>{e.style.display=this.isEditable?"":"none"},{includeAttrs:["editable"]})}get isEditable(){return"true"===this.getAttribute("editable")}}const{host:Wu,editableBadge:_u,avatar:$u}={host:{selector:()=>":host"},editableBadge:{selector:"> .editableBadge"},avatar:{selector:"vaadin-avatar"}},Hu=I(ne({mappings:{hostWidth:[{...Wu,property:"width"},{...Wu,property:"min-width"}],hostHeight:{...Wu,property:"height"},cursor:[$u,Wu],hostDirection:{...Wu,property:"direction"},avatarTextColor:{...$u,property:"color"},avatarBackgroundColor:{...$u,property:"background-color"},editableIconColor:{..._u,property:"color"},editableBorderColor:{..._u,property:"border-color"},editableBackgroundColor:{..._u,property:"background-color"}}}),se,ae)(Fu),qu=Q(iu),Yu=Hu.cssVarList,Uu={[Yu.hostDirection]:qu.direction,[Yu.editableIconColor]:qu.colors.surface.dark,[Yu.editableBorderColor]:qu.colors.surface.dark,[Yu.editableBackgroundColor]:qu.colors.surface.main,[Yu.avatarTextColor]:qu.colors.surface.main,[Yu.avatarBackgroundColor]:qu.colors.surface.dark,_editable:{[Yu.cursor]:"pointer"},size:{xs:{[Yu.hostWidth]:"30px",[Yu.hostHeight]:"30px"},sm:{[Yu.hostWidth]:"40px",[Yu.hostHeight]:"40px"},md:{[Yu.hostWidth]:"60px",[Yu.hostHeight]:"60px"},lg:{[Yu.hostWidth]:"98px",[Yu.hostHeight]:"98px"},xl:{[Yu.hostWidth]:"120px",[Yu.hostHeight]:"120px"},"2xl":{[Yu.hostWidth]:"140px",[Yu.hostHeight]:"140px"}}},Gu={...Yu};var Zu=Object.freeze({__proto__:null,default:Uu,vars:Gu});const Qu=fo.cssVarList;var Ju=Object.freeze({__proto__:null,default:{},vars:Qu});const Ku=bo.cssVarList;var Xu=Object.freeze({__proto__:null,default:{},vars:Ku});const eh=k("apps-list"),th=I(ne({mappings:{maxHeight:{selector:()=>":host"},minHeight:{selector:()=>":host"},hostDirection:{selector:()=>":host",property:"direction"},gap:{selector:bp.componentName,property:bp.cssVarList.gap},maxRowItems:{selector:bp.componentName,property:bp.cssVarList.maxRowItems},itemsFontWeight:{selector:xr.componentName,property:xr.cssVarList.fontWeightOverride},itemsFontSize:{selector:xr.componentName,property:xr.cssVarList.fontSizeOverride},itemsTextAlign:{selector:xr.componentName,property:xr.cssVarList.textAlign},itemBackgroundColor:{selector:hp.componentName,property:hp.cssVarList.backgroundColor},itemHoverBackgroundColor:{selector:`${hp.componentName}:hover`,property:hp.cssVarList.backgroundColor},backgroundColor:{selector:bp.componentName,property:bp.cssVarList.backgroundColorOverride},itemBorderStyle:{selector:hp.componentName,property:hp.cssVarList.borderStyleOverride},itemBorderColor:{selector:hp.componentName,property:hp.cssVarList.borderColorOverride},itemBorderWidth:{selector:hp.componentName,property:hp.cssVarList.borderWidthOverride},itemVerticalPadding:{selector:hp.componentName,property:hp.cssVarList.verticalPaddingOverride},itemHorizontalPadding:{selector:hp.componentName,property:hp.cssVarList.horizontalPaddingOverride},itemAlignment:[{selector:()=>".avatar-wrapper",property:"text-align"},{selector:xr.componentName,property:xr.cssVarList.textAlign}]}}),ze({itemRenderer:({name:e,icon:t,url:r},o,i)=>`\n <a ${r?`href="${r}" title="${r}"`:""} ${i.openInSameWindow?"":'target="_blank"'}>\n <descope-list-item>\n <div class="avatar-wrapper">\n <descope-avatar\n ${t?`img="${t}"`:""}\n ${e?`display-name="${e}" abbr=${P(e)}`:""}\n size="${i.logoSize||i.size}"\n ></descope-avatar>\n </div>\n <descope-text\n variant="${i.itemTextVariant}"\n mode="primary"\n >${e}</descope-text>\n </descope-list-item>\n </a>\n`,rerenderAttrsList:["size","item-text-variant","logo-size","open-in-same-window"]}),se,ae,e=>class extends e{get size(){return this.getAttribute("size")||"sm"}get itemTextVariant(){return this.getAttribute("item-text-variant")||"body1"}get logoSize(){return this.getAttribute("logo-size")}get openInSameWindow(){return"true"===this.getAttribute("open-in-same-window")}})(we({slots:["empty-state"],wrappedEleName:"descope-list",excludeAttrsSync:["tabindex","class","empty","style"],componentName:eh,style:()=>`\n :host {\n width: 100%;\n display: inline-flex;\n }\n\n descope-text::part(text-wrapper) {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n descope-list-item[variant="tile"] .avatar-wrapper {\n width: 100%;\n }\n\n .avatar-wrapper {\n line-height: 0;\n }\n\n a {\n text-decoration: none;\n }\n\n descope-text {\n ${xr.cssVarList.hostDirection}: var(${th.cssVarList.hostDirection});\n max-width: 100%;\n width: 100%;\n }\n `})),rh=th.cssVarList,oh=Q(iu),ih="400px",nh={[rh.itemsTextAlign]:"start",[rh.hostDirection]:oh.direction,[rh.maxHeight]:ih,[rh.itemHoverBackgroundColor]:oh.colors.surface.highlight,_empty:{[rh.minHeight]:ih},size:{xs:{[rh.itemsFontSize]:"14px",[rh.itemsFontWeight]:"normal"},sm:{[rh.itemsFontSize]:"14px",[rh.itemsFontWeight]:"normal"},md:{[rh.itemsFontSize]:"16px",[rh.itemsFontWeight]:"normal"},lg:{[rh.itemsFontSize]:"20px",[rh.itemsFontWeight]:"normal"}},itemPadding:{xs:{[rh.itemVerticalPadding]:oh.spacing.xs,[rh.itemHorizontalPadding]:oh.spacing.xs},sm:{[rh.itemVerticalPadding]:oh.spacing.sm,[rh.itemHorizontalPadding]:oh.spacing.sm},md:{[rh.itemVerticalPadding]:oh.spacing.md,[rh.itemHorizontalPadding]:oh.spacing.md},lg:{[rh.itemVerticalPadding]:oh.spacing.lg,[rh.itemHorizontalPadding]:oh.spacing.lg},xl:{[rh.itemVerticalPadding]:oh.spacing.xl,[rh.itemHorizontalPadding]:oh.spacing.xl}}};var sh=Object.freeze({__proto__:null,default:nh,vars:rh});const ah=Q(iu),lh=bp.cssVarList,[dh,ch,ph]=K({shadowColor:"#00000020"},mp),{shadowColor:uh}=ch,hh={...dh,[lh.hostWidth]:"100%",[lh.backgroundColor]:ah.colors.surface.main,[lh.fontFamily]:ah.fonts.font1.family,[lh.borderColor]:ah.colors.surface.light,[lh.borderStyle]:"solid",[lh.borderWidth]:ah.border.xs,[lh.borderRadius]:ah.radius.sm,[lh.gap]:ah.spacing.md,[lh.verticalPadding]:ah.spacing.lg,[lh.horizontalPadding]:ah.spacing.lg,[lh.boxShadow]:`${ah.shadow.wide.sm} ${uh}, ${ah.shadow.narrow.sm} ${uh}`,[lh.maxHeight]:"100%",[lh.hostDirection]:ah.direction,[lh.minItemsWidth]:"150px",[lh.maxRowItems]:"1000",_empty:{[lh.minHeight]:"150px",[lh.emptyStateTextColor]:ah.colors.surface.dark,[lh.emptyStateTextFontFamily]:ah.fonts.font1.family},variant:{tiles:{[lh.gridTemplateColumns]:`repeat(auto-fit, minmax(\n max(\n min(${J(lh.minItemsWidth)}, 100%),\n calc((100% - (${J(lh.maxRowItems)} - 1) * ${J(lh.gap)}) / ${J(lh.maxRowItems)})),\n 1fr))`,[lh.maxItemsWidth]:"200px",[lh.itemsHorizontalAlign]:"center"}},gap:{xs:{[lh.gap]:ah.spacing.xs},sm:{[lh.gap]:ah.spacing.sm},md:{[lh.gap]:ah.spacing.md},lg:{[lh.gap]:ah.spacing.lg},xl:{[lh.gap]:ah.spacing.xl}}},mh={...lh,...ph};var gh=Object.freeze({__proto__:null,default:hh,vars:mh});const bh=Q(iu),yh=hp.cssVarList,fh={[yh.backgroundColor]:bh.colors.surface.main,[yh.verticalPadding]:bh.spacing.lg,[yh.horizontalPadding]:bh.spacing.lg,[yh.gap]:bh.spacing.md,[yh.borderStyle]:"solid",[yh.borderWidth]:bh.border.xs,[yh.borderColor]:bh.colors.surface.main,[yh.borderRadius]:bh.radius.sm,[yh.cursor]:"pointer",[yh.alignItems]:"center",[yh.flexDirection]:"row",[yh.transition]:"border-color 0.2s, background-color 0.2s",variant:{tile:{[yh.alignItems]:"flex-start",[yh.flexDirection]:"column",[yh.borderColor]:bh.colors.surface.light}},_hover:{[yh.backgroundColor]:bh.colors.surface.highlight},_active:{[yh.backgroundColor]:bh.colors.surface.main,[yh.borderColor]:bh.colors.primary.light,[yh.outline]:`1px solid ${bh.colors.primary.light}`}};var vh=Object.freeze({__proto__:null,default:fh,vars:yh});const xh=k("autocomplete-field-internal"),Ch=ve({componentName:xh,baseSelector:""}),wh=[],Ih="DESCOPE_INVALID_OPTION",Mh=k("autocomplete-field"),{host:Sh}={host:{selector:()=>":host"}},Ah=I(ne({componentNameOverride:k("input-wrapper")}),ne({mappings:{hostWidth:{...Sh,property:"width"},hostDirection:{...Sh,property:"direction"},fontSize:{...Sh},checkmarkDisplay:{selector:po.componentName,property:po.cssVarList.overlayCheckmarkDisplay},itemPaddingInlineStart:{selector:po.componentName,property:po.cssVarList.overlayItemPaddingInlineStart},itemPaddingInlineEnd:{selector:po.componentName,property:po.cssVarList.overlayItemPaddingInlineEnd},selectedItemBackground:{selector:po.componentName,property:po.cssVarList.overlaySelectedItemBackground},selectedItemHoverBackground:{selector:po.componentName,property:po.cssVarList.overlaySelectedItemHoverBackground},selectedItemFocusBackground:{selector:po.componentName,property:po.cssVarList.overlaySelectedItemFocusBackground},itemHoverBackground:{selector:po.componentName,property:po.cssVarList.overlayItemHoverBackground}}}),se,Ae({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),ae,e=>class extends e{get defaultValue(){return this.getAttribute("default-value")}setDefaultValue(){this.defaultValue&&setTimeout(()=>{this.inputElement.value=this.defaultValue})}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n <${xh}\n tabindex="-1"\n ></${xh}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(xh),L(this,this.inputElement,{includeAttrs:["size","bordered","label","required","label-type","placeholder","full-width","allow-custom-value","min-search-length","no-results-message","error-fetching-results-message","data-errormessage-value-missing","invalid","error-message","readonly","disabled","st-host-direction","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),T(this,this.inputElement,{includeAttrs:["invalid"]}),this.inputElement.fetchResults=this.fetchResults,this.setDefaultValue()}set fetchResults(e){this.inputElement.fetchResults=e}})(we({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>"\n :host {\n display: inline-flex;\n max-width: 100%;\n direction: ltr;\n }\n vaadin-custom-field {\n line-height: unset;\n width: 100%;\n }\n\n descope-autocomplete-field-internal {\n display: inline-block;\n box-sizing: border-box;\n user-select: none;\n width: 100%;\n max-width: 100%;\n }\n\n descope-autocomplete-field-internal ::slotted {\n padding: 0;\n }\n ",excludeAttrsSync:["tabindex","error-message","label","style"],componentName:Mh})),Eh=Ah.cssVarList,Th=Q(iu),kh={[Eh.hostWidth]:zu.width,[Eh.hostDirection]:zu.direction,[Eh.fontSize]:zu.fontSize,[Eh.checkmarkDisplay]:"none",[Eh.itemPaddingInlineStart]:Th.spacing.lg,[Eh.itemPaddingInlineEnd]:Th.spacing.lg,[Eh.selectedItemBackground]:Th.colors.primary.light,[Eh.selectedItemHoverBackground]:Th.colors.primary.light,[Eh.selectedItemFocusBackground]:Th.colors.primary.light,[Eh.itemHoverBackground]:Th.colors.primary.highlight,_fullWidth:{[Eh.hostWidth]:"100%"}};var zh=Object.freeze({__proto__:null,default:kh,vars:Eh});class Lh extends(Ce()){#ut=null;#ht=null;constructor(e){super(e),this.#ht=this.#mt()}getRequiredParams(){return["public-api-key"]}getOptionalParams(){return[{key:"includedPrimaryTypes",attribute:"address-types"},{key:"language",attribute:"address-language"},{key:"region",attribute:"address-region"}]}async#mt(){const e=this.getAttribute("public-api-key");if(!this.#ut&&e)try{(e=>{var t,r,o,i,n,s,a,l,d,c,p,u,h;window.google?.maps||(t={key:e},n="The Google Maps JavaScript API",s="google",a="importLibrary",l="__ib__",d=document,c=window,p=(c=c[s]||(c[s]={})).maps||(c.maps={}),u=new Set,h=new URLSearchParams,p[a]?console.warn(n+" only loads once. Ignoring:",t):p[a]=(e,...c)=>u.add(e)&&(r||(r=new Promise(async(e,a)=>{for(i in await(o=d.createElement("script")),h.set("libraries",[...u]+""),t)h.set(i.replace(/[A-Z]/g,e=>"_"+e[0].toLowerCase()),t[i]);h.set("callback",s+".maps."+l),o.src=`https://maps.${s}apis.com/maps/api/js?`+h,p[l]=e,o.onerror=()=>r=a(Error(n+" could not load.")),o.nonce=d.querySelector("script[nonce]")?.nonce||"",d.head.append(o)}))).then(()=>p[a](e,...c)))})(e);const{AutocompleteSuggestion:t}=await google.maps.importLibrary("places");this.#ut=t}catch(e){throw console.error("Failed to initialize Google Maps Autocomplete service:",e),e}}async _fetchResults(e){if(!e?.trim())return{results:[]};try{await this.#ht;const t={input:e};this.getOptionalParams().forEach(({attribute:e,key:r,defaultValue:o})=>{const i=this.getAttribute(e)||o;i&&(t[r]="includedPrimaryTypes"===r?i.split(",").map(e=>e.trim()).filter(Boolean):i)});const{suggestions:r}=await this.#ut.fetchAutocompleteSuggestions(t);return this.#gt(r)}catch(e){return console.error("Google Maps Places Autocomplete failed:",e),{results:[],error:xe}}}#gt(e){return e?.length?{results:e.map(e=>{const t=e.placePrediction;return{id:t.placeId,label:t.text.text,value:t.text.text}})}:{results:[]}}}class Nh extends(Ce()){getRequiredParams(){return["public-api-key"]}getOptionalParams(){return[{key:"layers",attribute:"address-types"},{key:"limit",attribute:"address-limit"},{key:"lang",attribute:"address-language"},{key:"countryCode",attribute:"address-region"}]}async _fetchResults(e){if(!e?.trim())return{results:[]};const t=this.getAttribute("public-api-key"),r=new URLSearchParams({query:e.trim()});this.getOptionalParams().forEach(({attribute:e,key:t,defaultValue:o})=>{const i=this.getAttribute(e)||o;i&&("layers"===t||"countryCode"===t?r.append(t,i.split(",").map(e=>e.trim()).filter(Boolean).join(",")):r.append(t,i))});try{const e=await fetch(`https://api.radar.io/v1/search/autocomplete?${r.toString()}`,{headers:{Authorization:t}});if(!e.ok)throw new Error(`Radar API returned ${e.status}`);const o=await e.json();return this.#gt(o)}catch(e){return console.error("Radar Places Autocomplete failed:",e),{results:[],error:xe}}}#gt(e){return e?.addresses?.length?{results:e.addresses.map(e=>({label:e.formattedAddress,value:e.formattedAddress}))}:{results:[]}}}const Dh=k("address-field-internal"),Vh="google-maps-places",Ph="radar",Rh={[Vh]:Lh,[Ph]:Nh},Bh=ve({componentName:Dh,baseSelector:""}),Oh=["public-api-key"],jh=[...Oh],Fh=I((({connectorClasses:e})=>t=>class extends t{#bt=e;static get observedAttributes(){return[...t.observedAttributes||[],"connector-template"]}get connectorClasses(){return this.#bt}set connectorClasses(e){this.#bt=e}get connectorTemplate(){return this.getAttribute("connector-template")}initializeConnector(){const e=this.connectorTemplate;if(!this.connectorClasses[e])return;const t=this.connectorClasses[e];this.connector=new t(this.getAttribute.bind(this))}async fetchConnectorResults(e){if(!this.connector)return console.error(`No connector initialized for the field with template: ${this.connectorTemplate}`),{results:[]};const{results:t,error:r}=await this.connector.fetch(e);return r?{results:[],error:r}:{results:t.map(({label:e,value:t})=>({label:e,value:t}))}}init(){super.init?.(),this.initializeConnector()}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&"connector-template"===e&&this.initializeConnector()}})({connectorClasses:Rh}))(class extends Bh{static get observedAttributes(){return[].concat(Bh.observedAttributes||[],jh)}get errorMsgValueMissing(){return this.getAttribute("data-errormessage-value-missing")||this.defaultErrorMsgValueMissing}constructor(){super(),this.innerHTML="\n <div>\n <descope-autocomplete-field></descope-autocomplete-field>\n </div>\n ",this.autocompleteField=this.querySelector("descope-autocomplete-field")}get value(){return this.autocompleteField.value}set value(e){this.autocompleteField.value=e}focus(){this.autocompleteField.focus()}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.autocompleteField.focus()}),super.init?.(),this.initAutocomplete()}initAutocomplete(){L(this,this.autocompleteField,{includeAttrs:["size","bordered","label","label-type","placeholder","disabled","readonly","required","full-width","helper-text","error-message","default-value","data-errormessage-value-missing","st-host-direction","allow-custom-value","min-search-length","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),T(this,this.autocompleteField,{includeAttrs:["invalid"]}),this.autocompleteField.fetchResults=this.fetchConnectorResults.bind(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&Oh.includes(e)&&this.initializeConnector()}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{valid:!0}}}),Wh=k("address-field"),{host:_h}={host:{selector:()=>":host"}},$h=I(ne({componentNameOverride:k("input-wrapper")}),ne({mappings:{hostWidth:{..._h,property:"width"},hostDirection:{..._h,property:"direction"}}}),se,Ae({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),ae,e=>class extends e{get defaultValue(){return this.getAttribute("default-value")}setDefaultValue(){this.defaultValue&&setTimeout(()=>{this.inputElement.value=this.defaultValue})}set connectorClasses(e){this.inputElement.connectorClasses=e}get connectorClasses(){return this.inputElement.connectorClasses}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n <${Dh}\n tabindex="-1"\n ></${Dh}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Dh),L(this,this.inputElement,{includeAttrs:["size","bordered","label","required","label-type","placeholder","full-width","allow-custom-value","min-search-length","no-results-message","error-fetching-results-message","data-errormessage-value-missing","invalid","error-message","readonly","disabled","st-host-direction","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding","connector-template","public-api-key","address-types","address-language","address-region","address-limit"]}),T(this,this.inputElement,{includeAttrs:["invalid"]}),this.setDefaultValue()}})(we({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>`\n :host {\n display: inline-flex;\n max-width: 100%;\n direction: ltr;\n }\n vaadin-custom-field {\n line-height: unset;\n width: 100%;\n }\n\n ${Dh} {\n display: inline-block;\n box-sizing: border-box;\n user-select: none;\n width: 100%;\n max-width: 100%;\n }\n\n ${Dh} ::slotted {\n padding: 0;\n }\n`,excludeAttrsSync:["tabindex","error-message","label","style"],componentName:Wh})),Hh=$h.cssVarList,qh={[Hh.hostWidth]:zu.width,[Hh.hostDirection]:zu.direction,_fullWidth:{[Hh.hostWidth]:"100%"}};var Yh=Object.freeze({__proto__:null,default:qh,vars:Hh});const Uh=(e,t=2)=>String(e).padStart(t,"0"),Gh=k("timer"),Zh=["seconds","hide-icon","paused"],Qh=ue({componentName:Gh,baseSelector:":host > .wrapper"}),{host:Jh,icon:Kh,timer:Xh}={host:{selector:()=>":host"},icon:{selector:()=>".icon"},timer:{selector:()=>".timer"}},em=I(ne({mappings:{fontSize:{},iconSize:[{...Kh,property:"width"},{...Kh,property:"height"}],fontFamily:{},minHeight:{},fontWeight:{...Xh},lineHeight:{...Xh},textColor:{...Xh,property:"color"},gap:{},textAlign:{property:"justify-content"},hostWidth:{...Jh,property:"width"},hostDirection:{...Jh,property:"direction"},iconColor:{...Kh,property:fo.cssVarList.fill}}}),se,ae)(class extends Qh{#yt=0;#ft;static get observedAttributes(){return Zh.concat(Qh.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="wrapper">\n <descope-icon src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDEwNCAxMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01MC4zMzM0IDAuMzMzMjUyQzIyLjgzMzQgMC4zMzMyNTIgMC4zMzMzNzQgMjIuODMzMyAwLjMzMzM3NCA1MC4zMzMzQzAuMzMzMzc0IDc3LjgzMzMgMjIuODMzNCAxMDAuMzMzIDUwLjMzMzQgMTAwLjMzM0M3Ny44MzM0IDEwMC4zMzMgMTAwLjMzMyA3Ny44MzMzIDEwMC4zMzMgNTAuMzMzM0MxMDAuMzMzIDIyLjgzMzMgNzcuODMzNCAwLjMzMzI1MiA1MC4zMzM0IDAuMzMzMjUyWk01MC4zMzM0IDg3LjgzMzNDMjkuNzA4NCA4Ny44MzMzIDEyLjgzMzQgNzAuOTU4MyAxMi44MzM0IDUwLjMzMzNDMTIuODMzNCAyOS43MDgzIDI5LjcwODQgMTIuODMzMyA1MC4zMzM0IDEyLjgzMzNDNzAuOTU4NCAxMi44MzMzIDg3LjgzMzQgMjkuNzA4MyA4Ny44MzM0IDUwLjMzMzNDODcuODMzNCA3MC45NTgzIDcwLjk1ODQgODcuODMzMyA1MC4zMzM0IDg3LjgzMzNaIiBmaWxsPSIjMTgxQTFDIi8+CjxwYXRoIGQ9Ik01MC4zMzI4IDE5LjA4MzNINDQuMDgyOFY1Ni41ODMySDc1LjMzMjhWNTAuMzMzMkg1MC4zMzI4VjE5LjA4MzNaIiBmaWxsPSIjMTgxQTFDIi8+Cjwvc3ZnPgo=" class="icon"></descope-icon>\n <div class="timer"></div>\n </div>\n\t\t',N("\n :host {\n display: inline-flex;\n user-select: none;\n -webkit-user-select: none;\n }\n .wrapper {\n display: flex;\n align-items: center;\n flex-direction: row;\n width: 100%;\n }\n .hidden {\n display: none;\n }\n ",this),this.icon=this.shadowRoot.querySelector(".icon"),this.timer=this.shadowRoot.querySelector(".timer")}get seconds(){const e=this.getAttribute("seconds"),t=1e3*parseInt(e||0,10);return Math.max(0,t)}get isPaused(){return"true"===this.getAttribute("paused")}init(){super.init?.(),this.#yt=this.seconds}startInterval(){this.#yt?this.#ft=setInterval(()=>{this.#vt(),this.#yt||this.stop(),this.#xt(this.#yt)},1e3):this.stop()}stopInterval(){clearInterval(this.#ft)}#vt(){this.#yt=this.#yt-1e3}reset(){this.#yt=this.seconds,this.#xt(this.#yt),this.isPaused||(this.dispatchEvent(new CustomEvent("timer-started",{bubbles:!0})),this.startInterval())}stop(){this.stopInterval(),this.#yt=0,this.#xt(this.#yt),this.dispatchEvent(new CustomEvent("timer-ended",{bubbles:!0}))}pause(){this.setAttribute("paused","true"),this.stopInterval()}resume(){this.removeAttribute("paused"),this.startInterval()}#xt(e){this.timer.textContent=((e=0)=>{const t=Math.floor(e/1e3),r=Math.floor(t/3600),o=Math.floor(t%3600/60),i=t%60;return[...r?[Uh(r)]:[],Uh(o),Uh(i)].join(":")})(e)}#Ct(e){this.icon.classList.toggle("hidden",e)}#wt(e){setTimeout(()=>{e?this.pause():this.#ft||this.resume()})}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&("seconds"===e&&this.reset(),"hide-icon"===e&&this.#Ct("true"===r),"paused"===e&&this.#wt("true"===r))}}),tm=Q(iu),rm=em.cssVarList,om={[rm.hostDirection]:tm.direction,[rm.gap]:"0.25em",[rm.fontFamily]:tm.fonts.font1.family,[rm.minHeight]:"1.5em",[rm.lineHeight]:"1em",[rm.fontWeight]:tm.fonts.font1.fontWeight,[rm.textColor]:tm.colors.surface.contrast,[rm.iconColor]:tm.colors.surface.contrast,[rm.iconSize]:"1em",size:{xs:{[rm.fontSize]:"12px"},sm:{[rm.fontSize]:"14px"},md:{[rm.fontSize]:"16px"},lg:{[rm.fontSize]:"18px"}},textAlign:{right:{[rm.textAlign]:"right"},left:{[rm.textAlign]:"left"},center:{[rm.textAlign]:"center"}},_fullWidth:{[rm.hostWidth]:"100%"}};var im=Object.freeze({__proto__:null,default:om,vars:rm});const nm=k("timer-button"),sm=["button-variant","button-mode","size","text-align","full-width"],am={"button-variant":"variant","button-mode":"mode"},lm=["timer-seconds","timer-hide-icon","timer-paused","size","text-align","full-width"],dm={"timer-seconds":"seconds","timer-hide-icon":"hide-icon","timer-paused":"paused"},cm=ue({componentName:nm,baseSelector:":host > div"}),{host:pm}={host:{selector:()=>":host"}},um=I(ne({mappings:{gap:{},flexDirection:{},hostWidth:{...pm,property:"width"},hostDirection:{...pm,property:"direction"}}}),se,ae)(class extends cm{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="wrapper">\n <descope-timer class="timer"></descope-timer>\n <descope-button class="button" disabled="true">\n <slot></slot>\n </descope-button>\n </div>\n\t\t',N("\n :host {\n display: inline-flex;\n }\n .wrapper {\n display: flex;\n flex-direction: column;\n gap: 0.5em;\n align-items: center;\n width: 100%;\n }\n .timer {\n flex: 1;\n }\n ",this),this.timer=this.shadowRoot.querySelector(".timer"),this.button=this.shadowRoot.querySelector(".button"),this.timer.addEventListener("timer-started",()=>this.onTimerStarted()),this.timer.addEventListener("timer-ended",()=>this.onTimerEnded()),this.button.addEventListener("click",this.onClick.bind(this))}set onclick(e){this.button.onclick=e}init(){super.init?.(),L(this,this.button,{includeAttrs:sm,mapAttrs:am}),L(this,this.timer,{includeAttrs:lm,mapAttrs:dm}),this.button.shadowRoot.querySelector("vaadin-button").setAttribute("disabled","true")}onTimerStarted(){this.toggleButtonDisable(!0)}onTimerEnded(){this.toggleButtonDisable(!1)}onClick(){this.timer.reset()}toggleButtonDisable(e){setTimeout(()=>{e?this.button.setAttribute("disabled","true"):this.button.removeAttribute("disabled")})}}),hm=Q(iu),mm=um.cssVarList,gm={[mm.gap]:hm.spacing.sm,[mm.flexDirection]:"column",_horizontal:{[mm.flexDirection]:"row"},_fullWidth:{[mm.hostWidth]:"100%"}};var bm=Object.freeze({__proto__:null,default:gm,vars:mm});const ym=k("password-strength");class fm extends(ue({componentName:ym,baseSelector:":host > .wrapper"})){static get observedAttributes(){return["options","value"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="wrapper">\n <div class="bars-container"></div>\n <div class="text-container">\n </div>\n </div>\n\t\t',N("\n :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n .wrapper {\n display: inline-flex;\n position: relative;\n flex-direction: column;\n width: 100%;\n height: 100%;\n align-items: flex-start;\n }\n\n .bar {\n flex-grow: 1;\n }\n\n .bars-container {\n display: flex;\n flex-grow: 1;\n width: 100%;\n }\n ",this),this.barsContainer=this.shadowRoot.querySelector(".bars-container"),this.textContainer=this.shadowRoot.querySelector(".text-container")}get options(){return this.getAttribute("options")?.split(",")||[]}getCalcScoreFn=()=>Promise.resolve().then(function(){return Nv}).then(e=>e.default);#It=-1;async calcScore(){const e=this.getAttribute("value")||"";return e?(await this.getCalcScoreFn())(e).score:-1}renderBars(){this.barsContainer.innerHTML="",this.bars=this.options.map((e,t)=>{const r=document.createElement("div");return r.classList.add("bar"),r.classList.toggle("filled",t<=this.#It),this.barsContainer.appendChild(r),r})}init(){super.init?.(),this.getCalcScoreFn()}async onValueChange(){const e=await this.calcScore();e!==this.#It&&(this.#It=e,this.dispatchEvent(new CustomEvent("score-changed",{bubbles:!0,composed:!0,detail:this.#It})),this.bars?.forEach((e,t)=>{e.classList.toggle("filled",t<=this.#It)}),this.textContainer.innerHTML=this.options[this.#It]||"",-1===this.#It?this.removeAttribute("score"):this.setAttribute("score",this.#It))}attributeChangedCallback(e,t,r){if(t!==r)return"options"===e?this.renderBars():"value"===e?this.onValueChange():void 0}}const{host:vm,bar:xm,filledBar:Cm,barsContainer:wm,text:Im}={host:{selector:()=>":host"},bar:{selector:" .bar"},barsContainer:{selector:" .bars-container"},filledBar:{selector:" .bar.filled"},text:{selector:" .text-container"}},Mm=I(ne({componentNameOverride:k("input-wrapper")}),ne({mappings:{hostWidth:[{...vm,property:"width"},{...vm,property:"min-width"}],hostDirection:{...vm,property:"direction"},hostMinWidth:{...vm,property:"min-width"},barHeight:{...xm,property:"height"},barBorderRadius:{...xm,property:"border-radius"},emptyBarColor:{...xm,property:"background-color"},filledBarColor:{...Cm,property:"background-color"},textColor:{...Im,property:"color"},spacing:{property:"gap"},barSpacing:{...wm,property:"gap"},fontSize:{},fontWeight:{},fontFamily:{},barTransition:{...xm,property:"transition"}}}),se,ae)(fm),Sm=Q(iu),Am=Mm.cssVarList,Em={[Am.hostDirection]:Sm.direction,[Am.barHeight]:"4px",[Am.barTransition]:"background-color 0.3s",[Am.barBorderRadius]:Sm.radius.sm,[Am.hostMinWidth]:zu.minWidth,[Am.barSpacing]:Sm.spacing.sm,[Am.emptyBarColor]:Sm.colors.surface.light,[Am.fontFamily]:zu.fontFamily,[Am.fontSize]:zu.labelFontSize,[Am.fontWeight]:zu.labelFontWeight,[Am.spacing]:Sm.spacing.sm,_fullWidth:{[Am.hostWidth]:"100%"},score:{0:{[Am.filledBarColor]:Sm.colors.error.light,[Am.textColor]:Sm.colors.error.light},1:{[Am.filledBarColor]:Sm.colors.error.main,[Am.textColor]:Sm.colors.error.main},2:{[Am.filledBarColor]:Sm.colors.error.dark,[Am.textColor]:Sm.colors.error.dark},3:{[Am.filledBarColor]:Sm.colors.success.dark,[Am.textColor]:Sm.colors.success.dark},4:{[Am.filledBarColor]:Sm.colors.success.main,[Am.textColor]:Sm.colors.success.main}}},Tm={...Am};var km=Object.freeze({__proto__:null,default:Em,vars:Tm});const zm=k("collapsible-container");class Lm extends(ue({componentName:zm,baseSelector:"slot"})){static get observedAttributes(){return["collapsed","collapsible","text"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="wrapper">\n <descope-text st-host-direction="ltr">\n <div class="header">\n <div class="icon">\n <descope-icon st-fill="currentcolor" src=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNy4yMTkzIDkuMjcyODNDMTcuNjU4NCA4Ljg3OTEyIDE4LjMzMzQgOC45MTU4NyAxOC43MjcyIDkuMzU0OTJDMTkuMTIwOSA5Ljc5Mzk3IDE5LjA4NDEgMTAuNDY5MSAxOC42NDUxIDEwLjg2MjhDMTguNjQ1MSAxMC44NjI4IDEzLjA0NTcgMTYuMDAyMiAxMi42NCAxNi4zNjZDMTIuMjM0MyAxNi43Mjk4IDExLjc2MDggMTYuNzI5OCAxMS4zNTUyIDE2LjM2Nkw1LjM1NDkyIDEwLjg2MjhDNC45MTU4NyAxMC40NjkxIDQuODc5MTIgOS43OTM5NyA1LjI3MjgzIDkuMzU0OTJDNS42NjY1NSA4LjkxNTg3IDYuMzQxNjQgOC44NzkxMiA2Ljc4MDY5IDkuMjcyODNMMTIgMTQuMTM2OEwxNy4yMTkzIDkuMjcyODNaIi8+Cjwvc3ZnPgo=></descope-icon>\n </div>\n <span></span>\n </div>\n </descope-text>\n <div class="content">\n <slot></slot>\n </div>\n </div>\n\t',N(`\n div.content {\n transition-property: max-height;\n overflow: auto;\n height: auto;\n\t\t\t}\n\t\t\tslot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t}\n slot:focus-visible {\n outline: none;\n }\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n .header {\n user-select: none;\n display: flex;\n align-items: baseline;\n }\n .icon {\n flex-shrink: 0;\n height: var(${xr.cssVarList.textLineHeight});\n min-height: 24px;\n display: flex;\n align-items: center;\n }\n descope-icon {\n transition-property: transform;\n }\n .rotate {\n transform: rotate(-180deg);\n }\n descope-text {\n width: 100%;\n display: flex;\n }\n span {\n align-self: center;\n word-break: break-word;\n }\n span:empty {\n display: none;\n }\n .wrapper {\n overflow: hidden;\n display: inline-flex;\n width: 100%;\n flex-direction: column;\n }\n `,this),this.header=this.shadowRoot.querySelector(".header"),this.content=this.shadowRoot.querySelector("div.content"),this.icon=this.header.querySelector("descope-icon"),this.headerText=this.header.querySelector("span"),this.textComponent=this.shadowRoot.querySelector("descope-text")}get isCollapsible(){return"true"===this.getAttribute("collapsible")}calcContentHeight(){return this.content.offsetHeight||this.content.scrollHeight}get isCollapsed(){return"true"===this.getAttribute("collapsed")}toggle(){this.setAttribute("collapsed",this.isCollapsed?"false":"true")}collapse(e=!1){const t=()=>{this.content.style.maxHeight="0px"};if(this.icon.classList.add("rotate"),!e)return t();this.content.style.maxHeight=this.calcContentHeight()+"px",setTimeout(t)}expand(e=!1){const t=()=>{this.content.style.maxHeight=""};if(this.icon.classList.remove("rotate"),!e)return t();this.content.addEventListener("transitionend",t,{once:!0}),this.content.style.maxHeight=this.calcContentHeight()+"px"}#Mt=!1;init(){super.init?.(),this.#Mt=!0,this.header.addEventListener("click",()=>{this.isCollapsible&&this.toggle()}),L(this,this.textComponent,{includeAttrs:["text-align","text-variant","text-mode"],mapAttrs:{"text-mode":"mode","text-variant":"variant"}})}updateHeaderText(){const e=this.getAttribute("text")||"";this.headerText.innerText=e}attributeChangedCallback(e,t,r){"text"!==e?this.isCollapsed&&this.isCollapsible?this.collapse(this.#Mt):this.expand(this.#Mt):this.updateHeaderText()}}const Nm={host:()=>":host",icon:()=>"descope-icon",iconWrapper:()=>".icon",header:()=>".header",text:()=>"span",wrapper:()=>".wrapper",content:()=>"div.content"},Dm=I(ne({mappings:{hostWidth:{selector:Nm.host,property:"width"},hostDirection:{selector:Nm.host,property:"direction"},verticalPadding:[{selector:Nm.wrapper,property:"padding-top"},{selector:Nm.wrapper,property:"padding-bottom"}],horizontalPadding:[{selector:Nm.wrapper,property:"padding-left"},{selector:Nm.wrapper,property:"padding-right"}],flexDirection:{},justifyContent:{},alignItems:{},gap:[{},{property:"margin-top"}],backgroundColor:{selector:Nm.wrapper},backgroundImage:{selector:Nm.wrapper},backgroundPositionX:{selector:Nm.wrapper},backgroundPositionY:{selector:Nm.wrapper},backgroundSize:{selector:Nm.wrapper},backgroundRepeat:{selector:Nm.wrapper},borderRadius:{selector:Nm.wrapper},borderColor:{selector:Nm.wrapper},borderStyle:{selector:Nm.wrapper},borderWidth:{selector:Nm.wrapper},boxShadow:{selector:Nm.wrapper},headerIconOrder:{selector:Nm.iconWrapper,property:"order"},headerCursor:{selector:Nm.header,property:"cursor"},headerGap:{selector:Nm.header,property:"gap"},textGrow:{selector:Nm.text,property:"flex-grow"},textDirection:{selector:Nm.text,property:"direction"},iconAnimationDuration:{selector:Nm.icon,property:"transition-duration"},contentAnimationDuration:{selector:Nm.content,property:"transition-duration"}}}),se,ae)(Lm),Vm=Q(iu),Pm=Dm.cssVarList,[Rm,Bm,Om]=K({shadowColor:"#00000020"},zm),{shadowColor:jm}=Bm,Fm={...Rm,[Pm.hostWidth]:"100%",[Pm.boxShadow]:"none",[Pm.backgroundColor]:Vm.colors.surface.main,[Pm.backgroundImage]:"",[Pm.backgroundPositionX]:"center",[Pm.backgroundPositionY]:"center",[Pm.backgroundSize]:"cover",[Pm.backgroundRepeat]:"no-repeat",[Pm.borderRadius]:"0px",[Pm.hostDirection]:Vm.direction,[Pm.flexDirection]:"column",[Pm.alignItems]:"flex-start",[Pm.justifyContent]:"flex-start",[Pm.headerGap]:Vm.spacing.md,[Pm.iconAnimationDuration]:"0.1s",[Pm.contentAnimationDuration]:"0.1s",[Pm.borderWidth]:"0px",[Pm.textGrow]:"0",verticalPadding:{sm:{[Pm.verticalPadding]:"5px"},md:{[Pm.verticalPadding]:"10px"},lg:{[Pm.verticalPadding]:"20px"}},horizontalPadding:{sm:{[Pm.horizontalPadding]:"5px"},md:{[Pm.horizontalPadding]:"10px"},lg:{[Pm.horizontalPadding]:"20px"}},spaceBetween:{sm:{[Pm.gap]:"10px"},md:{[Pm.gap]:"20px"},lg:{[Pm.gap]:"30px"}},shadow:{sm:{[Pm.boxShadow]:`${Vm.shadow.wide.sm} ${jm}, ${Vm.shadow.narrow.sm} ${jm}`},md:{[Pm.boxShadow]:`${Vm.shadow.wide.md} ${jm}, ${Vm.shadow.narrow.md} ${jm}`},lg:{[Pm.boxShadow]:`${Vm.shadow.wide.lg} ${jm}, ${Vm.shadow.narrow.lg} ${jm}`},xl:{[Pm.boxShadow]:`${Vm.shadow.wide.xl} ${jm}, ${Vm.shadow.narrow.xl} ${jm}`},"2xl":{[Om.shadowColor]:"#00000050",[Pm.boxShadow]:`${Vm.shadow.wide["2xl"]} ${jm}`}},borderRadius:{sm:{[Pm.borderRadius]:Vm.radius.sm},md:{[Pm.borderRadius]:Vm.radius.md},lg:{[Pm.borderRadius]:Vm.radius.lg},xl:{[Pm.borderRadius]:Vm.radius.xl},"2xl":{[Pm.borderRadius]:Vm.radius["2xl"]},"3xl":{[Pm.borderRadius]:Vm.radius["3xl"]}},iconPosition:{left:{[Pm.headerIconOrder]:"0"},right:{[Pm.headerIconOrder]:"1"}},_fillTitle:{[Pm.textGrow]:"1"},_border:{[Pm.borderColor]:Vm.colors.surface.light,[Pm.borderWidth]:Vm.border.xs,[Pm.borderStyle]:"solid"},_collapsible:{[Pm.headerCursor]:"pointer"}},Wm={...Pm,...Om};var _m=Object.freeze({__proto__:null,default:Fm,vars:Wm});const $m=k("recovery-codes");class Hm extends(ue({componentName:$m,baseSelector:":host > div"})){static get observedAttributes(){return["readonly"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="wrapper">\n <div class="list"></div>\n <descope-text class="icon-wrapper">\n <vaadin-icon class="icon" icon="vaadin:copy-o" title="Copy"></vaadin-icon>\n </descope-text>\n </div>\n ',this.list=this.shadowRoot.querySelector(".list"),this.icon=this.shadowRoot.querySelector(".icon"),this.iconWrapper=this.shadowRoot.querySelector(".icon-wrapper"),N("\n :host {\n display: inline-block;\n position: relative;\n }\n .wrapper {\n display: flex;\n justify-content: space-between;\n }\n .list {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n }\n descope-text span {\n display: inline-flex;\n align-items: center;\n width: fit-content;\n }\n descope-text span::before {\n content: '\\02022';\n transform: translateY(-0.06em);\n }\n .icon-wrapper {\n align-self: flex-start;\n }\n .icon {\n cursor: pointer;\n }\n .icon.copied {\n cursor: initial;\n }\n .icon.readonly {\n pointer-events: none;\n }\n ",this)}get variant(){return this.getAttribute("variant")}get mode(){return this.getAttribute("mode")}init(){super.init(),this.icon.addEventListener("click",this.onCopy.bind(this)),L(this,this.iconWrapper,{includeAttrs:["variant","mode"]})}onCopy(){navigator.clipboard.writeText(String(this.data.map(e=>e.value).join("\n"))),this.icon.setAttribute("icon","vaadin:check-circle-o"),this.icon.setAttribute("title","Copied"),this.icon.classList.add("copied"),setTimeout(()=>{this.icon.setAttribute("icon","vaadin:copy-o"),this.icon.setAttribute("title","Copy"),this.icon.classList.remove("copied")},5e3)}onReadOnly(e){this.icon.classList.toggle("readonly",e)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&"readonly"===e&&this.onReadOnly("true"===r)}}const qm=I(ne({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostMinWidth:{selector:()=>":host",property:"min-width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>xr.componentName,property:xr.cssVarList.hostDirection}],textAlign:{selector:()=>".list",property:"align-items"},iconColor:{selector:()=>"vaadin-icon",property:"color"},iconSize:{selector:()=>"vaadin-icon",property:"font-size"},iconGap:{selector:()=>".wrapper",property:"gap"},bulletGap:{selector:()=>"descope-text span",property:"gap"}}}),ze({itemRenderer:({value:e},t,r)=>`\n <descope-text variant="${r.variant}" mode="${r.mode}">\n <span>${e}</span>\n </descope-text>\n `,rerenderAttrsList:["variant","mode"],targetSelector:".list"}),se,ae)(Hm),Ym=Q(iu),Um=qm.cssVarList,Gm=xr.cssVarList,Zm={[Um.hostMinWidth]:"190px",[Um.hostDirection]:Ym.direction,[Um.iconColor]:J(Gm.textColor),[Um.iconSize]:J(Gm.fontSize),[Um.iconGap]:"8px",[Um.bulletGap]:"0.35em",textAlign:{right:{[Um.textAlign]:"flex-end"},left:{[Um.textAlign]:"flex-start"},center:{[Um.textAlign]:"center"}},_fullWidth:{[Um.hostWidth]:"100%"}};var Qm=Object.freeze({__proto__:null,default:Zm,vars:Um});const Jm=k("outbound-apps"),Km=({name:e,description:t,logo:r,appId:o,isConnected:i},n,s)=>{const a=i?"disconnect":"connect";return`\n <descope-list-item>\n <descope-avatar\n ${r?`img="${r}"`:""}\n ${e?`display-name="${e}" abbr=${P(e)}`:""}\n size=${s.size}\n ${r?'st-avatar-background-color="none"':""}\n class="app-logo"\n ></descope-avatar>\n\n <div class="content">\n <descope-text\n class="app-title"\n variant="subtitle1"\n mode="primary"\n >${e}</descope-text>\n ${t?`\n <descope-text\n class="app-description"\n variant="body2"\n mode="primary"\n >${t}</descope-text>\n `:""}\n </div>\n <div class="controls">\n <descope-button variant="link" mode="primary" size=${s.size} data-action="${a}" data-outbound-app-id="${o}" data-id="${a}">\n ${i?s.disconnectButtonLabel:s.connectButtonLabel}\n </descope-button>\n </div>\n </descope-list-item>\n`},Xm=ue({componentName:Jm,baseSelector:"descope-list"}),{host:eg}={host:{selector:()=>":host"}},tg=I(ne({mappings:{hostWidth:{...eg,property:"width"},minHeight:{selector:()=>":host"},hostDirection:[{...eg,property:"direction"},{selector:"descope-list",property:"direction"},{selector:"descope-list-item",property:"direction"}],iconColor:{selector:()=>" descope-icon",property:fo.cssVarList.fill},errorIconColor:{selector:()=>" descope-icon.error-icon",property:fo.cssVarList.fill},fontSize:{selector:xr.componentName,property:xr.cssVarList.fontSize},appLogoGap:{selector:()=>" .app-logo",property:"margin-inline-end"},contentGap:{selector:()=>" .content",property:"gap"},itemsTextAlign:{selector:xr.componentName,property:xr.cssVarList.textAlign},itemCursor:{selector:hp.componentName,property:hp.cssVarList.cursor},itemOutline:{selector:hp.componentName,property:hp.cssVarList.outline},itemBorderColor:{selector:hp.componentName,property:hp.cssVarList.borderColor},itemBackgroundColor:{selector:hp.componentName,property:hp.cssVarList.backgroundColor},listBorderWidth:{selector:()=>bp.componentName,property:bp.cssVarList.borderWidth},listBoxShadow:{selector:()=>bp.componentName,property:bp.cssVarList.boxShadow},listPadding:[{selector:()=>bp.componentName,property:bp.cssVarList.verticalPadding},{selector:()=>bp.componentName,property:bp.cssVarList.horizontalPadding}]}}),se,ze({itemRenderer:Km,rerenderAttrsList:["size","connect-button-label","disconnect-button-label"]}),ae)(class extends Xm{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <descope-list>\n <slot name="empty-state" slot="empty-state"></slot>\n </descope-list>\n ',this.appsList=this.shadowRoot.querySelector("descope-list"),N("\n :host {\n width: 100%;\n }\n .controls {\n display: flex;\n min-width: 8em;\n justify-content: end;\n }\n .content {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n }\n .app-title,\n .app-description {\n display: flex;\n direction: inherit;\n }\n descope-list {\n display: block;\n }\n ",this)}init(){super.init?.(),this.appsList.itemRenderer=Km,this.appsList.addEventListener("click",this.onAppsListClick.bind(this))}get readonly(){return"true"===this.getAttribute("readonly")}onAppsListClick(e){if(!this.readonly){const t=e.srcElement.getAttribute("data-outbound-app-id"),r=e.srcElement.getAttribute("data-action");t&&r&&this.dispatchEvent(new CustomEvent(`${r}-clicked`,{bubbles:!0,detail:{id:t,action:r}}))}}get size(){return this.getAttribute("size")||"sm"}get connectButtonLabel(){return this.getAttribute("connect-button-label")||"Connect"}get disconnectButtonLabel(){return this.getAttribute("disconnect-button-label")||"Disconnect"}}),rg=tg.cssVarList,og={[rg.iconColor]:iu.colors.primary.main,[rg.errorIconColor]:iu.colors.error.main,[rg.appLogoGap]:iu.spacing.md,[rg.contentGap]:iu.spacing.xs,[rg.itemCursor]:"default",[rg.itemOutline]:"none",[rg.itemBorderColor]:"transparent",[rg.listPadding]:"0",[rg.listBorderWidth]:"0",[rg.listBoxShadow]:"none",size:{xs:{[rg.fontSize]:"0.6em"},sm:{[rg.fontSize]:"0.8em"},md:{[rg.fontSize]:"1em"},lg:{[rg.fontSize]:"1.5em"}}};var ig=Object.freeze({__proto__:null,default:og,vars:rg});const ng=k("outbound-app-button");class sg extends(ue({componentName:ng,baseSelector:":host > descope-button"})){static get observedAttributes(){return["label","icon-src","icon-fill-current-color"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <descope-button>\n <descope-icon class="icon"></descope-icon>\n <span class="label"></span>\n </descope-button>\n ',N("\n :host {\n display: inline-block;\n }\n .hidden {\n display: none;\n }\n ",this),this.button=this.shadowRoot.querySelector("descope-button"),this.icon=this.shadowRoot.querySelector(".icon"),this.label=this.shadowRoot.querySelector(".label")}init(){super.init?.(),L(this,this.button,{excludeAttrs:["style","class","label","icon-src","icon-fill-current-color"]})}updateLabel(e=""){this.label.textContent=e,this.label.classList.toggle("hidden",!e)}updateIcon(e=""){this.icon.setAttribute("src",e),this.icon.classList.toggle("hidden",!e)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("label"===e?this.updateLabel(r):"icon-src"===e&&this.updateIcon(r))}}const ag=I(ne({mappings:{hostWidth:{selector:()=>":host",property:"width"},iconFillCurrentColor:{selector:()=>"descope-icon",property:Mo.cssVarList.iconColor}}}),se,ae)(sg),lg=ag.cssVarList,dg={[lg.iconFillCurrentColor]:"inherit",_iconFillCurrentColor:{[lg.iconFillCurrentColor]:"currentColor"},_fullWidth:{[lg.hostWidth]:"100%"}},cg=lg;var pg=Object.freeze({__proto__:null,default:dg,vars:cg});const ug=e=>{const t=parseInt(e,10);return Number.isNaN(t)?0:t},hg={desktop:{light:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDE4QzIxLjEgMTggMjEuOTkgMTcuMSAyMS45OSAxNkwyMiA2QzIyIDQuOSAyMS4xIDQgMjAgNEg0QzIuOSA0IDIgNC45IDIgNlYxNkMyIDE3LjEgMi45IDE4IDQgMThIMFYyMEgyNFYxOEgyMFpNNCA2SDIwVjE2SDRWNloiIGZpbGw9IiM2MzZDNzQiLz4KPC9zdmc+Cg==",dark:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDE4LjVDMjEuMSAxOC41IDIxLjk5IDE3LjYgMjEuOTkgMTYuNUwyMiA2LjVDMjIgNS40IDIxLjEgNC41IDIwIDQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTYuNUMyIDE3LjYgMi45IDE4LjUgNCAxOC41SDBWMjAuNUgyNFYxOC41SDIwWk00IDYuNUgyMFYxNi41SDRWNi41WiIgZmlsbD0iI0Y0RjVGNiIvPgo8L3N2Zz4K"},mobile:{light:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDFIOEM2LjM0IDEgNSAyLjM0IDUgNFYyMEM1IDIxLjY2IDYuMzQgMjMgOCAyM0gxNkMxNy42NiAyMyAxOSAyMS42NiAxOSAyMFY0QzE5IDIuMzQgMTcuNjYgMSAxNiAxWk0xNyAxOEg3VjRIMTdWMThaTTE0IDIxSDEwVjIwSDE0VjIxWiIgZmlsbD0iIzYzNkM3NCIvPgo8L3N2Zz4K",dark:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDEuNUg4QzYuMzQgMS41IDUgMi44NCA1IDQuNVYyMC41QzUgMjIuMTYgNi4zNCAyMy41IDggMjMuNUgxNkMxNy42NiAyMy41IDE5IDIyLjE2IDE5IDIwLjVWNC41QzE5IDIuODQgMTcuNjYgMS41IDE2IDEuNVpNMTcgMTguNUg3VjQuNUgxN1YxOC41Wk0xNCAyMS41SDEwVjIwLjVIMTRWMjEuNVoiIGZpbGw9IiNGNEY1RjYiLz4KPC9zdmc+Cg=="},tablet:{light:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUyNTJfNzY4KSI+CjxwYXRoIGQ9Ik0xOC41IDAuNUg0LjVDMy4xMiAwLjUgMiAxLjYyIDIgM1YyMkMyIDIzLjM4IDMuMTIgMjQuNSA0LjUgMjQuNUgxOC41QzE5Ljg4IDI0LjUgMjEgMjMuMzggMjEgMjJWM0MyMSAxLjYyIDE5Ljg4IDAuNSAxOC41IDAuNVpNMTEuNSAyMy41QzEwLjY3IDIzLjUgMTAgMjIuODMgMTAgMjJDMTAgMjEuMTcgMTAuNjcgMjAuNSAxMS41IDIwLjVDMTIuMzMgMjAuNSAxMyAyMS4xNyAxMyAyMkMxMyAyMi44MyAxMi4zMyAyMy41IDExLjUgMjMuNVpNMTkgMTkuNUg0VjMuNUgxOVYxOS41WiIgZmlsbD0iIzYzNkM3NCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzUyNTJfNzY4Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==",dark:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUzMDNfODYzKSI+CjxwYXRoIGQ9Ik0xOC41IDAuNUg0LjVDMy4xMiAwLjUgMiAxLjYyIDIgM1YyMkMyIDIzLjM4IDMuMTIgMjQuNSA0LjUgMjQuNUgxOC41QzE5Ljg4IDI0LjUgMjEgMjMuMzggMjEgMjJWM0MyMSAxLjYyIDE5Ljg4IDAuNSAxOC41IDAuNVpNMTEuNSAyMy41QzEwLjY3IDIzLjUgMTAgMjIuODMgMTAgMjJDMTAgMjEuMTcgMTAuNjcgMjAuNSAxMS41IDIwLjVDMTIuMzMgMjAuNSAxMyAyMS4xNyAxMyAyMkMxMyAyMi44MyAxMi4zMyAyMy41IDExLjUgMjMuNVpNMTkgMTkuNUg0VjMuNUgxOVYxOS41WiIgZmlsbD0iI0Y0RjVGNiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzUzMDNfODYzIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg=="},unknown:{light:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNi41SDIyVjQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTcuNUgwVjIwLjVIMTRWMTcuNUg0VjYuNVpNMjMgOC41SDE3QzE2LjQ1IDguNSAxNiA4Ljk1IDE2IDkuNVYxOS41QzE2IDIwLjA1IDE2LjQ1IDIwLjUgMTcgMjAuNUgyM0MyMy41NSAyMC41IDI0IDIwLjA1IDI0IDE5LjVWOS41QzI0IDguOTUgMjMuNTUgOC41IDIzIDguNVpNMjIgMTcuNUgxOFYxMC41SDIyVjE3LjVaIiBmaWxsPSIjNjM2Qzc0Ii8+Cjwvc3ZnPgo=",dark:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNkgyMlY0SDRDMi45IDQgMiA0LjkgMiA2VjE3SDBWMjBIMTRWMTdINFY2Wk0yMyA4SDE3QzE2LjQ1IDggMTYgOC40NSAxNiA5VjE5QzE2IDE5LjU1IDE2LjQ1IDIwIDE3IDIwSDIzQzIzLjU1IDIwIDI0IDE5LjU1IDI0IDE5VjlDMjQgOC40NSAyMy41NSA4IDIzIDhaTTIyIDE3SDE4VjEwSDIyVjE3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg=="}},mg=k("trusted-devices"),gg=({id:e,name:t,lastLoginDate:r,deviceType:o,isCurrent:i},n,s)=>{const a=i?'class="current-device"':"",{iconSrc:l,iconSrcDark:d}=(e=>{const t=hg[e]||hg.unknown;return{iconSrc:t.light,iconSrcDark:t.dark}})(o),c=s.lastLoginLabel?`${s.lastLoginLabel} `:"",p=((e,t)=>{if(Number.isNaN(parseInt(e,10)))return"";const r=new Date(e),o=r.getFullYear(),i=String(r.getMonth()+1).padStart(2,"0"),n=String(r.getDate()).padStart(2,"0"),s=r.toLocaleTimeString("en-US",{hour12:!1,hour:"2-digit",minute:"2-digit"}),a={"DD-MM-YYYY":`${n}/${i}/${o}`,"YYYY-MM-DD":`${o}/${i}/${n}`,"MM-DD-YYYY":`${i}/${n}/${o}`};return`${a[t]||a["MM/DD/YYYY"]} ${s}`})(r,s.format),u=i?`<descope-badge\n bordered="true"\n size="xs"\n mode="primary"\n st-host-direction="${s.direction}"\n >\n ${s.currentDeviceLabel}\n </descope-badge>`:"",h=s.hideActions||i?"":`<descope-link\n class="remove-device"\n variant="body1"\n mode="primary"\n data-action="remove-device"\n data-device-id="${e}"\n st-host-direction="${s.direction}"\n ellipsis="true"\n >\n ${s.removeDeviceLabel}\n </descope-link>`,m=document.createElement("template");return m.innerHTML=`\n <descope-list-item ${a}>\n <div class="content">\n <div class="main">\n <span class="device">\n <descope-icon\n class="device-icon"\n src="${l}"\n src-dark="${d}">\n </descope-icon>\n <descope-text\n class="device-name"\n variant="body1"\n mode="primary">\n </descope-text>\n </span>\n <span class="panel">\n ${u}\n ${h}\n </span>\n </div>\n <div class="meta">\n <descope-text\n variant="body2"\n mode="primary"\n >\n ${c}\n </descope-text>\n <descope-text\n class="login-date"\n variant="body2"\n mode="primary"\n >\n ${p}\n </descope-text>\n </div>\n </div>\n </descope-list-item>\n `,m.content.querySelector(".device-name").textContent=t,m},bg=ue({componentName:mg,baseSelector:bp.componentName}),{host:yg}={host:{selector:()=>":host"}},fg=I(ne({mappings:{hostWidth:{...yg,property:"width"},hostMinWidth:{...yg,property:"min-width"},hostDirection:[{...yg,property:"direction"},{selector:()=>"descope-list-item",property:"direction"},{selector:()=>"descope-text",property:"direction"}],listItemsGap:{property:bp.cssVarList.gap},listBackgroundColor:{selector:()=>bp.componentName,property:bp.cssVarList.backgroundColor},listBorderRadius:{selector:()=>bp.componentName,property:bp.cssVarList.borderRadius},listBorderWidth:{selector:()=>bp.componentName,property:bp.cssVarList.borderWidth},listBoxShadow:{selector:()=>bp.componentName,property:bp.cssVarList.boxShadow},listPadding:[{selector:()=>bp.componentName,property:bp.cssVarList.verticalPadding},{selector:()=>bp.componentName,property:bp.cssVarList.horizontalPadding}],itemVerticalPadding:{selector:hp.componentName,property:hp.cssVarList.verticalPadding},itemHorizontalPadding:{selector:hp.componentName,property:hp.cssVarList.horizontalPadding},itemCursor:{selector:hp.componentName,property:hp.cssVarList.cursor},itemOutline:{selector:hp.componentName,property:hp.cssVarList.outline},itemBorderColor:{selector:hp.componentName,property:hp.cssVarList.borderColor},itemBorderRadius:{selector:hp.componentName,property:hp.cssVarList.borderRadius},itemBackgroundColor:{selector:hp.componentName,property:hp.cssVarList.backgroundColor},itemContentGap:{selector:()=>".content",property:"gap"},badgeBorderColor:{selector:zc.componentName,property:zc.cssVarList.borderColor},badgeTextColor:{selector:zc.componentName,property:zc.cssVarList.textColor},badgeBackgroundColor:{selector:zc.componentName,property:zc.cssVarList.backgroundColor},badgeBorderRadius:{selector:zc.componentName,property:zc.cssVarList.borderRadius},devicePanelGap:{selector:()=>".main",property:"gap"},deviceIconGap:{selector:()=>".device",property:"gap"},deviceIconSize:[{selector:()=>".device-icon",property:"width"},{selector:()=>".device-icon",property:"height"}],lastLoginLabelGap:{selector:" .meta",property:"gap"}}}),se,ze({itemRenderer:gg,sortFn:(e,t)=>ug(t.lastLoginDate)-ug(e.lastLoginDate),rerenderAttrsList:["remove-device-label","current-device-label","last-login-label","format","hide-actions"]}),ae)(class extends bg{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <descope-list>\n <slot name="empty-state" slot="empty-state"></slot>\n </descope-list>\n ',this.appsList=this.shadowRoot.querySelector("descope-list"),N("\n :host {\n display: inline-block;\n }\n\n .descope-list-item {\n min-width: 0;\n }\n\n .current-device {\n order: -1;\n }\n\n .content {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n .main {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .panel {\n display: flex;\n flex-shrink: 0;\n max-width: 75%;\n overflow: hidden;\n }\n\n .device {\n display: flex;\n min-width: 0;\n }\n\n .device-icon {\n flex-shrink: 0;\n }\n\n .meta {\n display: flex;\n }\n\n .login-date {\n min-width: fit-content;\n }\n\n descope-badge {\n min-width: 0;\n }\n\n descope-text {\n display: flex;\n align-items: center; \n min-width: 0;\n }\n descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n descope-link {\n overflow: hidden;\n }\n descope-link.remove-device::part(wrapper) {\n display: flex;\n width: 100%;\n }\n descope-link.remove-device {\n width: 100%;\n }\n ",this)}init(){super.init?.(),this.appsList.itemRenderer=gg,this.appsList.addEventListener("click",this.onRemoveClick.bind(this))}onRemoveClick(e){if(this.readOnly)return;const t=e.target.closest("[data-device-id]"),r=t?.getAttribute("data-device-id");r&&this.dispatchEvent(new CustomEvent("remove-device-clicked",{bubbles:!0,detail:{id:r,action:"remove-device"}}))}get readOnly(){return"true"===this.getAttribute("readonly")}get hideActions(){return"true"===this.getAttribute("hide-actions")}get format(){return this.getAttribute("format")?.toUpperCase()||"MM-DD-YYYY"}get removeDeviceLabel(){return this.getAttribute("remove-device-label")||"Sign out"}get currentDeviceLabel(){return this.getAttribute("current-device-label")||"Current device"}get lastLoginLabel(){return this.getAttribute("last-login-label")||"Last login:"}get direction(){return this.getAttribute("st-host-direction")}}),vg=fg.cssVarList,xg={[vg.hostWidth]:"auto",[vg.hostWidth]:"300px",[vg.hostMinWidth]:"300px",[vg.listBackgroundColor]:"transparent",[vg.listBorderRadius]:"0",[vg.listBorderWidth]:"0",[vg.listPadding]:"0",[vg.listBoxShadow]:"none",[vg.listItemsGap]:iu.spacing.lg,[vg.itemBorderColor]:iu.colors.surface.light,[vg.itemVerticalPadding]:iu.spacing.lg,[vg.itemHorizontalPadding]:iu.spacing.lg,[vg.itemBorderRadius]:iu.radius.xs,[vg.itemOutline]:"transparent",[vg.itemBackgroundColor]:"transparent",[vg.itemCursor]:"default",[vg.itemContentGap]:iu.spacing.sm,[vg.badgeBorderColor]:iu.colors.surface.light,[vg.badgeTextColor]:iu.colors.surface.dark,[vg.badgeBorderRadius]:iu.radius.xs,[vg.badgeBackgroundColor]:iu.colors.surface.main,[vg.devicePanelGap]:iu.spacing.md,[vg.deviceIconGap]:iu.spacing.md,[vg.deviceIconSize]:"24px",[vg.lastLoginLabelGap]:iu.spacing.xs,_fullWidth:{[vg.hostWidth]:"100%"}};var Cg=Object.freeze({__proto__:null,default:xg,vars:vg});const wg=k("tooltip"),Ig=["text","position","hide-delay","hover-delay","opened"],Mg=ue({componentName:wg,baseSelector:"vaadin-tooltip"}),{overlay:Sg,content:Ag}={overlay:{selector:()=>"vaadin-tooltip-overlay::part(overlay)"},content:{selector:()=>"vaadin-tooltip-overlay::part(content)"}},Eg=I(ae,Ee({selector:"",mappings:{fontFamily:{...Ag,property:Ve.cssVarList.fontFamilyOverride},fontSize:{...Ag,property:Ve.cssVarList.fontSizeOverride},fontWeight:{...Ag,property:Ve.cssVarList.fontWeightOverride},textColor:{...Ag,property:Ve.cssVarList.textColorOverride},hostDirection:{...Ag,property:Ve.cssVarList.hostDirectionOverride},backgroundColor:[{...Sg},{...Ag}],borderColor:{...Sg},borderStyle:{...Sg},borderWidth:{...Sg},borderRadius:{...Sg},boxShadow:{...Sg},horizontalPadding:[{...Ag,property:"padding-left"},{...Ag,property:"padding-right"}],verticalPadding:[{...Ag,property:"padding-top"},{...Ag,property:"padding-bottom"}]},forward:{attributes:["style"],include:!1}}))(class extends Mg{static get observedAttributes(){return Ig.concat(Mg.observedAttributes||[])}get isOpened(){return"true"===this.getAttribute("opened")}get overlay(){return this.tooltip?._overlayElement}get overlayContentNode(){return this.overlay?.shadowRoot.querySelector('[part="content"]')}get tooltipText(){return this.getAttribute("text")?.trim()||""}get isStaticDisplay(){return"true"===this.getAttribute("static-display")}#St(){this.isStaticDisplay?(this.#At(),this.setAttribute("inert","true")):(this.#Et(),this.removeAttribute("inert"))}init(){super.init(),this.style.display="contents",this.insertAdjacentHTML("beforeend","<vaadin-tooltip></vaadin-tooltip>"),this.tooltip=this.querySelector("vaadin-tooltip"),this.#Et(),this.#Tt(),setTimeout(()=>this.#kt())}#Et(){this.tooltip.style.width="0",this.tooltip.style.height="0",this.tooltip.style.display="block",this.tooltip.style.overflow="hidden",this.tooltip.style.position="absolute"}#At(){this.tooltip.style.width="100%",this.tooltip.style.height="100%",this.tooltip.style.position="static",this.tooltip.style.overflow="visible",this.tooltip.textContent="",this.overlay.style.display="block",this.overlay.style.position="static"}#kt(){this.#zt(),this.#Lt(),L(this,this.tooltip,{includeAttrs:["position","opened"]}),this.#Nt()}#Tt(){if(!this.children?.length)return;let e=Array.from(this.children).find(e=>e!==this.tooltip);e&&(this.tooltip.target=e)}#Dt(){this.overlayContentNode.innerHTML=""}#Vt(){const e=document.createElement("descope-enriched-text");return e.setAttribute("link-target-blank","true"),e.textContent=this.tooltipText,e}#zt(){this.overlayContentNode&&setTimeout(()=>{this.#Dt(),this.textComponent=this.#Vt(),this.overlayContentNode.appendChild(this.textComponent),L(this,this.textComponent,{includeAttrs:["readonly"]})})}#Lt(){this.overlay&&(this.isOpened?setTimeout(()=>{this.tooltip.shadowRoot.appendChild(this.overlay),this.#St()}):(this.overlay._detachOverlay=()=>{},this.overlay._attachOverlay=()=>this.tooltip.shadowRoot.appendChild(this.overlay)))}#Nt(){this.tooltip?.toggleAttribute("manual",this.isOpened)}#Pt(e){this.textComponent&&(this.textComponent.textContent=e?.trim())}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("text"===e&&this.#Pt(r),"opened"===e&&this.#Nt(e,r))}}),Tg=Q(iu),kg=Eg.cssVarList,[zg,Lg,Ng]=K({shadowColor:"#00000020"},wg),{shadowColor:Dg}=Lg,Vg=`${Tg.shadow.wide.sm} ${Dg}, ${Tg.shadow.narrow.sm} ${Dg}`,Pg={...zg,[kg.fontFamily]:Tg.fonts.font1.family,[kg.fontSize]:iu.typography.body2.size,[kg.fontWeight]:iu.typography.body2.weight,[kg.textColor]:Tg.colors.surface.contrast,[kg.hostDirection]:Tg.direction,[kg.backgroundColor]:Tg.colors.surface.main,[kg.borderColor]:Tg.colors.surface.light,[kg.borderStyle]:"solid",[kg.borderWidth]:Tg.border.xs,[kg.borderRadius]:Tg.radius.xs,[kg.horizontalPadding]:Tg.spacing.md,[kg.verticalPadding]:Tg.spacing.sm,[kg.boxShadow]:Vg,shadow:{sm:{[kg.boxShadow]:Vg},md:{[kg.boxShadow]:`${Tg.shadow.wide.md} ${Dg}, ${Tg.shadow.narrow.md} ${Dg}`},lg:{[kg.boxShadow]:`${Tg.shadow.wide.lg} ${Dg}, ${Tg.shadow.narrow.lg} ${Dg}`},xl:{[kg.boxShadow]:`${Tg.shadow.wide.xl} ${Dg}, ${Tg.shadow.narrow.xl} ${Dg}`},"2xl":{[Ng.shadowColor]:"#00000050",[kg.boxShadow]:`${Tg.shadow.wide["2xl"]} ${Dg}`}}};var Rg=Object.freeze({__proto__:null,default:Pg,vars:kg});const Bg=qe("input-wrapper"),Og=vt(Xp),[jg,Fg,Wg]=St({labelTextColor:Og.colors.surface.dark,labelFontSize:"14px",labelFontWeight:"500",valueTextColor:Og.colors.surface.contrast,placeholderTextColor:Og.colors.surface.dark,requiredIndicator:"'*'",helperTextColor:Og.colors.surface.dark,errorMessageTextColor:Og.colors.error.main,successMessageTextColor:Og.colors.success.main,borderWidth:Og.border.xs,borderRadius:Og.radius.xs,borderColor:"transparent",outlineWidth:Og.border.sm,outlineStyle:"solid",outlineColor:"transparent",outlineOffset:"0px",minWidth:"10em",toggleButtonSize:"1.5em",inputIconSize:"1em",inputHeight:"3em",horizontalPadding:"0.5em",verticalPadding:"0.5em",textAlign:"start",backgroundColor:Og.colors.surface.main,fontFamily:Og.fonts.font1.family,direction:Og.direction,overlayOpacity:"0.3",errorMessageIcon:"",errorMessageIconSize:"0",errorMessageIconPadding:"0",errorMessageIconPosition:"0 0.4em",errorMessageFontSize:"0.8125rem",errorMessageIconRepeat:"no-repeat",size:{xs:{fontSize:"12px",chipFontSize:"10px"},sm:{fontSize:"14px",chipFontSize:"12px"},md:{fontSize:"16px",chipFontSize:"14px"},lg:{fontSize:"18px",chipFontSize:"16px"}},labelType:{static:{valueInputHeight:"3em",valueInputMarginBottom:"auto"},floating:{labelPosition:"absolute",labelTopPosition:"0",labelHorizontalPosition:"0.9em",labelFontSize:"1em",placeholderOpacity:0,inputHeight:"3.5em",inputVerticalAlignment:"flex-end",inputTransformY:"translateY(1.55em)",inputTransition:"all 75ms ease-in-out",marginInlineStart:"0",valueInputHeight:"1.5702em",valueInputMarginBottom:"0.5em",_focused:{labelFontSize:"0.75em",inputTransformY:"translateY(1.05em)",labelFontWeight:"400",placeholderOpacity:1},_readOnly:{placeholderOpacity:0},_hasValue:{inputTransformY:"translateY(1.05em)",labelFontSize:"0.75em",labelFontWeight:"400"}}},_fullWidth:{width:"100%"},_bordered:{outlineWidth:Og.border.xs,borderColor:Og.colors.surface.light,borderStyle:"solid",_invalid:{borderColor:Og.colors.error.main}},_focused:{outlineColor:Og.colors.surface.light,_invalid:{outlineColor:Og.colors.error.main}},_disabled:{labelTextColor:Og.colors.surface.light,borderColor:Og.colors.surface.light,valueTextColor:Og.colors.surface.light,placeholderTextColor:Og.colors.surface.light,helperTextColor:Og.colors.surface.light,backgroundColor:Og.colors.surface.main},_obfuscated:{inputTextSecurity:"disc"}},Bg);var _g=Object.freeze({__proto__:null,default:jg,refs:Fg,vars:Wg});const $g=vt(Xp),Hg=Fi.cssVarList,qg={[Hg.hostWidth]:Fg.width,[Hg.hostMinWidth]:Fg.minWidth,[Hg.hostDirection]:Fg.direction,[Hg.fontSize]:Fg.fontSize,[Hg.fontFamily]:Fg.fontFamily,[Hg.labelFontSize]:Fg.labelFontSize,[Hg.labelFontWeight]:Fg.labelFontWeight,[Hg.labelTextColor]:Fg.labelTextColor,[Hg.labelRequiredIndicator]:Fg.requiredIndicator,[Hg.errorMessageTextColor]:Fg.errorMessageTextColor,[Hg.inputValueTextColor]:Fg.valueTextColor,[Hg.inputPlaceholderColor]:Fg.placeholderTextColor,[Hg.inputBorderWidth]:Fg.borderWidth,[Hg.inputBorderStyle]:Fg.borderStyle,[Hg.inputBorderColor]:Fg.borderColor,[Hg.inputBorderRadius]:Fg.borderRadius,[Hg.inputOutlineWidth]:Fg.outlineWidth,[Hg.inputOutlineStyle]:Fg.outlineStyle,[Hg.inputOutlineColor]:Fg.outlineColor,[Hg.inputOutlineOffset]:Fg.outlineOffset,[Hg.inputBackgroundColor]:Fg.backgroundColor,[Hg.inputHeight]:Fg.inputHeight,[Hg.inputHorizontalPadding]:Fg.horizontalPadding,[Hg.helperTextColor]:Fg.helperTextColor,[Hg.textAlign]:Fg.textAlign,textAlign:{right:{[Hg.inputTextAlign]:"right"},left:{[Hg.inputTextAlign]:"left"},center:{[Hg.inputTextAlign]:"center"}},[Hg.labelPosition]:Fg.labelPosition,[Hg.labelTopPosition]:Fg.labelTopPosition,[Hg.labelHorizontalPosition]:Fg.labelHorizontalPosition,[Hg.inputTransformY]:Fg.inputTransformY,[Hg.inputTransition]:Fg.inputTransition,[Hg.marginInlineStart]:Fg.marginInlineStart,[Hg.placeholderOpacity]:Fg.placeholderOpacity,[Hg.inputVerticalAlignment]:Fg.inputVerticalAlignment,[Hg.valueInputHeight]:Fg.valueInputHeight,[Hg.valueInputMarginBottom]:Fg.valueInputMarginBottom,[Hg.inputIconOffset]:$g.spacing.md,[Hg.inputIconSize]:Fg.inputIconSize,[Hg.inputIconColor]:Fg.placeholderTextColor,[Hg.errorMessageIcon]:Fg.errorMessageIcon,[Hg.errorMessageIconSize]:Fg.errorMessageIconSize,[Hg.errorMessageIconPadding]:Fg.errorMessageIconPadding,[Hg.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[Hg.errorMessageIconPosition]:Fg.errorMessageIconPosition,[Hg.errorMessageFontSize]:Fg.errorMessageFontSize,[Hg.inputTextSecurity]:Fg.inputTextSecurity};var Yg=Object.freeze({__proto__:null,default:qg,textField:qg,vars:Hg});const Ug=vt(Xp),Gg=es.cssVarList,Zg={[Gg.hostWidth]:Fg.width,[Gg.hostMinWidth]:Fg.minWidth,[Gg.hostDirection]:Fg.direction,[Gg.fontSize]:Fg.fontSize,[Gg.fontFamily]:Fg.fontFamily,[Gg.labelFontSize]:Fg.labelFontSize,[Gg.labelFontWeight]:Fg.labelFontWeight,[Gg.labelTextColor]:Fg.labelTextColor,[Gg.errorMessageTextColor]:Fg.errorMessageTextColor,[Gg.inputHorizontalPadding]:Fg.horizontalPadding,[Gg.inputHeight]:Fg.inputHeight,[Gg.inputBackgroundColor]:Fg.backgroundColor,[Gg.labelRequiredIndicator]:Fg.requiredIndicator,[Gg.inputValueTextColor]:Fg.valueTextColor,[Gg.inputPlaceholderTextColor]:Fg.placeholderTextColor,[Gg.inputBorderWidth]:Fg.borderWidth,[Gg.inputBorderStyle]:Fg.borderStyle,[Gg.inputBorderColor]:Fg.borderColor,[Gg.inputBorderRadius]:Fg.borderRadius,[Gg.inputOutlineWidth]:Fg.outlineWidth,[Gg.inputOutlineStyle]:Fg.outlineStyle,[Gg.inputOutlineColor]:Fg.outlineColor,[Gg.inputOutlineOffset]:Fg.outlineOffset,[Gg.revealButtonOffset]:Ug.spacing.md,[Gg.revealButtonSize]:Fg.toggleButtonSize,[Gg.revealButtonColor]:Fg.placeholderTextColor,[Gg.labelPosition]:Fg.labelPosition,[Gg.labelTopPosition]:Fg.labelTopPosition,[Gg.labelHorizontalPosition]:Fg.labelHorizontalPosition,[Gg.inputTransformY]:Fg.inputTransformY,[Gg.inputTransition]:Fg.inputTransition,[Gg.marginInlineStart]:Fg.marginInlineStart,[Gg.placeholderOpacity]:Fg.placeholderOpacity,[Gg.inputVerticalAlignment]:Fg.inputVerticalAlignment,[Gg.valueInputHeight]:Fg.valueInputHeight,[Gg.errorMessageIcon]:Fg.errorMessageIcon,[Gg.errorMessageIconSize]:Fg.errorMessageIconSize,[Gg.errorMessageIconPadding]:Fg.errorMessageIconPadding,[Gg.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[Gg.errorMessageIconPosition]:Fg.errorMessageIconPosition,[Gg.errorMessageFontSize]:Fg.errorMessageFontSize};var Qg=Object.freeze({__proto__:null,default:Zg,vars:Gg});const Jg=xn.cssVarList,Kg={[Jg.hostWidth]:Fg.width,[Jg.hostMinWidth]:Fg.minWidth,[Jg.hostDirection]:Fg.direction,[Jg.fontSize]:Fg.fontSize,[Jg.fontFamily]:Fg.fontFamily,[Jg.labelFontSize]:Fg.labelFontSize,[Jg.labelFontWeight]:Fg.labelFontWeight,[Jg.labelTextColor]:Fg.labelTextColor,[Jg.errorMessageTextColor]:Fg.errorMessageTextColor,[Jg.inputValueTextColor]:Fg.valueTextColor,[Jg.inputPlaceholderColor]:Fg.placeholderTextColor,[Jg.inputBorderWidth]:Fg.borderWidth,[Jg.inputBorderStyle]:Fg.borderStyle,[Jg.inputBorderColor]:Fg.borderColor,[Jg.inputBorderRadius]:Fg.borderRadius,[Jg.inputOutlineWidth]:Fg.outlineWidth,[Jg.inputOutlineStyle]:Fg.outlineStyle,[Jg.inputOutlineColor]:Fg.outlineColor,[Jg.inputOutlineOffset]:Fg.outlineOffset,[Jg.inputBackgroundColor]:Fg.backgroundColor,[Jg.labelRequiredIndicator]:Fg.requiredIndicator,[Jg.inputHorizontalPadding]:Fg.horizontalPadding,[Jg.inputHeight]:Fg.inputHeight,[Jg.labelPosition]:Fg.labelPosition,[Jg.labelTopPosition]:Fg.labelTopPosition,[Jg.labelHorizontalPosition]:Fg.labelHorizontalPosition,[Jg.inputTransformY]:Fg.inputTransformY,[Jg.inputTransition]:Fg.inputTransition,[Jg.marginInlineStart]:Fg.marginInlineStart,[Jg.placeholderOpacity]:Fg.placeholderOpacity,[Jg.inputVerticalAlignment]:Fg.inputVerticalAlignment,[Jg.valueInputHeight]:Fg.valueInputHeight,[Jg.valueInputMarginBottom]:Fg.valueInputMarginBottom,[Jg.errorMessageIcon]:Fg.errorMessageIcon,[Jg.errorMessageIconSize]:Fg.errorMessageIconSize,[Jg.errorMessageIconPadding]:Fg.errorMessageIconPadding,[Jg.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[Jg.errorMessageIconPosition]:Fg.errorMessageIconPosition,[Jg.errorMessageFontSize]:Fg.errorMessageFontSize};var Xg=Object.freeze({__proto__:null,default:Kg,vars:Jg});const eb=pn.cssVarList,tb={[eb.hostWidth]:Fg.width,[eb.hostMinWidth]:Fg.minWidth,[eb.hostDirection]:Fg.direction,[eb.fontSize]:Fg.fontSize,[eb.fontFamily]:Fg.fontFamily,[eb.labelFontSize]:Fg.labelFontSize,[eb.labelFontWeight]:Fg.labelFontWeight,[eb.labelTextColor]:Fg.labelTextColor,[eb.errorMessageTextColor]:Fg.errorMessageTextColor,[eb.inputValueTextColor]:Fg.valueTextColor,[eb.labelRequiredIndicator]:Fg.requiredIndicator,[eb.inputPlaceholderColor]:Fg.placeholderTextColor,[eb.inputBorderWidth]:Fg.borderWidth,[eb.inputBorderStyle]:Fg.borderStyle,[eb.inputBorderColor]:Fg.borderColor,[eb.inputBorderRadius]:Fg.borderRadius,[eb.inputOutlineWidth]:Fg.outlineWidth,[eb.inputOutlineStyle]:Fg.outlineStyle,[eb.inputOutlineColor]:Fg.outlineColor,[eb.inputOutlineOffset]:Fg.outlineOffset,[eb.inputBackgroundColor]:Fg.backgroundColor,[eb.inputHorizontalPadding]:Fg.horizontalPadding,[eb.inputHeight]:Fg.inputHeight,[eb.labelPosition]:Fg.labelPosition,[eb.labelTopPosition]:Fg.labelTopPosition,[eb.labelHorizontalPosition]:Fg.labelHorizontalPosition,[eb.inputTransformY]:Fg.inputTransformY,[eb.inputTransition]:Fg.inputTransition,[eb.marginInlineStart]:Fg.marginInlineStart,[eb.placeholderOpacity]:Fg.placeholderOpacity,[eb.inputVerticalAlignment]:Fg.inputVerticalAlignment,[eb.valueInputHeight]:Fg.valueInputHeight,[eb.valueInputMarginBottom]:Fg.valueInputMarginBottom,[eb.errorMessageIcon]:Fg.errorMessageIcon,[eb.errorMessageIconSize]:Fg.errorMessageIconSize,[eb.errorMessageIconPadding]:Fg.errorMessageIconPadding,[eb.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[eb.errorMessageIconPosition]:Fg.errorMessageIconPosition,[eb.errorMessageFontSize]:Fg.errorMessageFontSize};var rb=Object.freeze({__proto__:null,default:tb,vars:eb});const ob=cs.cssVarList,ib={[ob.hostWidth]:Fg.width,[ob.hostMinWidth]:Fg.minWidth,[ob.hostDirection]:Fg.direction,[ob.fontSize]:Fg.fontSize,[ob.fontFamily]:Fg.fontFamily,[ob.labelTextColor]:Fg.labelTextColor,[ob.labelRequiredIndicator]:Fg.requiredIndicator,[ob.errorMessageTextColor]:Fg.errorMessageTextColor,[ob.inputBackgroundColor]:Fg.backgroundColor,[ob.inputValueTextColor]:Fg.valueTextColor,[ob.inputPlaceholderTextColor]:Fg.placeholderTextColor,[ob.inputBorderRadius]:Fg.borderRadius,[ob.inputBorderWidth]:Fg.borderWidth,[ob.inputBorderStyle]:Fg.borderStyle,[ob.inputBorderColor]:Fg.borderColor,[ob.inputOutlineWidth]:Fg.outlineWidth,[ob.inputOutlineStyle]:Fg.outlineStyle,[ob.inputOutlineColor]:Fg.outlineColor,[ob.inputOutlineOffset]:Fg.outlineOffset,[ob.inputResizeType]:"vertical",[ob.inputMinHeight]:"5em",[ob.errorMessageIcon]:Fg.errorMessageIcon,[ob.errorMessageIconSize]:Fg.errorMessageIconSize,[ob.errorMessageIconPadding]:Fg.errorMessageIconPadding,[ob.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[ob.errorMessageIconPosition]:Fg.errorMessageIconPosition,[ob.errorMessageFontSize]:Fg.errorMessageFontSize,textAlign:{right:{[ob.inputTextAlign]:"right"},left:{[ob.inputTextAlign]:"left"},center:{[ob.inputTextAlign]:"center"}},_readonly:{[ob.inputResizeType]:"none"}};var nb=Object.freeze({__proto__:null,default:ib,vars:ob});const sb=br.cssVarList,ab="1.35em",lb={[sb.hostWidth]:Fg.width,[sb.hostDirection]:Fg.direction,[sb.fontSize]:Fg.fontSize,[sb.fontFamily]:Fg.fontFamily,[sb.labelTextColor]:Fg.labelTextColor,[sb.labelRequiredIndicator]:Fg.requiredIndicator,[sb.labelFontWeight]:"400",[sb.labelLineHeight]:ab,[sb.labelSpacing]:"1em",[sb.errorMessageTextColor]:Fg.errorMessageTextColor,[sb.inputOutlineWidth]:Fg.outlineWidth,[sb.inputOutlineOffset]:Fg.outlineOffset,[sb.inputOutlineColor]:Fg.outlineColor,[sb.inputOutlineStyle]:Fg.outlineStyle,[sb.inputBorderRadius]:Fg.borderRadius,[sb.inputBorderColor]:Fg.borderColor,[sb.inputBorderWidth]:Fg.borderWidth,[sb.inputBorderStyle]:Fg.borderStyle,[sb.inputBackgroundColor]:Fg.backgroundColor,[sb.inputSize]:ab,[sb.inputValueTextColor]:Fg.valueTextColor,[sb.errorMessageIcon]:Fg.errorMessageIcon,[sb.errorMessageIconSize]:Fg.errorMessageIconSize,[sb.errorMessageIconPadding]:Fg.errorMessageIconPadding,[sb.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[sb.errorMessageIconPosition]:Fg.errorMessageIconPosition,[sb.errorMessageFontSize]:Fg.errorMessageFontSize};var db=Object.freeze({__proto__:null,default:lb,vars:sb});const cb="2px",pb=vt(Xp),ub=jr.cssVarList,hb={[ub.hostWidth]:Fg.width,[ub.hostDirection]:Fg.direction,[ub.fontSize]:Fg.fontSize,[ub.fontFamily]:Fg.fontFamily,[ub.inputOutlineWidth]:Fg.outlineWidth,[ub.inputOutlineOffset]:Fg.outlineOffset,[ub.inputOutlineColor]:Fg.outlineColor,[ub.inputOutlineStyle]:Fg.outlineStyle,[ub.trackBorderStyle]:Fg.borderStyle,[ub.trackBorderWidth]:Fg.borderWidth,[ub.trackBorderColor]:Fg.borderColor,[ub.trackBackgroundColor]:Fg.backgroundColor,[ub.trackBorderRadius]:pb.radius.md,[ub.trackWidth]:"2.5em",[ub.trackHeight]:"1.25em",[ub.knobSize]:`calc(1em - ${cb})`,[ub.knobRadius]:"50%",[ub.knobTopOffset]:"1px",[ub.knobLeftOffset]:cb,[ub.knobColor]:Fg.labelTextColor,[ub.knobTransitionDuration]:"0.3s",[ub.labelTextColor]:Fg.labelTextColor,[ub.labelFontWeight]:"400",[ub.labelLineHeight]:"1.35em",[ub.labelSpacing]:"1em",[ub.labelRequiredIndicator]:Fg.requiredIndicator,[ub.errorMessageTextColor]:Fg.errorMessageTextColor,[ub.errorMessageIcon]:Fg.errorMessageIcon,[ub.errorMessageIconSize]:Fg.errorMessageIconSize,[ub.errorMessageIconPadding]:Fg.errorMessageIconPadding,[ub.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[ub.errorMessageIconPosition]:Fg.errorMessageIconPosition,[ub.errorMessageFontSize]:Fg.errorMessageFontSize,_checked:{[ub.trackBorderColor]:Fg.borderColor,[ub.knobLeftOffset]:`calc(100% - var(${ub.knobSize}) - ${cb})`,[ub.knobColor]:Fg.valueTextColor,[ub.knobTextColor]:Fg.valueTextColor},_disabled:{[ub.knobColor]:pb.colors.surface.light,[ub.trackBorderColor]:pb.colors.surface.light,[ub.trackBackgroundColor]:pb.colors.surface.main,[ub.labelTextColor]:Fg.labelTextColor,_checked:{[ub.knobColor]:pb.colors.surface.light,[ub.trackBackgroundColor]:pb.colors.surface.main}},_invalid:{[ub.trackBorderColor]:pb.colors.error.main,[ub.knobColor]:pb.colors.error.main}};var mb=Object.freeze({__proto__:null,default:hb,vars:ub});const gb=vt(Xp),bb=Qr.cssVarList,[yb,fb,vb]=St({verticalAlignment:{start:{verticalAlignment:"start"},center:{verticalAlignment:"safe center"},end:{verticalAlignment:"end"}},horizontalAlignment:{start:{horizontalAlignment:"start"},center:{horizontalAlignment:"safe center"},end:{horizontalAlignment:"end"}},shadowColor:"#00000020"},Gr),{shadowColor:xb}=fb,Cb={...yb,[bb.itemsGrow]:"0",[bb.hostWidth]:"100%",[bb.boxShadow]:"none",[bb.backgroundColor]:gb.colors.surface.main,[bb.backgroundImage]:"",[bb.backgroundPositionX]:"center",[bb.backgroundPositionY]:"center",[bb.backgroundSize]:"cover",[bb.backgroundRepeat]:"no-repeat",[bb.color]:gb.colors.surface.contrast,[bb.borderRadius]:"0px",[bb.hostDirection]:gb.direction,[bb.borderStyle]:"none",[bb.borderWidth]:"unset",[bb.borderColor]:"unset",verticalPadding:{sm:{[bb.verticalPadding]:"5px"},md:{[bb.verticalPadding]:"10px"},lg:{[bb.verticalPadding]:"20px"}},horizontalPadding:{sm:{[bb.horizontalPadding]:"5px"},md:{[bb.horizontalPadding]:"10px"},lg:{[bb.horizontalPadding]:"20px"}},direction:{row:{[bb.flexDirection]:"row",[bb.alignItems]:fb.verticalAlignment,[bb.justifyContent]:fb.horizontalAlignment,[bb.flexWrap]:"wrap",horizontalAlignment:{spaceBetween:{[vb.horizontalAlignment]:"space-between"}}},column:{[bb.flexDirection]:"column",[bb.alignItems]:fb.horizontalAlignment,[bb.justifyContent]:fb.verticalAlignment,verticalAlignment:{spaceBetween:{[vb.verticalAlignment]:"space-between"}}}},spaceBetween:{sm:{[bb.gap]:"10px"},md:{[bb.gap]:"20px"},lg:{[bb.gap]:"30px"}},shadow:{sm:{[bb.boxShadow]:`${gb.shadow.wide.sm} ${xb}, ${gb.shadow.narrow.sm} ${xb}`},md:{[bb.boxShadow]:`${gb.shadow.wide.md} ${xb}, ${gb.shadow.narrow.md} ${xb}`},lg:{[bb.boxShadow]:`${gb.shadow.wide.lg} ${xb}, ${gb.shadow.narrow.lg} ${xb}`},xl:{[bb.boxShadow]:`${gb.shadow.wide.xl} ${xb}, ${gb.shadow.narrow.xl} ${xb}`},"2xl":{[vb.shadowColor]:"#00000050",[bb.boxShadow]:`${gb.shadow.wide["2xl"]} ${xb}`}},"&borderRadius":{sm:{[bb.borderRadius]:gb.radius.sm},md:{[bb.borderRadius]:gb.radius.md},lg:{[bb.borderRadius]:gb.radius.lg},xl:{[bb.borderRadius]:gb.radius.xl},"2xl":{[bb.borderRadius]:gb.radius["2xl"]},"3xl":{[bb.borderRadius]:gb.radius["3xl"]}}},wb={...bb,...vb};var Ib=Object.freeze({__proto__:null,default:Cb,vars:wb});const Mb=mn.cssVarList,Sb={[Mb.fallbackUrl]:"url(https://imgs.descope.com/components/no-logo-placeholder.svg)"};var Ab=Object.freeze({__proto__:null,default:Sb,vars:Mb});const Eb=bn.cssVarList,Tb={[Eb.fallbackUrl]:"url(https://imgs.descope.com/components/totp-placeholder.svg)"};var kb=Object.freeze({__proto__:null,default:Tb,vars:Eb});const zb=fn.cssVarList,Lb={[zb.fallbackUrl]:"url(https://imgs.descope.com/components/notp-placeholder.svg)"};var Nb=Object.freeze({__proto__:null,default:Lb,vars:zb});const Db=vt(Xp),Vb=dn.cssVarList,[Pb,Rb,Bb]=St({thickness:"2px",spacing:"10px"},tn),Ob={...Pb,[Vb.hostDirection]:Db.direction,[Vb.alignItems]:"center",[Vb.flexDirection]:"row",[Vb.alignSelf]:"stretch",[Vb.hostWidth]:"100%",[Vb.stripeColor]:Db.colors.surface.light,[Vb.stripeColorOpacity]:"0.5",[Vb.stripeHorizontalThickness]:Rb.thickness,[Vb.labelTextWidth]:"fit-content",[Vb.labelTextMaxWidth]:"calc(100% - 100px)",[Vb.labelTextHorizontalSpacing]:Rb.spacing,[Vb.textAlign]:"center",_vertical:{[Vb.minHeight]:"200px",[Vb.flexDirection]:"column",[Vb.hostWidth]:"fit-content",[Vb.hostPadding]:`0 calc(${Rb.thickness} * 3)`,[Vb.stripeVerticalThickness]:Rb.thickness,[Vb.labelTextWidth]:"fit-content",[Vb.labelTextMaxWidth]:"100%",[Vb.labelTextVerticalSpacing]:Rb.spacing}},jb={...Vb,...Bb};var Fb=Object.freeze({__proto__:null,default:Ob,vars:jb});const Wb=_n.cssVarList,_b={[Wb.hostDirection]:Fg.direction,[Wb.fontFamily]:Fg.fontFamily,[Wb.fontSize]:Fg.fontSize,[Wb.labelTextColor]:Fg.labelTextColor,[Wb.labelRequiredIndicator]:Fg.requiredIndicator,[Wb.errorMessageTextColor]:Fg.errorMessageTextColor,[Wb.digitValueTextColor]:Fg.valueTextColor,[Wb.digitPadding]:"0",[Wb.digitTextAlign]:"center",[Wb.digitSpacing]:"4px",[Wb.hostWidth]:Fg.width,[Wb.digitOutlineColor]:"transparent",[Wb.digitOutlineWidth]:Fg.outlineWidth,[Wb.focusedDigitFieldOutlineColor]:Fg.outlineColor,[Wb.digitSize]:Fg.inputHeight,[Wb.errorMessageIcon]:Fg.errorMessageIcon,[Wb.errorMessageIconSize]:Fg.errorMessageIconSize,[Wb.errorMessageIconPadding]:Fg.errorMessageIconPadding,[Wb.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[Wb.errorMessageIconPosition]:Fg.errorMessageIconPosition,[Wb.errorMessageFontSize]:Fg.errorMessageFontSize,size:{xs:{[Wb.spinnerSize]:"15px"},sm:{[Wb.spinnerSize]:"20px"},md:{[Wb.spinnerSize]:"20px"},lg:{[Wb.spinnerSize]:"20px"}},_hideCursor:{[Wb.digitCaretTextColor]:"transparent"},_loading:{[Wb.overlayOpacity]:Fg.overlayOpacity}};var $b=Object.freeze({__proto__:null,default:_b,vars:Wb});const Hb=vt(Xp),qb=Hr.cssVarList,Yb={[qb.hostDisplay]:"inline-block",[qb.hostWidth]:"100%",[qb.barColor]:Hb.colors.surface.contrast,[qb.barWidth]:"20%",[qb.barBackgroundColor]:Hb.colors.surface.light,[qb.barBorderRadius]:"4px",[qb.animationDuration]:"2s",[qb.animationTimingFunction]:"linear",[qb.animationIterationCount]:"infinite",[qb.verticalPadding]:"0.25em",size:{xs:{[qb.barHeight]:"2px"},sm:{[qb.barHeight]:"4px"},md:{[qb.barHeight]:"6px"},lg:{[qb.barHeight]:"8px"}},mode:{primary:{[qb.barColor]:Hb.colors.primary.main},secondary:{[qb.barColor]:Hb.colors.secondary.main}},_hidden:{[qb.hostDisplay]:"none"}};var Ub=Object.freeze({__proto__:null,default:Yb,vars:qb});const Gb=vt(Xp),Zb=Ur.cssVarList,[Qb,Jb,Kb]=St({spinnerColor:Gb.colors.surface.contrast,mode:{primary:{spinnerColor:Gb.colors.primary.main},secondary:{spinnerColor:Gb.colors.secondary.main}}},qr),Xb={...Qb,[Zb.animationDuration]:"2s",[Zb.animationTimingFunction]:"linear",[Zb.animationIterationCount]:"infinite",[Zb.spinnerBorderStyle]:"solid",[Zb.spinnerBorderWidth]:"0.2em",[Zb.spinnerBorderRadius]:"50%",[Zb.spinnerQuadrant1Color]:Jb.spinnerColor,[Zb.spinnerQuadrant2Color]:"transparent",[Zb.spinnerQuadrant3Color]:Jb.spinnerColor,[Zb.spinnerQuadrant4Color]:"transparent",size:{xs:{[Zb.spinnerSize]:"20px"},sm:{[Zb.spinnerSize]:"30px"},md:{[Zb.spinnerSize]:"40px"},lg:{[Zb.spinnerSize]:"60px"},xl:{[Zb.spinnerSize]:"80px"}},_hidden:{[Zb.hostDisplay]:"none"}},ey={...Zb,...Kb};var ty=Object.freeze({__proto__:null,default:Xb,vars:ey});const ry=Vs.cssVarList,oy={[ry.hostWidth]:Fg.width,[ry.hostDirection]:Fg.direction,[ry.fontSize]:Fg.fontSize,[ry.fontFamily]:Fg.fontFamily,[ry.labelTextColor]:Fg.labelTextColor,[ry.labelRequiredIndicator]:Fg.requiredIndicator,[ry.errorMessageTextColor]:Fg.errorMessageTextColor,[ry.inputValueTextColor]:Fg.valueTextColor,[ry.inputPlaceholderTextColor]:Fg.placeholderTextColor,[ry.inputBorderStyle]:Fg.borderStyle,[ry.inputBorderWidth]:Fg.borderWidth,[ry.inputBorderColor]:Fg.borderColor,[ry.inputBorderRadius]:Fg.borderRadius,[ry.inputOutlineStyle]:Fg.outlineStyle,[ry.inputOutlineWidth]:Fg.outlineWidth,[ry.inputOutlineColor]:Fg.outlineColor,[ry.inputOutlineOffset]:Fg.outlineOffset,[ry.phoneInputWidth]:Fg.minWidth,[ry.countryCodeInputWidth]:"5em",[ry.countryCodeDropdownWidth]:"20em",[ry.marginInlineStart]:"-0.25em",[ry.valueInputHeight]:Fg.valueInputHeight,[ry.valueInputMarginBottom]:Fg.valueInputMarginBottom,[ry.errorMessageIcon]:Fg.errorMessageIcon,[ry.errorMessageIconSize]:Fg.errorMessageIconSize,[ry.errorMessageIconPadding]:Fg.errorMessageIconPadding,[ry.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[ry.errorMessageIconPosition]:Fg.errorMessageIconPosition,[ry.errorMessageFontSize]:Fg.errorMessageFontSize};var iy=Object.freeze({__proto__:null,default:oy,vars:ry});const ny=Js.cssVarList,sy={[ny.hostWidth]:"16em",[ny.hostMinWidth]:Fg.minWidth,[ny.hostDirection]:Fg.direction,[ny.fontSize]:Fg.fontSize,[ny.fontFamily]:Fg.fontFamily,[ny.labelFontSize]:Fg.labelFontSize,[ny.labelFontWeight]:Fg.labelFontWeight,[ny.labelTextColor]:Fg.labelTextColor,[ny.labelRequiredIndicator]:Fg.requiredIndicator,[ny.errorMessageTextColor]:Fg.errorMessageTextColor,[ny.inputValueTextColor]:Fg.valueTextColor,[ny.inputPlaceholderTextColor]:Fg.placeholderTextColor,[ny.inputBorderStyle]:Fg.borderStyle,[ny.inputBorderWidth]:Fg.borderWidth,[ny.inputBorderColor]:Fg.borderColor,[ny.inputBorderRadius]:Fg.borderRadius,[ny.inputOutlineStyle]:Fg.outlineStyle,[ny.inputOutlineWidth]:Fg.outlineWidth,[ny.inputOutlineColor]:Fg.outlineColor,[ny.inputOutlineOffset]:Fg.outlineOffset,[ny.labelPosition]:Fg.labelPosition,[ny.labelTopPosition]:Fg.labelTopPosition,[ny.labelHorizontalPosition]:Fg.labelHorizontalPosition,[ny.inputTransformY]:Fg.inputTransformY,[ny.inputTransition]:Fg.inputTransition,[ny.marginInlineStart]:Fg.marginInlineStart,[ny.valueInputHeight]:Fg.valueInputHeight,[ny.valueInputMarginBottom]:Fg.valueInputMarginBottom,[ny.inputHorizontalPadding]:"0",[ny.errorMessageIcon]:Fg.errorMessageIcon,[ny.errorMessageIconSize]:Fg.errorMessageIconSize,[ny.errorMessageIconPadding]:Fg.errorMessageIconPadding,[ny.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[ny.errorMessageIconPosition]:Fg.errorMessageIconPosition,[ny.errorMessageFontSize]:Fg.errorMessageFontSize,_fullWidth:{[ny.hostWidth]:Fg.width}};var ay=Object.freeze({__proto__:null,default:sy,vars:ny});const ly=vt(Xp),dy=va.cssVarList,cy={[dy.hostWidth]:Fg.width,[dy.hostMinWidth]:Fg.minWidth,[dy.hostDirection]:Fg.direction,[dy.fontSize]:Fg.fontSize,[dy.fontFamily]:Fg.fontFamily,[dy.labelFontSize]:Fg.labelFontSize,[dy.labelFontWeight]:Fg.labelFontWeight,[dy.labelTextColor]:Fg.labelTextColor,[dy.spaceBetweenInputs]:"1em",[dy.errorMessageTextColor]:Fg.errorMessageTextColor,[dy.policyPreviewBackgroundColor]:"none",[dy.policyPreviewPadding]:ly.spacing.lg,[dy.valueInputHeight]:Fg.valueInputHeight,[dy.errorMessageIcon]:Fg.errorMessageIcon,[dy.errorMessageIconSize]:Fg.errorMessageIconSize,[dy.errorMessageIconPadding]:Fg.errorMessageIconPadding,[dy.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[dy.errorMessageIconPosition]:Fg.errorMessageIconPosition,[dy.errorMessageFontSize]:Fg.errorMessageFontSize,_required:{[dy.inputsRequiredIndicator]:Fg.requiredIndicator}};var py=Object.freeze({__proto__:null,default:cy,vars:dy});const uy=$a.cssVarList,hy={[uy.hostDirection]:Fg.direction,[uy.labelTextColor]:Fg.labelTextColor,[uy.fontFamily]:Fg.fontFamily,[uy.iconSize]:"2em",[uy.hostPadding]:"0.75em",[uy.gap]:"0.5em",[uy.fontSize]:"16px",[uy.titleFontWeight]:"500",[uy.lineHeight]:"1em",[uy.borderWidth]:Fg.borderWidth,[uy.borderColor]:Fg.borderColor,[uy.borderRadius]:Fg.borderRadius,[uy.borderStyle]:"dashed",_required:{[uy.requiredIndicator]:Fg.requiredIndicator},size:{xs:{[uy.hostHeight]:"196px",[uy.hostWidth]:"200px",[uy.titleFontSize]:"0.875em",[uy.descriptionFontSize]:"0.875em",[uy.lineHeight]:"1.25em"},sm:{[uy.hostHeight]:"216px",[uy.hostWidth]:"230px",[uy.titleFontSize]:"1em",[uy.descriptionFontSize]:"0.875em",[uy.lineHeight]:"1.25em"},md:{[uy.hostHeight]:"256px",[uy.hostWidth]:"312px",[uy.titleFontSize]:"1.125em",[uy.descriptionFontSize]:"1em",[uy.lineHeight]:"1.5em"},lg:{[uy.hostHeight]:"280px",[uy.hostWidth]:"336px",[uy.titleFontSize]:"1.125em",[uy.descriptionFontSize]:"1.125em",[uy.lineHeight]:"1.75em"}},_fullWidth:{[uy.hostWidth]:Fg.width}};var my=Object.freeze({__proto__:null,default:hy,vars:uy});const gy=vt(Xp),by=nl.cssVarList,yy={[by.hostDirection]:"inherit",[by.backgroundColor]:gy.colors.surface.main,[by.labelTextColor]:gy.colors.surface.contrast,[by.borderColor]:gy.colors.surface.light,[by.borderStyle]:"solid",[by.borderRadius]:gy.radius.sm,[by.outlineColor]:"transparent",[by.borderWidth]:gy.border.xs,_hover:{[by.backgroundColor]:gy.colors.surface.highlight},_focused:{[by.outlineColor]:gy.colors.surface.light},_selected:{[by.borderColor]:gy.colors.surface.contrast,[by.backgroundColor]:gy.colors.surface.contrast,[by.labelTextColor]:gy.colors.surface.main}};var fy=Object.freeze({__proto__:null,default:yy,vars:by});const vy=vt(Xp),xy=e=>({[e.hostDirection]:Fg.direction,[e.fontFamily]:Fg.fontFamily,[e.labelTextColor]:Fg.labelTextColor,[e.labelRequiredIndicator]:Fg.requiredIndicator,[e.itemsSpacing]:vy.spacing.sm,[e.hostWidth]:Fg.width,[e.errorMessageTextColor]:Fg.errorMessageTextColor,[e.errorMessageIcon]:Fg.errorMessageIcon,[e.errorMessageIconSize]:Fg.errorMessageIconSize,[e.errorMessageIconPadding]:Fg.errorMessageIconPadding,[e.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[e.errorMessageIconPosition]:Fg.errorMessageIconPosition,[e.errorMessageFontSize]:Fg.errorMessageFontSize}),Cy=rl.cssVarList,wy={...xy(Cy)};var Iy=Object.freeze({__proto__:null,default:wy,vars:Cy});const My=dl.cssVarList,Sy={...xy(My)};var Ay=Object.freeze({__proto__:null,default:Sy,vars:My});const Ey=vt(Xp),Ty=ic.cssVarList,ky={[Ty.overlayBackgroundColor]:Ey.colors.surface.main,[Ty.overlayShadow]:Ey.shadow.wide["2xl"],[Ty.overlayWidth]:"540px",[Ty.overlayBackdropColor]:"hsla(214, 53%, 23%, 0.16)"},zy={...Ty};var Ly=Object.freeze({__proto__:null,default:ky,vars:zy});const Ny=vt(Xp),Dy=jd.cssVarList,Vy={[Dy.hostWidth]:"100%",[Dy.hostHeight]:"100%",[Dy.hostMinHeight]:"400px",[Dy.fontWeight]:"400",[Dy.backgroundColor]:Ny.colors.surface.main,[Dy.fontSize]:Fg.fontSize,[Dy.fontFamily]:Fg.fontFamily,[Dy.sortIndicatorsColor]:Ny.colors.surface.light,[Dy.activeSortIndicator]:Ny.colors.surface.dark,[Dy.resizeHandleColor]:Ny.colors.surface.light,[Dy.borderWidth]:Fg.borderWidth,[Dy.borderStyle]:Fg.borderStyle,[Dy.borderRadius]:Fg.borderRadius,[Dy.borderColor]:"transparent",[Dy.headerRowTextColor]:Ny.colors.surface.dark,[Dy.separatorColor]:Ny.colors.surface.light,[Dy.valueTextColor]:Ny.colors.surface.contrast,[Dy.selectedBackgroundColor]:Ny.colors.surface.highlight,[Dy.hostDirection]:Ny.direction,[Dy.toggleDetailsPanelButtonSize]:"1em",[Dy.toggleDetailsPanelButtonOpenedColor]:Ny.colors.surface.contrast,[Dy.toggleDetailsPanelButtonClosedColor]:Ny.colors.surface.light,[Dy.toggleDetailsPanelButtonCursor]:"pointer",[Dy.detailsPanelBackgroundColor]:Ny.colors.surface.highlight,[Dy.detailsPanelBorderTopColor]:Ny.colors.surface.light,[Dy.detailsPanelLabelsColor]:Ny.colors.surface.dark,[Dy.detailsPanelLabelsFontSize]:"0.8em",[Dy.detailsPanelItemsGap]:"2em",[Dy.detailsPanelPadding]:"12px 0",_bordered:{[Dy.borderColor]:Fg.borderColor}};var Py=Object.freeze({__proto__:null,default:Vy,grid:Vy,vars:Dy});const Ry=vt(Xp),By=lc.cssVarList,Oy="#00000020",jy={[By.hostMinWidth]:"415px",[By.fontFamily]:Ry.fonts.font1.family,[By.fontSize]:Ry.typography.body1.size,[By.backgroundColor]:Ry.colors.surface.main,[By.textColor]:Ry.colors.surface.contrast,[By.boxShadow]:`${Ry.shadow.wide.xl} ${Oy}, ${Ry.shadow.narrow.xl} ${Oy}`,[By.verticalPadding]:"0.625em",[By.horizontalPadding]:"1.5em",[By.borderRadius]:Ry.radius.xs,_bordered:{[By.borderWidth]:Ry.border.sm,[By.borderStyle]:"solid",[By.borderColor]:"transparent"},size:{xs:{[By.fontSize]:"12px"},sm:{[By.fontSize]:"14px"},md:{[By.fontSize]:"16px"},lg:{[By.fontSize]:"18px"}},mode:{primary:{[By.backgroundColor]:Ry.colors.primary.main,[By.textColor]:Ry.colors.primary.contrast,[By.borderColor]:Ry.colors.primary.light},success:{[By.backgroundColor]:Ry.colors.success.main,[By.textColor]:Ry.colors.success.contrast,[By.borderColor]:Ry.colors.success.light},error:{[By.backgroundColor]:Ry.colors.error.main,[By.textColor]:Ry.colors.error.contrast,[By.borderColor]:Ry.colors.error.light}}};var Fy=Object.freeze({__proto__:null,default:jy,vars:By});const Wy=vt(Xp),_y=tc.cssVarList,$y={[_y.hostWidth]:Fg.width,[_y.hostDirection]:Fg.direction,[_y.fontSize]:Fg.fontSize,[_y.fontFamily]:Fg.fontFamily,[_y.labelFontSize]:Fg.labelFontSize,[_y.labelFontWeight]:Fg.labelFontWeight,[_y.labelTextColor]:Fg.labelTextColor,[_y.errorMessageTextColor]:Fg.errorMessageTextColor,[_y.inputBorderColor]:Fg.borderColor,[_y.inputBorderWidth]:Fg.borderWidth,[_y.inputBorderStyle]:Fg.borderStyle,[_y.inputBorderRadius]:Fg.borderRadius,[_y.inputOutlineColor]:Fg.outlineColor,[_y.inputOutlineOffset]:Fg.outlineOffset,[_y.inputOutlineWidth]:Fg.outlineWidth,[_y.inputOutlineStyle]:Fg.outlineStyle,[_y.labelRequiredIndicator]:Fg.requiredIndicator,[_y.inputValueTextColor]:Fg.valueTextColor,[_y.inputPlaceholderTextColor]:Fg.placeholderTextColor,[_y.inputBackgroundColor]:Fg.backgroundColor,[_y.inputHorizontalPadding]:Fg.horizontalPadding,[_y.inputVerticalPadding]:Fg.verticalPadding,[_y.inputHeight]:Fg.inputHeight,[_y.inputDropdownButtonColor]:Wy.colors.surface.dark,[_y.inputDropdownButtonCursor]:"pointer",[_y.inputDropdownButtonSize]:Fg.toggleButtonSize,[_y.inputDropdownButtonOffset]:Wy.spacing.xs,[_y.overlayItemPaddingInlineStart]:Wy.spacing.xs,[_y.overlayItemPaddingInlineEnd]:Wy.spacing.lg,[_y.chipFontSize]:Fg.chipFontSize,[_y.chipTextColor]:Wy.colors.surface.contrast,[_y.chipBackgroundColor]:Wy.colors.surface.light,[_y.labelPosition]:Fg.labelPosition,[_y.labelTopPosition]:Fg.labelTopPosition,[_y.labelLeftPosition]:Fg.labelLeftPosition,[_y.labelHorizontalPosition]:Fg.labelHorizontalPosition,[_y.inputTransformY]:Fg.inputTransformY,[_y.inputTransition]:Fg.inputTransition,[_y.marginInlineStart]:Fg.marginInlineStart,[_y.placeholderOpacity]:Fg.placeholderOpacity,[_y.inputVerticalAlignment]:Fg.inputVerticalAlignment,[_y.errorMessageIcon]:Fg.errorMessageIcon,[_y.errorMessageIconSize]:Fg.errorMessageIconSize,[_y.errorMessageIconPadding]:Fg.errorMessageIconPadding,[_y.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[_y.errorMessageIconPosition]:Fg.errorMessageIconPosition,[_y.errorMessageFontSize]:Fg.errorMessageFontSize,labelType:{floating:{[_y.inputHorizontalPadding]:"0.25em",_hasValue:{[_y.inputHorizontalPadding]:"0.45em"}}},_readonly:{[_y.inputDropdownButtonCursor]:"default"},[_y.overlayFontSize]:Fg.fontSize,[_y.overlayFontFamily]:Fg.fontFamily,[_y.overlayCursor]:"pointer",[_y.overlayItemBoxShadow]:"none",[_y.overlayBackground]:Fg.backgroundColor,[_y.overlayTextColor]:Fg.valueTextColor,[_y.overlay.minHeight]:"400px",[_y.overlay.margin]:"0"};var Hy=Object.freeze({__proto__:null,default:$y,multiSelectComboBox:$y,vars:_y});const qy=vt(Xp),Yy=Mc.cssVarList,Uy={[Yy.hostWidth]:Fg.width,[Yy.hostDirection]:Fg.direction,[Yy.fontSize]:Fg.fontSize,[Yy.fontFamily]:Fg.fontFamily,[Yy.separatorFontSize]:"14px",[Yy.labelsFontSize]:"14px",[Yy.labelsLineHeight]:"1",[Yy.labelsMarginBottom]:"6px",[Yy.labelTextColor]:Fg.labelTextColor,[Yy.itemMarginBottom]:"1em",[Yy.valueLabelMinWidth]:Fg.minWidth,[Yy.attrLabelMinWidth]:`calc(12em + 2 * ${qy.border.xs})`,[Yy.separatorWidth]:"70px",[Yy.removeButtonWidth]:"60px"};var Gy=Object.freeze({__proto__:null,default:Uy,mappingsField:Uy,vars:Yy});const Zy=vt(Xp),Qy=jc.cssVarList,Jy={[Qy.labelMinWidth]:"150px",[Qy.hostDirection]:Zy.direction,[Qy.contentMinWidth]:`calc(100% - ${Mt(Qy.labelMinWidth)} - ${Mt(Qy.itemsGap)})`,[Qy.badgeMaxWidth]:"85px",[Qy.itemsGap]:"4px",[Qy.hostMinWidth]:"310px",[Qy.hostWidth]:"530px",[Qy.hostMaxWidth]:"100%",_fullWidth:{[Qy.hostWidth]:"100%"}};var Ky=Object.freeze({__proto__:null,default:Jy,vars:Qy});const Xy=vt(Xp),ef=Gc.cssVarList,tf={[ef.hostDirection]:Xy.direction,[ef.itemsGap]:"16px",[ef.hostMinWidth]:"310px",[ef.hostWidth]:"530px",[ef.hostMaxWidth]:"100%",[ef.iconSize]:"24px",[ef.iconColor]:"currentcolor",_fullWidth:{[ef.hostWidth]:"100%"}};var rf=Object.freeze({__proto__:null,default:tf,vars:ef});const of=tp.cssVarList,nf={[of.hostWidth]:Fg.width,[of.hostDirection]:Fg.direction,[of.groupNameInputMarginBottom]:"1em",[of.errorMessageIcon]:Fg.errorMessageIcon,[of.errorMessageIconSize]:Fg.errorMessageIconSize,[of.errorMessageIconPadding]:Fg.errorMessageIconPadding,[of.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[of.errorMessageIconPosition]:Fg.errorMessageIconPosition,[of.errorMessageFontSize]:Fg.errorMessageFontSize};var sf=Object.freeze({__proto__:null,default:nf,samlGroupMappings:nf,vars:of});const af=vt(Xp),lf=da.cssVarList,df={[lf.fontFamily]:Fg.fontFamily,[lf.fontSize]:Fg.labelFontSize,[lf.textColor]:Fg.labelTextColor,[lf.borderWidth]:Fg.borderWidth,[lf.borderStyle]:Fg.borderStyle,[lf.borderColor]:Fg.borderColor,[lf.borderRadius]:af.radius.sm,[lf.backgroundColor]:"none",[lf.padding]:"0px",[lf.labelMargin]:af.spacing.sm,[lf.itemsSpacing]:af.spacing.lg,[lf.itemSymbolDefault]:"'\\2022'",[lf.itemSymbolSuccess]:"'\\2713'",[lf.itemSymbolError]:"'\\2A09'",[lf.itemSymbolSuccessColor]:af.colors.success.main,[lf.itemSymbolErrorColor]:af.colors.error.main};var cf=Object.freeze({__proto__:null,default:df,vars:lf});const pf=vt(Xp),uf=md.cssVarList,hf="#d73a49",mf="#6f42c1",gf="#005cc5",bf="#e36209",yf="#6a737d",ff="#22863a",vf="#24292e",xf="#f0fff4",Cf="#032f62",wf="#ff7b72",If="#d2a8ff",Mf="#79c0ff",Sf="#ffa657",Af="#8b949e",Ef="#7ee787",Tf="#c9d1d9",kf="#f0fff4",zf="#a5d6ff",Lf={[uf.rootBgColor]:pf.colors.surface.main,[uf.rootTextColor]:pf.colors.surface.contrast,[uf.docTagTextColor]:hf,[uf.keywordTextColor]:hf,[uf.metaKeywordTextColor]:hf,[uf.templateTagTextColor]:hf,[uf.templateVariableTextColor]:hf,[uf.typeTextColor]:hf,[uf.variableLanguageTextColor]:hf,[uf.titleTextColor]:mf,[uf.titleClassTextColor]:mf,[uf.titleClassInheritedTextColor]:mf,[uf.titleFunctionTextColor]:mf,[uf.attrTextColor]:gf,[uf.attributeTextColor]:gf,[uf.literalTextColor]:gf,[uf.metaTextColor]:gf,[uf.numberTextColor]:gf,[uf.operatorTextColor]:gf,[uf.variableTextColor]:gf,[uf.selectorAttrTextColor]:gf,[uf.selectorClassTextColor]:gf,[uf.selectorIdTextColor]:gf,[uf.regexpTextColor]:Cf,[uf.stringTextColor]:Cf,[uf.metaStringTextColor]:Cf,[uf.builtInTextColor]:bf,[uf.symbolTextColor]:bf,[uf.commentTextColor]:yf,[uf.codeTextColor]:yf,[uf.formulaTextColor]:yf,[uf.nameTextColor]:ff,[uf.quoteTextColor]:ff,[uf.selectorTagTextColor]:ff,[uf.selectorPseudoTextColor]:ff,[uf.substTextColor]:vf,[uf.sectionTextColor]:gf,[uf.bulletTextColor]:"#735c0f",[uf.emphasisTextColor]:vf,[uf.strongTextColor]:vf,[uf.additionTextColor]:ff,[uf.additionBgColor]:xf,[uf.deletionTextColor]:hf,[uf.deletionBgColor]:xf},Nf={codeSnippet:{[uf.rootBgColor]:pf.colors.surface.main,[uf.rootTextColor]:pf.colors.surface.contrast,[uf.docTagTextColor]:wf,[uf.keywordTextColor]:wf,[uf.metaKeywordTextColor]:wf,[uf.templateTagTextColor]:wf,[uf.templateVariableTextColor]:wf,[uf.typeTextColor]:wf,[uf.variableLanguageTextColor]:wf,[uf.titleTextColor]:If,[uf.titleClassTextColor]:If,[uf.titleClassInheritedTextColor]:If,[uf.titleFunctionTextColor]:If,[uf.attrTextColor]:Mf,[uf.attributeTextColor]:Mf,[uf.literalTextColor]:Mf,[uf.metaTextColor]:Mf,[uf.numberTextColor]:Mf,[uf.operatorTextColor]:Mf,[uf.variableTextColor]:Mf,[uf.selectorAttrTextColor]:Mf,[uf.selectorClassTextColor]:Mf,[uf.selectorIdTextColor]:Mf,[uf.regexpTextColor]:zf,[uf.stringTextColor]:zf,[uf.metaStringTextColor]:zf,[uf.builtInTextColor]:Sf,[uf.symbolTextColor]:Sf,[uf.commentTextColor]:Af,[uf.codeTextColor]:Af,[uf.formulaTextColor]:Af,[uf.nameTextColor]:Ef,[uf.quoteTextColor]:Ef,[uf.selectorTagTextColor]:Ef,[uf.selectorPseudoTextColor]:Ef,[uf.substTextColor]:Tf,[uf.sectionTextColor]:Mf,[uf.bulletTextColor]:"#735c0f",[uf.emphasisTextColor]:Tf,[uf.strongTextColor]:Tf,[uf.additionTextColor]:Ef,[uf.additionBgColor]:kf,[uf.deletionTextColor]:wf,[uf.deletionBgColor]:kf}};var Df=Object.freeze({__proto__:null,codeSnippetDarkThemeOverrides:Nf,default:Lf,vars:uf});const Vf=np.cssVarList,Pf=vt(Xp),Rf={[Vf.buttonsRowGap]:"9px",[Vf.hostWidth]:Fg.width,[Vf.hostDirection]:Fg.direction,[Vf.fontSize]:Fg.fontSize,[Vf.fontFamily]:Fg.fontFamily,[Vf.labelTextColor]:Fg.labelTextColor,[Vf.labelRequiredIndicator]:Fg.requiredIndicator,[Vf.errorMessageTextColor]:Fg.errorMessageTextColor,[Vf.errorMessageIcon]:Fg.errorMessageIcon,[Vf.errorMessageIconSize]:Fg.errorMessageIconSize,[Vf.errorMessageIconPadding]:Fg.errorMessageIconPadding,[Vf.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[Vf.errorMessageIconPosition]:Fg.errorMessageIconPosition,[Vf.errorMessageFontSize]:Fg.errorMessageFontSize,[Vf.helperTextColor]:Fg.helperTextColor,[Vf.itemsLabelColor]:Pf.colors.surface.contrast,textAlign:{right:{[Vf.inputTextAlign]:"right"},left:{[Vf.inputTextAlign]:"left"},center:{[Vf.inputTextAlign]:"center"}},_fullWidth:{[Vf.buttonsSpacing]:"space-between"},_disabled:{[Vf.itemsLabelColor]:Pf.colors.surface.light}};var Bf=Object.freeze({__proto__:null,default:Rf,radioGroup:Rf,vars:Vf});const Of=op.cssVarList,jf=vt(Xp),Ff={[Of.fontFamily]:Fg.fontFamily,[Of.radioSize]:"calc(1em + 6px)",[Of.radioMargin]:"auto 4px",[Of.radioCheckedSize]:`calc(var(${Of.radioSize})/5)`,[Of.radioCheckedColor]:jf.colors.surface.light,[Of.radioBackgroundColor]:jf.colors.surface.light,[Of.radioBorderColor]:"none",[Of.radioBorderWidth]:0,_checked:{[Of.radioBackgroundColor]:jf.colors.surface.contrast},_hover:{cursor:"pointer"},size:{xs:{[Of.fontSize]:"12px"},sm:{[Of.fontSize]:"14px"},md:{[Of.fontSize]:"16px"},lg:{[Of.fontSize]:"18px"}}};var Wf=Object.freeze({__proto__:null,default:Ff,radioButton:Ff,vars:Of});const _f=vt(Xp),$f=xi.cssVarList,Hf={[$f.fontFamily]:Fg.fontFamily,[$f.fontSize]:Fg.fontSize,[$f.hostDirection]:Fg.direction,[$f.calendarPadding]:"1em",[$f.topNavVerticalPadding]:"1em",[$f.topNavAlignment]:"space-between",[$f.topNavGap]:"0",[$f.topNavSelectorsGap]:"0.5em",[$f.bottomNavVerticalPadding]:"0.75em",[$f.bottomNavHorizontalPadding]:"1.5em",[$f.bottomNavAlignment]:"space-between",[$f.bottomNavGap]:"0.5em",[$f.navMarginBottom]:"0.75em",[$f.navBorderBottomWidth]:"1px",[$f.navBorderBottomColor]:_f.colors.surface.highlight,[$f.navBorderBottomStyle]:"solid",[$f.yearInputWidth]:"6em",[$f.monthInputWidth]:"8em",[$f.navButtonSize]:"24px",[$f.navButtonCursor]:"pointer",[$f.weekdayFontSize]:"0.875em",[$f.weekdayFontWeight]:"500",[$f.dayHeight]:"3.125em",[$f.daySize]:"2.125em",[$f.dayFontSize]:"1em",[$f.dayRadius]:"50%",[$f.dayTextAlign]:"center",[$f.dayPadding]:"0",[$f.dayTextColor]:_f.colors.surface.contrast,[$f.dayFontWeight]:"500",[$f.dayBackgroundColor]:"transparent",[$f.dayCursor]:"pointer",[$f.dayBackgroundColorHover]:_f.colors.primary.highlight,[$f.daySelectedBackgroundColor]:_f.colors.primary.main,[$f.daySelectedTextdColor]:_f.colors.primary.contrast,[$f.dayDisabledTextdColor]:_f.colors.surface.light,[$f.currentDayBorderColor]:_f.colors.surface.light,[$f.currentDayBorderWidth]:"1px",[$f.currentDayBorderStyle]:"solid",size:{xs:{[$f.fontSize]:"12px"},sm:{[$f.fontSize]:"14px"},md:{[$f.fontSize]:"16px"},lg:{[$f.fontSize]:"18px"}},[$f.navButtonRotation]:"rotate(180deg)",_disabled:{[$f.navButtonOpacity]:"0.5",[$f.dayBackgroundColorHover]:"none",[$f.navButtonCursor]:"default",[$f.dayCursor]:"default"},_fullWidth:{[$f.hostWidth]:"100%",[$f.dayBlockAlign]:"0 auto"}};var qf=Object.freeze({__proto__:null,default:Hf,vars:$f});const Yf=vt(Xp),Uf="#00000020",{shadow:Gf}=Yf,Zf=en.cssVarList,Qf={[Zf.hostWidth]:Fg.width,[Zf.hostDirection]:Fg.direction,[Zf.iconMargin]:"0.375em",[Zf.overlay.marginTop]:`calc(${Fg.outlineWidth} + 1px)`,[Zf.overlay.backgroundColor]:Fg.backgroundColor,[Zf.overlay.backdropBackgroundColor]:"transparent",[Zf.overlay.backdropPointerEvents]:"all",[Zf.overlay.boxShadow]:`${Gf.wide.xl} ${Uf}, ${Gf.narrow.xl} ${Uf}`,[Zf.overlay.outlineWidth]:"0",[Zf.overlay.outlineColor]:"transparent",[Zf.overlay.outlineStyle]:"none",[Zf.overlay.padding]:"0",[Zf.rtlInputDirection]:"ltr",[Zf.rtlInputAlignment]:"right",[Zf.errorMessageIcon]:Fg.errorMessageIcon,[Zf.errorMessageIconSize]:Fg.errorMessageIconSize,[Zf.errorMessageIconPadding]:Fg.errorMessageIconPadding,[Zf.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[Zf.errorMessageIconPosition]:Fg.errorMessageIconPosition,[Zf.errorMessageFontSize]:Fg.errorMessageFontSize};var Jf=Object.freeze({__proto__:null,default:Qf,vars:Zf});const Kf=pp.cssVarList,Xf={[Kf.requiredInputBorderColor]:jg._disabled[Wg.borderColor],[Kf.requiredInputValueTextColor]:jg._disabled[Wg.valueTextColor],[Kf.hostWidth]:"280px",_fullWidth:{[Kf.hostWidth]:"100%"}};var ev=Object.freeze({__proto__:null,default:Xf,vars:Kf});const tv=vt(Xp),rv=Cp.cssVarList,ov={[rv.gap]:tv.spacing.lg,[rv.arrowsColor]:tv.colors.surface.dark,[rv.thirdPartyAppLogoFallback]:"url(https://imgs.descope.com/components/third-party-app-logo-placeholder.svg)",[rv.companyLogoFallback]:"url(https://imgs.descope.com/components/project-logo-placeholder.svg)",size:{xs:{[rv.logoMaxHeight]:"30px",[rv.logoMaxWidth]:"120px"},sm:{[rv.logoMaxHeight]:"40px",[rv.logoMaxWidth]:"160px"},md:{[rv.logoMaxHeight]:"48px",[rv.logoMaxWidth]:"200px"},lg:{[rv.logoMaxHeight]:"60px",[rv.logoMaxWidth]:"240px"}}};var iv=Object.freeze({__proto__:null,default:ov,vars:rv});const nv=Ap.cssVarList,sv={[nv.hostWidth]:"fit-content",_fullWidth:{[nv.hostWidth]:"100%"}};var av=Object.freeze({__proto__:null,default:sv,vars:nv});const lv=Vp.cssVarList,dv={[lv.hostWidth]:"min-content",[lv.questionCursor]:"pointer",_fullWidth:{[lv.hostWidth]:"100%"},[lv.questionFontSize]:Fg.fontSize,[lv.questionFontFamily]:Fg.fontFamily};var cv=Object.freeze({__proto__:null,default:dv,vars:lv});const pv=Wp.cssVarList,uv={[pv.hostDirection]:Fg.direction,[pv.errorMessageIcon]:Fg.errorMessageIcon,[pv.errorMessageIconSize]:Fg.errorMessageIconSize,[pv.errorMessageIconPadding]:Fg.errorMessageIconPadding,[pv.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[pv.errorMessageIconPosition]:Fg.errorMessageIconPosition,[pv.errorMessageFontSize]:Fg.errorMessageFontSize,_fullWidth:{[pv.hostWidth]:"100%"}};var hv=Object.freeze({__proto__:null,default:uv,vars:pv});const mv=vt(Xp),gv=qp.cssVarList,bv={[gv.hostDirection]:mv.direction,[gv.backgroundColor]:"transparent",[gv.iconSize]:"1.35em",[gv.alignItems]:"center",[gv.borderRadius]:mv.radius.md,[gv.horizontalPadding]:"0",[gv.verticalPadding]:"0",[gv.gap]:"0.5em",[gv.fontSize]:Mt(bu.fontSize),mode:{error:{[gv.textColor]:mv.colors.error.main,_bordered:{[gv.borderColor]:mv.colors.error.main}},success:{[gv.textColor]:mv.colors.success.main,_bordered:{[gv.borderColor]:mv.colors.success.main}}},spacing:{xs:{[gv.horizontalPadding]:mv.spacing.xs,[gv.verticalPadding]:mv.spacing.xs},sm:{[gv.horizontalPadding]:mv.spacing.sm,[gv.verticalPadding]:mv.spacing.sm},md:{[gv.horizontalPadding]:mv.spacing.md,[gv.verticalPadding]:mv.spacing.md},lg:{[gv.horizontalPadding]:mv.spacing.lg,[gv.verticalPadding]:mv.spacing.lg},xl:{[gv.horizontalPadding]:mv.spacing.xl,[gv.verticalPadding]:mv.spacing.xl}},textAlign:{left:{[gv.justifyContent]:"left"},center:{[gv.justifyContent]:"center"},right:{[gv.justifyContent]:"right"}},_bordered:{[gv.borderWidth]:mv.border.xs,[gv.borderColor]:"transparent",[gv.borderStyle]:"solid",[gv.borderWidth]:mv.border.xs,[gv.borderRadius]:mv.radius.sm},_fullWidth:{[gv.hostWidth]:"100%"}};var yv=Object.freeze({__proto__:null,default:bv,vars:gv});const fv=Zp.cssVarList,vv={enabled:{false:{[fv.maxHeight]:"70px"}}},xv={button:mu,textField:Yg,password:Qg,numberField:Xg,emailField:rb,textArea:nb,checkbox:db,switchToggle:mb,container:Ib,logo:Ab,totpImage:kb,notpImage:Nb,text:fu,enrichedText:Au,link:wu,divider:Fb,passcode:$b,loaderRadial:ty,loaderLinear:Ub,comboBox:Vu,phoneField:iy,phoneInputBoxField:ay,newPassword:py,inputWrapper:_g,uploadFile:my,buttonSelectionGroupItem:fy,buttonSelectionGroup:Iy,buttonMultiSelectionGroup:Ay,modal:Ly,grid:Py,notificationCard:Fy,multiSelectComboBox:Hy,badge:Ou,avatar:Zu,mappingsField:Gy,userAttribute:Ky,userAuthMethod:rf,samlGroupMappings:sf,policyValidation:cf,image:Xu,icon:Ju,codeSnippet:Df,radioGroup:Bf,radioButton:Wf,calendar:qf,dateField:Jf,list:gh,listItem:vh,appsList:sh,scopesList:ev,thirdPartyAppLogo:iv,securityQuestionsSetup:av,securityQuestionsVerify:cv,hybridField:hv,alert:yv,autocompleteField:zh,addressField:Yh,timer:im,timerButton:bm,passwordStrength:km,collapsibleContainer:_m,recoveryCodes:Qm,hcaptcha:Object.freeze({__proto__:null,default:vv,vars:fv}),outboundApps:ig,outboundAppButton:pg,trustedDevices:Cg,tooltip:Rg},Cv=Object.keys(xv).reduce((e,t)=>({...e,[t]:xv[t].default}),{}),wv=Object.keys(xv).reduce((e,t)=>({...e,[t]:xv[t].vars}),{}),Iv={globals:Xp,components:Cv},Mv={globals:eu,components:wv},Sv=a()({},Iv,{globals:{colors:{surface:{main:"#181a1c",dark:"#bec4ca",light:"#555f68",highlight:"#22262a",contrast:"#f5f6f7"},primary:{main:"#1f80ff",dark:"#71aeff",light:"#004094",highlight:"#00214d",contrast:"#000000"},secondary:{main:"#a665eb",dark:"#b9a0f3",light:"#683ae6",highlight:"#361299",contrast:"#000000"},success:{main:"#27963c",dark:"#8bc3a2",light:"#004d0f",highlight:"#001f00",contrast:"#000000"},error:{main:"#f85249",dark:"#fa7c75",light:"#c51107",highlight:"#4a0603",contrast:"#000000"},warning:{main:"#EF7A33",dark:"#FF985A",light:"#FF6304",highlight:"#C45512",contrast:"#000000"}}},components:{...Nf}});customElements.define(xh,class extends Ch{static get observedAttributes(){return[].concat(Ch.observedAttributes||[],wh)}get allowCustomValue(){return"true"===this.getAttribute("allow-custom-value")}get minSearchLength(){return this.getAttribute("min-search-length")||3}get noResultsFoundMessage(){return this.getAttribute("no-results-message")||"No results found"}get errorFetchingResultsMessage(){return this.getAttribute("error-fetching-results-message")||"An error occurred fetching results"}constructor(){super(),this.innerHTML='\n <div class="autocomplete-field">\n <descope-combo-box clear-button-visible="true" auto-open-disabled="true" has-dynamic-data="true" item-label-path="data-name" item-value-path="data-id" hide-toggle-button="true"></descope-combo-box>\n </div>\n ',this.comboBox=this.querySelector("descope-combo-box")}get value(){return this.comboBox.value}set value(e){this.allowCustomValue?this.comboBox.value=e:(this.comboBox.data=[{label:e,value:e}],setTimeout(()=>{this.comboBox.value=e}))}get defaultValue(){return this.getAttribute("default-value")}async#Rt(e){const{results:t,error:r}=await this.fetchResults(e);return r?{error:r}:{results:t}}#Bt(e,t,r,o){return`<span data-name="${r}" data-id="${t}" ${o?'disabled="true"':""}>${e||r}</span>`}#Ot(){this.comboBox.renderer=(e,t,r)=>{"true"===r.item.getAttribute("disabled")?e.setAttribute("disabled","true"):e.removeAttribute("disabled"),e.innerHTML=r.item.outerHTML},this.comboBox.renderItem=({displayName:e,value:t,label:r,disabled:o})=>this.#Bt(e,t,r,o)}focus(){this.comboBox.focus()}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.comboBox.focus()}),super.init?.(),this.#jt(),T(this,this.comboBox,{includeAttrs:["invalid"]})}#jt(){this.debouncedSearch=(e=>{let t=0;const r=new Set,o=new Set,i=n()((i,n)=>{e(...i).then(e=>{n===t&&(r.forEach(t=>t(e)),r.clear())}).catch(e=>{o.forEach(t=>t(e)),o.clear()})},250);return(...e)=>(t++,new Promise((n,s)=>{r.add(n),o.add(s),i(e,t)}))})(async e=>{try{const{results:t,error:r}=await this.#Rt(e);return{results:t,error:r,value:e}}catch(t){return{error:t,value:e}}}),L(this,this.comboBox,{includeAttrs:["size","bordered","label","label-type","placeholder","disabled","readonly","required","full-width","helper-text","invalid","error-message","data-errormessage-value-missing","st-host-direction","allow-custom-value","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),this.comboBox.addEventListener("filter-changed",this.onSearch.bind(this)),this.#Ot()}#Ft(){return[{label:this.noResultsFoundMessage,value:Ih,disabled:!0}]}#Wt(){return[{label:this.errorFetchingResultsMessage,value:Ih,disabled:!0}]}async onSearch(e){const t=e.detail.value;if(!t||t.length<this.minSearchLength)return;this.comboBox.loading=!0,this.comboBox.setAttribute("opened","true");const r=await this.debouncedSearch(t);r&&r.value===t&&(this.comboBox.loading=!1,r.error?this.comboBox.data=this.#Wt():0===r.results?.length?this.comboBox.data=this.#Ft():this.comboBox.data=r.results||[])}fetchResults(e){return console.warn("fetchResults","needs to be implemented"),{results:[],error:void 0}}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{valid:!0}}}),customElements.define(Mh,Ah),customElements.define(Dh,Fh),customElements.define(Wh,$h),customElements.define(ju,Hu),customElements.define(eh,th),customElements.define(zm,Dm),customElements.define(ng,ag),customElements.define(Jm,tg),customElements.define(ym,Mm);var Av=Object.freeze({__proto__:null,PasswordStrengthClass:Mm,componentName:ym});const Ev=k("ponyhot"),Tv="dhp-",kv=ue({componentName:Ev,baseSelector:""}),zv=I(ae)(class extends kv{get type(){return this.getAttribute("type")}get value(){return this.input?.value||""}init(){this.input=this.querySelector("input"),this.input&&(this.#_t(),this.#$t(),this.#Ht())}#_t(){const e=["input","change","click","keydown","keyup","mouseover","mousedown"],t=r=>{this.input.value=`${Tv}${r.type}`,e.forEach(e=>{this.input.removeEventListener(e,t)})};e.forEach(e=>{this.input.addEventListener(e,t)})}#$t(){const e=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");Object.defineProperty(this.input,"value",{get(){return e.get.call(this)},set(t){const r=e.get.call(this);t&&!t.startsWith(Tv)&&t!==r?e.set.call(this,`${Tv}direct-set`):e.set.call(this,t)},configurable:!0})}#Ht(){Object.entries({position:"absolute",opacity:"0.01",width:"1px",height:"1px",pointerEvents:"none",zIndex:"-1",left:"-999999px"}).forEach(([e,t])=>{this.style[e]=t})}});customElements.define(Ev,zv),customElements.define($m,qm),customElements.define(Gh,em),customElements.define(nm,um),customElements.define(wg,Eg),customElements.define(mg,fg);const Lv={translations:v.A,graphs:y.K,dictionary:{...y.z,...f.z}};b.u2.setOptions(Lv);var Nv=Object.freeze({__proto__:null,default:b.K1,options:Lv})}}]);
1
+ "use strict";(self.webpackChunk_descope_flow_components_3_0_3_1773873819538=self.webpackChunk_descope_flow_components_3_0_3_1773873819538||[]).push([[222],{5222(e,t,r){r.d(t,{$y:()=>Wp,A8:()=>Mc,Ag:()=>$a,C1:()=>jc,C9:()=>po,Cz:()=>cc,Er:()=>Hu,G6:()=>Mv,HO:()=>jr,HT:()=>Hr,J1:()=>Mo,Jr:()=>kr,Lg:()=>qp,MN:()=>es,Mz:()=>va,NF:()=>Vs,O7:()=>Dm,Od:()=>Cp,QW:()=>ic,Qb:()=>qm,SE:()=>Qr,SQ:()=>fo,T1:()=>zv,TV:()=>Zp,Ul:()=>Js,VN:()=>md,VX:()=>bn,_w:()=>It,a5:()=>Sv,bL:()=>en,bU:()=>$h,br:()=>R,dX:()=>th,dq:()=>fg,e7:()=>xt,eA:()=>zc,eo:()=>rl,ew:()=>st,fp:()=>dl,gZ:()=>pp,h5:()=>tg,jH:()=>fn,k0:()=>dn,l1:()=>Ur,md:()=>mn,ml:()=>Ve,mq:()=>tp,o9:()=>xn,o_:()=>wt,pp:()=>Gc,px:()=>Vp,q4:()=>br,qn:()=>bo,rG:()=>Ap,sK:()=>xr,tD:()=>jd,tS:()=>np,td:()=>tc,tl:()=>_n,ul:()=>Na,v_:()=>pn,w8:()=>Fi,wt:()=>da,xO:()=>cs,xp:()=>bp,xs:()=>xi,yW:()=>ag,yi:()=>Eg,yj:()=>um,zQ:()=>Iv});var o=r(7949),i=r(72),n=r.n(i),s=r(8089),a=r.n(s),l=r(465),d=r.n(l),c=(r(8231),r(4873),r(865),r(4598),r(7519)),p=(r(496),r(7726),r(4155),r(9504),r(1399),r(5877),r(3798),r(8619),r(1394)),u=r(3667),h=(r(8319),r(3826)),m=r(8677),g=r(127),b=(r(5595),r(9849),r(4899),r(3977),r(9435),r(7822),r(6601),r(9792)),y=r(1206),f=r(8733),v=r(268);const x="descope",C=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_.]+/g,"-").toLowerCase(),w=(...e)=>C(e.filter(e=>!!e).join("-")),I=(...e)=>t=>e.reduceRight((e,t)=>t(e),t),M=e=>"function"==typeof e,S=(e,t,{excludeAttrs:r=[],includeAttrs:o=[]})=>{const i=Array.from(e.attributes).filter(e=>!r.includes(e.name)&&(!o.length||o.includes(e.name))).map(e=>e.name);t(i),new MutationObserver(e=>{e.forEach(e=>{"attributes"!==e.type||r.includes(e.attributeName)||o.length&&!o.includes(e.attributeName)||t([e.attributeName])})}).observe(e,{attributes:!0})},A=(e,t)=>{t({addedNodes:Array.from(e.children),removedNodes:[]}),new MutationObserver(e=>{e.forEach(e=>{"childList"!==e.type&&"characterData"!==e.type||t(e)})}).observe(e,{childList:!0,characterData:!0,subtree:!0})},E=(e,t,r={})=>o=>{o.forEach(o=>{const i=r[o]||o,n=e.getAttribute(o);t&&(null!==n?t.getAttribute(i)!==n&&t.setAttribute(i,n):t.removeAttribute(i))})},T=(e,t,r)=>{S(e,E(e,t),r),S(t,E(t,e),r)},k=e=>w(x,e),z=(...e)=>`--${w(...e)}`,L=(e,t,r={})=>{S(e,E(e,t,r.mapAttrs),r)},N=(e,t,{prepend:r=!1}={})=>{let o;try{o=new CSSStyleSheet}catch(o){return V(e,t,{prepend:r})}const i=t?.shadowRoot||t;if(e&&o.replaceSync(e),i){const e=[...i.adoptedStyleSheets||[]];e[r?"unshift":"push"](o),i.adoptedStyleSheets=e}return e&&!o.cssRules[0]?.style&&console.warn(`No style rules were created, make sure the CSS is valid:\n "${e}"`),o};class D{constructor(e,t,{prepend:r=!1}={}){this.styleEle=document.createElement("style"),this.styleEle.textContent=e,this.styleEle.setAttribute("nonce",window.DESCOPE_NONCE),this.ref=t?.shadowRoot||t,this.ref&&(r?this.ref.prepend(this.styleEle):this.ref.append(this.styleEle))}replaceSync(e){this.styleEle.textContent=e}get cssRules(){return this.styleEle.sheet?.cssRules}}const V=(e,t,{prepend:r=!1}={})=>new D(e,t,{prepend:r}),P=(e,t=2)=>e.trim().split(" ").splice(0,t).map(e=>e[0]?.toUpperCase()).join(""),R=new class{static mountOnPropName="DescopeThemeManager";#e={};#t="light";#r=new Set;#o(){this.#r.forEach(e=>e?.())}get currentThemeName(){return this.#t}set currentThemeName(e){this.#t=e,this.#o()}get currentTheme(){return this.#e[this.currentThemeName]}onCurrentThemeChange(e){return this.#r.add(e),()=>{this.#r.delete(e)}}set themes(e){this.#e=e,this.#o()}get hasThemes(){return!!Object.keys(this.#e).length}},B=.25,O=.1,j=(e,t)=>e.darken(t).hex(),F=e=>{const t=e.isDark();return e.mix(d()(t?"white":"black"),1).saturate(1).hex()},W=(e,t)=>e.lightness()<.5?e.lightness(100*t).hex():e.lighten(t).hex(),_=e=>e.luminosity()>.99,$=(e,t)=>(e=>e.luminosity()<.01)(e)?W(e,B):j(e,.4),H=(e,t)=>_(e)?j(e,B):W(e,.4),q=(e,t)=>_(e)?j(e,O):W(e,.8),Y=(e,t)=>{const r=new(d())(e.main||e);return{main:r.hex(),dark:e.dark||$(r),light:e.light||H(r),highlight:e.highlight||q(r),contrast:e.contrast||F(r)}},U=e=>z(x,...e),G=(e,t,r)=>{const o=Array.isArray(t)?t:t.match(/([^[.\]])+/g);return o.reduce((e,t,i)=>(void 0===e[t]&&(e[t]={}),i===o.length-1&&(e[t]=r),e[t]),e),e},Z=(e,t,r)=>Object.entries(e).reduce((e,[o,i])=>i?.constructor!==Object?a()(e,r(t.concat(o),i)):a()(e,Z(i,[...t,o],r)),{}),Q=(e,t)=>Z(e,[],e=>G({},e,`var(${U(e)})`)),J=(...e)=>e.reduceRight((e,t)=>t.startsWith("--")?`var(${t}${e?`, ${e}`:e})`:`${t}${e?`, ${e}`:e}`,""),K=(e,t)=>{const r=Z(e,[],(e,r)=>{const o=[...e],i=o.splice(-1),n=z(t,i),s={[i]:n},a={[i]:J(n)};return{theme:G({},[...o,n],r),useVars:a,vars:s}});return[r.theme,r.useVars,r.vars]},X=e=>`${e}__override`,ee=(e,t,r=!1)=>{const o=`var(${e}${t?`, ${t}`:""})`;return r?`var(${X(e)}, ${o})`:o};let te=class{constructor(){this.styleMap=new Map}add(e,t,r){this.styleMap.has(e)||this.styleMap.set(e,[]),this.styleMap.set(e,[...this.styleMap.get(e),{property:t,value:r}])}toString(){return Array.from(this.styleMap.entries()).reduce((e,[t,r])=>{const o=r.map(({property:e,value:t})=>`${e}: ${t}`).join(";\n");return`${e}${t} { \n${o} \n}\n\n`},"")}};const re=(e,t="fallback")=>w(e,t),oe=(e,t,{fallback:r})=>{if(!r)return{};const o=re(t,r.suffix),i=((...e)=>e.filter(Boolean).map((e,t)=>{return 0===t?e:(r=e).charAt(0).toUpperCase()+r.slice(1);var r}).join(""))(e,r.suffix||"fallback");return{[i]:o,...oe(i,o,r)}},ie=(e,t)=>Object.keys(t).reduce((r,o)=>{const i=z(e,o);return Object.assign(r,{[o]:i},{[o+"Override"]:X(i)},oe(o,i,t[o]))},{}),ne=({mappings:e={},componentNameOverride:t=""})=>r=>{const o=t||r.componentName;return class t extends r{static get cssVarList(){return{...r.cssVarList,...ie(o,{...e})}}#i;#n;#s;#a;#l;#d;#c;#p;#u;constructor({getRootElement:e,componentNameSuffix:r="",themeSection:o="host",baseSelector:i}={}){super(),this.#a=r,this.#l=o,this.#c=i??this.baseSelector,this.#u=e,this.#p=Object.keys(t.cssVarList).map(e=>w("st",r,e))}get#h(){return R.currentTheme?.[o]||""}#m(){this.#n.replaceSync(this.#h[this.#l]),this.currentThemeName=R.currentThemeName,this.onThemeChange?.(R.currentThemeName)}#g(){this.#n=N("",this.#d,{prepend:!0}),this.#s=R.onCurrentThemeChange(this.#m.bind(this)),this.#m()}#b(){if(this.#p.length){let e=`.${o}`.repeat(5);const t=this.getAttribute("id");t&&(e+=`#${CSS.escape(t)}`),this.#i=N(`:host(${e}) {}`,this.#d)}}#y(e,t){const r=this.#i.cssRules[0].style;if(!r)return;const i=z(o,e.replace(new RegExp("^st-"),""));t?r?.setProperty(i,t):(r?.removeProperty(i),this.removeAttribute(e))}#f(e=[]){e.forEach(e=>{this.#p.includes(e)&&this.#y(e,this.getAttribute(e))})}#v(){if(Object.keys(e).length){const t=((e,t,r)=>{const o=new te,i=(e,t)=>{if(!e)return"";if("string"==typeof e)return e;const r=re(t,e?.suffix);return ee(r,i(e.fallback,r))};return Object.keys(r).forEach(n=>{const s=((e,t)=>{const r={selector:"",property:C(e)};return t&&Object.keys(t).length?Array.isArray(t)?t.map(e=>({...r,...e})):[{...r,...t}]:[r]})(n,r[n]),a=z(e,n);s.forEach(({selector:e,property:r,important:n,fallback:s})=>{const l=i(s,a);o.add(((e="",t="")=>M(t)?t(e):`${e}${/^[A-Za-z]/.test(t)?` ${t}`:t}`)(t,e),M(r)?r():r,ee(a,l,!0)+(n?"!important":""))})}),o.toString()})(w(o,this.#a),this.#c,e);N(t,this.#d,{prepend:!0})}}#x(e){(this.#d?.classList||this.#d?.host?.classList||this.classList).add(e)}async init(){super.init?.(),!this.shadowRoot?.isConnected&&this.shadowRoot||(this.#d=await(this.#u?.(this))||this.shadowRoot,this.#x(o),this.#v(),this.#g(),this.#b(),S(this,this.#f.bind(this),{}))}disconnectedCallback(){super.disconnectedCallback?.(),this.#s?.()}}},se=e=>class extends e{constructor(){super(),N(':host([draggable="true"]) * { cursor: inherit!important }',this)}get isDraggable(){return this.hasAttribute("draggable")&&"false"!==this.getAttribute("draggable")}init(){this.addEventListener("mousedown",e=>{if(this.isDraggable){const t=this.baseElement.getAttribute("tabindex");this.baseElement.setAttribute("tabindex","-1");const r=()=>{t?this.baseElement.setAttribute("tabindex",t):this.baseElement.removeAttribute("tabindex"),e.target.removeEventListener("mouseup",r),e.target.removeEventListener("dragend",r)};e.target.addEventListener("mouseup",r,{once:!0}),e.target.addEventListener("dragend",r,{once:!0})}}),super.init?.()}},ae=e=>class extends e{#C(){const t=this.localName;if(!e.componentName)throw Error('component name is not defined on super class, make sure you have a static get for "componentName"');if(t!==e.componentName)throw Error(`component name mismatch, expected "${e.componentName}", current "${t}"`)}init(){super.init?.(),this.#C()}},le=e=>class extends e{updateComponentsContext(e){this.dispatchEvent(new CustomEvent("components-context",{bubbles:!0,composed:!0,detail:e}))}},de=e=>class extends e{init(){super.init?.(),(this.baseElement||this).addEventListener("mouseover",e=>{this.setAttribute("hover","true"),e.target.addEventListener("mouseleave",()=>this.removeAttribute("hover"),{once:!0})})}},ce=["readonly","focused","invalid","has-label","required","disabled","checked","has-helper","has-value","step-buttons-visible","hover","has-error-message","focus-ring","opened","active","password-visible","opening","closing","has-no-options","loading","allow-custom-value","collapsed"],pe=e=>class extends e{init(){super.init?.(),S(this,e=>e.forEach(e=>{const t=this.getAttribute(e);(e=>ce.includes(e))(e)?""===t?this.setAttribute(e,"true"):"false"===t&&this.removeAttribute(e):t||console.debug(`attribute "${e}" has no value, should it be added to the boolean attributes list?`)}),{})}},ue=({componentName:e,baseSelector:t=""})=>{class r extends HTMLElement{static get componentName(){return e}#w;#I=!0;get baseSelector(){return t}get baseElement(){return this.#w??=this.baseSelector?this.rootElement.querySelector(this.baseSelector):this,this.#w||console.warn("missing base element for component",this.localName),this.#w}get rootElement(){return this.shadowRoot||this}get name(){return this.getAttribute("name")}connectedCallback(){super.connectedCallback?.(),this.rootElement.isConnected&&this.#I&&(this.#I=!1,this.init?.())}}return I(ae,de,pe,le)(r)};function he(e,t={}){const r=new Event(e,t);this[`on${e}`]?.(r),this.dispatchEvent(r)}const me=e=>class extends e{#M=he.bind(this,"change");init(){super.init?.(),this.prevValue=this.value,this.addEventListener("change",e=>{e.stopPropagation()}),this.addEventListener("blur",()=>{this.value!==this.prevValue&&(this.#M(),this.prevValue=this.value)})}},ge=e=>class extends e{init(){this.#S(),super.init?.()}#S(){["blur","focus","focusin","focusout"].forEach(e=>{this.addEventListener(e,e=>{e.isTrusted&&e.target===this&&e.stopImmediatePropagation()})})}handleFocusEventsDispatching(e){let t;e?.forEach(e=>{e?.addEventListener("focusout",e=>{e.stopImmediatePropagation(),t=setTimeout(()=>{t=null,he.call(this,"blur"),he.call(this,"focusout",{bubbles:!0})})});const r=e=>{e.stopImmediatePropagation(),clearTimeout(t),t||(he.call(this,"focus"),he.call(this,"focusin",{bubbles:!0}))};e?.addEventListener("focusin",r),e?.addEventListener("focus",r)})}handleInputEventDispatching(){let e=this.value;this.addEventListener("input",t=>{this!==t.target&&(t.stopImmediatePropagation(),e!==this.value&&(e=this.value,he.call(this,"input",{bubbles:!0,composed:!0})))})}},be=["required","pattern"],ye=Symbol("validationTarget"),fe=e=>class extends e{#A=ye;static get observedAttributes(){return[...e.observedAttributes||[],...be]}static get formAssociated(){return!0}#E;get internals(){return this.#E}set internals(e){this.#E=e}constructor(){super(),this.#E=this.attachInternals()}get defaultErrorMsgValueMissing(){return"Please fill out this field."}get defaultErrorMsgPatternMismatch(){return"Please match the requested format."}get defaultErrorMsgTooShort(){return`Minimum length is ${this.getAttribute("minlength")}.`}get defaultErrorMsgTooLong(){return`Maximum length is ${this.getAttribute("maxlength")}. `}get defaultErrorMsgRangeUnderflow(){return`At least ${this.getAttribute("min-items-selection")} items are required.`}get defaultErrorMsgRangeOverflow(){return`At most ${this.getAttribute("max-items-selection")} items are allowed.`}get defaultErrorMsgTypeMismatch(){return"Please match the requested type."}getCustomErrorMessage(e,t){return this.hasAttribute(e)?this.getAttribute(e)||" ":t}getErrorMessage(e){const{valueMissing:t,patternMismatch:r,typeMismatch:o,stepMismatch:i,tooShort:n,tooLong:s,rangeOverflow:a,rangeUnderflow:l,badInput:d,customError:c}=e;switch(!0){case t:return this.getCustomErrorMessage("data-errormessage-value-missing",this.defaultErrorMsgValueMissing);case r||i||d:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch",this.defaultErrorMsgPatternMismatch);case o:return this.getCustomErrorMessage("data-errormessage-type-mismatch",this.defaultErrorMsgTypeMismatch);case n:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch-too-short",this.defaultErrorMsgTooShort);case s:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch-too-long",this.defaultErrorMsgTooLong);case l:return this.getCustomErrorMessage("data-errormessage-pattern-range-underflow",this.defaultErrorMsgRangeUnderflow);case a:return this.getCustomErrorMessage("data-errormessage-pattern-range-overflow",this.defaultErrorMsgRangeOverflow);case c:return this.validationMessage;default:return""}}#T(){const e=this.isReadOnly?{}:this.getValidity();this.#E.setValidity(e,this.getErrorMessage(e),this.validationTarget)}get validationMessage(){return this.#E.validationMessage}getValidity(){console.warn("getValidity","is not implemented")}checkValidity(){return this.#E.validity.valid}reportValidity(){return this.#E.reportValidity()}get validity(){return this.#E.validity}get validationTarget(){return this.#A===ye?this.inputElement:this.#A}set validationTarget(e){this.#A=e}setCustomValidity(e){e?this.#E.setValidity({customError:!0},e,this.validationTarget):(this.#E.setValidity({}),this.#T())}get isRequired(){return this.hasAttribute("required")&&"false"!==this.getAttribute("required")}get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}get isDisabled(){return this.hasAttribute("disabled")&&"false"!==this.getAttribute("disabled")}get pattern(){return this.getAttribute("pattern")}get form(){return this.#E.form}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),be.includes(e)&&this.#T()}init(){super.init?.(),this.addEventListener("change",this.#T),this.addEventListener("invalid",e=>e.stopPropagation()),this.addEventListener("input",this.#T),setTimeout(()=>this.#T())}},ve=(...e)=>I(fe,me,pe,ge)(ue(...e)),xe="FETCH_RESULTS_ERROR",Ce=()=>class{constructor(e){this.getAttribute=e,this.isValid=this.#k()}checkConnectorValidity(){this.isValid=this.#k()}#k(){return!this.getRequiredParams().filter(e=>{const t=this.getAttribute(e);return!t||!this.validateParam(e,t)}).length}validateParam(e,t){return t.trim().length>0}getRequiredParams(){return console.error("Connector must implement getRequiredParams"),[]}async fetch(e){return this.isValid?this._fetchResults(e):(console.error(`[${this.constructor.name}] Cannot fetch results: connector is not properly configured`),{results:[],error:"CONNECTOR_INVALID"})}_fetchResults(e){return console.error("Connector must implement fetchResults"),{results:[],error:void 0}}},we=({componentName:e,wrappedEleName:t,slots:r=[],style:o,excludeAttrsSync:i=[],includeAttrsSync:n=[],includeForwardProps:s=[],delegatesFocus:a=!0})=>{class l extends(ue({componentName:e,baseSelector:t})){#z=he.bind(this,"blur");#L=he.bind(this,"focus");constructor(){super().attachShadow({mode:"open",delegatesFocus:a}).innerHTML=`\n\t\t\t<${t}>\n\t\t\t${r.map(e=>`<slot ${e?`name="${e}" slot="${e}"`:""}></slot>`).join("")}\n\t\t\t</${t}>\n\t\t`,N((M(o)?o():o)||"",this)}init(){super.init?.(),this.baseElement.addEventListener("blur",e=>{this.#z()}),this.baseElement.addEventListener("focus",e=>{this.#L()}),((e,t,r=[])=>{if(!r.length)return;const o=r.reduce((t,r)=>Object.assign(t,{[r]:{get:()=>e[r],set(t){e[r]=t}}}),{});Object.defineProperties(t,o)})(this.baseElement,this,s),T(this.baseElement,this,{excludeAttrs:i,includeAttrs:n})}}return l},Ie=["invalid","required"],Me=e=>{if(!e)return;let t=e;for(let e=0;e<10;e++)if([t]=t.assignedElements(),"slot"!==t?.localName)return t},Se=({proxyProps:e=[],useProxyTargets:t=!1,inputEvent:r="input",triggerValidationEvents:o=[],proxyParentValidation:i=!1})=>n=>class extends(fe(n)){static get observedAttributes(){return[...n.observedAttributes||[],...Ie]}#N;#M=he.bind(this,"change");constructor(){super(),this.#N=super.inputElement}warnIfInputElementIsMissing(){clearTimeout(this.inputElementTimerId),this.inputElementTimerId=setTimeout(()=>{!this.#N&&console.warn(this.localName,"no input was found")},0)}get inputElement(){if(this.#N)return this.#N;this.warnIfInputElementIsMissing();const e=this.baseElement.shadowRoot?.querySelector('slot[name="input"]'),t=this.baseElement.shadowRoot?.querySelector('slot[name="textarea"]');return this.#N=Me(e)||Me(t),this.#N}set inputElement(e){this.#N=e}getValidity(){return this.inputElement?.validity||{}}#D(){this.setAttribute("error-message",this.validationMessage)}reportValidity=()=>{this.inputElement.setCustomValidity(""),this.setCustomValidity(""),this.checkValidity()||(this.setAttribute("invalid","true"),this.#D(),this.focus())};defaultReportValidity(){return super.reportValidity()}init(){if(super.init?.(),this.baseElement._setInvalid=function(e){!e&&this._shouldSetInvalid(e)&&(this.invalid=e)},this.baseElement.addEventListener("input",e=>{e.composed||this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}),o.forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.inputElement?.setCustomValidity("")})}),setTimeout(()=>{(Array.isArray(r)?r:[r]).forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.baseElement.checkValidity()?this.removeAttribute("invalid"):this.#D()})}),this.baseElement.addEventListener("change",()=>{this.#M()}),this.addEventListener("invalid",()=>{this.checkValidity()||this.setAttribute("invalid","true"),this.#D()}),e.forEach(e=>{const r=this.querySelector('input[slot="external-input"]')||null,o=t?[this.baseElement,r].filter(Boolean):[];((e,t,r)=>{const o=Array.isArray(t)?t:[t];Object.defineProperty(e,r,{set(e){o.forEach(t=>{t[r]=e})},get:()=>t[0][r],configurable:!0})})(this,[this.inputElement,...o],e)}),this.setSelectionRange=this.inputElement.setSelectionRange?.bind(this.inputElement),L(this,this.inputElement,{includeAttrs:["inputmode"]})}),i){const e=this.inputElement.internals,t=this;this.inputElement.internals=new Proxy(e,{get:(e,r)=>"function"==typeof e[r]&&"setValidity"===r?(...o)=>{if(3===o.length){const e=o.slice(0,o.length-1);e.push(t.inputElement),t.internals[r](...e)}else t.internals[r](...o);return e[r](...o)}:"function"==typeof e[r]?(...o)=>(t.internals[r](...o),e[r](...o)):e[r]})}}},Ae=e=>I(Se(e),ne({componentNameOverride:k("input-wrapper")})),Ee=({name:e,selector:t,mappings:r={},forward:{attributes:o=[],include:i=!0}={}})=>n=>{const s=e||(e=>e.replace(/[^\w\s]/gi,""))(t),a=ne({mappings:r})(n);return class extends a{static get cssVarList(){return{...a.cssVarList,[s]:ie(s?w(n.componentName,"_"+s):n.componentName,r)}}#V;constructor(){const e=(t=async e=>(e.shadowRoot||e).querySelector(e.baseSelector),async e=>{const r=await t(e);return new Promise(e=>{let t=0;const o=()=>{if(t>20)return console.error("could not get shadow root for element",r),void e(r);t++,r?.shadowRoot?e(r.shadowRoot):setTimeout(o)};o()})});var t;super({getRootElement:e,componentNameSuffix:s&&"_"+s,themeSection:s?"_"+s:void 0,baseSelector:""}),this.#P=()=>e(this).then(e=>e?.host||e)}#P;async#R(){const e=await this.#V;e.onmouseenter=e=>{e.target.setAttribute("hover","true")},e.onmouseleave=e=>{e.target.removeAttribute("hover")}}async init(){super.init?.(),this.#V=this.#P();const e=await this.#V;L(this,e,{[i?"includeAttrs":"excludeAttrs"]:o}),this.#R()}}},Te=()=>!0,ke=e=>`<pre>${JSON.stringify(e,null,4)}</pre>`,ze=({itemRenderer:e=ke,validateSchema:t=Te,slotName:r,rerenderAttrsList:o=[],targetSelector:i,sortFn:n=e=>e})=>s=>class extends s{#B=[];#O;#j(e){if(!t)return!0;const r=t(e);return!0===r||(console.error("Data schema validation failed",r||""),!1)}#F(){const e=r?`*[slot="${r}"]`:":not([slot])";this.#O&&this.#O.querySelectorAll(e).forEach(e=>e.remove())}#W(){this.#F(),(n?this.data.sort(n):this.data).forEach((t,r)=>{const o="string"==typeof(i=e(t,r,this))?(e=>{const t=document.createElement("template");return t.innerHTML=e,t})(i).content:i instanceof HTMLTemplateElement?i.content:(console.error("Invalid template",i),null);var i;this.#O&&this.#O.appendChild(o?.cloneNode(!0))})}set data(e){this.#j(e)&&(this.#B=e,this.#W())}get data(){return this.#B}init(){super.init?.(),this.#O=i?this.shadowRoot.querySelector(i):this.baseElement,S(this,e=>{e.includes("data")?this.#_():this.#W()},{includeAttrs:[...o,"data"]})}#_(){const e=this.getAttribute("data");if(e)try{this.data=JSON.parse(e)}catch(t){console.warn("Invalid JSON data",e)}}},Le=["blockquote","list","image","table","code","hr","backticks","fence","reference","heading","lheading","html_block"],Ne=k("enriched-text");class De extends(ue({componentName:Ne,baseSelector:":host > div"})){#$;#H;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="content"></div>\n ',N("\n :host {\n line-height: 1em;\n word-break: break-word;\n }\n :host > slot {\n width: 100%;\n display: inline-block;\n }\n *, *:last-child {\n margin: 0;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p {\n margin-bottom: 1em;\n }\n a {\n cursor: pointer;\n }\n blockquote {\n padding: 0 2em;\n }\n u {\n text-decoration: underline\n }\n s {\n color: currentColor;\n }\n ",this),this.#q(),A(this,this.#Y.bind(this)),this.contentNode?.addEventListener("click",e=>{e.target instanceof HTMLAnchorElement&&e.stopPropagation()})}static get observedAttributes(){return["readonly","link-target-blank"]}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&("readonly"===e&&this.onReadOnlyChange("true"===r),"link-target-blank"===e&&this.#q())}customUnderlineRenderer(){this.processor.renderer.rules.em_open=(e,t,r,o,i)=>("_"===e[t].markup&&(e[t].tag="u"),this.#H(e,t,r,o,i)),this.processor.renderer.rules.em_close=(e,t,r,o,i)=>("_"===e[t].markup&&(e[t].tag="u"),this.#H(e,t,r,o,i))}#U(){this.linkTargetBlank?this.processor.renderer.rules.link_open=(e,t,r,o,i)=>(e[t].attrSet("target","_blank"),this.#$(e,t,r,o,i)):this.processor.renderer.rules.link_open=this.#$}#G(){this.processor&&this.processor.disable(Le)}#Z(){this.#G()}#Q(){this.#$=this.processor.renderer.rules.link_open||((e,t,r,o,i)=>i.renderToken(e,t,r)),this.#H=this.processor.renderer.rules.em_open||((e,t,r,o,i)=>i.renderToken(e,t,r))}#q(){this.processor=new o.A("commonmark",{html:!0}),this.#Q(),this.#Z(),this.#U(),this.customUnderlineRenderer()}get linkTargetBlank(){return"true"===this.getAttribute("link-target-blank")}get contentNode(){return this.shadowRoot.querySelector(".content")}#Y(){if(!this.processor)return;let e=(e=>{const t=document.createElement("textarea");return t.innerHTML=e,t.value})(this.innerHTML);!e?.trim()&&this.isConnected?this.setAttribute("empty","true"):this.removeAttribute("empty");try{const t=this.processor.parse(e,{references:void 0});e=this.processor.renderer.render(t,{html:!0,breaks:!0})}catch(e){console.warn("Not parsing invalid markdown token")}this.contentNode.innerHTML=e,this.contentNode.firstChild?.setAttribute("part","content")}onReadOnlyChange(e){e?this.contentNode.setAttribute("inert",e):this.contentNode.removeAttribute("inert")}}const Ve=I(ne({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDisplay:{selector:()=>":host",property:"display",fallback:"inline-block"},hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},fontWeightBold:[{selector:()=>":host strong",property:"font-weight"},{selector:()=>":host b",property:"font-weight"}],textColor:{property:"color"},textLineHeight:{property:"line-height"},textAlign:{},linkColor:{selector:"a",property:"color"},linkTextDecoration:{selector:"a",property:"text-decoration"},linkHoverTextDecoration:{selector:"a:hover",property:"text-decoration"},minHeight:{},minWidth:{}}}),ne({componentNameOverride:k("link")}),ne({componentNameOverride:k("text")}),se,ae)(De),Pe=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_.]+/g,"-").toLowerCase(),Re=(...e)=>Pe(e.filter(e=>!!e).join("-")),Be=(...e)=>t=>e.reduceRight((e,t)=>t(e),t),Oe=e=>"function"==typeof e,je="descope",Fe="host",We=(e,t,{excludeAttrs:r=[],includeAttrs:o=[]})=>{const i=Array.from(e.attributes).filter(e=>!r.includes(e.name)&&(!o.length||o.includes(e.name))).map(e=>e.name);t(i),new MutationObserver(e=>{e.forEach(e=>{"attributes"!==e.type||r.includes(e.attributeName)||o.length&&!o.includes(e.attributeName)||t([e.attributeName])})}).observe(e,{attributes:!0})},_e=(e,t)=>{t({addedNodes:Array.from(e.children),removedNodes:[]}),new MutationObserver(e=>{e.forEach(e=>{"childList"!==e.type&&"characterData"!==e.type||t(e)})}).observe(e,{childList:!0,characterData:!0,subtree:!0})},$e=(e,t,r={})=>o=>{o.forEach(o=>{const i=r[o]||o,n=e.getAttribute(o);t&&(null!==n?t.getAttribute(i)!==n&&t.setAttribute(i,n):t.removeAttribute(i))})},He=(e,t,r)=>{We(e,$e(e,t),r),We(t,$e(t,e),r)},qe=e=>Re(je,e),Ye=(...e)=>`--${Re(...e)}`,Ue=(e,t,r={})=>{We(e,$e(e,t,r.mapAttrs),r)},Ge=(e,t,r=[])=>{if(!r.length)return;const o=r.reduce((t,r)=>Object.assign(t,{[r]:{get:()=>e[r],set(t){e[r]=t}}}),{});Object.defineProperties(t,o)},Ze=.4,Qe=.25,Je=.1,Ke=(e,t)=>e.darken(t).hex(),Xe=e=>{const t=e.isDark();return e.mix(d()(t?"white":"black"),1).saturate(1).hex()},et=(e,t)=>e.lightness()<.5?e.lightness(100*t).hex():e.lighten(t).hex(),tt=e=>e.luminosity()<.01,rt=e=>e.luminosity()>.99,ot=(e,t)=>"dark"===t?rt(e)?Ke(e,Qe):et(e,Ze):tt(e)?et(e,Qe):Ke(e,Ze),it=(e,t)=>"dark"===t?tt(e)?et(e,Qe):Ke(e,Ze):rt(e)?Ke(e,Qe):et(e,Ze),nt=(e,t)=>"dark"===t?tt(e)?et(e,Je):Ke(e,.8):rt(e)?Ke(e,Je):et(e,.8),st=(e,t)=>{const r=new(d())(e.main||e);return{main:r.hex(),dark:e.dark||ot(r,t),light:e.light||it(r,t),highlight:e.highlight||nt(r,t),contrast:e.contrast||Xe(r)}},at=e=>`\n :host {\n padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n }\n`,lt=e=>`\n ${e} {\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n }\n`,dt=e=>`\n ${e}::part(input-field) {\n overflow: hidden;\n padding: 0;\n box-shadow: none;\n }\n`,ct=e=>`\n ${e} > label,\n ${e}::part(label),\n ${e}::part(required-indicator) {\n cursor: pointer;\n }\n`,pt=(e,t="input")=>`\n ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,ut=e=>`\n ${e}::part(input-field)::after {\n background: none;\n }\n`,ht=(e,t)=>`\n ${lt(e)}\n ${ct(e)}\n ${pt(e)}\n ${dt(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 ${ut(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`,mt=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`,gt=e=>Ye(je,...e),bt=(e,t,r)=>{const o=Array.isArray(t)?t:t.match(/([^[.\]])+/g);return o.reduce((e,t,i)=>(void 0===e[t]&&(e[t]={}),i===o.length-1&&(e[t]=r),e[t]),e),e},yt=(e,t,r)=>Object.entries(e).reduce((e,[o,i])=>i?.constructor!==Object?a()(e,r(t.concat(o),i)):a()(e,yt(i,[...t,o],r)),{}),ft=e=>{switch(!0){case Array.isArray(e):return e.map(e=>e.includes(" ")?`"${e}"`:e).join(", ");case(e=>{try{return new URL(e),!0}catch(e){return!1}})(e):return`url(${e})`;default:return e}},vt=(e,t)=>yt(e,[],e=>bt({},e,`var(${gt(e)})`)),xt=(e,t="")=>{const r=Object.entries((e=>yt(e,[],(e,t)=>({[gt(e)]:ft(t)})))(e)).reduce((e,t)=>`${e}${t.join(":")};\n`,"");return t?`*[data-theme="${t}"] {${r}}`:r},Ct=e=>Object.entries(e).reduce((e,[t,r])=>`${e}${t} { \n${Object.entries(r).map(([e,t])=>`${e}: ${t}`).join(";\n")} \n}\n\n`,""),wt=e=>{const t=(e=>yt(e,[],(e,t)=>{const[r,...o]=e,i=o.pop(),n=qe(r);"undefined"===i&&console.warn(n,`theme value: "${t}" is mapped to an invalid property`);let s=Fe;o[0]&&o[0].startsWith("@")&&(s=o.shift());const a=o.reduce((e,t,r)=>{const[i,n]=function(e){const t=e.match(/^(&+)?(.*)$/);return[t[1]||"",t[2]||""]}(t),s=Math.min(i.length+1,3);if(n.startsWith("_"))return e+`[${Pe(n.replace(/^_/,""))}="true"]`.repeat(s);const a=o[r+1];return"string"!=typeof a||a.startsWith("_")||a.startsWith("&")?(console.error("theme generator",`your theme structure is invalid, attribute "${t}" is followed by "${a}" which is not allowed`),e):e+`[${Pe(n)}="${o.splice(r+1,1).join("")}"]`.repeat(s)},""),l=":host"+(a?`(${a})`:"");return{[n]:{[s]:{[l]:{[i]:ft(t)}}}}}))(e);return Object.keys(t).reduce((e,r)=>{const o=t[r];return Object.assign(e,{[r]:Object.keys(o).reduce((e,t)=>Object.assign(e,{[t]:Ct(o[t])}),{})})},{})},It=({globals:e,components:t},r)=>({globals:xt(e,r),components:wt(t)}),Mt=(...e)=>e.reduceRight((e,t)=>t.startsWith("--")?`var(${t}${e?`, ${e}`:e})`:`${t}${e?`, ${e}`:e}`,""),St=(e,t)=>{const r=yt(e,[],(e,r)=>{const o=[...e],i=o.splice(-1),n=Ye(t,i),s={[i]:n},a={[i]:Mt(n)};return{theme:bt({},[...o,n],r),useVars:a,vars:s}});return[r.theme,r.useVars,r.vars]},At=e=>`${e}__override`,Et=(e,t,r=!1)=>{const o=`var(${e}${t?`, ${t}`:""})`;return r?`var(${At(e)}, ${o})`:o};class Tt{constructor(){this.styleMap=new Map}add(e,t,r){this.styleMap.has(e)||this.styleMap.set(e,[]),this.styleMap.set(e,[...this.styleMap.get(e),{property:t,value:r}])}toString(){return Array.from(this.styleMap.entries()).reduce((e,[t,r])=>{const o=r.map(({property:e,value:t})=>`${e}: ${t}`).join(";\n");return`${e}${t} { \n${o} \n}\n\n`},"")}}const kt=(e,t="fallback")=>Re(e,t),zt=(e,t,{fallback:r})=>{if(!r)return{};const o=kt(t,r.suffix),i=((...e)=>e.filter(Boolean).map((e,t)=>{return 0===t?e:(r=e).charAt(0).toUpperCase()+r.slice(1);var r}).join(""))(e,r.suffix||"fallback");return{[i]:o,...zt(i,o,r)}},Lt=(e,t)=>Object.keys(t).reduce((r,o)=>{const i=Ye(e,o);return Object.assign(r,{[o]:i},{[`${o}Override`]:At(i)},zt(o,i,t[o]))},{}),Nt=({mappings:e={},componentNameOverride:t=""})=>r=>{const o=t||r.componentName;return class t extends r{static get cssVarList(){return{...r.cssVarList,...Lt(o,{...e})}}#i;#n;#s;#a;#l;#d;#c;#p;#u;constructor({getRootElement:e,componentNameSuffix:r="",themeSection:o=Fe,baseSelector:i}={}){super(),this.#a=r,this.#l=o,this.#c=i??this.baseSelector,this.#u=e,this.#p=Object.keys(t.cssVarList).map(e=>Re("st",r,e))}get#h(){return R.currentTheme?.[o]||""}#m(){this.#n.replaceSync(this.#h[this.#l])}#g(){this.#n=N("",this.#d,{prepend:!0}),this.#s=R.onCurrentThemeChange(this.#m.bind(this)),this.#m()}#b(){if(this.#p.length){let e=`.${o}`.repeat(5);const t=this.getAttribute("id");t&&(e+=`#${CSS.escape(t)}`),this.#i=N(`:host(${e}) {}`,this.#d)}}#y(e,t){const{style:r}=this.#i.cssRules[0];if(!r)return;const i=Ye(o,e.replace(new RegExp("^st-"),""));t?r?.setProperty(i,t):(r?.removeProperty(i),this.removeAttribute(e))}#f(e=[]){e.forEach(e=>{this.#p.includes(e)&&this.#y(e,this.getAttribute(e))})}#v(){if(Object.keys(e).length){const t=((e,t,r)=>{const o=new Tt,i=(e,t)=>{if(!e)return"";if("string"==typeof e)return e;const r=kt(t,e?.suffix);return Et(r,i(e.fallback,r))};return Object.keys(r).forEach(n=>{const s=((e,t)=>{const r={selector:"",property:Pe(e)};return t&&Object.keys(t).length?Array.isArray(t)?t.map(e=>({...r,...e})):[{...r,...t}]:[r]})(n,r[n]),a=Ye(e,n);s.forEach(({selector:e,property:r,important:n,fallback:s})=>{const l=i(s,a);o.add(((e="",t="")=>Oe(t)?t(e):`${e}${/^[A-Za-z]/.test(t)?` ${t}`:t}`)(t,e),Oe(r)?r():r,Et(a,l,!0)+(n?"!important":""))})}),o.toString()})(Re(o,this.#a),this.#c,e);N(t,this.#d,{prepend:!0})}}#x(e){(this.#d.classList||this.#d.host.classList).add(e)}async init(){super.init?.(),this.shadowRoot?.isConnected&&(this.#d=await(this.#u?.(this))||this.shadowRoot,this.#x(o),this.#v(),this.#g(),this.#b(),We(this,this.#f.bind(this),{}))}disconnectedCallback(){super.disconnectedCallback?.(),this.#s?.()}}},Dt=e=>class extends e{constructor(){super(),N(':host([draggable="true"]) * { cursor: inherit!important }',this)}get isDraggable(){return this.hasAttribute("draggable")&&"false"!==this.getAttribute("draggable")}init(){this.addEventListener("mousedown",e=>{if(this.isDraggable){const t=this.baseElement.getAttribute("tabindex");this.baseElement.setAttribute("tabindex","-1");const r=()=>{t?this.baseElement.setAttribute("tabindex",t):this.baseElement.removeAttribute("tabindex"),e.target.removeEventListener("mouseup",r),e.target.removeEventListener("dragend",r)};e.target.addEventListener("mouseup",r,{once:!0}),e.target.addEventListener("dragend",r,{once:!0})}}),super.init?.()}},Vt=e=>class extends e{#C(){const t=this.localName;if(!e.componentName)throw Error('component name is not defined on super class, make sure you have a static get for "componentName"');if(t!==e.componentName)throw Error(`component name mismatch, expected "${e.componentName}", current "${t}"`)}init(){super.init?.(),this.#C()}},Pt=e=>class extends e{updateComponentsContext(e){this.dispatchEvent(new CustomEvent("components-context",{bubbles:!0,composed:!0,detail:e}))}},Rt=e=>class extends e{init(){super.init?.(),(this.baseElement||this).addEventListener("mouseover",e=>{this.setAttribute("hover","true"),e.target.addEventListener("mouseleave",()=>this.removeAttribute("hover"),{once:!0})})}},Bt=["readonly","focused","invalid","has-label","required","disabled","checked","has-helper","has-value","step-buttons-visible","hover","has-error-message","focus-ring","opened","active","password-visible","opening","closing","has-no-options","loading","allow-custom-value","loading"],Ot=e=>class extends e{init(){super.init?.(),We(this,e=>e.forEach(e=>{const t=this.getAttribute(e);(e=>Bt.includes(e))(e)?""===t?this.setAttribute(e,"true"):"false"===t&&this.removeAttribute(e):t||console.debug(`attribute "${e}" has no value, should it be added to the boolean attributes list?`)}),{})}},jt=({componentName:e,baseSelector:t=""})=>{class r extends HTMLElement{static get componentName(){return e}#w;#I=!0;get baseSelector(){return t}get baseElement(){return this.#w??=this.baseSelector?this.rootElement.querySelector(this.baseSelector):this,this.#w||console.warn("missing base element for component",this.localName),this.#w}get rootElement(){return this.shadowRoot||this}get name(){return this.getAttribute("name")}connectedCallback(){super.connectedCallback?.(),this.rootElement.isConnected&&this.#I&&(this.#I=!1,this.init?.())}}return Be(Vt,Rt,Ot,Pt)(r)};function Ft(e,t={}){const r=new Event(e,t);this[`on${e}`]?.(r),this.dispatchEvent(r)}const Wt=({componentName:e,wrappedEleName:t,slots:r=[],style:o,excludeAttrsSync:i=[],includeAttrsSync:n=[],includeForwardProps:s=[],delegatesFocus:a=!0})=>{class l extends(jt({componentName:e,baseSelector:t})){#z=Ft.bind(this,"blur");#L=Ft.bind(this,"focus");constructor(){super().attachShadow({mode:"open",delegatesFocus:a}).innerHTML=`\n\t\t\t<${t}>\n\t\t\t${r.map(e=>`<slot ${e?`name="${e}" slot="${e}"`:""}></slot>`).join("")}\n\t\t\t</${t}>\n\t\t`,N((Oe(o)?o():o)||"",this)}init(){super.init?.(),this.baseElement.addEventListener("blur",e=>{this.#z()}),this.baseElement.addEventListener("focus",e=>{this.#L()}),Ge(this.baseElement,this,s),He(this.baseElement,this,{excludeAttrs:i,includeAttrs:n})}}return l},_t=["required","pattern"],$t=Symbol("validationTarget"),Ht=e=>class extends e{#A=$t;static get observedAttributes(){return[...e.observedAttributes||[],..._t]}static get formAssociated(){return!0}#E;get internals(){return this.#E}set internals(e){this.#E=e}constructor(){super(),this.#E=this.attachInternals()}get defaultErrorMsgValueMissing(){return"Please fill out this field."}get defaultErrorMsgPatternMismatch(){return"Please match the requested format."}get defaultErrorMsgTooShort(){return`Minimum length is ${this.getAttribute("minlength")}.`}get defaultErrorMsgTooLong(){return`Maximum length is ${this.getAttribute("maxlength")}. `}get defaultErrorMsgRangeUnderflow(){return`At least ${this.getAttribute("min-items-selection")} items are required.`}get defaultErrorMsgRangeOverflow(){return`At most ${this.getAttribute("max-items-selection")} items are allowed.`}get defaultErrorMsgTypeMismatch(){return"Please match the requested type."}getCustomErrorMessage(e,t){return this.hasAttribute(e)?this.getAttribute(e)||" ":t}getErrorMessage(e){const{valueMissing:t,patternMismatch:r,typeMismatch:o,stepMismatch:i,tooShort:n,tooLong:s,rangeOverflow:a,rangeUnderflow:l,badInput:d,customError:c}=e;switch(!0){case t:return this.getCustomErrorMessage("data-errormessage-value-missing",this.defaultErrorMsgValueMissing);case r||i||d:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch",this.defaultErrorMsgPatternMismatch);case o:return this.getCustomErrorMessage("data-errormessage-type-mismatch",this.defaultErrorMsgTypeMismatch);case n:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch-too-short",this.defaultErrorMsgTooShort);case s:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch-too-long",this.defaultErrorMsgTooLong);case l:return this.getCustomErrorMessage("data-errormessage-pattern-range-underflow",this.defaultErrorMsgRangeUnderflow);case a:return this.getCustomErrorMessage("data-errormessage-pattern-range-overflow",this.defaultErrorMsgRangeOverflow);case c:return this.validationMessage;default:return""}}#T(){const e=this.isReadOnly?{}:this.getValidity();this.#E.setValidity(e,this.getErrorMessage(e),this.validationTarget)}get validationMessage(){return this.#E.validationMessage}getValidity(){console.warn("getValidity","is not implemented")}checkValidity(){return this.#E.validity.valid}reportValidity(){return this.#E.reportValidity()}get validity(){return this.#E.validity}get validationTarget(){return this.#A===$t?this.inputElement:this.#A}set validationTarget(e){this.#A=e}setCustomValidity(e){e?this.#E.setValidity({customError:!0},e,this.validationTarget):(this.#E.setValidity({}),this.#T())}get isRequired(){return this.hasAttribute("required")&&"false"!==this.getAttribute("required")}get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}get isDisabled(){return this.hasAttribute("disabled")&&"false"!==this.getAttribute("disabled")}get pattern(){return this.getAttribute("pattern")}get form(){return this.#E.form}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),_t.includes(e)&&this.#T()}init(){super.init?.(),this.addEventListener("change",this.#T),this.addEventListener("invalid",e=>e.stopPropagation()),this.addEventListener("input",this.#T),setTimeout(()=>this.#T())}},qt=["invalid","required"],Yt=e=>{if(!e)return;let t=e;for(let e=0;e<10;e++)if([t]=t.assignedElements(),"slot"!==t?.localName)return t},Ut=({proxyProps:e=[],useProxyTargets:t=!1,inputEvent:r="input",triggerValidationEvents:o=[],proxyParentValidation:i=!1})=>n=>class extends(Ht(n)){static get observedAttributes(){return[...n.observedAttributes||[],...qt]}#N;#M=Ft.bind(this,"change");constructor(){super(),this.#N=super.inputElement}warnIfInputElementIsMissing(){clearTimeout(this.inputElementTimerId),this.inputElementTimerId=setTimeout(()=>{!this.#N&&console.warn(this.localName,"no input was found")},0)}get inputElement(){if(this.#N)return this.#N;this.warnIfInputElementIsMissing();const e=this.baseElement.shadowRoot?.querySelector('slot[name="input"]'),t=this.baseElement.shadowRoot?.querySelector('slot[name="textarea"]');return this.#N=Yt(e)||Yt(t),this.#N}set inputElement(e){this.#N=e}getValidity(){return this.inputElement?.validity||{}}#D(){this.setAttribute("error-message",this.validationMessage)}reportValidity=()=>{this.inputElement.setCustomValidity(""),this.setCustomValidity(""),this.checkValidity()||(this.setAttribute("invalid","true"),this.#D(),this.focus())};defaultReportValidity(){return super.reportValidity()}init(){if(super.init?.(),this.baseElement._setInvalid=function(e){!e&&this._shouldSetInvalid(e)&&(this.invalid=e)},this.baseElement.addEventListener("input",e=>{e.composed||this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}),o.forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.inputElement?.setCustomValidity("")})}),setTimeout(()=>{(Array.isArray(r)?r:[r]).forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.baseElement.checkValidity()?this.removeAttribute("invalid"):this.#D()})}),this.baseElement.addEventListener("change",()=>{this.#M()}),this.addEventListener("invalid",()=>{this.checkValidity()||this.setAttribute("invalid","true"),this.#D()}),e.forEach(e=>{const r=this.querySelector('input[slot="external-input"]')||null,o=t?[this.baseElement,r].filter(Boolean):[];((e,t,r)=>{const o=Array.isArray(t)?t:[t];Object.defineProperty(e,r,{set(e){o.forEach(t=>{t[r]=e})},get:()=>t[0][r],configurable:!0})})(this,[this.inputElement,...o],e)}),this.setSelectionRange=this.inputElement?.setSelectionRange?.bind(this.inputElement),Ue(this,this.inputElement,{includeAttrs:["inputmode"]})}),i){const e=this.inputElement.internals,t=this;this.inputElement.internals=new Proxy(e,{get:(e,r)=>"function"==typeof e[r]&&"setValidity"===r?(...o)=>{if(3===o.length){const e=o.slice(0,o.length-1);e.push(t.inputElement),t.internals[r](...e)}else t.internals[r](...o);return e[r](...o)}:"function"==typeof e[r]?(...o)=>(t.internals[r](...o),e[r](...o)):e[r]})}}},Gt=e=>Be(Ut(e),Nt({componentNameOverride:qe("input-wrapper")})),Zt=e=>async t=>{const r=await e(t);return new Promise(e=>{let t=0;const o=()=>{if(t>20)return console.error("could not get shadow root for element",r),void e(r);t++,r?.shadowRoot?e(r.shadowRoot):setTimeout(o)};o()})},Qt=({name:e,selector:t,mappings:r={},forward:{attributes:o=[],include:i=!0}={}})=>n=>{const s=e,a=Nt({mappings:r})(n);return class extends a{static get cssVarList(){return{...a.cssVarList,[s]:Lt(Re(n.componentName,"_"+s),r)}}#V;constructor(){const e=Zt(async e=>{const r=(e.shadowRoot||e).querySelector(e.baseSelector);return t&&e.shadowRoot?(await Zt(()=>r)(e)).querySelector(t):r});super({getRootElement:e,componentNameSuffix:"_"+s,themeSection:"_"+s,baseSelector:""}),this.#P=()=>e(this).then(e=>e?.host||e)}#P;async#R(){const e=await this.#V;e.onmouseenter=e=>{e.target.setAttribute("hover","true")},e.onmouseleave=e=>{e.target.removeAttribute("hover")}}async init(){super.init?.(),this.#V=this.#P();const e=await this.#V;Ue(this,e,{[i?"includeAttrs":"excludeAttrs"]:o}),this.#R()}}},Jt=e=>class extends e{#M=Ft.bind(this,"change");init(){super.init?.(),this.prevValue=this.value,this.addEventListener("change",e=>{e.stopPropagation()}),this.addEventListener("blur",()=>{this.value!==this.prevValue&&(this.#M(),this.prevValue=this.value)})}},Kt=e=>class extends e{init(){this.#S(),super.init?.()}#S(){["blur","focus","focusin","focusout"].forEach(e=>{this.addEventListener(e,e=>{e.isTrusted&&e.target===this&&e.stopImmediatePropagation()})})}handleFocusEventsDispatching(e){let t;e?.forEach(e=>{e?.addEventListener("focusout",e=>{e.stopImmediatePropagation(),t=setTimeout(()=>{t=null,Ft.call(this,"blur"),Ft.call(this,"focusout",{bubbles:!0})})});const r=e=>{e.stopImmediatePropagation(),clearTimeout(t),t||(Ft.call(this,"focus"),Ft.call(this,"focusin",{bubbles:!0}))};e?.addEventListener("focusin",r),e?.addEventListener("focus",r)})}handleInputEventDispatching(){let e=this.value;this.addEventListener("input",t=>{this!==t.target&&(t.stopImmediatePropagation(),e!==this.value&&(e=this.value,Ft.call(this,"input",{bubbles:!0,composed:!0})))})}},Xt=({inputType:e,inputName:t,autocompleteType:r,includeAttrs:o=[],noBlurDispatch:i=!1})=>n=>class extends n{#J=[];get isExternalInput(){return"true"===this.getAttribute("external-input")}createExternalInput(){if(!this.isExternalInput||this.isReadOnly||this.isDisabled)return null;const r=this.baseElement.querySelector("input");if(!r)return null;r.setAttribute("tabindex","-1");const i=(()=>{const e=document.createElement("slot");return e.setAttribute("name","external-input"),e.setAttribute("slot","suffix"),e})();return this.baseElement.appendChild(i),this.externalInput=((e,t,r,o)=>{const i=document.createElement("input");return i.setAttribute("slot","external-input"),i.setAttribute("type",t),i.setAttribute("name",o),i.setAttribute("data-hidden-input","true"),i.setAttribute("autocomplete",r),i})(0,e,this.getAutocompleteType(),t),setTimeout(()=>{var e,t,o;e=r,t=this.externalInput,o=this.getAttribute("label-type"),setTimeout(()=>{const r=getComputedStyle(e),i=r.getPropertyValue("height"),n=r.getPropertyValue("padding-left"),s=r.getPropertyValue("padding-right"),a=r.getPropertyValue("font-size"),l=r.getPropertyValue("font-family"),d=r.getPropertyValue("letter-spacing"),c=r.getPropertyValue("caret-color"),p=((e,t)=>{const r=e.value;e.value="_";const o=t.getPropertyValue("color");return"_"===e.value&&(e.value=r),o})(e,r);if([["all","unset"],["position","absolute"],["background-color","transparent"],["height",i],["left",n],["right",s],["font-size",a],["font-family",l],["letter-spacing",d],["caret-color",c],["color",p]].forEach(([e,r])=>t.style.setProperty(e,r,"important")),"floating"===o){const e=r.getPropertyValue("margin-bottom");t.style.setProperty("margin-bottom",e,"important")}const u=r.getPropertyValue("width");t.style.setProperty("width",`calc(${u} - ${n} - ${s}`,"important")},0)}),this.forwardInputValue(r,this.externalInput),He(r,this.externalInput,{includeAttrs:o}),this.baseElement.querySelector("input").addEventListener("focusout",e=>e.stopImmediatePropagation(),!0),this.handleFocusEvents(),this.handleBlurEvents(),this.handlelInputEvents(this.externalInput),this.appendChild(this.externalInput),this.externalInput}clearBlurTimers(){this.#J.forEach(e=>clearTimeout(e)),this.#J.length=0}dispatchBlur(){return setTimeout(()=>{this.dispatchEvent(new Event("blur",{bubbles:!0,composed:!0})),this.removeAttribute("focused")})}handleFocusEvents(){this.baseElement.addEventListener("focus",()=>{this.externalInput.focus(),this.clearBlurTimers()}),this.externalInput.addEventListener("focus",()=>{this.clearBlurTimers(),setTimeout(()=>this.baseElement.setAttribute("focused","true"))})}handleBlurEvents(){this.baseElement.addEventListener("blur",e=>{e.stopImmediatePropagation(),i||this.#J.push(this.dispatchBlur())},!0),this.externalInput.addEventListener("blur",e=>{e.stopImmediatePropagation(),this.#J.push(this.dispatchBlur())},!0)}handlelInputEvents(e){e.addEventListener("input",e=>{this.value=e.target.value}),e.addEventListener("input",e=>{e.target.value?this.setAttribute("has-value","true"):this.removeAttribute("has-value")})}getAutocompleteType(){return this.getAttribute("autocomplete")||r}forwardInputValue(e,t){const r=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value");Object.defineProperty(e,"value",{...r,set(e){r.set.call(this,e),t.value=e},configurable:!0})}},er=e=>class extends e{init(){super.init?.(),this.baseElement._hasValidConstraints&&(this.baseElement._hasValidConstraints=()=>!0)}},tr=(...e)=>Be(Ht,Jt,Ot,Kt)(jt(...e)),rr=qe("boolean-field-internal"),or=["disabled","invalid","readonly"],ir=tr({componentName:rr,baseSelector:"div"}),nr=e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${rr}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${rr}>\n\t\t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(rr),this.checkbox=this.inputElement.querySelector("vaadin-checkbox"),Ue(this,this.inputElement,{includeAttrs:["required","full-width","size","label","invalid","disabled","readonly"]}),Ge(this.inputElement,this,["checked"]),He(this,this.inputElement,{includeAttrs:["checked"]})}};var sr=e=>`\n:host {\n\tdisplay: inline-flex;\n}\n\n\n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n\n\n.wrapper {\n\tdisplay: flex;\n\tbox-sizing: border-box;\n}\nvaadin-text-field {\n\tposition: relative;\n\tpadding: 0;\n\tdisplay: inline-flex;\n\talign-items: flex-start;\n}\nvaadin-text-field::before {\n content: unset;\n}\nvaadin-text-field::part(label) {\n position: absolute;\n top: 0;\n}\nvaadin-text-field::part(input-field) {\n\tpadding: 0;\n\tbackground: none;\n\tmin-height: 0;\n}\nvaadin-text-field::part(input-field)::after {\n background: none;\n}\nvaadin-text-field[focus-ring]::part(input-field) {\n\tbox-shadow: none;\n}\n\nvaadin-checkbox [slot="label"] {\n align-self: flex-start;\n padding: 0;\n}\n[required] vaadin-checkbox [slot="label"]:not(:empty) {\n\tpadding-inline-end: 1em;\n}\ndescope-boolean-field-internal {\n -webkit-mask-image: none;\n min-height: initial;\n}\n\ndescope-enriched-text[empty] {\n\t${Ve.cssVarList.hostDisplay}: none;\n}\n\ndescope-enriched-text {\n\t${Ve.cssVarList.hostDirection}: var(${e.hostDirection});\n}\n\n`;const ar=qe("checkbox"),{host:lr,component:dr,checkboxElement:cr,checkboxSurface:pr,checkboxLabel:ur,requiredIndicator:hr,helperText:mr,errorMessage:gr}={host:{selector:()=>":host"},requiredIndicator:{selector:'[required] vaadin-checkbox [slot="label"]:not(:empty)::part(content)::after'},component:{selector:"vaadin-checkbox"},checkboxElement:{selector:"vaadin-checkbox::part(checkbox)"},checkboxSurface:{selector:"vaadin-checkbox::part(checkbox)::after"},checkboxLabel:{selector:'vaadin-checkbox [slot="label"]:not(:empty)'},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},br=Be(Nt({mappings:{hostWidth:{...lr,property:"width"},hostDirection:{...lr,property:"direction"},fontSize:[lr,cr,ur],fontFamily:[ur,mr,gr],labelTextColor:{...ur,property:"color"},labelSpacing:{...ur,property:"padding-inline-start"},labelLineHeight:{...ur,property:"line-height"},labelFontWeight:{...ur,property:"font-weight"},labelRequiredIndicator:{...hr,property:"content"},errorMessageTextColor:{...gr,property:"color"},errorMessageIcon:{...gr,property:"background-image"},errorMessageIconSize:{...gr,property:"background-size"},errorMessageIconPadding:{...gr,property:"padding-inline-start"},errorMessageIconRepeat:{...gr,property:"background-repeat"},errorMessageIconPosition:{...gr,property:"background-position"},errorMessageFontSize:{...gr,property:"font-size"},inputValueTextColor:{...pr,property:"color"},inputBackgroundColor:{...cr,property:"background-color"},inputBorderRadius:{...cr,property:"border-radius"},inputBorderWidth:{...cr,property:"border-width"},inputBorderOffset:{...cr,property:"border-offset"},inputBorderColor:{...cr,property:"border-color"},inputBorderStyle:{...cr,property:"border-style"},inputOutlineWidth:{...cr,property:"outline-width"},inputOutlineOffset:{...cr,property:"outline-offset"},inputOutlineColor:{...cr,property:"outline-color"},inputOutlineStyle:{...cr,property:"outline-style"},inputAlign:{...cr,property:"align-self"},inputContainerPadding:{...dr,property:"padding"},inputContainerBackgroundColor:{...dr,property:"background-color"},inputContainerBorderRadius:{...dr,property:"border-radius"},inputContainerBorderWidth:{...dr,property:"border-width"},inputContainerBorderColor:{...dr,property:"border-color"},inputContainerBorderStyle:{...dr,property:"border-style"},inputContainerOutlineWidth:{...dr,property:"outline-width"},inputContainerOutlineOffset:{...dr,property:"outline-offset"},inputContainerOutlineColor:{...dr,property:"outline-color"},inputContainerOutlineStyle:{...dr,property:"outline-style"},inputSize:[{...cr,property:"width"},{...cr,property:"height"},{...pr,property:"font-size"},{...dr,property:"font-size"}]}}),Dt,Gt({proxyProps:["value","selectionStart"]}),Vt,nr)(Wt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${sr(br.cssVarList)}\n ${at(br.cssVarList)}\n\n :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n }\n\n :host ::part(error-message) {\n direction: ltr;\n }\n\n vaadin-text-field {\n width: 100%;\n }\n\n descope-boolean-field-internal {\n\t\t\t\tpadding: 2px;\n\t\t\t\twidth: 100%;\n height: 100%;\n box-sizing: border-box;\n }\n\n :host([full-width]) vaadin-checkbox {\n flex-grow: 1;\n }\n\n vaadin-checkbox::part(checkbox) {\n margin: 0;\n }\n\n vaadin-checkbox::part(checkbox)::after {\n top: 0;\n left: 0;\n -webkit-text-fill-color: initial;\n }\n\n vaadin-checkbox label {\n -webkit-text-fill-color: initial;\n }\n\n vaadin-text-field::part(input-field)::after {\n content: none;\n }\n `,excludeAttrsSync:["label","tabindex","style"],componentName:ar})),yr=k("text");class fr extends(ue({componentName:yr,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <slot part="text-wrapper"></slot>\n ',N("\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(),A(this,()=>{const e=!!this.childNodes.length;this.style.display=!e&&this.hideWhenEmpty?"none":""})}}const{host:vr}={host:{selector:()=>":host"}},xr=I(ne({mappings:{hostWidth:{...vr,property:"width"},hostDirection:{...vr,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),se,ae)(fr),Cr=k("link");class wr extends(ue({componentName:Cr,baseSelector:":host a"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t<div>\n\t\t\t<descope-text part="wrapper">\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t',N('\n :host {\n\t\t\tdisplay: inline-block;\n line-height: 1em;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n\n :host([ellipsis="true"]) descope-text {\n display: inline-flex;\n }\n :host([ellipsis="true"]) descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n ',this),L(this,this.shadowRoot.querySelector("a"),{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),L(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]})}}const Ir={host:{selector:()=>":host"},link:{selector:()=>":host a"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>xr.componentName}},{anchor:Mr,text:Sr,host:Ar,wrapper:Er,link:Tr}=Ir,kr=I(ne({mappings:{hostWidth:{...Ar,property:"width"},hostDirection:{...Sr,property:"direction"},textAlign:Er,textDecoration:{...Tr,property:"text-decoration",fallback:"none"},textColor:[{...Mr,property:"color"},{...Sr,property:xr.cssVarList.textColor}],cursor:Mr}}),se,ae)(wr);customElements.define(yr,xr),customElements.define(Cr,kr),customElements.define(Ne,Ve),customElements.define(rr,class extends ir{static get observedAttributes(){return["readonly","label"]}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper">\n\t\t\t\t<vaadin-checkbox>\n\t\t\t\t\t<descope-enriched-text link-target-blank="true" class="label-content" slot="label"></descope-enriched-text>\n\t\t\t\t</vaadin-checkbox>\n\t\t\t</div>\n\t\t',this.wrapperEle=this.querySelector("div"),this.checkbox=this.querySelector("vaadin-checkbox"),this.labelContent=this.querySelector(".label-content")}get value(){return this.checkbox?.checked}set value(e){this.checkbox.checked=e}get checked(){return this.value}set checked(e){this.value=e}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.checkbox.focus()}),super.init?.(),Ue(this,this.checkbox,{includeAttrs:or}),He(this,this.checkbox,{includeAttrs:["checked"]}),this.labelContent.addEventListener("click",e=>{this.hasAttribute("disabled")||this.hasAttribute("readonly")||this.checkbox.click()}),this.handleFocusEventsDispatching([this.checkbox])}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"readonly"===e&&this.onReadOnlyChange(null!==r),"label"===e&&this.onLabelChange()}onLabelChange(){const e=this.getAttribute("label");this.labelContent.textContent=e||""}onReadOnlyChange(e){this.baseElement.setAttribute("inert",e)}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}}),customElements.define(ar,br);const zr=qe("switch-toggle"),{host:Lr,component:Nr,checkboxElement:Dr,checkboxSurface:Vr,checkboxLabel:Pr,requiredIndicator:Rr,helperText:Br,errorMessage:Or}={host:{selector:()=>":host"},requiredIndicator:{selector:'[required] vaadin-checkbox [slot="label"]:not(:empty)::part(content)::after'},component:{selector:"vaadin-checkbox"},checkboxElement:{selector:"vaadin-checkbox::part(checkbox)"},checkboxSurface:{selector:"vaadin-checkbox::part(checkbox)::after"},checkboxLabel:{selector:'vaadin-checkbox [slot="label"]:not(:empty)'},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},jr=Be(Nt({mappings:{hostWidth:{...Lr,property:"width"},hostDirection:{...Lr,property:"direction"},fontSize:[Nr,Pr,Pr],fontFamily:[Pr,Br,Or],labelTextColor:[{...Pr,property:"color"},{...Pr,property:"-webkit-text-fill-color"}],labelSpacing:{...Pr,property:"padding-inline-start"},labelLineHeight:{...Pr,property:"line-height"},labelFontWeight:{...Pr,property:"font-weight"},labelRequiredIndicator:{...Rr,property:"content"},errorMessageTextColor:{...Or,property:"color"},errorMessageIcon:{...Or,property:"background-image"},errorMessageIconSize:{...Or,property:"background-size"},errorMessageIconPadding:{...Or,property:"padding-inline-start"},errorMessageIconRepeat:{...Or,property:"background-repeat"},errorMessageIconPosition:{...Or,property:"background-position"},errorMessageFontSize:{...Or,property:"font-size"},trackBorderWidth:{...Dr,property:"border-width"},trackBorderStyle:{...Dr,property:"border-style"},trackBorderColor:{...Dr,property:"border-color"},trackBackgroundColor:{...Dr,property:"background-color"},trackBorderRadius:{...Dr,property:"border-radius"},trackWidth:[{...Dr,property:"width"}],trackHeight:[{...Vr,property:"font-size"},{...Dr,property:"height"}],knobSize:[{...Vr,property:"width"},{...Vr,property:"height"}],knobTextColor:{...Vr,property:"color"},knobRadius:{...Vr,property:"border-radius"},knobTransitionDuration:{...Vr,property:"transition"},knobColor:{...Vr,property:"background-color"},knobTopOffset:{...Vr,property:"top"},knobLeftOffset:{...Vr,property:"left"},inputOutlineWidth:{...Dr,property:"outline-width"},inputOutlineOffset:{...Dr,property:"outline-offset"},inputOutlineColor:{...Dr,property:"outline-color"},inputOutlineStyle:{...Dr,property:"outline-style"}}}),Dt,Gt({proxyProps:["value","selectionStart"]}),Vt,nr)(Wt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${sr(jr.cssVarList)}\n\t\t\t${at(jr.cssVarList)}\n\n :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n }\n\n :host ::part(error-message) {\n direction: ltr;\n }\n\n vaadin-text-field {\n width: 100%;\n }\n\n vaadin-text-field::part(input-field)::after {\n content: none;\n }\n\n descope-boolean-field-internal {\n\t\t\t\tpadding: 0;\n width: 100%;\n }\n\n vaadin-text-field::part(input-field) {\n cursor: pointer;\n }\n\n vaadin-checkbox {\n cursor: pointer;\n }\n\n vaadin-checkbox [slot="label"]:not(:empty) {\n cursor: pointer;\n\t\t\t}\n\n vaadin-checkbox::part(checkbox) {\n margin: 0;\n\t\t\t}\n\n vaadin-checkbox::part(checkbox)::before {\n content: '';\n\t\t\t}\n\n vaadin-checkbox[active]::part(checkbox) {\n\t\t\t\ttransform: none;\n\t\t\t}\n\n vaadin-checkbox::part(checkbox)::after {\n\t\t\t\tposition: absolute;\n\t\t\t\topacity: 1;\n\t\t\t\tcontent: '';\n\t\t\t}\n\t\t`,excludeAttrsSync:["label","tabindex","style"],componentName:zr}));customElements.define(zr,jr);const Fr=qe("loader-linear");class Wr extends(jt({componentName:Fr,baseSelector:":host > div"})){static get componentName(){return Fr}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div></div>\n\t",N("\n @keyframes tilt {\n\t\t\t\t0% { transform: translateX(0); }\n\t\t\t\t50% { transform: translateX(400%); }\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t\tdiv::after {\n\t\t\t\tcontent: '';\n\t\t\t\tanimation-name: tilt;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t\t:host > div {\n\t\t\t\twidth: 100%;\n\t\t\t}\n ",this)}}const{after:_r,host:$r}={after:{selector:"::after"},host:{selector:()=>":host"}},Hr=Be(Nt({mappings:{hostDisplay:{},hostWidth:{...$r,property:"width"},barHeight:[{property:"height"},{..._r,property:"height"}],barBorderRadius:[{property:"border-radius"},{..._r,property:"border-radius"}],verticalPadding:[{...$r,property:"padding-top"},{...$r,property:"padding-bottom"}],barBackgroundColor:{property:"background-color"},barColor:{..._r,property:"background-color"},barWidth:{..._r,property:"width"},animationDuration:[{},_r],animationTimingFunction:[{},_r],animationIterationCount:[{},_r]}}),Dt,Vt)(Wr);customElements.define(Fr,Hr);const qr=qe("loader-radial");class Yr extends(jt({componentName:qr,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div></div>\n\t",N("\n @keyframes spin {\n\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n\t\t\t:host > div {\n\t\t\t\tanimation-name: spin;\n\t\t\t}\n ",this)}}const Ur=Be(Nt({mappings:{hostDisplay:{property:"display"},spinnerSize:[{property:"width"},{property:"height"}],spinnerBorderWidth:{property:"border-width"},spinnerBorderStyle:{property:"border-style"},spinnerBorderRadius:{property:"border-radius"},spinnerQuadrant1Color:{property:"border-top-color"},spinnerQuadrant2Color:{property:"border-bottom-color"},spinnerQuadrant3Color:{property:"border-right-color"},spinnerQuadrant4Color:{property:"border-left-color"},animationDuration:{},animationTimingFunction:{},animationIterationCount:{}}}),Dt,Vt)(Yr);customElements.define(qr,Ur);const Gr=qe("container");class Zr extends(jt({componentName:Gr,baseSelector:"slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",N("\n\t\t\t:host > slot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: auto;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n ",this)}}const Qr=Be(Nt({mappings:{hostHeight:{selector:()=>":host",property:"height"},hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},itemsGrow:{selector:()=>"::slotted(*)",property:"flex-grow",fallback:"0"},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],flexDirection:{},justifyContent:{},alignItems:{},gap:{},flexWrap:{},backgroundColor:{},backgroundImage:{},backgroundPositionX:{},backgroundPositionY:{},backgroundSize:{},backgroundRepeat:{},color:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{}}}),Dt,Vt)(Zr);customElements.define(Gr,Qr);const Jr=k("combo-box"),{host:Kr,inputField:Xr,inputElement:eo,placeholder:to,toggle:ro,clearButton:oo,label:io,requiredIndicator:no,helperText:so,errorMessage:ao,loader:lo,overlayContent:co}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"input"},placeholder:{selector:"> input:placeholder-shown"},toggle:{selector:"::part(toggle-button)"},clearButton:{selector:"::part(clear-button)"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},loader:{selector:"vaadin-combo-box-overlay::part(loader)"},overlayContent:{selector:"vaadin-combo-box-overlay::part(content)"}},po=I(ne({mappings:{hostWidth:{...Kr,property:"width"},hostDirection:{...Kr,property:"direction"},fontSize:[{},Kr],fontFamily:[io,to,Xr,so,ao],labelFontSize:{...io,property:"font-size"},labelFontWeight:{...io,property:"font-weight"},labelTextColor:[{...io,property:"color"},{...io,property:"-webkit-text-fill-color"},{...no,property:"color"}],errorMessageTextColor:{...ao,property:"color"},errorMessageIcon:{...ao,property:"background-image"},errorMessageIconSize:{...ao,property:"background-size"},errorMessageIconPadding:{...ao,property:"padding-inline-start"},errorMessageIconRepeat:{...ao,property:"background-repeat"},errorMessageIconPosition:{...ao,property:"background-position"},errorMessageFontSize:{...ao,property:"font-size"},inputHeight:{...Xr,property:"height"},inputBackgroundColor:{...Xr,property:"background-color"},inputBorderColor:{...Xr,property:"border-color"},inputBorderWidth:{...Xr,property:"border-width"},inputBorderStyle:{...Xr,property:"border-style"},inputBorderRadius:{...Xr,property:"border-radius"},labelRequiredIndicator:{...no,property:"content"},inputValueTextColor:{...Xr,property:"color"},inputPlaceholderTextColor:{...to,property:"color"},inputDropdownButtonCursor:[{...ro,property:"cursor"},{...oo,property:"cursor"}],inputDropdownButtonColor:[{...ro,property:"color"},{...oo,property:"color"}],inputDropdownButtonSize:[{...ro,property:"font-size"},{...oo,property:"font-size"}],inputDropdownButtonOffset:[{...ro,property:"margin-right"},{...ro,property:"margin-left"}],inputOutlineColor:{...Xr,property:"outline-color"},inputOutlineWidth:{...Xr,property:"outline-width"},inputOutlineStyle:{...Xr,property:"outline-style"},inputOutlineOffset:{...Xr,property:"outline-offset"},inputHorizontalPadding:[{...eo,property:"padding-left"},{...eo,property:"padding-right"}],labelPosition:{...io,property:"position"},labelTopPosition:{...io,property:"top"},labelHorizontalPosition:[{...io,property:"left"},{...io,property:"right"}],inputTransformY:{...io,property:"transform"},inputTransition:{...io,property:"transition"},marginInlineStart:{...io,property:"margin-inline-start"},placeholderOpacity:{...to,property:"opacity"},inputVerticalAlignment:{...Xr,property:"align-items"},valueInputHeight:{...eo,property:"height"},valueInputMarginBottom:{...eo,property:"margin-bottom"},overlayBackground:{property:()=>po.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>po.cssVarList.overlay.textColor},overlayBorder:{property:()=>po.cssVarList.overlay.border},overlayFontSize:{property:()=>po.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>po.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>po.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>po.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>po.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>po.cssVarList.overlay.itemPaddingInlineEnd},overlayCheckmarkDisplay:{property:()=>po.cssVarList.overlay.checkmarkDisplay},overlaySelectedItemBackground:{property:()=>po.cssVarList.overlay.selectedItemBackground},overlaySelectedItemHoverBackground:{property:()=>po.cssVarList.overlay.selectedItemHoverBackground},overlaySelectedItemFocusBackground:{property:()=>po.cssVarList.overlay.selectedItemFocusBackground},overlayItemHoverBackground:{property:()=>po.cssVarList.overlay.itemHoverBackground},overlayItemFocusBackground:{property:()=>po.cssVarList.overlay.itemFocusBackground}}}),se,Ee({name:"overlay",selector:"",mappings:{backgroundColor:[{selector:"vaadin-combo-box-scroller"},{selector:"vaadin-combo-box-overlay::part(overlay)"}],minHeight:{selector:"vaadin-combo-box-overlay"},margin:{selector:"vaadin-combo-box-overlay"},cursor:{selector:"vaadin-combo-box-item"},fontFamily:{selector:"vaadin-combo-box-item"},textColor:{selector:"vaadin-combo-box-item",property:"color"},fontSize:{selector:"vaadin-combo-box-item"},itemBoxShadow:{selector:"vaadin-combo-box-item",property:"box-shadow"},itemPaddingInlineStart:{selector:"vaadin-combo-box-item",property:"padding-inline-start"},itemPaddingInlineEnd:{selector:"vaadin-combo-box-item",property:"padding-inline-end"},checkmarkDisplay:{selector:"vaadin-combo-box-item::part(checkmark)",property:"display"},selectedItemBackground:{selector:"vaadin-combo-box-item[selected]",property:"background-color"},selectedItemHoverBackground:{selector:"vaadin-combo-box-item[selected]:hover:not([disabled])",property:"background-color"},selectedItemFocusBackground:{selector:"vaadin-combo-box-item[selected][focused]:not([disabled])",property:"background-color"},itemHoverBackground:{selector:"vaadin-combo-box-item:hover:not([selected]):not([disabled])",property:"background-color"},itemFocusBackground:{selector:"vaadin-combo-box-item[focused]:not([selected]):not([disabled])",property:"background-color"},loaderTop:{...lo,property:"top"},loaderLeft:{...lo,property:"left"},loaderRight:{...lo,property:"right"},loaderMargin:{...lo,property:"margin"},loaderWidth:{...lo,property:"width"},loaderHeight:{...lo,property:"height"},loaderBorder:{...lo,property:"border"},loaderBorderColor:{...lo,property:"border-color"},loaderBorderRadius:{...lo,property:"border-radius"},contentHeight:{...co,property:"height"},contentOpacity:{...co,property:"opacity"},scrollerMinHeight:{selector:"vaadin-combo-box-scroller",property:"min-height"}},forward:{include:!1,attributes:["size"]}}),Ae({proxyProps:["selectionStart"],inputEvent:"value-changed"}),e=>class extends e{init(){super.init?.(),this.baseElement._hasValidConstraints&&(this.baseElement._hasValidConstraints=()=>!0)}},ae,e=>class extends e{static get observedAttributes(){return["label-type","require-match"]}#K=({displayName:e,value:t,label:r})=>`<span data-name="${r}" data-id="${t}">${e||r}</span>`;#B;get defaultValue(){return this.getAttribute("default-value")}get renderItem(){return this.#K}set renderItem(e){this.#K=e,this.renderItems()}set renderer(e){this.baseElement.renderer=e}get loading(){return"true"===this.getAttribute("loading")}set loading(e){e?this.setAttribute("loading","true"):this.removeAttribute("loading")}get data(){if(this.#B)return this.#B;const e=this.getAttribute("data");if(e)try{const t=JSON.parse(e);if(this.isValidDataType(t))return t}catch(e){console.error('could not parse data string from attribute "data" -',e.message)}return[]}set data(e){this.isValidDataType(e)&&(this.#B=e,this.renderItems())}get requireMatch(){return"true"===this.getAttribute("require-match")&&!this.allowCustomValue}isValidDataType(e){const t=Array.isArray(e);return t||console.error("data must be an array, received:",e),t}getItemsTemplate(){return this.data?.reduce?.((e,t)=>e+(this.renderItem?.(t||{})||""),"")}renderItems(){if(this.#B||this.getAttribute("data")){const e=this.getItemsTemplate();this.innerHTML=e}}get hasDynamicData(){return"true"===this.getAttribute("has-dynamic-data")}get shouldSelectItemOnItemsChange(){return!this.hasDynamicData||this.allowCustomValue}handleSelectedItem(){const{selectedItem:e}=this.baseElement,t=e?.["data-id"];e&&Array.from(this.children).includes(e)||(t&&this.shouldSelectItemOnItemsChange&&(this.value=t),this.value||this.setDefaultValue())}customValueTransformFn(e){return e}setComboBoxDescriptor(){const e=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value"),t=this;Object.defineProperties(this.inputElement,{value:{...e,set(r){if(!t.baseElement.items?.length&&!t.allowCustomValue)return;const o=t.customValueTransformFn(r)||"";o!==this.value&&e.set.call(this,o)}}})}#X(){const e=Array.from(this.children);e.forEach(e=>{Object.defineProperty(e,"data-name",{value:e.getAttribute("data-name"),configurable:!0,writable:!0}),Object.defineProperty(e,"data-id",{value:e.getAttribute("data-id"),configurable:!0,writable:!0})}),this.baseElement.items=e,setTimeout(()=>{this.handleSelectedItem()},0)}#ee(){const e=this.baseElement.shadowRoot.querySelector("vaadin-combo-box-overlay");e._attachOverlay=()=>{e.bringToFront()},e._detachOverlay=()=>{},e._enterModalState=()=>{}}#te(){this.baseElement.renderer=(e,t,r)=>{e.innerHTML=r.item.outerHTML}}#re(){this.hasDynamicData&&(this.baseElement._dataProviderFilterChanged=()=>{})}isValueMatch(){const e=this.baseElement.querySelector("input").value;return!e||this.baseElement.items.some(t=>t.dataset.name===e||t.dataset.id===e)}init(){super.init?.(),this.getValidity=function(){return this.requireMatch&&!this.isValueMatch()?{patternMismatch:!0}:!this.value&&this.isRequired?{valueMissing:!0}:{}},this.#te(),this.#re(),setTimeout(()=>{this.setComboBoxDescriptor(),this.#ee()}),S(this,this.renderItems.bind(this),{includeAttrs:["data"]}),A(this,this.#X.bind(this)),this.setDefaultValue(),this.baseElement.addEventListener("value-changed",()=>{this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}),this.baseElement.addEventListener("filter-changed",e=>{this.dispatchEvent(new CustomEvent("filter-changed",{bubbles:!0,composed:!0,detail:e.detail}))})}onLabelClick(){this.isReadOnly||this.isDisabled||(this.focus(),this.autoOpenDisabled||this.setAttribute("opened","true"))}handleRequireMatchChange(e){this.baseElement.allowCustomValue=e||this.allowCustomValue}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("label-type"===e?"floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"require-match"===e&&this.handleRequireMatchChange("true"===r))}setDefaultValue(){this.defaultValue&&(this.value=this.defaultValue)}#oe(e){return this.baseElement.items?.find(t=>t["data-id"]===e)}#ie(e,t){e===this.value&&t!==this.baseElement.selectedItem&&this.baseElement.addEventListener("selected-item-changed",e=>{e.stopImmediatePropagation()},{once:!0,capture:!0})}set value(e){const t=this.#oe(e);this.#ie(e,t),e&&t?this.baseElement.selectedItem=t:!t&&this.allowCustomValue?this.baseElement.value=e:this.baseElement.selectedItem=void 0}get value(){return(this.baseElement.selectedItem?.["data-id"]||this.allowCustomValue)&&this.baseElement.__data.value||""}get allowCustomValue(){return"true"===this.getAttribute("allow-custom-value")}get autoOpenDisabled(){return"true"===this.getAttribute("auto-open-disabled")}})(we({slots:["","prefix"],wrappedEleName:"vaadin-combo-box",style:()=>{return`\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\tbox-sizing: border-box;\n\t\t\t-webkit-mask-image: none;\n\t\t}\n\t\t${e=po.cssVarList,`\n :host {\n padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n }\n`}\n\t\t\n vaadin-combo-box::part(input-field)::after {\n opacity: 0;\n }\n\n\t\t${((e,t="input")=>`\n ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`)("vaadin-combo-box")}\n\t\t${(e=>`\n ${e} > label,\n ${e}::part(label),\n ${e}::part(required-indicator) {\n cursor: pointer;\n }\n`)("vaadin-combo-box")}\n\n\t\tvaadin-combo-box {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t}\n\t\tvaadin-combo-box::before {\n\t\t\theight: initial;\n\t\t}\n\t\tvaadin-combo-box [slot="input"] {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\tvaadin-combo-box::part(input-field) {\n\t\t\tpadding: 0;\n\t\t\tbox-shadow: none;\n\t\t}\n\n vaadin-combo-box::part(toggle-button),\n vaadin-combo-box::part(clear-button) {\n align-self: center;\n }\n\n vaadin-combo-box[hide-toggle-button="true"]::part(toggle-button) {\n display: none;\n }\n\n vaadin-combo-box[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-combo-box[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n\n \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 vaadin-combo-box [slot="label"] {\n max-width: calc(100% - 1em);\n overflow: hidden;\n text-overflow: ellipsis;\n padding-bottom: 0.5em;\n }\n\n \n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n \n\t\t`;var e},excludeAttrsSync:["tabindex","size","data","loading","style"],componentName:Jr,includeForwardProps:["items","renderer","selectedItem"]}));customElements.define(Jr,po);const uo=e=>{const t=c.A.sanitize(e,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(t,"image/svg+xml").querySelector("svg")},ho=k("image"),mo=["src","src-dark"];class go extends(ue({componentName:ho,baseSelector:"slot"})){static get observedAttributes(){return mo}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",N("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted(*) {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n ",this)}init(){super.init?.(),this.toggleVisibility(this.getSrc)}onThemeChange(){this.renderImage()}toggleVisibility(e){e?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(e){[e,...e.querySelectorAll("*[fill]")].forEach(e=>{e.setAttribute("fill",`var(${bo.cssVarList.fill}, ${e.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(async(e,t)=>{try{let r;if((e=>e.startsWith("data:image/svg+xml;base64,"))(e)){const t=atob(e.slice(26));r=uo(t)}else if("svg"===(e=>{const t=e.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return t?t[1]:null})(e)){const t=await fetch(e),o=await t.text();r=uo(o)}else r=((e,t)=>{const r=document.createElement("img");return r.setAttribute("src",e),r.setAttribute("alt",t),r})(e,t);return r.style.setProperty("max-width","100%"),r.style.setProperty("max-height","100%"),r}catch{return null}})(this.getSrc,this.altText).then(e=>{this.innerHTML="",e&&(this.updateFillColor(e),this.appendChild(e))})}shouldRender(e){const t=this.getAttribute(e);return this.getSrc===t}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&this.shouldRender(e)&&this.renderImage()}}const bo=I(ne({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),se,ae)(go),yo=k("icon"),fo=I(ne({mappings:{fill:[{},{property:bo.cssVarList.fill}]}}),se,ae)(we({slots:[],wrappedEleName:"descope-image",style:()=>"\n :host {\n display: inline-flex;\n max-height: 100%;\n }\n ",excludeAttrsSync:["tabindex","class","style"],componentName:yo})),vo=k("button"),{host:xo,label:Co,slottedIcon:wo}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let Io;const Mo=I(ne({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...xo,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:fo.cssVarList.fill},labelTextDecoration:{...Co,property:"text-decoration"},labelSpacing:{...Co,property:"gap"},textAlign:{...Co,property:"justify-content",fallback:"center"},iconSize:[{...wo,property:"width"},{...wo,property:"height"}]}}),e=>class extends e{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}},se,ae)(we({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${Io}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${Mo.cssVarList.outlineWidth}) + var(${Mo.cssVarList.outlineOffset}));\n\t\t\t}\n :host([full-width="true"]) {\n width: var(${Mo.cssVarList.hostWidth});\n }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${Mo.cssVarList.hostHeight}) - var(${Mo.cssVarList.outlineWidth}) - var(${Mo.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${Mo.cssVarList.hostWidth}) - var(${Mo.cssVarList.outlineWidth}) - var(${Mo.cssVarList.outlineOffset}));\n padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:vo})),{color:So,fontSize:Ao}=Mo.cssVarList;Io=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${So});\n\t\ttop: calc(50% - (var(${Ao}) / 2));\n\t\tleft: calc(50% - (var(${Ao}) / 2));\n\t\tborder-width: calc(var(${Ao}) / 10);\n\t\twidth: var(${Ao});\n\t\theight: var(${Ao});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`,customElements.define(vo,Mo);const Eo=["MM/DD/YYYY","DD/MM/YYYY","YYYY/MM/DD"],To=Eo[0],ko="YYYY-MM-DD",zo="/",Lo=["January","February","March","April","May","June","July","August","September","October","November","December"],No=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],Do={id:"month",min:1,max:12,placeholder:"MM"},Vo={id:"day",min:1,max:31,placeholder:"DD"},Po={id:"year",min:0,max:9999,placeholder:"YYYY"},Ro=1900,Bo=2099,Oo=(e,t)=>{if("number"==typeof e)return new Date(e);if("string"==typeof e){const t=new Date(e.replace(/-/g,"/"));return new Date(t)}return new Date},jo={MM:"(0?[1-9]|1[0-2])",DD:"(0?[1-9]|[12][0-9]|3[01])",YYYY:"([0-9]{4})"},Fo=e=>{const t=(e=>`^${e.split(zo).map(e=>jo[e]).join("\\D")}$`)(e),r=(e=>{const t=e.split(zo);return e=>{const r={};return t.forEach((t,o)=>{r[t]=e[o+1]}),[r.YYYY,r.MM,r.DD]}})(e),o=new RegExp(t);return{pattern:t,validate:e=>o.test(e),getDate:e=>((e,t,r)=>{const o=t.exec(e);if(!o)return null;const[i,n,s]=r(o);return Oo([i,n,s].join(zo))})(e,o,r)}},Wo=Object.fromEntries(Eo.map(e=>[e,Fo(e)])),_o=e=>!Number.isNaN(Number(e)),$o=e=>{const t=Oo(e);return[t.getFullYear(),t.getMonth()+1,t.getDate()]},Ho=(e,t)=>{const[r,o,i]=$o(e),n={DD:String(i).padStart(2,"0"),MM:String(o).padStart(2,"0"),YYYY:String(r)};return t.replace(/DD|MM|YYYY/g,e=>n[e])},qo=()=>Oo().getTime(),Yo=e=>Oo(e).getFullYear().toString(),Uo=e=>(Oo(e).getMonth()+1).toString(),Go=(e,t)=>"number"==typeof e?e:t?Date.UTC(e.getFullYear(),e.getMonth(),e.getDate()):e.getTime(),Zo=(e,t)=>Array.isArray(e)&&e.length===t&&e.filter(Boolean).length===t,Qo=({label:e,dataId:t,dataName:r})=>`\n\t<div class="combo-box-item"\n\t\tdata-id="${t}"\n\t\tdata-name="${r}"\n\t>\n\t\t\t${e}\n\t</div>\n`,Jo=(e=Lo)=>e.map((e,t)=>Qo({label:e,dataId:t+1,dataName:e})).join(""),Ko=(e,t)=>{const[r,o]=$o(t),[i,n]=$o(e);return i===r&&n===o},Xo=(e,t,r)=>(e.addEventListener("input",t),e.addEventListener("focusout",r),e),ei=qe("calendar"),ti=["initial-value","initial-year","initial-month","years-range","calendar-months","calendar-weekdays","calendar-label-today","st-host-direction","disabled","full-width"],ri=["calendar-label-submit","calendar-label-cancel"],oi=tr({componentName:ei,baseSelector:"div"}),{calendar:ii,day:ni,dayEntry:si,currentDay:ai,selectedDay:li,disabledDay:di,weekday:ci,topNav:pi,topNavSelectors:ui,bottomNav:hi,navPrev:mi,navNext:gi,navPrevRTL:bi,navNextRTL:yi,yearInput:fi,monthInput:vi}={calendar:{selector:()=>".calendar"},topNav:{selector:()=>".nav.top-nav"},topNavSelectors:{selector:()=>".nav.top-nav .selectors > span"},bottomNav:{selector:()=>".nav.bottom-nav"},day:{selector:()=>".day"},dayEntry:{selector:()=>".day-entry"},currentDay:{selector:()=>".day-entry[data-current-day] .day"},selectedDay:{selector:()=>".day-entry[data-selected] .day"},disabledDay:{selector:()=>'.day-entry[data-disabled="true"] .day'},weekday:{selector:()=>".weekday"},navPrev:{selector:()=>".nav-prev"},navNext:{selector:()=>".nav-next"},navPrevRTL:{selector:()=>':host([st-host-direction="rtl"]) .nav-prev'},navNextRTL:{selector:()=>':host([st-host-direction="rtl"]) .nav-next'},yearInput:{selector:()=>".year-input"},monthInput:{selector:()=>".month-input"}},xi=Be(Nt({componentNameOverride:qe("input-wrapper")}),Nt({mappings:{fontSize:{},fontFamily:{},hostWidth:[{selector:()=>":host",property:"width"},{selector:"table",property:"width"}],hostDirection:{property:"direction"},topNavVerticalPadding:[{...pi,property:"padding-top"},{...pi,property:"padding-bottom"}],topNavHorizointalPadding:[{...pi,property:"padding-right"},{...pi,property:"padding-left"}],topNavAlignment:{...pi,property:"justify-content"},topNavGap:{...pi,property:"gap"},topNavSelectorsGap:{...ui,property:"gap"},bottomNavVerticalPadding:[{...hi,property:"padding-top"},{...hi,property:"padding-bottom"}],bottomNavHorizontalPadding:[{...hi,property:"padding-right"},{...hi,property:"padding-left"}],bottomNavAlignment:{...hi,property:"justify-content"},bottomNavGap:{...hi,property:"gap"},navMarginBottom:{...pi,property:"margin-bottom"},calendarPadding:[{...ii,property:"padding-bottom"},{...ii,property:"padding-right"},{...ii,property:"padding-left"}],navBorderBottomWidth:{...pi,property:"border-bottom-width"},navBorderBottomColor:{...pi,property:"border-bottom-color"},navBorderBottomStyle:{...pi,property:"border-bottom-style"},weekdayFontSize:{...ci,property:"font-size"},weekdayFontWeight:{...ci,property:"font-weight"},currentDayBorderColor:{...ai,property:"border-color"},currentDayBorderWidth:{...ai,property:"border-width"},currentDayBorderStyle:{...ai,property:"border-style"},dayHeight:{...si,property:"height"},daySize:[{...ni,property:"height"},{...ni,property:"width"}],dayPadding:{...ni,property:"padding"},dayRadius:{...ni,property:"border-radius"},dayTextAlign:{...ni,property:"text-align"},dayBlockAlign:{...ni,property:"margin"},dayTextColor:{...ni,property:"color"},dayFontWeight:{...ni,property:"font-weight"},dayBackgroundColor:{...ni,property:"background-color"},dayCursor:{...ni,property:"cursor"},dayFontSize:{...ni,property:"font-size"},dayBackgroundColorHover:{selector:()=>".day:hover",property:"background-color"},daySelectedTextdColor:{...li,property:"color"},daySelectedBackgroundColor:{...li,property:"background-color"},dayDisabledTextdColor:{...di,property:"color"},yearInputWidth:{...fi,property:"width"},monthInputWidth:{...vi,property:"width"},navButtonSize:[{...mi,property:"width"},{...mi,property:"height"},{...gi,property:"width"},{...gi,property:"height"}],navButtonCursor:[{...mi,property:"cursor"},{...gi,property:"cursor"}],navButtonRotation:[{...bi,property:"transform"},{...yi,property:"transform"}],navButtonOpacity:[{...mi,property:"opacity"},{...gi,property:"opacity"}]}}),Dt,Vt)(class extends oi{static get observedAttributes(){return[].concat(oi.observedAttributes||[],ti,ri)}preview;epoch;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div>\n <nav class="nav top-nav">\n <div class="nav-prev">\n </div>\n <div class="selectors"></div>\n <div class="nav-next">\n </div>\n </nav>\n <div class="calendar"></div>\n <nav class="nav bottom-nav">\n <descope-button class="cancel-button" variant="link" mode="primary">Cancel</descope-button>\n <descope-button class="submit-button" variant="link" mode="primary" disabled="true">Done</descope-button>\n </nav>\n </div>\n ',N(`\n :host {\n display: inline-block;\n box-sizing: border-box;\n max-width: 100%;\n user-select: none;\n -webkit-user-select: none;\n }\n\n :host ::slotted {\n padding: 0;\n }\n\n [data-toggle-calendar] {\n cursor: pointer;\n display: flex;\n align-self: center;\n z-index: 1;\n }\n\n [data-disabled="true"] {\n pointer-events: none;\n }\n\n .calendar .day {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .nav {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n }\n\n .selectors,\n .selectors span {\n display: flex;\n justify-content: center;\n }\n\n descope-button {\n padding: 0;\n ${Mo.cssVarList.horizontalPadding}: 0;\n ${Mo.cssVarList.verticalPadding}: 0;\n ${Mo.cssVarList.outlineWidth}: 0;\n }\n\n .combo-box-item {\n display:flex;\n flex-direction: column;\n }\n\n \n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n \n `,this)}set value(e){if(!e)return;const t=Oo(e).getTime();_o(t)&&t!==this.epoch&&(this.epoch=t,this.renderCalendar())}get value(){return this.epoch?Ho(this.epoch,ko):""}get isSelectedView(){return Ko(this.preview,this.epoch)}get isTodayView(){return Ko(qo(),this.preview)}get monthNames(){return(e=>{const t=e?.split(",");return Zo(t,12)?t:Lo})(this.getAttribute("calendar-months"))}get weekdayNames(){return(e=>{const t=e?.split?.(",");return Zo(t,7)?t:No})(this.getAttribute("calendar-weekdays"))}get hasYearValue(){return!!this.yearInput.value}get hasMonthValue(){return!!this.monthInput.value}get yearsRange(){const e=this.getAttribute("years-range")?.split("-");if(2===e?.length){const[t,r]=e.map(Number);if(t<=r)return[t,r]}const t=Oo().getFullYear();return[t,t+100]}init(){super.init?.(),this.initCalendar(),this.renderCalendar()}initCalendar(){this.calendar=this.shadowRoot.querySelector(".calendar"),this.navPrevEle=this.shadowRoot.querySelector(".nav-prev"),this.navNextEle=this.shadowRoot.querySelector(".nav-next"),this.submitButton=this.shadowRoot.querySelector(".submit-button"),this.cancelButton=this.shadowRoot.querySelector(".cancel-button"),this.initInputs(),this.initNav(),this.addEventListener("day-changed",()=>this.submitButton.removeAttribute("disabled")),this.submitButton.shadowRoot.querySelector("vaadin-button").setAttribute("disabled","true")}initInputs(){const e=(()=>{const e=document.createElement("span");return e.innerHTML=`\n <descope-combo-box\n label-type="static"\n bordered="true"\n item-label-path="data-name"\n item-value-path="data-id"\n class="month-input"\n >\n ${Jo()}\n </descope-combo-box>\n <descope-combo-box\n allow-custom-value="true"\n label-type="static"\n bordered="true"\n item-label-path="data-name"\n item-value-path="data-id"\n class="year-input"\n no-empty-value="true"\n >\n </descope-combo-box>\n `,e})(this.monthNames,this.yearsRange);this.shadowRoot.querySelector(".selectors").appendChild(e),this.monthInput=Xo(this.shadowRoot.querySelector(".month-input"),this.onMonthChange.bind(this),this.onMonthInputBlur.bind(this)),this.yearInput=Xo(this.shadowRoot.querySelector(".year-input"),this.onYearChange.bind(this),this.onYearInputBlur.bind(this)),[this.monthInput,this.yearInput].forEach(e=>Ue(this,e,{includeAttrs:["disabled","size","st-host-direction"]}))}initNav(){this.navPrevEle.addEventListener("click",this.navPrevMonth.bind(this)),this.navNextEle.addEventListener("click",this.navNextMonth.bind(this)),this.cancelButton.addEventListener("click",this.onCancel.bind(this)),this.submitButton.addEventListener("click",this.onSubmit.bind(this)),[this.navPrevEle,this.navNextEle].forEach(e=>Ue(this,e,{includeAttrs:["size"]})),this.shadowRoot.querySelector(".nav-next").innerHTML='\n<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.27283 6.78069C8.87912 6.34164 8.91587 5.66655 9.35492 5.27283C9.79397 4.87912 10.4691 4.91587 10.8628 5.35492C10.8628 5.35492 16.0022 10.9543 16.366 11.36C16.7298 11.7657 16.7298 12.2392 16.366 12.6448L10.8628 18.6451C10.4691 19.0841 9.79397 19.1209 9.35492 18.7272C8.91587 18.3334 8.87912 17.6584 9.27283 17.2193L14.1368 12L9.27283 6.78069Z" fill="#808080"/>\n</svg>',this.shadowRoot.querySelector(".nav-prev").innerHTML='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.7272 17.2193C15.1209 17.6584 15.0841 18.3334 14.6451 18.7272C14.206 19.1209 13.5309 19.0841 13.1372 18.6451C13.1372 18.6451 7.99776 13.0457 7.63399 12.64C7.27023 12.2343 7.27023 11.7608 7.63399 11.3552L13.1372 5.35492C13.5309 4.91587 14.206 4.87912 14.6451 5.27283C15.0841 5.66655 15.1209 6.34164 14.7272 6.78069L9.86322 12L14.7272 17.2193Z" fill="#808080"/>\n</svg>'}onSubmit(){this.isDisabled||this.value&&this.dispatchEvent(new CustomEvent("date-submit",{detail:Oo(this.preview)}))}onCancel(){this.isDisabled||(this.dispatchEvent(new CustomEvent("cancel")),this.dispatchEvent(new CustomEvent("date-cancel")),this.clearSelectedDay())}clearSelectedDay(){this.getSelectedDayEle()?.removeAttribute("data-selected"),this.submitButton.setAttribute("disabled","true"),this.epoch=""}updateInputs(){if(this.yearInput&&this.monthInput){const e=this.preview||qo(),t=Yo(e),r=Uo(e);this.monthInput.value=r,setTimeout(()=>{this.yearInput.baseElement.value=t})}}renderCalendar(){const e=Oo(this.preview||qo()).getTime(),[t,r]=$o(e);this.calendar&&(this.calendar.innerHTML=((e,t,r)=>{const o=((e,t)=>new Date(e,t,0).getDate())(e,t),i=new Date(e,t-1,1).getDay();let n="<table>";n+=`<thead><tr>${r.reduce((e,t)=>`${e}<th><span class="weekday">${t}</span></th>`,"")}</tr></thead>`,n+="<tbody>",n+="<tr>";for(let e=0;e<i;e++)n+="<td></td>";let s=i;for(let e=1;e<=o;e++)7===s&&(s=0,n+="</tr><tr>"),n+=`\n <td\n data-date-day="${e}"\n class="day-entry">\n <span class="day" data-date-day=${e}>\n ${e}\n </span>\n </td>\n `,s++;for(;s<7;)n+="<td></td>",s++;return n+="</tr></tbody></table>",n})(t,r,this.weekdayNames.map(e=>e.substring(0,3)))),Array.from(this.calendar?.querySelectorAll(".day-entry .day")||[]).forEach(e=>e.addEventListener("click",this.onDayChange.bind(this))),this.updateInputs(),this.setSelectedDay(),this.setCurrentDay()}onDayChange(e){if(this.isDisabled)return;const t=Oo(this.preview);t.setDate(Number(e.target.getAttribute("data-date-day"))),this.value=Ho(t.getTime(),ko),this.dispatchEvent(new CustomEvent("day-changed",{detail:t}))}onYearChange(e){if(!e.target.value)return;const t=Oo(this.preview);t.setFullYear(Number(e.target.value.trim())),this.preview=t.getTime(),this.renderCalendar(),this.dispatchEvent(new CustomEvent("year-changed",{detail:t}))}onMonthChange(e){if(!e.target.value)return;const t=Oo(this.preview);t.setMonth(Number(e.target.value)-1),this.preview=t.getTime(),this.renderCalendar(),this.dispatchEvent(new CustomEvent("month-changed",{detail:t}))}onYearInputBlur(e){this.yearInput.baseElement.value=e.target.value||Yo(this.preview)}onMonthInputBlur(e){this.monthInput.baseElement.value=e.target.value||Uo(this.preview)}getSelectedDayEle(){const e=Oo(this.epoch).getDate();return this.calendar?.querySelector(`[data-date-day="${e}"]`)}getCurrentDayEle(){return this.calendar?.querySelector(`[data-date-day="${Oo().getDate()}"]`)}clearSelectedDays(){const e=this.calendar?.querySelectorAll("[data-selected]");e&&e.forEach(e=>e.removeAttribute("data-selected"))}setSelectedDay(){this.clearSelectedDays(),this.value&&this.isSelectedView&&this.getSelectedDayEle().setAttribute("data-selected","true")}setCurrentDay(){if(this.isTodayView){const e=this.getCurrentDayEle(),t=this.getAttribute("calendar-label-today")||"Today";e?.setAttribute("data-current-day","true"),e?.setAttribute("title",t)}}navPrevMonth(){if(this.isDisabled)return;const e=(e=>{const t=Oo(e),r=t.getMonth();if(0===r){const e=t.getFullYear();t.setFullYear(e-1),t.setMonth(11)}else t.setMonth(r-1);return t})(this.preview);this.preview=e.getTime(),this.renderCalendar()}navNextMonth(){if(this.isDisabled)return;const e=(e=>{const t=Oo(e),r=t.getMonth();if(11===r){const e=t.getFullYear();t.setFullYear(e+1),t.setMonth(0)}else t.setMonth(r+1);return t})(this.preview);this.preview=e.getTime(),this.renderCalendar()}clearValue(){this.epoch="",this.value="",this.removeAttribute("preview"),this.submitButton.setAttribute("disabled","true")}onInitialValueChange(e){if(this.value)return;const t=Oo(e).getTime();_o(t)?(this.epoch=t,this.preview=t):this.clearValue()}onYearsRangeChange(){setTimeout(()=>{this.yearInput&&(this.yearInput.innerHTML=(e=>{const[t,r]=e,o=[];for(let e=t;e<=r;e++)o.push(e);return o})(this.yearsRange).map(e=>Qo({label:e,dataId:e,dataName:e})).join(""))})}onMonthNamesChange(){setTimeout(()=>{this.monthInput&&(this.monthInput.innerHTML=Jo(this.monthNames))})}onSubmitLabelChange(e){this.submitButton&&(this.submitButton.textContent=e||"Done")}onCancelLabelChange(e){this.cancelButton&&(this.cancelButton.textContent=e||"Cancel")}onInitialMonthChange(e){const t=Yo(this.preview);this.preview=Oo(`${t}/${e}/1`).getTime()}onInitialYearChange(e){const t=Uo(this.preview);this.preview=Oo(`${e}/${t}/1`).getTime()}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),t!==r&&(ri.includes(e)?("calendar-label-submit"===e&&this.onSubmitLabelChange(r),"calendar-label-cancel"===e&&this.onCancelLabelChange(r)):(r&&"initial-value"===e&&this.onInitialValueChange(r),r&&"initial-month"===e&&this.onInitialMonthChange(r),r&&"initial-year"===e&&this.onInitialYearChange(r),"years-range"===e&&this.onYearsRangeChange(Number(r)),"calendar-months"===e&&this.onMonthNamesChange(),"calendar-label-today"===e&&this.setCurrentDay(r),"disabled"===e&&setTimeout(()=>{this.cancelButton?.setAttribute("disabled","true"===r)}),this.renderCalendar()))}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}});customElements.define(ei,xi);const{host:Ci,label:wi,placeholder:Ii,requiredIndicator:Mi,inputField:Si,input:Ai,inputMask:Ei,helperText:Ti,errorMessage:ki,disabledPlaceholder:zi,inputDisabled:Li,inputIcon:Ni,externalInput:Di,externalInputDisabled:Vi,externalPlaceholder:Pi,externalDisabledPlaceholder:Ri}={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)"}};var Bi={fontSize:[{},Ci],fontFamily:[wi,Si,Ti,ki],labelFontSize:{...wi,property:"font-size"},labelFontWeight:{...wi,property:"font-weight"},labelTextColor:[{...wi,property:"color"},{...Mi,property:"color"},{...wi,property:"-webkit-text-fill-color"},{...Mi,property:"-webkit-text-fill-color"}],hostWidth:{...Ci,property:"width"},hostMinWidth:{...Ci,property:"min-width"},hostDirection:{...Ci,property:"direction"},inputDirection:{...Ai,property:"direction"},inputBackgroundColor:[{...Si,property:"background-color"},{...Ei,property:"background-color"}],errorMessageTextColor:{...ki,property:"color"},errorMessageIcon:{...ki,property:"background-image"},errorMessageIconSize:{...ki,property:"background-size"},errorMessageIconPadding:{...ki,property:"padding-inline-start"},errorMessageIconRepeat:{...ki,property:"background-repeat"},errorMessageIconPosition:{...ki,property:"background-position"},errorMessageFontSize:{...ki,property:"font-size"},helperTextColor:{...Ti,property:"-webkit-text-fill-color"},inputValueTextColor:[{...Si,property:"color"},{...Li,property:"-webkit-text-fill-color"},{...Vi,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...Ai,property:"caret-color"},{...Di,property:"caret-color"}],labelRequiredIndicator:{...Mi,property:"content"},inputBorderColor:{...Si,property:"border-color"},inputBorderWidth:{...Si,property:"border-width"},inputBorderStyle:{...Si,property:"border-style"},inputBorderRadius:{...Si,property:"border-radius"},inputHeight:{...Si,property:"height"},inputHorizontalPadding:[{...Ai,property:"padding-left"},{...Ai,property:"padding-right"},{...Di,property:"padding-left"},{...Di,property:"padding-right"}],inputOutlineColor:{...Si,property:"outline-color"},inputOutlineStyle:{...Si,property:"outline-style"},inputOutlineWidth:{...Si,property:"outline-width"},inputOutlineOffset:{...Si,property:"outline-offset"},textAlign:{},inputTextAlign:[{...Ai,property:"text-align"},{...Di,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...Pi,property:"color"},{...Ii,property:"color"},{...zi,property:"-webkit-text-fill-color"},{...Ri,property:"-webkit-text-fill-color"}],labelPosition:{...wi,property:"position"},labelTopPosition:{...wi,property:"top"},labelHorizontalPosition:[{...wi,property:"left"},{...wi,property:"right"}],inputTransformY:{...wi,property:"transform"},inputTransition:{...wi,property:"transition"},marginInlineStart:{...wi,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...Pi,property:"opacity"}],inputVerticalAlignment:[{...Si,property:"align-items"},{...Di,property:"align-items"}],valueInputHeight:[{...Ai,property:"height"},{...Di,property:"height"}],valueInputMarginBottom:[{...Ai,property:"margin-bottom"},{...Di,property:"margin-bottom"}],inputIconOffset:[{...Ni,property:"margin-right"},{...Ni,property:"margin-left"}],inputIconSize:{...Ni,property:"font-size"},inputIconColor:{...Ni,property:"color"},inputTextSecurity:[{...Ai,property:"-webkit-text-security"},{...Ai,property:"text-security"},{...Di,property:"-webkit-text-security"},{...Di,property:"text-security"}]};const Oi=qe("text-field"),ji=["type","label-type","copy-to-clipboard"],Fi=Be(Nt({mappings:Bi}),Dt,Gt({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Vt,e=>class extends e{static get observedAttributes(){return ji.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))}})(Wt({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(${Fi.cssVarList.inputOutlineWidth}) + var(${Fi.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 ${mt("vaadin-text-field")}\n\t\t\t${at(Fi.cssVarList)}\n\t\t\t${ht("vaadin-text-field",Fi.cssVarList)}\n \n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n \n\n vaadin-text-field vaadin-icon {\n align-self: center;\n }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:Oi}));customElements.define(Oi,Fi);class Wi{#B=Object.freeze([]);constructor({id:e,min:t,max:r,placeholder:o},i){this.id=e,this.min=t,this.max=r,this.placeholder=o,this.onChange=i}get data(){return this.#B}set data(e){this.#B=Object.freeze(e),this.onChange?.()}get#ne(){return this.data.length?this.numberValue:0}get numberValue(){return Number(this.stringValue)}get stringValue(){return(this.data.join("")||this.placeholder).padStart(this.length,"0")}get isFull(){return 10*this.numberValue>this.max||this.data.length===this.length}get isEmpty(){return this.stringValue===this.placeholder}get length(){return this.max.toString().length}set(e){this.data=e.toString().split("")}add(e){let{data:t}=this;return t=[...t,e],Number(t.join(""))>this.max?t=[e]:this.length<t.length&&(t=t.slice(1,t.length)),this.data=t,e}del(){this.data.filter(e=>"0"!==e).filter(Boolean).length?this.data=this.data.slice(0,this.data.length-1):this.data=[]}clear(){this.data=[]}inc(e){this.replaceValue(this.#ne<this.max?Math.max(this.#ne+(e||1),this.min):this.min)}dec(e){this.replaceValue(this.#ne>this.min?Math.min(this.#ne-(e||1),this.max):this.max)}isInRange(e){return e>=this.min&&e<=this.max}replaceValue(e){this.isInRange(e)&&(this.data=e.toString().padStart(this.length,0).split(""))}setMin(e){this.min=Number(e)}setMax(e){this.max=Number(e)}}const _i=qe("date-field"),$i=tr({componentName:_i,baseSelector:"vaadin-popover"}),Hi=["format","opened","initial-value","readonly","disable-calendar","utc-time"],qi=["years-range","calendar-months","calendar-weekdays"],Yi=[...Hi,...qi],Ui=Fi.cssVarList,{host:Gi,input:Zi,inputEleRTL:Qi,toggleButton:Ji,overlay:Ki,backdrop:Xi}={host:{selector:()=>":host"},input:{selector:()=>"descope-text-field"},inputEleRTL:{selector:()=>':host([st-host-direction="rtl"]) descope-text-field'},toggleButton:{selector:()=>".toggle-calendar"},overlay:{selector:"vaadin-popover-overlay::part(overlay)"},backdrop:{selector:"vaadin-popover-overlay::part(backdrop)"}},en=Be(Nt({componentNameOverride:qe("input-wrapper")}),Nt({mappings:{iconMargin:{...Ji,property:"margin-inline-end"},hostWidth:{...Gi,property:"width"},hostDirection:{...Gi,property:"direction"},textAlign:{...Zi,property:"text-align"},rtlInputDirection:{...Qi,property:Ui.inputDirection},rtlInputAlignment:{...Qi,property:Ui.inputTextAlign},overlayGap:{property:()=>en.cssVarList.overlayGap},overlayBackgroundColor:{property:()=>en.cssVarList.overlayBackgroundColor},overlayPadding:{property:()=>en.cssVarList.overlayPadding},overlayBoxShadow:{property:()=>en.overlayBoxShadow},overlayOutlineWidth:{property:()=>en.cssVarList.overlayOutlineWidth},overlayOutlineColor:{property:()=>en.cssVarList.overlayOutlineColor},overlayOutlineStyle:{property:()=>en.cssVarList.overlayOutlineStyle},errorMessageIcon:{selector:Fi.componentName,property:Fi.cssVarList.errorMessageIcon},errorMessageIconSize:{selector:Fi.componentName,property:Fi.cssVarList.errorMessageIconSize},errorMessageIconPadding:{selector:Fi.componentName,property:Fi.cssVarList.errorMessageIconPadding},errorMessageIconRepeat:{selector:Fi.componentName,property:Fi.cssVarList.errorMessageIconRepeat},errorMessageIconPosition:{selector:Fi.componentName,property:Fi.cssVarList.errorMessageIconPosition},errorMessageFontSize:{selector:Fi.componentName,property:Fi.cssVarList.errorMessageFontSize}}}),Qt({name:"overlay",selector:"",mappings:{marginTop:{...Ki,property:"margin-top"},backgroundColor:{...Ki},backdropBackgroundColor:{...Xi,property:"background-color"},backdropPointerEvents:{...Xi,property:"pointer-events"},padding:{...Ki},boxShadow:{...Ki},outlineWidth:{...Ki},outlineColor:{...Ki},outlineStyle:{...Ki}}}),Dt,Vt)(class extends $i{epoch="";format=To;selectedCounterIdx=0;updateCountersDisplay(){this.inputElement.value=this.countersValue}updateValue(){if(this.isCountersOutOfRange)this.resetEpoch();else{const e=Wo[this.format].getDate(this.inputElement.value);this.updateEpoch(Go(e,this.isUtcTime))}}onDateCounterChange=()=>{this.updateCountersDisplay(),this.updateValue(),this.#se()};updateEpoch(e){this.epoch=Go(e,this.isUtcTime)}dateCounters=[new Wi(Do,this.onDateCounterChange.bind(this)),new Wi(Vo,this.onDateCounterChange.bind(this)),new Wi(Po,this.onDateCounterChange.bind(this))];static get observedAttributes(){return[].concat($i.observedAttributes||[],Yi)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div>\n <descope-text-field inputmode="numeric">\n <span slot="suffix" class="toggle-calendar">\n \n<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M9 5H15V4.50468C15 4.21404 15.226 4 15.5047 4H16.4953C16.786 4 17 4.22595 17 4.50468V5H18.7568C19.3028 5 19.75 5.44725 19.75 5.99896V7.00104C19.75 7.55734 19.3053 8 18.7568 8H5.24317C4.69717 8 4.25 7.55275 4.25 7.00104V5.99896C4.25 5.44266 4.69466 5 5.24317 5H7V4.50468C7 4.21404 7.22596 4 7.50468 4H8.49532C8.78596 4 9 4.22595 9 4.50468V5ZM5.50468 9H6.49532C6.78596 9 7 9.22596 7 9.50468V10.4953C7 10.786 6.77404 11 6.49532 11H5.50468C5.21404 11 5 10.774 5 10.4953V9.50468C5 9.21404 5.22595 9 5.50468 9ZM8.50468 9H9.49532C9.78596 9 10 9.22596 10 9.50468V10.4953C10 10.786 9.77404 11 9.49532 11H8.50468C8.21404 11 8 10.774 8 10.4953V9.50468C8 9.21404 8.22596 9 8.50468 9ZM11.5047 9H12.4953C12.786 9 13 9.22596 13 9.50468V10.4953C13 10.786 12.774 11 12.4953 11H11.5047C11.214 11 11 10.774 11 10.4953V9.50468C11 9.21404 11.226 9 11.5047 9ZM5.50468 12H6.49532C6.78596 12 7 12.226 7 12.5047V13.4953C7 13.786 6.77404 14 6.49532 14H5.50468C5.21404 14 5 13.774 5 13.4953V12.5047C5 12.214 5.22595 12 5.50468 12ZM8.50468 12H9.49532C9.78596 12 10 12.226 10 12.5047V13.4953C10 13.786 9.77404 14 9.49532 14H8.50468C8.21404 14 8 13.774 8 13.4953V12.5047C8 12.214 8.22596 12 8.50468 12ZM11.5047 12H12.4953C12.786 12 13 12.226 13 12.5047V13.4953C13 13.786 12.774 14 12.4953 14H11.5047C11.214 14 11 13.774 11 13.4953V12.5047C11 12.214 11.226 12 11.5047 12ZM5.50468 15H6.49532C6.78596 15 7 15.226 7 15.5047V16.4953C7 16.786 6.77404 17 6.49532 17H5.50468C5.21404 17 5 16.774 5 16.4953V15.5047C5 15.214 5.22595 15 5.50468 15ZM8.50468 15H9.49532C9.78596 15 10 15.226 10 15.5047V16.4953C10 16.786 9.77404 17 9.49532 17H8.50468C8.21404 17 8 16.774 8 16.4953V15.5047C8 15.214 8.22596 15 8.50468 15ZM11.5047 15H12.4953C12.786 15 13 15.226 13 15.5047V16.4953C13 16.786 12.774 17 12.4953 17H11.5047C11.214 17 11 16.774 11 16.4953V15.5047C11 15.214 11.226 15 11.5047 15ZM14.5047 9H15.4953C15.786 9 16 9.22596 16 9.50468V10.4953C16 10.786 15.774 11 15.4953 11H14.5047C14.214 11 14 10.774 14 10.4953V9.50468C14 9.21404 14.226 9 14.5047 9ZM14.5047 12H15.4953C15.786 12 16 12.226 16 12.5047V13.4953C16 13.786 15.774 14 15.4953 14H14.5047C14.214 14 14 13.774 14 13.4953V12.5047C14 12.214 14.226 12 14.5047 12ZM14.5047 15H15.4953C15.786 15 16 15.226 16 15.5047V16.4953C16 16.786 15.774 17 15.4953 17H14.5047C14.214 17 14 16.774 14 16.4953V15.5047C14 15.214 14.226 15 14.5047 15ZM17.5047 15H18.4953C18.786 15 19 15.226 19 15.5047V16.4953C19 16.786 18.774 17 18.4953 17H17.5047C17.214 17 17 16.774 17 16.4953V15.5047C17 15.214 17.226 15 17.5047 15ZM5.50468 18H6.49532C6.78596 18 7 18.226 7 18.5047V19.4953C7 19.786 6.77404 20 6.49532 20H5.50468C5.21404 20 5 19.774 5 19.4953V18.5047C5 18.214 5.22595 18 5.50468 18ZM8.50468 18H9.49532C9.78596 18 10 18.226 10 18.5047V19.4953C10 19.786 9.77404 20 9.49532 20H8.50468C8.21404 20 8 19.774 8 19.4953V18.5047C8 18.214 8.22596 18 8.50468 18ZM11.5047 18H12.4953C12.786 18 13 18.226 13 18.5047V19.4953C13 19.786 12.774 20 12.4953 20H11.5047C11.214 20 11 19.774 11 19.4953V18.5047C11 18.214 11.226 18 11.5047 18ZM14.5047 18H15.4953C15.786 18 16 18.226 16 18.5047V19.4953C16 19.786 15.774 20 15.4953 20H14.5047C14.214 20 14 19.774 14 19.4953V18.5047C14 18.214 14.226 18 14.5047 18ZM17.5047 18H18.4953C18.786 18 19 18.226 19 18.5047V19.4953C19 19.786 18.774 20 18.4953 20H17.5047C17.214 20 17 19.774 17 19.4953V18.5047C17 18.214 17.226 18 17.5047 18ZM17.5047 12H18.4953C18.786 12 19 12.226 19 12.5047V13.4953C19 13.786 18.774 14 18.4953 14H17.5047C17.214 14 17 13.774 17 13.4953V12.5047C17 12.214 17.226 12 17.5047 12ZM17.5047 9H18.4953C18.786 9 19 9.22596 19 9.50468V10.4953C19 10.786 18.774 11 18.4953 11H17.5047C17.214 11 17 10.774 17 10.4953V9.50468C17 9.21404 17.226 9 17.5047 9Z" fill="#808080"/>\n</svg>\n\n </span>\n </descope-text-field>\n <vaadin-popover></vaadin-popover>\n </div>\n ',N('\n :host {\n display: inline-block;\n box-sizing: border-box;\n user-select: none;\n max-width: 100%;\n }\n\n :host ::slotted {\n padding: 0;\n }\n\n .toggle-calendar {\n cursor: pointer;\n display: flex;\n align-self: center;\n z-index: 1;\n height: 100%;\n align-items: center;\n }\n\n :host([readonly="true"]) .toggle-calendar {\n pointer-events: none;\n }\n\n .hidden {\n display: none;\n }\n ',this),this.inputElement=this.shadowRoot.querySelector("descope-text-field"),this.popoverToggleButton=this.inputElement.querySelector(".toggle-calendar")}get validationTarget(){return this.inputElement}get opened(){return"true"===this.getAttribute("opened")}get displayValueEpoch(){const e=Wo[this.format].getDate(this.inputElement.value);return _o(e?.getTime())?e.getTime():null}get sortedCounters(){return this.format.split(zo).map(e=>this.dateCounters.find(t=>t.placeholder===e))}get activeCounter(){return this.sortedCounters[this.selectedCounterIdx]}get countersValue(){return this.sortedCounters.map(e=>e.stringValue).join(zo)}get overlay(){return this.baseElement.shadowRoot?.querySelector("vaadin-popover-overlay")}get backdrop(){return this.overlay.shadowRoot?.querySelector("#backdrop")}get calendar(){return this.overlay?.querySelector("descope-calendar")}get isRTL(){const e=getComputedStyle(this.baseElement).getPropertyValue("direction");return e?"rtl"===e:"rtl"===this.getAttribute("st-host-direction")}get value(){return this.isInvalidDate()?"":this.epoch}set value(e){const t=parseInt(e,10);Number.isNaN(t)?(this.resetEpoch(),this.resetDateCounters(),this.clearInputEle()):(this.updateEpoch(t),this.updateDateCounters(new Date(t)))}resetEpoch(){this.epoch=""}get isCountersEmpty(){return this.dateCounters.every(e=>e.isEmpty)}get isCountersOutOfRange(){return this.dateCounters.some(e=>!e.isInRange(e.numberValue))}get disableCalendar(){return"true"===this.getAttribute("disable-calendar")}get isUtcTime(){return"true"===this.getAttribute("utc-time")}get isSelectAll(){const e=this.inputElement.baseElement.inputElement;return e.value.length===e.selectionStart+e.selectionEnd}reportValidity(){this.inputElement.reportValidity()}#se(){this.inputElement.baseElement.dispatchEvent(new Event("input",{bubbles:!0}))}updateInputDisplay(){this.inputElement.value=Ho(Oo(this.countersValue).getTime(),this.format)}init(){super.init?.(),this.updateFormatPattern(),this.initPopover(),this.onDateCounterChange(),this.initInputElement(),setTimeout(()=>{this.#ee()},0)}initInputElement(){this.inputElement.getValidity=this.getValidity.bind(this),this.inputElement.baseElement.checkValidity=this.checkValidity.bind(this),this.popoverToggleButton.addEventListener("click",this.onPopoverToggle.bind(this)),this.inputElement.addEventListener("focus",this.onFocus.bind(this)),this.inputElement.addEventListener("blur",this.onBlur.bind(this)),this.inputElement.addEventListener("click",this.handleMouseCaretPositionChange.bind(this)),this.inputElement.addEventListener("keydown",this.handleKeyboard.bind(this)),this.inputElement.addEventListener("beforeinput",this.handleInput.bind(this)),this.inputElement.addEventListener("pointerdown",this.onPointerDown.bind(this)),this.inputElement.addEventListener("paste",this.onPaste.bind(this)),Ue(this,this.inputElement,{includeAttrs:["label","label-type","placeholder","disabled","readonly","bordered","required","full-width","st-host-direction","pattern","bordered","data-errormessage-value-missing","data-errormessage-pattern-mismatch","data-errormessage-range-underflow","data-errormessage-range-overflow","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]})}handleInput(e){var t;e.preventDefault(),this.handleSelectAll(),e.data&&(t=e.data,String(t||"").trim()&&!Number.isNaN(Number(t)))?(this.parseDigits(e.data),this.updateCountersDisplay()):e.inputType&&this.handleNavKeys(e)}initPopover(){this.baseElement.trigger=["click"],this.baseElement.withBackdrop=!0,this.baseElement.renderer=this.#ae.bind(this),this.baseElement.addEventListener("click",e=>{e.preventDefault(),e.stopPropagation()})}handleSelectAll(){this.isSelectAll&&this.selectFirstCounter()}#le;#ae(e){e.firstChild||(this.overlay.positionTarget=this.shadowRoot.querySelector(".toggle-calendar"),e.appendChild(this.#de()),(e=>{const t=new CSSStyleSheet;t.insertRule(":host{display:block!important;}"),e?.shadowRoot?.adoptedStyleSheets?.push(t)})(this.baseElement),this.backdrop.addEventListener("click",this.closePopover.bind(this))),e.style.setProperty("visibility","hidden"),setTimeout(()=>{this.#ce(e),e.style.setProperty("visibility","visible"),this.updateCalendarView(e)},100)}#ce(){const e=this.shadowRoot.querySelector("vaadin-popover").shadowRoot;this.#le?.remove();const t=document.body.getBoundingClientRect(),r=this.getBoundingClientRect(),o=this.calendar.getBoundingClientRect(),i=this.isRTL?"right":"left",n=r[i]-o[i],s=o.left,a=t.width-o.right;let l;l=n>0?Math.min(n,a):-1*Math.min(Math.abs(n),s),N(`\n vaadin-popover-overlay::part(overlay) {\n transform: translateX(${l}px);\n }\n `,e)}#de(){const e=document.createElement("span");e.innerHTML="<descope-calendar></descope-calendar>";const t=e.querySelector("descope-calendar");return t.addEventListener("date-submit",this.onCalendarSubmit.bind(this)),t.addEventListener("cancel",this.closePopover.bind(this)),e}#ee(){this.overlay._attachOverlay=()=>this.overlay.bringToFront(),this.overlay._detachOverlay=()=>{},this.overlay._enterModalState=()=>{}}onPopoverToggle(){this.opened?this.closePopover():this.openPopover()}openPopover(){this.disableCalendar||this.setAttribute("opened","true")}closePopover(){this.removeAttribute("opened"),this.inputElement.focus()}getCounterById(e){return this.dateCounters.find(t=>t.id===e)}onCalendarSubmit(){if(!this.isReadOnly){if(!this.calendar.value)return;const e=Oo(this.calendar.value);this.value=Go(e,this.isUtcTime),this.getCounterById("year").replaceValue(e.getFullYear()),this.getCounterById("month").replaceValue(e.getMonth()+1),this.getCounterById("day").replaceValue(e.getDate()),this.#se()}this.closePopover()}updateCalendarView(){const e=_o(Oo(this.inputElement.value||"").getTime())&&Wo[this.format].validate(this.inputElement.value);this.displayValueEpoch||e?this.calendar.setAttribute("initial-value",Ho(this.displayValueEpoch||this.epoch,ko)):(this.calendar.clearValue(),this.calendar.setAttribute("preview",Ho(qo(),ko))),Ue(this,this.calendar,{includeAttrs:["st-host-direction","readonly","initial-month","initial-year","years-range","calendar-label-submit","calendar-label-cancel","calendar-months","calendar-weekdays","calendar-weekdays-short"]})}onPointerDown(e){setTimeout(()=>this.handleMouseCaretPositionChange(e),150)}onFocus(){this.isReadOnly||setTimeout(()=>this.resetDisplay())}resetDisplay(){this.inputElement.value||(this.inputElement.value=this.format),this.selectFirstCounter(),this.inputElement.setSelectionRange(0,this.sortedCounters[0].length)}onBlur(){this.opened||this.inputElement.value===this.format&&this.clearInputEle()}clearInputEle(){this.inputElement.value=""}onFormatUpdate(e){Object.keys(Wo).includes(e)&&(this.format=e,this.updateFormatPattern())}updateFormatPattern(){const e=this.getAttribute("format")||this.format||To;this.setAttribute("type","date"),this.setAttribute("pattern",Wo[e].pattern)}parseDigits(e){this.activeCounter.add(e),this.activeCounter.isFull&&this.selectNextCounter(),this.setInputSelectionRange()}getCounterIdx(e){const[t,r]=this.sortedCounters.map(e=>e.length);return[e<=t,e>=t&&e<=t+r+1,e>=t+r+2].indexOf(!0)}setSelectedCounterByCaretPosition(e){this.selectedCounterIdx=this.getCounterIdx(e.target?.selectionStart||this.inputElement.selectionStart)}selectFirstCounter(){this.selectedCounterIdx=0}selectNextCounter(){this.selectedCounterIdx<this.dateCounters.length&&(this.selectedCounterIdx=Math.min(this.selectedCounterIdx+1,2))}selectPrevCounter(){this.selectedCounterIdx>0&&(this.selectedCounterIdx=Math.min(this.selectedCounterIdx-1,1))}setInputSelectionRange(){this.selectedCounterIdx<0||setTimeout(()=>{const e=this.sortedCounters.slice(0,this.selectedCounterIdx).reduce((e,t)=>e+t.length,this.selectedCounterIdx);this.inputElement.setSelectionRange(e,e+this.sortedCounters[this.selectedCounterIdx].length)})}resetDateCounters(){this.dateCounters.forEach(e=>e.clear())}updateDateCounters(e){this.dateCounters.forEach(t=>{switch(t.id){case Do.id:t.set(this.isUtcTime?e.getUTCMonth()+1:e.getMonth()+1);break;case Po.id:t.set(this.isUtcTime?e.getUTCFullYear():e.getFullYear());break;case Vo.id:t.set(this.isUtcTime?e.getUTCDate():e.getDate())}})}handleKeyboard(e){e.metaKey||e.ctrlKey?"x"===e.key.toLowerCase()&&this.onCut(e):(this.handleSelectAll(),"ArrowUp"===e.key?this.activeCounter.inc():"ArrowDown"===e.key?this.activeCounter.dec():"ArrowRight"===e.key?this.selectNextCounter():"ArrowLeft"===e.key&&this.selectPrevCounter(),this.setInputSelectionRange())}handleNavKeys(e){this.isReadOnly||(this.opened&&this.closePopover(),this.activeCounter&&("deleteContentBackward"===e.inputType&&this.handleBackspace(),this.setInputSelectionRange()))}handleBackspace(){if(this.isSelectAll)return void this.resetToInitialState();const e=this.activeCounter;e.isEmpty?(this.selectPrevCounter(),this.setInputSelectionRange()):e.set(""),setTimeout(()=>{this.updateCountersDisplay(),this.setInputSelectionRange()})}handleMouseCaretPositionChange(e){this.opened||(e.preventDefault(),this.setSelectedCounterByCaretPosition(e),this.setInputSelectionRange())}onInitialValueChange(e){this.value||setTimeout(()=>{Number.isNaN(parseInt(e,10))||(this.value=Number(e))})}togglePopoverAccess(e){e?this.popoverToggleButton.classList.remove("hidden"):this.popoverToggleButton.classList.add("hidden")}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("disable-calendar"===e&&this.togglePopoverAccess("true"!==r),Hi.includes(e)?(r&&"format"===e&&this.onFormatUpdate(r),"initial-value"===e&&this.onInitialValueChange(r)):qi.includes(e)&&(r?this.calendar?.setAttribute(e,r):this.calendar?.removeAttribute(e)))}isInvalidDate(){const e=this.getCounterById("year"),t=e.numberValue>Bo||e.numberValue<Ro,r=Object.entries(this.getDateVals()).some(([e,t])=>{const r=this.getCounterById(e);return!t||r.numberValue!==t});return t||r}getValidity(){return this.isRequired&&this.isCountersEmpty?{valueMissing:!0}:this.isCountersOutOfRange||this.isInvalidDate()?{patternMismatch:!0}:{}}getDateVals(){const e={day:"",month:"",year:""};if(Number.isNaN(this.epoch))return e;try{const t=new Date(this.epoch);this.isUtcTime?(e.month=t.getUTCMonth()+1,e.day=t.getUTCDate(),e.year=t.getUTCFullYear()):(e.month=t.getMonth()+1,e.day=t.getDate(),e.year=t.getFullYear())}catch(e){}return e}resetToInitialState(){this.resetDateCounters(),this.selectFirstCounter(),this.resetDisplay()}onCut(e){e.preventDefault(),this.isSelectAll?(this.#pe(this.countersValue),this.resetToInitialState()):(this.#pe(this.activeCounter.stringValue),this.activeCounter.set("")),this.setInputSelectionRange()}#pe(e){try{navigator.clipboard.writeText(e)}catch(e){console.error("Failed to copy date value:",e)}}onPaste(e){e.preventDefault();const t=(e.clipboardData||window.clipboardData).getData("Text"),r=((e,t)=>{const r=e.trim?.();return r?Wo[t].getDate(r):null})(t,this.format);if(r)this.value=Go(r,this.isUtcTime),this.onDateCounterChange(),setTimeout(()=>this.inputElement.setSelectionRange(0,this.inputElement.value.length));else{const e=Number(t);e&&this.activeCounter.min<=e&&this.activeCounter.max>=e&&(this.activeCounter.set(String(e)),setTimeout(()=>this.setInputSelectionRange()))}}});customElements.define(_i,en);const tn=qe("divider");class rn extends(jt({componentName:tn,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t\t<div>\n\t\t\t\t<descope-text>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</descope-text>\n\t\t\t</div>\n\t\t",N("\n \t:host {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t\t:host > div::before,\n\t\t\t\t:host > div::after {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\tflex-grow: 1;\n\t\t\t\t}\n\t\t\t\tdescope-text {\n\t\t\t\t\tflex-grow: 0;\n\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t}\n\t\t\t\t:host(:empty) descope-text {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t:host([vertical=\"true\"]) div {\n\t\t\t\t\twidth: fit-content;\n\t\t\t\t}\n ",this),this.textComponent=this.shadowRoot.querySelector("descope-text"),Ue(this,this.textComponent,{includeAttrs:["mode","variant","italic"]})}}const on=xr.cssVarList,{host:nn,before:sn,after:an,text:ln}={host:{selector:()=>":host"},before:{selector:"::before"},after:{selector:"::after"},text:{selector:"descope-text"}},dn=Be(Nt({mappings:{hostWidth:{...nn,property:"width"},hostPadding:{...nn,property:"padding"},hostDirection:{...ln,property:"direction"},minHeight:{},alignItems:{},alignSelf:{},flexDirection:{},textAlign:{...ln,property:on.textAlign},labelTextWidth:{...ln,property:"width"},labelTextMaxWidth:{...ln,property:"max-width"},labelTextVerticalSpacing:[{...ln,property:"padding-top"},{...ln,property:"padding-bottom"}],labelTextHorizontalSpacing:[{...ln,property:"padding-right"},{...ln,property:"padding-left"}],stripeColor:[{...sn,property:"background-color"},{...an,property:"background-color"}],stripeHorizontalThickness:[{...sn,property:"height"},{...an,property:"height"}],stripeVerticalThickness:[{...sn,property:"width"},{...an,property:"width"}],stripeColorOpacity:[{...sn,property:"opacity"},{...an,property:"opacity"}]}}),Dt,Vt)(rn);customElements.define(tn,dn);const cn=qe("email-field"),pn=Be(Nt({mappings:Bi}),Dt,Xt({inputType:"email",inputName:"email",autocompleteType:"username",includeAttrs:["disabled","readonly","pattern"]}),Gt({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Vt,e=>class extends e{init(){super.init?.(),this.baseElement.setAttribute("pattern","^[\\w\\.\\%\\+\\-']+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$"),this.getAttribute("autocomplete")||this.setAttribute("autocomplete","username"),this.createExternalInput()}})(Wt({slots:["","suffix"],wrappedEleName:"vaadin-email-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${pn.cssVarList.inputOutlineWidth}) + var(${pn.cssVarList.inputOutlineOffset}));\n box-sizing: border-box;\n\t\t\t}\n ${mt("vaadin-email-field")}\n\t\t\t${at(pn.cssVarList)}\n\t\t\t${ht("vaadin-email-field",pn.cssVarList)}\n \n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n \n\n vaadin-email-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-email-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n\n :host ::slotted(*) {\n -webkit-mask-image: none;\n }\n\n vaadin-email-field[external-input="true"] > input:not(:placeholder-shown) {\n opacity: 0;\n }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:cn}));customElements.define(cn,pn);const un=({componentName:e,varName:t,fallbackVarName:r})=>{let o;class i extends(jt({componentName:e,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t\t<div></div>\n\t\t\t",N(`\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\t${o}\n\t\t\t\t}\n `,this)}}const n=Be(Nt({mappings:{height:{selector:()=>":host > div"},width:{selector:()=>":host > div"},[t]:{property:"content"},[r]:{property:"content"}}}),Dt,Vt)(i);return o=`content: var(${n.cssVarList[t]}, var(${n.cssVarList[r]}));`,n},hn=qe("logo"),mn=un({componentName:hn,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(hn,mn);const gn=qe("totp-image"),bn=un({componentName:gn,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(gn,bn);const yn=qe("notp-image"),fn=un({componentName:yn,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(yn,fn);const vn=qe("number-field"),xn=Be(Nt({mappings:Bi}),Dt,Gt({proxyProps:["value","selectionStart"]}),Vt)(Wt({slots:["","prefix","suffix"],wrappedEleName:"vaadin-number-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${xn.cssVarList.inputOutlineWidth}) + var(${xn.cssVarList.inputOutlineOffset}));\n\t\t\t}\n ${mt("vaadin-number-field")}\n\t\t\t${at(xn.cssVarList)}\n\t\t\t${ht("vaadin-number-field",xn.cssVarList)}\n \n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n \n\n vaadin-number-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-number-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:vn}));customElements.define(vn,xn);const Cn="--descope-input-mask-content",wn="--descope-input-mask-display",In="--descope-input-mask-fallback",Mn=e=>{e?.focus(),e?.setSelectionRange?.(1,1)},Sn=e=>e.replace(/\D/g,"")||"",An=(e,t)=>{t?(e.style.setProperty(Cn,`"${t}"`),e.style.setProperty(wn,"flex")):(e.style.removeProperty(Cn),e.style.removeProperty(wn))},En=qe("passcode-internal"),Tn=["digits","loading"],kn=["disabled","bordered","size","invalid","readonly","aria-labelledby"],zn=tr({componentName:En,baseSelector:"div"}),Ln=qe("passcode"),Nn=["digits"],{host:Dn,digitField:Vn,label:Pn,requiredIndicator:Rn,internalWrapper:Bn,focusedDigitField:On,errorMessage:jn}={host:{selector:()=>":host"},focusedDigitField:{selector:()=>`${Fi.componentName}[focused="true"]`},digitField:{selector:()=>Fi.componentName},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},internalWrapper:{selector:"descope-passcode-internal .wrapper"},errorMessage:{selector:"::part(error-message)"}},Fn=Fi.cssVarList,Wn=Ur.cssVarList,_n=Be(Nt({mappings:{fontSize:[{...Vn,property:Fn.fontSize},Dn],hostWidth:{property:"width"},hostDirection:{...Dn,property:"direction"},fontFamily:[Dn,{...Pn}],labelTextColor:[{...Pn,property:"color"},{...Pn,property:"-webkit-text-fill-color"},{...Rn,property:"color"},{...Rn,property:"-webkit-text-fill-color"}],labelRequiredIndicator:{...Rn,property:"content"},errorMessageTextColor:{...jn,property:"color"},errorMessageIcon:{...jn,property:"background-image"},errorMessageIconSize:{...jn,property:"background-size"},errorMessageIconPadding:{...jn,property:"padding-inline-start"},errorMessageIconRepeat:{...jn,property:"background-repeat"},errorMessageIconPosition:{...jn,property:"background-position"},errorMessageFontSize:{...jn,property:"font-size"},digitValueTextColor:{selector:Fi.componentName,property:Fn.inputValueTextColor},digitSize:[{...Vn,property:"height"},{...Vn,property:"width"}],digitPadding:{...Vn,property:Fn.inputHorizontalPadding},digitTextAlign:{...Vn,property:Fn.inputTextAlign},digitCaretTextColor:{...Vn,property:Fn.inputCaretTextColor},digitSpacing:{...Bn,property:"gap"},digitOutlineColor:{...Vn,property:Fn.inputOutlineColor},digitOutlineWidth:{...Vn,property:Fn.inputOutlineWidth},focusedDigitFieldOutlineColor:{...On,property:Fn.inputOutlineColor},overlayOpacity:{...Bn,property:"opacity"},spinnerSize:{selector:Ur.componentName,property:Wn.spinnerSize}}}),Dt,er,Gt({proxyProps:["value","selectionStart"]}),Vt,e=>class extends e{static get observedAttributes(){return Nn.concat(e.observedAttributes||[])}get digits(){return Number.parseInt(this.getAttribute("digits"),10)||6}init(){super.init?.(),N("\n .wrapper {\n display: flex;\n width: 100%;\n justify-content: space-between;\n direction: ltr;\n position: relative;\n }\n\n descope-text-field {\n direction: ltr;\n }\n\n .loader-container {\n display: none;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n ",this);const e=document.createElement("template");e.innerHTML=`\n <${En}\n bordered="true"\n name="code"\n tabindex="-1"\n slot="input"\n role="textbox"\n ><slot></slot></${En}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(En),Ue(this,this.inputElement,{includeAttrs:["digits","size","loading","disabled"]})}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"digits"===e&&(this.style["--passcode-digits-count"]=r)}})(Wt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: calc(var(--passcode-digits-count) * 2em);\n\t\t\t}\n\t\t\t\n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n :host([loading="true"]) descope-passcode-internal .loader-container {\n display: block;\n }\n\n\t\t\tdescope-passcode-internal {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n\t\t\tdescope-passcode-internal .wrapper {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tmin-height: initial;\n\t\t\t\theight: 100%;\n\t\t\t\tjustify-content: space-between;\n\t\t\t}\n\n\t\t\tdescope-passcode-internal descope-text-field {\n\t\t\t\tmin-width: 2em;\n\t\t\t\tmax-width: var(${Fn.inputHeight});\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n /* safari */\n\t\t\tvaadin-text-field::part(input-field)::after {\n opacity: 0;\n }\n\n\t\t\tvaadin-text-field {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly]::part(input-field)::after {\n\t\t\t\tborder: 0 solid;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n ${mt("vaadin-text-field")}\n\t\t\t${ct("vaadin-text-field")}\n \t`,excludeAttrsSync:["tabindex","style"],componentName:Ln}));customElements.define(En,class extends zn{static get observedAttributes(){return Tn.concat(zn.observedAttributes||[])}constructor(){super(),this.innerHTML='\n\t\t<div class="wrapper"></div>\n\t\t<div class="loader-container">\n <descope-loader-radial size="xs" mode="primary"></descope-loader-radial>\n </div>\n\t\t',this.wrapperEle=this.querySelector(".wrapper"),this.loaderContainer=this.querySelector(".loader-container")}renderInputs(){const e=[...Array(this.digits).keys()].map(e=>`\n\t\t<descope-text-field\n\t\t\tdata-id=${e}\n\t\t\ttype="tel"\n\t\t\tautocomplete="one-time-code"\n\t\t\tinputMode="numeric"\n\t\t></descope-text-field>\n\t`);this.wrapperEle.innerHTML=e.join(""),this.inputs=Array.from(this.querySelectorAll("descope-text-field")),this.initInputs()}handleLoadingState(e){e?this.setAttribute("inert","true"):this.removeAttribute("inert")}get digits(){return Number.parseInt(this.getAttribute("digits"),10)||6}get value(){return this.inputs?.map(({value:e})=>e).join("")||""}set value(e){e!==this.value&&this.parseInputValue(this.inputs[0],Sn(e))}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:this.pattern&&!new RegExp(this.pattern).test(this.value)?{patternMismatch:!0}:{}}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.inputs[0].focus()}),super.init?.(),this.renderInputs()}getInputIdx(e){return Number.parseInt(e.getAttribute("data-id"),10)}getNextInput(e){const t=this.getInputIdx(e),r=Math.min(t+1,this.inputs.length-1);return this.inputs[r]}getPrevInput(e){const t=this.getInputIdx(e),r=Math.max(t-1,0);return this.inputs[r]}fillDigits(e,t){for(let r=0;r<e.length;r+=1){t.value=e[r]??"";const o=this.getNextInput(t);if(o===t)break;t=o}Mn(t)}parseInputValue(e,t=""){const r=t.split("");r.length?this.fillDigits(r,e):e.value=""}initInputs(){this.inputs.forEach(e=>{N(`\n vaadin-text-field::part(input-field)::before {\n ${In}: '';\n content: var(${Cn}, var(${In}));\n position: absolute;\n width: 100%;\n height: 100%;\n display: var(${wn}, none);\n align-items: center;\n justify-content: center;\n }`,e);const t=n()(t=>{this.parseInputValue(e,t),An(e)},0,{trailing:!0});e.addEventListener("input",r=>{e.value=Sn(e.value),e.value&&An(e,e.value[0]),setTimeout(()=>{"deleteContentBackward"===r?.inputType&&Mn(this.getPrevInput(e))}),t(e.value)}),e.onkeydown=({key:t})=>{"Backspace"===t?e.value?e.setSelectionRange(1,1):setTimeout(()=>Mn(this.getPrevInput(e)),0):1===t.length&&(e.value="")},Ue(this,e,{includeAttrs:kn}),e.shadowRoot.querySelector("input").setAttribute("aria-label","passcode digit")}),this.handleFocusEventsDispatching(this.inputs),this.handleInputEventDispatching()}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&Tn.includes(e)&&("digits"===e&&this.renderInputs(),"loading"===e&&this.handleLoadingState("true"===r))}get pattern(){return`^$|^\\d{${this.digits},}$`}}),customElements.define(Ln,_n);const $n=qe("password"),{host:Hn,inputField:qn,inputElement:Yn,inputElementPlaceholder:Un,revealButtonContainer:Gn,revealButtonIcon:Zn,label:Qn,requiredIndicator:Jn,errorMessage:Kn,helperText:Xn}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"> input"},inputElementPlaceholder:{selector:()=>":host input:placeholder-shown"},revealButtonContainer:{selector:"::part(reveal-button)"},revealButtonIcon:{selector:"::part(reveal-button)::before"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},es=Be(Nt({mappings:{hostWidth:{...Hn,property:"width"},hostMinWidth:{...Hn,property:"min-width"},hostDirection:{...Hn,property:"direction"},fontSize:[{},Hn],fontFamily:[Qn,qn,Kn,Xn],inputHeight:{...qn,property:"height"},inputHorizontalPadding:[{...Yn,property:"padding-left"},{...Yn,property:"padding-right"}],inputBackgroundColor:{...qn,property:"background-color"},inputBorderStyle:{...qn,property:"border-style"},inputBorderWidth:{...qn,property:"border-width"},inputBorderColor:{...qn,property:"border-color"},inputBorderRadius:{...qn,property:"border-radius"},inputOutlineColor:{...qn,property:"outline-color"},inputOutlineStyle:{...qn,property:"outline-style"},inputOutlineOffset:{...qn,property:"outline-offset"},inputOutlineWidth:{...qn,property:"outline-width"},labelFontSize:{...Qn,property:"font-size"},labelFontWeight:{...Qn,property:"font-weight"},labelTextColor:[{...Qn,property:"color"},{...Qn,property:"-webkit-text-fill-color"},{...Jn,property:"color"},{...Jn,property:"-webkit-text-fill-color"}],labelRequiredIndicator:{...Jn,property:"content"},errorMessageTextColor:{...Kn,property:"color"},errorMessageIcon:{...Kn,property:"background-image"},errorMessageIconSize:{...Kn,property:"background-size"},errorMessageIconPadding:{...Kn,property:"padding-inline-start"},errorMessageIconRepeat:{...Kn,property:"background-repeat"},errorMessageIconPosition:{...Kn,property:"background-position"},errorMessageFontSize:{...Kn,property:"font-size"},inputPlaceholderTextColor:[{...Un,property:"color"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"color"}],inputValueTextColor:[{...Yn,property:"color"},{selector:()=>":host ::slotted(input)",property:"color"}],revealButtonOffset:[{...Gn,property:"margin-right"},{...Gn,property:"margin-left"}],revealButtonSize:{...Gn,property:"font-size"},revealButtonColor:{...Zn,property:"color"},labelPosition:{...Qn,property:"position"},labelTopPosition:{...Qn,property:"top"},labelHorizontalPosition:[{...Qn,property:"left"},{...Qn,property:"right"}],inputTransformY:{...Qn,property:"transform"},inputTransition:{...Qn,property:"transition"},marginInlineStart:{...Qn,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...Yn,property:"opacity"}],inputVerticalAlignment:{...qn,property:"align-items"},valueInputHeight:{...Yn,property:"height"}}}),Dt,Xt({inputType:"password",inputName:"password",includeAttrs:["disabled","readonly","pattern","type","autocomplete"],noBlurDispatch:!0}),Gt({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Vt,e=>class extends e{get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}init(){super.init?.();const e=this.querySelector("input");e?.addEventListener("mousedown",t=>{if(this.isDraggable&&this.isReadOnly){e.setAttribute("inert","true");const r=t.target,o=r.getAttribute("type");r.setAttribute("type","text"),setTimeout(()=>{r.focus()});const i=t=>{r.setAttribute("type",o),e.removeAttribute("inert"),this.removeEventListener("mouseup",i),this.removeEventListener("dragend",i)};this.addEventListener("dragend",i,{once:!0}),this.addEventListener("mouseup",i,{once:!0})}})}},e=>class extends e{static get observedAttributes(){return["manual-visibility-toggle"]}get manualToggleVisibility(){return"true"===this.getAttribute("manual-visibility-toggle")}init(){super.init?.(),this.handleCaretOnVisibilityChange(),this.origSetPasswordVisible=this.baseElement._setPasswordVisible,this.origSetFocused=this.baseElement._setFocused,this.baseElement._setFocused=this.setFocus.bind(this),this.initExternalInput()}initExternalInput(){const e=this.createExternalInput();e&&this.handlePasswordVisibility(e)}get caretPosition(){return this.value?.length||0}handleCaretOnVisibilityChange(){const e=this.baseElement._togglePasswordVisibility.bind(this.baseElement);this.baseElement._togglePasswordVisibility=()=>{setTimeout(()=>(e(),this.inputElement.setSelectionRange(this.caretPosition,this.caretPosition),!1))}}setFocus(e){this.manualToggleVisibility&&(this.baseElement._setPasswordVisible=()=>{}),this.origSetFocused.call(this.baseElement,e),this.baseElement._setPasswordVisible=this.origSetPasswordVisible.bind(this.baseElement)}resetPasswordVisibilityToggle(){this.baseElement._setPasswordVisible=this.origSetPasswordVisible,this.baseElement._setFocused=this.origSetFocus}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r)}handlePasswordVisibility(e){const t=this.baseElement.__boundRevealButtonMouseDown;this.baseElement.querySelector("vaadin-password-field-button").removeEventListener("mousedown",t),this.baseElement._passwordVisibleChanged=()=>{},this.baseElement._togglePasswordVisibility=()=>{"password"===e.getAttribute("type")?this.showPasswordVisibility(e):this.hidePasswordVisibility(e)}}showPasswordVisibility(e){e.setAttribute("type","text"),this.setAttribute("password-visible","true")}hidePasswordVisibility(e){e.setAttribute("type","password"),this.setAttribute("password-visible","false")}})(Wt({slots:["","suffix"],wrappedEleName:"vaadin-password-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: 10em;\n box-sizing: border-box;\n position: relative;\n\t\t\t}\n\t\t\t${at(es.cssVarList)}\n\t\t\t${ct("vaadin-password-field")}\n ${mt("vaadin-password-field")}\n\n\t\t\tvaadin-password-field {\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field > input {\n -webkit-mask-image: none;\n\t\t\t\tbox-sizing: border-box;\n opacity: 1;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field) {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-password-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n :host ::slotted(input) {\n\t\t\t\tmin-height: 0;\n }\n :host([readonly]) ::slotted(input:placeholder-shown) {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field::before {\n\t\t\t\theight: initial;\n\t\t\t}\n\t\t\tvaadin-password-field::part(input-field)::after {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\tvaadin-password-field-button {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t:host([readonly]) vaadin-password-field-button {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t\tvaadin-password-field-button[focus-ring] {\n\t\t\t\tbox-shadow: 0 0 0 2px var(${es.cssVarList.inputOutlineColor});\n\t\t\t}\n\n \n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n \n\n ::part(reveal-button) {\n align-self: center;\n }\n\n vaadin-password-field[external-input="true"] > input:not(:placeholder-shown) {\n opacity: 0;\n }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:$n}));customElements.define($n,es);const ts=qe("text-area"),{host:rs,label:os,placeholder:is,inputField:ns,textArea:ss,requiredIndicator:as,helperText:ls,errorMessage:ds}={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)"}},cs=Be(Nt({mappings:{hostWidth:{...rs,property:"width"},hostMinWidth:{...rs,property:"min-width"},hostDirection:{...rs,property:"direction"},fontSize:[rs,ss],fontFamily:[os,ns,ls,ds],labelTextColor:[{...os,property:"color"},{...os,property:"-webkit-text-fill-color"},{...as,property:"color"}],labelRequiredIndicator:{...as,property:"content"},errorMessageTextColor:{...ds,property:"color"},errorMessageIcon:{...ds,property:"background-image"},errorMessageIconSize:{...ds,property:"background-size"},errorMessageIconPadding:{...ds,property:"padding-inline-start"},errorMessageIconRepeat:{...ds,property:"background-repeat"},errorMessageIconPosition:{...ds,property:"background-position"},errorMessageFontSize:{...ds,property:"font-size"},inputBackgroundColor:{...ns,property:"background-color"},inputValueTextColor:{...ss,property:"color"},inputPlaceholderTextColor:{...is,property:"color"},inputBorderWidth:{...ns,property:"border-width"},inputBorderStyle:{...ns,property:"border-style"},inputBorderColor:{...ns,property:"border-color"},inputBorderRadius:{...ns,property:"border-radius"},inputOutlineStyle:{...ns,property:"outline-Style"},inputOutlineColor:{...ns,property:"outline-color"},inputOutlineOffset:{...ns,property:"outline-offset"},inputOutlineWidth:{...ns,property:"outline-width"},inputResizeType:{...ss,property:"resize"},inputMinHeight:{...ss,property:"min-height"},inputTextAlign:{...ss,property:"text-align"}}}),Dt,Gt({proxyProps:["value","selectionStart"]}),Vt)(Wt({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 ${mt("vaadin-text-area")}\n\t\t\t${at(cs.cssVarList)}\n\t\t\t${lt("vaadin-text-area")}\n\t\t\t${dt("vaadin-text-area")}\n\t\t\t${pt("vaadin-text-area","textarea")}\n\t\t\t${ct("vaadin-text-area")}\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:ts}));customElements.define(ts,cs);var ps=[{name:"United States",dialCode:"+1",code:"US"},...[{name:"Afghanistan",dialCode:"+93",code:"AF"},{name:"Aland Islands",dialCode:"+358",code:"AX"},{name:"Albania",dialCode:"+355",code:"AL"},{name:"Algeria",dialCode:"+213",code:"DZ"},{name:"AmericanSamoa",dialCode:"+1684",code:"AS"},{name:"Andorra",dialCode:"+376",code:"AD"},{name:"Angola",dialCode:"+244",code:"AO"},{name:"Anguilla",dialCode:"+1264",code:"AI"},{name:"Antarctica",dialCode:"+672",code:"AQ"},{name:"Antigua and Barbuda",dialCode:"+1268",code:"AG"},{name:"Argentina",dialCode:"+54",code:"AR"},{name:"Armenia",dialCode:"+374",code:"AM"},{name:"Aruba",dialCode:"+297",code:"AW"},{name:"Australia",dialCode:"+61",code:"AU"},{name:"Austria",dialCode:"+43",code:"AT"},{name:"Azerbaijan",dialCode:"+994",code:"AZ"},{name:"Bahamas",dialCode:"+1242",code:"BS"},{name:"Bahrain",dialCode:"+973",code:"BH"},{name:"Bangladesh",dialCode:"+880",code:"BD"},{name:"Barbados",dialCode:"+1246",code:"BB"},{name:"Belarus",dialCode:"+375",code:"BY"},{name:"Belgium",dialCode:"+32",code:"BE"},{name:"Belize",dialCode:"+501",code:"BZ"},{name:"Benin",dialCode:"+229",code:"BJ"},{name:"Bermuda",dialCode:"+1441",code:"BM"},{name:"Bhutan",dialCode:"+975",code:"BT"},{name:"Bolivia, Plurinational State of",dialCode:"+591",code:"BO"},{name:"Bosnia and Herzegovina",dialCode:"+387",code:"BA"},{name:"Botswana",dialCode:"+267",code:"BW"},{name:"Brazil",dialCode:"+55",code:"BR"},{name:"British Indian Ocean Territory",dialCode:"+246",code:"IO"},{name:"Brunei Darussalam",dialCode:"+673",code:"BN"},{name:"Bulgaria",dialCode:"+359",code:"BG"},{name:"Burkina Faso",dialCode:"+226",code:"BF"},{name:"Burundi",dialCode:"+257",code:"BI"},{name:"Cambodia",dialCode:"+855",code:"KH"},{name:"Cameroon",dialCode:"+237",code:"CM"},{name:"Canada",dialCode:"+1",code:"CA"},{name:"Cape Verde",dialCode:"+238",code:"CV"},{name:"Cayman Islands",dialCode:"+345",code:"KY"},{name:"Central African Republic",dialCode:"+236",code:"CF"},{name:"Chad",dialCode:"+235",code:"TD"},{name:"Chile",dialCode:"+56",code:"CL"},{name:"China",dialCode:"+86",code:"CN"},{name:"Christmas Island",dialCode:"+61",code:"CX"},{name:"Cocos (Keeling) Islands",dialCode:"+61",code:"CC"},{name:"Colombia",dialCode:"+57",code:"CO"},{name:"Comoros",dialCode:"+269",code:"KM"},{name:"Congo",dialCode:"+242",code:"CG"},{name:"Congo, The Democratic Republic of the Congo",dialCode:"+243",code:"CD"},{name:"Cook Islands",dialCode:"+682",code:"CK"},{name:"Costa Rica",dialCode:"+506",code:"CR"},{name:"Cote d'Ivoire",dialCode:"+225",code:"CI"},{name:"Croatia",dialCode:"+385",code:"HR"},{name:"Cuba",dialCode:"+53",code:"CU"},{name:"Cyprus",dialCode:"+357",code:"CY"},{name:"Czech Republic",dialCode:"+420",code:"CZ"},{name:"Denmark",dialCode:"+45",code:"DK"},{name:"Djibouti",dialCode:"+253",code:"DJ"},{name:"Dominica",dialCode:"+1767",code:"DM"},{name:"Dominican Republic",dialCode:"+1849",code:"DO"},{name:"Ecuador",dialCode:"+593",code:"EC"},{name:"Egypt",dialCode:"+20",code:"EG"},{name:"El Salvador",dialCode:"+503",code:"SV"},{name:"Equatorial Guinea",dialCode:"+240",code:"GQ"},{name:"Eritrea",dialCode:"+291",code:"ER"},{name:"Estonia",dialCode:"+372",code:"EE"},{name:"Ethiopia",dialCode:"+251",code:"ET"},{name:"Falkland Islands (Malvinas)",dialCode:"+500",code:"FK"},{name:"Faroe Islands",dialCode:"+298",code:"FO"},{name:"Fiji",dialCode:"+679",code:"FJ"},{name:"Finland",dialCode:"+358",code:"FI"},{name:"France",dialCode:"+33",code:"FR"},{name:"French Guiana",dialCode:"+594",code:"GF"},{name:"French Polynesia",dialCode:"+689",code:"PF"},{name:"Gabon",dialCode:"+241",code:"GA"},{name:"Gambia",dialCode:"+220",code:"GM"},{name:"Georgia",dialCode:"+995",code:"GE"},{name:"Germany",dialCode:"+49",code:"DE"},{name:"Ghana",dialCode:"+233",code:"GH"},{name:"Gibraltar",dialCode:"+350",code:"GI"},{name:"Greece",dialCode:"+30",code:"GR"},{name:"Greenland",dialCode:"+299",code:"GL"},{name:"Grenada",dialCode:"+1473",code:"GD"},{name:"Guadeloupe",dialCode:"+590",code:"GP"},{name:"Guam",dialCode:"+1671",code:"GU"},{name:"Guatemala",dialCode:"+502",code:"GT"},{name:"Guernsey",dialCode:"+44",code:"GG"},{name:"Guinea",dialCode:"+224",code:"GN"},{name:"Guinea-Bissau",dialCode:"+245",code:"GW"},{name:"Guyana",dialCode:"+592",code:"GY"},{name:"Haiti",dialCode:"+509",code:"HT"},{name:"Holy See (Vatican City State)",dialCode:"+379",code:"VA"},{name:"Honduras",dialCode:"+504",code:"HN"},{name:"Hong Kong",dialCode:"+852",code:"HK"},{name:"Hungary",dialCode:"+36",code:"HU"},{name:"Iceland",dialCode:"+354",code:"IS"},{name:"India",dialCode:"+91",code:"IN"},{name:"Indonesia",dialCode:"+62",code:"ID"},{name:"Iran, Islamic Republic of Persian Gulf",dialCode:"+98",code:"IR"},{name:"Iraq",dialCode:"+964",code:"IQ"},{name:"Ireland",dialCode:"+353",code:"IE"},{name:"Isle of Man",dialCode:"+44",code:"IM"},{name:"Israel",dialCode:"+972",code:"IL"},{name:"Italy",dialCode:"+39",code:"IT"},{name:"Jamaica",dialCode:"+1876",code:"JM"},{name:"Japan",dialCode:"+81",code:"JP"},{name:"Jersey",dialCode:"+44",code:"JE"},{name:"Jordan",dialCode:"+962",code:"JO"},{name:"Kazakhstan",dialCode:"+77",code:"KZ"},{name:"Kenya",dialCode:"+254",code:"KE"},{name:"Kiribati",dialCode:"+686",code:"KI"},{name:"Korea, Democratic People's Republic of Korea",dialCode:"+850",code:"KP"},{name:"Korea, Republic of South Korea",dialCode:"+82",code:"KR"},{name:"Kuwait",dialCode:"+965",code:"KW"},{name:"Kyrgyzstan",dialCode:"+996",code:"KG"},{name:"Laos",dialCode:"+856",code:"LA"},{name:"Latvia",dialCode:"+371",code:"LV"},{name:"Lebanon",dialCode:"+961",code:"LB"},{name:"Lesotho",dialCode:"+266",code:"LS"},{name:"Liberia",dialCode:"+231",code:"LR"},{name:"Libyan Arab Jamahiriya",dialCode:"+218",code:"LY"},{name:"Liechtenstein",dialCode:"+423",code:"LI"},{name:"Lithuania",dialCode:"+370",code:"LT"},{name:"Luxembourg",dialCode:"+352",code:"LU"},{name:"Macao",dialCode:"+853",code:"MO"},{name:"Macedonia",dialCode:"+389",code:"MK"},{name:"Madagascar",dialCode:"+261",code:"MG"},{name:"Malawi",dialCode:"+265",code:"MW"},{name:"Malaysia",dialCode:"+60",code:"MY"},{name:"Maldives",dialCode:"+960",code:"MV"},{name:"Mali",dialCode:"+223",code:"ML"},{name:"Malta",dialCode:"+356",code:"MT"},{name:"Marshall Islands",dialCode:"+692",code:"MH"},{name:"Martinique",dialCode:"+596",code:"MQ"},{name:"Mauritania",dialCode:"+222",code:"MR"},{name:"Mauritius",dialCode:"+230",code:"MU"},{name:"Mayotte",dialCode:"+262",code:"YT"},{name:"Mexico",dialCode:"+52",code:"MX"},{name:"Micronesia, Federated States of Micronesia",dialCode:"+691",code:"FM"},{name:"Moldova",dialCode:"+373",code:"MD"},{name:"Monaco",dialCode:"+377",code:"MC"},{name:"Mongolia",dialCode:"+976",code:"MN"},{name:"Montenegro",dialCode:"+382",code:"ME"},{name:"Montserrat",dialCode:"+1664",code:"MS"},{name:"Morocco",dialCode:"+212",code:"MA"},{name:"Mozambique",dialCode:"+258",code:"MZ"},{name:"Myanmar",dialCode:"+95",code:"MM"},{name:"Namibia",dialCode:"+264",code:"NA"},{name:"Nauru",dialCode:"+674",code:"NR"},{name:"Nepal",dialCode:"+977",code:"NP"},{name:"Netherlands",dialCode:"+31",code:"NL"},{name:"Netherlands Antilles",dialCode:"+599",code:"AN"},{name:"New Caledonia",dialCode:"+687",code:"NC"},{name:"New Zealand",dialCode:"+64",code:"NZ"},{name:"Nicaragua",dialCode:"+505",code:"NI"},{name:"Niger",dialCode:"+227",code:"NE"},{name:"Nigeria",dialCode:"+234",code:"NG"},{name:"Niue",dialCode:"+683",code:"NU"},{name:"Norfolk Island",dialCode:"+672",code:"NF"},{name:"Northern Mariana Islands",dialCode:"+1670",code:"MP"},{name:"Norway",dialCode:"+47",code:"NO"},{name:"Oman",dialCode:"+968",code:"OM"},{name:"Pakistan",dialCode:"+92",code:"PK"},{name:"Palau",dialCode:"+680",code:"PW"},{name:"Palestinian Territory, Occupied",dialCode:"+970",code:"PS"},{name:"Panama",dialCode:"+507",code:"PA"},{name:"Papua New Guinea",dialCode:"+675",code:"PG"},{name:"Paraguay",dialCode:"+595",code:"PY"},{name:"Peru",dialCode:"+51",code:"PE"},{name:"Philippines",dialCode:"+63",code:"PH"},{name:"Pitcairn",dialCode:"+872",code:"PN"},{name:"Poland",dialCode:"+48",code:"PL"},{name:"Portugal",dialCode:"+351",code:"PT"},{name:"Qatar",dialCode:"+974",code:"QA"},{name:"Romania",dialCode:"+40",code:"RO"},{name:"Russia",dialCode:"+7",code:"RU"},{name:"Rwanda",dialCode:"+250",code:"RW"},{name:"Reunion",dialCode:"+262",code:"RE"},{name:"Saint Barthelemy",dialCode:"+590",code:"BL"},{name:"Saint Helena, Ascension and Tristan Da Cunha",dialCode:"+290",code:"SH"},{name:"Saint Kitts and Nevis",dialCode:"+1869",code:"KN"},{name:"Saint Lucia",dialCode:"+1758",code:"LC"},{name:"Saint Martin",dialCode:"+590",code:"MF"},{name:"Saint Pierre and Miquelon",dialCode:"+508",code:"PM"},{name:"Saint Vincent and the Grenadines",dialCode:"+1784",code:"VC"},{name:"Samoa",dialCode:"+685",code:"WS"},{name:"San Marino",dialCode:"+378",code:"SM"},{name:"Sao Tome and Principe",dialCode:"+239",code:"ST"},{name:"Saudi Arabia",dialCode:"+966",code:"SA"},{name:"Senegal",dialCode:"+221",code:"SN"},{name:"Serbia",dialCode:"+381",code:"RS"},{name:"Seychelles",dialCode:"+248",code:"SC"},{name:"Sierra Leone",dialCode:"+232",code:"SL"},{name:"Singapore",dialCode:"+65",code:"SG"},{name:"Slovakia",dialCode:"+421",code:"SK"},{name:"Slovenia",dialCode:"+386",code:"SI"},{name:"Solomon Islands",dialCode:"+677",code:"SB"},{name:"Somalia",dialCode:"+252",code:"SO"},{name:"South Africa",dialCode:"+27",code:"ZA"},{name:"South Sudan",dialCode:"+211",code:"SS"},{name:"South Georgia and the South Sandwich Islands",dialCode:"+500",code:"GS"},{name:"Spain",dialCode:"+34",code:"ES"},{name:"Sri Lanka",dialCode:"+94",code:"LK"},{name:"Sudan",dialCode:"+249",code:"SD"},{name:"Suriname",dialCode:"+597",code:"SR"},{name:"Svalbard and Jan Mayen",dialCode:"+47",code:"SJ"},{name:"Swaziland",dialCode:"+268",code:"SZ"},{name:"Sweden",dialCode:"+46",code:"SE"},{name:"Switzerland",dialCode:"+41",code:"CH"},{name:"Syrian Arab Republic",dialCode:"+963",code:"SY"},{name:"Taiwan",dialCode:"+886",code:"TW"},{name:"Tajikistan",dialCode:"+992",code:"TJ"},{name:"Tanzania, United Republic of Tanzania",dialCode:"+255",code:"TZ"},{name:"Thailand",dialCode:"+66",code:"TH"},{name:"Timor-Leste",dialCode:"+670",code:"TL"},{name:"Togo",dialCode:"+228",code:"TG"},{name:"Tokelau",dialCode:"+690",code:"TK"},{name:"Tonga",dialCode:"+676",code:"TO"},{name:"Trinidad and Tobago",dialCode:"+1868",code:"TT"},{name:"Tunisia",dialCode:"+216",code:"TN"},{name:"Turkey",dialCode:"+90",code:"TR"},{name:"Turkmenistan",dialCode:"+993",code:"TM"},{name:"Turks and Caicos Islands",dialCode:"+1649",code:"TC"},{name:"Tuvalu",dialCode:"+688",code:"TV"},{name:"Uganda",dialCode:"+256",code:"UG"},{name:"Ukraine",dialCode:"+380",code:"UA"},{name:"United Arab Emirates",dialCode:"+971",code:"AE"},{name:"United Kingdom",dialCode:"+44",code:"GB"},{name:"Uruguay",dialCode:"+598",code:"UY"},{name:"Uzbekistan",dialCode:"+998",code:"UZ"},{name:"Vanuatu",dialCode:"+678",code:"VU"},{name:"Venezuela, Bolivarian Republic of Venezuela",dialCode:"+58",code:"VE"},{name:"Vietnam",dialCode:"+84",code:"VN"},{name:"Virgin Islands, British",dialCode:"+1284",code:"VG"},{name:"Virgin Islands, U.S.",dialCode:"+1340",code:"VI"},{name:"Wallis and Futuna",dialCode:"+681",code:"WF"},{name:"Yemen",dialCode:"+967",code:"YE"},{name:"Zambia",dialCode:"+260",code:"ZM"},{name:"Zimbabwe",dialCode:"+263",code:"ZW"}].sort((e,t)=>e.name<t.name?-1:1)];const us=({code:e,dialCode:t,name:r})=>`\n\t<div\n\t\tdata-id="${t}"\n\t\tdata-name="${e} ${t} ${r}"\n\t\tdata-country-code="${e}"\n\t>\n\t\t<div>\n\t\t\t<span>\n\t\t\t\t<img src="${(e=>`https://static.descope.com/npm/svg-country-flags@1.2.10/svg/${e.toLowerCase()}.svg`)(e)}" width="20"/>\n\t\t\t</span>\n\t\t\t<span>${r}</span>\n\t\t</div>\n\t\t<div>\n\t\t\t<span>${e}</span>\n\t\t\t<span>${t}</span>\n\t\t</div>\n\t</div>\n`,hs=qe("phone-field-internal"),ms=["disabled","size","bordered","readonly"],gs=["country-input-placeholder","default-code","restrict-countries"],bs=["phone-input-placeholder","maxlength","autocomplete","name"],ys=["label-type","country-input-label","label"],fs={"country-input-label":"label","country-input-placeholder":"placeholder","phone-input-placeholder":"placeholder"},vs=[].concat(ms,gs,bs,ys),xs=tr({componentName:hs,baseSelector:"div"});customElements.define(hs,class extends xs{static get observedAttributes(){return[].concat(xs.observedAttributes||[],vs)}#ue;constructor(){super(),this.innerHTML=`\n <div class="wrapper">\n <descope-combo-box\n item-label-path="data-name"\n item-value-path="data-id"\n >\n ${ps.map(e=>us(e)).join("")}\n </descope-combo-box>\n <div class="separator"></div>\n <descope-text-field type="tel"></descope-text-field>\n </div>\n `,this.comboBox=this.querySelector("descope-combo-box"),this.textField=this.querySelector("descope-text-field"),this.inputs=[this.comboBox,this.textField],Ue(this,this.comboBox,{includeAttrs:["label-type"]}),Ue(this,this.textField,{includeAttrs:["label-type","required"]}),this.comboBox.customValueTransformFn=e=>{const[,t]=e?.split?.(" ")||[];return t}}get countryCodeInputData(){return this.comboBox.items}get countryCodeValue(){return this.comboBox.shadowRoot.querySelector("input").value}get phoneNumberInputEle(){return this.textField.shadowRoot.querySelector("input")}get allowAlphanumericInput(){return"true"===this.getAttribute("allow-alphanumeric-input")}get defaultCode(){return this.getAttribute("default-code")}get selectionStart(){return this.textField.selectionStart}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get selectedCountryCode(){return this.comboBox?.selectedItem?.getAttribute("data-country-code")}get restrictCountries(){const e=this.getAttribute("restrict-countries");return e?.split(",").filter(Boolean)||[]}get isFormatValue(){return"true"===this.getAttribute("format-value")}get isStrictValidation(){return"true"===this.getAttribute("strict-validation")}get value(){return this.comboBox.value&&this.textField.value?this.allowAlphanumericInput?`${this.comboBox.value}-${this.textField.value}`:`${this.comboBox.value}-${this.textField.value.replace(/\D+/g,"")}`:""}#he(){this.comboBox.selectedItem=void 0,this.textField.value=""}set value(e){if(!e||!/\d/.test(e))return void this.#he();e.startsWith("+")||(e=`+${e}`);let t="",r="";if(e.includes("-")){const o=e.indexOf("-");t=e.slice(0,o),r=e.slice(o+1).replace(/\D+/g,"")}else{const o=(0,p.l)(e);o?.countryCallingCode&&(t=`+${o.countryCallingCode}`,r=e.slice(t.length).replace(/\D+/g,""))}if(!/\d/.test(t))return void this.#he();const o=ps.find(e=>e.dialCode===t)?.code;o&&o!==this.selectedCountryCode&&(this.comboBox.selectedItem=this.#me(o)),this.isFormatValue?this.textField.value=this.#ge(r):this.textField.value=r}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.inputs[1].focus()}),super.init?.(),this.#be()}getValidity(){const e=this.comboBox.value,t=this.textField.value,r=!e||!t,o=t&&t.length>=this.minLength;if(this.isRequired&&r)return{valueMissing:!0};if(this.value){if(!o)return{tooShort:!0};if(this.isStrictValidation&&!this.#ye())return{patternMismatch:!0}}return{}}setSelectionRange(...e){this.textField.setSelectionRange(...e)}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),t!==r){if("default-code"===e&&r&&!this.selectedCountryCode)this.#fe(r);else if(vs.includes(e)){const t=fs[e]||e;ms.includes(e)?r?this.inputs.forEach(e=>e.setAttribute(t,r)):this.inputs.forEach(e=>e.removeAttribute(t)):gs.includes(e)?this.comboBox.setAttribute(t,r):bs.includes(e)&&this.textField.setAttribute(t,r)}ys.includes(e)&&this.#ve(e,r),"restrict-countries"===e&&this.#xe(this.restrictCountries)}}#be(){this.textField.addEventListener("input",e=>{if(!this.allowAlphanumericInput){const t=/^\d$/,r=e.target.value.split("").filter(e=>t.test(e)).join("");e.target.value=r}}),this.handleFocusEventsDispatching(this.inputs),this.handleInputEventDispatching()}#ge(e=""){return this.#ue&&this.#ue.country===this.selectedCountryCode||(this.#ue=new u.Q(this.selectedCountryCode)),this.#ue.reset(),this.#ue.input(e)||e}#ye(){const e=(0,p.l)(this.value);return!!(e&&e.isValid?.()&&e.country&&this.#Ce(e.country))}#Ce(e){return!this.restrictCountries.length||this.restrictCountries.includes(e)}#me(e){return this.comboBox.items?.find(t=>t.getAttribute("data-country-code")===e)}#xe(e){const t=e.length?ps.filter(t=>e.includes(t.code)):ps;this.querySelector("descope-combo-box").innerHTML=t.map(e=>us(e)).join("")}#fe(e){if(!this.comboBox.value){const t=this.#me(e);t&&setTimeout(()=>{this.comboBox.selectedItem=t})}}#ve(e,t){const r=fs[e]||e;"label-type"===e?this.#we(t):"floating"===this.getAttribute("label-type")&&("country-input-label"===e?this.comboBox.setAttribute(r,t):"label"===e&&this.textField.setAttribute(r,t))}#we(e){"floating"===e?(this.comboBox.setAttribute("label",this.getAttribute("country-input-label")||""),this.comboBox.setAttribute("placeholder",this.getAttribute("country-input-placeholder")||""),this.textField.setAttribute("label",this.getAttribute("label")||""),this.textField.setAttribute("placeholder",this.getAttribute("phone-input-placeholder")||"")):this.inputs.forEach(e=>e.removeAttribute("label"))}});const Cs=Fi.cssVarList,ws=po.cssVarList,Is=qe("phone-field"),{host:Ms,label:Ss,requiredIndicator:As,inputField:Es,internalAfter:Ts,countryCodeInput:ks,phoneInput:zs,separator:Ls,errorMessage:Ns,helperText:Ds}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},inputField:{selector:"::part(input-field)"},internalAfter:{selector:"descope-phone-field-internal::after"},phoneInput:{selector:()=>"descope-text-field"},countryCodeInput:{selector:()=>"descope-combo-box"},separator:{selector:"descope-phone-field-internal .separator"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},Vs=Be(Nt({mappings:{fontSize:[Ms,Es,{selector:Fi.componentName,property:Fi.cssVarList.fontSize},{selector:po.componentName,property:po.cssVarList.fontSize}],fontFamily:[Ss,Ns,Ds,{...ks,property:po.cssVarList.overlay.fontFamily}],hostWidth:[{...Ms,property:"width"},{...zs,property:"width"},{...ks,property:"--vaadin-combo-box-overlay-width"}],hostDirection:{...Ms,property:"direction"},inputBorderStyle:[{...Ts,property:"border-style"},{...Ls,property:"border-left-style"}],inputBorderWidth:[{...Ts,property:"border-width"},{...Ls,property:"border-left-width"}],inputBorderColor:[{...Ts,property:"border-color"},{...Ls,property:"border-left-color"}],inputBorderRadius:[{...Es,property:"border-radius"},{...Ts,property:"border-radius"}],countryCodeInputWidth:{...ks,property:ws.hostWidth},countryCodeDropdownWidth:{...ks,property:"--vaadin-combo-box-overlay-width"},phoneInputWidth:{...zs,property:"width"},horizontalPadding:[{...zs,property:"padding-left"},{...zs,property:"padding-right"},{...ks,property:"padding-left"},{...ks,property:"padding-right"}],labelTextColor:[{...Ss,property:"color"},{...Ss,property:"-webkit-text-fill-color"},{...As,property:"color"}],labelRequiredIndicator:{...As,property:"content"},errorMessageTextColor:{...Ns,property:"color"},errorMessageIcon:{...Ns,property:"background-image"},errorMessageIconSize:{...Ns,property:"background-size"},errorMessageIconPadding:{...Ns,property:"padding-inline-start"},errorMessageIconRepeat:{...Ns,property:"background-repeat"},errorMessageIconPosition:{...Ns,property:"background-position"},errorMessageFontSize:{...Ns,property:"font-size"},inputValueTextColor:[{...zs,property:Cs.inputValueTextColor},{...ks,property:ws.inputValueTextColor}],inputPlaceholderTextColor:{...zs,property:Cs.inputPlaceholderColor},overlayItemBackgroundColor:{selector:"descope-combo-box",property:ws.overlayItemBackgroundColor},inputOutlineStyle:{...Es,property:"outline-style"},inputOutlineColor:{...Es,property:"outline-color"},inputOutlineWidth:{...Es,property:"outline-width"},inputOutlineOffset:{...Es,property:"outline-offset"},valueInputHeight:[{...ks,property:ws.valueInputHeight}],valueInputMarginBottom:[{...zs,property:Cs.valueInputMarginBottom}],marginInlineStart:[{...zs,property:Cs.marginInlineStart},{...ks,property:ws.marginInlineStart}]}}),Dt,er,Gt({proxyProps:["value","selectionStart"]}),e=>class extends e{static get CountryCodes(){return ps}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${hs}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${hs}>\n \t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(hs),Ue(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","bordered","minlength","maxlength","default-code","country-input-placeholder","phone-input-placeholder","disabled","restrict-countries","country-input-label","readonly","label","label-type","allow-alphanumeric-input","format-value","strict-validation"]})}get countryCodeItems(){return this.inputElement?.countryCodeValue}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}get countryCodeInputData(){return this.inputElement?.countryCodeInputData}get countryCodes(){return Array.from(this.inputElement.countryCodeInputData).map(e=>e.getAttribute("data-country-code"))}})(Wt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: 15em;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\t${at(Vs.cssVarList)}\n\t\t\t${ct("vaadin-text-field")}\n\t\t\t${ut("vaadin-text-field")}\n\t\t\t\n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n\n\n\t\t\tdiv {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n\t\t\tvaadin-text-field {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\tvaadin-text-field[focus-ring]::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\t\t\tvaadin-text-field::part(label) {\n margin-left: 0;\n margin-right: 0;\n }\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tpadding: 0;\n\t\t\t\tbackground: transparent;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\tdescope-phone-field-internal {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n direction: ltr;\n position: relative;\n\t\t\t}\n descope-phone-field-internal::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n box-sizing: border-box;\n outline-offset: calc(var(${Vs.cssVarList.inputBorderWidth}) * -1);\n pointer-events: none;\n }\n\t\t\tdescope-phone-field-internal > div {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t}\n\t\t\tdescope-phone-field-internal .separator {\n\t\t\t\tflex: 0;\n\t\t\t\tborder: none;\n\t\t\t}\n\n\t\t\tdescope-combo-box {\n\t\t\t\tflex-shrink: 0;\n min-width: 5.75em;\n\t\t\t\t${ws.inputOutlineWidth}: 0;\n\t\t\t\t${ws.inputOutlineOffset}: 0;\n\t\t\t\t${ws.inputBorderWidth}: 0;\n\t\t\t\t${ws.inputBorderRadius}: 0;\n\t\t\t}\n\t\t\tdescope-text-field {\n\t\t\t\tflex-grow: 1;\n\t\t\t\t${Cs.inputOutlineWidth}: 0;\n\t\t\t\t${Cs.inputOutlineOffset}: 0;\n\t\t\t\t${Cs.inputBorderWidth}: 0;\n\t\t\t\t${Cs.inputBorderRadius}: 0;\n }\n\n :host([label-type="floating"]) vaadin-text-field::part(label) {\n display: none;\n }\n descope-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n descope-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n\n\t\t\tvaadin-text-field::part(input-field)::after {\n\t\t\t\tborder: none;\n\t\t\t}\n ${mt("vaadin-text-field")}\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:Is}));customElements.define(Is,Vs);const Ps=qe("phone-field-internal-input-box"),Rs=["disabled","size","readonly","phone-input-placeholder","name","maxlength","autocomplete","label-type"],Bs={"phone-input-placeholder":"placeholder"},Os=tr({componentName:Ps,baseSelector:"div"});customElements.define(Ps,class extends Os{static get observedAttributes(){return[].concat(Os.observedAttributes||[],Rs)}#ue;constructor(){super(),this.innerHTML='\n <div>\n <descope-text-field tabindex="1" type="tel" bordered="false"></descope-text-field>\n </div>\n ',this.textField=this.querySelector("descope-text-field")}get phoneNumberInputEle(){return this.textField.shadowRoot.querySelector("input")}get defaultDialCode(){return e=this.getAttribute("default-code"),ps.find(t=>t.code===e)?.dialCode;var e}get defaultCode(){return this.getAttribute("default-code")}get allowAlphanumericInput(){return"true"===this.getAttribute("allow-alphanumeric-input")}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get maxLength(){return parseInt(this.getAttribute("maxlength"),10)||50}get restrictCountries(){return this.getAttribute("restrict-countries")?.split(",").filter(Boolean)||[]}get isFormatValue(){return"true"===this.getAttribute("format-value")}get isStrictValidation(){return"true"===this.getAttribute("strict-validation")}get value(){if(!this.textField.value)return"";if(!this.isStrictValidation)return this.#Ie();const e=this.#Me();return e?.country&&e?.countryCallingCode&&e?.nationalNumber?`+${[e?.countryCallingCode,e?.nationalNumber].join("-")}`:this.textField.value}set value(e){this.textField.value=e}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.textField.focus()}),super.init?.(),this.textField.addEventListener("input",this.#Se.bind(this)),this.handleFocusEventsDispatching([this.textField]),L(this.textField,this,{includeAttrs:["has-value"]})}getValidity(){const e=/^\+?\d{1,4}-?(?:\d-?){1,15}$/,t=this.#Ae(this.textField.value||"");if(this.isRequired&&!this.textField.value)return{valueMissing:!0};if(this.textField.value){if(t.length<this.minLength)return{tooShort:!0};if(this.isStrictValidation&&this.textField.value&&!this.#ye()||!this.isStrictValidation&&this.textField.value&&!e.test(this.value))return{patternMismatch:!0}}return{}}setSelectionRange(...e){this.textField.setSelectionRange(...e)}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),t!==r&&Rs.includes(e)){const t=Bs[e]||e;this.textField.setAttribute(t,r)}}#Se(e){let t=this.#Ee(e.target.value);this.isFormatValue&&this.#Te(t)&&(t=this.#ke(t)),e.target.value=t}#Ie(){if(!this.defaultDialCode)return this.textField.value;const e=this.#ze(this.textField.value),t=this.#Ae(e);return[this.defaultDialCode,t].join("-")}#Me(){return this.defaultDialCode?(0,p.l)([this.defaultDialCode,this.#Ae(this.textField.value)].filter(Boolean).join("")):(0,p.l)(this.textField.value)}#Ae(e){return e.replace(/\D/g,"")}#ze(e){if("+"===this.textField.value?.[0]){const t=new RegExp(`^\\${this.defaultDialCode}`);return e.replace(t,"")}return e}#ye(){const e=(0,p.l)(this.value);return!(!e||!e.isValid?.()||!e.country||!this.#Ce(e.country)||this.defaultCode&&this.defaultCode!==e.country)}#Ce(e){return!this.restrictCountries.length||this.restrictCountries.includes(e)}#Ee(e){if(e=e.replace(/^-+/,"").replace(/(?!^)\+/g,"").replace("--","-").replace("+-","+"),!this.allowAlphanumericInput){const t=/^[+\d-\(\)]+$/;e=e.split("").filter(e=>t.test(e)).join("")}return e}#ke(e=""){const t=this.defaultCode||this.#Le(e);return t?(this.#ue&&this.#ue.country===t||(this.#ue=new u.Q(t)),this.#ue.reset(),this.#ue.input(e)||e):e}#Le(e){const t=(0,p.l)(e);return t?.country||""}#Te(e){return!!(e=>{const t=e.match(/\(/g),r=e.match(/\)/g);return t?.length===r?.length})(e)}});const js=Fi.cssVarList,Fs=qe("phone-input-box-field"),{host:Ws,label:_s,inputElement:$s,requiredIndicator:Hs,inputField:qs,internalComponent:Ys,internalComponentAfter:Us,phoneInput:Gs,errorMessage:Zs,helperText:Qs}={host:{selector:()=>":host"},label:{selector:"::part(label)"},inputElement:{selector:"input"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},inputField:{selector:()=>"vaadin-text-field::part(input-field)"},internalComponent:{selector:"descope-phone-field-internal-input-box"},internalComponentAfter:{selector:"descope-phone-field-internal-input-box::after"},phoneInput:{selector:()=>"descope-text-field"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},Js=Be(Nt({mappings:{fontSize:[Ws,qs,{selector:Fi.componentName,property:Fi.cssVarList.fontSize}],fontFamily:[_s,Zs,Qs],hostWidth:{...Ws,property:"width"},hostMinWidth:{...Ws,property:"min-width"},hostDirection:{...Ws,property:"direction"},inputHorizontalPadding:[{...Gs,property:"padding-left"},{...Gs,property:"padding-right"}],labelFontSize:{..._s,property:"font-size"},labelFontWeight:{..._s,property:"font-weight"},labelTextColor:[{..._s,property:"color"},{..._s,property:"-webkit-text-fill-color"},{...Hs,property:"color"}],labelRequiredIndicator:{...Hs,property:"content"},errorMessageTextColor:{...Zs,property:"color"},errorMessageIcon:{...Zs,property:"background-image"},errorMessageIconSize:{...Zs,property:"background-size"},errorMessageIconPadding:{...Zs,property:"padding-inline-start"},errorMessageIconRepeat:{...Zs,property:"background-repeat"},errorMessageIconPosition:{...Zs,property:"background-position"},errorMessageFontSize:{...Zs,property:"font-size"},inputValueTextColor:{...Gs,property:js.inputValueTextColor},inputPlaceholderTextColor:{...Gs,property:js.inputPlaceholderColor},inputBorderStyle:{...Us,property:"border-style"},inputBorderWidth:{...Us,property:"border-width"},inputBorderColor:{...Us,property:"border-color"},inputBorderRadius:[{...Ys,property:"border-radius"},{...Us,property:"border-radius"}],inputOutlineStyle:{...Ys,property:"outline-style"},inputOutlineColor:{...Ys,property:"outline-color"},inputOutlineWidth:{...Ys,property:"outline-width"},inputOutlineOffset:{...Ys,property:"outline-offset"},labelPosition:{..._s,property:"position"},labelTopPosition:{..._s,property:"top"},labelHorizontalPosition:[{..._s,property:"left"},{..._s,property:"right"}],inputTransformY:{..._s,property:"transform"},inputTransition:{..._s,property:"transition"},marginInlineStart:{..._s,property:"margin-inline-start"},valueInputHeight:{...$s,property:"height"},valueInputMarginBottom:{selector:Fi.componentName,property:js.valueInputMarginBottom}}}),Dt,er,Gt({proxyProps:["value","selectionStart"]}),e=>class extends e{static get CountryCodes(){return ps}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${Ps}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${Ps}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Ps),T(this,this.inputElement,{includeAttrs:["has-value"]}),Ue(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","minlength","maxlength","default-code","disabled","phone-input-placeholder","label","label-type","allow-alphanumeric-input","restrict-countries","format-value","strict-validation","data-errormessage-type-mismatch"]})}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}})(Wt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n :host {\n display: inline-flex;\n max-width: 100%;\n box-sizing: border-box;\n }\n ${at(Js.cssVarList)}\n ${ct("vaadin-text-field")}\n ${ut("vaadin-text-field")}\n \n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n\n\n vaadin-text-field {\n width: 100%;\n box-sizing: border-box;\n padding: 0;\n }\n vaadin-text-field[focus-ring]::part(input-field) {\n box-shadow: none;\n }\n vaadin-text-field::before {\n height: 0;\n }\n vaadin-text-field::part(input-field) {\n padding: 0;\n background: transparent;\n -webkit-mask-image: none;\n }\n descope-phone-field-internal-input-box {\n -webkit-mask-image: none;\n padding: 0;\n width: 100%;\n }\n descope-phone-field-internal-input-box > div {\n width: 100%;\n }\n descope-phone-field-internal-input-box descope-text-field {\n ${js.inputOutlineWidth}: 0;\n ${js.inputOutlineOffset}: 0;\n }\n descope-phone-field-internal-input-box::after {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n box-sizing: border-box;\n pointer-events: none;\n }\n descope-text-field {\n flex-grow: 1;\n width: 100%;\n direction: ltr;\n }\n vaadin-text-field[readonly] > input:placeholder-shown {\n opacity: 1;\n }\n vaadin-text-field::part(input-field)::after {\n border: none;\n }\n\n vaadin-text-field[label-type="floating"]:not([focused])[readonly] input:placeholder-shown {\n opacity: 0;\n }\n vaadin-text-field[label-type="floating"]:not([focused])[disabled] input:placeholder-shown {\n opacity: 0;\n }\n\n ${mt("vaadin-text-field")}\n \n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n \n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:Fs}));customElements.define(Fs,Js);const Ks=qe("new-password-internal"),Xs=(e,t)=>e.replace(/{{(\w+)+}}/g,(e,r)=>t?.[r]||e),ea=qe("policy-validation"),ta=["data","active-policies","overrides","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-actual-passwordstrength"],ra=["label","value",...ta];class oa extends(jt({componentName:ea,baseSelector:":host > div"})){#Ne;#De=[];#Ve;static get observedAttributes(){return ra}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div>\n <div class="label"></div>\n <ul></ul>\n </div>\n\t\t',N("\n :host > div {\n width: 100%;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n }\n .label {\n max-width: 100%;\n text-wrap: wrap;\n overflow-wrap: break-word;\n }\n .hide-label .label {\n display: none;\n }\n ul {\n display: flex;\n flex-direction: column;\n padding: 0;\n margin: 0;\n }\n ul, li {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n li::before {\n display: inline-block;\n width: 1em;\n text-align: center;\n }\n ",this),this.panel=this.shadowRoot.querySelector(":host > div"),this.label=this.shadowRoot.querySelector(".label"),this.list=this.shadowRoot.querySelector("ul")}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback?.(e,t,r),t!==r){if("label"===e&&this.updateLabel(r),ta.includes(e)){if("data"===e)try{this.availablePolicies=JSON.parse(r)}catch{console.error("Failed to set available policies")}if("active-policies"===e&&(this.#De=(r||"").split(",")),"data-password-policy-value-minlength"===e){const e=Number(r);!Number.isNaN(e)&&e>0&&(this.#Ve={...this.#Ve,minlength:{value:`${e}`}})}if("data-password-policy-value-passwordstrength"===e){const e=parseInt(r);!Number.isNaN(e)&&e>=0&&(this.#Ve={...this.#Ve,passwordstrength:{...this.#Ve?.passwordstrength,expected:e}})}if("data-password-policy-actual-passwordstrength"===e){const e=Number(r);!Number.isNaN(e)&&e>=0&&(this.#Ve={...this.#Ve,passwordstrength:{...this.#Ve?.passwordstrength,actual:e}})}}this.renderItems(this.#Ne,this.#De,this.#Ve)}}get availablePolicies(){return this.#Ne||[]}set availablePolicies(e){this.#Ne=e}get value(){return this.getAttribute("value")||""}getStrengthScore(){return this.value.length}compareValues(e,t,r){switch(e.toUpperCase()){case"GTE":return r>=t;case"GT":return r>t;case"LTE":return r<=t;case"LT":return r<t;case"EQ":return r===t;case"NEQ":return r!==t;default:throw new Error(`Invalid comparison type: ${e}`)}}validate(){let e=this.#Ne;return this.#Ve&&(e=this.#Ne.map(e=>{const t=this.#Ve[e.id];return t?{...e,data:t}:e})),this.#De.reduce((t,r)=>{const o=e.find(e=>e.id===r);if(!o)return t;const{pattern:i,message:n,data:s,compare:a}=o;if(!i&&!a||!n)return t;const l={message:Xs(n,s),id:r};if(i){const e=new RegExp(Xs(i,s));l.valid=e.test(this.value)}else a&&(l.valid=this.compareValues(a,s?.expected??-1,s?.actual??-1));return t.push(l),t},[])}get isValid(){return!this.validate().some(({valid:e})=>!1===e)}getValidationItemTemplate({valid:e,message:t}){return`\n <li class="item" data-valid="${this.value?e:"none"}">\n <span class="message">${t}</span>\n </li>\n `}renderItems(e,t){e&&t.length&&(this.list.innerHTML=this.validate().map(this.getValidationItemTemplate.bind(this)).join(""))}updateLabel(e){e?(this.label.textContent=e,this.classList.remove("hide-label")):(this.classList.add("hide-label"),this.label.textContent="")}}const{host:ia,item:na,symbolDefault:sa,symbolSuccess:aa,symbolError:la}={host:{selector:()=>":host > div"},item:{selector:()=>".item"},symbolDefault:{selector:()=>'.item[data-valid="none"]::before'},symbolSuccess:{selector:()=>'.item[data-valid="true"]::before'},symbolError:{selector:()=>'.item[data-valid="false"]::before'}},da=Be(Nt({componentNameOverride:qe("input-wrapper")}),Nt({mappings:{hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},padding:{},borderWidth:{...ia,property:"border-width"},borderStyle:{...ia,property:"border-style"},borderColor:{...ia,property:"border-color"},borderRadius:{...ia,property:"border-radius"},backgroundColor:{...ia,property:"background-color"},textColor:{property:"color"},labelMargin:{...ia,property:"gap"},itemsSpacing:{...na,property:"line-height"},itemSymbolSuccessColor:{...aa,property:"color"},itemSymbolErrorColor:{...la,property:"color"},itemSymbolDefault:{...sa,property:"content"},itemSymbolSuccess:{...aa,property:"content"},itemSymbolError:{...la,property:"content"}}}),Dt,Vt)(oa),ca=qe("new-password"),pa=da.cssVarList,{host:ua,label:ha,internalInputsWrapper:ma,errorMessage:ga,helperText:ba,passwordInput:ya,policyPreview:fa}={host:{selector:()=>":host"},label:{selector:"::part(label)"},internalInputsWrapper:{selector:"descope-new-password-internal .wrapper"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},passwordInput:{selector:"descope-password"},policyPreview:{selector:"descope-policy-validation"}},va=Be(Nt({mappings:{fontSize:[ua,{},{selector:es.componentName,property:es.cssVarList.fontSize}],fontFamily:[ha,ga,ba],labelFontSize:{...ha,property:"font-size"},labelFontWeight:{...ha,property:"font-weight"},labelTextColor:{...ha,property:"color"},errorMessageTextColor:{...ga,property:"color"},errorMessageIcon:{...ga,property:"background-image"},errorMessageIconSize:{...ga,property:"background-size"},errorMessageIconPadding:{...ga,property:"padding-inline-start"},errorMessageIconRepeat:{...ga,property:"background-repeat"},errorMessageIconPosition:{...ga,property:"background-position"},errorMessageFontSize:{...ga,property:"font-size"},hostWidth:{...ua,property:"width"},hostMinWidth:{...ua,property:"min-width"},hostDirection:[{...ua,property:"direction"},{...ya,property:es.cssVarList.hostDirection}],inputsRequiredIndicator:{...ua,property:"content"},spaceBetweenInputs:{...ma,property:"gap"},policyPreviewBackgroundColor:{...fa,property:pa.backgroundColor},policyPreviewPadding:{...fa,property:pa.padding},valueInputHeight:{...ya,property:es.cssVarList.valueInputHeight},valueInputMarginBottom:{...ya,property:es.cssVarList.valueInputMarginBottom}}}),Dt,Gt({proxyProps:["value","selectionStart"]}),e=>class extends e{init(){super.init?.();const e=document.createElement("template"),t=this.getAttribute("external-input");e.innerHTML=`\n\t\t\t<${Ks}\n\t\t\t\tname="new-password"\n\t\t\t\ttabindex="-1"\n\t\t\t\tslot="input"\n external-input="${t}"\n\t\t\t>\n </${Ks}>\n\t\t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Ks),"true"===this.getAttribute("external-input")&&this.initExternalInput(),Ue(this,this.inputElement,{includeAttrs:["password-label","password-placeholder","confirm-label","confirm-placeholder","full-width","size","bordered","label","has-confirm","invalid","readonly","disabled","draggable","has-validation","policy-label","active-policies","available-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","label-type","manual-visibility-toggle"]})}createSlottedExternalInput(e,t){const r=e.querySelector("input"),o=document.createElement("slot"),i=r.getAttribute("slot");o.setAttribute("name",t),o.setAttribute("slot",i),e.appendChild(o),r.setAttribute("slot",t),r.setAttribute("name",this.getAttribute("name")),r.setAttribute("data-hidden-input","true"),this.appendChild(r)}initExternalInput(){this.passwordInput=this.inputElement.querySelector('[data-id="password"]'),this.confirmInput=this.inputElement.querySelector('[data-id="confirm"]'),this.createSlottedExternalInput(this.passwordInput,"external-password-input"),this.createSlottedExternalInput(this.confirmInput,"external-confirm-input")}})(Wt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-block;\n\t\t\tmax-width: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n :host ::part(error-message) {\n direction: ltr;\n }\n\t\t${at(es.cssVarList)}\n\t\tvaadin-text-field {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\t\tvaadin-text-field::part(input-field) {\n\t\t\tmin-height: 0;\n\t\t\tbackground: transparent;\n\t\t\tbox-shadow: none;\n\t\t\tpadding: 0;\n\t\t}\n\t\tvaadin-text-field::part(input-field)::after {\n\t\t\tbackground: transparent;\n\t\t\topacity: 0;\n\t\t}\n\t\tdescope-new-password-internal {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t}\n\t\tdescope-new-password-internal > .wrapper {\n -webkit-mask-image: none;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\t\tdescope-password {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t}\n\t\tdescope-new-password-internal vaadin-password-field::before {\n\t\t\theight: initial;\n\t\t}\n descope-policy-validation {\n margin-top: 8px;\n display: flex;\n }\n .hidden {\n display: none;\n }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:ca}));customElements.define(ea,da);const xa=/^password-/,Ca=/^confirm-/,wa=(e,t)=>e.replace(t,""),Ia=["password-label","password-placeholder"],Ma=["confirm-label","confirm-placeholder"],Sa=["has-validation","policy-label","available-policies","active-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","manual-visibility-toggle"],Aa=["has-confirm","disabled","bordered","size","full-width","maxlength","invalid","readonly","draggable","autocomplete","label-type","manual-visibility-toggle"],Ea=[].concat(Aa,Ia,Ma,Sa),Ta=tr({componentName:Ks,baseSelector:"div"});customElements.define(Ks,class extends Ta{static get observedAttributes(){return[].concat(Ta.observedAttributes||[],Ea)}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper"></div>\n\t\t',this.wrapperEle=this.querySelector(".wrapper")}get value(){return this.passwordInput?.value||""}set value(e){e!==this.value&&(this.passwordInput.value=e)}get hasConfirm(){return"true"===this.getAttribute("has-confirm")}onHasConfirmChange(e){this.confirmInput.classList.toggle("hidden",!e)}onHasValidationChange(e){this.policyPanel.classList.toggle("hidden",!e)}get hasValidation(){return"true"===this.getAttribute("has-validation")}getValidity(){if(this.isRequired&&!this.value)return{valueMissing:!0};if(this.value&&!this.policyPanel.isValid)return{typeMismatch:!0};if(this.hasConfirm&&this.confirmInput&&this.value!==this.confirmInput.value)return{patternMismatch:!0};const e=this.getAttribute("minlength"),t=parseInt(e,10)||0;return this.value.length>=t?{}:{tooShort:!0}}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.passwordInput.focus()}),super.init?.(),this.renderInputs(this.hasConfirm,this.hasValidation)}renderInputs(){const e="true"===this.getAttribute("external-input"),t=`\n <div class="password-input-container">\n <descope-password\n autocomplete="new-password"\n manual-visibility-toggle="true"\n data-id="password"\n external-input="${e}"\n ></descope-password>\n <descope-policy-validation></descope-policy-validation>\n </div>\n <descope-password\n autocomplete="new-password"\n manual-visibility-toggle="true"\n external-input="${e}"\n data-id="confirm"\n ></descope-password>\n `;this.wrapperEle.innerHTML=t,this.passwordInput=this.querySelector('[data-id="password"]'),this.confirmInput=this.querySelector('[data-id="confirm"]'),this.policyPanel=this.querySelector("descope-policy-validation"),this.passwordStrength=this.querySelector("descope-password-strength"),this.inputs=[this.passwordInput,this.confirmInput],this.initInputs(),this.passwordInput.addEventListener("input",e=>{this.passwordStrength?.addEventListener("score-changed",({detail:e})=>{this.policyPanel.setAttribute("data-password-policy-actual-passwordstrength",e)},{once:!0}),this.passwordStrength?.setAttribute("value",e.target.value),this.policyPanel.setAttribute("value",e.target.value)}),Ue(this,this.policyPanel,{includeAttrs:Sa,mapAttrs:{"policy-label":"label","available-policies":"data"}})}handleIndicatorStyle(){this.inputs.forEach(e=>{N(`\n\t\t\t\t:host ::part(required-indicator)::after {\n\t\t\t\t\tcontent: var(${va.cssVarList.inputsRequiredIndicator});\n width: 1em;\n text-align: center;\n\t\t\t\t}\n :host ::part(required-indicator) {\n display: inline-flex;\n }\n\t\t\t\t`,e)})}get isInvalid(){return this.hasAttribute("invalid")&&"false"!==this.getAttribute("invalid")}handleInputsInvalidAttribute(){this.inputs.forEach(e=>{e&&We(e,t=>{if(t.includes("invalid")){const t=e.getAttribute("invalid"),r=this.getAttribute("invalid");this.isInvalid&&r!==t&&e.setAttribute("invalid","true")}},{})})}initInputs(){this.handleIndicatorStyle(),this.handleInputsInvalidAttribute(),this.handleFocusEventsDispatching(this.inputs)}async togglePasswordStrength(){this.activePolicies.includes("passwordstrength")?this.passwordStrength||(await Promise.resolve().then(function(){return Av}),this.passwordStrength=document.createElement("descope-password-strength"),this.passwordStrength.setAttribute("options","Very weak,Weak,Average,Strong,Very strong"),this.passwordStrength.setAttribute("value",this.passwordInput.value||""),this.passwordStrength.setAttribute("st-host-direction",this.getAttribute("st-host-direction")),this.passwordStrength.setAttribute("full-width","true"),this.querySelector(".password-input-container").insertBefore(this.passwordStrength,this.policyPanel)):this.passwordStrength&&(this.passwordStrength.remove(),this.passwordStrength=null)}get activePolicies(){return(this.getAttribute("active-policies")||"").split(",")}toggleBooleanAttribute(e,t,r){null===r?e?.removeAttribute(t):e?.setAttribute(t,r)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("has-validation"===e?this.onHasValidationChange("true"===r):"has-confirm"===e?this.onHasConfirmChange("true"===r):Aa.includes(e)?this.inputs.forEach(t=>this.toggleBooleanAttribute(t,e,r)):Ia.includes(e)?this.toggleBooleanAttribute(this.passwordInput,wa(e,xa),r):Ma.includes(e)&&this.toggleBooleanAttribute(this.confirmInput,wa(e,Ca),r),"active-policies"===e&&this.togglePasswordStrength())}}),customElements.define(ca,va);const ka=qe("recaptcha"),za=["enabled","site-key","action","enterprise"],La=jt({componentName:ka,baseSelector:":host > div"}),Na=Be(Dt)(class extends La{static get observedAttributes(){return za.concat(La.observedAttributes||[])}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&"enabled"===e&&this.#Pe("true"===r)}renderRecaptcha(e){this.children.length?this.updatePreview():this.toggleRecaptchaEles(e)}toggleRecaptchaEles(e){e?(this.recaptchaEle.style.display="",this.mockRecaptchaEle.style.display="none"):(this.recaptchaEle.style.display="none",this.mockRecaptchaEle.style.display="")}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="badge">\n <span id="recaptcha"></span>\n <img src="https://imgs.descope.com/connectors/templates/recaptcha/recaptcha-big.png" alt="recaptcha"/>\n </div>\n <slot></slot>\n\t',N('\n :host {\n display: inline-flex;\n }\n :host > div:not(.hidden) {\n display: flex;\n }\n :host #recaptcha .grecaptcha-badge {\n box-shadow: none !important;\n }\n :host #recaptcha .grecaptcha-logo {\n height: 100%;\n }\n :host #recaptcha {\n\t\t\t\twidth: 100%;\n height: 100%;\n\t\t\t}\n :host img {\n width: 256px;\n }\n :host([full-width="true"]) {\n width: 100%;\n }\n .hidden {\n display: none;\n }\n ',this),this.recaptchaEle=this.baseElement.querySelector("#recaptcha"),this.mockRecaptchaEle=this.baseElement.querySelector("img"),this.badge=this.shadowRoot.querySelector(".badge")}init(){super.init?.(),_e(this,this.updatePreview.bind(this))}updatePreview(){this.children.length?(this.recaptchaEle.style.display="none",this.mockRecaptchaEle.style.display="none",this.badge.classList.add("hidden")):(this.toggleRecaptchaEles(this.enabled),this.badge.classList.remove("hidden"))}get enterprise(){return"true"===this.getAttribute("enterprise")}get siteKey(){return this.getAttribute("site-key")}get action(){return this.getAttribute("action")||"load"}get enabled(){return"true"===this.getAttribute("enabled")}get scriptURL(){const e=new URL("https://www.google.com/recaptcha/");return e.pathname+=(this.enterprise?"enterprise":"api")+".js",e.searchParams.append("onload","onRecaptchaLoadCallback"),e.searchParams.append("render","explicit"),e.toString()}#Pe(e){this.renderRecaptcha(e),e&&(this.#Re(),document.getElementById("recaptcha-script")?window.onRecaptchaLoadCallback():this.#Be())}#Be(){const e=document.createElement("script");e.src=this.scriptURL,e.async=!0,e.id="recaptcha-script",e.defer=!0,document.body.appendChild(e)}get grecaptchaInstance(){return this.enterprise?window.grecaptcha?.enterprise:window.grecaptcha}#Oe(e,t,r){this.isConnected&&e.ready(()=>{const o=t.querySelector('textarea[name^="g-recaptcha-response"]')?.cloneNode();if(o&&(o.style.display="none",document.body.appendChild(o)),!this.siteKey)return;const i=e?.execute(r,{action:this.action});i.then((i,n)=>{n?console.warn("could not execute recaptcha",n):(this.updateComponentsContext({risktoken:i,riskaction:this.action}),this.isConnected&&setTimeout(()=>{this.#Oe(e,t,r)},11e4)),o.remove()})})}#Re(){window.onRecaptchaLoadCallback=()=>{const e=this.recaptchaEle;if(e.hasChildNodes())return;const{grecaptchaInstance:t}=this;t&&setTimeout(()=>{const r=t.render(e,{sitekey:this.siteKey,badge:"inline",size:"invisible"});this.#Oe(t,e,r)},0)}}});customElements.define(ka,Na);const Da=qe("upload-file"),Va=["title","description","button-label","accept","readonly","button-mode","button-variant","required","size","icon"],Pa=tr({componentName:Da,baseSelector:":host > div"}),Ra=Mo.cssVarList,{host:Ba,wrapper:Oa,icon:ja,title:Fa,description:Wa,requiredIndicator:_a}={host:{selector:()=>":host"},wrapper:{selector:()=>":host > div"},icon:{selector:()=>"::slotted(*)"},title:{selector:()=>".title"},description:{selector:()=>".description"},requiredIndicator:{selector:()=>".title::after"}},$a=Be(Nt({componentNameOverride:qe("input-wrapper")}),Nt({mappings:{fontSize:{},fontFamily:{},borderColor:{},borderWidth:{},borderStyle:{},borderRadius:{},hostHeight:{...Ba,property:"height"},hostWidth:{...Ba,property:"width"},hostPadding:{property:"padding"},hostDirection:[{...Ba,property:"direction"},{selector:()=>Mo.componentName,property:Ra.hostDirection}],gap:{...Oa},lineHeight:{...Oa,property:"line-height"},titleFontSize:{...Fa,property:"font-size"},titleFontWeight:{...Fa,property:"font-weight"},descriptionFontSize:{...Wa,property:"font-size"},labelTextColor:[{...Fa,property:"color"},{...Wa,property:"color"}],iconSize:{...ja,property:"width"},requiredIndicator:{..._a,property:"content"}}}),Dt,Vt)(class extends Pa{static get observedAttributes(){return Va.concat(Pa.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t\t<div>\n <slot name="icon"></slot>\n\t\t\t\t<div class="title">\n\t\t\t\t\t<span class="title-text"></span>\n\t\t\t\t</div>\n\t\t\t\t<div class="description"></div>\n\t\t\t\t<div class="button-wrapper">\n\t\t\t\t\t<input type="file" tabindex="-1" aria-labelledby="button"/>\n\t\t\t\t\t<descope-button id="button"></descope-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t',N("\n :host {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t\t:host > div {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\ttext-align: center;\n\t\t\t\tflex-direction: column;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t.button-wrapper {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: fit-content;\n\t\t\t}\n\t\t\tinput {\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\topacity: 0;\n\t\t\t}\n ",this),this.wrapperEle=this.shadowRoot.querySelector(".wrapper"),this.inputElement=this.shadowRoot.querySelector("input"),this.button.onclick=()=>this.inputElement.click(),this.inputElement.onchange=async e=>{const t=e.target.files;var r;t.length&&(this.value=await(r=t[0],new Promise(e=>{const t=new FileReader;t.onload=t=>e(t.target.result),t.readAsDataURL(r)})),this.updateDescription((e=>e.name.replace(/^.*\\/,""))(t[0])))},this.oninvalid=()=>{this.setAttribute("invalid","true")}}getValidity(){return this.isRequired&&!this.input.value?{valueMissing:!0}:(this.removeAttribute("invalid"),{})}initInputs(){this.rootElement.querySelector("descope-button").onclick=()=>this.inputElement.click()}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("title"===e?this.updateTitle(r):"description"===e?this.updateDescription(r):"button-label"===e?this.updateButtonLabel(r):"button-mode"===e?this.updateButtonMode(r):"button-variant"===e?this.updateButtonVariant(r):"size"===e?this.updateButtonSize(r):"accept"===e?this.updateInputAccept(r):"readonly"===e&&this.updateReadOnly(r))}get button(){return this.shadowRoot.querySelector("descope-button")}get input(){return this.shadowRoot.querySelector("input")}get title(){return this.shadowRoot.querySelector(".title-text")}get description(){return this.shadowRoot.querySelector(".description")}get icon(){return this.shadowRoot.querySelector(".icon")}updateTitle(e){this.title.textContent=e}updateDescription(e){this.description.textContent=e}updateButtonLabel(e){this.button.textContent=e}updateButtonSize(e){this.button.setAttribute("size",e)}updateButtonMode(e){this.button.setAttribute("mode",e)}updateButtonVariant(e){this.button.setAttribute("variant",e)}updateInputAccept(e){this.input.setAttribute("accept",e)}updateReadOnly(e){"true"===e?this.input.setAttribute("disabled","true"):this.input.removeAttribute("disabled")}});customElements.define(Da,$a);const Ha=e=>{class t extends(tr({componentName:e,baseSelector:"slot"})){constructor(){super(),this.innerHTML='\n <slot part="wrapper"></slot>\n '}dispatchChange=Ft.bind(this,"change");get items(){return this.querySelector("slot").assignedElements()}get isReadonly(){return"true"===this.getAttribute("readonly")}get size(){return this.getAttribute("size")||"md"}get value(){console.warn("get value","is not implemented")}set value(e){console.warn("set value","is not implemented")}onSizeChange(){this.items.forEach(e=>{e.setAttribute("size",this.size)})}onReadOnlyChange(){this.querySelector("slot").toggleAttribute("inert",this.isReadonly)}getValidity(){console.warn("getValidity","is not implemented")}onObservedAttributeChange(e){e.forEach(e=>{switch(e){case"size":this.onSizeChange();break;case"readonly":this.onReadOnlyChange()}})}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.items[0]?.focus()}),super.init?.(),We(this,this.onObservedAttributeChange.bind(this),{includeAttrs:["size","readonly"]})}}return t},qa=qe("button-selection-group-internal");class Ya extends(Ha(qa)){getSelectedNode(){return this.items.find(e=>e.hasAttribute("selected"))}get allowDeselect(){return"true"===this.getAttribute("allow-deselect")}removeSelected(){this.getSelectedNode()?.removeAttribute("selected")}onClick(e){e.target!==e.currentTarget&&(e.target===this.getSelectedNode()&&this.allowDeselect?this.removeSelected():this.setSelected(e.target),this.dispatchChange())}setSelected(e){e!==this.getSelectedNode()&&(this.removeSelected(),e?.setAttribute("selected","true"))}get defaultValue(){return this.getAttribute("default-value")}setDefaultValue(){setTimeout(()=>{this.defaultValue&&(this.value=this.defaultValue,this.setCustomValidity())})}get value(){return this.getSelectedNode()?.value||""}set value(e){const t=this.items.find(t=>t.value===e);this.setSelected(t)}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}init(){super.init(),this.setDefaultValue(),this.querySelector("slot").addEventListener("click",this.onClick.bind(this))}}const Ua=e=>class extends e{#K=({value:e,label:t})=>`<descope-button-selection-group-item value="${e}">${t}</descope-button-selection-group-item>`;#B;get renderItem(){return this.#K}set renderItem(e){this.#K=e,this.renderItems()}get size(){return this.inputElement?.size}get data(){if(this.#B)return this.#B;const e=this.getAttribute("data");if(e)try{const t=JSON.parse(e);if(this.isValidDataType(t))return t}catch(e){console.error('could not parse data string from attribute "data" - ',e.message)}return[]}set data(e){this.isValidDataType(e)&&(this.#B=e,this.renderItems())}isValidDataType(e){const t=Array.isArray(e);return t||console.error("data must be an array, received:",e),t}getItemsTemplate(){return this.data?.reduce?.((e,t)=>e+(this.renderItem?.(t||{})||""),"")}renderItems(){const e=this.getItemsTemplate();e&&(this.innerHTML=e)}init(){super.init?.(),this.renderItems(),We(this,this.renderItems.bind(this),{includeAttrs:["data"]}),_e(this,({addedNodes:e})=>{e.forEach(e=>{e.setAttribute("size",this.size)})})}},{host:Ga,label:Za,requiredIndicator:Qa,internalWrapper:Ja,errorMessage:Ka}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},internalWrapper:{selector:()=>':host [part="internal-component"] slot'},errorMessage:{selector:"::part(error-message)"}},Xa={hostWidth:{...Ga,property:"width"},hostDirection:{...Ga,property:"direction"},fontFamily:Ga,labelTextColor:[{...Za,property:"color"},{...Qa,property:"color"}],labelRequiredIndicator:{...Qa,property:"content"},errorMessageTextColor:{...Ka,property:"color"},errorMessageIcon:{...Ka,property:"background-image"},errorMessageIconSize:{...Ka,property:"background-size"},errorMessageIconPadding:{...Ka,property:"padding-inline-start"},errorMessageIconRepeat:{...Ka,property:"background-repeat"},errorMessageIconPosition:{...Ka,property:"background-position"},errorMessageFontSize:{...Ka,property:"font-size"},itemsSpacing:{...Ja,property:"gap"}},el=`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\t\n :host {\n --vaadin-field-default-width: auto;\n box-sizing: border-box;\n }\n\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n [part="internal-component"] {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n display: inline-block;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n [part="internal-component"] slot {\n box-sizing: border-box;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n\t\t\tvaadin-text-field {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%\n\t\t\t}\n\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly]::part(input-field)::after {\n\t\t\t\tborder: 0 solid;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n ${mt("vaadin-text-field")}\n\t\t\t${ct("vaadin-text-field")}\n `,tl=qe("button-selection-group"),rl=Be(Nt({mappings:{...Xa}}),Dt,Gt({proxyProps:["value","selectionStart"]}),Vt,Ua,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n <${qa}\n \tname="button-selection-group"\n \tslot="input"\n tabindex="-1"\n part="internal-component"\n >\n <slot></slot>\n </${qa}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(qa),Ue(this,this.inputElement,{includeAttrs:["size","default-value","allow-deselect"]})}})(Wt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>el,excludeAttrsSync:["tabindex","style"],componentName:tl}));customElements.define(qa,Ya);const ol=qe("button-selection-group-item");class il extends(jt({componentName:ol,baseSelector:":host > descope-button"})){get size(){return this.getAttribute("size")||"md"}get variant(){return this.getAttribute("variant")||"contained"}get value(){return this.getAttribute("value")||""}set value(e){this.setAttribute("value",e)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n <descope-button variant="${this.variant}" size="${this.size}" mode="primary">\n <slot></slot>\n </descope-button>\n\t`,N("\n descope-button {\n max-width: 100%;\n }\n\t\t\tdescope-button > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n max-width: 100%\n\t\t\t}\n ",this),Ue(this,this.baseElement,{includeAttrs:["size","variant"]}),Ue(this.baseElement,this,{includeAttrs:["focused","active"]})}handleFocus(){this.shadowRoot.querySelector("descope-button")?.focus()}focus(){this.handleFocus()}init(){super.init(),this.addEventListener("focus",e=>{e.isTrusted&&this.handleFocus()})}}const nl=Be(Nt({mappings:{hostDirection:{selector:()=>Mo.componentName,property:Mo.cssVarList.hostDirection},backgroundColor:{selector:()=>Mo.componentName,property:Mo.cssVarList.backgroundColor},labelTextColor:{selector:()=>Mo.componentName,property:Mo.cssVarList.labelTextColor},borderColor:{selector:()=>Mo.componentName,property:Mo.cssVarList.borderColor},borderWidth:{selector:()=>Mo.componentName,property:Mo.cssVarList.borderWidth},borderStyle:{selector:()=>Mo.componentName,property:Mo.cssVarList.borderStyle},borderRadius:{selector:()=>Mo.componentName,property:Mo.cssVarList.borderRadius},outlineColor:{selector:()=>Mo.componentName,property:Mo.cssVarList.outlineColor}}}),Dt,Vt)(il);customElements.define(ol,nl),customElements.define(tl,rl);const sl=qe("button-multi-selection-group-internal");class al extends(Ha(sl)){#je(){return this.items.filter(e=>e.hasAttribute("selected"))}onClick(e){e.target!==e.currentTarget&&(this.#je().includes(e.target)?e.target.removeAttribute("selected"):e.target.setAttribute("selected","true"),this.dispatchChange())}get value(){return this.#je().map(e=>e.value)}set value(e){this.items.forEach(t=>{e.includes(t.value)?t.setAttribute("selected","true"):t.removeAttribute("selected")})}get minItemsSelection(){return parseInt(this.getAttribute("min-items-selection"),10)||0}get maxItemsSelection(){return parseInt(this.getAttribute("max-items-selection"),10)||0}#Fe(e){const t=Array.isArray(e);return t||console.error("default-values must be an array, received:",e),t}get defaultValues(){const e=this.getAttribute("default-values");if(e)try{const t=JSON.parse(e);if(this.#Fe(t))return t}catch(e){console.error('could not parse data string from attribute "default-values" -',e.message)}return[]}setDefaultValues(){setTimeout(()=>{this.defaultValues&&(this.value=this.defaultValues,this.setCustomValidity())})}getValidity(){return this.isRequired&&!this.value.length?{valueMissing:!0}:this.isRequired&&this.minItemsSelection&&this.value.length<this.minItemsSelection?{rangeUnderflow:!0}:this.maxItemsSelection&&this.value.length>this.maxItemsSelection?{rangeOverflow:!0}:{}}init(){super.init(),this.setDefaultValues(),this.querySelector("slot").addEventListener("click",this.onClick.bind(this))}}const ll=qe("button-multi-selection-group"),dl=Be(Nt({mappings:{...Xa}}),Dt,Gt({proxyProps:["value","selectionStart"]}),Vt,Ua,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n <${sl}\n \tname="button-selection-group"\n \tslot="input"\n tabindex="-1"\n part="internal-component"\n >\n <slot></slot>\n </${sl}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(sl),Ue(this,this.inputElement,{includeAttrs:["size","default-values","min-items-selection","max-items-selection"]})}})(Wt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>el,excludeAttrsSync:["tabindex","style"],componentName:ll}));customElements.define(sl,al),customElements.define(ll,dl);class cl extends h.v{get sortable(){return"true"===this.getAttribute("sortable")}_defaultRenderer(e,t,r){const o=r.item[this.path]||"",i=Array.isArray(o)?o.join(", "):o;this.__setTextContent(e,i),e.title=i}_defaultHeaderRenderer(e,t){this.sortable?super._defaultHeaderRenderer(e,t):this.__setTextContent(e,this.__getHeader(this.header,this.path))}}const pl=qe("grid-text-column");customElements.define(pl,cl);const ul=qe("grid-custom-column");customElements.define(ul,class extends cl{_defaultRenderer(e,t,r){const o=r.item[this.path]||"",i=Array.from(this.children).find(e=>{const t=e.getAttribute("data-pattern");return!t||new RegExp(t).test(o)});if(!i)return void this.__setTextContent(e,r.item[this.path]||"");const n=i.cloneNode(!0);n.textContent=o||"",e.innerHTML="",e.append(n)}});const hl=()=>{const e=document.createElement("descope-checkbox");return e.setAttribute("bordered","true"),e.setAttribute("size","xs"),e},ml=e=>!!e.items?.length&&e.selectedItems.length===e.items.length;class gl extends m.${_onHeaderRendererOrBindingChanged(){}_headerRenderer(e){const t=e.parentNode;let r=e.querySelector("descope-checkbox");r||(r=hl(),r.addEventListener("input",()=>{const e=ml(t);t.selectedItems=e?[]:t.items}),e.appendChild(r)),r.setAttribute("checked",ml(t))}_defaultRenderer(e,t,r){const o=e.parentNode;let i=e.querySelector("descope-checkbox");i||(i=hl(),e.appendChild(i)),i.onchange=()=>{i.checked?o.selectItem(r.item):o.deselectItem(r.item)},i.setAttribute("checked",r.selected)}}const bl=qe("grid-selection-column");customElements.define(bl,gl);class yl extends h.v{get sortable(){return"true"===this.getAttribute("sortable")}_defaultRenderer(e,t,r){const o=t._gridValue,i=o.detailsOpenedItems?.indexOf(r.item)??-1,n=-1!==i,s=document.createElement("vaadin-icon");s.icon=n?"vaadin:angle-up":"vaadin:angle-down",s.classList.add("toggle-details-button",n?"opened":"closed"),e.innerHTML="",e.append(s),s.onclick=()=>{o.detailsOpenedItems=n?o.detailsOpenedItems.toSpliced(i,1):[...o.detailsOpenedItems,r.item]}}_defaultHeaderRenderer(e,t){this.sortable?super._defaultHeaderRenderer(e,t):this.__setTextContent(e,this.__getHeader(this.header,this.path))}}const fl=qe("grid-item-details-column");customElements.define(fl,yl);const vl=qe("code-snippet");let xl=class extends(jt({componentName:vl,baseSelector:":host > code"})){static get observedAttributes(){return["lang","inline"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <code class="hljs"></code>\n ',N("\n :host {\n display: inline-block;\n width: 100%;\n }\n code {\n display: block;\n width: 100%;\n min-height: 1em;\n overflow-x: scroll;\n overflow-y: scroll;\n }\n pre {\n margin: 0;\n }\n ",this)}init(){super.init?.(),this.lang=this.getAttribute("lang"),this.isInline="true"===this.getAttribute("inline"),_e(this,this.#We.bind(this))}get contentNode(){return this.shadowRoot.querySelector(this.baseSelector)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("inline"===e&&(this.isInline=r),"lang"===e&&(this.lang=r),this.#We())}#We(){const e=(e=>{const t=document.createElement("textarea");return t.innerHTML=e,t.value})(this.textContent),t=this.lang;if(!t)return void(this.contentNode.textContent=e);const{value:r}=g.A.highlight(e,{language:t});this.contentNode.innerHTML=(e=>this.isInline?e:`<pre>${e}</pre>`)(r)}};const{root:Cl,docTag:wl,keyword:Il,metaKeyword:Ml,templateTag:Sl,templateVariable:Al,type:El,variableLanguage:Tl,title:kl,titleClass:zl,titleClassInherited:Ll,titleFunction:Nl,attr:Dl,attribute:Vl,literal:Pl,meta:Rl,number:Bl,operator:Ol,variable:jl,selectorAttr:Fl,selectorClass:Wl,selectorId:_l,regexp:$l,string:Hl,metaString:ql,builtIn:Yl,symbol:Ul,comment:Gl,code:Zl,formula:Ql,name:Jl,quote:Kl,selectorTag:Xl,selectorPseudo:ed,subst:td,section:rd,bullet:od,emphasis:id,strong:nd,addition:sd,deletion:ad,charEscape:ld,link:dd,params:cd,property:pd,punctuation:ud,tag:hd}={root:{selector:()=>".hljs"},docTag:{selector:()=>".hljs-doctag"},keyword:{selector:()=>".hljs-keyword"},metaKeyword:{selector:()=>".hljs-meta .hljs-keyword"},templateTag:{selector:()=>".hljs-template-tag"},templateVariable:{selector:()=>".hljs-template-variable"},type:{selector:()=>".hljs-type"},variableLanguage:{selector:()=>".hljs-variable.language"},title:{selector:()=>".hljs-title"},titleClass:{selector:()=>".hljs-title.class_"},titleClassInherited:{selector:()=>".hljs-title.class_.inherited__"},titleFunction:{selector:()=>".hljs-title.function_"},attr:{selector:()=>".hljs-attr"},attribute:{selector:()=>".hljs-attribute"},literal:{selector:()=>".hljs-literal"},meta:{selector:()=>".hljs-meta"},number:{selector:()=>".hljs-number"},operator:{selector:()=>".hljs-operator"},variable:{selector:()=>".hljs-variable"},selectorAttr:{selector:()=>".hljs-selector-attr"},selectorClass:{selector:()=>".hljs-selector-class"},selectorId:{selector:()=>".hljs-selector-id"},regexp:{selector:()=>".hljs-regexp"},string:{selector:()=>".hljs-string"},metaString:{selector:()=>".hljs-meta .hljs-string"},builtIn:{selector:()=>".hljs-built_in"},symbol:{selector:()=>".hljs-symbol"},comment:{selector:()=>".hljs-comment"},code:{selector:()=>".hljs-code"},formula:{selector:()=>".hljs-formula"},name:{selector:()=>".hljs-name"},quote:{selector:()=>".hljs-quote"},selectorTag:{selector:()=>".hljs-selector-tag"},selectorPseudo:{selector:()=>".hljs-selector-pseudo"},subst:{selector:()=>".hljs-subst"},section:{selector:()=>".hljs-section"},bullet:{selector:()=>".hljs-bullet"},emphasis:{selector:()=>".hljs-emphasis"},strong:{selector:()=>".hljs-strong"},addition:{selector:()=>".hljs-addition"},deletion:{selector:()=>".hljs-deletion"},charEscape:{selector:()=>".hljs-char.escape"},link:{selector:()=>".hljs-link"},params:{selector:()=>".hljs-params"},property:{selector:()=>".hljs-property"},punctuation:{selector:()=>".hljs-punctuation"},tag:{selector:()=>".hljs-tag"}},md=Be(Nt({mappings:{rootBgColor:{...Cl,property:"background-color"},rootTextColor:{...Cl,property:"color"},docTagTextColor:{...wl,property:"color"},keywordTextColor:{...Il,property:"color"},metaKeywordTextColor:{...Ml,property:"color"},templateTagTextColor:{...Sl,property:"color"},templateVariableTextColor:{...Al,property:"color"},typeTextColor:{...El,property:"color"},variableLanguageTextColor:{...Tl,property:"color"},titleTextColor:{...kl,property:"color"},titleClassTextColor:{...zl,property:"color"},titleClassInheritedTextColor:{...Ll,property:"color"},titleFunctionTextColor:{...Nl,property:"color"},attrTextColor:{...Dl,property:"color"},attributeTextColor:{...Vl,property:"color"},literalTextColor:{...Pl,property:"color"},metaTextColor:{...Rl,property:"color"},numberTextColor:{...Bl,property:"color"},operatorTextColor:{...Ol,property:"color"},variableTextColor:{...jl,property:"color"},selectorAttrTextColor:{...Fl,property:"color"},selectorClassTextColor:{...Wl,property:"color"},selectorIdTextColor:{..._l,property:"color"},regexpTextColor:{...$l,property:"color"},stringTextColor:{...Hl,property:"color"},metaStringTextColor:{...ql,property:"color"},builtInTextColor:{...Yl,property:"color"},symbolTextColor:{...Ul,property:"color"},commentTextColor:{...Gl,property:"color"},codeTextColor:{...Zl,property:"color"},formulaTextColor:{...Ql,property:"color"},nameTextColor:{...Jl,property:"color"},quoteTextColor:{...Kl,property:"color"},selectorTagTextColor:{...Xl,property:"color"},selectorPseudoTextColor:{...ed,property:"color"},substTextColor:{...td,property:"color"},sectionTextColor:{...rd,property:"color"},bulletTextColor:{...od,property:"color"},emphasisTextColor:{...id,property:"color"},strongTextColor:{...nd,property:"color"},additionTextColor:{...sd,property:"color"},additionBgColor:{...sd,property:"background-color"},deletionTextColor:{...ad,property:"color"},deletionBgColor:{...ad,property:"background-color"},charEscapeTextColor:{...ld,property:"color"},linkTextColor:{...dd,property:"color"},paramsTextColor:{...cd,property:"color"},propertyTextColor:{...pd,property:"color"},punctuationTextColor:{...ud,property:"color"},tagTextColor:{...hd,property:"color"}}}),Dt,Vt)(xl);customElements.define(vl,md);const gd=e=>{const t=Array.isArray(e);return t||console.error("data must be an array, received:",e),t},bd=e=>{const t=document.createElement("div");return t.textContent=e,t.innerHTML},yd=e=>(e=>e?.constructor===Object)(e)?"object":Array.isArray(e)?"array":/^\s*<[\s\S]*>/.test(e)?"xml":"text",fd=(e,t)=>`<descope-code-snippet lang="${t}" class="row-details__value code">${bd(e)}</descope-code-snippet>`,vd=e=>`<div class="row-details__value text" title="${e}">${bd(e)}</div>`,xd=e=>fd(JSON.stringify(e,null,2),"json"),Cd=qe("grid"),{host:wd,headerRow:Id,headerRowCell:Md,contentRow:Sd,firstRow:Ad,sortIndicators:Ed,activeSortIndicator:Td,selectedRow:kd,rowSeparator:zd,resizeHandle:Ld,toggleDetailsPanelButton:Nd,toggleDetailsPanelButtonOpened:Dd,toggleDetailsPanelButtonClosed:Vd,detailsPanel:Pd,detailsPanelLabels:Rd,selectedRowCell:Bd,detailsPanelContent:Od}={host:{selector:()=>"vaadin-grid"},headerRow:{selector:()=>"::part(header-cell)"},headerRowCell:{selector:()=>"vaadin-grid::part(header-cell)"},contentRow:{selector:()=>"::part(cell)"},firstRow:{selector:()=>"::part(first-header-row-cell)"},selectedRow:{selector:()=>"::part(selected-row)"},selectedRowCell:{selector:()=>"::part(selected-row-cell)"},sortIndicators:{selector:()=>"vaadin-grid-sorter::part(indicators)"},activeSortIndicator:{selector:()=>"vaadin-grid-sorter[direction]"},rowSeparator:{selector:()=>"vaadin-grid::part(body-cell)"},resizeHandle:{selector:()=>"::part(resize-handle)"},toggleDetailsPanelButton:{selector:()=>"vaadin-grid vaadin-icon.toggle-details-button"},toggleDetailsPanelButtonOpened:{selector:()=>"vaadin-grid vaadin-icon.toggle-details-button.opened"},toggleDetailsPanelButtonClosed:{selector:()=>"vaadin-grid vaadin-icon.toggle-details-button.closed"},detailsPanel:{selector:()=>"vaadin-grid::part(details-cell)"},detailsPanelLabels:{selector:()=>"vaadin-grid .row-details__label"},detailsPanelContent:{selector:()=>"vaadin-grid .row-details"}},jd=Be(Nt({componentNameOverride:qe("input-wrapper")}),Nt({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostHeight:{selector:()=>":host",property:"height"},hostMinHeight:{selector:()=>":host",property:"min-height"},fontFamily:[{...Id},{...Sd}],fontSize:[{...Id},{...Sd}],fontWeight:{...Sd},valueTextColor:{...Sd,property:"color"},backgroundColor:[{...wd,property:"background-color"},{...Sd,property:"background-color"}],sortIndicatorsColor:{...Ed,property:"color"},activeSortIndicator:{...Td,property:"color"},borderColor:{...wd,property:"border-color"},borderWidth:{...wd,property:"border-width"},borderStyle:{...wd,property:"border-style"},borderRadius:{...wd,property:"border-radius"},selectedBackgroundColor:[{...kd,property:"background-color"},{...Bd,property:"background-color"}],headerRowTextColor:{...Md,property:"color"},separatorColor:[{...Ad,property:"border-bottom-color"},{...zd,property:"border-top-color"}],resizeHandleColor:{...Ld,property:"background-color"},hostDirection:{...wd,property:"direction",fallback:"ltr"},toggleDetailsPanelButtonSize:[{...Nd,property:"width"},{...Nd,property:"height"}],toggleDetailsPanelButtonOpenedColor:{...Dd,property:"color"},toggleDetailsPanelButtonClosedColor:{...Vd,property:"color"},toggleDetailsPanelButtonCursor:{...Nd,property:"cursor"},detailsPanelBackgroundColor:{...Pd,property:"background-color"},detailsPanelBorderTopColor:{...Pd,property:"border-top-color"},detailsPanelLabelsColor:{...Rd,property:"color"},detailsPanelLabelsFontSize:{...Rd,property:"font-size"},detailsPanelItemsGap:{...Od,property:"grid-gap"},detailsPanelPadding:{...Od,property:"padding"}}}),Dt,Vt,e=>class extends e{#_e;init(){super.init?.(),this.handleColumns(),this.forwardSelectedItemsChange(),this.baseElement._mapSorters=()=>{};const e=this.baseElement._updateDetailsCellHeight;this.baseElement._updateDetailsCellHeight=t=>{t&&e.call(this.baseElement,t)},this.baseElement.rowDetailsRenderer=this.#$e.bind(this)}#$e=async(e,t,r)=>{e.addEventListener("mousedown",e=>e.stopImmediatePropagation(),!0);const o=this.getRowDetailsTemplate(r.item);e.innerHTML="",e.append(o.content.cloneNode(!0))};getRowDetailsTemplate(e){const t=this.#_e.reduce((e,{path:t,header:r})=>t&&r?{...e,[t]:r}:e,{}),r=this.rowDetailsRenderer?.(e,t)??((e,t)=>`\n <div class="row-details">\n ${Object.entries(e).map(([e,r])=>{return`<div class="row-details__item" >\n <div class="row-details__label">${t[e]||(o=e,o.replace(/([A-Z])/g," $1").trim().split(" ").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "))}</div>\n ${(e=>{const t=yd(e);return"object"===t?xd(e):"xml"===t?(e=>fd(e,"xml"))(e):"array"===t?e.some(e=>"object"===yd(e))?xd(e):vd(e.join(",\n")):vd(e)})(r)}\n </div>`;var o}).join("\n")}\n</div>\n `)(e,t);switch(!0){case r instanceof HTMLTemplateElement:return r;case"string"==typeof r:return Object.assign(document.createElement("template"),{innerHTML:r});default:throw new Error("rowDetailsRenderer should return a string or a template")}}forwardSelectedItemsChange(){this.baseElement.addEventListener("selected-items-changed",e=>{this.dispatchEvent(new CustomEvent("selected-items-changed",{bubbles:!0,composed:!0,detail:e.detail}))})}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"columns"===e&&this.setColumnsDataFromAttr()}handleColumns(){this.columnsAttr?this.setColumnsDataFromAttr():this.children.length&&this.setColumnsFromChildren()}setColumnsFromChildren(){this.#_e=Array.from(this.children).map(e=>({path:e.getAttribute("path"),header:e.getAttribute("header"),type:e.localName.match("^descope-grid-(\\w+)-column$")?.[1]||"text",attrs:["frozen","resizable","auto-width","status"].reduce((t,r)=>{const o=e.getAttribute(r);return o&&(t[r]=o),t},{})}))}get columnsAttr(){return this.getAttribute("columns")}setColumnsDataFromAttr(){try{const e=JSON.parse(this.columnsAttr);gd(e)&&(this.columns=e)}catch(e){console.error('could not parse data string from attribute "columns" -',e.message)}}#He=({path:e,header:t,type:r,attrs:o})=>{const i=`descope-grid-${r}-column`;return`<${i} header="${t}" path="${e}" ${Object.entries(o).map(([e,t])=>`${e}="${t}"`).join(" ")}></${i}>`};get renderColumn(){return this.#He}set renderColumn(e){this.#He=e,this.renderColumns()}getColumnsTemplate(){return this.#_e?.reduce?.((e,t)=>e+(this.renderColumn?.(t||{})||""),"")}reassignRowDetailsRenderer(){this.baseElement.rowDetailsRenderer=null,setTimeout(()=>{this.baseElement.rowDetailsRenderer=this.#$e.bind(this)},0)}renderColumns(){const e=this.getColumnsTemplate();e&&(this.reassignRowDetailsRenderer(),this.innerHTML=e)}get grid(){return this.shadowRoot.querySelector("vaadin-grid")}get data(){return this.grid.items}set data(e){if(gd(e)&&this.grid.items!==e&&(this.grid.items=e,this.grid.selectedItems)){const e=new Set(this.grid.items.map(e=>e[this.uniqueColumnId]??e)),t=this.grid.selectedItems.filter(t=>e.has(t[this.uniqueColumnId]??t));this.grid.selectedItems.length!==t.length&&(this.grid.selectedItems=t)}}get columns(){return this.#_e}set columns(e){this.#_e=e,this.renderColumns()}get paths(){return this.columns.map(e=>e.path)}get uniqueColumnId(){return this.getAttribute("unique-column-id")}})(Wt({delegatesFocus:!1,slots:[""],wrappedEleName:"vaadin-grid",style:()=>`\n /*css*/\n vaadin-grid {\n overflow: hidden;\n height: 100%;\n min-height: 300px;\n }\n vaadin-grid-cell-content {\n display: flex;\n }\n vaadin-grid::part(selected-row-cell) {\n background-image: none;\n box-shadow: none;\n background-color: inherit;\n }\n vaadin-grid::part(details-cell) {\n border-top-style: dashed;\n border-top-width: 1px;\n }\n vaadin-grid .row-details {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(max(200px, calc(100%/4 - var(${jd.cssVarList.detailsPanelItemsGap}))), 1fr));\n width: 100%;\n }\n vaadin-grid .row-details__item:has(.row-details__value.code) {\n grid-column: 1 / -1;\n order: 2;\n }\n vaadin-grid .row-details__value.text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: pre;\n }\n vaadin-grid .row-details__value.code {\n margin-top: 5px;\n max-height: 120px;\n overflow: scroll;\n font-size: 0.85em;\n }\n vaadin-grid vaadin-icon.toggle-details-button {\n margin: auto;\n }\n /*!css*/\n\t\t`,excludeAttrsSync:["columns","tabindex","style"],componentName:Cd}));customElements.define(Cd,jd);const Fd=qe("multi-select-combo-box"),{host:Wd,inputField:_d,inputElement:$d,placeholder:Hd,toggle:qd,clearButton:Yd,label:Ud,requiredIndicator:Gd,helperText:Zd,errorMessage:Qd,chip:Jd,chipLabel:Kd,overflowChipFirstBorder:Xd,overflowChipSecondBorder:ec}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"input"},placeholder:{selector:"> input:placeholder-shown"},toggle:{selector:"::part(toggle-button)"},clearButton:{selector:"::part(clear-button)"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},chip:{selector:"vaadin-multi-select-combo-box-chip"},chipLabel:{selector:"vaadin-multi-select-combo-box-chip::part(label)"},overflowChipFirstBorder:{selector:"vaadin-multi-select-combo-box-chip[slot='overflow']::before"},overflowChipSecondBorder:{selector:"vaadin-multi-select-combo-box-chip[slot='overflow']::after"}},tc=Be(Nt({mappings:{hostWidth:{...Wd,property:"width"},hostDirection:{...Wd,property:"direction"},fontSize:[{},Wd],chipFontSize:{...Kd,property:"font-size"},fontFamily:[Ud,Hd,_d,Zd,Qd,Kd],labelFontSize:{...Ud,property:"font-size"},labelFontWeight:{...Ud,property:"font-weight"},labelTextColor:[{...Ud,property:"color"},{...Gd,property:"color"}],errorMessageTextColor:{...Qd,property:"color"},errorMessageIcon:{...Qd,property:"background-image"},errorMessageIconSize:{...Qd,property:"background-size"},errorMessageIconPadding:{...Qd,property:"padding-inline-start"},errorMessageIconRepeat:{...Qd,property:"background-repeat"},errorMessageIconPosition:{...Qd,property:"background-position"},errorMessageFontSize:{...Qd,property:"font-size"},inputHeight:{..._d,property:"min-height"},inputBackgroundColor:{..._d,property:"background-color"},inputBorderColor:{..._d,property:"border-color"},inputBorderWidth:{..._d,property:"border-width"},inputBorderStyle:{..._d,property:"border-style"},inputBorderRadius:{..._d,property:"border-radius"},labelRequiredIndicator:{...Gd,property:"content"},inputValueTextColor:{..._d,property:"color"},inputPlaceholderTextColor:{...Hd,property:"color"},inputDropdownButtonCursor:[{...qd,property:"cursor"},{...Yd,property:"cursor"}],inputDropdownButtonColor:[{...qd,property:"color"},{...Yd,property:"color"}],inputDropdownButtonSize:[{...qd,property:"font-size"},{...Yd,property:"font-size"}],inputDropdownButtonOffset:[{...qd,property:"margin-right"},{...qd,property:"margin-left"}],inputOutlineColor:{..._d,property:"outline-color"},inputOutlineWidth:{..._d,property:"outline-width"},inputOutlineStyle:{..._d,property:"outline-style"},inputOutlineOffset:{..._d,property:"outline-offset"},inputHorizontalPadding:[{...$d,property:"padding-left"},{...$d,property:"padding-right"},{..._d,property:"padding-inline-start"}],inputVerticalPadding:[{..._d,property:"padding-top"},{..._d,property:"padding-bottom"}],chipTextColor:{...Kd,property:"color"},chipBackgroundColor:[{...Jd,property:"background-color"},{...Xd,property:"border-color"},{...ec,property:"border-color"}],labelPosition:{...Ud,property:"position"},labelTopPosition:{...Ud,property:"top"},labelLeftPosition:{...Ud,property:"left"},labelHorizontalPosition:[{...Ud,property:"left"},{...Ud,property:"right"}],inputTransformY:{...Ud,property:"transform"},inputTransition:{...Ud,property:"transition"},marginInlineStart:{...Ud,property:"margin-inline-start"},placeholderOpacity:{...Hd,property:"opacity"},inputVerticalAlignment:{..._d,property:"align-items"},overlayBackground:{property:()=>tc.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>tc.cssVarList.overlay.textColor},overlayBorder:{property:()=>tc.cssVarList.overlay.border},overlayFontSize:{property:()=>tc.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>tc.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>tc.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>tc.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>tc.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>tc.cssVarList.overlay.itemPaddingInlineEnd}}}),Dt,Qt({name:"overlay",selector:"vaadin-multi-select-combo-box-internal",mappings:{backgroundColor:{selector:"vaadin-multi-select-combo-box-scroller"},minHeight:{selector:"vaadin-multi-select-combo-box-overlay"},margin:{selector:"vaadin-multi-select-combo-box-overlay"},cursor:{selector:"vaadin-multi-select-combo-box-item"},fontFamily:{selector:"vaadin-multi-select-combo-box-item"},textColor:{selector:"vaadin-multi-select-combo-box-item",property:"color"},fontSize:{selector:"vaadin-multi-select-combo-box-item"},itemBoxShadow:{selector:"vaadin-multi-select-combo-box-item",property:"box-shadow"},itemPaddingInlineStart:{selector:"vaadin-multi-select-combo-box-item",property:"padding-inline-start"},itemPaddingInlineEnd:{selector:"vaadin-multi-select-combo-box-item",property:"padding-inline-end"}},forward:{include:!1,attributes:["size"]}}),Gt({proxyProps:["selectionStart"],inputEvent:"selected-items-changed"}),Jt,Vt,e=>class extends e{static get observedAttributes(){return["readonly"]}#K=({displayName:e,value:t,label:r})=>{const o=document.createElement("span");return o.setAttribute("data-name",r),o.setAttribute("data-id",t),o.textContent=e||r,o.outerHTML};#B;#qe=[];get defaultValues(){const e=this.getAttribute("default-values");if(e)try{const t=JSON.parse(e);if(this.isValidDataType(t))return t}catch(e){console.error('could not parse data string from attribute "default-values" -',e.message)}return[]}get renderItem(){return this.#K}set renderItem(e){this.#K=e,this.renderItems()}get data(){if(this.#B)return this.#B;const e=this.getAttribute("data");if(e)try{const t=JSON.parse(e);if(this.isValidDataType(t))return t}catch(e){console.error('could not parse data string from attribute "data" -',e.message)}return[]}set data(e){this.isValidDataType(e)&&(this.#B=e,this.renderItems())}get allowCustomValues(){return"true"===this.getAttribute("allow-custom-value")}get minItemsSelection(){return parseInt(this.getAttribute("min-items-selection"),10)||0}get maxItemsSelection(){return parseInt(this.getAttribute("max-items-selection"),10)||0}isValidDataType(e){const t=Array.isArray(e);return t||console.error("data and default-values must be an array, received:",e),t}getItemsTemplate(){return this.data?.reduce?.((e,t)=>e+(this.renderItem?.(t||{})||""),"")}renderItems(){const e=this.getItemsTemplate();e&&(this.innerHTML=e)}updateSelectedItems(){const e=this.baseElement.selectedItems?.map(e=>e.getAttribute("data-id"))||[];e.length>0&&(this.value=e),0===this.value.length&&this.setDefaultValues()}customValueTransformFn(e){return e}setComboBoxDescriptor(){const e=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value"),t=this;Object.defineProperties(this.inputElement,{value:{...e,set(r){const o=t.customValueTransformFn(r)||"";o!==this.value&&e.set.call(this,o)}}})}#Ye(e){return Array.from(new Map(e.map(e=>[e.getAttribute("data-id"),e])).values())}#X(){const e=Array.from(this.children),t=this.#Ye(e);e.length?(this.removeAttribute("has-no-options"),t.forEach(e=>{Object.defineProperty(e,"data-name",{value:e.getAttribute("data-name"),configurable:!0,writable:!0}),Object.defineProperty(e,"data-id",{value:e.getAttribute("data-id"),configurable:!0,writable:!0})}),this.baseElement.items=t,setTimeout(()=>{this.updateSelectedItems()},0)):(this.baseElement.items=[],this.setAttribute("has-no-options","")),this.baseElement.renderer=(e,t,r)=>{e.innerHTML=r.item.outerHTML}}#ee(){const e=this.baseElement.shadowRoot.querySelector("vaadin-multi-select-combo-box-internal").shadowRoot.querySelector("vaadin-multi-select-combo-box-overlay");e._attachOverlay=()=>{e.bringToFront()},e._detachOverlay=()=>{},e._enterModalState=()=>{}}#Ue(){this.allowCustomValues&&this.baseElement.addEventListener("custom-value-set",e=>{const t=this.#K({label:e.detail,displayName:e.detail,value:e.detail});this.innerHTML+=t,this.baseElement._lastFilter="",setTimeout(()=>{this.value=[...this.value,e.detail]},0)})}setGetValidity(){this.getValidity=function(){if(this.pattern){const e=new RegExp(this.pattern);if(this.value.some(t=>!e.test(t)))return{patternMismatch:!0}}return this.isRequired&&!this.value.length?{valueMissing:!0}:this.isRequired&&this.minItemsSelection&&this.value.length<this.minItemsSelection?{rangeUnderflow:!0}:this.maxItemsSelection&&this.value.length>this.maxItemsSelection?{rangeOverflow:!0}:{}};const e=this;this.baseElement.checkValidity=()=>e.validity.valid}init(){super.init?.(),this.setGetValidity(),this.#Ue(),this.renderItems(),We(this,this.renderItems.bind(this),{includeAttrs:["data"]}),_e(this,this.#X.bind(this)),Ue(this,this.baseElement,{includeAttrs:["placeholder"]}),setTimeout(()=>{this.setComboBoxDescriptor(),this.#ee()}),this.setDefaultValues(),this.baseElement.addEventListener("selected-items-changed",()=>{this.#Ge(),this.dispatchEvent(new CustomEvent("input",{bubbles:!0}))})}setDefaultValues(){this.defaultValues.length>0&&(this.value=this.defaultValues)}#Ge(){this.#qe=this.baseElement.selectedItems?.map(e=>e.getAttribute("data-id"))||[]}set value(e){if(e&&e.length>0){const t=this.baseElement.items?.filter(t=>e.includes(t["data-id"]));if(this.allowCustomValues){const r=t?.map(e=>e.getAttribute("data-id"))||[],o=e.filter(e=>!r.includes(e));if(o.length){const t=o.reduce((e,t)=>e+this.#K({label:t,displayName:t,value:t}),"");return this.innerHTML+=t,void setTimeout(()=>{this.value=e},0)}}const r=t?.map(e=>e.getAttribute("data-id"))||[];((e,t)=>{if(!Array.isArray(e)||!Array.isArray(t))return!1;if(e.length!==t.length)return!1;const r=e.slice().sort(),o=t.slice().sort();for(let e=0;e<r.length;e++)if(r[e]!==o[e])return!1;return!0})(this.#qe,r)||(this.baseElement.selectedItems=t)}else this.baseElement.selectedItems=[]}get value(){return this.#qe}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"readonly"===e&&this.onReadOnlyChange(null!==r&&"true"===r)}onReadOnlyChange(e){e?this.baseElement?.shadowRoot?.querySelector("vaadin-multi-select-combo-box-internal")?.setAttribute("inert",e):this.baseElement?.shadowRoot?.querySelector("vaadin-multi-select-combo-box-internal")?.removeAttribute("inert")}})(Wt({slots:["","prefix"],wrappedEleName:"vaadin-multi-select-combo-box",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\tbox-sizing: border-box;\n\t\t\t-webkit-mask-image: none;\n\t\t}\n\t\t${at(tc.cssVarList)}\n\t\t\n vaadin-multi-select-combo-box::part(input-field)::after {\n opacity: 0;\n }\n\n\t\t${pt("vaadin-multi-select-combo-box")}\n\t\t${ct("vaadin-multi-select-combo-box")}\n\n\t\tvaadin-multi-select-combo-box {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t}\n\t\tvaadin-multi-select-combo-box::before {\n\t\t\theight: initial;\n\t\t}\n\t\tvaadin-multi-select-combo-box [slot="input"] {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n align-self: center;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\tvaadin-multi-select-combo-box[readonly] [slot="input"] {\n flex-grow: 1;\n flex-basis: 4em;\n\t\t}\n\n\t\t::part(input-field) {\n padding: 0;\n\t\t\tbox-shadow: none;\n\t\t}\n ${mt("vaadin-multi-select-combo-box")}\n :host([has-label]) vaadin-multi-select-combo-box-chip::part(label) {\n display: block;\n }\n\n vaadin-multi-select-combo-box vaadin-multi-select-combo-box-chip[slot='overflow']::before,\n vaadin-multi-select-combo-box vaadin-multi-select-combo-box-chip[slot='overflow']::after {\n left: -4px;\n right: -4px;\n border-left-width: 0;\n border-inline-start-style: solid;\n border-inline-start-width: 2px;\n }\n vaadin-multi-select-combo-box vaadin-multi-select-combo-box-chip[slot='overflow']::after {\n left: -8px;\n right: -8px;\n }\n\n :host([has-no-options][allow-custom-value='true']) ::part(toggle-button) {\n display: none;\n }\n\n \n :host([label-type="floating"]) {\n position: relative;\n }\n :host([label-type="floating"][has-label]) > ::part(label) {\n z-index: 1;\n padding: 0;\n width: auto;\n }\n \n\n vaadin-multi-select-combo-box::part(toggle-button),\n vaadin-multi-select-combo-box::part(clear-button) {\n align-self: center;\n }\n\n vaadin-multi-select-combo-box[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n opacity: 0;\n }\n vaadin-multi-select-combo-box[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n opacity: 0;\n }\n\n\t\t`,excludeAttrsSync:["tabindex","size","data","placeholder","style"],componentName:Fd,includeForwardProps:["items","renderer","selectedItems"]}));customElements.define(Fd,tc);const rc=qe("modal"),oc=["opened"],ic=Be(Nt({mappings:{overlayBackdropColor:{property:()=>ic.cssVarList.overlay.backdropColor},overlayBackgroundColor:{property:()=>ic.cssVarList.overlay.backgroundColor},overlayShadow:{property:()=>ic.cssVarList.overlay.shadow},overlayWidth:{property:()=>ic.cssVarList.overlay.width},overlayBorderWidth:{property:()=>ic.cssVarList.overlay.borderWidth},overlayBorderStyle:{property:()=>ic.cssVarList.overlay.borderStyle},overlayBorderColor:{property:()=>ic.cssVarList.overlay.borderColor},overlayBorderRadius:{property:()=>ic.cssVarList.overlay.borderRadius}}}),Qt({name:"overlay",selector:"",mappings:{hostDisplay:{selector:()=>":host(.descope-modal)",property:"display",important:!0},backgroundColor:[{selector:()=>"::part(content)",property:"background-color"},{selector:()=>"::part(overlay)",property:"background-color"}],backdropColor:{selector:()=>"::part(backdrop)",property:"background-color"},borderStyle:{selector:()=>"::part(content)",property:"border-style"},borderWidth:{selector:()=>"::part(content)",property:"border-width"},borderColor:{selector:()=>"::part(content)",property:"border-color"},borderRadius:{selector:()=>"::part(content)",property:"border-radius "},width:{selector:()=>"::part(overlay)",property:"width"},shadow:{selector:()=>"::part(overlay)",property:"box-shadow"}},forward:{include:!1,attributes:["opened","style"]}}),Dt,Vt,e=>class extends e{static get observedAttributes(){return[].concat(e.observedAttributes||[],oc)}get opened(){return"true"===this.getAttribute("opened")}handleOpened(){this.opened?this.style.display="":this.style.display="none"}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"opened"===e&&this.handleOpened()}init(){super.init?.(),this.style.display="none",setTimeout(()=>{this.baseElement.shadowRoot.querySelector("vaadin-dialog-overlay").appendChild(document.createElement("slot")),this.#ee(),Ue(this,this.baseElement,{includeAttrs:["opened"]}),this.handleOpened()})}#ee(){const e=this.baseElement.shadowRoot.querySelector("vaadin-dialog-overlay");e._attachOverlay=()=>{e.bringToFront(),N("\n :host {\n display: flex!important;\n }\n ",this.baseElement)},e._detachOverlay=()=>{this.baseElement.style.display="none"},e._enterModalState=()=>{},e.close=()=>!1}})(Wt({slots:[""],wrappedEleName:"vaadin-dialog",style:()=>"\n vaaadin-dialog {\n display: flex!important;\n }\n ",excludeAttrsSync:["tabindex","opened","style"],componentName:rc}));customElements.define(rc,ic);const nc=window.customElements.get("vaadin-notification-container");if(!nc)throw new Error("could not get vaadin-notification-container class");customElements.define(qe("notification-container"),class extends nc{});const sc=qe("notification-card"),ac={content:()=>"vaadin-notification-card::part(content)",overlay:()=>"vaadin-notification-card::part(overlay)"},lc=Be(Nt({mappings:{hostMinWidth:{selector:ac.content,property:"min-width"},fontFamily:{},fontSize:{},backgroundColor:{selector:ac.content},textColor:{property:"color"},boxShadow:{},borderWidth:{selector:ac.content,property:"border-width"},borderColor:{selector:ac.content,property:"border-color"},borderStyle:{selector:ac.content,property:"border-style"},borderRadius:[{selector:ac.content,property:"border-radius"},{selector:ac.overlay,property:"border-radius"}],verticalPadding:[{selector:ac.content,property:"padding-top"},{selector:ac.content,property:"padding-bottom"}],horizontalPadding:[{selector:ac.content,property:"padding-right"},{selector:ac.content,property:"padding-left"}]}}),e=>class extends e{close(){this.baseElement.addEventListener("animationend",()=>{this.remove(),this.dispatchEvent(new Event("card-closed"))}),this.setAttribute("opened","false")}constructor(){super(),this.baseElement.innerHTML='\n <div part="root">\n <div part="content">\n <slot></slot>\n </div>\n <div part="close">\n <slot name="close"></slot>\n </div>\n </div>\n ',this.closeEle=this.shadowRoot.querySelector('[part="close"]')}init(){super.init?.(),this.closeEle.onclick=()=>{this.close()}}})(Wt({slots:[],wrappedEleName:"vaadin-notification-card",style:()=>'\n vaadin-notification-card {\n box-shadow: none;\n }\n ::part(overlay) {\n box-shadow: none;\n background: none;\n }\n\n [part="close"] {\n cursor: pointer;\n display: flex;\n }\n\n [part="content"] {\n display: flex;\n align-items: center;\n flex-grow: 1;\n }\n\n [part="root"] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n }\n ',excludeAttrsSync:["tabindex","style"],componentName:sc}));customElements.define(sc,lc);const dc=qe("notification"),cc=Be(Dt,Vt,Rt,e=>class t extends e{#Ze;constructor(){super();const e=this;Object.defineProperty(this.baseElement,"_container",{get:()=>(t._container||(t._container=document.createElement("descope-notification-container"),t._container.style.position="absolute",document.body.appendChild(t._container)),t._container.isConnected||setTimeout(()=>e.parentNode.appendChild(t._container)),t._container)}),Object.defineProperty(this.baseElement,"_card",{get:()=>e.#Ze}),this.baseElement._removeNotificationCard=this.close.bind(this)}close(){this.#Ze.close()}init(){super.init?.(),this.createCard(),Ue(this,this.#Ze),He(this.#Ze,this,{includeAttrs:["opened"]}),this.baseElement.renderer=e=>{Array.from(this.childNodes).forEach(t=>e.appendChild(t))}}get isContainerEmpty(){return!t._container.children.length}removeContainer(){t._container.remove()}removeNotification(){this.remove(),this.isContainerEmpty&&this.removeContainer()}createCard(){this.#Ze=document.createElement("descope-notification-card"),this.#Ze.addEventListener("card-closed",this.removeNotification.bind(this))}})(Wt({wrappedEleName:"vaadin-notification",excludeAttrsSync:["tabindex","style"],componentName:dc}));customElements.define(dc,cc);const pc=qe("mappings-field-internal"),uc=tr({componentName:pc,baseSelector:"div"}),hc=qe("mappings-field"),{host:mc,helperText:gc,errorMessage:bc,mappingItem:yc,labels:fc,labelsText:vc,valueLabel:xc,attrLabel:Cc,separator:wc,labelsContainer:Ic}={host:{selector:()=>":host"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},mappingItem:{selector:"descope-mapping-item::part(wrapper)"},labels:{selector:'descope-mappings-field-internal [part="labels"] descope-text'},labelsText:{selector:'descope-mappings-field-internal [part="labels"] descope-text::part(text-wrapper)'},valueLabel:{selector:'descope-mappings-field-internal [part="labels"] [part="value-label"]'},attrLabel:{selector:'descope-mappings-field-internal [part="labels"] [part="attr-label"]'},separator:{selector:"descope-mapping-item::part(separator)"},labelsContainer:{selector:'descope-mappings-field-internal [part="labels"]'}},Mc=Be(Nt({mappings:{hostWidth:{...mc,property:"width"},hostDirection:{...mc,property:"direction"},fontSize:[{},mc,{...wc,property:"margin-top"}],fontFamily:[gc,bc,fc],separatorFontSize:{...wc,property:"font-size"},labelsFontSize:{...vc,property:"font-size"},labelsLineHeight:[{...vc,property:"line-height"},{...fc,property:"line-height"}],labelTextColor:[{...fc,property:xr.cssVarList.textColor},{...wc,property:"color"}],itemMarginBottom:{...yc,property:"margin-bottom"},valueLabelMinWidth:{...xc,property:"min-width"},attrLabelMinWidth:{...Cc,property:"min-width"},labelsMarginBottom:{...Ic,property:"margin-bottom"},separatorWidth:{},removeButtonWidth:{}}}),Dt,Gt({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),Vt,e=>class extends e{get defaultValues(){const e=this.getAttribute("default-values");if(e)try{return JSON.parse(e)}catch(e){console.error('could not parse data string from attribute "default-values" -',e.message)}return[]}setDefaultValues(){const e=this.defaultValues;Object.keys(e).length>0&&(this.inputElement.value=e)}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n <${pc}\n tabindex="-1"\n ></${pc}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(pc),Ue(this,this.inputElement,{includeAttrs:["size","full-width","label-value","label-attr","button-label","separator","options","default-values","invalid","readonly","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),He(this,this.inputElement,{includeAttrs:["invalid"]}),this.setDefaultValues()}})(Wt({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>`\n :host {\n display: inline-flex;\n max-width: 100%;\n direction: ltr;\n }\n vaadin-custom-field {\n line-height: unset;\n width: 100%;\n }\n\n descope-mappings-field-internal [part="labels"] {\n display: none;\n grid-template-columns: 1fr var(${Mc.cssVarList.separatorWidth}) 1fr var(${Mc.cssVarList.removeButtonWidth});\n }\n\n descope-mappings-field-internal [part="labels"] [part="value-label"],\n descope-mappings-field-internal [part="labels"] [part="attr-label"] {\n ${xr.cssVarList.fontWeight}: 500;\n }\n\n descope-mappings-field-internal [part="labels"] [part="value-label"] {\n grid-column: 1 / span 1;\n }\n\n descope-mappings-field-internal [part="labels"] [part="attr-label"] {\n grid-column: 3 / span 1;\n }\n\n descope-mapping-item::part(wrapper) {\n display: grid;\n grid-template-columns: 1fr var(${Mc.cssVarList.separatorWidth}) 1fr var(${Mc.cssVarList.removeButtonWidth});\n }\n `,excludeAttrsSync:["tabindex","label-value","label-attr","button-label","options","error-message","style"],componentName:hc}));customElements.define(pc,class extends uc{#Qe;static get observedAttributes(){return[].concat(uc.observedAttributes||[],["label-value","label-attr","button-label","invalid","readonly","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"])}isValidDataType(e){try{return e.every(e=>"object"==typeof e&&!Array.isArray(e)&&1===Object.getOwnPropertyNames(e).length&&"string"==typeof e[Object.keys(e)[0]]&&""!==e[Object.keys(e)[0]].trim())}catch(e){return!1}}get labelValue(){return this.getAttribute("label-value")||"Value"}get labelAttr(){return this.getAttribute("label-attr")||"Attribute"}get buttonLabel(){return this.getAttribute("button-label")||"Add mapping"}get options(){return this.getAttribute("options")||[]}addNewMappingItem(e){const t=document.createElement("descope-mapping-item");return t.setAttribute("bordered","true"),this.mappingsContainerEle.appendChild(t),Ue(this,t,{includeAttrs:["size","full-width","separator","options","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),setTimeout(()=>{this.setCustomValidity(""),t.addEventListener("mapping-item-removed",()=>{t===this.#Qe&&(this.resetInvalidIndication(),this.#Qe=void 0),t.remove(),this.setCustomValidity("")}),this.dispatchEvent(new CustomEvent("mapping-item-added",{bubbles:!0,composed:!0})),e&&t.focus()},0),t}get items(){return Array.from(this.mappingsContainerEle.querySelectorAll("descope-mapping-item"))}get value(){return this.items.reduce((e,t)=>t.value?[...e,t.value]:e,[])}set value(e){if(!this.isValidDataType(e))return void console.error("received invalid value to set - should be an array of objects with one key-value pair");const t=this.items;if(t.length>e.length)for(let r=e.length;r<t.length;r++)this.mappingsContainerEle.removeChild(t[r]);e.forEach((e,r)=>{const o=t[r];if(o)o.value=e;else{const t=this.addNewMappingItem(!1);setTimeout(()=>{t.value=e},0)}})}constructor(){super(),this.innerHTML='\n <div class="labels-container" part="labels"></div>\n <div class="mappings-container"></div>\n <div class="button-container"></div>\n ',this.labelsEle=this.querySelector(".labels-container"),this.mappingsContainerEle=this.querySelector(".mappings-container"),this.buttonContainer=this.querySelector(".button-container")}initLabels(){this.labelsEle.innerHTML=`\n <descope-text variant="body2" part="value-label">${this.labelValue}</descope-text>\n <descope-text variant="body2" part="attr-label">${this.labelAttr}</descope-text>\n `}initAddButton(){this.buttonContainer.innerHTML=`\n <descope-button variant="link" mode="primary" disabled="${this.isDisabled}">\n <vaadin-icon icon="vaadin:plus"></vaadin-icon>\n ${this.buttonLabel}\n </descope-button>\n `;const e=this.querySelector("descope-button");e.onclick=()=>{this.addNewMappingItem(!0)},Ue(this,e,{includeAttrs:["disabled"]})}#Je(){this.labelsEle.style.display=this.items.length?"grid":"none"}init(){this.addEventListener("focus",e=>{e.isTrusted&&(this.#Qe||this.items[0]||this.querySelector("descope-button")).focus()}),super.init?.(),this.initLabels(),this.initAddButton(),this.addEventListener("input",()=>{this.mappingsContainerEle.contains(this.#Qe)&&this.#Qe?.checkValidity()&&(this.resetInvalidIndication(),this.#Qe.removeAttribute("invalid"),this.#Qe=void 0)}),_e(this.mappingsContainerEle,this.#Je.bind(this))}resetInvalidIndication(){this.removeAttribute("invalid")}getValidity(){const e=this.items.find(e=>!e.checkValidity());return e?e.validity:{}}#Ke(e){e&&(this.#Qe=this.items.find(e=>!e.checkValidity()),this.#Qe?.reportValidity(),this.#Qe?.setAttribute("invalid","true"))}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"label-value"!==e&&"label-attr"!==e||this.initLabels(),"button-label"===e&&this.initAddButton(),"invalid"===e&&this.#Ke("true"===r),"readonly"===e&&this.toggleAttribute("inert","true"===r)}});const Sc=qe("mapping-item"),Ac=["size","bordered","readonly","full-width","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],Ec=tr({componentName:Sc,baseSelector:"div"});customElements.define(Sc,class extends Ec{static get observedAttributes(){return[].concat(Ec.observedAttributes||[],Ac,["separator","options","invalid","disabled"])}get separator(){return this.getAttribute("separator")||"map to"}get value(){const e=this.attributeInput.value,t=this.valueInput.value;return e&&t?{[e]:t}:null}set value(e){if(1!==Object.entries(e).length)return void console.error("descope-mapping item expected expects only one key-value pair in the value but received: ",e);const[t,r]=Object.entries(e)[0];this.valueInput.value=r,this.attributeInput.value=t,this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n <div class="wrapper" part="wrapper">\n <descope-text-field required="true"></descope-text-field>\n <div class="separator" part="separator">${this.separator}</div>\n <descope-combo-box\n item-label-path="data-name"\n item-value-path="data-id"\n required="true"\n >\n </descope-combo-box>\n <descope-button variant="link" mode="primary">\n <vaadin-icon icon="vaadin:minus"></vaadin-icon>\n </descope-button>\n </div>\n\t`,N("\n .wrapper {\n display: flex;\n }\n .separator {\n text-align: center;\n flex-shrink: 0;\n }\n ",this),this.valueInput=this.shadowRoot.querySelector("descope-text-field"),this.attributeInput=this.shadowRoot.querySelector("descope-combo-box"),this.inputs=[this.valueInput,this.attributeInput],this.removeButton=this.shadowRoot.querySelector("descope-button"),Ue(this,this.valueInput,{includeAttrs:Ac}),Ue(this,this.attributeInput,{includeAttrs:[...Ac,"options"],mapAttrs:{options:"data"}}),Ue(this,this.removeButton,{includeAttrs:["disabled"]})}initRemoveButton(){this.removeButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("mapping-item-removed",{bubbles:!0,composed:!0})))}init(){super.init?.(),this.initRemoveButton()}getValidity(){const e=this.attributeInput.value,t=this.valueInput.value;return e&&t?{}:{badInput:!0}}reportValidity(){this.inputs.forEach(e=>e.reportValidity())}focus(){(this.checkValidity()||!this.valueInput.checkValidity()?this.valueInput:this.attributeInput).focus()}handleSeparatorChange(){this.shadowRoot.querySelector(".separator").textContent=this.separator}#Xe(e){"true"===e&&(this.valueInput.value||(this.valueInput.setAttribute("invalid","true"),this.valueInput.setAttribute("error-message",this.defaultErrorMsgValueMissing)),this.attributeInput.value||(this.attributeInput.setAttribute("invalid","true"),this.attributeInput.setAttribute("error-message",this.defaultErrorMsgValueMissing)))}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"separator"===e&&this.handleSeparatorChange(),"invalid"===e&&this.#Xe(r)}}),customElements.define(hc,Mc);const Tc=k("badge");class kc extends(ue({componentName:Tc,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n <slot></slot>\n\t\t</div>\n\t\t",N("\n :host {\n display: inline-flex;\n }\n :host > div {\n width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n ",this)}}const zc=I(ne({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{}}}),se,ae)(kc),Lc=qe("user-attribute");class Nc extends(jt({componentName:Lc,baseSelector:":host > .root"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="root">\n <descope-text st-text-align="auto" data-id="label-text" variant="body1" mode="secondary" class="label"></descope-text>\n <div class="content-wrapper">\n <descope-text st-text-align="auto" data-id="value-text" variant="body1" mode="primary" class="value"></descope-text>\n <div class="btn-wrapper">\n <descope-badge mode="default" bordered="true" size="xs"></descope-badge>\n <descope-button size="xs" data-id="edit-btn" square="true" variant="link" mode="primary">\n <slot name="edit-icon"></slot>\n </descope-button>\n <descope-button size="xs" data-id="delete-btn" square="true" variant="link" mode="primary">\n <slot name="delete-icon"></slot>\n </descope-button>\n </div>\n </div>\n </div>\n\t\t',N(`\n :host {\n\t\t\t\t\tdisplay: inline-flex;\n container-type: inline-size;\n\t\t\t\t}\n\n .root {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n }\n \n ::slotted(*) {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n @container (max-width: 529px) {\n .root {\n flex-wrap: wrap;\n }\n }\n\n .btn-wrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-grow: 0;\n }\n\n .content-wrapper {\n display: flex;\n flex-grow: 1;\n align-items: center;\n }\n\n descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n width: initial;\n }\n\n descope-text {\n display: inline-flex;\n max-width: 100%;\n min-width: 0;\n }\n\n .label {\n flex-grow: 1;\n width: 100%;\n }\n\n .value {\n flex-grow: 1;\n }\n\n descope-badge {\n margin-inline-end: 10px;\n }\n\n .hidden {\n visibility: hidden;\n }\n\n descope-text[data-id="label-text"].required:after {\n content: '*';\n color: var(${xr.cssVarList.textColor});\n }\n\n :host([readonly="true"]) descope-button {\n visibility: hidden;\n }\n `,this),this.deleteButton=this.shadowRoot.querySelector('descope-button[data-id="delete-btn"]'),this.editButton=this.shadowRoot.querySelector('descope-button[data-id="edit-btn"]'),this.badge=this.shadowRoot.querySelector("descope-badge"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]'),this.valueText=this.shadowRoot.querySelector('descope-text[data-id="value-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}onValueOrPlaceholderChange(){const e=this.value||this.placeholder,t=this.value?"primary":"secondary";this.valueText.innerText=e,this.valueText.setAttribute("title",e),this.valueText.setAttribute("mode",t)}onBadgeLabelChange(){this.badgeLabel?(this.badge.innerText=this.badgeLabel,this.badge.style.display=""):this.badge.style.display="none"}onBadgeTooltipTextChange(){this.badge.setAttribute("title",this.badgeTooltipText||this.badgeLabel)}onIsRequiredChange(){this.labelText.classList.toggle("required",this.isRequired)}get label(){return this.getAttribute("label")||""}get value(){return this.getAttribute("value")||""}get placeholder(){return this.getAttribute("placeholder")||""}get isRequired(){return"true"===this.getAttribute("required")}get badgeLabel(){return this.getAttribute("badge-label")||""}get badgeTooltipText(){return this.getAttribute("badge-tooltip-text")||""}init(){this.onLabelChange(),this.onValueOrPlaceholderChange(),this.onIsRequiredChange(),this.onBadgeLabelChange(),this.onBadgeTooltipTextChange(),this.handleDeleteButtonVisibility(),this.deleteButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("delete-clicked",{bubbles:!0,composed:!0}))),this.editButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("edit-clicked",{bubbles:!0,composed:!0}))),this.setDefaultChildren()}#et(e,t){const r=document.createElement("descope-icon");r.setAttribute("src",e),r.setAttribute("src-dark",e),r.setAttribute("slot",t),this.appendChild(r)}setDefaultChildren(){this.children.length||(this.#et("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMSAxNkMxIDE3LjEgMS45IDE4IDMgMThIMTFDMTIuMSAxOCAxMyAxNy4xIDEzIDE2VjRIMVYxNlpNMyA2SDExVjE2SDNWNlpNMTAuNSAxTDkuNSAwSDQuNUwzLjUgMUgwVjNIMTRWMUgxMC41WiIgZmlsbD0iY3VycmVudGNvbG9yIi8+Cjwvc3ZnPg==","delete-icon"),this.#et("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTAuMDAwMiAwLjk5MjE0OUMxMC4wMDAyIDEuMDE2MTUgMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNUw4LjIyNDE5IDMuMDA4MTVIMi45OTIxOUMyLjQ2NDE5IDMuMDA4MTUgMi4wMDgxOSAzLjQ0MDE1IDIuMDA4MTkgMy45OTIxNVYxMi4wMDgyQzIuMDA4MTkgMTIuNTM2MiAyLjQ0MDE5IDEyLjk5MjIgMi45OTIxOSAxMi45OTIySDUuNTM2MTlDNS44NDgxOSAxMy4wNDAyIDYuMTYwMTkgMTMuMDQwMiA2LjQ3MjE5IDEyLjk5MjJIMTEuMDA4MkMxMS41MzYyIDEyLjk5MjIgMTEuOTkyMiAxMi41NjAyIDExLjk5MjIgMTIuMDA4MlY3Ljc4NDE2TDEzLjkzNjIgNS42MjQxNUwxNC4wMDgyIDUuNjcyMTVWMTEuOTg0MkMxNC4wMDgyIDEzLjY2NDIgMTIuNjY0MiAxNS4wMDgyIDExLjAwODIgMTUuMDA4MkgzLjAxNjE5QzEuMzM2MTkgMTUuMDA4MiAtMC4wMDc4MTI1IDEzLjY2NDIgLTAuMDA3ODEyNSAxMS45ODQyVjMuOTkyMTVDLTAuMDA3ODEyNSAyLjMzNjE1IDEuMzM2MTkgMC45OTIxNDkgMy4wMTYxOSAwLjk5MjE0OUgxMC4wMDAyWk0xMS4yNzIyIDIuNjI0MTVMMTIuNjE2MiA0LjExMjE1TDcuNzIwMTkgOS42ODAxNkM3LjUwNDE5IDkuOTIwMTYgNi44MzIxOSAxMC4yMzIyIDUuNjgwMTkgMTAuNjE2MkM1LjY1NjE5IDEwLjY0MDIgNS42MDgxOSAxMC42NDAyIDUuNTYwMTkgMTAuNjE2MkM1LjQ2NDE5IDEwLjU5MjIgNS4zOTIxOSAxMC40NzIyIDUuNDQwMTkgMTAuMzc2MkM1Ljc1MjE5IDkuMjQ4MTYgNi4wNDAxOSA4LjU1MjE2IDYuMjU2MTkgOC4zMTIxNkwxMS4yNzIyIDIuNjI0MTVaTTExLjkyMDIgMS44NTYxNUwxMy4yODgyIDAuMzIwMTQ5QzEzLjY0ODIgLTAuMDg3ODUxNiAxNC4yNzIyIC0wLjExMTg1MiAxNC42ODAyIDAuMjcyMTQ5QzE1LjA4ODIgMC42MzIxNDkgMTUuMTEyMiAxLjI4MDE1IDE0Ljc1MjIgMS42ODgxNUwxMy4yNjQyIDMuMzY4MTVMMTEuOTIwMiAxLjg1NjE1WiIgZmlsbD0iY3VycmVudGNvbG9yIi8+Cjwvc3ZnPgo=","edit-icon"))}static get observedAttributes(){return["label","value","placeholder","required","badge-label","badge-tooltip-text"].concat(super.observedAttributes)}handleDeleteButtonVisibility(){this.deleteButton.classList.toggle("hidden",this.isRequired||!this.value)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("label"===e?this.onLabelChange():"value"===e||"placeholder"===e?this.onValueOrPlaceholderChange():"required"===e?this.onIsRequiredChange():"badge-label"===e?this.onBadgeLabelChange():"badge-tooltip-text"===e&&this.onBadgeTooltipTextChange(),"value"!==e&&"required"!==e||this.handleDeleteButtonVisibility())}}const{host:Dc,textFields:Vc,buttons:Pc,badge:Rc,labelText:Bc,contentWrapper:Oc}={host:{selector:()=>":host"},textFields:{selector:"descope-text"},labelText:{selector:'descope-text[data-id="label-text"]'},buttons:{selector:"descope-button"},badge:{selector:"descope-badge"},contentWrapper:{selector:" .content-wrapper"}},jc=Be(Nt({mappings:{hostWidth:{...Dc,property:"width"},hostMinWidth:{...Dc,property:"min-width"},hostMaxWidth:{...Dc,property:"max-width"},hostDirection:[{...Dc,property:"direction"},{...Vc,property:xr.cssVarList.hostDirection},{...Pc,property:Mo.cssVarList.hostDirection},{...Rc,property:zc.cssVarList.hostDirection}],labelMinWidth:{...Bc,property:"min-width"},contentMinWidth:{...Oc,property:"min-width"},badgeMaxWidth:{...Rc,property:"max-width"},itemsGap:[{property:"gap"},{...Oc,property:"gap"}]}}),Dt,Vt)(Nc);customElements.define(Tc,zc),customElements.define(ho,bo),customElements.define(yo,fo),customElements.define(Lc,jc);const Fc=qe("user-auth-method");class Wc extends(jt({componentName:Fc,baseSelector:":host > .root"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="root">\n <div class="text-wrapper">\n <slot name="method-icon"></slot>\n <descope-text st-text-align="auto" data-id="label-text" variant="body1" mode="primary"></descope-text>\n </div>\n\n <div class="btn-wrapper">\n <descope-button class="btn unfulfilled hidden" size="sm" variant="link" mode="primary">\n <slot name="button-icon"></slot>\n </descope-button>\n <descope-button class="btn fulfilled hidden" size="sm" variant="link" mode="primary">\n <slot name="fulfilled-button-icon"></slot>\n </descope-button>\n <div class="status-indicator hidden">\n <vaadin-icon src=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4KPC9zdmc+Cg==></vaadin-icon>\n </div>\n <descope-button class="hidden-btn" size="sm" variant="link" mode="primary"></descope-button>\n </div>\n </div>\n\t\t',N('\n :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n vaadin-icon {\n color: currentcolor;\n }\n\n .root {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n }\n\n .btn-wrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-grow: 0;\n }\n\n .text-wrapper {\n display: flex;\n align-items: center;\n flex-grow: 1;\n min-width: 0;\n }\n\n descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n width: initial;\n }\n\n descope-text {\n display: inline-flex;\n min-width: 0;\n }\n\n .status-indicator {\n width: 1em;\n height: 1em;\n display: flex;\n align-items: center;\n padding-inline-end: 1em;\n }\n\n .hidden {\n display: none;\n }\n\n .hidden-btn {\n width: 0;\n overflow: hidden;\n opacity: 0;\n pointer-events: none;\n }\n\n slot[name="method-icon"]:not(:empty) {\n display: inline-flex;\n align-items: center;\n }\n ',this),this.unfulfilledButton=this.shadowRoot.querySelector(".btn.unfulfilled"),this.fulfilledButton=this.shadowRoot.querySelector(".btn.fulfilled"),this.statusIndicator=this.shadowRoot.querySelector(".status-indicator"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}updateButtonLabel(e,t){let r=e.querySelector("span");t?(r||(r=document.createElement("span"),e.appendChild(r)),r.innerText=t):r&&e.removeChild(r)}onFulfilledChange(){this.isFulfilled?(this.unfulfilledButton.classList.add("hidden"),this.handleFulfilled()):(this.fulfilledButton.classList.add("hidden"),this.handleUnfulfilled())}handleFulfilled(){this.fulfilledButton.classList.toggle("hidden",!this.isFulfilledEditable),this.statusIndicator.classList.toggle("hidden",this.isFulfilledEditable)}handleUnfulfilled(){this.unfulfilledButton.classList.toggle("hidden",!this.isUnfulfilledEditable),this.statusIndicator.classList.toggle("hidden",this.isUnfulfilledEditable)}get label(){return this.getAttribute("label")||""}get unfulfilledButtonLabel(){return this.getAttribute("button-label")||""}get fulfilledButtonLabel(){return this.getAttribute("fulfilled-button-label")||""}get isFulfilled(){return"true"===this.getAttribute("fulfilled")}get isFulfilledEditable(){return"true"===this.getAttribute("fulfilled-editable")}get isUnfulfilledEditable(){return"false"!==this.getAttribute("unfulfilled-editable")}init(){this.onLabelChange(),this.updateButtonLabel(this.fulfilledButton,this.fulfilledButtonLabel),this.updateButtonLabel(this.unfulfilledButton,this.unfulfilledButtonLabel),this.onFulfilledChange(),this.unfulfilledButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("button-clicked",{bubbles:!0,composed:!0}))),this.fulfilledButton.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("fulfilled-button-clicked",{bubbles:!0,composed:!0}))})}static get observedAttributes(){return["label","fulfilled","button-label","fulfilled-button-label","fulfilled-editable","unfulfilled-editable"].concat(super.observedAttributes)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("label"===e?this.onLabelChange():"fulfilled"===e?this.onFulfilledChange():"button-label"===e?this.updateButtonLabel(this.unfulfilledButton,this.unfulfilledButtonLabel):"fulfilled-button-label"===e?this.updateButtonLabel(this.fulfilledButton,this.fulfilledButtonLabel):"fulfilled-editable"===e&&this.isFulfilled?this.handleFulfilled():"unfulfilled-editable"!==e||this.isFulfilled||this.handleUnfulfilled())}}const{host:_c,textField:$c,buttons:Hc,badge:qc,textWrapper:Yc,methodIconSlot:Uc}={host:{selector:()=>":host"},textField:{selector:"descope-text"},buttons:{selector:"descope-button"},badge:{selector:"descope-badge"},textWrapper:{selector:" .text-wrapper"},methodIconSlot:{selector:'slot[name="method-icon"]:not(:empty)'}},Gc=Be(Nt({mappings:{hostWidth:{..._c,property:"width"},hostMinWidth:{..._c,property:"min-width"},hostMaxWidth:{..._c,property:"max-width"},hostDirection:[{..._c,property:"direction"},{...$c,property:xr.cssVarList.hostDirection},{...Hc,property:Mo.cssVarList.hostDirection},{...qc,property:zc.cssVarList.hostDirection}],itemsGap:[{property:"gap"},{...Yc,property:"gap"}],iconSize:[{...Uc,property:"width"},{...Uc,property:"height"}],iconColor:[{selector:()=>"::slotted(*)",property:fo.cssVarList.fill}]}}),Dt,Vt)(Wc);customElements.define(Fc,Gc);const Zc=qe("saml-group-mappings-internal"),Qc=tr({componentName:Zc,baseSelector:""}),Jc=qe("saml-group-mappings"),{host:Kc,groupInput:Xc,errorMessage:ep}={host:{selector:()=>":host"},groupInput:{selector:"descope-text-field"},errorMessage:{selector:"::part(error-message)"}},tp=Be(Nt({mappings:{hostWidth:{...Kc,property:"width"},hostDirection:{...Kc,property:"direction"},groupNameInputMarginBottom:{...Xc,property:"margin-bottom"},errorMessageIcon:{...ep,property:"background-image"},errorMessageIconSize:{...ep,property:"background-size"},errorMessageIconPadding:{...ep,property:"padding-inline-start"},errorMessageIconRepeat:{...ep,property:"background-repeat"},errorMessageIconPosition:{...ep,property:"background-position"},errorMessageFontSize:{...ep,property:"font-size"}}}),Dt,Gt({proxyProps:["value","selectionStart"],inputEvent:"input",triggerValidationEvents:["mapping-item-added","mapping-item-removed"],proxyParentValidation:!0}),Vt,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n <${Zc}\n tabindex="-1"\n ></${Zc}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Zc),Ue(this,this.inputElement,{includeAttrs:["size","full-width","label-group","label-value","label-attr","button-label","separator","options","readonly","disabled"]}),He(this,this.inputElement,{includeAttrs:["invalid"]})}})(Wt({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>"\n :host {\n display: inline-flex;\n max-width: 100%;\n direction: ltr;\n }\n\n vaadin-custom-field {\n line-height: unset;\n width: 100%;\n }\n\n descope-text-field {\n width: auto;\n }\n\n descope-mappings-field {\n display: block;\n }\n ",excludeAttrsSync:["tabindex","label-group","label-value","label-attr","button-label","separator","options","error-message","style"],componentName:Jc}));customElements.define(Zc,class extends Qc{static get observedAttributes(){return["invalid"].concat(Qc.observedAttributes||[])}constructor(){super(),this.innerHTML='\n <descope-text-field variant="body2" bordered="true"></descope-text-field>\n <descope-mappings-field></descope-mappings-field>\n ',this.groupInputElement=this.querySelector("descope-text-field"),this.mappingsElement=this.querySelector("descope-mappings-field")}resetInvalidIndication(){this.removeAttribute("invalid")}handleMappingsInvalidChange(e){e.includes("invalid")&&(this.mappingsElement.hasAttribute("invalid")||this.resetInvalidIndication())}initFocusHandler(){this.addEventListener("focus",e=>{e.isTrusted&&(this.mappingsElement.checkValidity()?this.groupInputElement:this.mappingsElement).focus()})}init(){this.initFocusHandler(),super.init?.(),Ue(this,this.groupInputElement,{mapAttrs:{"label-group":"label"},includeAttrs:["size","label-group","readonly","disabled"]}),Ue(this,this.mappingsElement,{includeAttrs:["size","full-width","label-value","label-attr","button-label","separator","options","readonly","disabled","data-errormessage-pattern-mismatch"]}),We(this.mappingsElement,this.handleMappingsInvalidChange.bind(this),{includeAttrs:["invalid"]})}get value(){return{group:this.groupInputElement.value,mappings:this.mappingsElement.value}}set value(e){e?.group&&"string"==typeof e.group&&(this.groupInputElement.value=e.group),Array.isArray(e?.mappings)&&(this.mappingsElement.value=e.mappings)}getValidity(){return this.groupInputElement.checkValidity()?this.mappingsElement.checkValidity()?{}:this.mappingsElement.validity:this.groupInputElement.validity}#tt(e){if(e){if(!this.groupInputElement.checkValidity())return void this.groupInputElement.setAttribute("invalid","true");this.mappingsElement.checkValidity()||this.mappingsElement.setAttribute("invalid","true")}}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"invalid"===e&&this.#tt("true"===r)}}),customElements.define(Jc,tp);const rp=qe("radio-button"),op=Be(Nt({mappings:{cursor:[{},{selector:"label"}],fontSize:[{selector:"label"},{}],labelTextColor:{selector:"label",property:"color"},fontFamily:{selector:"label"},radioSize:[{selector:"::part(radio)",property:"height"},{selector:"::part(radio)",property:"width"}],radioBackgroundColor:{selector:"::part(radio)",property:"background-color"},radioMargin:{selector:"::part(radio)",property:"margin"},radioCheckedSize:{selector:"::part(radio)::after",property:"border-width"},radioCheckedColor:{selector:"::part(radio)::after",property:"border-color"},radioBorderColor:{selector:"::part(radio)",property:"border-color",fallback:"none"},radioBorderWidth:{selector:"::part(radio)",property:"border-width",fallback:0},radioBorderStyle:{selector:"::part(radio)",property:"border-style",fallback:"solid"}}}),Gt({proxyProps:["setSelectionRange"]}),Vt,e=>class extends e{constructor(){super(),this.baseElement.checkValidity=()=>{}}init(){this.baseElement.addEventListener("checked-changed",e=>{this.dispatchEvent(new CustomEvent("checked-changed",{detail:e.detail},{bubbles:!0,composed:!0}))}),super.init?.(),_e(this,this.renderLabel.bind(this))}renderLabel(){this.baseElement.setAttribute("label",this.textContent)}get value(){return this.getAttribute("value")}})(Wt({slots:[""],wrappedEleName:"vaadin-radio-button",excludeAttrsSync:["tabindex","data","style"],includeForwardProps:["checked","name","disabled"],componentName:rp})),ip=qe("radio-group"),np=Be(Nt({mappings:{...Bi,buttonsSpacing:{selector:"::part(group-field)",property:"justify-content"},buttonsRowGap:{selector:"::part(group-field)",property:"row-gap"},buttonsColumnGap:{selector:"::part(group-field)",property:"column-gap"},itemsLabelColor:{selector:()=>`::slotted(${op.componentName})`,property:op.cssVarList.labelTextColor}}}),Dt,Gt({proxyProps:["setSelectionRange"]}),Vt,e=>class extends e{#K=({value:e,label:t})=>`<descope-radio-button value="${e}">${t}</descope-radio-button>`;#B;constructor(){super(),Object.defineProperty(this.baseElement,"children",{get:()=>this.querySelectorAll(rp)}),this.baseElement.__filterRadioButtons=e=>e.filter(e=>e.localName===rp),this.baseElement.setCustomValidity=()=>{}}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}get size(){return this.getAttribute("size")}get data(){if(this.#B)return this.#B;const e=this.getAttribute("data");if(e)try{const t=JSON.parse(e);if(this.isValidDataType(t))return t}catch(e){console.error('could not parse data string from attribute "data" - ',e.message)}return[]}set data(e){this.isValidDataType(e)&&(this.#B=e,this.renderItems())}get defaultValue(){return this.getAttribute("default-value")}isValidDataType(e){const t=Array.isArray(e);return t||console.error("data must be an array, received:",e),t}getItemsTemplate(){return this.data?.reduce?.((e,t)=>e+(this.#K?.(t||{})||""),"")}renderItems(){const e=this.getItemsTemplate();e&&(this.innerHTML=e)}init(){super.init?.(),this.inputElement=this.baseElement,this.renderItems(),We(this,this.renderItems.bind(this),{includeAttrs:["data"]}),Object.defineProperty(this.baseElement,"validity",{get:()=>({valueMissing:!this.baseElement.checkValidity()})}),Ue(this,this.baseElement,{includeAttrs:["layout"],mapAttrs:{layout:"theme"}}),setTimeout(()=>{this.defaultValue&&(this.value=this.defaultValue)}),_e(this,({addedNodes:e})=>{e.forEach(e=>{e.setAttribute("size",this.size)})}),We(this,()=>{this.items.forEach(e=>{e.setAttribute("size",this.size)})},{includeAttrs:["size"]})}})(Wt({slots:["","prefix"],wrappedEleName:"vaadin-radio-group",style:()=>`\n :host {\n display: inline-block;\n max-width: 100%;\n box-sizing: border-box;\n }\n\n vaadin-radio-group {\n padding: 0;\n width: 100%;\n }\n\n ${mt("vaadin-radio-group")}\n `,excludeAttrsSync:["tabindex","size","data","direction","style"],componentName:ip,includeForwardProps:["value"]}));customElements.define(ip,np),customElements.define(rp,op);const sp=()=>!0,ap=e=>`<pre>${JSON.stringify(e,null,4)}</pre>`,lp=qe("scopes-list"),dp=["checkbox","switch"];class cp extends(jt({componentName:lp,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n <div></div>\n\t\t",N("\n :host {\n display: inline-flex;\n }\n\n div {\n display: flex;\n flex-direction: column;\n }\n ",this)}get isReadOnly(){return"true"===this.getAttribute("readonly")}get size(){return this.getAttribute("size")||"sm"}#rt(){return Array.from(this.shadowRoot.querySelector("div").children)}reportValidity(){this.checkValidity()}checkValidity(){return this.data.every(e=>!e.required||this.value.includes(e.id))}get value(){return this.#rt().filter(e=>e.checked).map(e=>e.getAttribute("data-id"))}set value(e=[]){this.#rt().forEach(t=>{t.checked=e.includes(t.getAttribute("data-id"))})}get variant(){const e=this.getAttribute("variant");return dp.includes(e)?e:dp[0]}}const pp=Be(Nt({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>br.componentName,property:br.cssVarList.hostDirection},{selector:()=>jr.componentName,property:jr.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},requiredInputBorderColor:[{selector:`${br.componentName}[required="true"]`,property:br.cssVarList.inputBorderColor},{selector:`${jr.componentName}[required="true"]`,property:jr.cssVarList.inputBorderColor}],requiredInputValueTextColor:[{selector:`${br.componentName}[required="true"]`,property:br.cssVarList.inputValueTextColor},{selector:`${jr.componentName}[required="true"]`,property:jr.cssVarList.knobColor}]}}),(({itemRenderer:e=ap,validateSchema:t=sp,slotName:r,rerenderAttrsList:o=[]})=>i=>class extends i{#B=[];#j(e){if(!t)return!0;const r=t(e);return!0===r||(console.error("Data schema validation failed",r||""),!1)}#F(){const e=r?`*[slot="${r}"]`:":not([slot])";this.baseElement.querySelectorAll(e).forEach(e=>e.remove())}#W(){this.#F(),this.data.forEach((t,r)=>{const o="string"==typeof(i=e(t,r,this))?(e=>{const t=document.createElement("template");return t.innerHTML=e,t})(i).content:i instanceof HTMLTemplateElement?i.content:(console.error("Invalid template",i),null);var i;this.baseElement.appendChild(o?.cloneNode(!0))})}set data(e){this.#j(e)&&(this.#B=e,this.#W())}get data(){return this.#B}init(){super.init?.(),We(this,e=>{e.includes("data")?this.#_():this.#W()},{includeAttrs:[...o,"data"]})}#_(){const e=this.getAttribute("data");if(e)try{this.data=JSON.parse(e)}catch(t){console.warn("Invalid JSON data",e)}}})({itemRenderer:({id:e,desc:t,required:r=!1},o,i)=>{const n="checkbox"===i.variant?br:jr;return`\n <${n.componentName}\n bordered="true"\n size=${i.size}\n label="${t}"\n data-id="${e}"\n readonly="${r||i.isReadOnly}"\n required="${r}"\n checked="true"\n ></${n.componentName}>\n`},rerenderAttrsList:["size","variant"]}),Dt,Vt)(cp),up=k("list-item"),hp=I(ne({mappings:{verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],backgroundColor:{},borderColor:{},borderStyle:{},borderWidth:{},borderRadius:{},outline:{},cursor:{},gap:{},maxWidth:{selector:()=>":host"},alignItems:{},flexDirection:{},transition:{}}}),se,ae,e=>class extends e{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n <slot></slot>\n ",N("\n slot {\n width: 100%;\n display: flex;\n overflow: hidden;\n box-sizing: border-box;\n }\n :host {\n display: block;\n }\n ",this)}},e=>class extends e{init(){super.init?.(),this.baseElement.addEventListener("mousedown",e=>{e.preventDefault(),this.setAttribute("active","true"),window.addEventListener("mouseup",()=>this.removeAttribute("active"),{once:!0})})}})(ue({componentName:up,baseSelector:"slot"}));customElements.define(up,hp);const mp=k("list");class gp extends(ue({componentName:mp,baseSelector:".wrapper"})){static get observedAttributes(){return["variant","readonly"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="wrapper">\n <slot></slot>\n <slot name="empty-state">\n No item...\n </slot>\n </div>\n\t',N('\n .wrapper {\n overflow: auto;\n display: grid;\n max-height: 100%;\n width: 100%;\n }\n\n :host {\n display: inline-flex;\n width: 100%;\n }\n slot[name="empty-state"] {\n justify-content: center;\n align-items: center;\n display: flex;\n flex-grow: 1;\n }\n\n :host slot[name="empty-state"] {\n display: none;\n }\n :host([empty]) slot[name="empty-state"] {\n display: flex;\n }\n ::slotted(:not([slot])) {\n width: 100%;\n }\n ',this)}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}#ot(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#it(){this.items.forEach(e=>{let t=e;t.localName!==hp.componentName&&(t=e.querySelector(hp.componentName));const r="tiles"===this.variant?"tile":"row";t?.setAttribute("variant",r)})}init(){super.init?.(),A(this,()=>{this.#ot(),this.#it(),this.#nt()})}get isReadOnly(){return"true"===this.getAttribute("readonly")}#nt(){this.items.forEach(e=>{this.isReadOnly?e.setAttribute("inert",""):e.removeAttribute("inert")})}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&("variant"===e?this.#it():"readonly"===e&&this.#nt())}}const bp=I(ne({mappings:{hostWidth:{selector:()=>":host",property:"width"},maxHeight:{selector:()=>":host"},minHeight:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],hostDirection:{selector:()=>":host",property:"direction"},fontFamily:{},gap:{},backgroundColor:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{},gridTemplateColumns:{},maxItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"max-width"},minItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"min-width"},maxRowItems:{property:"max-row-items"},itemsHorizontalAlign:{selector:()=>"::slotted(*)",property:"justify-self"},emptyStateTextColor:{selector:()=>'slot[name="empty-state"]',property:"color"},emptyStateTextFontFamily:{selector:()=>'slot[name="empty-state"]',property:"font-family"}}}),se,ae)(gp);customElements.define(mp,bp),customElements.define(lp,pp);const yp=qe("third-party-app-logo");class fp extends(jt({componentName:yp,baseSelector:".wrapper"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t\t<div class="wrapper">\n <div class="third-party-app-logo-wrapper">\n <div class="third-party-app-logo"></div>\n </div>\n <div class="arrows">\n <descope-icon src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMTQ0OTIgMTUuNjQ1TDcuNDk5OTIgMTRMMi44MzMyNSAxOC42NjY3TDcuNDk5OTIgMjMuMzMzM0w5LjE0NDkyIDIxLjY4ODNMNy4zMDE1OSAxOS44MzMzSDI0Ljk5OTlWMTcuNUg3LjMwMTU5TDkuMTQ0OTIgMTUuNjQ1WiIgZmlsbD0iIzYzNkM3NCIvPgo8cGF0aCBkPSJNMTkuODU1IDEyLjM1NTNMMjEuNSAxNC4wMDAzTDI2LjE2NjcgOS4zMzM2NkwyMS41IDQuNjY2OTlMMTkuODU1IDYuMzExOTlMMjEuNjk4MyA4LjE2Njk5SDRWMTAuNTAwM0gyMS42OTgzTDE5Ljg1NSAxMi4zNTUzWiIgZmlsbD0iIzYzNkM3NCIvPgo8L3N2Zz4K"></descope-icon>\n </div>\n <div class="company-logo-wrapper">\n <descope-logo st-height="100%"></descope-logo>\n </div>\n </div>\n\t\t\t',N('\n :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\n .wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: max-content;\n }\n\n\t\t\t\t.third-party-app-logo {\n flex-shrink: 0;\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t}\n\n .company-logo-wrapper, .third-party-app-logo-wrapper {\n flex-shrink: 0;\n display: inline-flex;\n }\n\n .company-logo-wrapper {\n justify-content: flex-end;\n }\n\n .third-party-app-logo-wrapper {\n justify-content: flex-start;\n }\n\n .arrows {\n flex-shrink: 0;\n display: flex;\n }\n ',this)}}const vp=">.company-logo-wrapper",xp=">.third-party-app-logo-wrapper",Cp=Be(Nt({mappings:{logoMaxHeight:[{selector:vp,property:"height"},{selector:xp,property:"height"}],logoMaxWidth:[{selector:vp,property:"max-width"},{selector:xp,property:"max-width"}],thirdPartyAppLogo:{selector:()=>".third-party-app-logo",property:"content",fallback:{}},companyLogoFallback:{selector:mn.componentName,property:mn.cssVarList.fallbackUrl},gap:{},arrowsColor:{selector:fo.componentName,property:fo.cssVarList.fill}}}),Dt,Vt)(fp);customElements.define(yp,Cp);const wp=qe("security-questions-setup"),Ip=["full-width","readonly","size","label-type","question-label","question-placeholder","question-data-errormessage-value-missing","answer-label","answer-placeholder","answer-data-errormessage-value-missing","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],Mp=["count","questions"];class Sp extends(jt({componentName:wp,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n <div></div>\n\t\t",N("\n :host {\n display: inline-flex;\n }\n\n div {\n display: flex;\n flex-direction: column;\n }\n ",this)}get count(){return Number(this.getAttribute("count"))||0}#st(){const e=Array.from({length:this.count}).map((e,t)=>`\n <div class="question-wrapper">\n <descope-combo-box\n data-id="${t}"\n item-label-path="data-name"\n item-value-path="data-id"\n bordered="true"\n required="true"\n clear-button-visible="true"\n ></descope-combo-box>\n\n <descope-text-field\n data-id="${t}"\n required="true"\n bordered="true"\n minlength="2"\n ></descope-text-field>\n </div>\n `);this.baseElement.innerHTML=e.join("<spacer></spacer><descope-divider></descope-divider><spacer></spacer>"),this.comboBoxes.forEach(e=>{e.addEventListener("change",e=>{this.updateRemainingCombosData(e.target),this.getAttachedTextField(e.target).value=""}),e.data=this.data}),this.#at(Ip)}getAttachedTextField(e){const t=`descope-text-field[data-id="${e.getAttribute("data-id")}"]`;return this.baseElement.querySelector(t)}filterData(e){const t=this.data.filter(t=>t.value===e||!this.selectedQuestionIds.includes(t.value));return t}reportValidity(){return this.inputs.reverse().forEach(e=>e.reportValidity()),this.checkValidity()}checkValidity(){return[...this.comboBoxes,...this.textFields].every(e=>e.checkValidity())}updateRemainingCombosData(e){this.comboBoxes.filter(t=>t!==e).forEach(e=>{e.data=this.filterData(e.value)})}get questions(){try{return JSON.parse(this.getAttribute("questions"))||[]}catch(e){return console.error(wp,"Error parsing questions attribute",e),[]}}get data(){return this.questions.map(({id:e,text:t})=>({value:e,label:t}))}get comboBoxes(){return Array.from(this.baseElement.querySelectorAll("descope-combo-box"))}get textFields(){return Array.from(this.baseElement.querySelectorAll("descope-text-field"))}get inputs(){return Array.from(this.baseElement.querySelectorAll("descope-combo-box, descope-text-field"))}get selectedQuestionIds(){return this.comboBoxes.map(e=>e.value)}get value(){return this.comboBoxes.map(e=>({id:e.value,answer:this.getAttachedTextField(e).value}))}set value(e=[]){e.forEach((e,t)=>{const r=this.comboBoxes[t],o=this.getAttachedTextField(r);r.value=e.id,o.value=e.answer})}#lt(e,t,r){null===r?e.removeAttribute(t):e.setAttribute(t,r)}#at(e){const t={question:this.comboBoxes,answer:this.textFields};e.forEach(e=>{const[r,...o]=e.split("-"),i=t[r]||this.inputs,n=t[r]?o.join("-"):e;i.forEach(t=>{this.#lt(t,n,this.getAttribute(e))})})}init(){super.init?.(),We(this,()=>{this.#st()},{includeAttrs:Mp}),We(this,this.#at.bind(this),{includeAttrs:Ip})}}const Ap=Be(Nt({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>po.componentName,property:po.cssVarList.hostDirection},{selector:()=>Fi.componentName,property:Fi.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"}}}),Dt,Vt)(Sp);customElements.define(wp,Ap);const Ep=qe("security-questions-verify"),Tp=["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"],kp=["question-mode"],zp={"answer-placeholder":"placeholder","answer-data-errormessage-value-missing":"data-errormessage-value-missing","question-mode":"mode"},Lp=[...Tp,...kp],Np=["questions"];class Dp extends(jt({componentName:Ep,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n <div></div>\n\t\t",N("\n :host {\n display: inline-flex;\n }\n\n div {\n display: flex;\n flex-direction: column;\n }\n ",this)}#st(){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.#at(Lp),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(Ep,"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)})}#lt(e,t,r){null===r?e.removeAttribute(t):e.setAttribute(t,r)}#dt(e){switch(!0){case Tp.includes(e):return this.textFields;case kp.includes(e):return this.texts;default:return[]}}#at(e){e.forEach(e=>{this.#dt(e).forEach(t=>{this.#lt(t,zp[e]||e,this.getAttribute(e))})})}init(){super.init?.(),We(this,()=>{this.#st()},{includeAttrs:Np}),We(this,this.#at.bind(this),{includeAttrs:Lp})}}const Vp=Be(Nt({componentNameOverride:qe("input-wrapper")}),Nt({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>xr.componentName,property:xr.cssVarList.hostDirection},{selector:()=>Fi.componentName,property:Fi.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},questionTextAlign:{selector:()=>xr.componentName,property:xr.cssVarList.textAlign},questionFontSize:{selector:()=>xr.componentName,property:xr.cssVarList.fontSize},questionFontFamily:{selector:()=>xr.componentName,property:xr.cssVarList.fontFamily},questionCursor:{selector:()=>xr.componentName,property:"cursor"},errorMessageIcon:{selector:()=>xr.componentName,property:xr.cssVarList.errorMessageIcon},errorMessageIconSize:{selector:()=>xr.componentName,property:xr.cssVarList.errorMessageSize},errorMessageIconPadding:{selector:()=>xr.componentName,property:xr.cssVarList.errorMessagePadding},errorMessageIconRepeat:{selector:()=>xr.componentName,property:xr.cssVarList.errorMessageRepeat},errorMessageIconPosition:{selector:()=>xr.componentName,property:xr.cssVarList.errorMessagePosition},errorMessageFontSize:{selector:()=>xr.componentName,property:xr.cssVarList.errorMessageFontSize}}}),Dt,Vt)(Dp);customElements.define(Ep,Vp);const Pp=/[^\d\s+\-()]/,Rp=qe("hybrid-field"),Bp={shared:["label","bordered","full-width","label-type","size","disabled","readonly","required","st-host-direction","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],email:["placeholder","data-errormessage-value-missing-email","data-errormessage-pattern-mismatch-email","external-input"],phone:{countryCode:["phone-input-label","country-input-label","country-input-placeholder","restrict-countries","default-code","phone-minlength","phone-format-value","phone-strict-validation","data-errormessage-value-missing-phone"],inputBox:["restrict-countries","default-code","phone-minlength","phone-format-value","phone-strict-validation","data-errormessage-value-missing-phone"]}},Op={email:{"data-errormessage-value-missing-email":"data-errormessage-value-missing","data-errormessage-pattern-mismatch-email":"data-errormessage-pattern-mismatch"},phone:{"phone-input-label":"label","phone-minlength":"minlength","phone-format-value":"format-value","phone-strict-validation":"strict-validation","data-errormessage-value-missing-phone":"data-errormessage-value-missing"}},jp="descope-phone-field",Fp=jt({componentName:Rp,baseSelector:"div"}),Wp=Be(Nt({componentNameOverride:qe("input-wrapper")}),Nt({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:[{selector:()=>"descope-email-field",property:"direction"},{selector:()=>"descope-phone-field",property:"direction"},{selector:()=>"descope-phone-input-box-field",property:"direction"}],errorMessageIcon:[{selector:()=>Vs.componentName,property:Vs.cssVarList.errorMessageIcon},{selector:()=>Js.componentName,property:Js.cssVarList.errorMessageIcon}],errorMessageIconSize:[{selector:()=>Vs.componentName,property:Vs.cssVarList.errorMessageIconSize},{selector:()=>Js.componentName,property:Js.cssVarList.errorMessageIconSize}],errorMessageIconPadding:[{selector:()=>Vs.componentName,property:Vs.cssVarList.errorMessageIconPadding},{selector:()=>Js.componentName,property:Js.cssVarList.errorMessageIconPadding}],errorMessageIconRepeat:[{selector:()=>Vs.componentName,property:Vs.cssVarList.errorMessageIconRepeat},{selector:()=>Js.componentName,property:Js.cssVarList.errorMessageIconRepeat}],errorMessageIconPosition:[{selector:()=>Vs.componentName,property:Vs.cssVarList.errorMessageIconPosition},{selector:()=>Js.componentName,property:Js.cssVarList.errorMessageIconPosition}],errorMessageFontSize:[{selector:()=>Vs.componentName,property:Vs.cssVarList.errorMessageFontSize},{selector:()=>Js.componentName,property:Js.cssVarList.errorMessageFontSize}]}}),Dt,Vt)(class extends Fp{#ct=!1;#pt;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n <div class="wrapper">\n <descope-email-field external-input="${this.isExternalInput}"></descope-email-field>\n <descope-phone-field allow-alphanumeric-input="true"></descope-phone-field>\n <descope-phone-input-box-field allow-alphanumeric-input="true"></descope-phone-input-box-field>\n </div>\n\t\t`,N("\n :host {\n display: inline-flex;\n box-sizing: border-box;\n padding: 0;\n gap: 0;\n }\n .wrapper {\n display: grid;\n width: 100%;\n }\n descope-email-field,\n descope-phone-field,\n descope-phone-input-box-field {\n grid-area: 1/1;\n width: 100%;\n height: 100%;\n }\n .hidden {\n visibility: hidden;\n }\n ",this)}get isExternalInput(){return"true"===this.getAttribute("external-input")}get emailInputEle(){return this.isExternalInput?this.emailInput.externalInput:this.emailInput.inputElement}get phoneVariant(){return"inputBox"===this.getAttribute("phone-variant")?this.phoneInputBoxInput:this.phoneCountryCodeInput}get defaultCode(){const e=this.phoneCountryCodeInput.countryCodes?.[0]||"";return this.getAttribute("default-code")||e}get activeInputEle(){return this.activeInput===this.emailInput?this.emailInputEle:this.phoneVariant.phoneNumberInputEle}get value(){return this.activeInput?.value||""}set value(e){this.handleActiveInput(e),setTimeout(()=>{this.activeInput.value=e})}async init(){super.init?.(),this.initInputs(),this.updateAttrs(),this.toggleInputVisibility(),await this.waitForInputs(),this.initInputEles(),this.overrideEmailInputType(),this.overrideEmailSetAttribute()}waitForInputs(){return new Promise(e=>{const t=setInterval(()=>{this.emailInputEle&&(clearInterval(t),e())})})}initInputs(){this.emailInput=this.shadowRoot.querySelector("descope-email-field"),this.phoneCountryCodeInput=this.shadowRoot.querySelector(jp),this.phoneInputBoxInput=this.shadowRoot.querySelector("descope-phone-input-box-field"),this.inputs=[this.emailInput,this.phoneCountryCodeInput,this.phoneInputBoxInput],this.activeInput=this.emailInput}initInputEles(){[this.emailInputEle,this.phoneCountryCodeInput.phoneNumberInputEle,this.phoneInputBoxInput.phoneNumberInputEle].forEach(e=>{e.addEventListener("input",this.onValueChange.bind(this))})}overrideEmailInputType(){this.emailInputEle.addEventListener("focus",()=>{this.emailInputEle.setAttribute("type","text")}),this.emailInputEle.addEventListener("blur",()=>{setTimeout(()=>{this.emailInputEle.setAttribute("type","email")})})}overrideEmailSetAttribute(){const e=this.emailInput.setAttribute.bind(this.emailInputEle);this.emailInputEle.setAttribute=(t,r)=>("type"!==t||"email"!==r||!this.emailInput.hasAttribute("focused"))&&e(t,r)}updateAttrs(){Ue(this,this.emailInput,{includeAttrs:Bp.email,mapAttrs:Op.email}),Ue(this,this.phoneCountryCodeInput,{includeAttrs:Bp.phone.countryCode,mapAttrs:Op.phone}),Ue(this,this.phoneInputBoxInput,{includeAttrs:Bp.phone.inputBox,mapAttrs:Op.phone}),this.inputs.forEach(e=>Ue(this,e,{includeAttrs:Bp.shared})),setTimeout(()=>this.phoneCountryCodeInput.setAttribute("default-code",this.defaultCode))}onValueChange(){this.#pt=this.activeInputEle.selectionStart,this.handleActiveInput(this.activeInput.value)}handleActiveInput(e){const t=(e=>!!e&&!Pp.test(e))(e)?this.phoneVariant:this.emailInput;this.activeInput!==t&&this.setActiveInput(t)}setActiveInput(e){const t=this.activeInput.value;this.activeInput=e,this.setActiveInputValue(t),this.#ct&&this.activeInput.reportValidity(),this.setActiveInputSelectionStart(),this.toggleInputVisibility()}setActiveInputSelectionStart(){setTimeout(()=>{this.activeInputEle.focus(),this.activeInputEle.setSelectionRange?.(this.#pt,this.#pt)})}setActiveInputValue(e){const t=(e=>e.replace(/\+\d+-/,""))(e),r=this.activeInput.localName===jp?`${this.phoneCountryCodeInput.countryCodeItems}-${t}`:t;this.activeInput.value=r}toggleInputVisibility(){this.inputs.forEach(e=>{e!==this.activeInput?e.classList.add("hidden"):e.classList.remove("hidden")})}reportValidity(){this.#ct=!0;const e=this.activeInputEle,t=e.type;return e.setAttribute("type","text"),setTimeout(()=>{e.setSelectionRange?.(e.value.length,e.value.length),e.setAttribute("type",t)}),this.activeInput.reportValidity()}checkValidity(){return this.activeInput.checkValidity()}});customElements.define(Rp,Wp);const _p=qe("alert");class $p extends(jt({componentName:_p,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div>\n <div class="icon"></div>\n <div class="content">\n <descope-enriched-text>\n <slot></slot>\n </descope-enriched-text>\n </div>\n </div>\n ',N('\n :host {\n display: inline-flex;\n }\n :host > div {\n display: flex;\n width: 100%;\n }\n :host([empty="true"]) {\n display: none;\n }\n .icon {\n flex-shrink: 0;\n }\n .content {\n display: flex;\n flex-wrap: wrap;\n white-space: normal;\n overflow-wrap: break-word;\n }\n ',this)}init(){super.init?.(),this.slotEle=this.shadowRoot.querySelector("slot"),this.textComp=this.shadowRoot.querySelector("descope-enriched-text"),this.slotEle.addEventListener("slotchange",this.handleSlotChange.bind(this)),T(this.textComp,this,{includeAttrs:["empty"]}),A(this,this.handleChildrenChange.bind(this)),Ue(this,this.textComp,{includeAttrs:["variant","full-width","link-target-blank"]})}handleChildrenChange(){this.textComp.textContent=this.textContent}handleSlotChange(){const e=this.slotEle.assignedNodes({flatten:!0});e.length&&(this.textComp.textContent=e[0]?.textContent||"")}}const{icon:Hp}={icon:{selector:()=>".icon"}},qp=Be(Nt({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},textColor:{selector:Ve.componentName,property:Ve.cssVarList.textColor},backgroundColor:{},borderColor:{},borderWidth:{},borderStyle:{},borderRadius:{},fontSize:[{},{selector:Ve.componentName,property:Ve.cssVarList.fontSize}],gap:{},horizontalPadding:[{property:"padding-top"},{property:"padding-bottom"}],verticalPadding:[{property:"padding-right"},{property:"padding-left"}],alignItems:{},justifyContent:[{},{selector:Ve.componentName,property:Ve.cssVarList.textAlign}],icon:[{...Hp,property:"content"},{...Hp,property:"display",fallback:"none"}],iconSize:[{...Hp,property:"width"},{...Hp,property:"height"}]}}),Nt({componentNameOverride:qe("enriched-text")}),Nt({componentNameOverride:qe("text")}),Dt,Vt)($p);customElements.define(_p,qp);const Yp=qe("hcaptcha"),Up=["enabled","site-key"],Gp=tr({componentName:Yp,baseSelector:":host > div"}),Zp=Be(Nt({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostDirection:{property:"direction"},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],maxHeight:[{selector:">img",property:"height"},{selector:">#hcaptcha",property:"height"}],maxWidth:[{selector:">img",property:"max-width"},{selector:">hcaptcha",property:"max-width"}]}}),Dt,Vt)(class extends Gp{static get observedAttributes(){return Up.concat(Gp.observedAttributes||[])}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&"enabled"===e&&this.toggleCaptchaEles("true"===r)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="badge">\n <span id="hcaptcha"></span>\n <input id="hcaptcha-input" type="hidden" name="hcaptcha" required />\n <img src="https://imgs.descope.com/connectors/templates/hcaptcha/hcaptcha-big.png" alt="hcaptcha"/>\n </div>\n <slot></slot>\n\t',N("\n :host {\n display: inline-flex;\n }\n :host > div:not(.hidden) {\n display: flex;\n }\n :host #hcaptcha-input {\n display: none;\n }\n :host #hcaptcha .hcaptcha-logo {\n height: 100%;\n }\n :host #hcaptcha {\n\t\t\t\twidth: 100%;\n height: 100%;\n\t\t\t}\n :host img {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n }\n .hidden {\n display: none;\n }\n ",this),this.captchaEle=this.shadowRoot.querySelector("#hcaptcha"),this.mockCaptchaEle=this.shadowRoot.querySelector("img"),this.badge=this.shadowRoot.querySelector(".badge"),this.inputElement=this.shadowRoot.querySelector("input")}init(){super.init?.(),A(this,this.updatePreview.bind(this)),this.inputElement.getValidity=null,this.inputElement.checkValidity=null}toggleCaptchaEles(e){e?(this.captchaEle.style.display="",this.mockCaptchaEle.style.display="none"):(this.captchaEle.style.display="none",this.mockCaptchaEle.style.display="")}updatePreview(){this.toggleCaptchaEles(this.enabled)}getValidity(){return this.inputElement.value?{}:{valueMissing:!0}}checkValidity(){return!!this.inputElement.value}get siteKey(){return this.getAttribute("site-key")}get enabled(){return"true"===this.getAttribute("enabled")}});customElements.define(Yp,Zp);const Qp=(nu={surface:{main:"#ffffff",dark:"#636c74",light:"#cfd3d7",highlight:"#f4f5f6",contrast:"#181a1c"},primary:{main:"#006af5",dark:"#004094",light:"#71aeff",highlight:"#f0f6ff",contrast:"#ffffff"},secondary:{main:"#802ed6",dark:"#6410bc",light:"#be89f5",highlight:"#ede7f6",contrast:"#ffffff"},success:{main:"#008000",dark:"#005700",light:"#8bc38b",highlight:"#f5faf5",contrast:"#ffffff"},error:{main:"#e21d12",dark:"#b3170f",light:"#f4807a",highlight:"#fef1f1",contrast:"#ffffff"},warning:{main:"#c45512",dark:"#a24309",light:"#ff985a",highlight:"#fdf0e5",contrast:"#ffffff"}},Object.keys(nu).reduce((e,t)=>{const r=nu[t];return Object.assign(e,{[t]:st(r)})},{})),Jp={font1:{family:["Roboto","ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"],label:"Roboto",url:"https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700,800,900"},font2:{family:["ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"],label:"Sans Serif"}},Kp=vt({fonts:Jp}).fonts,Xp={colors:Qp,typography:{h1:{font:Kp.font1.family,weight:"900",size:"48px"},h2:{font:Kp.font1.family,weight:"800",size:"38px"},h3:{font:Kp.font1.family,weight:"600",size:"28px"},subtitle1:{font:Kp.font2.family,weight:"500",size:"22px"},subtitle2:{font:Kp.font2.family,weight:"400",size:"20px"},body1:{font:Kp.font1.family,weight:"400",size:"16px"},body2:{font:Kp.font1.family,weight:"400",size:"14px"}},spacing:{xs:"2px",sm:"4px",md:"8px",lg:"16px",xl:"32px"},border:{xs:"1px",sm:"2px",md:"3px",lg:"4px",xl:"5px"},radius:{xs:"5px",sm:"10px",md:"15px",lg:"20px",xl:"25px","2xl":"30px","3xl":"35px"},shadow:{wide:{sm:"0 2px 3px -0.5px",md:"0 4px 6px -1px",lg:"0 10px 15px -3px",xl:"0 20px 25px -5px","2xl":"0 25px 50px -12px"},narrow:{sm:"0 1px 2px -1px",md:"0 2px 4px -2px",lg:"0 4px 6px -4px",xl:"0 8px 10px -6px","2xl":"0 16px 16px -8px"}},fonts:Jp,direction:"ltr"},eu=(e=>yt(e,[],e=>bt({},e,gt(e))))(Xp),tu=(e=>Object.keys(e).reduce((t,r)=>{const o=e[r];return Object.assign(t,{[r]:Y(o)})},{}))({surface:{main:"#ffffff",dark:"#636c74",light:"#cfd3d7",highlight:"#f4f5f6",contrast:"#181a1c"},primary:{main:"#006af5",dark:"#004094",light:"#71aeff",highlight:"#f0f6ff",contrast:"#ffffff"},secondary:{main:"#802ed6",dark:"#6410bc",light:"#be89f5",highlight:"#ede7f6",contrast:"#ffffff"},success:{main:"#008000",dark:"#005700",light:"#8bc38b",highlight:"#f5faf5",contrast:"#ffffff"},error:{main:"#e21d12",dark:"#b3170f",light:"#f4807a",highlight:"#fef1f1",contrast:"#ffffff"},warning:{main:"#c45512",dark:"#a24309",light:"#ff985a",highlight:"#fdf0e5",contrast:"#ffffff"}}),ru={font1:{family:["Roboto","ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"],label:"Roboto",url:"https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700,800,900"},font2:{family:["ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"],label:"Sans Serif"}},ou=Q({fonts:ru}).fonts,iu={colors:tu,typography:{h1:{font:ou.font1.family,weight:"900",size:"48px"},h2:{font:ou.font1.family,weight:"800",size:"38px"},h3:{font:ou.font1.family,weight:"600",size:"28px"},subtitle1:{font:ou.font2.family,weight:"500",size:"22px"},subtitle2:{font:ou.font2.family,weight:"400",size:"20px"},body1:{font:ou.font1.family,weight:"400",size:"16px"},body2:{font:ou.font1.family,weight:"400",size:"14px"}},spacing:{xs:"2px",sm:"4px",md:"8px",lg:"16px",xl:"32px"},border:{xs:"1px",sm:"2px",md:"3px",lg:"4px",xl:"5px"},radius:{xs:"5px",sm:"10px",md:"15px",lg:"20px",xl:"25px","2xl":"30px","3xl":"35px"},shadow:{wide:{sm:"0 2px 3px -0.5px",md:"0 4px 6px -1px",lg:"0 10px 15px -3px",xl:"0 20px 25px -5px","2xl":"0 25px 50px -12px"},narrow:{sm:"0 1px 2px -1px",md:"0 2px 4px -2px",lg:"0 4px 6px -4px",xl:"0 8px 10px -6px","2xl":"0 16px 16px -8px"}},fonts:ru,direction:"ltr"};var nu;(e=>{Z(e,[],e=>G({},e,U(e)))})(iu);const su=Q(iu),au=Mo.cssVarList,lu={primary:su.colors.primary,secondary:su.colors.secondary,success:su.colors.success,error:su.colors.error,surface:su.colors.surface},[du,cu,pu]=K({mode:lu},vo),uu={...du,[au.fontFamily]:su.fonts.font1.family,[au.cursor]:"pointer",[au.hostHeight]:"3em",[au.hostWidth]:"auto",[au.hostDirection]:su.direction,[au.borderRadius]:su.radius.sm,[au.borderWidth]:su.border.xs,[au.borderStyle]:"solid",[au.borderColor]:"transparent",[au.labelSpacing]:"0.25em",[au.textAlign]:"center",textAlign:{right:{[au.textAlign]:"right"},left:{[au.textAlign]:"left"},center:{[au.textAlign]:"center"}},[au.verticalPadding]:"1em",[au.horizontalPadding]:"0.875em",[au.outlineWidth]:iu.border.sm,[au.outlineOffset]:"0px",[au.outlineStyle]:"solid",[au.outlineColor]:"transparent",[au.iconSize]:"1.5em",size:{xs:{[au.fontSize]:"12px"},sm:{[au.fontSize]:"14px"},md:{[au.fontSize]:"16px"},lg:{[au.fontSize]:"18px"}},_square:{[au.hostHeight]:"3em",[au.hostWidth]:"3em",[au.verticalPadding]:"0"},_fullWidth:{[au.hostWidth]:"100%"},_loading:{[au.cursor]:"wait",[au.labelTextColor]:cu.main},_disabled:{[pu.main]:su.colors.surface.light,[pu.dark]:su.colors.surface.dark,[pu.light]:su.colors.surface.light,[pu.contrast]:su.colors.surface.main,[au.iconColor]:su.colors.surface.main},variant:{contained:{[au.labelTextColor]:cu.contrast,[au.backgroundColor]:cu.main,_hover:{[au.backgroundColor]:cu.dark,_loading:{[au.backgroundColor]:cu.main}},_active:{[au.backgroundColor]:cu.main}},outline:{[au.labelTextColor]:cu.main,[au.borderColor]:cu.main,_hover:{[au.labelTextColor]:cu.dark,[au.borderColor]:cu.dark},_active:{[au.labelTextColor]:cu.main,[au.borderColor]:cu.main}},link:{[au.labelTextColor]:cu.main,[au.horizontalPadding]:"0.125em",_hover:{[au.labelTextColor]:cu.dark,[au.labelTextDecoration]:"underline"},_active:{[au.labelTextColor]:cu.main}}},_focused:{[au.outlineColor]:cu.light}},hu={...au,...pu};var mu=Object.freeze({__proto__:null,default:uu,vars:hu});const gu=Q(iu),bu=xr.cssVarList,yu={[bu.hostDirection]:gu.direction,[bu.textLineHeight]:"1.35em",[bu.textAlign]:"start",[bu.textColor]:gu.colors.surface.dark,variant:{h1:{[bu.fontSize]:gu.typography.h1.size,[bu.fontWeight]:gu.typography.h1.weight,[bu.fontFamily]:gu.typography.h1.font},h2:{[bu.fontSize]:gu.typography.h2.size,[bu.fontWeight]:gu.typography.h2.weight,[bu.fontFamily]:gu.typography.h2.font},h3:{[bu.fontSize]:gu.typography.h3.size,[bu.fontWeight]:gu.typography.h3.weight,[bu.fontFamily]:gu.typography.h3.font},subtitle1:{[bu.fontSize]:gu.typography.subtitle1.size,[bu.fontWeight]:gu.typography.subtitle1.weight,[bu.fontFamily]:gu.typography.subtitle1.font},subtitle2:{[bu.fontSize]:gu.typography.subtitle2.size,[bu.fontWeight]:gu.typography.subtitle2.weight,[bu.fontFamily]:gu.typography.subtitle2.font},body1:{[bu.fontSize]:gu.typography.body1.size,[bu.fontWeight]:gu.typography.body1.weight,[bu.fontFamily]:gu.typography.body1.font},body2:{[bu.fontSize]:gu.typography.body2.size,[bu.fontWeight]:gu.typography.body2.weight,[bu.fontFamily]:gu.typography.body2.font}},mode:{primary:{[bu.textColor]:gu.colors.surface.contrast},secondary:{[bu.textColor]:gu.colors.surface.dark},error:{[bu.textColor]:gu.colors.error.main},"error-dark":{[bu.textColor]:gu.colors.error.dark},success:{[bu.textColor]:gu.colors.success.main},"success-dark":{[bu.textColor]:gu.colors.success.dark},warning:{[bu.textColor]:gu.colors.warning.main},"warning-dark":{[bu.textColor]:gu.colors.warning.dark}},textAlign:{right:{[bu.textAlign]:"right"},left:{[bu.textAlign]:"left"},center:{[bu.textAlign]:"center"}},_fullWidth:{[bu.hostWidth]:"100%"},_italic:{[bu.fontStyle]:"italic"},_uppercase:{[bu.textTransform]:"uppercase"},_lowercase:{[bu.textTransform]:"lowercase"}};var fu=Object.freeze({__proto__:null,default:yu,vars:bu});const vu=Q(iu),xu=kr.cssVarList,Cu={[xu.hostDirection]:vu.direction,[xu.cursor]:"pointer",[xu.textColor]:vu.colors.primary.main,textAlign:{right:{[xu.textAlign]:"right"},left:{[xu.textAlign]:"left"},center:{[xu.textAlign]:"center"}},_fullWidth:{[xu.hostWidth]:"100%"},_hover:{[xu.textDecoration]:"underline"},mode:{secondary:{[xu.textColor]:vu.colors.secondary.main}}};var wu=Object.freeze({__proto__:null,default:Cu,vars:xu});const Iu=Q(iu),Mu=Ve.cssVarList,Su={[Mu.hostDirection]:Iu.direction,[Mu.hostWidth]:J(bu.hostWidth),[Mu.textLineHeight]:J(bu.textLineHeight),[Mu.textColor]:J(bu.textColor),[Mu.textAlign]:J(bu.textAlign),[Mu.fontSize]:J(bu.fontSize),[Mu.fontWeight]:J(bu.fontWeight),[Mu.fontFamily]:J(bu.fontFamily),[Mu.linkColor]:J(xu.textColor),[Mu.linkTextDecoration]:"none",[Mu.linkHoverTextDecoration]:"underline",[Mu.fontWeightBold]:"900",[Mu.minWidth]:"0.25em",[Mu.minHeight]:"1.35em",[Mu.hostDisplay]:"inline-block",_empty:{_hideWhenEmpty:{[Mu.hostDisplay]:"none"}}};var Au=Object.freeze({__proto__:null,default:Su,vars:Mu});const Eu=k("input-wrapper"),Tu=Q(iu),[ku,zu]=K({labelTextColor:Tu.colors.surface.dark,labelFontSize:"14px",labelFontWeight:"500",valueTextColor:Tu.colors.surface.contrast,placeholderTextColor:Tu.colors.surface.dark,requiredIndicator:"'*'",helperTextColor:Tu.colors.surface.dark,errorMessageTextColor:Tu.colors.error.main,successMessageTextColor:Tu.colors.success.main,borderWidth:Tu.border.xs,borderRadius:Tu.radius.xs,borderColor:"transparent",outlineWidth:Tu.border.sm,outlineStyle:"solid",outlineColor:"transparent",outlineOffset:"0px",minWidth:"10em",toggleButtonSize:"1.5em",inputIconSize:"1em",inputHeight:"3em",horizontalPadding:"0.5em",verticalPadding:"0.5em",textAlign:"start",backgroundColor:Tu.colors.surface.main,fontFamily:Tu.fonts.font1.family,direction:Tu.direction,overlayOpacity:"0.3",errorMessageIcon:"",errorMessageIconSize:"0",errorMessageIconPadding:"0",errorMessageIconPosition:"0 0.4em",errorMessageFontSize:"0.8125rem",errorMessageIconRepeat:"no-repeat",errorMessageIconRepeat:"no-repeat",size:{xs:{fontSize:"12px",chipFontSize:"10px"},sm:{fontSize:"14px",chipFontSize:"12px"},md:{fontSize:"16px",chipFontSize:"14px"},lg:{fontSize:"18px",chipFontSize:"16px"}},labelType:{static:{valueInputHeight:"3em",valueInputMarginBottom:"auto"},floating:{labelPosition:"absolute",labelTopPosition:"0",labelHorizontalPosition:"0.9em",labelFontSize:"1em",placeholderOpacity:0,inputHeight:"3.5em",inputVerticalAlignment:"flex-end",inputTransformY:"translateY(1.55em)",inputTransition:"all 75ms ease-in-out",marginInlineStart:"0",valueInputHeight:"1.5702em",valueInputMarginBottom:"0.5em",_focused:{labelFontSize:"0.75em",inputTransformY:"translateY(1.05em)",labelFontWeight:"400",placeholderOpacity:1},_readOnly:{placeholderOpacity:0},_hasValue:{inputTransformY:"translateY(1.05em)",labelFontSize:"0.75em",labelFontWeight:"400"}}},_fullWidth:{width:"100%"},_focused:{outlineColor:Tu.colors.surface.light,_invalid:{outlineColor:Tu.colors.error.main}},_bordered:{outlineWidth:Tu.border.xs,borderColor:Tu.colors.surface.light,borderStyle:"solid",_invalid:{borderColor:Tu.colors.error.main}},_disabled:{labelTextColor:Tu.colors.surface.light,borderColor:Tu.colors.surface.light,valueTextColor:Tu.colors.surface.light,placeholderTextColor:Tu.colors.surface.light,helperTextColor:Tu.colors.surface.light,backgroundColor:Tu.colors.surface.main}},Eu),Lu=Q(iu),Nu=po.cssVarList,Du={[Nu.hostWidth]:zu.width,[Nu.hostDirection]:zu.direction,[Nu.fontSize]:zu.fontSize,[Nu.fontFamily]:zu.fontFamily,[Nu.labelFontSize]:zu.labelFontSize,[Nu.labelFontWeight]:zu.labelFontWeight,[Nu.labelTextColor]:zu.labelTextColor,[Nu.errorMessageTextColor]:zu.errorMessageTextColor,[Nu.inputBorderColor]:zu.borderColor,[Nu.inputBorderWidth]:zu.borderWidth,[Nu.inputBorderStyle]:zu.borderStyle,[Nu.inputBorderRadius]:zu.borderRadius,[Nu.inputOutlineColor]:zu.outlineColor,[Nu.inputOutlineOffset]:zu.outlineOffset,[Nu.inputOutlineWidth]:zu.outlineWidth,[Nu.inputOutlineStyle]:zu.outlineStyle,[Nu.labelRequiredIndicator]:zu.requiredIndicator,[Nu.inputValueTextColor]:zu.valueTextColor,[Nu.inputPlaceholderTextColor]:zu.placeholderTextColor,[Nu.inputBackgroundColor]:zu.backgroundColor,[Nu.inputHorizontalPadding]:zu.horizontalPadding,[Nu.inputHeight]:zu.inputHeight,[Nu.inputDropdownButtonColor]:Lu.colors.surface.dark,[Nu.inputDropdownButtonCursor]:"pointer",[Nu.inputDropdownButtonSize]:zu.toggleButtonSize,[Nu.inputDropdownButtonOffset]:Lu.spacing.xs,[Nu.overlayItemPaddingInlineStart]:Lu.spacing.xs,[Nu.overlayItemPaddingInlineEnd]:Lu.spacing.lg,[Nu.labelPosition]:zu.labelPosition,[Nu.labelTopPosition]:zu.labelTopPosition,[Nu.labelHorizontalPosition]:zu.labelHorizontalPosition,[Nu.inputTransformY]:zu.inputTransformY,[Nu.inputTransition]:zu.inputTransition,[Nu.marginInlineStart]:zu.marginInlineStart,[Nu.placeholderOpacity]:zu.placeholderOpacity,[Nu.inputVerticalAlignment]:zu.inputVerticalAlignment,[Nu.valueInputHeight]:zu.valueInputHeight,[Nu.valueInputMarginBottom]:zu.valueInputMarginBottom,[Nu.errorMessageIcon]:zu.errorMessageIcon,[Nu.errorMessageIconSize]:zu.errorMessageIconSize,[Nu.errorMessageIconPadding]:zu.errorMessageIconPadding,[Nu.errorMessageIconRepeat]:zu.errorMessageIconRepeat,[Nu.errorMessageIconPosition]:zu.errorMessageIconPosition,[Nu.errorMessageFontSize]:zu.errorMessageFontSize,_readonly:{[Nu.inputDropdownButtonCursor]:"default"},[Nu.overlayFontSize]:zu.fontSize,[Nu.overlayFontFamily]:zu.fontFamily,[Nu.overlayCursor]:"pointer",[Nu.overlayItemBoxShadow]:"none",[Nu.overlayBackground]:zu.backgroundColor,[Nu.overlayTextColor]:zu.valueTextColor,[Nu.overlayCheckmarkDisplay]:"initial",[Nu.overlaySelectedItemBackground]:"initial",[Nu.overlaySelectedItemHoverBackground]:Lu.colors.primary.highlight,[Nu.overlaySelectedItemFocusBackground]:Lu.colors.primary.highlight,[Nu.overlayItemHoverBackground]:Lu.colors.primary.highlight,[Nu.overlayItemFocusBackground]:Lu.colors.primary.highlight,[Nu.overlay.minHeight]:"400px",[Nu.overlay.margin]:"0",[Nu.overlay.contentHeight]:"100%",[Nu.overlay.contentOpacity]:"1",[Nu.overlay.scrollerMinHeight]:"1px",_loading:{[Nu.overlay.loaderTop]:"50%",[Nu.overlay.loaderLeft]:"50%",[Nu.overlay.loaderRight]:"auto",[Nu.overlay.loaderMargin]:"-15px 0 0 -15px",[Nu.overlay.loaderWidth]:"30px",[Nu.overlay.loaderHeight]:"30px",[Nu.overlay.loaderBorder]:"2px solid transparent",[Nu.overlay.loaderBorderColor]:`${Lu.colors.primary.highlight} ${Lu.colors.primary.highlight} ${Lu.colors.primary.main} ${Lu.colors.primary.main}`,[Nu.overlay.loaderBorderRadius]:"50%",[Nu.overlay.contentHeight]:"100px",[Nu.overlay.scrollerMinHeight]:"100px",[Nu.overlay.contentOpacity]:"0"}};var Vu=Object.freeze({__proto__:null,comboBox:Du,default:Du,vars:Nu});const Pu=Q(iu),Ru=zc.cssVarList,Bu={[Ru.hostWidth]:"fit-content",[Ru.hostDirection]:Pu.direction,[Ru.textAlign]:"center",[Ru.fontFamily]:Pu.fonts.font1.family,[Ru.fontWeight]:"400",[Ru.verticalPadding]:"0.25em",[Ru.horizontalPadding]:"0.5em",[Ru.borderWidth]:Pu.border.xs,[Ru.borderRadius]:Pu.radius.xs,[Ru.borderColor]:"transparent",[Ru.borderStyle]:"solid",_fullWidth:{[Ru.hostWidth]:"100%"},size:{xs:{[Ru.fontSize]:"12px"},sm:{[Ru.fontSize]:"14px"},md:{[Ru.fontSize]:"16px"},lg:{[Ru.fontSize]:"18px"}},mode:{default:{[Ru.textColor]:Pu.colors.surface.dark,_bordered:{[Ru.borderColor]:Pu.colors.surface.light}},primary:{[Ru.textColor]:Pu.colors.primary.main,_bordered:{[Ru.borderColor]:Pu.colors.primary.light}},secondary:{[Ru.textColor]:Pu.colors.secondary.main,_bordered:{[Ru.borderColor]:Pu.colors.secondary.light}},error:{[Ru.textColor]:Pu.colors.error.main,_bordered:{[Ru.borderColor]:Pu.colors.error.light}},success:{[Ru.textColor]:Pu.colors.success.main,_bordered:{[Ru.borderColor]:Pu.colors.success.light}}}};var Ou=Object.freeze({__proto__:null,default:Bu,vars:Ru});const ju=k("avatar");class Fu extends(ue({componentName:ju,baseSelector:":host > .wrapper"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="wrapper">\n <vaadin-avatar></vaadin-avatar>\n <div class="editableBadge">\n <vaadin-icon icon="vaadin:pencil"></vaadin-icon>\n </div>\n </div>\n\t\t',N("\n :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n .editableBadge {\n border: 1px solid;\n border-radius: 100%;\n height: fit-content;\n width: 25%;\n height: 25%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 5%;\n box-sizing: border-box;\n position: absolute;\n bottom: 0;\n inset-inline-end: 0;\n }\n\n vaadin-icon {\n color: currentcolor;\n }\n\n vaadin-avatar {\n width: 100%;\n height: 100%;\n margin: 0;\n border: none\n }\n\n .wrapper {\n display: inline-flex;\n position: relative;\n width: 100%;\n height: 100%;\n }\n ",this),this.avatarComponent=this.shadowRoot.querySelector("vaadin-avatar"),L(this,this.avatarComponent,{includeAttrs:["display-name","img","abbr"],mapAttrs:{"display-name":"name"}});const e=this.shadowRoot.querySelector(".editableBadge");S(this,()=>{e.style.display=this.isEditable?"":"none"},{includeAttrs:["editable"]})}get isEditable(){return"true"===this.getAttribute("editable")}}const{host:Wu,editableBadge:_u,avatar:$u}={host:{selector:()=>":host"},editableBadge:{selector:"> .editableBadge"},avatar:{selector:"vaadin-avatar"}},Hu=I(ne({mappings:{hostWidth:[{...Wu,property:"width"},{...Wu,property:"min-width"}],hostHeight:{...Wu,property:"height"},cursor:[$u,Wu],hostDirection:{...Wu,property:"direction"},avatarTextColor:{...$u,property:"color"},avatarBackgroundColor:{...$u,property:"background-color"},editableIconColor:{..._u,property:"color"},editableBorderColor:{..._u,property:"border-color"},editableBackgroundColor:{..._u,property:"background-color"}}}),se,ae)(Fu),qu=Q(iu),Yu=Hu.cssVarList,Uu={[Yu.hostDirection]:qu.direction,[Yu.editableIconColor]:qu.colors.surface.dark,[Yu.editableBorderColor]:qu.colors.surface.dark,[Yu.editableBackgroundColor]:qu.colors.surface.main,[Yu.avatarTextColor]:qu.colors.surface.main,[Yu.avatarBackgroundColor]:qu.colors.surface.dark,_editable:{[Yu.cursor]:"pointer"},size:{xs:{[Yu.hostWidth]:"30px",[Yu.hostHeight]:"30px"},sm:{[Yu.hostWidth]:"40px",[Yu.hostHeight]:"40px"},md:{[Yu.hostWidth]:"60px",[Yu.hostHeight]:"60px"},lg:{[Yu.hostWidth]:"98px",[Yu.hostHeight]:"98px"},xl:{[Yu.hostWidth]:"120px",[Yu.hostHeight]:"120px"},"2xl":{[Yu.hostWidth]:"140px",[Yu.hostHeight]:"140px"}}},Gu={...Yu};var Zu=Object.freeze({__proto__:null,default:Uu,vars:Gu});const Qu=fo.cssVarList;var Ju=Object.freeze({__proto__:null,default:{},vars:Qu});const Ku=bo.cssVarList;var Xu=Object.freeze({__proto__:null,default:{},vars:Ku});const eh=k("apps-list"),th=I(ne({mappings:{maxHeight:{selector:()=>":host"},minHeight:{selector:()=>":host"},hostDirection:{selector:()=>":host",property:"direction"},gap:{selector:bp.componentName,property:bp.cssVarList.gap},maxRowItems:{selector:bp.componentName,property:bp.cssVarList.maxRowItems},itemsFontWeight:{selector:xr.componentName,property:xr.cssVarList.fontWeightOverride},itemsFontSize:{selector:xr.componentName,property:xr.cssVarList.fontSizeOverride},itemsTextAlign:{selector:xr.componentName,property:xr.cssVarList.textAlign},itemBackgroundColor:{selector:hp.componentName,property:hp.cssVarList.backgroundColor},itemHoverBackgroundColor:{selector:`${hp.componentName}:hover`,property:hp.cssVarList.backgroundColor},backgroundColor:{selector:bp.componentName,property:bp.cssVarList.backgroundColorOverride},itemBorderStyle:{selector:hp.componentName,property:hp.cssVarList.borderStyleOverride},itemBorderColor:{selector:hp.componentName,property:hp.cssVarList.borderColorOverride},itemBorderWidth:{selector:hp.componentName,property:hp.cssVarList.borderWidthOverride},itemVerticalPadding:{selector:hp.componentName,property:hp.cssVarList.verticalPaddingOverride},itemHorizontalPadding:{selector:hp.componentName,property:hp.cssVarList.horizontalPaddingOverride},itemAlignment:[{selector:()=>".avatar-wrapper",property:"text-align"},{selector:xr.componentName,property:xr.cssVarList.textAlign}]}}),ze({itemRenderer:({name:e,icon:t,url:r},o,i)=>`\n <a ${r?`href="${r}" title="${r}"`:""} ${i.openInSameWindow?"":'target="_blank"'}>\n <descope-list-item>\n <div class="avatar-wrapper">\n <descope-avatar\n ${t?`img="${t}"`:""}\n ${e?`display-name="${e}" abbr=${P(e)}`:""}\n size="${i.logoSize||i.size}"\n ></descope-avatar>\n </div>\n <descope-text\n variant="${i.itemTextVariant}"\n mode="primary"\n >${e}</descope-text>\n </descope-list-item>\n </a>\n`,rerenderAttrsList:["size","item-text-variant","logo-size","open-in-same-window"]}),se,ae,e=>class extends e{get size(){return this.getAttribute("size")||"sm"}get itemTextVariant(){return this.getAttribute("item-text-variant")||"body1"}get logoSize(){return this.getAttribute("logo-size")}get openInSameWindow(){return"true"===this.getAttribute("open-in-same-window")}})(we({slots:["empty-state"],wrappedEleName:"descope-list",excludeAttrsSync:["tabindex","class","empty","style"],componentName:eh,style:()=>`\n :host {\n width: 100%;\n display: inline-flex;\n }\n\n descope-text::part(text-wrapper) {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n descope-list-item[variant="tile"] .avatar-wrapper {\n width: 100%;\n }\n\n .avatar-wrapper {\n line-height: 0;\n }\n\n a {\n text-decoration: none;\n }\n\n descope-text {\n ${xr.cssVarList.hostDirection}: var(${th.cssVarList.hostDirection});\n max-width: 100%;\n width: 100%;\n }\n `})),rh=th.cssVarList,oh=Q(iu),ih="400px",nh={[rh.itemsTextAlign]:"start",[rh.hostDirection]:oh.direction,[rh.maxHeight]:ih,[rh.itemHoverBackgroundColor]:oh.colors.surface.highlight,_empty:{[rh.minHeight]:ih},size:{xs:{[rh.itemsFontSize]:"14px",[rh.itemsFontWeight]:"normal"},sm:{[rh.itemsFontSize]:"14px",[rh.itemsFontWeight]:"normal"},md:{[rh.itemsFontSize]:"16px",[rh.itemsFontWeight]:"normal"},lg:{[rh.itemsFontSize]:"20px",[rh.itemsFontWeight]:"normal"}},itemPadding:{xs:{[rh.itemVerticalPadding]:oh.spacing.xs,[rh.itemHorizontalPadding]:oh.spacing.xs},sm:{[rh.itemVerticalPadding]:oh.spacing.sm,[rh.itemHorizontalPadding]:oh.spacing.sm},md:{[rh.itemVerticalPadding]:oh.spacing.md,[rh.itemHorizontalPadding]:oh.spacing.md},lg:{[rh.itemVerticalPadding]:oh.spacing.lg,[rh.itemHorizontalPadding]:oh.spacing.lg},xl:{[rh.itemVerticalPadding]:oh.spacing.xl,[rh.itemHorizontalPadding]:oh.spacing.xl}}};var sh=Object.freeze({__proto__:null,default:nh,vars:rh});const ah=Q(iu),lh=bp.cssVarList,[dh,ch,ph]=K({shadowColor:"#00000020"},mp),{shadowColor:uh}=ch,hh={...dh,[lh.hostWidth]:"100%",[lh.backgroundColor]:ah.colors.surface.main,[lh.fontFamily]:ah.fonts.font1.family,[lh.borderColor]:ah.colors.surface.light,[lh.borderStyle]:"solid",[lh.borderWidth]:ah.border.xs,[lh.borderRadius]:ah.radius.sm,[lh.gap]:ah.spacing.md,[lh.verticalPadding]:ah.spacing.lg,[lh.horizontalPadding]:ah.spacing.lg,[lh.boxShadow]:`${ah.shadow.wide.sm} ${uh}, ${ah.shadow.narrow.sm} ${uh}`,[lh.maxHeight]:"100%",[lh.hostDirection]:ah.direction,[lh.minItemsWidth]:"150px",[lh.maxRowItems]:"1000",_empty:{[lh.minHeight]:"150px",[lh.emptyStateTextColor]:ah.colors.surface.dark,[lh.emptyStateTextFontFamily]:ah.fonts.font1.family},variant:{tiles:{[lh.gridTemplateColumns]:`repeat(auto-fit, minmax(\n max(\n min(${J(lh.minItemsWidth)}, 100%),\n calc((100% - (${J(lh.maxRowItems)} - 1) * ${J(lh.gap)}) / ${J(lh.maxRowItems)})),\n 1fr))`,[lh.maxItemsWidth]:"200px",[lh.itemsHorizontalAlign]:"center"}},gap:{xs:{[lh.gap]:ah.spacing.xs},sm:{[lh.gap]:ah.spacing.sm},md:{[lh.gap]:ah.spacing.md},lg:{[lh.gap]:ah.spacing.lg},xl:{[lh.gap]:ah.spacing.xl}}},mh={...lh,...ph};var gh=Object.freeze({__proto__:null,default:hh,vars:mh});const bh=Q(iu),yh=hp.cssVarList,fh={[yh.backgroundColor]:bh.colors.surface.main,[yh.verticalPadding]:bh.spacing.lg,[yh.horizontalPadding]:bh.spacing.lg,[yh.gap]:bh.spacing.md,[yh.borderStyle]:"solid",[yh.borderWidth]:bh.border.xs,[yh.borderColor]:bh.colors.surface.main,[yh.borderRadius]:bh.radius.sm,[yh.cursor]:"pointer",[yh.alignItems]:"center",[yh.flexDirection]:"row",[yh.transition]:"border-color 0.2s, background-color 0.2s",variant:{tile:{[yh.alignItems]:"flex-start",[yh.flexDirection]:"column",[yh.borderColor]:bh.colors.surface.light}},_hover:{[yh.backgroundColor]:bh.colors.surface.highlight},_active:{[yh.backgroundColor]:bh.colors.surface.main,[yh.borderColor]:bh.colors.primary.light,[yh.outline]:`1px solid ${bh.colors.primary.light}`}};var vh=Object.freeze({__proto__:null,default:fh,vars:yh});const xh=k("autocomplete-field-internal"),Ch=ve({componentName:xh,baseSelector:""}),wh=[],Ih="DESCOPE_INVALID_OPTION",Mh=k("autocomplete-field"),{host:Sh}={host:{selector:()=>":host"}},Ah=I(ne({componentNameOverride:k("input-wrapper")}),ne({mappings:{hostWidth:{...Sh,property:"width"},hostDirection:{...Sh,property:"direction"},fontSize:{...Sh},checkmarkDisplay:{selector:po.componentName,property:po.cssVarList.overlayCheckmarkDisplay},itemPaddingInlineStart:{selector:po.componentName,property:po.cssVarList.overlayItemPaddingInlineStart},itemPaddingInlineEnd:{selector:po.componentName,property:po.cssVarList.overlayItemPaddingInlineEnd},selectedItemBackground:{selector:po.componentName,property:po.cssVarList.overlaySelectedItemBackground},selectedItemHoverBackground:{selector:po.componentName,property:po.cssVarList.overlaySelectedItemHoverBackground},selectedItemFocusBackground:{selector:po.componentName,property:po.cssVarList.overlaySelectedItemFocusBackground},itemHoverBackground:{selector:po.componentName,property:po.cssVarList.overlayItemHoverBackground}}}),se,Ae({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),ae,e=>class extends e{get defaultValue(){return this.getAttribute("default-value")}setDefaultValue(){this.defaultValue&&setTimeout(()=>{this.inputElement.value=this.defaultValue})}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n <${xh}\n tabindex="-1"\n ></${xh}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(xh),L(this,this.inputElement,{includeAttrs:["size","bordered","label","required","label-type","placeholder","full-width","allow-custom-value","min-search-length","no-results-message","error-fetching-results-message","data-errormessage-value-missing","invalid","error-message","readonly","disabled","st-host-direction","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),T(this,this.inputElement,{includeAttrs:["invalid"]}),this.inputElement.fetchResults=this.fetchResults,this.setDefaultValue()}set fetchResults(e){this.inputElement.fetchResults=e}})(we({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>"\n :host {\n display: inline-flex;\n max-width: 100%;\n direction: ltr;\n }\n vaadin-custom-field {\n line-height: unset;\n width: 100%;\n }\n\n descope-autocomplete-field-internal {\n display: inline-block;\n box-sizing: border-box;\n user-select: none;\n width: 100%;\n max-width: 100%;\n }\n\n descope-autocomplete-field-internal ::slotted {\n padding: 0;\n }\n ",excludeAttrsSync:["tabindex","error-message","label","style"],componentName:Mh})),Eh=Ah.cssVarList,Th=Q(iu),kh={[Eh.hostWidth]:zu.width,[Eh.hostDirection]:zu.direction,[Eh.fontSize]:zu.fontSize,[Eh.checkmarkDisplay]:"none",[Eh.itemPaddingInlineStart]:Th.spacing.lg,[Eh.itemPaddingInlineEnd]:Th.spacing.lg,[Eh.selectedItemBackground]:Th.colors.primary.light,[Eh.selectedItemHoverBackground]:Th.colors.primary.light,[Eh.selectedItemFocusBackground]:Th.colors.primary.light,[Eh.itemHoverBackground]:Th.colors.primary.highlight,_fullWidth:{[Eh.hostWidth]:"100%"}};var zh=Object.freeze({__proto__:null,default:kh,vars:Eh});class Lh extends(Ce()){#ut=null;#ht=null;constructor(e){super(e),this.#ht=this.#mt()}getRequiredParams(){return["public-api-key"]}getOptionalParams(){return[{key:"includedPrimaryTypes",attribute:"address-types"},{key:"language",attribute:"address-language"},{key:"region",attribute:"address-region"}]}async#mt(){const e=this.getAttribute("public-api-key");if(!this.#ut&&e)try{(e=>{var t,r,o,i,n,s,a,l,d,c,p,u,h;window.google?.maps||(t={key:e},n="The Google Maps JavaScript API",s="google",a="importLibrary",l="__ib__",d=document,c=window,p=(c=c[s]||(c[s]={})).maps||(c.maps={}),u=new Set,h=new URLSearchParams,p[a]?console.warn(n+" only loads once. Ignoring:",t):p[a]=(e,...c)=>u.add(e)&&(r||(r=new Promise(async(e,a)=>{for(i in await(o=d.createElement("script")),h.set("libraries",[...u]+""),t)h.set(i.replace(/[A-Z]/g,e=>"_"+e[0].toLowerCase()),t[i]);h.set("callback",s+".maps."+l),o.src=`https://maps.${s}apis.com/maps/api/js?`+h,p[l]=e,o.onerror=()=>r=a(Error(n+" could not load.")),o.nonce=d.querySelector("script[nonce]")?.nonce||"",d.head.append(o)}))).then(()=>p[a](e,...c)))})(e);const{AutocompleteSuggestion:t}=await google.maps.importLibrary("places");this.#ut=t}catch(e){throw console.error("Failed to initialize Google Maps Autocomplete service:",e),e}}async _fetchResults(e){if(!e?.trim())return{results:[]};try{await this.#ht;const t={input:e};this.getOptionalParams().forEach(({attribute:e,key:r,defaultValue:o})=>{const i=this.getAttribute(e)||o;i&&(t[r]="includedPrimaryTypes"===r?i.split(",").map(e=>e.trim()).filter(Boolean):i)});const{suggestions:r}=await this.#ut.fetchAutocompleteSuggestions(t);return this.#gt(r)}catch(e){return console.error("Google Maps Places Autocomplete failed:",e),{results:[],error:xe}}}#gt(e){return e?.length?{results:e.map(e=>{const t=e.placePrediction;return{id:t.placeId,label:t.text.text,value:t.text.text}})}:{results:[]}}}class Nh extends(Ce()){getRequiredParams(){return["public-api-key"]}getOptionalParams(){return[{key:"layers",attribute:"address-types"},{key:"limit",attribute:"address-limit"},{key:"lang",attribute:"address-language"},{key:"countryCode",attribute:"address-region"}]}async _fetchResults(e){if(!e?.trim())return{results:[]};const t=this.getAttribute("public-api-key"),r=new URLSearchParams({query:e.trim()});this.getOptionalParams().forEach(({attribute:e,key:t,defaultValue:o})=>{const i=this.getAttribute(e)||o;i&&("layers"===t||"countryCode"===t?r.append(t,i.split(",").map(e=>e.trim()).filter(Boolean).join(",")):r.append(t,i))});try{const e=await fetch(`https://api.radar.io/v1/search/autocomplete?${r.toString()}`,{headers:{Authorization:t}});if(!e.ok)throw new Error(`Radar API returned ${e.status}`);const o=await e.json();return this.#gt(o)}catch(e){return console.error("Radar Places Autocomplete failed:",e),{results:[],error:xe}}}#gt(e){return e?.addresses?.length?{results:e.addresses.map(e=>({label:e.formattedAddress,value:e.formattedAddress}))}:{results:[]}}}const Dh=k("address-field-internal"),Vh="google-maps-places",Ph="radar",Rh={[Vh]:Lh,[Ph]:Nh},Bh=ve({componentName:Dh,baseSelector:""}),Oh=["public-api-key"],jh=[...Oh],Fh=I((({connectorClasses:e})=>t=>class extends t{#bt=e;static get observedAttributes(){return[...t.observedAttributes||[],"connector-template"]}get connectorClasses(){return this.#bt}set connectorClasses(e){this.#bt=e}get connectorTemplate(){return this.getAttribute("connector-template")}initializeConnector(){const e=this.connectorTemplate;if(!this.connectorClasses[e])return;const t=this.connectorClasses[e];this.connector=new t(this.getAttribute.bind(this))}async fetchConnectorResults(e){if(!this.connector)return console.error(`No connector initialized for the field with template: ${this.connectorTemplate}`),{results:[]};const{results:t,error:r}=await this.connector.fetch(e);return r?{results:[],error:r}:{results:t.map(({label:e,value:t})=>({label:e,value:t}))}}init(){super.init?.(),this.initializeConnector()}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&"connector-template"===e&&this.initializeConnector()}})({connectorClasses:Rh}))(class extends Bh{static get observedAttributes(){return[].concat(Bh.observedAttributes||[],jh)}get errorMsgValueMissing(){return this.getAttribute("data-errormessage-value-missing")||this.defaultErrorMsgValueMissing}constructor(){super(),this.innerHTML="\n <div>\n <descope-autocomplete-field></descope-autocomplete-field>\n </div>\n ",this.autocompleteField=this.querySelector("descope-autocomplete-field")}get value(){return this.autocompleteField.value}set value(e){this.autocompleteField.value=e}focus(){this.autocompleteField.focus()}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.autocompleteField.focus()}),super.init?.(),this.initAutocomplete()}initAutocomplete(){L(this,this.autocompleteField,{includeAttrs:["size","bordered","label","label-type","placeholder","disabled","readonly","required","full-width","helper-text","error-message","default-value","data-errormessage-value-missing","st-host-direction","allow-custom-value","min-search-length","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),T(this,this.autocompleteField,{includeAttrs:["invalid"]}),this.autocompleteField.fetchResults=this.fetchConnectorResults.bind(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&Oh.includes(e)&&this.initializeConnector()}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{valid:!0}}}),Wh=k("address-field"),{host:_h}={host:{selector:()=>":host"}},$h=I(ne({componentNameOverride:k("input-wrapper")}),ne({mappings:{hostWidth:{..._h,property:"width"},hostDirection:{..._h,property:"direction"}}}),se,Ae({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),ae,e=>class extends e{get defaultValue(){return this.getAttribute("default-value")}setDefaultValue(){this.defaultValue&&setTimeout(()=>{this.inputElement.value=this.defaultValue})}set connectorClasses(e){this.inputElement.connectorClasses=e}get connectorClasses(){return this.inputElement.connectorClasses}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n <${Dh}\n tabindex="-1"\n ></${Dh}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Dh),L(this,this.inputElement,{includeAttrs:["size","bordered","label","required","label-type","placeholder","full-width","allow-custom-value","min-search-length","no-results-message","error-fetching-results-message","data-errormessage-value-missing","invalid","error-message","readonly","disabled","st-host-direction","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding","connector-template","public-api-key","address-types","address-language","address-region","address-limit"]}),T(this,this.inputElement,{includeAttrs:["invalid"]}),this.setDefaultValue()}})(we({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>`\n :host {\n display: inline-flex;\n max-width: 100%;\n direction: ltr;\n }\n vaadin-custom-field {\n line-height: unset;\n width: 100%;\n }\n\n ${Dh} {\n display: inline-block;\n box-sizing: border-box;\n user-select: none;\n width: 100%;\n max-width: 100%;\n }\n\n ${Dh} ::slotted {\n padding: 0;\n }\n`,excludeAttrsSync:["tabindex","error-message","label","style"],componentName:Wh})),Hh=$h.cssVarList,qh={[Hh.hostWidth]:zu.width,[Hh.hostDirection]:zu.direction,_fullWidth:{[Hh.hostWidth]:"100%"}};var Yh=Object.freeze({__proto__:null,default:qh,vars:Hh});const Uh=(e,t=2)=>String(e).padStart(t,"0"),Gh=k("timer"),Zh=["seconds","hide-icon","paused"],Qh=ue({componentName:Gh,baseSelector:":host > .wrapper"}),{host:Jh,icon:Kh,timer:Xh}={host:{selector:()=>":host"},icon:{selector:()=>".icon"},timer:{selector:()=>".timer"}},em=I(ne({mappings:{fontSize:{},iconSize:[{...Kh,property:"width"},{...Kh,property:"height"}],fontFamily:{},minHeight:{},fontWeight:{...Xh},lineHeight:{...Xh},textColor:{...Xh,property:"color"},gap:{},textAlign:{property:"justify-content"},hostWidth:{...Jh,property:"width"},hostDirection:{...Jh,property:"direction"},iconColor:{...Kh,property:fo.cssVarList.fill}}}),se,ae)(class extends Qh{#yt=0;#ft;static get observedAttributes(){return Zh.concat(Qh.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="wrapper">\n <descope-icon src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDEwNCAxMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01MC4zMzM0IDAuMzMzMjUyQzIyLjgzMzQgMC4zMzMyNTIgMC4zMzMzNzQgMjIuODMzMyAwLjMzMzM3NCA1MC4zMzMzQzAuMzMzMzc0IDc3LjgzMzMgMjIuODMzNCAxMDAuMzMzIDUwLjMzMzQgMTAwLjMzM0M3Ny44MzM0IDEwMC4zMzMgMTAwLjMzMyA3Ny44MzMzIDEwMC4zMzMgNTAuMzMzM0MxMDAuMzMzIDIyLjgzMzMgNzcuODMzNCAwLjMzMzI1MiA1MC4zMzM0IDAuMzMzMjUyWk01MC4zMzM0IDg3LjgzMzNDMjkuNzA4NCA4Ny44MzMzIDEyLjgzMzQgNzAuOTU4MyAxMi44MzM0IDUwLjMzMzNDMTIuODMzNCAyOS43MDgzIDI5LjcwODQgMTIuODMzMyA1MC4zMzM0IDEyLjgzMzNDNzAuOTU4NCAxMi44MzMzIDg3LjgzMzQgMjkuNzA4MyA4Ny44MzM0IDUwLjMzMzNDODcuODMzNCA3MC45NTgzIDcwLjk1ODQgODcuODMzMyA1MC4zMzM0IDg3LjgzMzNaIiBmaWxsPSIjMTgxQTFDIi8+CjxwYXRoIGQ9Ik01MC4zMzI4IDE5LjA4MzNINDQuMDgyOFY1Ni41ODMySDc1LjMzMjhWNTAuMzMzMkg1MC4zMzI4VjE5LjA4MzNaIiBmaWxsPSIjMTgxQTFDIi8+Cjwvc3ZnPgo=" class="icon"></descope-icon>\n <div class="timer"></div>\n </div>\n\t\t',N("\n :host {\n display: inline-flex;\n user-select: none;\n -webkit-user-select: none;\n }\n .wrapper {\n display: flex;\n align-items: center;\n flex-direction: row;\n width: 100%;\n }\n .hidden {\n display: none;\n }\n ",this),this.icon=this.shadowRoot.querySelector(".icon"),this.timer=this.shadowRoot.querySelector(".timer")}get seconds(){const e=this.getAttribute("seconds"),t=1e3*parseInt(e||0,10);return Math.max(0,t)}get isPaused(){return"true"===this.getAttribute("paused")}init(){super.init?.(),this.#yt=this.seconds}startInterval(){this.#yt?this.#ft=setInterval(()=>{this.#vt(),this.#yt||this.stop(),this.#xt(this.#yt)},1e3):this.stop()}stopInterval(){clearInterval(this.#ft)}#vt(){this.#yt=this.#yt-1e3}reset(){this.#yt=this.seconds,this.#xt(this.#yt),this.isPaused||(this.dispatchEvent(new CustomEvent("timer-started",{bubbles:!0})),this.startInterval())}stop(){this.stopInterval(),this.#yt=0,this.#xt(this.#yt),this.dispatchEvent(new CustomEvent("timer-ended",{bubbles:!0}))}pause(){this.setAttribute("paused","true"),this.stopInterval()}resume(){this.removeAttribute("paused"),this.startInterval()}#xt(e){this.timer.textContent=((e=0)=>{const t=Math.floor(e/1e3),r=Math.floor(t/3600),o=Math.floor(t%3600/60),i=t%60;return[...r?[Uh(r)]:[],Uh(o),Uh(i)].join(":")})(e)}#Ct(e){this.icon.classList.toggle("hidden",e)}#wt(e){setTimeout(()=>{e?this.pause():this.#ft||this.resume()})}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&("seconds"===e&&this.reset(),"hide-icon"===e&&this.#Ct("true"===r),"paused"===e&&this.#wt("true"===r))}}),tm=Q(iu),rm=em.cssVarList,om={[rm.hostDirection]:tm.direction,[rm.gap]:"0.25em",[rm.fontFamily]:tm.fonts.font1.family,[rm.minHeight]:"1.5em",[rm.lineHeight]:"1em",[rm.fontWeight]:tm.fonts.font1.fontWeight,[rm.textColor]:tm.colors.surface.contrast,[rm.iconColor]:tm.colors.surface.contrast,[rm.iconSize]:"1em",size:{xs:{[rm.fontSize]:"12px"},sm:{[rm.fontSize]:"14px"},md:{[rm.fontSize]:"16px"},lg:{[rm.fontSize]:"18px"}},textAlign:{right:{[rm.textAlign]:"right"},left:{[rm.textAlign]:"left"},center:{[rm.textAlign]:"center"}},_fullWidth:{[rm.hostWidth]:"100%"}};var im=Object.freeze({__proto__:null,default:om,vars:rm});const nm=k("timer-button"),sm=["button-variant","button-mode","size","text-align","full-width"],am={"button-variant":"variant","button-mode":"mode"},lm=["timer-seconds","timer-hide-icon","timer-paused","size","text-align","full-width"],dm={"timer-seconds":"seconds","timer-hide-icon":"hide-icon","timer-paused":"paused"},cm=ue({componentName:nm,baseSelector:":host > div"}),{host:pm}={host:{selector:()=>":host"}},um=I(ne({mappings:{gap:{},flexDirection:{},hostWidth:{...pm,property:"width"},hostDirection:{...pm,property:"direction"}}}),se,ae)(class extends cm{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="wrapper">\n <descope-timer class="timer"></descope-timer>\n <descope-button class="button" disabled="true">\n <slot></slot>\n </descope-button>\n </div>\n\t\t',N("\n :host {\n display: inline-flex;\n }\n .wrapper {\n display: flex;\n flex-direction: column;\n gap: 0.5em;\n align-items: center;\n width: 100%;\n }\n .timer {\n flex: 1;\n }\n ",this),this.timer=this.shadowRoot.querySelector(".timer"),this.button=this.shadowRoot.querySelector(".button"),this.timer.addEventListener("timer-started",()=>this.onTimerStarted()),this.timer.addEventListener("timer-ended",()=>this.onTimerEnded()),this.button.addEventListener("click",this.onClick.bind(this))}set onclick(e){this.button.onclick=e}init(){super.init?.(),L(this,this.button,{includeAttrs:sm,mapAttrs:am}),L(this,this.timer,{includeAttrs:lm,mapAttrs:dm}),this.button.shadowRoot.querySelector("vaadin-button").setAttribute("disabled","true")}onTimerStarted(){this.toggleButtonDisable(!0)}onTimerEnded(){this.toggleButtonDisable(!1)}onClick(){this.timer.reset()}toggleButtonDisable(e){setTimeout(()=>{e?this.button.setAttribute("disabled","true"):this.button.removeAttribute("disabled")})}}),hm=Q(iu),mm=um.cssVarList,gm={[mm.gap]:hm.spacing.sm,[mm.flexDirection]:"column",_horizontal:{[mm.flexDirection]:"row"},_fullWidth:{[mm.hostWidth]:"100%"}};var bm=Object.freeze({__proto__:null,default:gm,vars:mm});const ym=k("password-strength");class fm extends(ue({componentName:ym,baseSelector:":host > .wrapper"})){static get observedAttributes(){return["options","value"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="wrapper">\n <div class="bars-container"></div>\n <div class="text-container">\n </div>\n </div>\n\t\t',N("\n :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n .wrapper {\n display: inline-flex;\n position: relative;\n flex-direction: column;\n width: 100%;\n height: 100%;\n align-items: flex-start;\n }\n\n .bar {\n flex-grow: 1;\n }\n\n .bars-container {\n display: flex;\n flex-grow: 1;\n width: 100%;\n }\n ",this),this.barsContainer=this.shadowRoot.querySelector(".bars-container"),this.textContainer=this.shadowRoot.querySelector(".text-container")}get options(){return this.getAttribute("options")?.split(",")||[]}getCalcScoreFn=()=>Promise.resolve().then(function(){return Nv}).then(e=>e.default);#It=-1;async calcScore(){const e=this.getAttribute("value")||"";return e?(await this.getCalcScoreFn())(e).score:-1}renderBars(){this.barsContainer.innerHTML="",this.bars=this.options.map((e,t)=>{const r=document.createElement("div");return r.classList.add("bar"),r.classList.toggle("filled",t<=this.#It),this.barsContainer.appendChild(r),r})}init(){super.init?.(),this.getCalcScoreFn()}async onValueChange(){const e=await this.calcScore();e!==this.#It&&(this.#It=e,this.dispatchEvent(new CustomEvent("score-changed",{bubbles:!0,composed:!0,detail:this.#It})),this.bars?.forEach((e,t)=>{e.classList.toggle("filled",t<=this.#It)}),this.textContainer.innerHTML=this.options[this.#It]||"",-1===this.#It?this.removeAttribute("score"):this.setAttribute("score",this.#It))}attributeChangedCallback(e,t,r){if(t!==r)return"options"===e?this.renderBars():"value"===e?this.onValueChange():void 0}}const{host:vm,bar:xm,filledBar:Cm,barsContainer:wm,text:Im}={host:{selector:()=>":host"},bar:{selector:" .bar"},barsContainer:{selector:" .bars-container"},filledBar:{selector:" .bar.filled"},text:{selector:" .text-container"}},Mm=I(ne({componentNameOverride:k("input-wrapper")}),ne({mappings:{hostWidth:[{...vm,property:"width"},{...vm,property:"min-width"}],hostDirection:{...vm,property:"direction"},hostMinWidth:{...vm,property:"min-width"},barHeight:{...xm,property:"height"},barBorderRadius:{...xm,property:"border-radius"},emptyBarColor:{...xm,property:"background-color"},filledBarColor:{...Cm,property:"background-color"},textColor:{...Im,property:"color"},spacing:{property:"gap"},barSpacing:{...wm,property:"gap"},fontSize:{},fontWeight:{},fontFamily:{},barTransition:{...xm,property:"transition"}}}),se,ae)(fm),Sm=Q(iu),Am=Mm.cssVarList,Em={[Am.hostDirection]:Sm.direction,[Am.barHeight]:"4px",[Am.barTransition]:"background-color 0.3s",[Am.barBorderRadius]:Sm.radius.sm,[Am.hostMinWidth]:zu.minWidth,[Am.barSpacing]:Sm.spacing.sm,[Am.emptyBarColor]:Sm.colors.surface.light,[Am.fontFamily]:zu.fontFamily,[Am.fontSize]:zu.labelFontSize,[Am.fontWeight]:zu.labelFontWeight,[Am.spacing]:Sm.spacing.sm,_fullWidth:{[Am.hostWidth]:"100%"},score:{0:{[Am.filledBarColor]:Sm.colors.error.light,[Am.textColor]:Sm.colors.error.light},1:{[Am.filledBarColor]:Sm.colors.error.main,[Am.textColor]:Sm.colors.error.main},2:{[Am.filledBarColor]:Sm.colors.error.dark,[Am.textColor]:Sm.colors.error.dark},3:{[Am.filledBarColor]:Sm.colors.success.dark,[Am.textColor]:Sm.colors.success.dark},4:{[Am.filledBarColor]:Sm.colors.success.main,[Am.textColor]:Sm.colors.success.main}}},Tm={...Am};var km=Object.freeze({__proto__:null,default:Em,vars:Tm});const zm=k("collapsible-container");class Lm extends(ue({componentName:zm,baseSelector:"slot"})){static get observedAttributes(){return["collapsed","collapsible","text"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="wrapper">\n <descope-text st-host-direction="ltr">\n <div class="header">\n <div class="icon">\n <descope-icon st-fill="currentcolor" src=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNy4yMTkzIDkuMjcyODNDMTcuNjU4NCA4Ljg3OTEyIDE4LjMzMzQgOC45MTU4NyAxOC43MjcyIDkuMzU0OTJDMTkuMTIwOSA5Ljc5Mzk3IDE5LjA4NDEgMTAuNDY5MSAxOC42NDUxIDEwLjg2MjhDMTguNjQ1MSAxMC44NjI4IDEzLjA0NTcgMTYuMDAyMiAxMi42NCAxNi4zNjZDMTIuMjM0MyAxNi43Mjk4IDExLjc2MDggMTYuNzI5OCAxMS4zNTUyIDE2LjM2Nkw1LjM1NDkyIDEwLjg2MjhDNC45MTU4NyAxMC40NjkxIDQuODc5MTIgOS43OTM5NyA1LjI3MjgzIDkuMzU0OTJDNS42NjY1NSA4LjkxNTg3IDYuMzQxNjQgOC44NzkxMiA2Ljc4MDY5IDkuMjcyODNMMTIgMTQuMTM2OEwxNy4yMTkzIDkuMjcyODNaIi8+Cjwvc3ZnPgo=></descope-icon>\n </div>\n <span></span>\n </div>\n </descope-text>\n <div class="content">\n <slot></slot>\n </div>\n </div>\n\t',N(`\n div.content {\n transition-property: max-height;\n overflow: auto;\n height: auto;\n\t\t\t}\n\t\t\tslot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t}\n slot:focus-visible {\n outline: none;\n }\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n .header {\n user-select: none;\n display: flex;\n align-items: baseline;\n }\n .icon {\n flex-shrink: 0;\n height: var(${xr.cssVarList.textLineHeight});\n min-height: 24px;\n display: flex;\n align-items: center;\n }\n descope-icon {\n transition-property: transform;\n }\n .rotate {\n transform: rotate(-180deg);\n }\n descope-text {\n width: 100%;\n display: flex;\n }\n span {\n align-self: center;\n word-break: break-word;\n }\n span:empty {\n display: none;\n }\n .wrapper {\n overflow: hidden;\n display: inline-flex;\n width: 100%;\n flex-direction: column;\n }\n `,this),this.header=this.shadowRoot.querySelector(".header"),this.content=this.shadowRoot.querySelector("div.content"),this.icon=this.header.querySelector("descope-icon"),this.headerText=this.header.querySelector("span"),this.textComponent=this.shadowRoot.querySelector("descope-text")}get isCollapsible(){return"true"===this.getAttribute("collapsible")}calcContentHeight(){return this.content.offsetHeight||this.content.scrollHeight}get isCollapsed(){return"true"===this.getAttribute("collapsed")}toggle(){this.setAttribute("collapsed",this.isCollapsed?"false":"true")}collapse(e=!1){const t=()=>{this.content.style.maxHeight="0px"};if(this.icon.classList.add("rotate"),!e)return t();this.content.style.maxHeight=this.calcContentHeight()+"px",setTimeout(t)}expand(e=!1){const t=()=>{this.content.style.maxHeight=""};if(this.icon.classList.remove("rotate"),!e)return t();this.content.addEventListener("transitionend",t,{once:!0}),this.content.style.maxHeight=this.calcContentHeight()+"px"}#Mt=!1;init(){super.init?.(),this.#Mt=!0,this.header.addEventListener("click",()=>{this.isCollapsible&&this.toggle()}),L(this,this.textComponent,{includeAttrs:["text-align","text-variant","text-mode"],mapAttrs:{"text-mode":"mode","text-variant":"variant"}})}updateHeaderText(){const e=this.getAttribute("text")||"";this.headerText.innerText=e}attributeChangedCallback(e,t,r){"text"!==e?this.isCollapsed&&this.isCollapsible?this.collapse(this.#Mt):this.expand(this.#Mt):this.updateHeaderText()}}const Nm={host:()=>":host",icon:()=>"descope-icon",iconWrapper:()=>".icon",header:()=>".header",text:()=>"span",wrapper:()=>".wrapper",content:()=>"div.content"},Dm=I(ne({mappings:{hostWidth:{selector:Nm.host,property:"width"},hostDirection:{selector:Nm.host,property:"direction"},verticalPadding:[{selector:Nm.wrapper,property:"padding-top"},{selector:Nm.wrapper,property:"padding-bottom"}],horizontalPadding:[{selector:Nm.wrapper,property:"padding-left"},{selector:Nm.wrapper,property:"padding-right"}],flexDirection:{},justifyContent:{},alignItems:{},gap:[{},{property:"margin-top"}],backgroundColor:{selector:Nm.wrapper},backgroundImage:{selector:Nm.wrapper},backgroundPositionX:{selector:Nm.wrapper},backgroundPositionY:{selector:Nm.wrapper},backgroundSize:{selector:Nm.wrapper},backgroundRepeat:{selector:Nm.wrapper},borderRadius:{selector:Nm.wrapper},borderColor:{selector:Nm.wrapper},borderStyle:{selector:Nm.wrapper},borderWidth:{selector:Nm.wrapper},boxShadow:{selector:Nm.wrapper},headerIconOrder:{selector:Nm.iconWrapper,property:"order"},headerCursor:{selector:Nm.header,property:"cursor"},headerGap:{selector:Nm.header,property:"gap"},textGrow:{selector:Nm.text,property:"flex-grow"},textDirection:{selector:Nm.text,property:"direction"},iconAnimationDuration:{selector:Nm.icon,property:"transition-duration"},contentAnimationDuration:{selector:Nm.content,property:"transition-duration"}}}),se,ae)(Lm),Vm=Q(iu),Pm=Dm.cssVarList,[Rm,Bm,Om]=K({shadowColor:"#00000020"},zm),{shadowColor:jm}=Bm,Fm={...Rm,[Pm.hostWidth]:"100%",[Pm.boxShadow]:"none",[Pm.backgroundColor]:Vm.colors.surface.main,[Pm.backgroundImage]:"",[Pm.backgroundPositionX]:"center",[Pm.backgroundPositionY]:"center",[Pm.backgroundSize]:"cover",[Pm.backgroundRepeat]:"no-repeat",[Pm.borderRadius]:"0px",[Pm.hostDirection]:Vm.direction,[Pm.flexDirection]:"column",[Pm.alignItems]:"flex-start",[Pm.justifyContent]:"flex-start",[Pm.headerGap]:Vm.spacing.md,[Pm.iconAnimationDuration]:"0.1s",[Pm.contentAnimationDuration]:"0.1s",[Pm.borderWidth]:"0px",[Pm.textGrow]:"0",verticalPadding:{sm:{[Pm.verticalPadding]:"5px"},md:{[Pm.verticalPadding]:"10px"},lg:{[Pm.verticalPadding]:"20px"}},horizontalPadding:{sm:{[Pm.horizontalPadding]:"5px"},md:{[Pm.horizontalPadding]:"10px"},lg:{[Pm.horizontalPadding]:"20px"}},spaceBetween:{sm:{[Pm.gap]:"10px"},md:{[Pm.gap]:"20px"},lg:{[Pm.gap]:"30px"}},shadow:{sm:{[Pm.boxShadow]:`${Vm.shadow.wide.sm} ${jm}, ${Vm.shadow.narrow.sm} ${jm}`},md:{[Pm.boxShadow]:`${Vm.shadow.wide.md} ${jm}, ${Vm.shadow.narrow.md} ${jm}`},lg:{[Pm.boxShadow]:`${Vm.shadow.wide.lg} ${jm}, ${Vm.shadow.narrow.lg} ${jm}`},xl:{[Pm.boxShadow]:`${Vm.shadow.wide.xl} ${jm}, ${Vm.shadow.narrow.xl} ${jm}`},"2xl":{[Om.shadowColor]:"#00000050",[Pm.boxShadow]:`${Vm.shadow.wide["2xl"]} ${jm}`}},borderRadius:{sm:{[Pm.borderRadius]:Vm.radius.sm},md:{[Pm.borderRadius]:Vm.radius.md},lg:{[Pm.borderRadius]:Vm.radius.lg},xl:{[Pm.borderRadius]:Vm.radius.xl},"2xl":{[Pm.borderRadius]:Vm.radius["2xl"]},"3xl":{[Pm.borderRadius]:Vm.radius["3xl"]}},iconPosition:{left:{[Pm.headerIconOrder]:"0"},right:{[Pm.headerIconOrder]:"1"}},_fillTitle:{[Pm.textGrow]:"1"},_border:{[Pm.borderColor]:Vm.colors.surface.light,[Pm.borderWidth]:Vm.border.xs,[Pm.borderStyle]:"solid"},_collapsible:{[Pm.headerCursor]:"pointer"}},Wm={...Pm,...Om};var _m=Object.freeze({__proto__:null,default:Fm,vars:Wm});const $m=k("recovery-codes");class Hm extends(ue({componentName:$m,baseSelector:":host > div"})){static get observedAttributes(){return["readonly"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <div class="wrapper">\n <div class="list"></div>\n <descope-text class="icon-wrapper">\n <vaadin-icon class="icon" icon="vaadin:copy-o" title="Copy"></vaadin-icon>\n </descope-text>\n </div>\n ',this.list=this.shadowRoot.querySelector(".list"),this.icon=this.shadowRoot.querySelector(".icon"),this.iconWrapper=this.shadowRoot.querySelector(".icon-wrapper"),N("\n :host {\n display: inline-block;\n position: relative;\n }\n .wrapper {\n display: flex;\n justify-content: space-between;\n }\n .list {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n }\n descope-text span {\n display: inline-flex;\n align-items: center;\n width: fit-content;\n }\n descope-text span::before {\n content: '\\02022';\n transform: translateY(-0.06em);\n }\n .icon-wrapper {\n align-self: flex-start;\n }\n .icon {\n cursor: pointer;\n }\n .icon.copied {\n cursor: initial;\n }\n .icon.readonly {\n pointer-events: none;\n }\n ",this)}get variant(){return this.getAttribute("variant")}get mode(){return this.getAttribute("mode")}init(){super.init(),this.icon.addEventListener("click",this.onCopy.bind(this)),L(this,this.iconWrapper,{includeAttrs:["variant","mode"]})}onCopy(){navigator.clipboard.writeText(String(this.data.map(e=>e.value).join("\n"))),this.icon.setAttribute("icon","vaadin:check-circle-o"),this.icon.setAttribute("title","Copied"),this.icon.classList.add("copied"),setTimeout(()=>{this.icon.setAttribute("icon","vaadin:copy-o"),this.icon.setAttribute("title","Copy"),this.icon.classList.remove("copied")},5e3)}onReadOnly(e){this.icon.classList.toggle("readonly",e)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&"readonly"===e&&this.onReadOnly("true"===r)}}const qm=I(ne({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostMinWidth:{selector:()=>":host",property:"min-width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>xr.componentName,property:xr.cssVarList.hostDirection}],textAlign:{selector:()=>".list",property:"align-items"},iconColor:{selector:()=>"vaadin-icon",property:"color"},iconSize:{selector:()=>"vaadin-icon",property:"font-size"},iconGap:{selector:()=>".wrapper",property:"gap"},bulletGap:{selector:()=>"descope-text span",property:"gap"}}}),ze({itemRenderer:({value:e},t,r)=>`\n <descope-text variant="${r.variant}" mode="${r.mode}">\n <span>${e}</span>\n </descope-text>\n `,rerenderAttrsList:["variant","mode"],targetSelector:".list"}),se,ae)(Hm),Ym=Q(iu),Um=qm.cssVarList,Gm=xr.cssVarList,Zm={[Um.hostMinWidth]:"190px",[Um.hostDirection]:Ym.direction,[Um.iconColor]:J(Gm.textColor),[Um.iconSize]:J(Gm.fontSize),[Um.iconGap]:"8px",[Um.bulletGap]:"0.35em",textAlign:{right:{[Um.textAlign]:"flex-end"},left:{[Um.textAlign]:"flex-start"},center:{[Um.textAlign]:"center"}},_fullWidth:{[Um.hostWidth]:"100%"}};var Qm=Object.freeze({__proto__:null,default:Zm,vars:Um});const Jm=k("outbound-apps"),Km=({name:e,description:t,logo:r,appId:o,isConnected:i},n,s)=>{const a=i?"disconnect":"connect";return`\n <descope-list-item>\n <descope-avatar\n ${r?`img="${r}"`:""}\n ${e?`display-name="${e}" abbr=${P(e)}`:""}\n size=${s.size}\n ${r?'st-avatar-background-color="none"':""}\n class="app-logo"\n ></descope-avatar>\n\n <div class="content">\n <descope-text\n class="app-title"\n variant="subtitle1"\n mode="primary"\n >${e}</descope-text>\n ${t?`\n <descope-text\n class="app-description"\n variant="body2"\n mode="primary"\n >${t}</descope-text>\n `:""}\n </div>\n <div class="controls">\n <descope-button variant="link" mode="primary" size=${s.size} data-action="${a}" data-outbound-app-id="${o}" data-id="${a}">\n ${i?s.disconnectButtonLabel:s.connectButtonLabel}\n </descope-button>\n </div>\n </descope-list-item>\n`},Xm=ue({componentName:Jm,baseSelector:"descope-list"}),{host:eg}={host:{selector:()=>":host"}},tg=I(ne({mappings:{hostWidth:{...eg,property:"width"},minHeight:{selector:()=>":host"},hostDirection:[{...eg,property:"direction"},{selector:"descope-list",property:"direction"},{selector:"descope-list-item",property:"direction"}],iconColor:{selector:()=>" descope-icon",property:fo.cssVarList.fill},errorIconColor:{selector:()=>" descope-icon.error-icon",property:fo.cssVarList.fill},fontSize:{selector:xr.componentName,property:xr.cssVarList.fontSize},appLogoGap:{selector:()=>" .app-logo",property:"margin-inline-end"},contentGap:{selector:()=>" .content",property:"gap"},itemsTextAlign:{selector:xr.componentName,property:xr.cssVarList.textAlign},itemCursor:{selector:hp.componentName,property:hp.cssVarList.cursor},itemOutline:{selector:hp.componentName,property:hp.cssVarList.outline},itemBorderColor:{selector:hp.componentName,property:hp.cssVarList.borderColor},itemBackgroundColor:{selector:hp.componentName,property:hp.cssVarList.backgroundColor},listBorderWidth:{selector:()=>bp.componentName,property:bp.cssVarList.borderWidth},listBoxShadow:{selector:()=>bp.componentName,property:bp.cssVarList.boxShadow},listPadding:[{selector:()=>bp.componentName,property:bp.cssVarList.verticalPadding},{selector:()=>bp.componentName,property:bp.cssVarList.horizontalPadding}]}}),se,ze({itemRenderer:Km,rerenderAttrsList:["size","connect-button-label","disconnect-button-label"]}),ae)(class extends Xm{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <descope-list>\n <slot name="empty-state" slot="empty-state"></slot>\n </descope-list>\n ',this.appsList=this.shadowRoot.querySelector("descope-list"),N("\n :host {\n width: 100%;\n }\n .controls {\n display: flex;\n min-width: 8em;\n justify-content: end;\n }\n .content {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n }\n .app-title,\n .app-description {\n display: flex;\n direction: inherit;\n }\n descope-list {\n display: block;\n }\n ",this)}init(){super.init?.(),this.appsList.itemRenderer=Km,this.appsList.addEventListener("click",this.onAppsListClick.bind(this))}get readonly(){return"true"===this.getAttribute("readonly")}onAppsListClick(e){if(!this.readonly){const t=e.srcElement.getAttribute("data-outbound-app-id"),r=e.srcElement.getAttribute("data-action");t&&r&&this.dispatchEvent(new CustomEvent(`${r}-clicked`,{bubbles:!0,detail:{id:t,action:r}}))}}get size(){return this.getAttribute("size")||"sm"}get connectButtonLabel(){return this.getAttribute("connect-button-label")||"Connect"}get disconnectButtonLabel(){return this.getAttribute("disconnect-button-label")||"Disconnect"}}),rg=tg.cssVarList,og={[rg.iconColor]:iu.colors.primary.main,[rg.errorIconColor]:iu.colors.error.main,[rg.appLogoGap]:iu.spacing.md,[rg.contentGap]:iu.spacing.xs,[rg.itemCursor]:"default",[rg.itemOutline]:"none",[rg.itemBorderColor]:"transparent",[rg.listPadding]:"0",[rg.listBorderWidth]:"0",[rg.listBoxShadow]:"none",size:{xs:{[rg.fontSize]:"0.6em"},sm:{[rg.fontSize]:"0.8em"},md:{[rg.fontSize]:"1em"},lg:{[rg.fontSize]:"1.5em"}}};var ig=Object.freeze({__proto__:null,default:og,vars:rg});const ng=k("outbound-app-button");class sg extends(ue({componentName:ng,baseSelector:":host > descope-button"})){static get observedAttributes(){return["label","icon-src","icon-fill-current-color"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <descope-button>\n <descope-icon class="icon"></descope-icon>\n <span class="label"></span>\n </descope-button>\n ',N("\n :host {\n display: inline-block;\n }\n .hidden {\n display: none;\n }\n ",this),this.button=this.shadowRoot.querySelector("descope-button"),this.icon=this.shadowRoot.querySelector(".icon"),this.label=this.shadowRoot.querySelector(".label")}init(){super.init?.(),L(this,this.button,{excludeAttrs:["style","class","label","icon-src","icon-fill-current-color"]})}updateLabel(e=""){this.label.textContent=e,this.label.classList.toggle("hidden",!e)}updateIcon(e=""){this.icon.setAttribute("src",e),this.icon.classList.toggle("hidden",!e)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("label"===e?this.updateLabel(r):"icon-src"===e&&this.updateIcon(r))}}const ag=I(ne({mappings:{hostWidth:{selector:()=>":host",property:"width"},iconFillCurrentColor:{selector:()=>"descope-icon",property:Mo.cssVarList.iconColor}}}),se,ae)(sg),lg=ag.cssVarList,dg={[lg.iconFillCurrentColor]:"inherit",_iconFillCurrentColor:{[lg.iconFillCurrentColor]:"currentColor"},_fullWidth:{[lg.hostWidth]:"100%"}},cg=lg;var pg=Object.freeze({__proto__:null,default:dg,vars:cg});const ug=e=>{const t=parseInt(e,10);return Number.isNaN(t)?0:t},hg={desktop:{light:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDE4QzIxLjEgMTggMjEuOTkgMTcuMSAyMS45OSAxNkwyMiA2QzIyIDQuOSAyMS4xIDQgMjAgNEg0QzIuOSA0IDIgNC45IDIgNlYxNkMyIDE3LjEgMi45IDE4IDQgMThIMFYyMEgyNFYxOEgyMFpNNCA2SDIwVjE2SDRWNloiIGZpbGw9IiM2MzZDNzQiLz4KPC9zdmc+Cg==",dark:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDE4LjVDMjEuMSAxOC41IDIxLjk5IDE3LjYgMjEuOTkgMTYuNUwyMiA2LjVDMjIgNS40IDIxLjEgNC41IDIwIDQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTYuNUMyIDE3LjYgMi45IDE4LjUgNCAxOC41SDBWMjAuNUgyNFYxOC41SDIwWk00IDYuNUgyMFYxNi41SDRWNi41WiIgZmlsbD0iI0Y0RjVGNiIvPgo8L3N2Zz4K"},mobile:{light:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDFIOEM2LjM0IDEgNSAyLjM0IDUgNFYyMEM1IDIxLjY2IDYuMzQgMjMgOCAyM0gxNkMxNy42NiAyMyAxOSAyMS42NiAxOSAyMFY0QzE5IDIuMzQgMTcuNjYgMSAxNiAxWk0xNyAxOEg3VjRIMTdWMThaTTE0IDIxSDEwVjIwSDE0VjIxWiIgZmlsbD0iIzYzNkM3NCIvPgo8L3N2Zz4K",dark:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDEuNUg4QzYuMzQgMS41IDUgMi44NCA1IDQuNVYyMC41QzUgMjIuMTYgNi4zNCAyMy41IDggMjMuNUgxNkMxNy42NiAyMy41IDE5IDIyLjE2IDE5IDIwLjVWNC41QzE5IDIuODQgMTcuNjYgMS41IDE2IDEuNVpNMTcgMTguNUg3VjQuNUgxN1YxOC41Wk0xNCAyMS41SDEwVjIwLjVIMTRWMjEuNVoiIGZpbGw9IiNGNEY1RjYiLz4KPC9zdmc+Cg=="},tablet:{light:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUyNTJfNzY4KSI+CjxwYXRoIGQ9Ik0xOC41IDAuNUg0LjVDMy4xMiAwLjUgMiAxLjYyIDIgM1YyMkMyIDIzLjM4IDMuMTIgMjQuNSA0LjUgMjQuNUgxOC41QzE5Ljg4IDI0LjUgMjEgMjMuMzggMjEgMjJWM0MyMSAxLjYyIDE5Ljg4IDAuNSAxOC41IDAuNVpNMTEuNSAyMy41QzEwLjY3IDIzLjUgMTAgMjIuODMgMTAgMjJDMTAgMjEuMTcgMTAuNjcgMjAuNSAxMS41IDIwLjVDMTIuMzMgMjAuNSAxMyAyMS4xNyAxMyAyMkMxMyAyMi44MyAxMi4zMyAyMy41IDExLjUgMjMuNVpNMTkgMTkuNUg0VjMuNUgxOVYxOS41WiIgZmlsbD0iIzYzNkM3NCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzUyNTJfNzY4Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==",dark:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUzMDNfODYzKSI+CjxwYXRoIGQ9Ik0xOC41IDAuNUg0LjVDMy4xMiAwLjUgMiAxLjYyIDIgM1YyMkMyIDIzLjM4IDMuMTIgMjQuNSA0LjUgMjQuNUgxOC41QzE5Ljg4IDI0LjUgMjEgMjMuMzggMjEgMjJWM0MyMSAxLjYyIDE5Ljg4IDAuNSAxOC41IDAuNVpNMTEuNSAyMy41QzEwLjY3IDIzLjUgMTAgMjIuODMgMTAgMjJDMTAgMjEuMTcgMTAuNjcgMjAuNSAxMS41IDIwLjVDMTIuMzMgMjAuNSAxMyAyMS4xNyAxMyAyMkMxMyAyMi44MyAxMi4zMyAyMy41IDExLjUgMjMuNVpNMTkgMTkuNUg0VjMuNUgxOVYxOS41WiIgZmlsbD0iI0Y0RjVGNiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzUzMDNfODYzIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg=="},unknown:{light:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNi41SDIyVjQuNUg0QzIuOSA0LjUgMiA1LjQgMiA2LjVWMTcuNUgwVjIwLjVIMTRWMTcuNUg0VjYuNVpNMjMgOC41SDE3QzE2LjQ1IDguNSAxNiA4Ljk1IDE2IDkuNVYxOS41QzE2IDIwLjA1IDE2LjQ1IDIwLjUgMTcgMjAuNUgyM0MyMy41NSAyMC41IDI0IDIwLjA1IDI0IDE5LjVWOS41QzI0IDguOTUgMjMuNTUgOC41IDIzIDguNVpNMjIgMTcuNUgxOFYxMC41SDIyVjE3LjVaIiBmaWxsPSIjNjM2Qzc0Ii8+Cjwvc3ZnPgo=",dark:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNkgyMlY0SDRDMi45IDQgMiA0LjkgMiA2VjE3SDBWMjBIMTRWMTdINFY2Wk0yMyA4SDE3QzE2LjQ1IDggMTYgOC40NSAxNiA5VjE5QzE2IDE5LjU1IDE2LjQ1IDIwIDE3IDIwSDIzQzIzLjU1IDIwIDI0IDE5LjU1IDI0IDE5VjlDMjQgOC40NSAyMy41NSA4IDIzIDhaTTIyIDE3SDE4VjEwSDIyVjE3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg=="}},mg=k("trusted-devices"),gg=({id:e,name:t,lastLoginDate:r,deviceType:o,isCurrent:i},n,s)=>{const a=i?'class="current-device"':"",{iconSrc:l,iconSrcDark:d}=(e=>{const t=hg[e]||hg.unknown;return{iconSrc:t.light,iconSrcDark:t.dark}})(o),c=s.lastLoginLabel?`${s.lastLoginLabel} `:"",p=((e,t)=>{if(Number.isNaN(parseInt(e,10)))return"";const r=new Date(e),o=r.getFullYear(),i=String(r.getMonth()+1).padStart(2,"0"),n=String(r.getDate()).padStart(2,"0"),s=r.toLocaleTimeString("en-US",{hour12:!1,hour:"2-digit",minute:"2-digit"}),a={"DD-MM-YYYY":`${n}/${i}/${o}`,"YYYY-MM-DD":`${o}/${i}/${n}`,"MM-DD-YYYY":`${i}/${n}/${o}`};return`${a[t]||a["MM/DD/YYYY"]} ${s}`})(r,s.format),u=i?`<descope-badge\n bordered="true"\n size="xs"\n mode="primary"\n st-host-direction="${s.direction}"\n >\n ${s.currentDeviceLabel}\n </descope-badge>`:"",h=s.hideActions||i?"":`<descope-link\n class="remove-device"\n variant="body1"\n mode="primary"\n data-action="remove-device"\n data-device-id="${e}"\n st-host-direction="${s.direction}"\n ellipsis="true"\n >\n ${s.removeDeviceLabel}\n </descope-link>`,m=document.createElement("template");return m.innerHTML=`\n <descope-list-item ${a}>\n <div class="content">\n <div class="main">\n <span class="device">\n <descope-icon\n class="device-icon"\n src="${l}"\n src-dark="${d}">\n </descope-icon>\n <descope-text\n class="device-name"\n variant="body1"\n mode="primary">\n </descope-text>\n </span>\n <span class="panel">\n ${u}\n ${h}\n </span>\n </div>\n <div class="meta">\n <descope-text\n variant="body2"\n mode="primary"\n >\n ${c}\n </descope-text>\n <descope-text\n class="login-date"\n variant="body2"\n mode="primary"\n >\n ${p}\n </descope-text>\n </div>\n </div>\n </descope-list-item>\n `,m.content.querySelector(".device-name").textContent=t,m},bg=ue({componentName:mg,baseSelector:bp.componentName}),{host:yg}={host:{selector:()=>":host"}},fg=I(ne({mappings:{hostWidth:{...yg,property:"width"},hostMinWidth:{...yg,property:"min-width"},hostDirection:[{...yg,property:"direction"},{selector:()=>"descope-list-item",property:"direction"},{selector:()=>"descope-text",property:"direction"}],listItemsGap:{property:bp.cssVarList.gap},listBackgroundColor:{selector:()=>bp.componentName,property:bp.cssVarList.backgroundColor},listBorderRadius:{selector:()=>bp.componentName,property:bp.cssVarList.borderRadius},listBorderWidth:{selector:()=>bp.componentName,property:bp.cssVarList.borderWidth},listBoxShadow:{selector:()=>bp.componentName,property:bp.cssVarList.boxShadow},listPadding:[{selector:()=>bp.componentName,property:bp.cssVarList.verticalPadding},{selector:()=>bp.componentName,property:bp.cssVarList.horizontalPadding}],itemVerticalPadding:{selector:hp.componentName,property:hp.cssVarList.verticalPadding},itemHorizontalPadding:{selector:hp.componentName,property:hp.cssVarList.horizontalPadding},itemCursor:{selector:hp.componentName,property:hp.cssVarList.cursor},itemOutline:{selector:hp.componentName,property:hp.cssVarList.outline},itemBorderColor:{selector:hp.componentName,property:hp.cssVarList.borderColor},itemBorderRadius:{selector:hp.componentName,property:hp.cssVarList.borderRadius},itemBackgroundColor:{selector:hp.componentName,property:hp.cssVarList.backgroundColor},itemContentGap:{selector:()=>".content",property:"gap"},badgeBorderColor:{selector:zc.componentName,property:zc.cssVarList.borderColor},badgeTextColor:{selector:zc.componentName,property:zc.cssVarList.textColor},badgeBackgroundColor:{selector:zc.componentName,property:zc.cssVarList.backgroundColor},badgeBorderRadius:{selector:zc.componentName,property:zc.cssVarList.borderRadius},devicePanelGap:{selector:()=>".main",property:"gap"},deviceIconGap:{selector:()=>".device",property:"gap"},deviceIconSize:[{selector:()=>".device-icon",property:"width"},{selector:()=>".device-icon",property:"height"}],lastLoginLabelGap:{selector:" .meta",property:"gap"}}}),se,ze({itemRenderer:gg,sortFn:(e,t)=>ug(t.lastLoginDate)-ug(e.lastLoginDate),rerenderAttrsList:["remove-device-label","current-device-label","last-login-label","format","hide-actions"]}),ae)(class extends bg{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n <descope-list>\n <slot name="empty-state" slot="empty-state"></slot>\n </descope-list>\n ',this.appsList=this.shadowRoot.querySelector("descope-list"),N("\n :host {\n display: inline-block;\n }\n\n .descope-list-item {\n min-width: 0;\n }\n\n .current-device {\n order: -1;\n }\n\n .content {\n display: flex;\n flex-direction: column;\n width: 100%;\n }\n\n .main {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .panel {\n display: flex;\n flex-shrink: 0;\n max-width: 75%;\n overflow: hidden;\n }\n\n .device {\n display: flex;\n min-width: 0;\n }\n\n .device-icon {\n flex-shrink: 0;\n }\n\n .meta {\n display: flex;\n }\n\n .login-date {\n min-width: fit-content;\n }\n\n descope-badge {\n min-width: 0;\n }\n\n descope-text {\n display: flex;\n align-items: center; \n min-width: 0;\n }\n descope-text::part(text-wrapper) {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n descope-link {\n overflow: hidden;\n }\n descope-link.remove-device::part(wrapper) {\n display: flex;\n width: 100%;\n }\n descope-link.remove-device {\n width: 100%;\n }\n ",this)}init(){super.init?.(),this.appsList.itemRenderer=gg,this.appsList.addEventListener("click",this.onRemoveClick.bind(this))}onRemoveClick(e){if(this.readOnly)return;const t=e.target.closest("[data-device-id]"),r=t?.getAttribute("data-device-id");r&&this.dispatchEvent(new CustomEvent("remove-device-clicked",{bubbles:!0,detail:{id:r,action:"remove-device"}}))}get readOnly(){return"true"===this.getAttribute("readonly")}get hideActions(){return"true"===this.getAttribute("hide-actions")}get format(){return this.getAttribute("format")?.toUpperCase()||"MM-DD-YYYY"}get removeDeviceLabel(){return this.getAttribute("remove-device-label")||"Sign out"}get currentDeviceLabel(){return this.getAttribute("current-device-label")||"Current device"}get lastLoginLabel(){return this.getAttribute("last-login-label")||"Last login:"}get direction(){return this.getAttribute("st-host-direction")}}),vg=fg.cssVarList,xg={[vg.hostWidth]:"auto",[vg.hostWidth]:"300px",[vg.hostMinWidth]:"300px",[vg.listBackgroundColor]:"transparent",[vg.listBorderRadius]:"0",[vg.listBorderWidth]:"0",[vg.listPadding]:"0",[vg.listBoxShadow]:"none",[vg.listItemsGap]:iu.spacing.lg,[vg.itemBorderColor]:iu.colors.surface.light,[vg.itemVerticalPadding]:iu.spacing.lg,[vg.itemHorizontalPadding]:iu.spacing.lg,[vg.itemBorderRadius]:iu.radius.xs,[vg.itemOutline]:"transparent",[vg.itemBackgroundColor]:"transparent",[vg.itemCursor]:"default",[vg.itemContentGap]:iu.spacing.sm,[vg.badgeBorderColor]:iu.colors.surface.light,[vg.badgeTextColor]:iu.colors.surface.dark,[vg.badgeBorderRadius]:iu.radius.xs,[vg.badgeBackgroundColor]:iu.colors.surface.main,[vg.devicePanelGap]:iu.spacing.md,[vg.deviceIconGap]:iu.spacing.md,[vg.deviceIconSize]:"24px",[vg.lastLoginLabelGap]:iu.spacing.xs,_fullWidth:{[vg.hostWidth]:"100%"}};var Cg=Object.freeze({__proto__:null,default:xg,vars:vg});const wg=k("tooltip"),Ig=["text","position","hide-delay","hover-delay","opened"],Mg=ue({componentName:wg,baseSelector:"vaadin-tooltip"}),{overlay:Sg,content:Ag}={overlay:{selector:()=>"vaadin-tooltip-overlay::part(overlay)"},content:{selector:()=>"vaadin-tooltip-overlay::part(content)"}},Eg=I(ae,Ee({selector:"",mappings:{fontFamily:{...Ag,property:Ve.cssVarList.fontFamilyOverride},fontSize:{...Ag,property:Ve.cssVarList.fontSizeOverride},fontWeight:{...Ag,property:Ve.cssVarList.fontWeightOverride},textColor:{...Ag,property:Ve.cssVarList.textColorOverride},hostDirection:{...Ag,property:Ve.cssVarList.hostDirectionOverride},backgroundColor:[{...Sg},{...Ag}],borderColor:{...Sg},borderStyle:{...Sg},borderWidth:{...Sg},borderRadius:{...Sg},boxShadow:{...Sg},horizontalPadding:[{...Ag,property:"padding-left"},{...Ag,property:"padding-right"}],verticalPadding:[{...Ag,property:"padding-top"},{...Ag,property:"padding-bottom"}]},forward:{attributes:["style"],include:!1}}))(class extends Mg{static get observedAttributes(){return Ig.concat(Mg.observedAttributes||[])}get isOpened(){return"true"===this.getAttribute("opened")}get overlay(){return this.tooltip?._overlayElement}get overlayContentNode(){return this.overlay?.shadowRoot.querySelector('[part="content"]')}get tooltipText(){return this.getAttribute("text")?.trim()||""}get isStaticDisplay(){return"true"===this.getAttribute("static-display")}#St(){this.isStaticDisplay?(this.#At(),this.setAttribute("inert","true")):(this.#Et(),this.removeAttribute("inert"))}init(){super.init(),this.style.display="contents",this.insertAdjacentHTML("beforeend","<vaadin-tooltip></vaadin-tooltip>"),this.tooltip=this.querySelector("vaadin-tooltip"),this.#Et(),this.#Tt(),setTimeout(()=>this.#kt())}#Et(){this.tooltip.style.width="0",this.tooltip.style.height="0",this.tooltip.style.display="block",this.tooltip.style.overflow="hidden",this.tooltip.style.position="absolute"}#At(){this.tooltip.style.width="100%",this.tooltip.style.height="100%",this.tooltip.style.position="static",this.tooltip.style.overflow="visible",this.tooltip.textContent="",this.overlay.style.display="block",this.overlay.style.position="static"}#kt(){this.#zt(),this.#Lt(),L(this,this.tooltip,{includeAttrs:["position","opened"]}),this.#Nt()}#Tt(){if(!this.children?.length)return;let e=Array.from(this.children).find(e=>e!==this.tooltip);e&&(this.tooltip.target=e)}#Dt(){this.overlayContentNode.innerHTML=""}#Vt(){const e=document.createElement("descope-enriched-text");return e.setAttribute("link-target-blank","true"),e.textContent=this.tooltipText,e}#zt(){this.overlayContentNode&&setTimeout(()=>{this.#Dt(),this.textComponent=this.#Vt(),this.overlayContentNode.appendChild(this.textComponent),L(this,this.textComponent,{includeAttrs:["readonly"]})})}#Lt(){this.overlay&&(this.isOpened?setTimeout(()=>{this.tooltip.shadowRoot.appendChild(this.overlay),this.#St()}):(this.overlay._detachOverlay=()=>{},this.overlay._attachOverlay=()=>this.tooltip.shadowRoot.appendChild(this.overlay)))}#Nt(){this.tooltip?.toggleAttribute("manual",this.isOpened)}#Pt(e){this.textComponent&&(this.textComponent.textContent=e?.trim())}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("text"===e&&this.#Pt(r),"opened"===e&&this.#Nt(e,r))}}),Tg=Q(iu),kg=Eg.cssVarList,[zg,Lg,Ng]=K({shadowColor:"#00000020"},wg),{shadowColor:Dg}=Lg,Vg=`${Tg.shadow.wide.sm} ${Dg}, ${Tg.shadow.narrow.sm} ${Dg}`,Pg={...zg,[kg.fontFamily]:Tg.fonts.font1.family,[kg.fontSize]:iu.typography.body2.size,[kg.fontWeight]:iu.typography.body2.weight,[kg.textColor]:Tg.colors.surface.contrast,[kg.hostDirection]:Tg.direction,[kg.backgroundColor]:Tg.colors.surface.main,[kg.borderColor]:Tg.colors.surface.light,[kg.borderStyle]:"solid",[kg.borderWidth]:Tg.border.xs,[kg.borderRadius]:Tg.radius.xs,[kg.horizontalPadding]:Tg.spacing.md,[kg.verticalPadding]:Tg.spacing.sm,[kg.boxShadow]:Vg,shadow:{sm:{[kg.boxShadow]:Vg},md:{[kg.boxShadow]:`${Tg.shadow.wide.md} ${Dg}, ${Tg.shadow.narrow.md} ${Dg}`},lg:{[kg.boxShadow]:`${Tg.shadow.wide.lg} ${Dg}, ${Tg.shadow.narrow.lg} ${Dg}`},xl:{[kg.boxShadow]:`${Tg.shadow.wide.xl} ${Dg}, ${Tg.shadow.narrow.xl} ${Dg}`},"2xl":{[Ng.shadowColor]:"#00000050",[kg.boxShadow]:`${Tg.shadow.wide["2xl"]} ${Dg}`}}};var Rg=Object.freeze({__proto__:null,default:Pg,vars:kg});const Bg=qe("input-wrapper"),Og=vt(Xp),[jg,Fg,Wg]=St({labelTextColor:Og.colors.surface.dark,labelFontSize:"14px",labelFontWeight:"500",valueTextColor:Og.colors.surface.contrast,placeholderTextColor:Og.colors.surface.dark,requiredIndicator:"'*'",helperTextColor:Og.colors.surface.dark,errorMessageTextColor:Og.colors.error.main,successMessageTextColor:Og.colors.success.main,borderWidth:Og.border.xs,borderRadius:Og.radius.xs,borderColor:"transparent",outlineWidth:Og.border.sm,outlineStyle:"solid",outlineColor:"transparent",outlineOffset:"0px",minWidth:"10em",toggleButtonSize:"1.5em",inputIconSize:"1em",inputHeight:"3em",horizontalPadding:"0.5em",verticalPadding:"0.5em",textAlign:"start",backgroundColor:Og.colors.surface.main,fontFamily:Og.fonts.font1.family,direction:Og.direction,overlayOpacity:"0.3",errorMessageIcon:"",errorMessageIconSize:"0",errorMessageIconPadding:"0",errorMessageIconPosition:"0 0.4em",errorMessageFontSize:"0.8125rem",errorMessageIconRepeat:"no-repeat",size:{xs:{fontSize:"12px",chipFontSize:"10px"},sm:{fontSize:"14px",chipFontSize:"12px"},md:{fontSize:"16px",chipFontSize:"14px"},lg:{fontSize:"18px",chipFontSize:"16px"}},labelType:{static:{valueInputHeight:"3em",valueInputMarginBottom:"auto"},floating:{labelPosition:"absolute",labelTopPosition:"0",labelHorizontalPosition:"0.9em",labelFontSize:"1em",placeholderOpacity:0,inputHeight:"3.5em",inputVerticalAlignment:"flex-end",inputTransformY:"translateY(1.55em)",inputTransition:"all 75ms ease-in-out",marginInlineStart:"0",valueInputHeight:"1.5702em",valueInputMarginBottom:"0.5em",_focused:{labelFontSize:"0.75em",inputTransformY:"translateY(1.05em)",labelFontWeight:"400",placeholderOpacity:1},_readOnly:{placeholderOpacity:0},_hasValue:{inputTransformY:"translateY(1.05em)",labelFontSize:"0.75em",labelFontWeight:"400"}}},_fullWidth:{width:"100%"},_bordered:{outlineWidth:Og.border.xs,borderColor:Og.colors.surface.light,borderStyle:"solid",_invalid:{borderColor:Og.colors.error.main}},_focused:{outlineColor:Og.colors.surface.light,_invalid:{outlineColor:Og.colors.error.main}},_disabled:{labelTextColor:Og.colors.surface.light,borderColor:Og.colors.surface.light,valueTextColor:Og.colors.surface.light,placeholderTextColor:Og.colors.surface.light,helperTextColor:Og.colors.surface.light,backgroundColor:Og.colors.surface.main},_obfuscated:{inputTextSecurity:"disc"}},Bg);var _g=Object.freeze({__proto__:null,default:jg,refs:Fg,vars:Wg});const $g=vt(Xp),Hg=Fi.cssVarList,qg={[Hg.hostWidth]:Fg.width,[Hg.hostMinWidth]:Fg.minWidth,[Hg.hostDirection]:Fg.direction,[Hg.fontSize]:Fg.fontSize,[Hg.fontFamily]:Fg.fontFamily,[Hg.labelFontSize]:Fg.labelFontSize,[Hg.labelFontWeight]:Fg.labelFontWeight,[Hg.labelTextColor]:Fg.labelTextColor,[Hg.labelRequiredIndicator]:Fg.requiredIndicator,[Hg.errorMessageTextColor]:Fg.errorMessageTextColor,[Hg.inputValueTextColor]:Fg.valueTextColor,[Hg.inputPlaceholderColor]:Fg.placeholderTextColor,[Hg.inputBorderWidth]:Fg.borderWidth,[Hg.inputBorderStyle]:Fg.borderStyle,[Hg.inputBorderColor]:Fg.borderColor,[Hg.inputBorderRadius]:Fg.borderRadius,[Hg.inputOutlineWidth]:Fg.outlineWidth,[Hg.inputOutlineStyle]:Fg.outlineStyle,[Hg.inputOutlineColor]:Fg.outlineColor,[Hg.inputOutlineOffset]:Fg.outlineOffset,[Hg.inputBackgroundColor]:Fg.backgroundColor,[Hg.inputHeight]:Fg.inputHeight,[Hg.inputHorizontalPadding]:Fg.horizontalPadding,[Hg.helperTextColor]:Fg.helperTextColor,[Hg.textAlign]:Fg.textAlign,textAlign:{right:{[Hg.inputTextAlign]:"right"},left:{[Hg.inputTextAlign]:"left"},center:{[Hg.inputTextAlign]:"center"}},[Hg.labelPosition]:Fg.labelPosition,[Hg.labelTopPosition]:Fg.labelTopPosition,[Hg.labelHorizontalPosition]:Fg.labelHorizontalPosition,[Hg.inputTransformY]:Fg.inputTransformY,[Hg.inputTransition]:Fg.inputTransition,[Hg.marginInlineStart]:Fg.marginInlineStart,[Hg.placeholderOpacity]:Fg.placeholderOpacity,[Hg.inputVerticalAlignment]:Fg.inputVerticalAlignment,[Hg.valueInputHeight]:Fg.valueInputHeight,[Hg.valueInputMarginBottom]:Fg.valueInputMarginBottom,[Hg.inputIconOffset]:$g.spacing.md,[Hg.inputIconSize]:Fg.inputIconSize,[Hg.inputIconColor]:Fg.placeholderTextColor,[Hg.errorMessageIcon]:Fg.errorMessageIcon,[Hg.errorMessageIconSize]:Fg.errorMessageIconSize,[Hg.errorMessageIconPadding]:Fg.errorMessageIconPadding,[Hg.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[Hg.errorMessageIconPosition]:Fg.errorMessageIconPosition,[Hg.errorMessageFontSize]:Fg.errorMessageFontSize,[Hg.inputTextSecurity]:Fg.inputTextSecurity};var Yg=Object.freeze({__proto__:null,default:qg,textField:qg,vars:Hg});const Ug=vt(Xp),Gg=es.cssVarList,Zg={[Gg.hostWidth]:Fg.width,[Gg.hostMinWidth]:Fg.minWidth,[Gg.hostDirection]:Fg.direction,[Gg.fontSize]:Fg.fontSize,[Gg.fontFamily]:Fg.fontFamily,[Gg.labelFontSize]:Fg.labelFontSize,[Gg.labelFontWeight]:Fg.labelFontWeight,[Gg.labelTextColor]:Fg.labelTextColor,[Gg.errorMessageTextColor]:Fg.errorMessageTextColor,[Gg.inputHorizontalPadding]:Fg.horizontalPadding,[Gg.inputHeight]:Fg.inputHeight,[Gg.inputBackgroundColor]:Fg.backgroundColor,[Gg.labelRequiredIndicator]:Fg.requiredIndicator,[Gg.inputValueTextColor]:Fg.valueTextColor,[Gg.inputPlaceholderTextColor]:Fg.placeholderTextColor,[Gg.inputBorderWidth]:Fg.borderWidth,[Gg.inputBorderStyle]:Fg.borderStyle,[Gg.inputBorderColor]:Fg.borderColor,[Gg.inputBorderRadius]:Fg.borderRadius,[Gg.inputOutlineWidth]:Fg.outlineWidth,[Gg.inputOutlineStyle]:Fg.outlineStyle,[Gg.inputOutlineColor]:Fg.outlineColor,[Gg.inputOutlineOffset]:Fg.outlineOffset,[Gg.revealButtonOffset]:Ug.spacing.md,[Gg.revealButtonSize]:Fg.toggleButtonSize,[Gg.revealButtonColor]:Fg.placeholderTextColor,[Gg.labelPosition]:Fg.labelPosition,[Gg.labelTopPosition]:Fg.labelTopPosition,[Gg.labelHorizontalPosition]:Fg.labelHorizontalPosition,[Gg.inputTransformY]:Fg.inputTransformY,[Gg.inputTransition]:Fg.inputTransition,[Gg.marginInlineStart]:Fg.marginInlineStart,[Gg.placeholderOpacity]:Fg.placeholderOpacity,[Gg.inputVerticalAlignment]:Fg.inputVerticalAlignment,[Gg.valueInputHeight]:Fg.valueInputHeight,[Gg.errorMessageIcon]:Fg.errorMessageIcon,[Gg.errorMessageIconSize]:Fg.errorMessageIconSize,[Gg.errorMessageIconPadding]:Fg.errorMessageIconPadding,[Gg.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[Gg.errorMessageIconPosition]:Fg.errorMessageIconPosition,[Gg.errorMessageFontSize]:Fg.errorMessageFontSize};var Qg=Object.freeze({__proto__:null,default:Zg,vars:Gg});const Jg=xn.cssVarList,Kg={[Jg.hostWidth]:Fg.width,[Jg.hostMinWidth]:Fg.minWidth,[Jg.hostDirection]:Fg.direction,[Jg.fontSize]:Fg.fontSize,[Jg.fontFamily]:Fg.fontFamily,[Jg.labelFontSize]:Fg.labelFontSize,[Jg.labelFontWeight]:Fg.labelFontWeight,[Jg.labelTextColor]:Fg.labelTextColor,[Jg.errorMessageTextColor]:Fg.errorMessageTextColor,[Jg.inputValueTextColor]:Fg.valueTextColor,[Jg.inputPlaceholderColor]:Fg.placeholderTextColor,[Jg.inputBorderWidth]:Fg.borderWidth,[Jg.inputBorderStyle]:Fg.borderStyle,[Jg.inputBorderColor]:Fg.borderColor,[Jg.inputBorderRadius]:Fg.borderRadius,[Jg.inputOutlineWidth]:Fg.outlineWidth,[Jg.inputOutlineStyle]:Fg.outlineStyle,[Jg.inputOutlineColor]:Fg.outlineColor,[Jg.inputOutlineOffset]:Fg.outlineOffset,[Jg.inputBackgroundColor]:Fg.backgroundColor,[Jg.labelRequiredIndicator]:Fg.requiredIndicator,[Jg.inputHorizontalPadding]:Fg.horizontalPadding,[Jg.inputHeight]:Fg.inputHeight,[Jg.labelPosition]:Fg.labelPosition,[Jg.labelTopPosition]:Fg.labelTopPosition,[Jg.labelHorizontalPosition]:Fg.labelHorizontalPosition,[Jg.inputTransformY]:Fg.inputTransformY,[Jg.inputTransition]:Fg.inputTransition,[Jg.marginInlineStart]:Fg.marginInlineStart,[Jg.placeholderOpacity]:Fg.placeholderOpacity,[Jg.inputVerticalAlignment]:Fg.inputVerticalAlignment,[Jg.valueInputHeight]:Fg.valueInputHeight,[Jg.valueInputMarginBottom]:Fg.valueInputMarginBottom,[Jg.errorMessageIcon]:Fg.errorMessageIcon,[Jg.errorMessageIconSize]:Fg.errorMessageIconSize,[Jg.errorMessageIconPadding]:Fg.errorMessageIconPadding,[Jg.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[Jg.errorMessageIconPosition]:Fg.errorMessageIconPosition,[Jg.errorMessageFontSize]:Fg.errorMessageFontSize};var Xg=Object.freeze({__proto__:null,default:Kg,vars:Jg});const eb=pn.cssVarList,tb={[eb.hostWidth]:Fg.width,[eb.hostMinWidth]:Fg.minWidth,[eb.hostDirection]:Fg.direction,[eb.fontSize]:Fg.fontSize,[eb.fontFamily]:Fg.fontFamily,[eb.labelFontSize]:Fg.labelFontSize,[eb.labelFontWeight]:Fg.labelFontWeight,[eb.labelTextColor]:Fg.labelTextColor,[eb.errorMessageTextColor]:Fg.errorMessageTextColor,[eb.inputValueTextColor]:Fg.valueTextColor,[eb.labelRequiredIndicator]:Fg.requiredIndicator,[eb.inputPlaceholderColor]:Fg.placeholderTextColor,[eb.inputBorderWidth]:Fg.borderWidth,[eb.inputBorderStyle]:Fg.borderStyle,[eb.inputBorderColor]:Fg.borderColor,[eb.inputBorderRadius]:Fg.borderRadius,[eb.inputOutlineWidth]:Fg.outlineWidth,[eb.inputOutlineStyle]:Fg.outlineStyle,[eb.inputOutlineColor]:Fg.outlineColor,[eb.inputOutlineOffset]:Fg.outlineOffset,[eb.inputBackgroundColor]:Fg.backgroundColor,[eb.inputHorizontalPadding]:Fg.horizontalPadding,[eb.inputHeight]:Fg.inputHeight,[eb.labelPosition]:Fg.labelPosition,[eb.labelTopPosition]:Fg.labelTopPosition,[eb.labelHorizontalPosition]:Fg.labelHorizontalPosition,[eb.inputTransformY]:Fg.inputTransformY,[eb.inputTransition]:Fg.inputTransition,[eb.marginInlineStart]:Fg.marginInlineStart,[eb.placeholderOpacity]:Fg.placeholderOpacity,[eb.inputVerticalAlignment]:Fg.inputVerticalAlignment,[eb.valueInputHeight]:Fg.valueInputHeight,[eb.valueInputMarginBottom]:Fg.valueInputMarginBottom,[eb.errorMessageIcon]:Fg.errorMessageIcon,[eb.errorMessageIconSize]:Fg.errorMessageIconSize,[eb.errorMessageIconPadding]:Fg.errorMessageIconPadding,[eb.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[eb.errorMessageIconPosition]:Fg.errorMessageIconPosition,[eb.errorMessageFontSize]:Fg.errorMessageFontSize};var rb=Object.freeze({__proto__:null,default:tb,vars:eb});const ob=cs.cssVarList,ib={[ob.hostWidth]:Fg.width,[ob.hostMinWidth]:Fg.minWidth,[ob.hostDirection]:Fg.direction,[ob.fontSize]:Fg.fontSize,[ob.fontFamily]:Fg.fontFamily,[ob.labelTextColor]:Fg.labelTextColor,[ob.labelRequiredIndicator]:Fg.requiredIndicator,[ob.errorMessageTextColor]:Fg.errorMessageTextColor,[ob.inputBackgroundColor]:Fg.backgroundColor,[ob.inputValueTextColor]:Fg.valueTextColor,[ob.inputPlaceholderTextColor]:Fg.placeholderTextColor,[ob.inputBorderRadius]:Fg.borderRadius,[ob.inputBorderWidth]:Fg.borderWidth,[ob.inputBorderStyle]:Fg.borderStyle,[ob.inputBorderColor]:Fg.borderColor,[ob.inputOutlineWidth]:Fg.outlineWidth,[ob.inputOutlineStyle]:Fg.outlineStyle,[ob.inputOutlineColor]:Fg.outlineColor,[ob.inputOutlineOffset]:Fg.outlineOffset,[ob.inputResizeType]:"vertical",[ob.inputMinHeight]:"5em",[ob.errorMessageIcon]:Fg.errorMessageIcon,[ob.errorMessageIconSize]:Fg.errorMessageIconSize,[ob.errorMessageIconPadding]:Fg.errorMessageIconPadding,[ob.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[ob.errorMessageIconPosition]:Fg.errorMessageIconPosition,[ob.errorMessageFontSize]:Fg.errorMessageFontSize,textAlign:{right:{[ob.inputTextAlign]:"right"},left:{[ob.inputTextAlign]:"left"},center:{[ob.inputTextAlign]:"center"}},_readonly:{[ob.inputResizeType]:"none"}};var nb=Object.freeze({__proto__:null,default:ib,vars:ob});const sb=br.cssVarList,ab="1.35em",lb={[sb.hostWidth]:Fg.width,[sb.hostDirection]:Fg.direction,[sb.fontSize]:Fg.fontSize,[sb.fontFamily]:Fg.fontFamily,[sb.labelTextColor]:Fg.labelTextColor,[sb.labelRequiredIndicator]:Fg.requiredIndicator,[sb.labelFontWeight]:"400",[sb.labelLineHeight]:ab,[sb.labelSpacing]:"1em",[sb.errorMessageTextColor]:Fg.errorMessageTextColor,[sb.inputOutlineWidth]:Fg.outlineWidth,[sb.inputOutlineOffset]:Fg.outlineOffset,[sb.inputOutlineColor]:Fg.outlineColor,[sb.inputOutlineStyle]:Fg.outlineStyle,[sb.inputBorderRadius]:Fg.borderRadius,[sb.inputBorderColor]:Fg.borderColor,[sb.inputBorderWidth]:Fg.borderWidth,[sb.inputBorderStyle]:Fg.borderStyle,[sb.inputBackgroundColor]:Fg.backgroundColor,[sb.inputSize]:ab,[sb.inputValueTextColor]:Fg.valueTextColor,[sb.errorMessageIcon]:Fg.errorMessageIcon,[sb.errorMessageIconSize]:Fg.errorMessageIconSize,[sb.errorMessageIconPadding]:Fg.errorMessageIconPadding,[sb.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[sb.errorMessageIconPosition]:Fg.errorMessageIconPosition,[sb.errorMessageFontSize]:Fg.errorMessageFontSize};var db=Object.freeze({__proto__:null,default:lb,vars:sb});const cb="2px",pb=vt(Xp),ub=jr.cssVarList,hb={[ub.hostWidth]:Fg.width,[ub.hostDirection]:Fg.direction,[ub.fontSize]:Fg.fontSize,[ub.fontFamily]:Fg.fontFamily,[ub.inputOutlineWidth]:Fg.outlineWidth,[ub.inputOutlineOffset]:Fg.outlineOffset,[ub.inputOutlineColor]:Fg.outlineColor,[ub.inputOutlineStyle]:Fg.outlineStyle,[ub.trackBorderStyle]:Fg.borderStyle,[ub.trackBorderWidth]:Fg.borderWidth,[ub.trackBorderColor]:Fg.borderColor,[ub.trackBackgroundColor]:Fg.backgroundColor,[ub.trackBorderRadius]:pb.radius.md,[ub.trackWidth]:"2.5em",[ub.trackHeight]:"1.25em",[ub.knobSize]:`calc(1em - ${cb})`,[ub.knobRadius]:"50%",[ub.knobTopOffset]:"1px",[ub.knobLeftOffset]:cb,[ub.knobColor]:Fg.labelTextColor,[ub.knobTransitionDuration]:"0.3s",[ub.labelTextColor]:Fg.labelTextColor,[ub.labelFontWeight]:"400",[ub.labelLineHeight]:"1.35em",[ub.labelSpacing]:"1em",[ub.labelRequiredIndicator]:Fg.requiredIndicator,[ub.errorMessageTextColor]:Fg.errorMessageTextColor,[ub.errorMessageIcon]:Fg.errorMessageIcon,[ub.errorMessageIconSize]:Fg.errorMessageIconSize,[ub.errorMessageIconPadding]:Fg.errorMessageIconPadding,[ub.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[ub.errorMessageIconPosition]:Fg.errorMessageIconPosition,[ub.errorMessageFontSize]:Fg.errorMessageFontSize,_checked:{[ub.trackBorderColor]:Fg.borderColor,[ub.knobLeftOffset]:`calc(100% - var(${ub.knobSize}) - ${cb})`,[ub.knobColor]:Fg.valueTextColor,[ub.knobTextColor]:Fg.valueTextColor},_disabled:{[ub.knobColor]:pb.colors.surface.light,[ub.trackBorderColor]:pb.colors.surface.light,[ub.trackBackgroundColor]:pb.colors.surface.main,[ub.labelTextColor]:Fg.labelTextColor,_checked:{[ub.knobColor]:pb.colors.surface.light,[ub.trackBackgroundColor]:pb.colors.surface.main}},_invalid:{[ub.trackBorderColor]:pb.colors.error.main,[ub.knobColor]:pb.colors.error.main}};var mb=Object.freeze({__proto__:null,default:hb,vars:ub});const gb=vt(Xp),bb=Qr.cssVarList,[yb,fb,vb]=St({verticalAlignment:{start:{verticalAlignment:"start"},center:{verticalAlignment:"safe center"},end:{verticalAlignment:"end"}},horizontalAlignment:{start:{horizontalAlignment:"start"},center:{horizontalAlignment:"safe center"},end:{horizontalAlignment:"end"}},shadowColor:"#00000020"},Gr),{shadowColor:xb}=fb,Cb={...yb,[bb.itemsGrow]:"0",[bb.hostWidth]:"100%",[bb.boxShadow]:"none",[bb.backgroundColor]:gb.colors.surface.main,[bb.backgroundImage]:"",[bb.backgroundPositionX]:"center",[bb.backgroundPositionY]:"center",[bb.backgroundSize]:"cover",[bb.backgroundRepeat]:"no-repeat",[bb.color]:gb.colors.surface.contrast,[bb.borderRadius]:"0px",[bb.hostDirection]:gb.direction,[bb.borderStyle]:"none",[bb.borderWidth]:"unset",[bb.borderColor]:"unset",verticalPadding:{sm:{[bb.verticalPadding]:"5px"},md:{[bb.verticalPadding]:"10px"},lg:{[bb.verticalPadding]:"20px"}},horizontalPadding:{sm:{[bb.horizontalPadding]:"5px"},md:{[bb.horizontalPadding]:"10px"},lg:{[bb.horizontalPadding]:"20px"}},direction:{row:{[bb.flexDirection]:"row",[bb.alignItems]:fb.verticalAlignment,[bb.justifyContent]:fb.horizontalAlignment,[bb.flexWrap]:"wrap",horizontalAlignment:{spaceBetween:{[vb.horizontalAlignment]:"space-between"}}},column:{[bb.flexDirection]:"column",[bb.alignItems]:fb.horizontalAlignment,[bb.justifyContent]:fb.verticalAlignment,verticalAlignment:{spaceBetween:{[vb.verticalAlignment]:"space-between"}}}},spaceBetween:{sm:{[bb.gap]:"10px"},md:{[bb.gap]:"20px"},lg:{[bb.gap]:"30px"}},shadow:{sm:{[bb.boxShadow]:`${gb.shadow.wide.sm} ${xb}, ${gb.shadow.narrow.sm} ${xb}`},md:{[bb.boxShadow]:`${gb.shadow.wide.md} ${xb}, ${gb.shadow.narrow.md} ${xb}`},lg:{[bb.boxShadow]:`${gb.shadow.wide.lg} ${xb}, ${gb.shadow.narrow.lg} ${xb}`},xl:{[bb.boxShadow]:`${gb.shadow.wide.xl} ${xb}, ${gb.shadow.narrow.xl} ${xb}`},"2xl":{[vb.shadowColor]:"#00000050",[bb.boxShadow]:`${gb.shadow.wide["2xl"]} ${xb}`}},"&borderRadius":{sm:{[bb.borderRadius]:gb.radius.sm},md:{[bb.borderRadius]:gb.radius.md},lg:{[bb.borderRadius]:gb.radius.lg},xl:{[bb.borderRadius]:gb.radius.xl},"2xl":{[bb.borderRadius]:gb.radius["2xl"]},"3xl":{[bb.borderRadius]:gb.radius["3xl"]}}},wb={...bb,...vb};var Ib=Object.freeze({__proto__:null,default:Cb,vars:wb});const Mb=mn.cssVarList,Sb={[Mb.fallbackUrl]:"url(https://imgs.descope.com/components/no-logo-placeholder.svg)"};var Ab=Object.freeze({__proto__:null,default:Sb,vars:Mb});const Eb=bn.cssVarList,Tb={[Eb.fallbackUrl]:"url(https://imgs.descope.com/components/totp-placeholder.svg)"};var kb=Object.freeze({__proto__:null,default:Tb,vars:Eb});const zb=fn.cssVarList,Lb={[zb.fallbackUrl]:"url(https://imgs.descope.com/components/notp-placeholder.svg)"};var Nb=Object.freeze({__proto__:null,default:Lb,vars:zb});const Db=vt(Xp),Vb=dn.cssVarList,[Pb,Rb,Bb]=St({thickness:"2px",spacing:"10px"},tn),Ob={...Pb,[Vb.hostDirection]:Db.direction,[Vb.alignItems]:"center",[Vb.flexDirection]:"row",[Vb.alignSelf]:"stretch",[Vb.hostWidth]:"100%",[Vb.stripeColor]:Db.colors.surface.light,[Vb.stripeColorOpacity]:"0.5",[Vb.stripeHorizontalThickness]:Rb.thickness,[Vb.labelTextWidth]:"fit-content",[Vb.labelTextMaxWidth]:"calc(100% - 100px)",[Vb.labelTextHorizontalSpacing]:Rb.spacing,[Vb.textAlign]:"center",_vertical:{[Vb.minHeight]:"200px",[Vb.flexDirection]:"column",[Vb.hostWidth]:"fit-content",[Vb.hostPadding]:`0 calc(${Rb.thickness} * 3)`,[Vb.stripeVerticalThickness]:Rb.thickness,[Vb.labelTextWidth]:"fit-content",[Vb.labelTextMaxWidth]:"100%",[Vb.labelTextVerticalSpacing]:Rb.spacing}},jb={...Vb,...Bb};var Fb=Object.freeze({__proto__:null,default:Ob,vars:jb});const Wb=_n.cssVarList,_b={[Wb.hostDirection]:Fg.direction,[Wb.fontFamily]:Fg.fontFamily,[Wb.fontSize]:Fg.fontSize,[Wb.labelTextColor]:Fg.labelTextColor,[Wb.labelRequiredIndicator]:Fg.requiredIndicator,[Wb.errorMessageTextColor]:Fg.errorMessageTextColor,[Wb.digitValueTextColor]:Fg.valueTextColor,[Wb.digitPadding]:"0",[Wb.digitTextAlign]:"center",[Wb.digitSpacing]:"4px",[Wb.hostWidth]:Fg.width,[Wb.digitOutlineColor]:"transparent",[Wb.digitOutlineWidth]:Fg.outlineWidth,[Wb.focusedDigitFieldOutlineColor]:Fg.outlineColor,[Wb.digitSize]:Fg.inputHeight,[Wb.errorMessageIcon]:Fg.errorMessageIcon,[Wb.errorMessageIconSize]:Fg.errorMessageIconSize,[Wb.errorMessageIconPadding]:Fg.errorMessageIconPadding,[Wb.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[Wb.errorMessageIconPosition]:Fg.errorMessageIconPosition,[Wb.errorMessageFontSize]:Fg.errorMessageFontSize,size:{xs:{[Wb.spinnerSize]:"15px"},sm:{[Wb.spinnerSize]:"20px"},md:{[Wb.spinnerSize]:"20px"},lg:{[Wb.spinnerSize]:"20px"}},_hideCursor:{[Wb.digitCaretTextColor]:"transparent"},_loading:{[Wb.overlayOpacity]:Fg.overlayOpacity}};var $b=Object.freeze({__proto__:null,default:_b,vars:Wb});const Hb=vt(Xp),qb=Hr.cssVarList,Yb={[qb.hostDisplay]:"inline-block",[qb.hostWidth]:"100%",[qb.barColor]:Hb.colors.surface.contrast,[qb.barWidth]:"20%",[qb.barBackgroundColor]:Hb.colors.surface.light,[qb.barBorderRadius]:"4px",[qb.animationDuration]:"2s",[qb.animationTimingFunction]:"linear",[qb.animationIterationCount]:"infinite",[qb.verticalPadding]:"0.25em",size:{xs:{[qb.barHeight]:"2px"},sm:{[qb.barHeight]:"4px"},md:{[qb.barHeight]:"6px"},lg:{[qb.barHeight]:"8px"}},mode:{primary:{[qb.barColor]:Hb.colors.primary.main},secondary:{[qb.barColor]:Hb.colors.secondary.main}},_hidden:{[qb.hostDisplay]:"none"}};var Ub=Object.freeze({__proto__:null,default:Yb,vars:qb});const Gb=vt(Xp),Zb=Ur.cssVarList,[Qb,Jb,Kb]=St({spinnerColor:Gb.colors.surface.contrast,mode:{primary:{spinnerColor:Gb.colors.primary.main},secondary:{spinnerColor:Gb.colors.secondary.main}}},qr),Xb={...Qb,[Zb.animationDuration]:"2s",[Zb.animationTimingFunction]:"linear",[Zb.animationIterationCount]:"infinite",[Zb.spinnerBorderStyle]:"solid",[Zb.spinnerBorderWidth]:"0.2em",[Zb.spinnerBorderRadius]:"50%",[Zb.spinnerQuadrant1Color]:Jb.spinnerColor,[Zb.spinnerQuadrant2Color]:"transparent",[Zb.spinnerQuadrant3Color]:Jb.spinnerColor,[Zb.spinnerQuadrant4Color]:"transparent",size:{xs:{[Zb.spinnerSize]:"20px"},sm:{[Zb.spinnerSize]:"30px"},md:{[Zb.spinnerSize]:"40px"},lg:{[Zb.spinnerSize]:"60px"},xl:{[Zb.spinnerSize]:"80px"}},_hidden:{[Zb.hostDisplay]:"none"}},ey={...Zb,...Kb};var ty=Object.freeze({__proto__:null,default:Xb,vars:ey});const ry=Vs.cssVarList,oy={[ry.hostWidth]:Fg.width,[ry.hostDirection]:Fg.direction,[ry.fontSize]:Fg.fontSize,[ry.fontFamily]:Fg.fontFamily,[ry.labelTextColor]:Fg.labelTextColor,[ry.labelRequiredIndicator]:Fg.requiredIndicator,[ry.errorMessageTextColor]:Fg.errorMessageTextColor,[ry.inputValueTextColor]:Fg.valueTextColor,[ry.inputPlaceholderTextColor]:Fg.placeholderTextColor,[ry.inputBorderStyle]:Fg.borderStyle,[ry.inputBorderWidth]:Fg.borderWidth,[ry.inputBorderColor]:Fg.borderColor,[ry.inputBorderRadius]:Fg.borderRadius,[ry.inputOutlineStyle]:Fg.outlineStyle,[ry.inputOutlineWidth]:Fg.outlineWidth,[ry.inputOutlineColor]:Fg.outlineColor,[ry.inputOutlineOffset]:Fg.outlineOffset,[ry.phoneInputWidth]:Fg.minWidth,[ry.countryCodeInputWidth]:"5em",[ry.countryCodeDropdownWidth]:"20em",[ry.marginInlineStart]:"-0.25em",[ry.valueInputHeight]:Fg.valueInputHeight,[ry.valueInputMarginBottom]:Fg.valueInputMarginBottom,[ry.errorMessageIcon]:Fg.errorMessageIcon,[ry.errorMessageIconSize]:Fg.errorMessageIconSize,[ry.errorMessageIconPadding]:Fg.errorMessageIconPadding,[ry.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[ry.errorMessageIconPosition]:Fg.errorMessageIconPosition,[ry.errorMessageFontSize]:Fg.errorMessageFontSize};var iy=Object.freeze({__proto__:null,default:oy,vars:ry});const ny=Js.cssVarList,sy={[ny.hostWidth]:"16em",[ny.hostMinWidth]:Fg.minWidth,[ny.hostDirection]:Fg.direction,[ny.fontSize]:Fg.fontSize,[ny.fontFamily]:Fg.fontFamily,[ny.labelFontSize]:Fg.labelFontSize,[ny.labelFontWeight]:Fg.labelFontWeight,[ny.labelTextColor]:Fg.labelTextColor,[ny.labelRequiredIndicator]:Fg.requiredIndicator,[ny.errorMessageTextColor]:Fg.errorMessageTextColor,[ny.inputValueTextColor]:Fg.valueTextColor,[ny.inputPlaceholderTextColor]:Fg.placeholderTextColor,[ny.inputBorderStyle]:Fg.borderStyle,[ny.inputBorderWidth]:Fg.borderWidth,[ny.inputBorderColor]:Fg.borderColor,[ny.inputBorderRadius]:Fg.borderRadius,[ny.inputOutlineStyle]:Fg.outlineStyle,[ny.inputOutlineWidth]:Fg.outlineWidth,[ny.inputOutlineColor]:Fg.outlineColor,[ny.inputOutlineOffset]:Fg.outlineOffset,[ny.labelPosition]:Fg.labelPosition,[ny.labelTopPosition]:Fg.labelTopPosition,[ny.labelHorizontalPosition]:Fg.labelHorizontalPosition,[ny.inputTransformY]:Fg.inputTransformY,[ny.inputTransition]:Fg.inputTransition,[ny.marginInlineStart]:Fg.marginInlineStart,[ny.valueInputHeight]:Fg.valueInputHeight,[ny.valueInputMarginBottom]:Fg.valueInputMarginBottom,[ny.inputHorizontalPadding]:"0",[ny.errorMessageIcon]:Fg.errorMessageIcon,[ny.errorMessageIconSize]:Fg.errorMessageIconSize,[ny.errorMessageIconPadding]:Fg.errorMessageIconPadding,[ny.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[ny.errorMessageIconPosition]:Fg.errorMessageIconPosition,[ny.errorMessageFontSize]:Fg.errorMessageFontSize,_fullWidth:{[ny.hostWidth]:Fg.width}};var ay=Object.freeze({__proto__:null,default:sy,vars:ny});const ly=vt(Xp),dy=va.cssVarList,cy={[dy.hostWidth]:Fg.width,[dy.hostMinWidth]:Fg.minWidth,[dy.hostDirection]:Fg.direction,[dy.fontSize]:Fg.fontSize,[dy.fontFamily]:Fg.fontFamily,[dy.labelFontSize]:Fg.labelFontSize,[dy.labelFontWeight]:Fg.labelFontWeight,[dy.labelTextColor]:Fg.labelTextColor,[dy.spaceBetweenInputs]:"1em",[dy.errorMessageTextColor]:Fg.errorMessageTextColor,[dy.policyPreviewBackgroundColor]:"none",[dy.policyPreviewPadding]:ly.spacing.lg,[dy.valueInputHeight]:Fg.valueInputHeight,[dy.errorMessageIcon]:Fg.errorMessageIcon,[dy.errorMessageIconSize]:Fg.errorMessageIconSize,[dy.errorMessageIconPadding]:Fg.errorMessageIconPadding,[dy.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[dy.errorMessageIconPosition]:Fg.errorMessageIconPosition,[dy.errorMessageFontSize]:Fg.errorMessageFontSize,_required:{[dy.inputsRequiredIndicator]:Fg.requiredIndicator}};var py=Object.freeze({__proto__:null,default:cy,vars:dy});const uy=$a.cssVarList,hy={[uy.hostDirection]:Fg.direction,[uy.labelTextColor]:Fg.labelTextColor,[uy.fontFamily]:Fg.fontFamily,[uy.iconSize]:"2em",[uy.hostPadding]:"0.75em",[uy.gap]:"0.5em",[uy.fontSize]:"16px",[uy.titleFontWeight]:"500",[uy.lineHeight]:"1em",[uy.borderWidth]:Fg.borderWidth,[uy.borderColor]:Fg.borderColor,[uy.borderRadius]:Fg.borderRadius,[uy.borderStyle]:"dashed",_required:{[uy.requiredIndicator]:Fg.requiredIndicator},size:{xs:{[uy.hostHeight]:"196px",[uy.hostWidth]:"200px",[uy.titleFontSize]:"0.875em",[uy.descriptionFontSize]:"0.875em",[uy.lineHeight]:"1.25em"},sm:{[uy.hostHeight]:"216px",[uy.hostWidth]:"230px",[uy.titleFontSize]:"1em",[uy.descriptionFontSize]:"0.875em",[uy.lineHeight]:"1.25em"},md:{[uy.hostHeight]:"256px",[uy.hostWidth]:"312px",[uy.titleFontSize]:"1.125em",[uy.descriptionFontSize]:"1em",[uy.lineHeight]:"1.5em"},lg:{[uy.hostHeight]:"280px",[uy.hostWidth]:"336px",[uy.titleFontSize]:"1.125em",[uy.descriptionFontSize]:"1.125em",[uy.lineHeight]:"1.75em"}},_fullWidth:{[uy.hostWidth]:Fg.width}};var my=Object.freeze({__proto__:null,default:hy,vars:uy});const gy=vt(Xp),by=nl.cssVarList,yy={[by.hostDirection]:"inherit",[by.backgroundColor]:gy.colors.surface.main,[by.labelTextColor]:gy.colors.surface.contrast,[by.borderColor]:gy.colors.surface.light,[by.borderStyle]:"solid",[by.borderRadius]:gy.radius.sm,[by.outlineColor]:"transparent",[by.borderWidth]:gy.border.xs,_hover:{[by.backgroundColor]:gy.colors.surface.highlight},_focused:{[by.outlineColor]:gy.colors.surface.light},_selected:{[by.borderColor]:gy.colors.surface.contrast,[by.backgroundColor]:gy.colors.surface.contrast,[by.labelTextColor]:gy.colors.surface.main}};var fy=Object.freeze({__proto__:null,default:yy,vars:by});const vy=vt(Xp),xy=e=>({[e.hostDirection]:Fg.direction,[e.fontFamily]:Fg.fontFamily,[e.labelTextColor]:Fg.labelTextColor,[e.labelRequiredIndicator]:Fg.requiredIndicator,[e.itemsSpacing]:vy.spacing.sm,[e.hostWidth]:Fg.width,[e.errorMessageTextColor]:Fg.errorMessageTextColor,[e.errorMessageIcon]:Fg.errorMessageIcon,[e.errorMessageIconSize]:Fg.errorMessageIconSize,[e.errorMessageIconPadding]:Fg.errorMessageIconPadding,[e.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[e.errorMessageIconPosition]:Fg.errorMessageIconPosition,[e.errorMessageFontSize]:Fg.errorMessageFontSize}),Cy=rl.cssVarList,wy={...xy(Cy)};var Iy=Object.freeze({__proto__:null,default:wy,vars:Cy});const My=dl.cssVarList,Sy={...xy(My)};var Ay=Object.freeze({__proto__:null,default:Sy,vars:My});const Ey=vt(Xp),Ty=ic.cssVarList,ky={[Ty.overlayBackgroundColor]:Ey.colors.surface.main,[Ty.overlayShadow]:Ey.shadow.wide["2xl"],[Ty.overlayWidth]:"540px",[Ty.overlayBackdropColor]:"hsla(214, 53%, 23%, 0.16)"},zy={...Ty};var Ly=Object.freeze({__proto__:null,default:ky,vars:zy});const Ny=vt(Xp),Dy=jd.cssVarList,Vy={[Dy.hostWidth]:"100%",[Dy.hostHeight]:"100%",[Dy.hostMinHeight]:"400px",[Dy.fontWeight]:"400",[Dy.backgroundColor]:Ny.colors.surface.main,[Dy.fontSize]:Fg.fontSize,[Dy.fontFamily]:Fg.fontFamily,[Dy.sortIndicatorsColor]:Ny.colors.surface.light,[Dy.activeSortIndicator]:Ny.colors.surface.dark,[Dy.resizeHandleColor]:Ny.colors.surface.light,[Dy.borderWidth]:Fg.borderWidth,[Dy.borderStyle]:Fg.borderStyle,[Dy.borderRadius]:Fg.borderRadius,[Dy.borderColor]:"transparent",[Dy.headerRowTextColor]:Ny.colors.surface.dark,[Dy.separatorColor]:Ny.colors.surface.light,[Dy.valueTextColor]:Ny.colors.surface.contrast,[Dy.selectedBackgroundColor]:Ny.colors.surface.highlight,[Dy.hostDirection]:Ny.direction,[Dy.toggleDetailsPanelButtonSize]:"1em",[Dy.toggleDetailsPanelButtonOpenedColor]:Ny.colors.surface.contrast,[Dy.toggleDetailsPanelButtonClosedColor]:Ny.colors.surface.light,[Dy.toggleDetailsPanelButtonCursor]:"pointer",[Dy.detailsPanelBackgroundColor]:Ny.colors.surface.highlight,[Dy.detailsPanelBorderTopColor]:Ny.colors.surface.light,[Dy.detailsPanelLabelsColor]:Ny.colors.surface.dark,[Dy.detailsPanelLabelsFontSize]:"0.8em",[Dy.detailsPanelItemsGap]:"2em",[Dy.detailsPanelPadding]:"12px 0",_bordered:{[Dy.borderColor]:Fg.borderColor}};var Py=Object.freeze({__proto__:null,default:Vy,grid:Vy,vars:Dy});const Ry=vt(Xp),By=lc.cssVarList,Oy="#00000020",jy={[By.hostMinWidth]:"415px",[By.fontFamily]:Ry.fonts.font1.family,[By.fontSize]:Ry.typography.body1.size,[By.backgroundColor]:Ry.colors.surface.main,[By.textColor]:Ry.colors.surface.contrast,[By.boxShadow]:`${Ry.shadow.wide.xl} ${Oy}, ${Ry.shadow.narrow.xl} ${Oy}`,[By.verticalPadding]:"0.625em",[By.horizontalPadding]:"1.5em",[By.borderRadius]:Ry.radius.xs,_bordered:{[By.borderWidth]:Ry.border.sm,[By.borderStyle]:"solid",[By.borderColor]:"transparent"},size:{xs:{[By.fontSize]:"12px"},sm:{[By.fontSize]:"14px"},md:{[By.fontSize]:"16px"},lg:{[By.fontSize]:"18px"}},mode:{primary:{[By.backgroundColor]:Ry.colors.primary.main,[By.textColor]:Ry.colors.primary.contrast,[By.borderColor]:Ry.colors.primary.light},success:{[By.backgroundColor]:Ry.colors.success.main,[By.textColor]:Ry.colors.success.contrast,[By.borderColor]:Ry.colors.success.light},error:{[By.backgroundColor]:Ry.colors.error.main,[By.textColor]:Ry.colors.error.contrast,[By.borderColor]:Ry.colors.error.light}}};var Fy=Object.freeze({__proto__:null,default:jy,vars:By});const Wy=vt(Xp),_y=tc.cssVarList,$y={[_y.hostWidth]:Fg.width,[_y.hostDirection]:Fg.direction,[_y.fontSize]:Fg.fontSize,[_y.fontFamily]:Fg.fontFamily,[_y.labelFontSize]:Fg.labelFontSize,[_y.labelFontWeight]:Fg.labelFontWeight,[_y.labelTextColor]:Fg.labelTextColor,[_y.errorMessageTextColor]:Fg.errorMessageTextColor,[_y.inputBorderColor]:Fg.borderColor,[_y.inputBorderWidth]:Fg.borderWidth,[_y.inputBorderStyle]:Fg.borderStyle,[_y.inputBorderRadius]:Fg.borderRadius,[_y.inputOutlineColor]:Fg.outlineColor,[_y.inputOutlineOffset]:Fg.outlineOffset,[_y.inputOutlineWidth]:Fg.outlineWidth,[_y.inputOutlineStyle]:Fg.outlineStyle,[_y.labelRequiredIndicator]:Fg.requiredIndicator,[_y.inputValueTextColor]:Fg.valueTextColor,[_y.inputPlaceholderTextColor]:Fg.placeholderTextColor,[_y.inputBackgroundColor]:Fg.backgroundColor,[_y.inputHorizontalPadding]:Fg.horizontalPadding,[_y.inputVerticalPadding]:Fg.verticalPadding,[_y.inputHeight]:Fg.inputHeight,[_y.inputDropdownButtonColor]:Wy.colors.surface.dark,[_y.inputDropdownButtonCursor]:"pointer",[_y.inputDropdownButtonSize]:Fg.toggleButtonSize,[_y.inputDropdownButtonOffset]:Wy.spacing.xs,[_y.overlayItemPaddingInlineStart]:Wy.spacing.xs,[_y.overlayItemPaddingInlineEnd]:Wy.spacing.lg,[_y.chipFontSize]:Fg.chipFontSize,[_y.chipTextColor]:Wy.colors.surface.contrast,[_y.chipBackgroundColor]:Wy.colors.surface.light,[_y.labelPosition]:Fg.labelPosition,[_y.labelTopPosition]:Fg.labelTopPosition,[_y.labelLeftPosition]:Fg.labelLeftPosition,[_y.labelHorizontalPosition]:Fg.labelHorizontalPosition,[_y.inputTransformY]:Fg.inputTransformY,[_y.inputTransition]:Fg.inputTransition,[_y.marginInlineStart]:Fg.marginInlineStart,[_y.placeholderOpacity]:Fg.placeholderOpacity,[_y.inputVerticalAlignment]:Fg.inputVerticalAlignment,[_y.errorMessageIcon]:Fg.errorMessageIcon,[_y.errorMessageIconSize]:Fg.errorMessageIconSize,[_y.errorMessageIconPadding]:Fg.errorMessageIconPadding,[_y.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[_y.errorMessageIconPosition]:Fg.errorMessageIconPosition,[_y.errorMessageFontSize]:Fg.errorMessageFontSize,labelType:{floating:{[_y.inputHorizontalPadding]:"0.25em",_hasValue:{[_y.inputHorizontalPadding]:"0.45em"}}},_readonly:{[_y.inputDropdownButtonCursor]:"default"},[_y.overlayFontSize]:Fg.fontSize,[_y.overlayFontFamily]:Fg.fontFamily,[_y.overlayCursor]:"pointer",[_y.overlayItemBoxShadow]:"none",[_y.overlayBackground]:Fg.backgroundColor,[_y.overlayTextColor]:Fg.valueTextColor,[_y.overlay.minHeight]:"400px",[_y.overlay.margin]:"0"};var Hy=Object.freeze({__proto__:null,default:$y,multiSelectComboBox:$y,vars:_y});const qy=vt(Xp),Yy=Mc.cssVarList,Uy={[Yy.hostWidth]:Fg.width,[Yy.hostDirection]:Fg.direction,[Yy.fontSize]:Fg.fontSize,[Yy.fontFamily]:Fg.fontFamily,[Yy.separatorFontSize]:"14px",[Yy.labelsFontSize]:"14px",[Yy.labelsLineHeight]:"1",[Yy.labelsMarginBottom]:"6px",[Yy.labelTextColor]:Fg.labelTextColor,[Yy.itemMarginBottom]:"1em",[Yy.valueLabelMinWidth]:Fg.minWidth,[Yy.attrLabelMinWidth]:`calc(12em + 2 * ${qy.border.xs})`,[Yy.separatorWidth]:"70px",[Yy.removeButtonWidth]:"60px"};var Gy=Object.freeze({__proto__:null,default:Uy,mappingsField:Uy,vars:Yy});const Zy=vt(Xp),Qy=jc.cssVarList,Jy={[Qy.labelMinWidth]:"150px",[Qy.hostDirection]:Zy.direction,[Qy.contentMinWidth]:`calc(100% - ${Mt(Qy.labelMinWidth)} - ${Mt(Qy.itemsGap)})`,[Qy.badgeMaxWidth]:"85px",[Qy.itemsGap]:"4px",[Qy.hostMinWidth]:"310px",[Qy.hostWidth]:"530px",[Qy.hostMaxWidth]:"100%",_fullWidth:{[Qy.hostWidth]:"100%"}};var Ky=Object.freeze({__proto__:null,default:Jy,vars:Qy});const Xy=vt(Xp),ef=Gc.cssVarList,tf={[ef.hostDirection]:Xy.direction,[ef.itemsGap]:"16px",[ef.hostMinWidth]:"310px",[ef.hostWidth]:"530px",[ef.hostMaxWidth]:"100%",[ef.iconSize]:"24px",[ef.iconColor]:"currentcolor",_fullWidth:{[ef.hostWidth]:"100%"}};var rf=Object.freeze({__proto__:null,default:tf,vars:ef});const of=tp.cssVarList,nf={[of.hostWidth]:Fg.width,[of.hostDirection]:Fg.direction,[of.groupNameInputMarginBottom]:"1em",[of.errorMessageIcon]:Fg.errorMessageIcon,[of.errorMessageIconSize]:Fg.errorMessageIconSize,[of.errorMessageIconPadding]:Fg.errorMessageIconPadding,[of.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[of.errorMessageIconPosition]:Fg.errorMessageIconPosition,[of.errorMessageFontSize]:Fg.errorMessageFontSize};var sf=Object.freeze({__proto__:null,default:nf,samlGroupMappings:nf,vars:of});const af=vt(Xp),lf=da.cssVarList,df={[lf.fontFamily]:Fg.fontFamily,[lf.fontSize]:Fg.labelFontSize,[lf.textColor]:Fg.labelTextColor,[lf.borderWidth]:Fg.borderWidth,[lf.borderStyle]:Fg.borderStyle,[lf.borderColor]:Fg.borderColor,[lf.borderRadius]:af.radius.sm,[lf.backgroundColor]:"none",[lf.padding]:"0px",[lf.labelMargin]:af.spacing.sm,[lf.itemsSpacing]:af.spacing.lg,[lf.itemSymbolDefault]:"'\\2022'",[lf.itemSymbolSuccess]:"'\\2713'",[lf.itemSymbolError]:"'\\2A09'",[lf.itemSymbolSuccessColor]:af.colors.success.main,[lf.itemSymbolErrorColor]:af.colors.error.main};var cf=Object.freeze({__proto__:null,default:df,vars:lf});const pf=vt(Xp),uf=md.cssVarList,hf="#d73a49",mf="#6f42c1",gf="#005cc5",bf="#e36209",yf="#6a737d",ff="#22863a",vf="#24292e",xf="#f0fff4",Cf="#032f62",wf="#ff7b72",If="#d2a8ff",Mf="#79c0ff",Sf="#ffa657",Af="#8b949e",Ef="#7ee787",Tf="#c9d1d9",kf="#f0fff4",zf="#a5d6ff",Lf={[uf.rootBgColor]:pf.colors.surface.main,[uf.rootTextColor]:pf.colors.surface.contrast,[uf.docTagTextColor]:hf,[uf.keywordTextColor]:hf,[uf.metaKeywordTextColor]:hf,[uf.templateTagTextColor]:hf,[uf.templateVariableTextColor]:hf,[uf.typeTextColor]:hf,[uf.variableLanguageTextColor]:hf,[uf.titleTextColor]:mf,[uf.titleClassTextColor]:mf,[uf.titleClassInheritedTextColor]:mf,[uf.titleFunctionTextColor]:mf,[uf.attrTextColor]:gf,[uf.attributeTextColor]:gf,[uf.literalTextColor]:gf,[uf.metaTextColor]:gf,[uf.numberTextColor]:gf,[uf.operatorTextColor]:gf,[uf.variableTextColor]:gf,[uf.selectorAttrTextColor]:gf,[uf.selectorClassTextColor]:gf,[uf.selectorIdTextColor]:gf,[uf.regexpTextColor]:Cf,[uf.stringTextColor]:Cf,[uf.metaStringTextColor]:Cf,[uf.builtInTextColor]:bf,[uf.symbolTextColor]:bf,[uf.commentTextColor]:yf,[uf.codeTextColor]:yf,[uf.formulaTextColor]:yf,[uf.nameTextColor]:ff,[uf.quoteTextColor]:ff,[uf.selectorTagTextColor]:ff,[uf.selectorPseudoTextColor]:ff,[uf.substTextColor]:vf,[uf.sectionTextColor]:gf,[uf.bulletTextColor]:"#735c0f",[uf.emphasisTextColor]:vf,[uf.strongTextColor]:vf,[uf.additionTextColor]:ff,[uf.additionBgColor]:xf,[uf.deletionTextColor]:hf,[uf.deletionBgColor]:xf},Nf={codeSnippet:{[uf.rootBgColor]:pf.colors.surface.main,[uf.rootTextColor]:pf.colors.surface.contrast,[uf.docTagTextColor]:wf,[uf.keywordTextColor]:wf,[uf.metaKeywordTextColor]:wf,[uf.templateTagTextColor]:wf,[uf.templateVariableTextColor]:wf,[uf.typeTextColor]:wf,[uf.variableLanguageTextColor]:wf,[uf.titleTextColor]:If,[uf.titleClassTextColor]:If,[uf.titleClassInheritedTextColor]:If,[uf.titleFunctionTextColor]:If,[uf.attrTextColor]:Mf,[uf.attributeTextColor]:Mf,[uf.literalTextColor]:Mf,[uf.metaTextColor]:Mf,[uf.numberTextColor]:Mf,[uf.operatorTextColor]:Mf,[uf.variableTextColor]:Mf,[uf.selectorAttrTextColor]:Mf,[uf.selectorClassTextColor]:Mf,[uf.selectorIdTextColor]:Mf,[uf.regexpTextColor]:zf,[uf.stringTextColor]:zf,[uf.metaStringTextColor]:zf,[uf.builtInTextColor]:Sf,[uf.symbolTextColor]:Sf,[uf.commentTextColor]:Af,[uf.codeTextColor]:Af,[uf.formulaTextColor]:Af,[uf.nameTextColor]:Ef,[uf.quoteTextColor]:Ef,[uf.selectorTagTextColor]:Ef,[uf.selectorPseudoTextColor]:Ef,[uf.substTextColor]:Tf,[uf.sectionTextColor]:Mf,[uf.bulletTextColor]:"#735c0f",[uf.emphasisTextColor]:Tf,[uf.strongTextColor]:Tf,[uf.additionTextColor]:Ef,[uf.additionBgColor]:kf,[uf.deletionTextColor]:wf,[uf.deletionBgColor]:kf}};var Df=Object.freeze({__proto__:null,codeSnippetDarkThemeOverrides:Nf,default:Lf,vars:uf});const Vf=np.cssVarList,Pf=vt(Xp),Rf={[Vf.buttonsRowGap]:"9px",[Vf.hostWidth]:Fg.width,[Vf.hostDirection]:Fg.direction,[Vf.fontSize]:Fg.fontSize,[Vf.fontFamily]:Fg.fontFamily,[Vf.labelTextColor]:Fg.labelTextColor,[Vf.labelRequiredIndicator]:Fg.requiredIndicator,[Vf.errorMessageTextColor]:Fg.errorMessageTextColor,[Vf.errorMessageIcon]:Fg.errorMessageIcon,[Vf.errorMessageIconSize]:Fg.errorMessageIconSize,[Vf.errorMessageIconPadding]:Fg.errorMessageIconPadding,[Vf.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[Vf.errorMessageIconPosition]:Fg.errorMessageIconPosition,[Vf.errorMessageFontSize]:Fg.errorMessageFontSize,[Vf.helperTextColor]:Fg.helperTextColor,[Vf.itemsLabelColor]:Pf.colors.surface.contrast,textAlign:{right:{[Vf.inputTextAlign]:"right"},left:{[Vf.inputTextAlign]:"left"},center:{[Vf.inputTextAlign]:"center"}},_fullWidth:{[Vf.buttonsSpacing]:"space-between"},_disabled:{[Vf.itemsLabelColor]:Pf.colors.surface.light}};var Bf=Object.freeze({__proto__:null,default:Rf,radioGroup:Rf,vars:Vf});const Of=op.cssVarList,jf=vt(Xp),Ff={[Of.fontFamily]:Fg.fontFamily,[Of.radioSize]:"calc(1em + 6px)",[Of.radioMargin]:"auto 4px",[Of.radioCheckedSize]:`calc(var(${Of.radioSize})/5)`,[Of.radioCheckedColor]:jf.colors.surface.light,[Of.radioBackgroundColor]:jf.colors.surface.light,[Of.radioBorderColor]:"none",[Of.radioBorderWidth]:0,_checked:{[Of.radioBackgroundColor]:jf.colors.surface.contrast},_hover:{cursor:"pointer"},size:{xs:{[Of.fontSize]:"12px"},sm:{[Of.fontSize]:"14px"},md:{[Of.fontSize]:"16px"},lg:{[Of.fontSize]:"18px"}}};var Wf=Object.freeze({__proto__:null,default:Ff,radioButton:Ff,vars:Of});const _f=vt(Xp),$f=xi.cssVarList,Hf={[$f.fontFamily]:Fg.fontFamily,[$f.fontSize]:Fg.fontSize,[$f.hostDirection]:Fg.direction,[$f.calendarPadding]:"1em",[$f.topNavVerticalPadding]:"1em",[$f.topNavAlignment]:"space-between",[$f.topNavGap]:"0",[$f.topNavSelectorsGap]:"0.5em",[$f.bottomNavVerticalPadding]:"0.75em",[$f.bottomNavHorizontalPadding]:"1.5em",[$f.bottomNavAlignment]:"space-between",[$f.bottomNavGap]:"0.5em",[$f.navMarginBottom]:"0.75em",[$f.navBorderBottomWidth]:"1px",[$f.navBorderBottomColor]:_f.colors.surface.highlight,[$f.navBorderBottomStyle]:"solid",[$f.yearInputWidth]:"6em",[$f.monthInputWidth]:"8em",[$f.navButtonSize]:"24px",[$f.navButtonCursor]:"pointer",[$f.weekdayFontSize]:"0.875em",[$f.weekdayFontWeight]:"500",[$f.dayHeight]:"3.125em",[$f.daySize]:"2.125em",[$f.dayFontSize]:"1em",[$f.dayRadius]:"50%",[$f.dayTextAlign]:"center",[$f.dayPadding]:"0",[$f.dayTextColor]:_f.colors.surface.contrast,[$f.dayFontWeight]:"500",[$f.dayBackgroundColor]:"transparent",[$f.dayCursor]:"pointer",[$f.dayBackgroundColorHover]:_f.colors.primary.highlight,[$f.daySelectedBackgroundColor]:_f.colors.primary.main,[$f.daySelectedTextdColor]:_f.colors.primary.contrast,[$f.dayDisabledTextdColor]:_f.colors.surface.light,[$f.currentDayBorderColor]:_f.colors.surface.light,[$f.currentDayBorderWidth]:"1px",[$f.currentDayBorderStyle]:"solid",size:{xs:{[$f.fontSize]:"12px"},sm:{[$f.fontSize]:"14px"},md:{[$f.fontSize]:"16px"},lg:{[$f.fontSize]:"18px"}},[$f.navButtonRotation]:"rotate(180deg)",_disabled:{[$f.navButtonOpacity]:"0.5",[$f.dayBackgroundColorHover]:"none",[$f.navButtonCursor]:"default",[$f.dayCursor]:"default"},_fullWidth:{[$f.hostWidth]:"100%",[$f.dayBlockAlign]:"0 auto"}};var qf=Object.freeze({__proto__:null,default:Hf,vars:$f});const Yf=vt(Xp),Uf="#00000020",{shadow:Gf}=Yf,Zf=en.cssVarList,Qf={[Zf.hostWidth]:Fg.width,[Zf.hostDirection]:Fg.direction,[Zf.iconMargin]:"0.375em",[Zf.overlay.marginTop]:`calc(${Fg.outlineWidth} + 1px)`,[Zf.overlay.backgroundColor]:Fg.backgroundColor,[Zf.overlay.backdropBackgroundColor]:"transparent",[Zf.overlay.backdropPointerEvents]:"all",[Zf.overlay.boxShadow]:`${Gf.wide.xl} ${Uf}, ${Gf.narrow.xl} ${Uf}`,[Zf.overlay.outlineWidth]:"0",[Zf.overlay.outlineColor]:"transparent",[Zf.overlay.outlineStyle]:"none",[Zf.overlay.padding]:"0",[Zf.rtlInputDirection]:"ltr",[Zf.rtlInputAlignment]:"right",[Zf.errorMessageIcon]:Fg.errorMessageIcon,[Zf.errorMessageIconSize]:Fg.errorMessageIconSize,[Zf.errorMessageIconPadding]:Fg.errorMessageIconPadding,[Zf.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[Zf.errorMessageIconPosition]:Fg.errorMessageIconPosition,[Zf.errorMessageFontSize]:Fg.errorMessageFontSize};var Jf=Object.freeze({__proto__:null,default:Qf,vars:Zf});const Kf=pp.cssVarList,Xf={[Kf.requiredInputBorderColor]:jg._disabled[Wg.borderColor],[Kf.requiredInputValueTextColor]:jg._disabled[Wg.valueTextColor],[Kf.hostWidth]:"280px",_fullWidth:{[Kf.hostWidth]:"100%"}};var ev=Object.freeze({__proto__:null,default:Xf,vars:Kf});const tv=vt(Xp),rv=Cp.cssVarList,ov={[rv.gap]:tv.spacing.lg,[rv.arrowsColor]:tv.colors.surface.dark,[rv.thirdPartyAppLogoFallback]:"url(https://imgs.descope.com/components/third-party-app-logo-placeholder.svg)",[rv.companyLogoFallback]:"url(https://imgs.descope.com/components/project-logo-placeholder.svg)",size:{xs:{[rv.logoMaxHeight]:"30px",[rv.logoMaxWidth]:"120px"},sm:{[rv.logoMaxHeight]:"40px",[rv.logoMaxWidth]:"160px"},md:{[rv.logoMaxHeight]:"48px",[rv.logoMaxWidth]:"200px"},lg:{[rv.logoMaxHeight]:"60px",[rv.logoMaxWidth]:"240px"}}};var iv=Object.freeze({__proto__:null,default:ov,vars:rv});const nv=Ap.cssVarList,sv={[nv.hostWidth]:"fit-content",_fullWidth:{[nv.hostWidth]:"100%"}};var av=Object.freeze({__proto__:null,default:sv,vars:nv});const lv=Vp.cssVarList,dv={[lv.hostWidth]:"min-content",[lv.questionCursor]:"pointer",_fullWidth:{[lv.hostWidth]:"100%"},[lv.questionFontSize]:Fg.fontSize,[lv.questionFontFamily]:Fg.fontFamily};var cv=Object.freeze({__proto__:null,default:dv,vars:lv});const pv=Wp.cssVarList,uv={[pv.hostDirection]:Fg.direction,[pv.errorMessageIcon]:Fg.errorMessageIcon,[pv.errorMessageIconSize]:Fg.errorMessageIconSize,[pv.errorMessageIconPadding]:Fg.errorMessageIconPadding,[pv.errorMessageIconRepeat]:Fg.errorMessageIconRepeat,[pv.errorMessageIconPosition]:Fg.errorMessageIconPosition,[pv.errorMessageFontSize]:Fg.errorMessageFontSize,_fullWidth:{[pv.hostWidth]:"100%"}};var hv=Object.freeze({__proto__:null,default:uv,vars:pv});const mv=vt(Xp),gv=qp.cssVarList,bv={[gv.hostDirection]:mv.direction,[gv.backgroundColor]:"transparent",[gv.iconSize]:"1.35em",[gv.alignItems]:"center",[gv.borderRadius]:mv.radius.md,[gv.horizontalPadding]:"0",[gv.verticalPadding]:"0",[gv.gap]:"0.5em",[gv.fontSize]:Mt(bu.fontSize),mode:{error:{[gv.textColor]:mv.colors.error.main,_bordered:{[gv.borderColor]:mv.colors.error.main}},success:{[gv.textColor]:mv.colors.success.main,_bordered:{[gv.borderColor]:mv.colors.success.main}}},spacing:{xs:{[gv.horizontalPadding]:mv.spacing.xs,[gv.verticalPadding]:mv.spacing.xs},sm:{[gv.horizontalPadding]:mv.spacing.sm,[gv.verticalPadding]:mv.spacing.sm},md:{[gv.horizontalPadding]:mv.spacing.md,[gv.verticalPadding]:mv.spacing.md},lg:{[gv.horizontalPadding]:mv.spacing.lg,[gv.verticalPadding]:mv.spacing.lg},xl:{[gv.horizontalPadding]:mv.spacing.xl,[gv.verticalPadding]:mv.spacing.xl}},textAlign:{left:{[gv.justifyContent]:"left"},center:{[gv.justifyContent]:"center"},right:{[gv.justifyContent]:"right"}},_bordered:{[gv.borderWidth]:mv.border.xs,[gv.borderColor]:"transparent",[gv.borderStyle]:"solid",[gv.borderWidth]:mv.border.xs,[gv.borderRadius]:mv.radius.sm},_fullWidth:{[gv.hostWidth]:"100%"}};var yv=Object.freeze({__proto__:null,default:bv,vars:gv});const fv=Zp.cssVarList,vv={enabled:{false:{[fv.maxHeight]:"70px"}}},xv={button:mu,textField:Yg,password:Qg,numberField:Xg,emailField:rb,textArea:nb,checkbox:db,switchToggle:mb,container:Ib,logo:Ab,totpImage:kb,notpImage:Nb,text:fu,enrichedText:Au,link:wu,divider:Fb,passcode:$b,loaderRadial:ty,loaderLinear:Ub,comboBox:Vu,phoneField:iy,phoneInputBoxField:ay,newPassword:py,inputWrapper:_g,uploadFile:my,buttonSelectionGroupItem:fy,buttonSelectionGroup:Iy,buttonMultiSelectionGroup:Ay,modal:Ly,grid:Py,notificationCard:Fy,multiSelectComboBox:Hy,badge:Ou,avatar:Zu,mappingsField:Gy,userAttribute:Ky,userAuthMethod:rf,samlGroupMappings:sf,policyValidation:cf,image:Xu,icon:Ju,codeSnippet:Df,radioGroup:Bf,radioButton:Wf,calendar:qf,dateField:Jf,list:gh,listItem:vh,appsList:sh,scopesList:ev,thirdPartyAppLogo:iv,securityQuestionsSetup:av,securityQuestionsVerify:cv,hybridField:hv,alert:yv,autocompleteField:zh,addressField:Yh,timer:im,timerButton:bm,passwordStrength:km,collapsibleContainer:_m,recoveryCodes:Qm,hcaptcha:Object.freeze({__proto__:null,default:vv,vars:fv}),outboundApps:ig,outboundAppButton:pg,trustedDevices:Cg,tooltip:Rg},Cv=Object.keys(xv).reduce((e,t)=>({...e,[t]:xv[t].default}),{}),wv=Object.keys(xv).reduce((e,t)=>({...e,[t]:xv[t].vars}),{}),Iv={globals:Xp,components:Cv},Mv={globals:eu,components:wv},Sv=a()({},Iv,{globals:{colors:{surface:{main:"#181a1c",dark:"#bec4ca",light:"#555f68",highlight:"#22262a",contrast:"#f5f6f7"},primary:{main:"#1f80ff",dark:"#71aeff",light:"#004094",highlight:"#00214d",contrast:"#000000"},secondary:{main:"#a665eb",dark:"#b9a0f3",light:"#683ae6",highlight:"#361299",contrast:"#000000"},success:{main:"#27963c",dark:"#8bc3a2",light:"#004d0f",highlight:"#001f00",contrast:"#000000"},error:{main:"#f85249",dark:"#fa7c75",light:"#c51107",highlight:"#4a0603",contrast:"#000000"},warning:{main:"#EF7A33",dark:"#FF985A",light:"#FF6304",highlight:"#C45512",contrast:"#000000"}}},components:{...Nf}});customElements.define(xh,class extends Ch{static get observedAttributes(){return[].concat(Ch.observedAttributes||[],wh)}get allowCustomValue(){return"true"===this.getAttribute("allow-custom-value")}get minSearchLength(){return this.getAttribute("min-search-length")||3}get noResultsFoundMessage(){return this.getAttribute("no-results-message")||"No results found"}get errorFetchingResultsMessage(){return this.getAttribute("error-fetching-results-message")||"An error occurred fetching results"}constructor(){super(),this.innerHTML='\n <div class="autocomplete-field">\n <descope-combo-box clear-button-visible="true" auto-open-disabled="true" has-dynamic-data="true" item-label-path="data-name" item-value-path="data-id" hide-toggle-button="true"></descope-combo-box>\n </div>\n ',this.comboBox=this.querySelector("descope-combo-box")}get value(){return this.comboBox.value}set value(e){this.allowCustomValue?this.comboBox.value=e:(this.comboBox.data=[{label:e,value:e}],setTimeout(()=>{this.comboBox.value=e}))}get defaultValue(){return this.getAttribute("default-value")}async#Rt(e){const{results:t,error:r}=await this.fetchResults(e);return r?{error:r}:{results:t}}#Bt(e,t,r,o){return`<span data-name="${r}" data-id="${t}" ${o?'disabled="true"':""}>${e||r}</span>`}#Ot(){this.comboBox.renderer=(e,t,r)=>{"true"===r.item.getAttribute("disabled")?e.setAttribute("disabled","true"):e.removeAttribute("disabled"),e.innerHTML=r.item.outerHTML},this.comboBox.renderItem=({displayName:e,value:t,label:r,disabled:o})=>this.#Bt(e,t,r,o)}focus(){this.comboBox.focus()}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.comboBox.focus()}),super.init?.(),this.#jt(),T(this,this.comboBox,{includeAttrs:["invalid"]})}#jt(){this.debouncedSearch=(e=>{let t=0;const r=new Set,o=new Set,i=n()((i,n)=>{e(...i).then(e=>{n===t&&(r.forEach(t=>t(e)),r.clear())}).catch(e=>{o.forEach(t=>t(e)),o.clear()})},250);return(...e)=>(t++,new Promise((n,s)=>{r.add(n),o.add(s),i(e,t)}))})(async e=>{try{const{results:t,error:r}=await this.#Rt(e);return{results:t,error:r,value:e}}catch(t){return{error:t,value:e}}}),L(this,this.comboBox,{includeAttrs:["size","bordered","label","label-type","placeholder","disabled","readonly","required","full-width","helper-text","invalid","error-message","data-errormessage-value-missing","st-host-direction","allow-custom-value","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),this.comboBox.addEventListener("filter-changed",this.onSearch.bind(this)),this.#Ot()}#Ft(){return[{label:this.noResultsFoundMessage,value:Ih,disabled:!0}]}#Wt(){return[{label:this.errorFetchingResultsMessage,value:Ih,disabled:!0}]}async onSearch(e){const t=e.detail.value;if(!t||t.length<this.minSearchLength)return;this.comboBox.loading=!0,this.comboBox.setAttribute("opened","true");const r=await this.debouncedSearch(t);r&&r.value===t&&(this.comboBox.loading=!1,r.error?this.comboBox.data=this.#Wt():0===r.results?.length?this.comboBox.data=this.#Ft():this.comboBox.data=r.results||[])}fetchResults(e){return console.warn("fetchResults","needs to be implemented"),{results:[],error:void 0}}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{valid:!0}}}),customElements.define(Mh,Ah),customElements.define(Dh,Fh),customElements.define(Wh,$h),customElements.define(ju,Hu),customElements.define(eh,th),customElements.define(zm,Dm),customElements.define(ng,ag),customElements.define(Jm,tg),customElements.define(ym,Mm);var Av=Object.freeze({__proto__:null,PasswordStrengthClass:Mm,componentName:ym});const Ev=k("ponyhot"),Tv="dhp-",kv=ue({componentName:Ev,baseSelector:""}),zv=I(ae)(class extends kv{get type(){return this.getAttribute("type")}get value(){return this.input?.value||""}init(){this.input=this.querySelector("input"),this.input&&(this.#_t(),this.#$t(),this.#Ht())}#_t(){const e=["input","change","click","keydown","keyup","mouseover","mousedown"],t=r=>{this.input.value=`${Tv}${r.type}`,e.forEach(e=>{this.input.removeEventListener(e,t)})};e.forEach(e=>{this.input.addEventListener(e,t)})}#$t(){const e=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");Object.defineProperty(this.input,"value",{get(){return e.get.call(this)},set(t){const r=e.get.call(this);t&&!t.startsWith(Tv)&&t!==r?e.set.call(this,`${Tv}direct-set`):e.set.call(this,t)},configurable:!0})}#Ht(){Object.entries({position:"absolute",opacity:"0.01",width:"1px",height:"1px",pointerEvents:"none",zIndex:"-1",left:"-999999px"}).forEach(([e,t])=>{this.style[e]=t})}});customElements.define(Ev,zv),customElements.define($m,qm),customElements.define(Gh,em),customElements.define(nm,um),customElements.define(wg,Eg),customElements.define(mg,fg);const Lv={translations:v.A,graphs:y.K,dictionary:{...y.z,...f.z}};b.u2.setOptions(Lv);var Nv=Object.freeze({__proto__:null,default:b.K1,options:Lv})}}]);
2
2
  //# sourceMappingURL=222.js.map