@descope/flow-components 3.3.2 → 3.3.4

package/dist/fm/222.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_flow_components_3_3_2_1777190870292=self.webpackChunk_descope_flow_components_3_3_2_1777190870292||[]).push([[222],{5222(e,t,o){o.d(t,{$y:()=>Up,A8:()=>zc,Ag:()=>Ya,C1:()=>qc,C9:()=>mi,Cz:()=>bc,Er:()=>Xu,G6:()=>bx,HO:()=>_o,HT:()=>Go,J1:()=>Ei,Jr:()=>No,Lg:()=>Jp,MN:()=>is,Mz:()=>wa,NF:()=>Rs,O7:()=>$m,Od:()=>Ep,QW:()=>cc,Qb:()=>eg,SE:()=>ei,SQ:()=>Ci,T1:()=>wx,TV:()=>tu,Ul:()=>ea,VN:()=>fd,VX:()=>fn,_w:()=>At,a5:()=>yx,bL:()=>rn,bU:()=>Kh,br:()=>B,dX:()=>ch,dq:()=>Eg,e7:()=>xt,eA:()=>Bc,eo:()=>nl,ew:()=>st,fp:()=>ul,gZ:()=>yp,h5:()=>cg,jH:()=>Cn,k0:()=>un,l1:()=>Jo,md:()=>yn,ml:()=>De,mq:()=>ap,o9:()=>In,o_:()=>Mt,pp:()=>ep,px:()=>Wp,q:()=>Sb,q4:()=>xo,qn:()=>fi,rG:()=>Vp,sK:()=>So,tD:()=>qd,tS:()=>pp,td:()=>ac,tl:()=>qn,ul:()=>Pa,v_:()=>mn,w8:()=>_r,wt:()=>ua,xO:()=>hs,xp:()=>wp,xs:()=>Ir,yW:()=>bg,yi:()=>Bg,yj:()=>Cm,zQ:()=>gx,zZ:()=>gb});var i=o(7949),r=o(72),n=o.n(r),s=o(8089),a=o.n(s),l=o(465),d=o.n(l),c=(o(8231),o(4873),o(865),o(4598),o(7519)),p=(o(496),o(7726),o(4155),o(9504),o(1399),o(5877),o(3798),o(8619),o(1394)),u=o(3667),h=(o(8319),o(3826)),m=o(8677),g=o(127),b=(o(5595),o(9849),o(4899),o(3977),o(9435),o(7822),o(6601),o(9792)),y=o(1206),v=o(8733),f=o(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),S=e=>"function"==typeof e,M=(e,t,{excludeAttrs:o=[],includeAttrs:i=[]})=>{const r=Array.from(e.attributes).filter(e=>!o.includes(e.name)&&(!i.length||i.includes(e.name))).map(e=>e.name);t(r),new MutationObserver(e=>{e.forEach(e=>{"attributes"!==e.type||o.includes(e.attributeName)||i.length&&!i.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,o={})=>i=>{i.forEach(i=>{const r=o[i]||i,n=e.getAttribute(i);t&&(null!==n?t.getAttribute(r)!==n&&t.setAttribute(r,n):t.removeAttribute(r))})},T=(e,t,o)=>{M(e,E(e,t),o),M(t,E(t,e),o)},k=e=>w(x,e),z=(...e)=>`--${w(...e)}`,L=(e,t,o={})=>{M(e,E(e,t,o.mapAttrs),o)},V=(e,t,{prepend:o=!1}={})=>{let i;try{i=new CSSStyleSheet}catch(i){return D(e,t,{prepend:o})}const r=t?.shadowRoot||t;if(e&&i.replaceSync(e),r){const e=[...r.adoptedStyleSheets||[]];e[o?"unshift":"push"](i),r.adoptedStyleSheets=e}return e&&!i.cssRules[0]?.style&&console.warn(`No style rules were created, make sure the CSS is valid:\n "${e}"`),i};class N{constructor(e,t,{prepend:o=!1}={}){this.styleEle=document.createElement("style"),this.styleEle.textContent=e,this.styleEle.setAttribute("nonce",window.DESCOPE_NONCE),this.ref=t?.shadowRoot||t,this.ref&&(o?this.ref.prepend(this.styleEle):this.ref.append(this.styleEle))}replaceSync(e){this.styleEle.textContent=e}get cssRules(){return this.styleEle.sheet?.cssRules}}const D=(e,t,{prepend:o=!1}={})=>new N(e,t,{prepend:o}),P=(e,t=2)=>e.trim().split(" ").splice(0,t).map(e=>e[0]?.toUpperCase()).join(""),B=new class{static mountOnPropName="DescopeThemeManager";#e={};#t="light";#o=new Set;#i(){this.#o.forEach(e=>e?.())}get currentThemeName(){return this.#t}set currentThemeName(e){this.#t=e,this.#i()}get currentTheme(){return this.#e[this.currentThemeName]}onCurrentThemeChange(e){return this.#o.add(e),()=>{this.#o.delete(e)}}set themes(e){this.#e=e,this.#i()}get hasThemes(){return!!Object.keys(this.#e).length}},R=.25,O=.1,j=(e,t)=>e.darken(t).hex(),W=e=>{const t=e.isDark();return e.mix(d()(t?"white":"black"),1).saturate(1).hex()},F=(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)?F(e,R):j(e,.4),H=(e,t)=>$(e)?j(e,R):F(e,.4),q=(e,t)=>$(e)?j(e,O):F(e,.8),Y=(e,t)=>{const o=new(d())(e.main||e);return{main:o.hex(),dark:e.dark||_(o),light:e.light||H(o),highlight:e.highlight||q(o),contrast:e.contrast||W(o)}},U=e=>z(x,...e),G=(e,t,o)=>{const i=Array.isArray(t)?t:t.match(/([^[.\]])+/g);return i.reduce((e,t,r)=>(void 0===e[t]&&(e[t]={}),r===i.length-1&&(e[t]=o),e[t]),e),e},Z=(e,t,o)=>Object.entries(e).reduce((e,[i,r])=>r?.constructor!==Object?a()(e,o(t.concat(i),r)):a()(e,Z(r,[...t,i],o)),{}),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 o=Z(e,[],(e,o)=>{const i=[...e],r=i.splice(-1),n=z(t,r),s={[r]:n},a={[r]:J(n)};return{theme:G({},[...i,n],o),useVars:a,vars:s}});return[o.theme,o.useVars,o.vars]},X=e=>`${e}__override`,ee=(e,t,o=!1)=>{const i=`var(${e}${t?`, ${t}`:""})`;return o?`var(${X(e)}, ${i})`:i};let te=class{constructor(){this.styleMap=new Map}add(e,t,o){this.styleMap.has(e)||this.styleMap.set(e,[]),this.styleMap.set(e,[...this.styleMap.get(e),{property:t,value:o}])}toString(){return Array.from(this.styleMap.entries()).reduce((e,[t,o])=>{const i=o.map(({property:e,value:t})=>`${e}: ${t}`).join(";\n");return`${e}${t} { \n${i} \n}\n\n`},"")}};const oe=(e,t="fallback")=>w(e,t),ie=(e,t,{fallback:o})=>{if(!o)return{};const i=oe(t,o.suffix),r=((...e)=>e.filter(Boolean).map((e,t)=>{return 0===t?e:(o=e).charAt(0).toUpperCase()+o.slice(1);var o}).join(""))(e,o.suffix||"fallback");return{[r]:i,...ie(r,i,o)}},re=(e,t)=>Object.keys(t).reduce((o,i)=>{const r=z(e,i);return Object.assign(o,{[i]:r},{[i+"Override"]:X(r)},ie(i,r,t[i]))},{}),ne=({mappings:e={},componentNameOverride:t=""})=>o=>{const i=t||o.componentName;return class t extends o{static get cssVarList(){return{...o.cssVarList,...re(i,{...e})}}#r;#n;#s;#a;#l;#d;#c;#p;#u;constructor({getRootElement:e,componentNameSuffix:o="",themeSection:i="host",baseSelector:r}={}){super(),this.#a=o,this.#l=i,this.#c=r??this.baseSelector,this.#u=e,this.#p=Object.keys(t.cssVarList).map(e=>w("st",o,e))}get#h(){return B.currentTheme?.[i]||""}#m(){this.#n.replaceSync(this.#h[this.#l]),this.currentThemeName=B.currentThemeName,this.onThemeChange?.(B.currentThemeName)}#g(){this.#n=V("",this.#d,{prepend:!0}),this.#s=B.onCurrentThemeChange(this.#m.bind(this)),this.#m()}#b(){if(this.#p.length){let e=`.${i}`.repeat(5);const t=this.getAttribute("id");t&&(e+=`#${CSS.escape(t)}`),this.#r=V(`:host(${e}) {}`,this.#d)}}#y(e,t){const o=this.#r.cssRules[0].style;if(!o)return;const r=z(i,e.replace(new RegExp("^st-"),""));t?o?.setProperty(r,t):(o?.removeProperty(r),this.removeAttribute(e))}#v(e=[]){e.forEach(e=>{this.#p.includes(e)&&this.#y(e,this.getAttribute(e))})}#f(){if(Object.keys(e).length){const t=((e,t,o)=>{const i=new te,r=(e,t)=>{if(!e)return"";if("string"==typeof e)return e;const o=oe(t,e?.suffix);return ee(o,r(e.fallback,o))};return Object.keys(o).forEach(n=>{const s=((e,t)=>{const o={selector:"",property:C(e)};return t&&Object.keys(t).length?Array.isArray(t)?t.map(e=>({...o,...e})):[{...o,...t}]:[o]})(n,o[n]),a=z(e,n);s.forEach(({selector:e,property:o,important:n,fallback:s})=>{const l=r(s,a);i.add(((e="",t="")=>S(t)?t(e):`${e}${/^[A-Za-z]/.test(t)?` ${t}`:t}`)(t,e),S(o)?o():o,ee(a,l,!0)+(n?"!important":""))})}),i.toString()})(w(i,this.#a),this.#c,e);V(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(i),this.#f(),this.#g(),this.#b(),M(this,this.#v.bind(this),{}))}disconnectedCallback(){super.disconnectedCallback?.(),this.#s?.()}}},se=e=>class extends e{constructor(){super(),V(':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 o=()=>{t?this.baseElement.setAttribute("tabindex",t):this.baseElement.removeAttribute("tabindex"),e.target.removeEventListener("mouseup",o),e.target.removeEventListener("dragend",o)};e.target.addEventListener("mouseup",o,{once:!0}),e.target.addEventListener("dragend",o,{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","hide-country","hide-subdivision","hide-city"],pe=e=>class extends e{init(){super.init?.(),M(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 o 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)(o)};function he(e,t={}){const o=new Event(e,t);this[`on${e}`]?.(o),this.dispatchEvent(o)}const me=e=>class extends e{#S=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.#S(),this.prevValue=this.value)})}},ge=e=>class extends e{init(){this.#M(),super.init?.()}#M(){["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 o=e=>{e.stopImmediatePropagation(),clearTimeout(t),t||(he.call(this,"focus"),he.call(this,"focusin",{bubbles:!0}))};e?.addEventListener("focusin",o),e?.addEventListener("focus",o)})}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"),ve=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:o,typeMismatch:i,stepMismatch:r,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 o||r||d:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch",this.defaultErrorMsgPatternMismatch);case i: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,o){super.attributeChangedCallback?.(e,t,o),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())}},fe=(...e)=>I(ve,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:o=[],style:i,excludeAttrsSync:r=[],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${o.map(e=>`<slot ${e?`name="${e}" slot="${e}"`:""}></slot>`).join("")}\n\t\t\t</${t}>\n\t\t`,V((S(i)?i():i)||"",this)}init(){super.init?.(),this.baseElement.addEventListener("blur",e=>{this.#z()}),this.baseElement.addEventListener("focus",e=>{this.#L()}),((e,t,o=[])=>{if(!o.length)return;const i=o.reduce((t,o)=>Object.assign(t,{[o]:{get:()=>e[o],set(t){e[o]=t}}}),{});Object.defineProperties(t,i)})(this.baseElement,this,s),T(this.baseElement,this,{excludeAttrs:r,includeAttrs:n})}}return l},Ie=["invalid","required"],Se=e=>{if(!e)return;let t=e;for(let e=0;e<10;e++)if([t]=t.assignedElements(),"slot"!==t?.localName)return t},Me=({proxyProps:e=[],useProxyTargets:t=!1,inputEvent:o="input",triggerValidationEvents:i=[],proxyParentValidation:r=!1})=>n=>class extends(ve(n)){static get observedAttributes(){return[...n.observedAttributes||[],...Ie]}#V;#S=he.bind(this,"change");constructor(){super(),this.#V=super.inputElement}warnIfInputElementIsMissing(){clearTimeout(this.inputElementTimerId),this.inputElementTimerId=setTimeout(()=>{!this.#V&&console.warn(this.localName,"no input was found")},0)}get inputElement(){if(this.#V)return this.#V;this.warnIfInputElementIsMissing();const e=this.baseElement.shadowRoot?.querySelector('slot[name="input"]'),t=this.baseElement.shadowRoot?.querySelector('slot[name="textarea"]');return this.#V=Se(e)||Se(t),this.#V}set inputElement(e){this.#V=e}getValidity(){return this.inputElement?.validity||{}}#N(){this.setAttribute("error-message",this.validationMessage)}reportValidity=()=>{this.inputElement.setCustomValidity(""),this.setCustomValidity(""),this.checkValidity()||(this.setAttribute("invalid","true"),this.#N(),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}))}),i.forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.inputElement?.setCustomValidity("")})}),setTimeout(()=>{(Array.isArray(o)?o:[o]).forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.baseElement.checkValidity()?this.removeAttribute("invalid"):this.#N()})}),this.baseElement.addEventListener("change",()=>{this.#S()}),this.addEventListener("invalid",()=>{this.checkValidity()||this.setAttribute("invalid","true"),this.#N()}),e.forEach(e=>{const o=this.querySelector('input[slot="external-input"]')||null,i=t?[this.baseElement,o].filter(Boolean):[];((e,t,o)=>{const i=Array.isArray(t)?t:[t];Object.defineProperty(e,o,{set(e){i.forEach(t=>{t[o]=e})},get:()=>t[0][o],configurable:!0})})(this,[this.inputElement,...i],e)}),this.setSelectionRange=this.inputElement.setSelectionRange?.bind(this.inputElement),L(this,this.inputElement,{includeAttrs:["inputmode"]})}),r){const e=this.inputElement.internals,t=this;this.inputElement.internals=new Proxy(e,{get:(e,o)=>"function"==typeof e[o]&&"setValidity"===o?(...i)=>{if(3===i.length){const e=i.slice(0,i.length-1);e.push(t.inputElement),t.internals[o](...e)}else t.internals[o](...i);return e[o](...i)}:"function"==typeof e[o]?(...i)=>(t.internals[o](...i),e[o](...i)):e[o]})}}},Ae=e=>I(Me(e),ne({componentNameOverride:k("input-wrapper")})),Ee=({name:e,selector:t,mappings:o={},forward:{attributes:i=[],include:r=!0}={}})=>n=>{const s=e||(e=>e.replace(/[^\w\s]/gi,""))(t),a=ne({mappings:o})(n);return class extends a{static get cssVarList(){return{...a.cssVarList,[s]:re(s?w(n.componentName,"_"+s):n.componentName,o)}}#D;constructor(){const e=(t=async e=>(e.shadowRoot||e).querySelector(e.baseSelector),async e=>{const o=await t(e);return new Promise(e=>{let t=0;const i=()=>{if(t>20)return console.error("could not get shadow root for element",o),void e(o);t++,o?.shadowRoot?e(o.shadowRoot):setTimeout(i)};i()})});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#B(){const e=await this.#D;e.onmouseenter=e=>{e.target.setAttribute("hover","true")},e.onmouseleave=e=>{e.target.removeAttribute("hover")}}async init(){super.init?.(),this.#D=this.#P();const e=await this.#D;L(this,e,{[r?"includeAttrs":"excludeAttrs"]:i}),this.#B()}}},Te=()=>!0,ke=e=>`<pre>${JSON.stringify(e,null,4)}</pre>`,ze=({itemRenderer:e=ke,validateSchema:t=Te,slotName:o,rerenderAttrsList:i=[],targetSelector:r,sortFn:n=e=>e})=>s=>class extends s{#R=[];#O;#j(e){if(!t)return!0;const o=t(e);return!0===o||(console.error("Data schema validation failed",o||""),!1)}#W(){const e=o?`*[slot="${o}"]`:":not([slot])";this.#O&&this.#O.querySelectorAll(e).forEach(e=>e.remove())}#F(){this.#W(),(n?this.data.sort(n):this.data).forEach((t,o)=>{const i="string"==typeof(r=e(t,o,this))?(e=>{const t=document.createElement("template");return t.innerHTML=e,t})(r).content:r instanceof HTMLTemplateElement?r.content:(console.error("Invalid template",r),null);var r;this.#O&&this.#O.appendChild(i?.cloneNode(!0))})}set data(e){this.#j(e)&&(this.#R=e,this.#F())}get data(){return this.#R}init(){super.init?.(),this.#O=r?this.shadowRoot.querySelector(r):this.baseElement,M(this,e=>{e.includes("data")?this.#$():this.#F()},{includeAttrs:[...i,"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"],Ve=k("enriched-text");class Ne extends(ue({componentName:Ve,baseSelector:":host > div"})){#_;#H;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="content"></div>\n    ',V("\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,o){super.attributeChangedCallback?.(e,t,o),o!==t&&("readonly"===e&&this.onReadOnlyChange("true"===o),"link-target-blank"===e&&this.#q())}customUnderlineRenderer(){this.processor.renderer.rules.em_open=(e,t,o,i,r)=>("_"===e[t].markup&&(e[t].tag="u"),this.#H(e,t,o,i,r)),this.processor.renderer.rules.em_close=(e,t,o,i,r)=>("_"===e[t].markup&&(e[t].tag="u"),this.#H(e,t,o,i,r))}#U(){this.linkTargetBlank?this.processor.renderer.rules.link_open=(e,t,o,i,r)=>(e[t].attrSet("target","_blank"),this.#_(e,t,o,i,r)):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,o,i,r)=>r.renderToken(e,t,o)),this.#H=this.processor.renderer.rules.em_open||((e,t,o,i,r)=>r.renderToken(e,t,o))}#q(){this.processor=new i.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 De=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)(Ne),Pe=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_.]+/g,"-").toLowerCase(),Be=(...e)=>Pe(e.filter(e=>!!e).join("-")),Re=(...e)=>t=>e.reduceRight((e,t)=>t(e),t),Oe=e=>"function"==typeof e,je="descope",We="host",Fe=(e,t,{excludeAttrs:o=[],includeAttrs:i=[]})=>{const r=Array.from(e.attributes).filter(e=>!o.includes(e.name)&&(!i.length||i.includes(e.name))).map(e=>e.name);t(r),new MutationObserver(e=>{e.forEach(e=>{"attributes"!==e.type||o.includes(e.attributeName)||i.length&&!i.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,o={})=>i=>{i.forEach(i=>{const r=o[i]||i,n=e.getAttribute(i);t&&(null!==n?t.getAttribute(r)!==n&&t.setAttribute(r,n):t.removeAttribute(r))})},He=(e,t,o)=>{Fe(e,_e(e,t),o),Fe(t,_e(t,e),o)},qe=e=>Be(je,e),Ye=(...e)=>`--${Be(...e)}`,Ue=(e,t,o={})=>{Fe(e,_e(e,t,o.mapAttrs),o)},Ge=(e,t,o=[])=>{if(!o.length)return;const i=o.reduce((t,o)=>Object.assign(t,{[o]:{get:()=>e[o],set(t){e[o]=t}}}),{});Object.defineProperties(t,i)},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,ot=e=>e.luminosity()>.99,it=(e,t)=>"dark"===t?ot(e)?Ke(e,Qe):et(e,Ze):tt(e)?et(e,Qe):Ke(e,Ze),rt=(e,t)=>"dark"===t?tt(e)?et(e,Qe):Ke(e,Ze):ot(e)?Ke(e,Qe):et(e,Ze),nt=(e,t)=>"dark"===t?tt(e)?et(e,Je):Ke(e,.8):ot(e)?Ke(e,Je):et(e,.8),st=(e,t)=>{const o=new(d())(e.main||e);return{main:o.hex(),dark:e.dark||it(o,t),light:e.light||rt(o,t),highlight:e.highlight||nt(o,t),contrast:e.contrast||Xe(o)}},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,o)=>{const i=Array.isArray(t)?t:t.match(/([^[.\]])+/g);return i.reduce((e,t,r)=>(void 0===e[t]&&(e[t]={}),r===i.length-1&&(e[t]=o),e[t]),e),e},yt=(e,t,o)=>Object.entries(e).reduce((e,[i,r])=>r?.constructor!==Object?a()(e,o(t.concat(i),r)):a()(e,yt(r,[...t,i],o)),{}),vt=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}},ft=(e,t)=>yt(e,[],e=>bt({},e,`var(${gt(e)})`)),xt=(e,t="")=>{const o=Object.entries((e=>yt(e,[],(e,t)=>({[gt(e)]:vt(t)})))(e)).reduce((e,t)=>`${e}${t.join(":")};\n`,"");return t?`*[data-theme="${t}"] {${o}}`:o},Ct="@container",wt="$breakpoints",It=e=>e.startsWith("$breakpoints."),St=e=>Object.entries(e).reduce((e,[t,o])=>(e=>e.startsWith(Ct))(t)?`${e}${t} {\n${St(o)}}\n\n`:`${e}${t} { \n${Object.entries(o).map(([e,t])=>`${e}: ${t}`).join(";\n")} \n}\n\n`,""),Mt=e=>{const t=(e=>yt(e,[],(t,o)=>{const[i,...r]=t;if(r[0]===wt)return{};const n=r.pop(),s=qe(i);"undefined"===n&&console.warn(s,`theme value: "${o}" is mapped to an invalid property`);const a=We,l=e[i]?.[wt]||{},d=r.filter(It),c=d.find(e=>!l[e.slice(13)]);if(c)return console.warn(s,`theme references undefined breakpoint "${c}"`),{};const p=d.map(e=>It(e)?`${Ct} ${l[e.slice(13)]}`:e);r.splice(0,r.length,...r.filter(e=>!It(e)));const u=r.reduce((e,t,o)=>{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=r[o+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)}="${r.splice(o+1,1).join("")}"]`.repeat(s)},""),h=":host"+(u?`(${u})`:""),m=p.reduceRight((e,t)=>({[t]:e}),{[h]:{[n]:vt(o)}});return{[s]:{[a]:m}}}))(e);return Object.keys(t).reduce((e,o)=>{const i=t[o];return Object.assign(e,{[o]:Object.keys(i).reduce((e,t)=>Object.assign(e,{[t]:St(i[t])}),{})})},{})},At=({globals:e,components:t},o)=>({globals:xt(e,o),components:Mt(t)}),Et=(...e)=>e.reduceRight((e,t)=>t.startsWith("--")?`var(${t}${e?`, ${e}`:e})`:`${t}${e?`, ${e}`:e}`,""),Tt=(e,t)=>{const o=yt(e,[],(e,o)=>{const i=[...e],r=i.splice(-1),n=Ye(t,r),s={[r]:n},a={[r]:Et(n)};return{theme:bt({},[...i,n],o),useVars:a,vars:s}});return[o.theme,o.useVars,o.vars]},kt=e=>`${e}__override`,zt=(e,t,o=!1)=>{const i=`var(${e}${t?`, ${t}`:""})`;return o?`var(${kt(e)}, ${i})`:i};class Lt{constructor(){this.styleMap=new Map}add(e,t,o){this.styleMap.has(e)||this.styleMap.set(e,[]),this.styleMap.set(e,[...this.styleMap.get(e),{property:t,value:o}])}toString(){return Array.from(this.styleMap.entries()).reduce((e,[t,o])=>{const i=o.map(({property:e,value:t})=>`${e}: ${t}`).join(";\n");return`${e}${t} { \n${i} \n}\n\n`},"")}}const Vt=(e,t="fallback")=>Be(e,t),Nt=(e,t,{fallback:o})=>{if(!o)return{};const i=Vt(t,o.suffix),r=((...e)=>e.filter(Boolean).map((e,t)=>{return 0===t?e:(o=e).charAt(0).toUpperCase()+o.slice(1);var o}).join(""))(e,o.suffix||"fallback");return{[r]:i,...Nt(r,i,o)}},Dt=(e,t)=>Object.keys(t).reduce((o,i)=>{const r=Ye(e,i);return Object.assign(o,{[i]:r},{[`${i}Override`]:kt(r)},Nt(i,r,t[i]))},{}),Pt=({mappings:e={},componentNameOverride:t=""})=>o=>{const i=t||o.componentName;return class t extends o{static get cssVarList(){return{...o.cssVarList,...Dt(i,{...e})}}#r;#n;#s;#a;#l;#d;#c;#p;#u;constructor({getRootElement:e,componentNameSuffix:o="",themeSection:i=We,baseSelector:r}={}){super(),this.#a=o,this.#l=i,this.#c=r??this.baseSelector,this.#u=e,this.#p=Object.keys(t.cssVarList).map(e=>Be("st",o,e))}get#h(){return B.currentTheme?.[i]||""}#m(){this.#n.replaceSync(this.#h[this.#l])}#g(){this.#n=V("",this.#d,{prepend:!0}),this.#s=B.onCurrentThemeChange(this.#m.bind(this)),this.#m()}#b(){if(this.#p.length){let e=`.${i}`.repeat(5);const t=this.getAttribute("id");t&&(e+=`#${CSS.escape(t)}`),this.#r=V(`:host(${e}) {}`,this.#d)}}#y(e,t){const{style:o}=this.#r.cssRules[0];if(!o)return;const r=Ye(i,e.replace(new RegExp("^st-"),""));t?o?.setProperty(r,t):(o?.removeProperty(r),this.removeAttribute(e))}#v(e=[]){e.forEach(e=>{this.#p.includes(e)&&this.#y(e,this.getAttribute(e))})}#f(){if(Object.keys(e).length){const t=((e,t,o)=>{const i=new Lt,r=(e,t)=>{if(!e)return"";if("string"==typeof e)return e;const o=Vt(t,e?.suffix);return zt(o,r(e.fallback,o))};return Object.keys(o).forEach(n=>{const s=((e,t)=>{const o={selector:"",property:Pe(e)};return t&&Object.keys(t).length?Array.isArray(t)?t.map(e=>({...o,...e})):[{...o,...t}]:[o]})(n,o[n]),a=Ye(e,n);s.forEach(({selector:e,property:o,important:n,fallback:s})=>{const l=r(s,a);i.add(((e="",t="")=>Oe(t)?t(e):`${e}${/^[A-Za-z]/.test(t)?` ${t}`:t}`)(t,e),Oe(o)?o():o,zt(a,l,!0)+(n?"!important":""))})}),i.toString()})(Be(i,this.#a),this.#c,e);V(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(i),this.#f(),this.#g(),this.#b(),Fe(this,this.#v.bind(this),{}))}disconnectedCallback(){super.disconnectedCallback?.(),this.#s?.()}}},Bt=e=>class extends e{constructor(){super(),V(':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 o=()=>{t?this.baseElement.setAttribute("tabindex",t):this.baseElement.removeAttribute("tabindex"),e.target.removeEventListener("mouseup",o),e.target.removeEventListener("dragend",o)};e.target.addEventListener("mouseup",o,{once:!0}),e.target.addEventListener("dragend",o,{once:!0})}}),super.init?.()}},Rt=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()}},Ot=e=>class extends e{updateComponentsContext(e){this.dispatchEvent(new CustomEvent("components-context",{bubbles:!0,composed:!0,detail:e}))}},jt=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})})}},Wt=["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"],Ft=e=>class extends e{init(){super.init?.(),Fe(this,e=>e.forEach(e=>{const t=this.getAttribute(e);(e=>Wt.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?`)}),{})}},$t=({componentName:e,baseSelector:t=""})=>{class o 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 Re(Rt,jt,Ft,Ot)(o)};function _t(e,t={}){const o=new Event(e,t);this[`on${e}`]?.(o),this.dispatchEvent(o)}const Ht=({componentName:e,wrappedEleName:t,slots:o=[],style:i,excludeAttrsSync:r=[],includeAttrsSync:n=[],includeForwardProps:s=[],delegatesFocus:a=!0})=>{class l extends($t({componentName:e,baseSelector:t})){#z=_t.bind(this,"blur");#L=_t.bind(this,"focus");constructor(){super().attachShadow({mode:"open",delegatesFocus:a}).innerHTML=`\n\t\t\t<${t}>\n\t\t\t${o.map(e=>`<slot ${e?`name="${e}" slot="${e}"`:""}></slot>`).join("")}\n\t\t\t</${t}>\n\t\t`,V((Oe(i)?i():i)||"",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:r,includeAttrs:n})}}return l},qt=["required","pattern"],Yt=Symbol("validationTarget"),Ut=e=>class extends e{#A=Yt;static get observedAttributes(){return[...e.observedAttributes||[],...qt]}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:o,typeMismatch:i,stepMismatch:r,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 o||r||d:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch",this.defaultErrorMsgPatternMismatch);case i: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===Yt?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,o){super.attributeChangedCallback?.(e,t,o),qt.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())}},Gt=["invalid","required"],Zt=e=>{if(!e)return;let t=e;for(let e=0;e<10;e++)if([t]=t.assignedElements(),"slot"!==t?.localName)return t},Qt=({proxyProps:e=[],useProxyTargets:t=!1,inputEvent:o="input",triggerValidationEvents:i=[],proxyParentValidation:r=!1})=>n=>class extends(Ut(n)){static get observedAttributes(){return[...n.observedAttributes||[],...Gt]}#V;#S=_t.bind(this,"change");constructor(){super(),this.#V=super.inputElement}warnIfInputElementIsMissing(){clearTimeout(this.inputElementTimerId),this.inputElementTimerId=setTimeout(()=>{!this.#V&&console.warn(this.localName,"no input was found")},0)}get inputElement(){if(this.#V)return this.#V;this.warnIfInputElementIsMissing();const e=this.baseElement.shadowRoot?.querySelector('slot[name="input"]'),t=this.baseElement.shadowRoot?.querySelector('slot[name="textarea"]');return this.#V=Zt(e)||Zt(t),this.#V}set inputElement(e){this.#V=e}getValidity(){return this.inputElement?.validity||{}}#N(){this.setAttribute("error-message",this.validationMessage)}reportValidity=()=>{this.inputElement.setCustomValidity(""),this.setCustomValidity(""),this.checkValidity()||(this.setAttribute("invalid","true"),this.#N(),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}))}),i.forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.inputElement?.setCustomValidity("")})}),setTimeout(()=>{(Array.isArray(o)?o:[o]).forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.baseElement.checkValidity()?this.removeAttribute("invalid"):this.#N()})}),this.baseElement.addEventListener("change",()=>{this.#S()}),this.addEventListener("invalid",()=>{this.checkValidity()||this.setAttribute("invalid","true"),this.#N()}),e.forEach(e=>{const o=this.querySelector('input[slot="external-input"]')||null,i=t?[this.baseElement,o].filter(Boolean):[];((e,t,o)=>{const i=Array.isArray(t)?t:[t];Object.defineProperty(e,o,{set(e){i.forEach(t=>{t[o]=e})},get:()=>t[0][o],configurable:!0})})(this,[this.inputElement,...i],e)}),this.setSelectionRange=this.inputElement?.setSelectionRange?.bind(this.inputElement),Ue(this,this.inputElement,{includeAttrs:["inputmode"]})}),r){const e=this.inputElement.internals,t=this;this.inputElement.internals=new Proxy(e,{get:(e,o)=>"function"==typeof e[o]&&"setValidity"===o?(...i)=>{if(3===i.length){const e=i.slice(0,i.length-1);e.push(t.inputElement),t.internals[o](...e)}else t.internals[o](...i);return e[o](...i)}:"function"==typeof e[o]?(...i)=>(t.internals[o](...i),e[o](...i)):e[o]})}}},Jt=e=>Re(Qt(e),Pt({componentNameOverride:qe("input-wrapper")})),Kt=e=>async t=>{const o=await e(t);return new Promise(e=>{let t=0;const i=()=>{if(t>20)return console.error("could not get shadow root for element",o),void e(o);t++,o?.shadowRoot?e(o.shadowRoot):setTimeout(i)};i()})},Xt=({name:e,selector:t,mappings:o={},forward:{attributes:i=[],include:r=!0}={}})=>n=>{const s=e,a=Pt({mappings:o})(n);return class extends a{static get cssVarList(){return{...a.cssVarList,[s]:Dt(Be(n.componentName,"_"+s),o)}}#D;constructor(){const e=Kt(async e=>{const o=(e.shadowRoot||e).querySelector(e.baseSelector);return t&&e.shadowRoot?(await Kt(()=>o)(e)).querySelector(t):o});super({getRootElement:e,componentNameSuffix:"_"+s,themeSection:"_"+s,baseSelector:""}),this.#P=()=>e(this).then(e=>e?.host||e)}#P;async#B(){const e=await this.#D;e.onmouseenter=e=>{e.target.setAttribute("hover","true")},e.onmouseleave=e=>{e.target.removeAttribute("hover")}}async init(){super.init?.(),this.#D=this.#P();const e=await this.#D;Ue(this,e,{[r?"includeAttrs":"excludeAttrs"]:i}),this.#B()}}},eo=e=>class extends e{#S=_t.bind(this,"change");init(){super.init?.(),this.prevValue=this.value,this.addEventListener("change",e=>{e.stopPropagation()}),this.addEventListener("blur",()=>{this.value!==this.prevValue&&(this.#S(),this.prevValue=this.value)})}},to=e=>class extends e{init(){this.#M(),super.init?.()}#M(){["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,_t.call(this,"blur"),_t.call(this,"focusout",{bubbles:!0})})});const o=e=>{e.stopImmediatePropagation(),clearTimeout(t),t||(_t.call(this,"focus"),_t.call(this,"focusin",{bubbles:!0}))};e?.addEventListener("focusin",o),e?.addEventListener("focus",o)})}handleInputEventDispatching(){let e=this.value;this.addEventListener("input",t=>{this!==t.target&&(t.stopImmediatePropagation(),e!==this.value&&(e=this.value,_t.call(this,"input",{bubbles:!0,composed:!0})))})}},oo=({inputType:e,inputName:t,autocompleteType:o,includeAttrs:i=[],noBlurDispatch:r=!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 o=this.baseElement.querySelector("input");if(!o)return null;o.setAttribute("tabindex","-1");const r=(()=>{const e=document.createElement("slot");return e.setAttribute("name","external-input"),e.setAttribute("slot","suffix"),e})();return this.baseElement.appendChild(r),this.externalInput=((e,t,o,i)=>{const r=document.createElement("input");return r.setAttribute("slot","external-input"),r.setAttribute("type",t),r.setAttribute("name",i),r.setAttribute("data-hidden-input","true"),r.setAttribute("autocomplete",o),r})(0,e,this.getAutocompleteType(),t),setTimeout(()=>{var e,t,i;e=o,t=this.externalInput,i=this.getAttribute("label-type"),setTimeout(()=>{const o=getComputedStyle(e),r=o.getPropertyValue("height"),n=o.getPropertyValue("padding-left"),s=o.getPropertyValue("padding-right"),a=o.getPropertyValue("font-size"),l=o.getPropertyValue("font-family"),d=o.getPropertyValue("letter-spacing"),c=o.getPropertyValue("caret-color"),p=((e,t)=>{const o=e.value;e.value="_";const i=t.getPropertyValue("color");return"_"===e.value&&(e.value=o),i})(e,o);if([["all","unset"],["position","absolute"],["background-color","transparent"],["height",r],["left",n],["right",s],["font-size",a],["font-family",l],["letter-spacing",d],["caret-color",c],["color",p]].forEach(([e,o])=>t.style.setProperty(e,o,"important")),"floating"===i){const e=o.getPropertyValue("margin-bottom");t.style.setProperty("margin-bottom",e,"important")}const u=o.getPropertyValue("width");t.style.setProperty("width",`calc(${u} - ${n} - ${s}`,"important")},0)}),this.forwardInputValue(o,this.externalInput),He(o,this.externalInput,{includeAttrs:i}),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(),r||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")||o}forwardInputValue(e,t){const o=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value");Object.defineProperty(e,"value",{...o,set(e){o.set.call(this,e),t.value=e},configurable:!0})}},io=e=>class extends e{init(){super.init?.(),this.baseElement._hasValidConstraints&&(this.baseElement._hasValidConstraints=()=>!0)}},ro=(...e)=>Re(Ut,eo,Ft,to)($t(...e)),no=qe("boolean-field-internal"),so=["disabled","invalid","readonly"],ao=ro({componentName:no,baseSelector:"div"}),lo=e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${no}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${no}>\n\t\t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(no),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 co=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${De.cssVarList.hostDisplay}: none;\n}\n\ndescope-enriched-text {\n\t${De.cssVarList.hostDirection}: var(${e.hostDirection});\n}\n\n`;const po=qe("checkbox"),{host:uo,component:ho,checkboxElement:mo,checkboxSurface:go,checkboxLabel:bo,requiredIndicator:yo,helperText:vo,errorMessage:fo}={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)"}},xo=Re(Pt({mappings:{hostWidth:{...uo,property:"width"},hostDirection:{...uo,property:"direction"},fontSize:[uo,mo,bo],fontFamily:[bo,vo,fo],labelTextColor:{...bo,property:"color"},labelSpacing:{...bo,property:"padding-inline-start"},labelLineHeight:{...bo,property:"line-height"},labelFontWeight:{...bo,property:"font-weight"},labelRequiredIndicator:{...yo,property:"content"},errorMessageTextColor:{...fo,property:"color"},errorMessageIcon:{...fo,property:"background-image"},errorMessageIconSize:{...fo,property:"background-size"},errorMessageIconPadding:{...fo,property:"padding-inline-start"},errorMessageIconRepeat:{...fo,property:"background-repeat"},errorMessageIconPosition:{...fo,property:"background-position"},errorMessageFontSize:{...fo,property:"font-size"},inputValueTextColor:{...go,property:"color"},inputBackgroundColor:{...mo,property:"background-color"},inputBorderRadius:{...mo,property:"border-radius"},inputBorderWidth:{...mo,property:"border-width"},inputBorderOffset:{...mo,property:"border-offset"},inputBorderColor:{...mo,property:"border-color"},inputBorderStyle:{...mo,property:"border-style"},inputOutlineWidth:{...mo,property:"outline-width"},inputOutlineOffset:{...mo,property:"outline-offset"},inputOutlineColor:{...mo,property:"outline-color"},inputOutlineStyle:{...mo,property:"outline-style"},inputAlign:{...mo,property:"align-self"},inputContainerPadding:{...ho,property:"padding"},inputContainerBackgroundColor:{...ho,property:"background-color"},inputContainerBorderRadius:{...ho,property:"border-radius"},inputContainerBorderWidth:{...ho,property:"border-width"},inputContainerBorderColor:{...ho,property:"border-color"},inputContainerBorderStyle:{...ho,property:"border-style"},inputContainerOutlineWidth:{...ho,property:"outline-width"},inputContainerOutlineOffset:{...ho,property:"outline-offset"},inputContainerOutlineColor:{...ho,property:"outline-color"},inputContainerOutlineStyle:{...ho,property:"outline-style"},inputSize:[{...mo,property:"width"},{...mo,property:"height"},{...go,property:"font-size"},{...ho,property:"font-size"}]}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Rt,lo)(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${co(xo.cssVarList)}\n      ${at(xo.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:po})),Co=k("text");class wo extends(ue({componentName:Co,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',V("\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:Io}={host:{selector:()=>":host"}},So=I(ne({mappings:{hostWidth:{...Io,property:"width"},hostDirection:{...Io,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)(wo),Mo=k("link");class Ao extends(ue({componentName:Mo,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',V('\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 Eo={host:{selector:()=>":host"},link:{selector:()=>":host a"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>So.componentName}},{anchor:To,text:ko,host:zo,wrapper:Lo,link:Vo}=Eo,No=I(ne({mappings:{hostWidth:{...zo,property:"width"},hostDirection:{...ko,property:"direction"},textAlign:Lo,textDecoration:{...Vo,property:"text-decoration",fallback:"none"},textColor:[{...To,property:"color"},{...ko,property:So.cssVarList.textColor}],cursor:To}}),se,ae)(Ao);customElements.define(Co,So),customElements.define(Mo,No),customElements.define(Ve,De),customElements.define(no,class extends ao{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:so}),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,o){super.attributeChangedCallback?.(e,t,o),"readonly"===e&&this.onReadOnlyChange(null!==o),"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(po,xo);const Do=qe("switch-toggle"),{host:Po,component:Bo,checkboxElement:Ro,checkboxSurface:Oo,checkboxLabel:jo,requiredIndicator:Wo,helperText:Fo,errorMessage:$o}={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)"}},_o=Re(Pt({mappings:{hostWidth:{...Po,property:"width"},hostDirection:{...Po,property:"direction"},fontSize:[Bo,jo,jo],fontFamily:[jo,Fo,$o],labelTextColor:[{...jo,property:"color"},{...jo,property:"-webkit-text-fill-color"}],labelSpacing:{...jo,property:"padding-inline-start"},labelLineHeight:{...jo,property:"line-height"},labelFontWeight:{...jo,property:"font-weight"},labelRequiredIndicator:{...Wo,property:"content"},errorMessageTextColor:{...$o,property:"color"},errorMessageIcon:{...$o,property:"background-image"},errorMessageIconSize:{...$o,property:"background-size"},errorMessageIconPadding:{...$o,property:"padding-inline-start"},errorMessageIconRepeat:{...$o,property:"background-repeat"},errorMessageIconPosition:{...$o,property:"background-position"},errorMessageFontSize:{...$o,property:"font-size"},trackBorderWidth:{...Ro,property:"border-width"},trackBorderStyle:{...Ro,property:"border-style"},trackBorderColor:{...Ro,property:"border-color"},trackBackgroundColor:{...Ro,property:"background-color"},trackBorderRadius:{...Ro,property:"border-radius"},trackWidth:[{...Ro,property:"width"}],trackHeight:[{...Oo,property:"font-size"},{...Ro,property:"height"}],knobSize:[{...Oo,property:"width"},{...Oo,property:"height"}],knobTextColor:{...Oo,property:"color"},knobRadius:{...Oo,property:"border-radius"},knobTransitionDuration:{...Oo,property:"transition"},knobColor:{...Oo,property:"background-color"},knobTopOffset:{...Oo,property:"top"},knobLeftOffset:{...Oo,property:"left"},inputOutlineWidth:{...Ro,property:"outline-width"},inputOutlineOffset:{...Ro,property:"outline-offset"},inputOutlineColor:{...Ro,property:"outline-color"},inputOutlineStyle:{...Ro,property:"outline-style"}}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Rt,lo)(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${co(_o.cssVarList)}\n\t\t\t${at(_o.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:Do}));customElements.define(Do,_o);const Ho=qe("loader-linear");class qo extends($t({componentName:Ho,baseSelector:":host > div"})){static get componentName(){return Ho}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div></div>\n\t",V("\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:Yo,host:Uo}={after:{selector:"::after"},host:{selector:()=>":host"}},Go=Re(Pt({mappings:{hostDisplay:{},hostWidth:{...Uo,property:"width"},barHeight:[{property:"height"},{...Yo,property:"height"}],barBorderRadius:[{property:"border-radius"},{...Yo,property:"border-radius"}],verticalPadding:[{...Uo,property:"padding-top"},{...Uo,property:"padding-bottom"}],barBackgroundColor:{property:"background-color"},barColor:{...Yo,property:"background-color"},barWidth:{...Yo,property:"width"},animationDuration:[{},Yo],animationTimingFunction:[{},Yo],animationIterationCount:[{},Yo]}}),Bt,Rt)(qo);customElements.define(Ho,Go);const Zo=qe("loader-radial");class Qo extends($t({componentName:Zo,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div></div>\n\t",V("\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 Jo=Re(Pt({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:{}}}),Bt,Rt)(Qo);customElements.define(Zo,Jo);const Ko=qe("container");class Xo extends($t({componentName:Ko,baseSelector:"slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",V("\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 ei=Re(Pt({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:{}}}),Bt,Rt)(Xo);customElements.define(Ko,ei);const ti=k("combo-box"),{host:oi,inputField:ii,inputElement:ri,placeholder:ni,toggle:si,clearButton:ai,label:li,requiredIndicator:di,helperText:ci,errorMessage:pi,loader:ui,overlayContent:hi}={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)"}},mi=I(ne({mappings:{hostWidth:{...oi,property:"width"},hostDirection:{...oi,property:"direction"},fontSize:[{},oi],fontFamily:[li,ni,ii,ci,pi],labelFontSize:{...li,property:"font-size"},labelFontWeight:{...li,property:"font-weight"},labelTextColor:[{...li,property:"color"},{...li,property:"-webkit-text-fill-color"},{...di,property:"color"}],errorMessageTextColor:{...pi,property:"color"},errorMessageIcon:{...pi,property:"background-image"},errorMessageIconSize:{...pi,property:"background-size"},errorMessageIconPadding:{...pi,property:"padding-inline-start"},errorMessageIconRepeat:{...pi,property:"background-repeat"},errorMessageIconPosition:{...pi,property:"background-position"},errorMessageFontSize:{...pi,property:"font-size"},inputHeight:{...ii,property:"height"},inputBackgroundColor:{...ii,property:"background-color"},inputBorderColor:{...ii,property:"border-color"},inputBorderWidth:{...ii,property:"border-width"},inputBorderStyle:{...ii,property:"border-style"},inputBorderRadius:{...ii,property:"border-radius"},labelRequiredIndicator:{...di,property:"content"},inputValueTextColor:{...ii,property:"color"},inputPlaceholderTextColor:{...ni,property:"color"},inputDropdownButtonCursor:[{...si,property:"cursor"},{...ai,property:"cursor"}],inputDropdownButtonColor:[{...si,property:"color"},{...ai,property:"color"}],inputDropdownButtonSize:[{...si,property:"font-size"},{...ai,property:"font-size"}],inputDropdownButtonOffset:[{...si,property:"margin-right"},{...si,property:"margin-left"}],inputOutlineColor:{...ii,property:"outline-color"},inputOutlineWidth:{...ii,property:"outline-width"},inputOutlineStyle:{...ii,property:"outline-style"},inputOutlineOffset:{...ii,property:"outline-offset"},inputHorizontalPadding:[{...ri,property:"padding-left"},{...ri,property:"padding-right"}],labelPosition:{...li,property:"position"},labelTopPosition:{...li,property:"top"},labelHorizontalPosition:[{...li,property:"left"},{...li,property:"right"}],inputTransformY:{...li,property:"transform"},inputTransition:{...li,property:"transition"},marginInlineStart:{...li,property:"margin-inline-start"},placeholderOpacity:{...ni,property:"opacity"},inputVerticalAlignment:{...ii,property:"align-items"},valueInputHeight:{...ri,property:"height"},valueInputMarginBottom:{...ri,property:"margin-bottom"},overlayBackground:{property:()=>mi.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>mi.cssVarList.overlay.textColor},overlayBorder:{property:()=>mi.cssVarList.overlay.border},overlayFontSize:{property:()=>mi.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>mi.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>mi.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>mi.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>mi.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>mi.cssVarList.overlay.itemPaddingInlineEnd},overlayCheckmarkDisplay:{property:()=>mi.cssVarList.overlay.checkmarkDisplay},overlaySelectedItemBackground:{property:()=>mi.cssVarList.overlay.selectedItemBackground},overlaySelectedItemHoverBackground:{property:()=>mi.cssVarList.overlay.selectedItemHoverBackground},overlaySelectedItemFocusBackground:{property:()=>mi.cssVarList.overlay.selectedItemFocusBackground},overlayItemHoverBackground:{property:()=>mi.cssVarList.overlay.itemHoverBackground},overlayItemFocusBackground:{property:()=>mi.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:{...ui,property:"top"},loaderLeft:{...ui,property:"left"},loaderRight:{...ui,property:"right"},loaderMargin:{...ui,property:"margin"},loaderWidth:{...ui,property:"width"},loaderHeight:{...ui,property:"height"},loaderBorder:{...ui,property:"border"},loaderBorderColor:{...ui,property:"border-color"},loaderBorderRadius:{...ui,property:"border-radius"},contentHeight:{...hi,property:"height"},contentOpacity:{...hi,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:o})=>`<span data-name="${o}" data-id="${t}">${e||o}</span>`;#R;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.#R)return this.#R;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.#R=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.#R||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(o){if(!t.baseElement.items?.length&&!t.allowCustomValue)return;const i=t.customValueTransformFn(o)||"";i!==this.value&&e.set.call(this,i)}}})}#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,o)=>{e.innerHTML=o.item.outerHTML}}#oe(){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.#oe(),setTimeout(()=>{this.setComboBoxDescriptor(),this.#ee()}),M(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,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("label-type"===e?"floating"===o?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"require-match"===e&&this.handleRequireMatchChange("true"===o))}setDefaultValue(){this.defaultValue&&(this.value=this.defaultValue)}#ie(e){return this.baseElement.items?.find(t=>t["data-id"]===e)}#re(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.#ie(e);this.#re(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=mi.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:ti,includeForwardProps:["items","renderer","selectedItem"]}));customElements.define(ti,mi);const gi=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")},bi=k("image"),yi=["src","src-dark"];class vi extends(ue({componentName:bi,baseSelector:"slot"})){static get observedAttributes(){return yi}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",V("\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(${fi.cssVarList.fill}, ${e.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(async(e,t)=>{try{let o;if((e=>e.startsWith("data:image/svg+xml;base64,"))(e)){const t=atob(e.slice(26));o=gi(t)}else if("svg"===(e=>{const t=e.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return t?t[1]:null})(e)){const t=await fetch(e),i=await t.text();o=gi(i)}else o=((e,t)=>{const o=document.createElement("img");return o.setAttribute("src",e),o.setAttribute("alt",t),o})(e,t);return o.style.setProperty("max-width","100%"),o.style.setProperty("max-height","100%"),o}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,o){super.attributeChangedCallback?.(e,t,o),t!==o&&this.shouldRender(e)&&this.renderImage()}}const fi=I(ne({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),se,ae)(vi),xi=k("icon"),Ci=I(ne({mappings:{fill:[{},{property:fi.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:xi})),wi=k("button"),{host:Ii,label:Si,slottedIcon:Mi}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let Ai;const Ei=I(ne({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...Ii,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:Ci.cssVarList.fill},labelTextDecoration:{...Si,property:"text-decoration"},labelSpacing:{...Si,property:"gap"},textAlign:{...Si,property:"justify-content",fallback:"center"},iconSize:[{...Mi,property:"width"},{...Mi,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${Ai}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${Ei.cssVarList.outlineWidth}) + var(${Ei.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${Ei.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${Ei.cssVarList.hostHeight}) - var(${Ei.cssVarList.outlineWidth}) - var(${Ei.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${Ei.cssVarList.hostWidth}) - var(${Ei.cssVarList.outlineWidth}) - var(${Ei.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:wi})),{color:Ti,fontSize:ki}=Ei.cssVarList;Ai=`\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(${Ti});\n\t\ttop: calc(50% - (var(${ki}) / 2));\n\t\tleft: calc(50% - (var(${ki}) / 2));\n\t\tborder-width: calc(var(${ki}) / 10);\n\t\twidth: var(${ki});\n\t\theight: var(${ki});\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(wi,Ei);const zi=["MM/DD/YYYY","DD/MM/YYYY","YYYY/MM/DD"],Li=zi[0],Vi="YYYY-MM-DD",Ni="/",Di=["January","February","March","April","May","June","July","August","September","October","November","December"],Pi=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],Bi={id:"month",min:1,max:12,placeholder:"MM"},Ri={id:"day",min:1,max:31,placeholder:"DD"},Oi={id:"year",min:0,max:9999,placeholder:"YYYY"},ji=1900,Wi=2099,Fi=(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},$i={MM:"(0?[1-9]|1[0-2])",DD:"(0?[1-9]|[12][0-9]|3[01])",YYYY:"([0-9]{4})"},_i=e=>{const t=(e=>`^${e.split(Ni).map(e=>$i[e]).join("\\D")}$`)(e),o=(e=>{const t=e.split(Ni);return e=>{const o={};return t.forEach((t,i)=>{o[t]=e[i+1]}),[o.YYYY,o.MM,o.DD]}})(e),i=new RegExp(t);return{pattern:t,validate:e=>i.test(e),getDate:e=>((e,t,o)=>{const i=t.exec(e);if(!i)return null;const[r,n,s]=o(i);return Fi([r,n,s].join(Ni))})(e,i,o)}},Hi=Object.fromEntries(zi.map(e=>[e,_i(e)])),qi=e=>!Number.isNaN(Number(e)),Yi=e=>{const t=Fi(e);return[t.getFullYear(),t.getMonth()+1,t.getDate()]},Ui=(e,t)=>{const[o,i,r]=Yi(e),n={DD:String(r).padStart(2,"0"),MM:String(i).padStart(2,"0"),YYYY:String(o)};return t.replace(/DD|MM|YYYY/g,e=>n[e])},Gi=()=>Fi().getTime(),Zi=e=>Fi(e).getFullYear().toString(),Qi=e=>(Fi(e).getMonth()+1).toString(),Ji=(e,t)=>"number"==typeof e?e:t?Date.UTC(e.getFullYear(),e.getMonth(),e.getDate()):e.getTime(),Ki=(e,t)=>Array.isArray(e)&&e.length===t&&e.filter(Boolean).length===t,Xi=({label:e,dataId:t,dataName:o})=>`\n\t<div class="combo-box-item"\n\t\tdata-id="${t}"\n\t\tdata-name="${o}"\n\t>\n\t\t\t${e}\n\t</div>\n`,er=(e=Di)=>e.map((e,t)=>Xi({label:e,dataId:t+1,dataName:e})).join(""),tr=(e,t)=>{const[o,i]=Yi(t),[r,n]=Yi(e);return r===o&&n===i},or=(e,t,o)=>(e.addEventListener("input",t),e.addEventListener("focusout",o),e),ir=qe("calendar"),rr=["initial-value","initial-year","initial-month","years-range","calendar-months","calendar-weekdays","calendar-label-today","st-host-direction","disabled","full-width"],nr=["calendar-label-submit","calendar-label-cancel"],sr=ro({componentName:ir,baseSelector:"div"}),{calendar:ar,day:lr,dayEntry:dr,currentDay:cr,selectedDay:pr,disabledDay:ur,weekday:hr,topNav:mr,topNavSelectors:gr,bottomNav:br,navPrev:yr,navNext:vr,navPrevRTL:fr,navNextRTL:xr,yearInput:Cr,monthInput:wr}={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"}},Ir=Re(Pt({componentNameOverride:qe("input-wrapper")}),Pt({mappings:{fontSize:{},fontFamily:{},hostWidth:[{selector:()=>":host",property:"width"},{selector:"table",property:"width"}],hostDirection:{property:"direction"},topNavVerticalPadding:[{...mr,property:"padding-top"},{...mr,property:"padding-bottom"}],topNavHorizointalPadding:[{...mr,property:"padding-right"},{...mr,property:"padding-left"}],topNavAlignment:{...mr,property:"justify-content"},topNavGap:{...mr,property:"gap"},topNavSelectorsGap:{...gr,property:"gap"},bottomNavVerticalPadding:[{...br,property:"padding-top"},{...br,property:"padding-bottom"}],bottomNavHorizontalPadding:[{...br,property:"padding-right"},{...br,property:"padding-left"}],bottomNavAlignment:{...br,property:"justify-content"},bottomNavGap:{...br,property:"gap"},navMarginBottom:{...mr,property:"margin-bottom"},calendarPadding:[{...ar,property:"padding-bottom"},{...ar,property:"padding-right"},{...ar,property:"padding-left"}],navBorderBottomWidth:{...mr,property:"border-bottom-width"},navBorderBottomColor:{...mr,property:"border-bottom-color"},navBorderBottomStyle:{...mr,property:"border-bottom-style"},weekdayFontSize:{...hr,property:"font-size"},weekdayFontWeight:{...hr,property:"font-weight"},currentDayBorderColor:{...cr,property:"border-color"},currentDayBorderWidth:{...cr,property:"border-width"},currentDayBorderStyle:{...cr,property:"border-style"},dayHeight:{...dr,property:"height"},daySize:[{...lr,property:"height"},{...lr,property:"width"}],dayPadding:{...lr,property:"padding"},dayRadius:{...lr,property:"border-radius"},dayTextAlign:{...lr,property:"text-align"},dayBlockAlign:{...lr,property:"margin"},dayTextColor:{...lr,property:"color"},dayFontWeight:{...lr,property:"font-weight"},dayBackgroundColor:{...lr,property:"background-color"},dayCursor:{...lr,property:"cursor"},dayFontSize:{...lr,property:"font-size"},dayBackgroundColorHover:{selector:()=>".day:hover",property:"background-color"},daySelectedTextdColor:{...pr,property:"color"},daySelectedBackgroundColor:{...pr,property:"background-color"},dayDisabledTextdColor:{...ur,property:"color"},yearInputWidth:{...Cr,property:"width"},monthInputWidth:{...wr,property:"width"},navButtonSize:[{...yr,property:"width"},{...yr,property:"height"},{...vr,property:"width"},{...vr,property:"height"}],navButtonCursor:[{...yr,property:"cursor"},{...vr,property:"cursor"}],navButtonRotation:[{...fr,property:"transform"},{...xr,property:"transform"}],navButtonOpacity:[{...yr,property:"opacity"},{...vr,property:"opacity"}]}}),Bt,Rt)(class extends sr{static get observedAttributes(){return[].concat(sr.observedAttributes||[],rr,nr)}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  ',V(`\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        ${Ei.cssVarList.horizontalPadding}: 0;\n        ${Ei.cssVarList.verticalPadding}: 0;\n        ${Ei.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=Fi(e).getTime();qi(t)&&t!==this.epoch&&(this.epoch=t,this.renderCalendar())}get value(){return this.epoch?Ui(this.epoch,Vi):""}get isSelectedView(){return tr(this.preview,this.epoch)}get isTodayView(){return tr(Gi(),this.preview)}get monthNames(){return(e=>{const t=e?.split(",");return Ki(t,12)?t:Di})(this.getAttribute("calendar-months"))}get weekdayNames(){return(e=>{const t=e?.split?.(",");return Ki(t,7)?t:Pi})(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,o]=e.map(Number);if(t<=o)return[t,o]}const t=Fi().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    ${er()}\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=or(this.shadowRoot.querySelector(".month-input"),this.onMonthChange.bind(this),this.onMonthInputBlur.bind(this)),this.yearInput=or(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:Fi(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||Gi(),t=Zi(e),o=Qi(e);this.monthInput.value=o,setTimeout(()=>{this.yearInput.baseElement.value=t})}}renderCalendar(){const e=Fi(this.preview||Gi()).getTime(),[t,o]=Yi(e);this.calendar&&(this.calendar.innerHTML=((e,t,o)=>{const i=((e,t)=>new Date(e,t,0).getDate())(e,t),r=new Date(e,t-1,1).getDay();let n="<table>";n+=`<thead><tr>${o.reduce((e,t)=>`${e}<th><span class="weekday">${t}</span></th>`,"")}</tr></thead>`,n+="<tbody>",n+="<tr>";for(let e=0;e<r;e++)n+="<td></td>";let s=r;for(let e=1;e<=i;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,o,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=Fi(this.preview);t.setDate(Number(e.target.getAttribute("data-date-day"))),this.value=Ui(t.getTime(),Vi),this.dispatchEvent(new CustomEvent("day-changed",{detail:t}))}onYearChange(e){if(!e.target.value)return;const t=Fi(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=Fi(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||Zi(this.preview)}onMonthInputBlur(e){this.monthInput.baseElement.value=e.target.value||Qi(this.preview)}getSelectedDayEle(){const e=Fi(this.epoch).getDate();return this.calendar?.querySelector(`[data-date-day="${e}"]`)}getCurrentDayEle(){return this.calendar?.querySelector(`[data-date-day="${Fi().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=Fi(e),o=t.getMonth();if(0===o){const e=t.getFullYear();t.setFullYear(e-1),t.setMonth(11)}else t.setMonth(o-1);return t})(this.preview);this.preview=e.getTime(),this.renderCalendar()}navNextMonth(){if(this.isDisabled)return;const e=(e=>{const t=Fi(e),o=t.getMonth();if(11===o){const e=t.getFullYear();t.setFullYear(e+1),t.setMonth(0)}else t.setMonth(o+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=Fi(e).getTime();qi(t)?(this.epoch=t,this.preview=t):this.clearValue()}onYearsRangeChange(){setTimeout(()=>{this.yearInput&&(this.yearInput.innerHTML=(e=>{const[t,o]=e,i=[];for(let e=t;e<=o;e++)i.push(e);return i})(this.yearsRange).map(e=>Xi({label:e,dataId:e,dataName:e})).join(""))})}onMonthNamesChange(){setTimeout(()=>{this.monthInput&&(this.monthInput.innerHTML=er(this.monthNames))})}onSubmitLabelChange(e){this.submitButton&&(this.submitButton.textContent=e||"Done")}onCancelLabelChange(e){this.cancelButton&&(this.cancelButton.textContent=e||"Cancel")}onInitialMonthChange(e){const t=Zi(this.preview);this.preview=Fi(`${t}/${e}/1`).getTime()}onInitialYearChange(e){const t=Qi(this.preview);this.preview=Fi(`${e}/${t}/1`).getTime()}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),t!==o&&(nr.includes(e)?("calendar-label-submit"===e&&this.onSubmitLabelChange(o),"calendar-label-cancel"===e&&this.onCancelLabelChange(o)):(o&&"initial-value"===e&&this.onInitialValueChange(o),o&&"initial-month"===e&&this.onInitialMonthChange(o),o&&"initial-year"===e&&this.onInitialYearChange(o),"years-range"===e&&this.onYearsRangeChange(Number(o)),"calendar-months"===e&&this.onMonthNamesChange(),"calendar-label-today"===e&&this.setCurrentDay(o),"disabled"===e&&setTimeout(()=>{this.cancelButton?.setAttribute("disabled","true"===o)}),this.renderCalendar()))}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}});customElements.define(ir,Ir);const{host:Sr,label:Mr,placeholder:Ar,requiredIndicator:Er,inputField:Tr,input:kr,inputMask:zr,helperText:Lr,errorMessage:Vr,disabledPlaceholder:Nr,inputDisabled:Dr,inputIcon:Pr,externalInput:Br,externalInputDisabled:Rr,externalPlaceholder:Or,externalDisabledPlaceholder:jr}={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 Wr={fontSize:[{},Sr],fontFamily:[Mr,Tr,Lr,Vr],labelFontSize:{...Mr,property:"font-size"},labelFontWeight:{...Mr,property:"font-weight"},labelTextColor:[{...Mr,property:"color"},{...Er,property:"color"},{...Mr,property:"-webkit-text-fill-color"},{...Er,property:"-webkit-text-fill-color"}],hostWidth:{...Sr,property:"width"},hostMinWidth:{...Sr,property:"min-width"},hostDirection:{...Sr,property:"direction"},inputDirection:{...kr,property:"direction"},inputBackgroundColor:[{...Tr,property:"background-color"},{...zr,property:"background-color"}],errorMessageTextColor:{...Vr,property:"color"},errorMessageIcon:{...Vr,property:"background-image"},errorMessageIconSize:{...Vr,property:"background-size"},errorMessageIconPadding:{...Vr,property:"padding-inline-start"},errorMessageIconRepeat:{...Vr,property:"background-repeat"},errorMessageIconPosition:{...Vr,property:"background-position"},errorMessageFontSize:{...Vr,property:"font-size"},helperTextColor:{...Lr,property:"-webkit-text-fill-color"},inputValueTextColor:[{...Tr,property:"color"},{...Dr,property:"-webkit-text-fill-color"},{...Rr,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...kr,property:"caret-color"},{...Br,property:"caret-color"}],labelRequiredIndicator:{...Er,property:"content"},inputBorderColor:{...Tr,property:"border-color"},inputBorderWidth:{...Tr,property:"border-width"},inputBorderStyle:{...Tr,property:"border-style"},inputBorderRadius:{...Tr,property:"border-radius"},inputHeight:{...Tr,property:"height"},inputHorizontalPadding:[{...kr,property:"padding-left"},{...kr,property:"padding-right"},{...Br,property:"padding-left"},{...Br,property:"padding-right"}],inputOutlineColor:{...Tr,property:"outline-color"},inputOutlineStyle:{...Tr,property:"outline-style"},inputOutlineWidth:{...Tr,property:"outline-width"},inputOutlineOffset:{...Tr,property:"outline-offset"},textAlign:{},inputTextAlign:[{...kr,property:"text-align"},{...Br,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...Or,property:"color"},{...Ar,property:"color"},{...Nr,property:"-webkit-text-fill-color"},{...jr,property:"-webkit-text-fill-color"}],labelPosition:{...Mr,property:"position"},labelTopPosition:{...Mr,property:"top"},labelHorizontalPosition:[{...Mr,property:"left"},{...Mr,property:"right"}],inputTransformY:{...Mr,property:"transform"},inputTransition:{...Mr,property:"transition"},marginInlineStart:{...Mr,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...Or,property:"opacity"}],inputVerticalAlignment:[{...Tr,property:"align-items"},{...Br,property:"align-items"}],valueInputHeight:[{...kr,property:"height"},{...Br,property:"height"}],valueInputMarginBottom:[{...kr,property:"margin-bottom"},{...Br,property:"margin-bottom"}],inputIconOffset:[{...Pr,property:"margin-right"},{...Pr,property:"margin-left"}],inputIconSize:{...Pr,property:"font-size"},inputIconColor:{...Pr,property:"color"},inputTextSecurity:[{...kr,property:"-webkit-text-security"},{...kr,property:"text-security"},{...Br,property:"-webkit-text-security"},{...Br,property:"text-security"}]};const Fr=qe("text-field"),$r=["type","label-type","copy-to-clipboard"],_r=Re(Pt({mappings:Wr}),Bt,Jt({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Rt,e=>class extends e{static get observedAttributes(){return $r.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"},o={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,o),setTimeout(()=>{Object.assign(this.icon,t)},5e3)})}onLabelClick(){this.focus()}attributeChangedCallback(e,t,o){super.attributeChangeCallback?.(e,t,o),"type"===e&&this.baseElement._setType(o),t!==o&&("label-type"===e?"floating"===o?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===e&&this.renderCopyToClipboard("true"===o))}})(Ht({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(${_r.cssVarList.inputOutlineWidth}) + var(${_r.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(_r.cssVarList)}\n\t\t\t${ht("vaadin-text-field",_r.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:Fr}));customElements.define(Fr,_r);class Hr{#R=Object.freeze([]);constructor({id:e,min:t,max:o,placeholder:i},r){this.id=e,this.min=t,this.max=o,this.placeholder=i,this.onChange=r}get data(){return this.#R}set data(e){this.#R=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 qr=qe("date-field"),Yr=ro({componentName:qr,baseSelector:"vaadin-popover"}),Ur=["format","opened","initial-value","readonly","disable-calendar","utc-time"],Gr=["years-range","calendar-months","calendar-weekdays"],Zr=[...Ur,...Gr],Qr=_r.cssVarList,{host:Jr,input:Kr,inputEleRTL:Xr,toggleButton:en,overlay:tn,backdrop:on}={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)"}},rn=Re(Pt({componentNameOverride:qe("input-wrapper")}),Pt({mappings:{iconMargin:{...en,property:"margin-inline-end"},hostWidth:{...Jr,property:"width"},hostDirection:{...Jr,property:"direction"},textAlign:{...Kr,property:"text-align"},rtlInputDirection:{...Xr,property:Qr.inputDirection},rtlInputAlignment:{...Xr,property:Qr.inputTextAlign},overlayGap:{property:()=>rn.cssVarList.overlayGap},overlayBackgroundColor:{property:()=>rn.cssVarList.overlayBackgroundColor},overlayPadding:{property:()=>rn.cssVarList.overlayPadding},overlayBoxShadow:{property:()=>rn.overlayBoxShadow},overlayOutlineWidth:{property:()=>rn.cssVarList.overlayOutlineWidth},overlayOutlineColor:{property:()=>rn.cssVarList.overlayOutlineColor},overlayOutlineStyle:{property:()=>rn.cssVarList.overlayOutlineStyle},errorMessageIcon:{selector:_r.componentName,property:_r.cssVarList.errorMessageIcon},errorMessageIconSize:{selector:_r.componentName,property:_r.cssVarList.errorMessageIconSize},errorMessageIconPadding:{selector:_r.componentName,property:_r.cssVarList.errorMessageIconPadding},errorMessageIconRepeat:{selector:_r.componentName,property:_r.cssVarList.errorMessageIconRepeat},errorMessageIconPosition:{selector:_r.componentName,property:_r.cssVarList.errorMessageIconPosition},errorMessageFontSize:{selector:_r.componentName,property:_r.cssVarList.errorMessageFontSize}}}),Xt({name:"overlay",selector:"",mappings:{marginTop:{...tn,property:"margin-top"},backgroundColor:{...tn},backdropBackgroundColor:{...on,property:"background-color"},backdropPointerEvents:{...on,property:"pointer-events"},padding:{...tn},boxShadow:{...tn},outlineWidth:{...tn},outlineColor:{...tn},outlineStyle:{...tn}}}),Bt,Rt)(class extends Yr{epoch="";format=Li;selectedCounterIdx=0;updateCountersDisplay(){this.inputElement.value=this.countersValue}updateValue(){if(this.isCountersOutOfRange)this.resetEpoch();else{const e=Hi[this.format].getDate(this.inputElement.value);this.updateEpoch(Ji(e,this.isUtcTime))}}onDateCounterChange=()=>{this.updateCountersDisplay(),this.updateValue(),this.#se()};updateEpoch(e){this.epoch=Ji(e,this.isUtcTime)}dateCounters=[new Hr(Bi,this.onDateCounterChange.bind(this)),new Hr(Ri,this.onDateCounterChange.bind(this)),new Hr(Oi,this.onDateCounterChange.bind(this))];static get observedAttributes(){return[].concat(Yr.observedAttributes||[],Zr)}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    ',V('\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=Hi[this.format].getDate(this.inputElement.value);return qi(e?.getTime())?e.getTime():null}get sortedCounters(){return this.format.split(Ni).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(Ni)}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=Ui(Fi(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?.replaceSync("vaadin-popover-overlay::part(overlay) { transform: none; }");const t=document.body.getBoundingClientRect(),o=this.getBoundingClientRect(),i=this.calendar.getBoundingClientRect(),r=this.isRTL?"right":"left",n=o[r]-i[r],s=i.left,a=t.width-i.right;let l;l=n>0?Math.min(n,a):-1*Math.min(Math.abs(n),s);const d=`\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${l}px);\n      }\n    `;this.#le?this.#le.replaceSync(d):this.#le=V(d,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=Fi(this.calendar.value);this.value=Ji(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=qi(Fi(this.inputElement.value||"").getTime())&&Hi[this.format].validate(this.inputElement.value);this.displayValueEpoch||e?this.calendar.setAttribute("initial-value",Ui(this.displayValueEpoch||this.epoch,Vi)):(this.calendar.clearValue(),this.calendar.setAttribute("preview",Ui(Gi(),Vi))),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(Hi).includes(e)&&(this.format=e,this.updateFormatPattern())}updateFormatPattern(){const e=this.getAttribute("format")||this.format||Li;this.setAttribute("type","date"),this.setAttribute("pattern",Hi[e].pattern)}parseDigits(e){this.activeCounter.add(e),this.activeCounter.isFull&&this.selectNextCounter(),this.setInputSelectionRange()}getCounterIdx(e){const[t,o]=this.sortedCounters.map(e=>e.length);return[e<=t,e>=t&&e<=t+o+1,e>=t+o+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 Bi.id:t.set(this.isUtcTime?e.getUTCMonth()+1:e.getMonth()+1);break;case Oi.id:t.set(this.isUtcTime?e.getUTCFullYear():e.getFullYear());break;case Ri.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,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("disable-calendar"===e&&this.togglePopoverAccess("true"!==o),Ur.includes(e)?(o&&"format"===e&&this.onFormatUpdate(o),"initial-value"===e&&this.onInitialValueChange(o)):Gr.includes(e)&&(o?this.calendar?.setAttribute(e,o):this.calendar?.removeAttribute(e)))}isInvalidDate(){const e=this.getCounterById("year"),t=e.numberValue>Wi||e.numberValue<ji,o=Object.entries(this.getDateVals()).some(([e,t])=>{const o=this.getCounterById(e);return!t||o.numberValue!==t});return t||o}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"),o=((e,t)=>{const o=e.trim?.();return o?Hi[t].getDate(o):null})(t,this.format);if(o)this.value=Ji(o,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(qr,rn);const nn=qe("divider");class sn extends($t({componentName:nn,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",V("\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 an=So.cssVarList,{host:ln,before:dn,after:cn,text:pn}={host:{selector:()=>":host"},before:{selector:"::before"},after:{selector:"::after"},text:{selector:"descope-text"}},un=Re(Pt({mappings:{hostWidth:{...ln,property:"width"},hostPadding:{...ln,property:"padding"},hostDirection:{...pn,property:"direction"},minHeight:{},alignItems:{},alignSelf:{},flexDirection:{},textAlign:{...pn,property:an.textAlign},labelTextWidth:{...pn,property:"width"},labelTextMaxWidth:{...pn,property:"max-width"},labelTextVerticalSpacing:[{...pn,property:"padding-top"},{...pn,property:"padding-bottom"}],labelTextHorizontalSpacing:[{...pn,property:"padding-right"},{...pn,property:"padding-left"}],stripeColor:[{...dn,property:"background-color"},{...cn,property:"background-color"}],stripeHorizontalThickness:[{...dn,property:"height"},{...cn,property:"height"}],stripeVerticalThickness:[{...dn,property:"width"},{...cn,property:"width"}],stripeColorOpacity:[{...dn,property:"opacity"},{...cn,property:"opacity"}]}}),Bt,Rt)(sn);customElements.define(nn,un);const hn=qe("email-field"),mn=Re(Pt({mappings:Wr}),Bt,oo({inputType:"email",inputName:"email",autocompleteType:"username",includeAttrs:["disabled","readonly","pattern"]}),Jt({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Rt,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()}})(Ht({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(${mn.cssVarList.inputOutlineWidth}) + var(${mn.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      ${mt("vaadin-email-field")}\n\t\t\t${at(mn.cssVarList)}\n\t\t\t${ht("vaadin-email-field",mn.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:hn}));customElements.define(hn,mn);const gn=({componentName:e,varName:t,fallbackVarName:o})=>{let i;class r extends($t({componentName:e,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t\t<div></div>\n\t\t\t",V(`\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\t${i}\n\t\t\t\t}\n        `,this)}}const n=Re(Pt({mappings:{height:{selector:()=>":host > div"},width:{selector:()=>":host > div"},[t]:{property:"content"},[o]:{property:"content"}}}),Bt,Rt)(r);return i=`content: var(${n.cssVarList[t]}, var(${n.cssVarList[o]}));`,n},bn=qe("logo"),yn=gn({componentName:bn,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(bn,yn);const vn=qe("totp-image"),fn=gn({componentName:vn,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(vn,fn);const xn=qe("notp-image"),Cn=gn({componentName:xn,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(xn,Cn);const wn=qe("number-field"),In=Re(Pt({mappings:Wr}),Bt,Jt({proxyProps:["value","selectionStart"]}),Rt)(Ht({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(${In.cssVarList.inputOutlineWidth}) + var(${In.cssVarList.inputOutlineOffset}));\n\t\t\t}\n      ${mt("vaadin-number-field")}\n\t\t\t${at(In.cssVarList)}\n\t\t\t${ht("vaadin-number-field",In.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:wn}));customElements.define(wn,In);const Sn="--descope-input-mask-content",Mn="--descope-input-mask-display",An="--descope-input-mask-fallback",En=e=>{e?.focus(),e?.setSelectionRange?.(1,1)},Tn=e=>e.replace(/\D/g,"")||"",kn=(e,t)=>{t?(e.style.setProperty(Sn,`"${t}"`),e.style.setProperty(Mn,"flex")):(e.style.removeProperty(Sn),e.style.removeProperty(Mn))},zn=qe("passcode-internal"),Ln=["digits","loading"],Vn=["disabled","bordered","size","invalid","readonly","aria-labelledby"],Nn=ro({componentName:zn,baseSelector:"div"}),Dn=qe("passcode"),Pn=["digits"],{host:Bn,digitField:Rn,label:On,requiredIndicator:jn,internalWrapper:Wn,focusedDigitField:Fn,errorMessage:$n}={host:{selector:()=>":host"},focusedDigitField:{selector:()=>`${_r.componentName}[focused="true"]`},digitField:{selector:()=>_r.componentName},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},internalWrapper:{selector:"descope-passcode-internal .wrapper"},errorMessage:{selector:"::part(error-message)"}},_n=_r.cssVarList,Hn=Jo.cssVarList,qn=Re(Pt({mappings:{fontSize:[{...Rn,property:_n.fontSize},Bn],hostWidth:{property:"width"},hostDirection:{...Bn,property:"direction"},fontFamily:[Bn,{...On}],labelTextColor:[{...On,property:"color"},{...On,property:"-webkit-text-fill-color"},{...jn,property:"color"},{...jn,property:"-webkit-text-fill-color"}],labelRequiredIndicator:{...jn,property:"content"},errorMessageTextColor:{...$n,property:"color"},errorMessageIcon:{...$n,property:"background-image"},errorMessageIconSize:{...$n,property:"background-size"},errorMessageIconPadding:{...$n,property:"padding-inline-start"},errorMessageIconRepeat:{...$n,property:"background-repeat"},errorMessageIconPosition:{...$n,property:"background-position"},errorMessageFontSize:{...$n,property:"font-size"},digitValueTextColor:{selector:_r.componentName,property:_n.inputValueTextColor},digitSize:[{...Rn,property:"height"},{...Rn,property:"width"}],digitPadding:{...Rn,property:_n.inputHorizontalPadding},digitTextAlign:{...Rn,property:_n.inputTextAlign},digitCaretTextColor:{...Rn,property:_n.inputCaretTextColor},digitSpacing:{...Wn,property:"gap"},digitOutlineColor:{...Rn,property:_n.inputOutlineColor},digitOutlineWidth:{...Rn,property:_n.inputOutlineWidth},focusedDigitFieldOutlineColor:{...Fn,property:_n.inputOutlineColor},overlayOpacity:{...Wn,property:"opacity"},spinnerSize:{selector:Jo.componentName,property:Hn.spinnerSize}}}),Bt,io,Jt({proxyProps:["value","selectionStart"]}),Rt,e=>class extends e{static get observedAttributes(){return Pn.concat(e.observedAttributes||[])}get digits(){return Number.parseInt(this.getAttribute("digits"),10)||6}init(){super.init?.(),V("\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      <${zn}\n        bordered="true"\n        name="code"\n        tabindex="-1"\n        slot="input"\n        role="textbox"\n      ><slot></slot></${zn}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(zn),Ue(this,this.inputElement,{includeAttrs:["digits","size","loading","disabled"]})}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),"digits"===e&&(this.style["--passcode-digits-count"]=o)}})(Ht({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(${_n.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:Dn}));customElements.define(zn,class extends Nn{static get observedAttributes(){return Ln.concat(Nn.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],Tn(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),o=Math.min(t+1,this.inputs.length-1);return this.inputs[o]}getPrevInput(e){const t=this.getInputIdx(e),o=Math.max(t-1,0);return this.inputs[o]}fillDigits(e,t){for(let o=0;o<e.length;o+=1){t.value=e[o]??"";const i=this.getNextInput(t);if(i===t)break;t=i}En(t)}parseInputValue(e,t=""){const o=t.split("");o.length?this.fillDigits(o,e):e.value=""}initInputs(){this.inputs.forEach(e=>{V(`\n        vaadin-text-field::part(input-field)::before {\n          ${An}: '';\n          content: var(${Sn}, var(${An}));\n          position: absolute;\n          width: 100%;\n          height: 100%;\n          display: var(${Mn}, none);\n          align-items: center;\n          justify-content: center;\n        }`,e);const t=n()(t=>{this.parseInputValue(e,t),kn(e)},0,{trailing:!0});e.addEventListener("input",o=>{e.value=Tn(e.value),e.value&&kn(e,e.value[0]),setTimeout(()=>{"deleteContentBackward"===o?.inputType&&En(this.getPrevInput(e))}),t(e.value)}),e.onkeydown=({key:t})=>{"Backspace"===t?e.value?e.setSelectionRange(1,1):setTimeout(()=>En(this.getPrevInput(e)),0):1===t.length&&(e.value="")},Ue(this,e,{includeAttrs:Vn}),e.shadowRoot.querySelector("input").setAttribute("aria-label","passcode digit")}),this.handleFocusEventsDispatching(this.inputs),this.handleInputEventDispatching()}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),t!==o&&Ln.includes(e)&&("digits"===e&&this.renderInputs(),"loading"===e&&this.handleLoadingState("true"===o))}get pattern(){return`^$|^\\d{${this.digits},}$`}}),customElements.define(Dn,qn);const Yn=qe("password"),{host:Un,inputField:Gn,inputElement:Zn,inputElementPlaceholder:Qn,revealButtonContainer:Jn,revealButtonIcon:Kn,label:Xn,requiredIndicator:es,errorMessage:ts,helperText:os}={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)"}},is=Re(Pt({mappings:{hostWidth:{...Un,property:"width"},hostMinWidth:{...Un,property:"min-width"},hostDirection:{...Un,property:"direction"},fontSize:[{},Un],fontFamily:[Xn,Gn,ts,os],inputHeight:{...Gn,property:"height"},inputHorizontalPadding:[{...Zn,property:"padding-left"},{...Zn,property:"padding-right"}],inputBackgroundColor:{...Gn,property:"background-color"},inputBorderStyle:{...Gn,property:"border-style"},inputBorderWidth:{...Gn,property:"border-width"},inputBorderColor:{...Gn,property:"border-color"},inputBorderRadius:{...Gn,property:"border-radius"},inputOutlineColor:{...Gn,property:"outline-color"},inputOutlineStyle:{...Gn,property:"outline-style"},inputOutlineOffset:{...Gn,property:"outline-offset"},inputOutlineWidth:{...Gn,property:"outline-width"},labelFontSize:{...Xn,property:"font-size"},labelFontWeight:{...Xn,property:"font-weight"},labelTextColor:[{...Xn,property:"color"},{...Xn,property:"-webkit-text-fill-color"},{...es,property:"color"},{...es,property:"-webkit-text-fill-color"}],labelRequiredIndicator:{...es,property:"content"},errorMessageTextColor:{...ts,property:"color"},errorMessageIcon:{...ts,property:"background-image"},errorMessageIconSize:{...ts,property:"background-size"},errorMessageIconPadding:{...ts,property:"padding-inline-start"},errorMessageIconRepeat:{...ts,property:"background-repeat"},errorMessageIconPosition:{...ts,property:"background-position"},errorMessageFontSize:{...ts,property:"font-size"},inputPlaceholderTextColor:[{...Qn,property:"color"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"color"}],inputValueTextColor:[{...Zn,property:"color"},{selector:()=>":host ::slotted(input)",property:"color"}],revealButtonOffset:[{...Jn,property:"margin-right"},{...Jn,property:"margin-left"}],revealButtonSize:{...Jn,property:"font-size"},revealButtonColor:{...Kn,property:"color"},labelPosition:{...Xn,property:"position"},labelTopPosition:{...Xn,property:"top"},labelHorizontalPosition:[{...Xn,property:"left"},{...Xn,property:"right"}],inputTransformY:{...Xn,property:"transform"},inputTransition:{...Xn,property:"transition"},marginInlineStart:{...Xn,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...Zn,property:"opacity"}],inputVerticalAlignment:{...Gn,property:"align-items"},valueInputHeight:{...Zn,property:"height"}}}),Bt,oo({inputType:"password",inputName:"password",includeAttrs:["disabled","readonly","pattern","type","autocomplete"],noBlurDispatch:!0}),Jt({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Rt,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 o=t.target,i=o.getAttribute("type");o.setAttribute("type","text"),setTimeout(()=>{o.focus()});const r=t=>{o.setAttribute("type",i),e.removeAttribute("inert"),this.removeEventListener("mouseup",r),this.removeEventListener("dragend",r)};this.addEventListener("dragend",r,{once:!0}),this.addEventListener("mouseup",r,{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,o){super.attributeChangedCallback?.(e,t,o)}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")}})(Ht({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(is.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(${is.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:Yn}));customElements.define(Yn,is);const rs=qe("text-area"),{host:ns,label:ss,placeholder:as,inputField:ls,textArea:ds,requiredIndicator:cs,helperText:ps,errorMessage:us}={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)"}},hs=Re(Pt({mappings:{hostWidth:{...ns,property:"width"},hostMinWidth:{...ns,property:"min-width"},hostDirection:{...ns,property:"direction"},fontSize:[ns,ds],fontFamily:[ss,ls,ps,us],labelTextColor:[{...ss,property:"color"},{...ss,property:"-webkit-text-fill-color"},{...cs,property:"color"}],labelRequiredIndicator:{...cs,property:"content"},errorMessageTextColor:{...us,property:"color"},errorMessageIcon:{...us,property:"background-image"},errorMessageIconSize:{...us,property:"background-size"},errorMessageIconPadding:{...us,property:"padding-inline-start"},errorMessageIconRepeat:{...us,property:"background-repeat"},errorMessageIconPosition:{...us,property:"background-position"},errorMessageFontSize:{...us,property:"font-size"},inputBackgroundColor:{...ls,property:"background-color"},inputValueTextColor:{...ds,property:"color"},inputPlaceholderTextColor:{...as,property:"color"},inputBorderWidth:{...ls,property:"border-width"},inputBorderStyle:{...ls,property:"border-style"},inputBorderColor:{...ls,property:"border-color"},inputBorderRadius:{...ls,property:"border-radius"},inputOutlineStyle:{...ls,property:"outline-Style"},inputOutlineColor:{...ls,property:"outline-color"},inputOutlineOffset:{...ls,property:"outline-offset"},inputOutlineWidth:{...ls,property:"outline-width"},inputResizeType:{...ds,property:"resize"},inputMinHeight:{...ds,property:"min-height"},inputTextAlign:{...ds,property:"text-align"}}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Rt)(Ht({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(hs.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:rs}));customElements.define(rs,hs);var ms=[{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 gs=({code:e,dialCode:t,name:o})=>`\n\t<div\n\t\tdata-id="${t}"\n\t\tdata-name="${e} ${t} ${o}"\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>${o}</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`,bs=qe("phone-field-internal"),ys=["disabled","size","bordered","readonly"],vs=["country-input-placeholder","default-code","restrict-countries"],fs=["phone-input-placeholder","maxlength","autocomplete","name","phone-input-type"],xs=["label-type","country-input-label","label"],Cs={"country-input-label":"label","country-input-placeholder":"placeholder","phone-input-placeholder":"placeholder","phone-input-type":"type"},ws=[].concat(ys,vs,fs,xs),Is=ro({componentName:bs,baseSelector:"div"});customElements.define(bs,class extends Is{static get observedAttributes(){return[].concat(Is.observedAttributes||[],ws)}#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      ${ms.map(e=>gs(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","phone-input-type"],mapAttrs:{"phone-input-type":"type"}}),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="",o="";if(e.includes("-")){const i=e.indexOf("-");t=e.slice(0,i),o=e.slice(i+1).replace(/\D+/g,"")}else{const i=(0,p.l)(e);i?.countryCallingCode&&(t=`+${i.countryCallingCode}`,o=e.slice(t.length).replace(/\D+/g,""))}if(!/\d/.test(t))return void this.#he();const i=ms.filter(e=>e.dialCode===t).map(e=>e.code),r=this.selectedCountryCode;if(!i.includes(r)){const e=this.comboBox.items?.find(e=>i.includes(e.getAttribute("data-country-code")));e&&(this.comboBox.selectedItem=e)}this.isFormatValue?this.textField.value=this.#me(o):this.textField.value=o}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.inputs[1].focus()}),super.init?.(),this.#ge()}getValidity(){const e=this.comboBox.value,t=this.textField.value,o=!e||!t,i=t&&t.length>=this.minLength;if(this.isRequired&&o)return{valueMissing:!0};if(this.value){if(!i)return{tooShort:!0};if(this.isStrictValidation&&!this.#be())return{patternMismatch:!0}}return{}}setSelectionRange(...e){this.textField.setSelectionRange(...e)}attributeChangedCallback(e,t,o){if(super.attributeChangedCallback(e,t,o),t!==o){if("default-code"===e&&o&&!this.selectedCountryCode)this.#ye(o);else if(ws.includes(e)){const t=Cs[e]||e;ys.includes(e)?o?this.inputs.forEach(e=>e.setAttribute(t,o)):this.inputs.forEach(e=>e.removeAttribute(t)):vs.includes(e)?this.comboBox.setAttribute(t,o):fs.includes(e)&&this.textField.setAttribute(t,o)}xs.includes(e)&&this.#ve(e,o),"restrict-countries"===e&&this.#fe(this.restrictCountries)}}#ge(){this.textField.addEventListener("input",e=>{if(!this.allowAlphanumericInput){const t=/^\d$/,o=e.target.value.split("").filter(e=>t.test(e)).join("");e.target.value=o}}),this.handleFocusEventsDispatching(this.inputs),this.handleInputEventDispatching()}#me(e=""){return this.#ue&&this.#ue.country===this.selectedCountryCode||(this.#ue=new u.Q(this.selectedCountryCode)),this.#ue.reset(),this.#ue.input(e)||e}#be(){const e=(0,p.l)(this.value);return!!(e&&e.isValid?.()&&e.country&&this.#xe(e.country))}#xe(e){return!this.restrictCountries.length||this.restrictCountries.includes(e)}#Ce(e){return this.comboBox.items?.find(t=>t.getAttribute("data-country-code")===e)}#fe(e){const t=e.length?ms.filter(t=>e.includes(t.code)):ms;this.querySelector("descope-combo-box").innerHTML=t.map(e=>gs(e)).join("")}#ye(e){if(!this.comboBox.value){const t=this.#Ce(e);t&&setTimeout(()=>{this.comboBox.selectedItem=t})}}#ve(e,t){const o=Cs[e]||e;"label-type"===e?this.#we(t):"floating"===this.getAttribute("label-type")&&("country-input-label"===e?this.comboBox.setAttribute(o,t):"label"===e&&this.textField.setAttribute(o,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 Ss=_r.cssVarList,Ms=mi.cssVarList,As=qe("phone-field"),{host:Es,label:Ts,requiredIndicator:ks,inputField:zs,internalAfter:Ls,countryCodeInput:Vs,phoneInput:Ns,separator:Ds,errorMessage:Ps,helperText:Bs}={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)"}},Rs=Re(Pt({mappings:{fontSize:[Es,zs,{selector:_r.componentName,property:_r.cssVarList.fontSize},{selector:mi.componentName,property:mi.cssVarList.fontSize}],fontFamily:[Ts,Ps,Bs,{...Vs,property:mi.cssVarList.overlay.fontFamily}],hostWidth:[{...Es,property:"width"},{...Ns,property:"width"},{...Vs,property:"--vaadin-combo-box-overlay-width"}],hostDirection:{...Es,property:"direction"},inputBorderStyle:[{...Ls,property:"border-style"},{...Ds,property:"border-left-style"}],inputBorderWidth:[{...Ls,property:"border-width"},{...Ds,property:"border-left-width"}],inputBorderColor:[{...Ls,property:"border-color"},{...Ds,property:"border-left-color"}],inputBorderRadius:[{...zs,property:"border-radius"},{...Ls,property:"border-radius"}],countryCodeInputWidth:{...Vs,property:Ms.hostWidth},countryCodeDropdownWidth:{...Vs,property:"--vaadin-combo-box-overlay-width"},phoneInputWidth:{...Ns,property:"width"},horizontalPadding:[{...Ns,property:"padding-left"},{...Ns,property:"padding-right"},{...Vs,property:"padding-left"},{...Vs,property:"padding-right"}],labelTextColor:[{...Ts,property:"color"},{...Ts,property:"-webkit-text-fill-color"},{...ks,property:"color"}],labelRequiredIndicator:{...ks,property:"content"},errorMessageTextColor:{...Ps,property:"color"},errorMessageIcon:{...Ps,property:"background-image"},errorMessageIconSize:{...Ps,property:"background-size"},errorMessageIconPadding:{...Ps,property:"padding-inline-start"},errorMessageIconRepeat:{...Ps,property:"background-repeat"},errorMessageIconPosition:{...Ps,property:"background-position"},errorMessageFontSize:{...Ps,property:"font-size"},inputValueTextColor:[{...Ns,property:Ss.inputValueTextColor},{...Vs,property:Ms.inputValueTextColor}],inputPlaceholderTextColor:{...Ns,property:Ss.inputPlaceholderColor},overlayItemBackgroundColor:{selector:"descope-combo-box",property:Ms.overlayItemBackgroundColor},inputOutlineStyle:{...zs,property:"outline-style"},inputOutlineColor:{...zs,property:"outline-color"},inputOutlineWidth:{...zs,property:"outline-width"},inputOutlineOffset:{...zs,property:"outline-offset"},valueInputHeight:[{...Vs,property:Ms.valueInputHeight}],valueInputMarginBottom:[{...Ns,property:Ss.valueInputMarginBottom}],marginInlineStart:[{...Ns,property:Ss.marginInlineStart},{...Vs,property:Ms.marginInlineStart}]}}),Bt,io,Jt({proxyProps:["value","selectionStart"]}),e=>class extends e{static get CountryCodes(){return ms}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${bs}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${bs}>\n      \t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(bs),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","phone-input-type"]})}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"))}})(Ht({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(Rs.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(${Rs.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${Ms.inputOutlineWidth}: 0;\n\t\t\t\t${Ms.inputOutlineOffset}: 0;\n\t\t\t\t${Ms.inputBorderWidth}: 0;\n\t\t\t\t${Ms.inputBorderRadius}: 0;\n\t\t\t}\n\t\t\tdescope-text-field {\n\t\t\t\tflex-grow: 1;\n\t\t\t\t${Ss.inputOutlineWidth}: 0;\n\t\t\t\t${Ss.inputOutlineOffset}: 0;\n\t\t\t\t${Ss.inputBorderWidth}: 0;\n\t\t\t\t${Ss.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:As}));customElements.define(As,Rs);const Os=qe("phone-field-internal-input-box"),js=["disabled","size","readonly","phone-input-placeholder","name","maxlength","autocomplete","label-type","phone-input-type"],Ws={"phone-input-placeholder":"placeholder","phone-input-type":"type"},Fs=ro({componentName:Os,baseSelector:"div"});customElements.define(Os,class extends Fs{static get observedAttributes(){return[].concat(Fs.observedAttributes||[],js)}#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"),ms.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.#Se();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.#Me.bind(this)),this.handleFocusEventsDispatching([this.textField]),L(this.textField,this,{includeAttrs:["has-value"]}),L(this,this.textField,{includeAttrs:["phone-input-type"],mapAttrs:{"phone-input-type":"type"}})}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.#be()||!this.isStrictValidation&&this.textField.value&&!e.test(this.value))return{patternMismatch:!0}}return{}}setSelectionRange(...e){this.textField.setSelectionRange(...e)}attributeChangedCallback(e,t,o){if(super.attributeChangedCallback(e,t,o),t!==o&&js.includes(e)){const t=Ws[e]||e;this.textField.setAttribute(t,o)}}#Me(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("-")}#Se(){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}#be(){const e=(0,p.l)(this.value);return!(!e||!e.isValid?.()||!e.country||!this.#xe(e.country)||this.defaultCode&&this.defaultCode!==e.country)}#xe(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),o=e.match(/\)/g);return t?.length===o?.length})(e)}});const $s=_r.cssVarList,_s=qe("phone-input-box-field"),{host:Hs,label:qs,inputElement:Ys,requiredIndicator:Us,inputField:Gs,internalComponent:Zs,internalComponentAfter:Qs,phoneInput:Js,errorMessage:Ks,helperText:Xs}={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)"}},ea=Re(Pt({mappings:{fontSize:[Hs,Gs,{selector:_r.componentName,property:_r.cssVarList.fontSize}],fontFamily:[qs,Ks,Xs],hostWidth:{...Hs,property:"width"},hostMinWidth:{...Hs,property:"min-width"},hostDirection:{...Hs,property:"direction"},inputHorizontalPadding:[{...Js,property:"padding-left"},{...Js,property:"padding-right"}],labelFontSize:{...qs,property:"font-size"},labelFontWeight:{...qs,property:"font-weight"},labelTextColor:[{...qs,property:"color"},{...qs,property:"-webkit-text-fill-color"},{...Us,property:"color"}],labelRequiredIndicator:{...Us,property:"content"},errorMessageTextColor:{...Ks,property:"color"},errorMessageIcon:{...Ks,property:"background-image"},errorMessageIconSize:{...Ks,property:"background-size"},errorMessageIconPadding:{...Ks,property:"padding-inline-start"},errorMessageIconRepeat:{...Ks,property:"background-repeat"},errorMessageIconPosition:{...Ks,property:"background-position"},errorMessageFontSize:{...Ks,property:"font-size"},inputValueTextColor:{...Js,property:$s.inputValueTextColor},inputPlaceholderTextColor:{...Js,property:$s.inputPlaceholderColor},inputBorderStyle:{...Qs,property:"border-style"},inputBorderWidth:{...Qs,property:"border-width"},inputBorderColor:{...Qs,property:"border-color"},inputBorderRadius:[{...Zs,property:"border-radius"},{...Qs,property:"border-radius"}],inputOutlineStyle:{...Zs,property:"outline-style"},inputOutlineColor:{...Zs,property:"outline-color"},inputOutlineWidth:{...Zs,property:"outline-width"},inputOutlineOffset:{...Zs,property:"outline-offset"},labelPosition:{...qs,property:"position"},labelTopPosition:{...qs,property:"top"},labelHorizontalPosition:[{...qs,property:"left"},{...qs,property:"right"}],inputTransformY:{...qs,property:"transform"},inputTransition:{...qs,property:"transition"},marginInlineStart:{...qs,property:"margin-inline-start"},valueInputHeight:{...Ys,property:"height"},valueInputMarginBottom:{selector:_r.componentName,property:$s.valueInputMarginBottom}}}),Bt,io,Jt({proxyProps:["value","selectionStart"]}),e=>class extends e{static get CountryCodes(){return ms}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${Os}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${Os}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Os),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","phone-input-type"]})}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}})(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n    :host {\n      display: inline-flex;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n    ${at(ea.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      ${$s.inputOutlineWidth}: 0;\n      ${$s.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:_s}));customElements.define(_s,ea);const ta=qe("new-password-internal"),oa=(e,t)=>e.replace(/{{(\w+)+}}/g,(e,o)=>t?.[o]||e),ia=qe("policy-validation"),ra=["data","active-policies","overrides","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-actual-passwordstrength"],na=["label","value",...ra];class sa extends($t({componentName:ia,baseSelector:":host > div"})){#Ve;#Ne=[];#De;static get observedAttributes(){return na}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div>\n      <div class="label"></div>\n      <ul></ul>\n    </div>\n\t\t',V("\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,o){if(super.attributeChangedCallback?.(e,t,o),t!==o){if("label"===e&&this.updateLabel(o),ra.includes(e)){if("data"===e)try{this.availablePolicies=JSON.parse(o)}catch{console.error("Failed to set available policies")}if("active-policies"===e&&(this.#Ne=(o||"").split(",")),"data-password-policy-value-minlength"===e){const e=Number(o);!Number.isNaN(e)&&e>0&&(this.#De={...this.#De,minlength:{value:`${e}`}})}if("data-password-policy-value-passwordstrength"===e){const e=parseInt(o);!Number.isNaN(e)&&e>=0&&(this.#De={...this.#De,passwordstrength:{...this.#De?.passwordstrength,expected:e}})}if("data-password-policy-actual-passwordstrength"===e){const e=Number(o);!Number.isNaN(e)&&e>=0&&(this.#De={...this.#De,passwordstrength:{...this.#De?.passwordstrength,actual:e}})}}this.renderItems(this.#Ve,this.#Ne,this.#De)}}get availablePolicies(){return this.#Ve||[]}set availablePolicies(e){this.#Ve=e}get value(){return this.getAttribute("value")||""}getStrengthScore(){return this.value.length}compareValues(e,t,o){switch(e.toUpperCase()){case"GTE":return o>=t;case"GT":return o>t;case"LTE":return o<=t;case"LT":return o<t;case"EQ":return o===t;case"NEQ":return o!==t;default:throw new Error(`Invalid comparison type: ${e}`)}}validate(){let e=this.#Ve;return this.#De&&(e=this.#Ve.map(e=>{const t=this.#De[e.id];return t?{...e,data:t}:e})),this.#Ne.reduce((t,o)=>{const i=e.find(e=>e.id===o);if(!i)return t;const{pattern:r,message:n,data:s,compare:a}=i;if(!r&&!a||!n)return t;const l={message:oa(n,s),id:o};if(r){const e=new RegExp(oa(r,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:aa,item:la,symbolDefault:da,symbolSuccess:ca,symbolError:pa}={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'}},ua=Re(Pt({componentNameOverride:qe("input-wrapper")}),Pt({mappings:{hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},padding:{},borderWidth:{...aa,property:"border-width"},borderStyle:{...aa,property:"border-style"},borderColor:{...aa,property:"border-color"},borderRadius:{...aa,property:"border-radius"},backgroundColor:{...aa,property:"background-color"},textColor:{property:"color"},labelMargin:{...aa,property:"gap"},itemsSpacing:{...la,property:"line-height"},itemSymbolSuccessColor:{...ca,property:"color"},itemSymbolErrorColor:{...pa,property:"color"},itemSymbolDefault:{...da,property:"content"},itemSymbolSuccess:{...ca,property:"content"},itemSymbolError:{...pa,property:"content"}}}),Bt,Rt)(sa),ha=qe("new-password"),ma=ua.cssVarList,{host:ga,label:ba,internalInputsWrapper:ya,errorMessage:va,helperText:fa,passwordInput:xa,policyPreview:Ca}={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"}},wa=Re(Pt({mappings:{fontSize:[ga,{},{selector:is.componentName,property:is.cssVarList.fontSize}],fontFamily:[ba,va,fa],labelFontSize:{...ba,property:"font-size"},labelFontWeight:{...ba,property:"font-weight"},labelTextColor:{...ba,property:"color"},errorMessageTextColor:{...va,property:"color"},errorMessageIcon:{...va,property:"background-image"},errorMessageIconSize:{...va,property:"background-size"},errorMessageIconPadding:{...va,property:"padding-inline-start"},errorMessageIconRepeat:{...va,property:"background-repeat"},errorMessageIconPosition:{...va,property:"background-position"},errorMessageFontSize:{...va,property:"font-size"},hostWidth:{...ga,property:"width"},hostMinWidth:{...ga,property:"min-width"},hostDirection:[{...ga,property:"direction"},{...xa,property:is.cssVarList.hostDirection}],inputsRequiredIndicator:{...ga,property:"content"},spaceBetweenInputs:{...ya,property:"gap"},policyPreviewBackgroundColor:{...Ca,property:ma.backgroundColor},policyPreviewPadding:{...Ca,property:ma.padding},valueInputHeight:{...xa,property:is.cssVarList.valueInputHeight},valueInputMarginBottom:{...xa,property:is.cssVarList.valueInputMarginBottom}}}),Bt,Jt({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<${ta}\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      </${ta}>\n\t\t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(ta),"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 o=e.querySelector("input"),i=document.createElement("slot"),r=o.getAttribute("slot");i.setAttribute("name",t),i.setAttribute("slot",r),e.appendChild(i),o.setAttribute("slot",t),o.setAttribute("name",this.getAttribute("name")),o.setAttribute("data-hidden-input","true"),this.appendChild(o)}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")}})(Ht({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(is.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:ha}));customElements.define(ia,ua);const Ia=/^password-/,Sa=/^confirm-/,Ma=(e,t)=>e.replace(t,""),Aa=["password-label","password-placeholder"],Ea=["confirm-label","confirm-placeholder"],Ta=["has-validation","policy-label","available-policies","active-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","manual-visibility-toggle"],ka=["has-confirm","disabled","bordered","size","full-width","maxlength","invalid","readonly","draggable","autocomplete","label-type","manual-visibility-toggle"],za=[].concat(ka,Aa,Ea,Ta),La=ro({componentName:ta,baseSelector:"div"});customElements.define(ta,class extends La{static get observedAttributes(){return[].concat(La.observedAttributes||[],za)}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:Ta,mapAttrs:{"policy-label":"label","available-policies":"data"}})}handleIndicatorStyle(){this.inputs.forEach(e=>{V(`\n\t\t\t\t:host ::part(required-indicator)::after {\n\t\t\t\t\tcontent: var(${wa.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&&Fe(e,t=>{if(t.includes("invalid")){const t=e.getAttribute("invalid"),o=this.getAttribute("invalid");this.isInvalid&&o!==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 vx}),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,o){null===o?e?.removeAttribute(t):e?.setAttribute(t,o)}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("has-validation"===e?this.onHasValidationChange("true"===o):"has-confirm"===e?this.onHasConfirmChange("true"===o):ka.includes(e)?this.inputs.forEach(t=>this.toggleBooleanAttribute(t,e,o)):Aa.includes(e)?this.toggleBooleanAttribute(this.passwordInput,Ma(e,Ia),o):Ea.includes(e)&&this.toggleBooleanAttribute(this.confirmInput,Ma(e,Sa),o),"active-policies"===e&&this.togglePasswordStrength())}}),customElements.define(ha,wa);const Va=qe("recaptcha"),Na=["enabled","site-key","action","enterprise","variant"],Da=$t({componentName:Va,baseSelector:":host > div"}),Pa=Re(Bt)(class extends Da{static get observedAttributes(){return Na.concat(Da.observedAttributes||[])}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("enabled"===e&&this.#Pe("true"===o),"variant"===e&&this.updatePreview())}renderRecaptcha(e){this.children.length?this.updatePreview():this.toggleRecaptchaEles(e)}displayRecaptcha(){this.isWidget?this.displayWidget():this.displayDeprecated()}displayWidget(){this.mockRecaptchaEle.style.display="none",this.recaptchaWidgetEle.style.display="",this.depercatedRecaptchaEle.style.display="none"}hideRecaptcha(){this.recaptchaWidgetEle.style.display="none",this.depercatedRecaptchaEle.style.display="none",this.mockRecaptchaEle.style.display=""}displayDeprecated(){this.mockRecaptchaEle.style.display="none",this.recaptchaWidgetEle.style.display="none",this.depercatedRecaptchaEle.style.display=""}toggleRecaptchaEles(e){e?this.displayRecaptcha():this.hideRecaptcha()}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="badge">\n      <span id="recaptcha"></span>\n      <span id="recaptcha-widget"></span>\n      <input id="recaptcha-widget-input" type="hidden" name="recaptcha-widget" required />\n      <img src="https://imgs.descope.com/connectors/templates/recaptcha/recaptcha-big.png" alt="recaptcha"/>\n    </div>\n    <slot></slot>\n\t',V('\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 #recaptcha-widget {\n        width: 100%;\n        height: 100%;\n      }\n      :host #recaptcha-widget-input {\n        display: none;\n      }\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.depercatedRecaptchaEle=this.baseElement.querySelector("#recaptcha"),this.recaptchaWidgetEle=this.baseElement.querySelector("#recaptcha-widget"),this.recaptchaWidgetInputEle=this.baseElement.querySelector("#recaptcha-widget-input"),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.depercatedRecaptchaEle.style.display="none",this.recaptchaWidgetEle.style.display="none",this.mockRecaptchaEle.style.display="none",this.badge.classList.add("hidden")):(this.toggleRecaptchaEles(this.enabled),this.badge.classList.remove("hidden"))}getValidity(){return this.isWidget?this.recaptchaWidgetInputEle.value?{}:{valueMissing:!0}:{}}checkValidity(){return!this.isWidget||!!this.recaptchaWidgetInputEle.value}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 variant(){return this.getAttribute("variant")||"text"}get isWidget(){return"widget"===this.variant}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),this.isWidget||e&&(this.#Be(),document.getElementById("recaptcha-script")?window.onRecaptchaLoadCallback():this.#Re())}#Re(){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,o){this.isConnected&&e.ready(()=>{const i=t.querySelector('textarea[name^="g-recaptcha-response"]')?.cloneNode();if(i&&(i.style.display="none",document.body.appendChild(i)),!this.siteKey)return;const r=e?.execute(o,{action:this.action});r.then((r,n)=>{n?console.warn("could not execute recaptcha",n):(this.updateComponentsContext({risktoken:r,riskaction:this.action}),this.isConnected&&setTimeout(()=>{this.#Oe(e,t,o)},11e4)),i.remove()})})}#Be(){window.onRecaptchaLoadCallback=()=>{const e=this.depercatedRecaptchaEle;if(e.hasChildNodes())return;const{grecaptchaInstance:t}=this;t&&setTimeout(()=>{const o=t.render(e,{sitekey:this.siteKey,badge:"inline",size:"invisible"});this.#Oe(t,e,o)},0)}}});customElements.define(Va,Pa);const Ba=qe("upload-file"),Ra=["title","description","button-label","accept","readonly","button-mode","button-variant","required","size","icon"],Oa=ro({componentName:Ba,baseSelector:":host > div"}),ja=Ei.cssVarList,{host:Wa,wrapper:Fa,icon:$a,title:_a,description:Ha,requiredIndicator:qa}={host:{selector:()=>":host"},wrapper:{selector:()=>":host > div"},icon:{selector:()=>"::slotted(*)"},title:{selector:()=>".title"},description:{selector:()=>".description"},requiredIndicator:{selector:()=>".title::after"}},Ya=Re(Pt({componentNameOverride:qe("input-wrapper")}),Pt({mappings:{fontSize:{},fontFamily:{},borderColor:{},borderWidth:{},borderStyle:{},borderRadius:{},hostHeight:{...Wa,property:"height"},hostWidth:{...Wa,property:"width"},hostPadding:{property:"padding"},hostDirection:[{...Wa,property:"direction"},{selector:()=>Ei.componentName,property:ja.hostDirection}],gap:{...Fa},lineHeight:{...Fa,property:"line-height"},titleFontSize:{..._a,property:"font-size"},titleFontWeight:{..._a,property:"font-weight"},descriptionFontSize:{...Ha,property:"font-size"},labelTextColor:[{..._a,property:"color"},{...Ha,property:"color"}],iconSize:{...$a,property:"width"},requiredIndicator:{...qa,property:"content"}}}),Bt,Rt)(class extends Oa{static get observedAttributes(){return Ra.concat(Oa.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',V("\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 o;t.length&&(this.value=await(o=t[0],new Promise(e=>{const t=new FileReader;t.onload=t=>e(t.target.result),t.readAsDataURL(o)})),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,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("title"===e?this.updateTitle(o):"description"===e?this.updateDescription(o):"button-label"===e?this.updateButtonLabel(o):"button-mode"===e?this.updateButtonMode(o):"button-variant"===e?this.updateButtonVariant(o):"size"===e?this.updateButtonSize(o):"accept"===e?this.updateInputAccept(o):"readonly"===e&&this.updateReadOnly(o))}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(Ba,Ya);const Ua=e=>{class t extends(ro({componentName:e,baseSelector:"slot"})){constructor(){super(),this.innerHTML='\n    <slot part="wrapper"></slot>\n      '}dispatchChange=_t.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?.(),Fe(this,this.onObservedAttributeChange.bind(this),{includeAttrs:["size","readonly"]})}}return t},Ga=qe("button-selection-group-internal");class Za extends(Ua(Ga)){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 Qa=e=>class extends e{#K=({value:e,label:t})=>`<descope-button-selection-group-item value="${e}">${t}</descope-button-selection-group-item>`;#R;get renderItem(){return this.#K}set renderItem(e){this.#K=e,this.renderItems()}get size(){return this.inputElement?.size}get data(){if(this.#R)return this.#R;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.#R=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(),Fe(this,this.renderItems.bind(this),{includeAttrs:["data"]}),$e(this,({addedNodes:e})=>{e.forEach(e=>{e.setAttribute("size",this.size)})})}},{host:Ja,label:Ka,requiredIndicator:Xa,internalWrapper:el,errorMessage:tl}={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)"}},ol={hostWidth:{...Ja,property:"width"},hostDirection:{...Ja,property:"direction"},fontFamily:Ja,labelTextColor:[{...Ka,property:"color"},{...Xa,property:"color"}],labelRequiredIndicator:{...Xa,property:"content"},errorMessageTextColor:{...tl,property:"color"},errorMessageIcon:{...tl,property:"background-image"},errorMessageIconSize:{...tl,property:"background-size"},errorMessageIconPadding:{...tl,property:"padding-inline-start"},errorMessageIconRepeat:{...tl,property:"background-repeat"},errorMessageIconPosition:{...tl,property:"background-position"},errorMessageFontSize:{...tl,property:"font-size"},itemsSpacing:{...el,property:"gap"}},il=`\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    `,rl=qe("button-selection-group"),nl=Re(Pt({mappings:{...ol}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Rt,Qa,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${Ga}\n      \tname="button-selection-group"\n      \tslot="input"\n        tabindex="-1"\n        part="internal-component"\n      >\n        <slot></slot>\n      </${Ga}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Ga),Ue(this,this.inputElement,{includeAttrs:["size","default-value","allow-deselect"]})}})(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>il,excludeAttrsSync:["tabindex","style"],componentName:rl}));customElements.define(Ga,Za);const sl=qe("button-selection-group-item");class al extends($t({componentName:sl,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`,V("\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 ll=Re(Pt({mappings:{hostDirection:{selector:()=>Ei.componentName,property:Ei.cssVarList.hostDirection},backgroundColor:{selector:()=>Ei.componentName,property:Ei.cssVarList.backgroundColor},labelTextColor:{selector:()=>Ei.componentName,property:Ei.cssVarList.labelTextColor},borderColor:{selector:()=>Ei.componentName,property:Ei.cssVarList.borderColor},borderWidth:{selector:()=>Ei.componentName,property:Ei.cssVarList.borderWidth},borderStyle:{selector:()=>Ei.componentName,property:Ei.cssVarList.borderStyle},borderRadius:{selector:()=>Ei.componentName,property:Ei.cssVarList.borderRadius},outlineColor:{selector:()=>Ei.componentName,property:Ei.cssVarList.outlineColor}}}),Bt,Rt)(al);customElements.define(sl,ll),customElements.define(rl,nl);const dl=qe("button-multi-selection-group-internal");class cl extends(Ua(dl)){#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}#We(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.#We(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 pl=qe("button-multi-selection-group"),ul=Re(Pt({mappings:{...ol}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Rt,Qa,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${dl}\n      \tname="button-selection-group"\n      \tslot="input"\n        tabindex="-1"\n        part="internal-component"\n      >\n        <slot></slot>\n      </${dl}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(dl),Ue(this,this.inputElement,{includeAttrs:["size","default-values","min-items-selection","max-items-selection"]})}})(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>il,excludeAttrsSync:["tabindex","style"],componentName:pl}));customElements.define(dl,cl),customElements.define(pl,ul);class hl extends h.v{get sortable(){return"true"===this.getAttribute("sortable")}_defaultRenderer(e,t,o){const i=o.item[this.path]||"",r=Array.isArray(i)?i.join(", "):i;this.__setTextContent(e,r),e.title=r}_defaultHeaderRenderer(e,t){this.sortable?super._defaultHeaderRenderer(e,t):this.__setTextContent(e,this.__getHeader(this.header,this.path))}}const ml=qe("grid-text-column");customElements.define(ml,hl);const gl=qe("grid-custom-column");customElements.define(gl,class extends hl{_defaultRenderer(e,t,o){const i=o.item[this.path]||"",r=Array.from(this.children).find(e=>{const t=e.getAttribute("data-pattern");return!t||new RegExp(t).test(i)});if(!r)return void this.__setTextContent(e,o.item[this.path]||"");const n=r.cloneNode(!0);n.textContent=i||"",e.innerHTML="",e.append(n)}});const bl=()=>{const e=document.createElement("descope-checkbox");return e.setAttribute("bordered","true"),e.setAttribute("size","xs"),e},yl=e=>!!e.items?.length&&e.selectedItems.length===e.items.length;class vl extends m.${_onHeaderRendererOrBindingChanged(){}_headerRenderer(e){const t=e.parentNode;let o=e.querySelector("descope-checkbox");o||(o=bl(),o.addEventListener("input",()=>{const e=yl(t);t.selectedItems=e?[]:t.items}),e.appendChild(o)),o.setAttribute("checked",yl(t))}_defaultRenderer(e,t,o){const i=e.parentNode;let r=e.querySelector("descope-checkbox");r||(r=bl(),e.appendChild(r)),r.onchange=()=>{r.checked?i.selectItem(o.item):i.deselectItem(o.item)},r.setAttribute("checked",o.selected)}}const fl=qe("grid-selection-column");customElements.define(fl,vl);class xl extends h.v{get sortable(){return"true"===this.getAttribute("sortable")}_defaultRenderer(e,t,o){const i=t._gridValue,r=i.detailsOpenedItems?.indexOf(o.item)??-1,n=-1!==r,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=()=>{i.detailsOpenedItems=n?i.detailsOpenedItems.toSpliced(r,1):[...i.detailsOpenedItems,o.item]}}_defaultHeaderRenderer(e,t){this.sortable?super._defaultHeaderRenderer(e,t):this.__setTextContent(e,this.__getHeader(this.header,this.path))}}const Cl=qe("grid-item-details-column");customElements.define(Cl,xl),customElements.define(bi,fi),customElements.define(xi,Ci);const wl=e=>{const t=document.createElement("textarea");return t.innerHTML=e,t.value},Il=qe("code-snippet");let Sl=class extends($t({componentName:Il,baseSelector:":host > .wrapper"})){static get observedAttributes(){return["lang","inline","copy-button"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="wrapper">\n        <code class="hljs"></code>\n      </div>\n    ',V("\n      :host {\n        display: inline-block;\n        width: 100%;\n      }\n      .wrapper {\n        display: grid;\n        width: 100%;\n      }\n      code {\n        grid-area: 1 / 1;\n        display: block;\n        width: 100%;\n        min-height: 1em;\n        overflow-x: auto;\n      }\n      pre {\n        margin: 0;\n      }\n      .copy-btn {\n        grid-area: 1 / 1;\n        place-self: start end;\n        margin: 8px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 0;\n        border-style: solid;\n        cursor: pointer;\n        opacity: 0;\n        transition: opacity 150ms ease, background 150ms ease;\n      }\n      .wrapper:hover .copy-btn,\n      .copy-btn:focus-visible {\n        opacity: 1;\n      }\n      .copy-btn descope-icon {\n        width: 16px;\n        height: 16px;\n        pointer-events: none;\n        flex-shrink: 0;\n      }\n      .copy-btn .check-icon {\n        display: none;\n      }\n      .copy-btn.copied .check-icon {\n        display: block;\n      }\n      .copy-btn.copied descope-icon:not(.check-icon) {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.lang=this.getAttribute("lang"),this.isInline="true"===this.getAttribute("inline"),"true"===this.getAttribute("copy-button")&&this.#Fe(),$e(this,this.#$e.bind(this))}get contentNode(){return this.shadowRoot.querySelector("code")}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("inline"===e&&(this.isInline=o),"lang"===e&&(this.lang=o),"copy-button"===e&&("true"===o?this.#Fe():this.#_e()),this.#$e())}#Fe(){if(this.shadowRoot.querySelector(".copy-btn"))return;const e=document.createElement("button");e.className="copy-btn",e.type="button",e.setAttribute("aria-label","Copy code");const t=document.createElement("descope-icon");t.setAttribute("src","data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxyZWN0IHg9IjkiIHk9IjkiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgcng9IjIiIHJ5PSIyIj48L3JlY3Q+CiAgPHBhdGggZD0iTTUgMTVINGEyIDIgMCAwIDEtMi0yVjRhMiAyIDAgMCAxIDItMmg5YTIgMiAwIDAgMSAyIDJ2MSI+PC9wYXRoPgo8L3N2Zz4K");const o=document.createElement("descope-icon");o.setAttribute("src","data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iY2hlY2staWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT4KPC9zdmc+Cg=="),o.classList.add("check-icon"),e.appendChild(t),e.appendChild(o),e.addEventListener("click",()=>this.#He()),this.shadowRoot.querySelector(".wrapper").appendChild(e)}#_e(){this.shadowRoot.querySelector(".copy-btn")?.remove()}#He(){const e=this.shadowRoot.querySelector(".copy-btn");navigator.clipboard.writeText(wl(this.textContent)).then(()=>{e.classList.add("copied"),setTimeout(()=>e.classList.remove("copied"),2e3)}).catch(()=>{})}#$e(){const e=wl(this.textContent),t=this.lang;if(!t)return void(this.contentNode.textContent=e);const{value:o}=g.A.highlight(e,{language:t});this.contentNode.innerHTML=(e=>this.isInline?e:`<pre>${e}</pre>`)(o)}};const Ml={selector:()=>".copy-btn"},{root:Al,docTag:El,keyword:Tl,metaKeyword:kl,templateTag:zl,templateVariable:Ll,type:Vl,variableLanguage:Nl,title:Dl,titleClass:Pl,titleClassInherited:Bl,titleFunction:Rl,attr:Ol,attribute:jl,literal:Wl,meta:Fl,number:$l,operator:_l,variable:Hl,selectorAttr:ql,selectorClass:Yl,selectorId:Ul,regexp:Gl,string:Zl,metaString:Ql,builtIn:Jl,symbol:Kl,comment:Xl,code:ed,formula:td,name:od,quote:id,selectorTag:rd,selectorPseudo:nd,subst:sd,section:ad,bullet:ld,emphasis:dd,strong:cd,addition:pd,deletion:ud,charEscape:hd,link:md,params:gd,property:bd,punctuation:yd,tag:vd}={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"}},fd=Re(Pt({mappings:{rootBgColor:{...Al,property:"background-color"},rootTextColor:{...Al,property:"color"},docTagTextColor:{...El,property:"color"},keywordTextColor:{...Tl,property:"color"},metaKeywordTextColor:{...kl,property:"color"},templateTagTextColor:{...zl,property:"color"},templateVariableTextColor:{...Ll,property:"color"},typeTextColor:{...Vl,property:"color"},variableLanguageTextColor:{...Nl,property:"color"},titleTextColor:{...Dl,property:"color"},titleClassTextColor:{...Pl,property:"color"},titleClassInheritedTextColor:{...Bl,property:"color"},titleFunctionTextColor:{...Rl,property:"color"},attrTextColor:{...Ol,property:"color"},attributeTextColor:{...jl,property:"color"},literalTextColor:{...Wl,property:"color"},metaTextColor:{...Fl,property:"color"},numberTextColor:{...$l,property:"color"},operatorTextColor:{..._l,property:"color"},variableTextColor:{...Hl,property:"color"},selectorAttrTextColor:{...ql,property:"color"},selectorClassTextColor:{...Yl,property:"color"},selectorIdTextColor:{...Ul,property:"color"},regexpTextColor:{...Gl,property:"color"},stringTextColor:{...Zl,property:"color"},metaStringTextColor:{...Ql,property:"color"},builtInTextColor:{...Jl,property:"color"},symbolTextColor:{...Kl,property:"color"},commentTextColor:{...Xl,property:"color"},codeTextColor:{...ed,property:"color"},formulaTextColor:{...td,property:"color"},nameTextColor:{...od,property:"color"},quoteTextColor:{...id,property:"color"},selectorTagTextColor:{...rd,property:"color"},selectorPseudoTextColor:{...nd,property:"color"},substTextColor:{...sd,property:"color"},sectionTextColor:{...ad,property:"color"},bulletTextColor:{...ld,property:"color"},emphasisTextColor:{...dd,property:"color"},strongTextColor:{...cd,property:"color"},additionTextColor:{...pd,property:"color"},additionBgColor:{...pd,property:"background-color"},deletionTextColor:{...ud,property:"color"},deletionBgColor:{...ud,property:"background-color"},charEscapeTextColor:{...hd,property:"color"},linkTextColor:{...md,property:"color"},paramsTextColor:{...gd,property:"color"},propertyTextColor:{...bd,property:"color"},punctuationTextColor:{...yd,property:"color"},tagTextColor:{...vd,property:"color"},copyButtonSize:[{...Ml,property:"width"},{...Ml,property:"height"}],copyButtonBorderRadius:{...Ml,property:"border-radius"},copyButtonBorderWidth:{...Ml,property:"border-width"},copyButtonBorderColor:{...Ml,property:"border-color"},copyButtonBgColor:{...Ml,property:"background-color"},copyButtonHoverBgColor:{selector:()=>".copy-btn:hover",property:"background-color"},copyButtonColor:{...Ml,property:"color"}}}),Bt,Rt)(Sl);customElements.define(Il,fd);const xd=e=>{const t=Array.isArray(e);return t||console.error("data must be an array, received:",e),t},Cd=e=>{const t=document.createElement("div");return t.textContent=e,t.innerHTML},wd=e=>(e=>e?.constructor===Object)(e)?"object":Array.isArray(e)?"array":/^\s*<[\s\S]*>/.test(e)?"xml":"text",Id=(e,t)=>`<descope-code-snippet copy-button="true" lang="${t}" class="row-details__value code">${Cd(e)}</descope-code-snippet>`,Sd=e=>`<div class="row-details__value text" title="${e}">${Cd(e)}</div>`,Md=e=>Id(JSON.stringify(e,null,2),"json"),Ad=e=>{const t=wd(e);return"object"===t?Md(e):"xml"===t?(e=>Id(e,"xml"))(e):"array"===t?e.some(e=>"object"===wd(e))?Md(e):Sd(e.join(",\n")):Sd(e)},Ed=qe("grid"),{host:Td,headerRow:kd,headerRowCell:zd,contentRow:Ld,firstRow:Vd,sortIndicators:Nd,activeSortIndicator:Dd,selectedRow:Pd,rowSeparator:Bd,resizeHandle:Rd,toggleDetailsPanelButton:Od,toggleDetailsPanelButtonOpened:jd,toggleDetailsPanelButtonClosed:Wd,detailsPanel:Fd,detailsPanelLabels:$d,selectedRowCell:_d,detailsPanelContent:Hd}={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"}},qd=Re(Pt({componentNameOverride:qe("input-wrapper")}),Pt({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostHeight:{selector:()=>":host",property:"height"},hostMinHeight:{selector:()=>":host",property:"min-height"},fontFamily:[{...kd},{...Ld}],fontSize:[{...kd},{...Ld}],fontWeight:{...Ld},valueTextColor:{...Ld,property:"color"},backgroundColor:[{...Td,property:"background-color"},{...Ld,property:"background-color"}],sortIndicatorsColor:{...Nd,property:"color"},activeSortIndicator:{...Dd,property:"color"},borderColor:{...Td,property:"border-color"},borderWidth:{...Td,property:"border-width"},borderStyle:{...Td,property:"border-style"},borderRadius:{...Td,property:"border-radius"},selectedBackgroundColor:[{...Pd,property:"background-color"},{..._d,property:"background-color"}],headerRowTextColor:{...zd,property:"color"},separatorColor:[{...Vd,property:"border-bottom-color"},{...Bd,property:"border-top-color"}],resizeHandleColor:{...Rd,property:"background-color"},hostDirection:{...Td,property:"direction",fallback:"ltr"},toggleDetailsPanelButtonSize:[{...Od,property:"width"},{...Od,property:"height"}],toggleDetailsPanelButtonOpenedColor:{...jd,property:"color"},toggleDetailsPanelButtonClosedColor:{...Wd,property:"color"},toggleDetailsPanelButtonCursor:{...Od,property:"cursor"},detailsPanelBackgroundColor:{...Fd,property:"background-color"},detailsPanelBorderTopColor:{...Fd,property:"border-top-color"},detailsPanelLabelsColor:{...$d,property:"color"},detailsPanelLabelsFontSize:{...$d,property:"font-size"},detailsPanelItemsGap:{...Hd,property:"grid-gap"},detailsPanelPadding:{...Hd,property:"padding"}}}),Bt,Rt,e=>class extends e{#qe;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.#Ye.bind(this),this.baseElement.addEventListener("wheel",e=>{e.target.closest("descope-code-snippet")&&e.stopPropagation()},!0)}#Ye=async(e,t,o)=>{e.addEventListener("mousedown",e=>e.stopImmediatePropagation(),!0);const i=this.getRowDetailsTemplate(o.item);e.innerHTML="",e.append(i.content.cloneNode(!0))};getRowDetailsTemplate(e){const t=this.#qe.reduce((e,{path:t,header:o})=>t&&o?{...e,[t]:o}:e,{}),o=this.rowDetailsRenderer?.(e,t)??((e,t)=>`\n  <div class="row-details">\n  ${Object.entries(e).map(([e,o])=>{const i=t[e]||e.replace(/([A-Z])/g," $1").trim().split(" ").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" ");return(e=>{const t=wd(e);return"object"===t||"xml"===t||"array"===t&&e.some(e=>"object"===wd(e))})(o)?`<details class="row-details__item">\n          <summary class="row-details__label">${i}</summary>\n          ${Ad(o)}\n        </details>`:`<div class="row-details__item">\n          <div class="row-details__label">${i}</div>\n          ${Ad(o)}\n        </div>`}).join("\n")}\n</div>\n  `)(e,t);switch(!0){case o instanceof HTMLTemplateElement:return o;case"string"==typeof o:return Object.assign(document.createElement("template"),{innerHTML:o});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,o){super.attributeChangedCallback?.(e,t,o),"columns"===e&&this.setColumnsDataFromAttr()}handleColumns(){this.columnsAttr?this.setColumnsDataFromAttr():this.children.length&&this.setColumnsFromChildren()}setColumnsFromChildren(){this.#qe=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,o)=>{const i=e.getAttribute(o);return i&&(t[o]=i),t},{})}))}get columnsAttr(){return this.getAttribute("columns")}setColumnsDataFromAttr(){try{const e=JSON.parse(this.columnsAttr);xd(e)&&(this.columns=e)}catch(e){console.error('could not parse data string from attribute "columns" -',e.message)}}#Ue=({path:e,header:t,type:o,attrs:i})=>{const r=`descope-grid-${o}-column`;return`<${r} header="${t}" path="${e}" ${Object.entries(i).map(([e,t])=>`${e}="${t}"`).join(" ")}></${r}>`};get renderColumn(){return this.#Ue}set renderColumn(e){this.#Ue=e,this.renderColumns()}getColumnsTemplate(){return this.#qe?.reduce?.((e,t)=>e+(this.renderColumn?.(t||{})||""),"")}reassignRowDetailsRenderer(){this.baseElement.rowDetailsRenderer=null,setTimeout(()=>{this.baseElement.rowDetailsRenderer=this.#Ye.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(xd(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.#qe}set columns(e){this.#qe=e,this.renderColumns()}get paths(){return this.columns.map(e=>e.path)}get uniqueColumnId(){return this.getAttribute("unique-column-id")}})(Ht({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(${qd.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 details.row-details__item {\n        padding: 0;\n      }\n      vaadin-grid details.row-details__item > summary.row-details__label {\n        cursor: pointer;\n        list-style: revert;\n        display: revert;\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        overflow-x: auto;\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:Ed}));customElements.define(Ed,qd);const Yd=qe("multi-select-combo-box"),{host:Ud,inputField:Gd,inputElement:Zd,placeholder:Qd,toggle:Jd,clearButton:Kd,label:Xd,requiredIndicator:ec,helperText:tc,errorMessage:oc,chip:ic,chipLabel:rc,overflowChipFirstBorder:nc,overflowChipSecondBorder:sc}={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"}},ac=Re(Pt({mappings:{hostWidth:{...Ud,property:"width"},hostDirection:{...Ud,property:"direction"},fontSize:[{},Ud],chipFontSize:{...rc,property:"font-size"},fontFamily:[Xd,Qd,Gd,tc,oc,rc],labelFontSize:{...Xd,property:"font-size"},labelFontWeight:{...Xd,property:"font-weight"},labelTextColor:[{...Xd,property:"color"},{...ec,property:"color"}],errorMessageTextColor:{...oc,property:"color"},errorMessageIcon:{...oc,property:"background-image"},errorMessageIconSize:{...oc,property:"background-size"},errorMessageIconPadding:{...oc,property:"padding-inline-start"},errorMessageIconRepeat:{...oc,property:"background-repeat"},errorMessageIconPosition:{...oc,property:"background-position"},errorMessageFontSize:{...oc,property:"font-size"},inputHeight:{...Gd,property:"min-height"},inputBackgroundColor:{...Gd,property:"background-color"},inputBorderColor:{...Gd,property:"border-color"},inputBorderWidth:{...Gd,property:"border-width"},inputBorderStyle:{...Gd,property:"border-style"},inputBorderRadius:{...Gd,property:"border-radius"},labelRequiredIndicator:{...ec,property:"content"},inputValueTextColor:{...Gd,property:"color"},inputPlaceholderTextColor:{...Qd,property:"color"},inputDropdownButtonCursor:[{...Jd,property:"cursor"},{...Kd,property:"cursor"}],inputDropdownButtonColor:[{...Jd,property:"color"},{...Kd,property:"color"}],inputDropdownButtonSize:[{...Jd,property:"font-size"},{...Kd,property:"font-size"}],inputDropdownButtonOffset:[{...Jd,property:"margin-right"},{...Jd,property:"margin-left"}],inputOutlineColor:{...Gd,property:"outline-color"},inputOutlineWidth:{...Gd,property:"outline-width"},inputOutlineStyle:{...Gd,property:"outline-style"},inputOutlineOffset:{...Gd,property:"outline-offset"},inputHorizontalPadding:[{...Zd,property:"padding-left"},{...Zd,property:"padding-right"},{...Gd,property:"padding-inline-start"}],inputVerticalPadding:[{...Gd,property:"padding-top"},{...Gd,property:"padding-bottom"}],chipTextColor:{...rc,property:"color"},chipBackgroundColor:[{...ic,property:"background-color"},{...nc,property:"border-color"},{...sc,property:"border-color"}],labelPosition:{...Xd,property:"position"},labelTopPosition:{...Xd,property:"top"},labelLeftPosition:{...Xd,property:"left"},labelHorizontalPosition:[{...Xd,property:"left"},{...Xd,property:"right"}],inputTransformY:{...Xd,property:"transform"},inputTransition:{...Xd,property:"transition"},marginInlineStart:{...Xd,property:"margin-inline-start"},placeholderOpacity:{...Qd,property:"opacity"},inputVerticalAlignment:{...Gd,property:"align-items"},overlayBackground:{property:()=>ac.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>ac.cssVarList.overlay.textColor},overlayBorder:{property:()=>ac.cssVarList.overlay.border},overlayFontSize:{property:()=>ac.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>ac.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>ac.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>ac.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>ac.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>ac.cssVarList.overlay.itemPaddingInlineEnd}}}),Bt,Xt({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"]}}),Jt({proxyProps:["selectionStart"],inputEvent:"selected-items-changed"}),eo,Rt,e=>class extends e{static get observedAttributes(){return["readonly"]}#K=({displayName:e,value:t,label:o})=>{const i=document.createElement("span");return i.setAttribute("data-name",o),i.setAttribute("data-id",t),i.textContent=e||o,i.outerHTML};#R;#Ge=[];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.#R)return this.#R;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.#R=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(o){const i=t.customValueTransformFn(o)||"";i!==this.value&&e.set.call(this,i)}}})}#Ze(e){return Array.from(new Map(e.map(e=>[e.getAttribute("data-id"),e])).values())}#X(){const e=Array.from(this.children),t=this.#Ze(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,o)=>{e.innerHTML=o.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=()=>{}}#Qe(){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.#Qe(),this.renderItems(),Fe(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.#Je(),this.dispatchEvent(new CustomEvent("input",{bubbles:!0}))})}setDefaultValues(){this.defaultValues.length>0&&(this.value=this.defaultValues)}#Je(){this.#Ge=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 o=t?.map(e=>e.getAttribute("data-id"))||[],i=e.filter(e=>!o.includes(e));if(i.length){const t=i.reduce((e,t)=>e+this.#K({label:t,displayName:t,value:t}),"");return this.innerHTML+=t,void setTimeout(()=>{this.value=e},0)}}const o=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 o=e.slice().sort(),i=t.slice().sort();for(let e=0;e<o.length;e++)if(o[e]!==i[e])return!1;return!0})(this.#Ge,o)||(this.baseElement.selectedItems=t)}else this.baseElement.selectedItems=[]}get value(){return this.#Ge}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),"readonly"===e&&this.onReadOnlyChange(null!==o&&"true"===o)}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")}})(Ht({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(ac.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:Yd,includeForwardProps:["items","renderer","selectedItems"]}));customElements.define(Yd,ac);const lc=qe("modal"),dc=["opened"],cc=Re(Pt({mappings:{overlayBackdropColor:{property:()=>cc.cssVarList.overlay.backdropColor},overlayBackgroundColor:{property:()=>cc.cssVarList.overlay.backgroundColor},overlayShadow:{property:()=>cc.cssVarList.overlay.shadow},overlayWidth:{property:()=>cc.cssVarList.overlay.width},overlayBorderWidth:{property:()=>cc.cssVarList.overlay.borderWidth},overlayBorderStyle:{property:()=>cc.cssVarList.overlay.borderStyle},overlayBorderColor:{property:()=>cc.cssVarList.overlay.borderColor},overlayBorderRadius:{property:()=>cc.cssVarList.overlay.borderRadius}}}),Xt({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"]}}),Bt,Rt,e=>class extends e{static get observedAttributes(){return[].concat(e.observedAttributes||[],dc)}get opened(){return"true"===this.getAttribute("opened")}handleOpened(){this.opened?this.style.display="":this.style.display="none"}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),"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(),V("\n          :host {\n            display: flex!important;\n          }\n          ",this.baseElement)},e._detachOverlay=()=>{this.baseElement.style.display="none"},e._enterModalState=()=>{},e.close=()=>!1}})(Ht({slots:[""],wrappedEleName:"vaadin-dialog",style:()=>"\n      vaaadin-dialog {\n        display: flex!important;\n      }\n    ",excludeAttrsSync:["tabindex","opened","style"],componentName:lc}));customElements.define(lc,cc);const pc=window.customElements.get("vaadin-notification-container");if(!pc)throw new Error("could not get vaadin-notification-container class");customElements.define(qe("notification-container"),class extends pc{});const uc=qe("notification-card"),hc={content:()=>"vaadin-notification-card::part(content)",overlay:()=>"vaadin-notification-card::part(overlay)"},mc=Re(Pt({mappings:{hostMinWidth:{selector:hc.content,property:"min-width"},fontFamily:{},fontSize:{},backgroundColor:{selector:hc.content},textColor:{property:"color"},boxShadow:{},borderWidth:{selector:hc.content,property:"border-width"},borderColor:{selector:hc.content,property:"border-color"},borderStyle:{selector:hc.content,property:"border-style"},borderRadius:[{selector:hc.content,property:"border-radius"},{selector:hc.overlay,property:"border-radius"}],verticalPadding:[{selector:hc.content,property:"padding-top"},{selector:hc.content,property:"padding-bottom"}],horizontalPadding:[{selector:hc.content,property:"padding-right"},{selector:hc.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()}}})(Ht({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:uc}));customElements.define(uc,mc);const gc=qe("notification"),bc=Re(Bt,Rt,jt,e=>class t extends e{#Ke;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.#Ke}),this.baseElement._removeNotificationCard=this.close.bind(this)}close(){this.#Ke.close()}init(){super.init?.(),this.createCard(),Ue(this,this.#Ke),He(this.#Ke,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.#Ke=document.createElement("descope-notification-card"),this.#Ke.addEventListener("card-closed",this.removeNotification.bind(this))}})(Ht({wrappedEleName:"vaadin-notification",excludeAttrsSync:["tabindex","style"],componentName:gc}));customElements.define(gc,bc);const yc=qe("mappings-field-internal"),vc=ro({componentName:yc,baseSelector:"div"}),fc=qe("mappings-field"),{host:xc,helperText:Cc,errorMessage:wc,mappingItem:Ic,labels:Sc,labelsText:Mc,valueLabel:Ac,attrLabel:Ec,separator:Tc,labelsContainer:kc}={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"]'}},zc=Re(Pt({mappings:{hostWidth:{...xc,property:"width"},hostDirection:{...xc,property:"direction"},fontSize:[{},xc,{...Tc,property:"margin-top"}],fontFamily:[Cc,wc,Sc],separatorFontSize:{...Tc,property:"font-size"},labelsFontSize:{...Mc,property:"font-size"},labelsLineHeight:[{...Mc,property:"line-height"},{...Sc,property:"line-height"}],labelTextColor:[{...Sc,property:So.cssVarList.textColor},{...Tc,property:"color"}],itemMarginBottom:{...Ic,property:"margin-bottom"},valueLabelMinWidth:{...Ac,property:"min-width"},attrLabelMinWidth:{...Ec,property:"min-width"},labelsMarginBottom:{...kc,property:"margin-bottom"},separatorWidth:{},removeButtonWidth:{}}}),Bt,Jt({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),Rt,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      <${yc}\n        tabindex="-1"\n      ></${yc}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(yc),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()}})(Ht({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(${zc.cssVarList.separatorWidth}) 1fr var(${zc.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        ${So.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(${zc.cssVarList.separatorWidth}) 1fr var(${zc.cssVarList.removeButtonWidth});\n      }\n    `,excludeAttrsSync:["tabindex","label-value","label-attr","button-label","options","error-message","style"],componentName:fc}));customElements.define(yc,class extends vc{#Xe;static get observedAttributes(){return[].concat(vc.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.#Xe&&(this.resetInvalidIndication(),this.#Xe=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 o=e.length;o<t.length;o++)this.mappingsContainerEle.removeChild(t[o]);e.forEach((e,o)=>{const i=t[o];if(i)i.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"]})}#et(){this.labelsEle.style.display=this.items.length?"grid":"none"}init(){this.addEventListener("focus",e=>{e.isTrusted&&(this.#Xe||this.items[0]||this.querySelector("descope-button")).focus()}),super.init?.(),this.initLabels(),this.initAddButton(),this.addEventListener("input",()=>{this.mappingsContainerEle.contains(this.#Xe)&&this.#Xe?.checkValidity()&&(this.resetInvalidIndication(),this.#Xe.removeAttribute("invalid"),this.#Xe=void 0)}),$e(this.mappingsContainerEle,this.#et.bind(this))}resetInvalidIndication(){this.removeAttribute("invalid")}getValidity(){const e=this.items.find(e=>!e.checkValidity());return e?e.validity:{}}#tt(e){e&&(this.#Xe=this.items.find(e=>!e.checkValidity()),this.#Xe?.reportValidity(),this.#Xe?.setAttribute("invalid","true"))}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),"label-value"!==e&&"label-attr"!==e||this.initLabels(),"button-label"===e&&this.initAddButton(),"invalid"===e&&this.#tt("true"===o),"readonly"===e&&this.toggleAttribute("inert","true"===o)}});const Lc=qe("mapping-item"),Vc=["size","bordered","readonly","full-width","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],Nc=ro({componentName:Lc,baseSelector:"div"});customElements.define(Lc,class extends Nc{static get observedAttributes(){return[].concat(Nc.observedAttributes||[],Vc,["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,o]=Object.entries(e)[0];this.valueInput.value=o,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`,V("\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:Vc}),Ue(this,this.attributeInput,{includeAttrs:[...Vc,"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}#ot(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,o){super.attributeChangedCallback?.(e,t,o),"separator"===e&&this.handleSeparatorChange(),"invalid"===e&&this.#ot(o)}}),customElements.define(fc,zc);const Dc=k("badge");class Pc extends(ue({componentName:Dc,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t",V("\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        position: relative;\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      ",this)}}const Bc=I(ne({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostHeight:[{selector:()=>":host",property:"height"}],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:{},boxShadow:{},textIndent:{}}}),se,ae)(Pc),Rc=qe("user-attribute");class Oc extends($t({componentName:Rc,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',V(`\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(${So.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()}#it(e,t){const o=document.createElement("descope-icon");o.setAttribute("src",e),o.setAttribute("src-dark",e),o.setAttribute("slot",t),this.appendChild(o)}setDefaultChildren(){this.children.length||(this.#it("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMSAxNkMxIDE3LjEgMS45IDE4IDMgMThIMTFDMTIuMSAxOCAxMyAxNy4xIDEzIDE2VjRIMVYxNlpNMyA2SDExVjE2SDNWNlpNMTAuNSAxTDkuNSAwSDQuNUwzLjUgMUgwVjNIMTRWMUgxMC41WiIgZmlsbD0iY3VycmVudGNvbG9yIi8+Cjwvc3ZnPg==","delete-icon"),this.#it("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,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("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:jc,textFields:Wc,buttons:Fc,badge:$c,labelText:_c,contentWrapper:Hc}={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"}},qc=Re(Pt({mappings:{hostWidth:{...jc,property:"width"},hostMinWidth:{...jc,property:"min-width"},hostMaxWidth:{...jc,property:"max-width"},hostDirection:[{...jc,property:"direction"},{...Wc,property:So.cssVarList.hostDirection},{...Fc,property:Ei.cssVarList.hostDirection},{...$c,property:Bc.cssVarList.hostDirection}],labelMinWidth:{..._c,property:"min-width"},contentMinWidth:{...Hc,property:"min-width"},badgeMaxWidth:{...$c,property:"max-width"},itemsGap:[{property:"gap"},{...Hc,property:"gap"}]}}),Bt,Rt)(Oc);customElements.define(Dc,Bc),customElements.define(Rc,qc);const Yc=qe("user-auth-method");class Uc extends($t({componentName:Yc,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',V('\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 o=e.querySelector("span");t?(o||(o=document.createElement("span"),e.appendChild(o)),o.innerText=t):o&&e.removeChild(o)}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,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("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:Gc,textField:Zc,buttons:Qc,badge:Jc,textWrapper:Kc,methodIconSlot:Xc}={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)'}},ep=Re(Pt({mappings:{hostWidth:{...Gc,property:"width"},hostMinWidth:{...Gc,property:"min-width"},hostMaxWidth:{...Gc,property:"max-width"},hostDirection:[{...Gc,property:"direction"},{...Zc,property:So.cssVarList.hostDirection},{...Qc,property:Ei.cssVarList.hostDirection},{...Jc,property:Bc.cssVarList.hostDirection}],itemsGap:[{property:"gap"},{...Kc,property:"gap"}],iconSize:[{...Xc,property:"width"},{...Xc,property:"height"}],iconColor:[{selector:()=>"::slotted(*)",property:Ci.cssVarList.fill}]}}),Bt,Rt)(Uc);customElements.define(Yc,ep);const tp=qe("saml-group-mappings-internal"),op=ro({componentName:tp,baseSelector:""}),ip=qe("saml-group-mappings"),{host:rp,groupInput:np,errorMessage:sp}={host:{selector:()=>":host"},groupInput:{selector:"descope-text-field"},errorMessage:{selector:"::part(error-message)"}},ap=Re(Pt({mappings:{hostWidth:{...rp,property:"width"},hostDirection:{...rp,property:"direction"},groupNameInputMarginBottom:{...np,property:"margin-bottom"},errorMessageIcon:{...sp,property:"background-image"},errorMessageIconSize:{...sp,property:"background-size"},errorMessageIconPadding:{...sp,property:"padding-inline-start"},errorMessageIconRepeat:{...sp,property:"background-repeat"},errorMessageIconPosition:{...sp,property:"background-position"},errorMessageFontSize:{...sp,property:"font-size"}}}),Bt,Jt({proxyProps:["value","selectionStart"],inputEvent:"input",triggerValidationEvents:["mapping-item-added","mapping-item-removed"],proxyParentValidation:!0}),Rt,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${tp}\n        tabindex="-1"\n      ></${tp}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(tp),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"]})}})(Ht({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:ip}));customElements.define(tp,class extends op{static get observedAttributes(){return["invalid"].concat(op.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"]}),Fe(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}#rt(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,o){super.attributeChangedCallback?.(e,t,o),"invalid"===e&&this.#rt("true"===o)}}),customElements.define(ip,ap);const lp=qe("radio-button"),dp=Re(Pt({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"}}}),Jt({proxyProps:["setSelectionRange"]}),Rt,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")}})(Ht({slots:[""],wrappedEleName:"vaadin-radio-button",excludeAttrsSync:["tabindex","data","style"],includeForwardProps:["checked","name","disabled"],componentName:lp})),cp=qe("radio-group"),pp=Re(Pt({mappings:{...Wr,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(${dp.componentName})`,property:dp.cssVarList.labelTextColor}}}),Bt,Jt({proxyProps:["setSelectionRange"]}),Rt,e=>class extends e{#K=({value:e,label:t})=>`<descope-radio-button value="${e}">${t}</descope-radio-button>`;#R;constructor(){super(),Object.defineProperty(this.baseElement,"children",{get:()=>this.querySelectorAll(lp)}),this.baseElement.__filterRadioButtons=e=>e.filter(e=>e.localName===lp),this.baseElement.setCustomValidity=()=>{}}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}get size(){return this.getAttribute("size")}get data(){if(this.#R)return this.#R;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.#R=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(),Fe(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)})}),Fe(this,()=>{this.items.forEach(e=>{e.setAttribute("size",this.size)})},{includeAttrs:["size"]})}})(Ht({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:cp,includeForwardProps:["value"]}));customElements.define(cp,pp),customElements.define(lp,dp);const up=()=>!0,hp=e=>`<pre>${JSON.stringify(e,null,4)}</pre>`,mp=qe("scopes-list"),gp=["checkbox","switch"];class bp extends($t({componentName:mp,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",V("\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"}#nt(){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.#nt().filter(e=>e.checked).map(e=>e.getAttribute("data-id"))}set value(e=[]){this.#nt().forEach(t=>{t.checked=e.includes(t.getAttribute("data-id"))})}get variant(){const e=this.getAttribute("variant");return gp.includes(e)?e:gp[0]}}const yp=Re(Pt({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>xo.componentName,property:xo.cssVarList.hostDirection},{selector:()=>_o.componentName,property:_o.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},requiredInputBorderColor:[{selector:`${xo.componentName}[required="true"]`,property:xo.cssVarList.inputBorderColor},{selector:`${_o.componentName}[required="true"]`,property:_o.cssVarList.inputBorderColor}],requiredInputValueTextColor:[{selector:`${xo.componentName}[required="true"]`,property:xo.cssVarList.inputValueTextColor},{selector:`${_o.componentName}[required="true"]`,property:_o.cssVarList.knobColor}]}}),(({itemRenderer:e=hp,validateSchema:t=up,slotName:o,rerenderAttrsList:i=[]})=>r=>class extends r{#R=[];#j(e){if(!t)return!0;const o=t(e);return!0===o||(console.error("Data schema validation failed",o||""),!1)}#W(){const e=o?`*[slot="${o}"]`:":not([slot])";this.baseElement.querySelectorAll(e).forEach(e=>e.remove())}#F(){this.#W(),this.data.forEach((t,o)=>{const i="string"==typeof(r=e(t,o,this))?(e=>{const t=document.createElement("template");return t.innerHTML=e,t})(r).content:r instanceof HTMLTemplateElement?r.content:(console.error("Invalid template",r),null);var r;this.baseElement.appendChild(i?.cloneNode(!0))})}set data(e){this.#j(e)&&(this.#R=e,this.#F())}get data(){return this.#R}init(){super.init?.(),Fe(this,e=>{e.includes("data")?this.#$():this.#F()},{includeAttrs:[...i,"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:o=!1},i,r)=>{const n="checkbox"===r.variant?xo:_o;return`\n    <${n.componentName}\n      bordered="true"\n      size=${r.size}\n      label="${t}"\n      data-id="${e}"\n      readonly="${o||r.isReadOnly}"\n      required="${o}"\n      checked="true"\n    ></${n.componentName}>\n`},rerenderAttrsList:["size","variant"]}),Bt,Rt)(bp),vp=k("list-item"),fp=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    ",V("\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:vp,baseSelector:"slot"}));customElements.define(vp,fp);const xp=k("list");class Cp extends(ue({componentName:xp,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',V('\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()}#st(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#at(){this.items.forEach(e=>{let t=e;t.localName!==fp.componentName&&(t=e.querySelector(fp.componentName));const o="tiles"===this.variant?"tile":"row";t?.setAttribute("variant",o)})}init(){super.init?.(),A(this,()=>{this.#st(),this.#at(),this.#lt()})}get isReadOnly(){return"true"===this.getAttribute("readonly")}#lt(){this.items.forEach(e=>{this.isReadOnly?e.setAttribute("inert",""):e.removeAttribute("inert")})}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),o!==t&&("variant"===e?this.#at():"readonly"===e&&this.#lt())}}const wp=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)(Cp);customElements.define(xp,wp),customElements.define(mp,yp);const Ip=qe("third-party-app-logo");class Sp extends($t({componentName:Ip,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',V('\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 Mp=">.company-logo-wrapper",Ap=">.third-party-app-logo-wrapper",Ep=Re(Pt({mappings:{logoMaxHeight:[{selector:Mp,property:"height"},{selector:Ap,property:"height"}],logoMaxWidth:[{selector:Mp,property:"max-width"},{selector:Ap,property:"max-width"}],thirdPartyAppLogo:{selector:()=>".third-party-app-logo",property:"content",fallback:{}},companyLogoFallback:{selector:yn.componentName,property:yn.cssVarList.fallbackUrl},gap:{},arrowsColor:{selector:Ci.componentName,property:Ci.cssVarList.fill}}}),Bt,Rt)(Sp);customElements.define(Ip,Ep);const Tp=qe("security-questions-setup"),kp=["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"],zp=["count","questions"];class Lp extends($t({componentName:Tp,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",V("\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}#dt(){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.#ct(kp)}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(Tp,"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 o=this.comboBoxes[t],i=this.getAttachedTextField(o);o.value=e.id,i.value=e.answer})}#pt(e,t,o){null===o?e.removeAttribute(t):e.setAttribute(t,o)}#ct(e){const t={question:this.comboBoxes,answer:this.textFields};e.forEach(e=>{const[o,...i]=e.split("-"),r=t[o]||this.inputs,n=t[o]?i.join("-"):e;r.forEach(t=>{this.#pt(t,n,this.getAttribute(e))})})}init(){super.init?.(),Fe(this,()=>{this.#dt()},{includeAttrs:zp}),Fe(this,this.#ct.bind(this),{includeAttrs:kp})}}const Vp=Re(Pt({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>mi.componentName,property:mi.cssVarList.hostDirection},{selector:()=>_r.componentName,property:_r.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"}}}),Bt,Rt)(Lp);customElements.define(Tp,Vp);const Np=qe("security-questions-verify"),Dp=["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"],Pp=["question-mode"],Bp={"answer-placeholder":"placeholder","answer-data-errormessage-value-missing":"data-errormessage-value-missing","question-mode":"mode"},Rp=[...Dp,...Pp],Op=["questions"];class jp extends($t({componentName:Np,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",V("\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n        ",this)}#dt(){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.#ct(Rp),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(Np,"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 o=this.textFields.find(t=>t.getAttribute("data-id")===e);o&&(o.value=t)})}#pt(e,t,o){null===o?e.removeAttribute(t):e.setAttribute(t,o)}#ut(e){switch(!0){case Dp.includes(e):return this.textFields;case Pp.includes(e):return this.texts;default:return[]}}#ct(e){e.forEach(e=>{this.#ut(e).forEach(t=>{this.#pt(t,Bp[e]||e,this.getAttribute(e))})})}init(){super.init?.(),Fe(this,()=>{this.#dt()},{includeAttrs:Op}),Fe(this,this.#ct.bind(this),{includeAttrs:Rp})}}const Wp=Re(Pt({componentNameOverride:qe("input-wrapper")}),Pt({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>So.componentName,property:So.cssVarList.hostDirection},{selector:()=>_r.componentName,property:_r.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},questionTextAlign:{selector:()=>So.componentName,property:So.cssVarList.textAlign},questionFontSize:{selector:()=>So.componentName,property:So.cssVarList.fontSize},questionFontFamily:{selector:()=>So.componentName,property:So.cssVarList.fontFamily},questionCursor:{selector:()=>So.componentName,property:"cursor"},errorMessageIcon:{selector:()=>So.componentName,property:So.cssVarList.errorMessageIcon},errorMessageIconSize:{selector:()=>So.componentName,property:So.cssVarList.errorMessageSize},errorMessageIconPadding:{selector:()=>So.componentName,property:So.cssVarList.errorMessagePadding},errorMessageIconRepeat:{selector:()=>So.componentName,property:So.cssVarList.errorMessageRepeat},errorMessageIconPosition:{selector:()=>So.componentName,property:So.cssVarList.errorMessagePosition},errorMessageFontSize:{selector:()=>So.componentName,property:So.cssVarList.errorMessageFontSize}}}),Bt,Rt)(jp);customElements.define(Np,Wp);const Fp=/[^\d\s+\-()]/,$p=qe("hybrid-field"),_p={shared:["label","bordered","full-width","label-type","size","disabled","readonly","required","st-host-direction","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],email:["placeholder","data-errormessage-value-missing-email","data-errormessage-pattern-mismatch-email","external-input"],phone:{countryCode:["phone-input-label","country-input-label","country-input-placeholder","restrict-countries","default-code","phone-minlength","phone-format-value","phone-strict-validation","phone-input-type","data-errormessage-value-missing-phone"],inputBox:["restrict-countries","default-code","phone-minlength","phone-format-value","phone-strict-validation","phone-input-type","data-errormessage-value-missing-phone"]}},Hp={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"}},qp="descope-phone-field",Yp=$t({componentName:$p,baseSelector:"div"}),Up=Re(Pt({componentNameOverride:qe("input-wrapper")}),Pt({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:()=>Rs.componentName,property:Rs.cssVarList.errorMessageIcon},{selector:()=>ea.componentName,property:ea.cssVarList.errorMessageIcon}],errorMessageIconSize:[{selector:()=>Rs.componentName,property:Rs.cssVarList.errorMessageIconSize},{selector:()=>ea.componentName,property:ea.cssVarList.errorMessageIconSize}],errorMessageIconPadding:[{selector:()=>Rs.componentName,property:Rs.cssVarList.errorMessageIconPadding},{selector:()=>ea.componentName,property:ea.cssVarList.errorMessageIconPadding}],errorMessageIconRepeat:[{selector:()=>Rs.componentName,property:Rs.cssVarList.errorMessageIconRepeat},{selector:()=>ea.componentName,property:ea.cssVarList.errorMessageIconRepeat}],errorMessageIconPosition:[{selector:()=>Rs.componentName,property:Rs.cssVarList.errorMessageIconPosition},{selector:()=>ea.componentName,property:ea.cssVarList.errorMessageIconPosition}],errorMessageFontSize:[{selector:()=>Rs.componentName,property:Rs.cssVarList.errorMessageFontSize},{selector:()=>ea.componentName,property:ea.cssVarList.errorMessageFontSize}]}}),Bt,Rt)(class extends Yp{#ht=!1;#mt;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <div class="wrapper">\n      <descope-email-field external-input="${this.isExternalInput}"></descope-email-field>\n      <descope-phone-field allow-alphanumeric-input="true" phone-input-type="text"></descope-phone-field>\n      <descope-phone-input-box-field allow-alphanumeric-input="true" phone-input-type="text"></descope-phone-input-box-field>\n    </div>\n\t\t`,V("\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(qp),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,o)=>("type"!==t||"email"!==o||!this.emailInput.hasAttribute("focused"))&&e(t,o)}updateAttrs(){Ue(this,this.emailInput,{includeAttrs:_p.email,mapAttrs:Hp.email}),Ue(this,this.phoneCountryCodeInput,{includeAttrs:_p.phone.countryCode,mapAttrs:Hp.phone}),Ue(this,this.phoneInputBoxInput,{includeAttrs:_p.phone.inputBox,mapAttrs:Hp.phone}),this.inputs.forEach(e=>Ue(this,e,{includeAttrs:_p.shared})),setTimeout(()=>this.phoneCountryCodeInput.setAttribute("default-code",this.defaultCode))}onValueChange(){this.#mt=this.activeInputEle.selectionStart,this.handleActiveInput(this.activeInputEle.value||this.activeInput.value)}handleActiveInput(e){const t=(e=>!!e&&!Fp.test(e))(e)?this.phoneVariant:this.emailInput;this.activeInput!==t&&this.setActiveInput(t)}setActiveInput(e){const t=this.activeInputEle.value||this.activeInput.value;this.activeInput=e,this.setActiveInputValue(t),this.#ht&&this.activeInput.reportValidity(),this.setActiveInputSelectionStart(),this.toggleInputVisibility()}setActiveInputSelectionStart(){setTimeout(()=>{this.activeInputEle.focus(),this.activeInputEle.setSelectionRange?.(this.#mt,this.#mt)})}#gt(){const e=this.getAttribute("default-code"),t=e&&Rs.CountryCodes.find(t=>t.code===e);return t?.dialCode||Rs.CountryCodes[0]?.dialCode||""}setActiveInputValue(e){const t=(e=>e.replace(/\+\d+-/,""))(e);if(this.activeInput.localName===qp){const e=this.phoneCountryCodeInput.countryCodeItems||this.#gt();this.activeInput.value=`${e}-${t}`}else this.activeInput.value=t}toggleInputVisibility(){this.inputs.forEach(e=>{e!==this.activeInput?e.classList.add("hidden"):e.classList.remove("hidden")})}reportValidity(){this.#ht=!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($p,Up);const Gp=qe("alert");class Zp extends($t({componentName:Gp,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    ',V('\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:Qp}={icon:{selector:()=>".icon"}},Jp=Re(Pt({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},textColor:{selector:De.componentName,property:De.cssVarList.textColor},backgroundColor:{},borderColor:{},borderWidth:{},borderStyle:{},borderRadius:{},fontSize:[{},{selector:De.componentName,property:De.cssVarList.fontSize}],gap:{},horizontalPadding:[{property:"padding-top"},{property:"padding-bottom"}],verticalPadding:[{property:"padding-right"},{property:"padding-left"}],alignItems:{},justifyContent:[{},{selector:De.componentName,property:De.cssVarList.textAlign}],icon:[{...Qp,property:"content"},{...Qp,property:"display",fallback:"none"}],iconSize:[{...Qp,property:"width"},{...Qp,property:"height"}]}}),Pt({componentNameOverride:qe("enriched-text")}),Pt({componentNameOverride:qe("text")}),Bt,Rt)(Zp);customElements.define(Gp,Jp);const Kp=qe("hcaptcha"),Xp=["enabled","site-key"],eu=ro({componentName:Kp,baseSelector:":host > div"}),tu=Re(Pt({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"}]}}),Bt,Rt)(class extends eu{static get observedAttributes(){return Xp.concat(eu.observedAttributes||[])}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),t!==o&&"enabled"===e&&this.toggleCaptchaEles("true"===o)}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',V("\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(Kp,tu);const ou=(pu={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(pu).reduce((e,t)=>{const o=pu[t];return Object.assign(e,{[t]:st(o)})},{})),iu={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"}},ru=ft({fonts:iu}).fonts,nu={colors:ou,typography:{h1:{font:ru.font1.family,weight:"900",size:"48px"},h2:{font:ru.font1.family,weight:"800",size:"38px"},h3:{font:ru.font1.family,weight:"600",size:"28px"},subtitle1:{font:ru.font2.family,weight:"500",size:"22px"},subtitle2:{font:ru.font2.family,weight:"400",size:"20px"},body1:{font:ru.font1.family,weight:"400",size:"16px"},body2:{font:ru.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:iu,direction:"ltr"},su=(e=>yt(e,[],e=>bt({},e,gt(e))))(nu),au=(e=>Object.keys(e).reduce((t,o)=>{const i=e[o];return Object.assign(t,{[o]:Y(i)})},{}))({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"}}),lu={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"}},du=Q({fonts:lu}).fonts,cu={colors:au,typography:{h1:{font:du.font1.family,weight:"900",size:"48px"},h2:{font:du.font1.family,weight:"800",size:"38px"},h3:{font:du.font1.family,weight:"600",size:"28px"},subtitle1:{font:du.font2.family,weight:"500",size:"22px"},subtitle2:{font:du.font2.family,weight:"400",size:"20px"},body1:{font:du.font1.family,weight:"400",size:"16px"},body2:{font:du.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:lu,direction:"ltr"};var pu;(e=>{Z(e,[],e=>G({},e,U(e)))})(cu);const uu=Q(cu),hu=Ei.cssVarList,mu={primary:uu.colors.primary,secondary:uu.colors.secondary,success:uu.colors.success,error:uu.colors.error,surface:uu.colors.surface},[gu,bu,yu]=K({mode:mu},wi),vu={...gu,[hu.fontFamily]:uu.fonts.font1.family,[hu.cursor]:"pointer",[hu.hostHeight]:"3em",[hu.hostWidth]:"auto",[hu.hostDirection]:uu.direction,[hu.borderRadius]:uu.radius.sm,[hu.borderWidth]:uu.border.xs,[hu.borderStyle]:"solid",[hu.borderColor]:"transparent",[hu.labelSpacing]:"0.25em",[hu.textAlign]:"center",textAlign:{right:{[hu.textAlign]:"right"},left:{[hu.textAlign]:"left"},center:{[hu.textAlign]:"center"}},[hu.verticalPadding]:"1em",[hu.horizontalPadding]:"0.875em",[hu.outlineWidth]:cu.border.sm,[hu.outlineOffset]:"0px",[hu.outlineStyle]:"solid",[hu.outlineColor]:"transparent",[hu.iconSize]:"1.5em",size:{xs:{[hu.fontSize]:"12px"},sm:{[hu.fontSize]:"14px"},md:{[hu.fontSize]:"16px"},lg:{[hu.fontSize]:"18px"}},_square:{[hu.hostHeight]:"3em",[hu.hostWidth]:"3em",[hu.verticalPadding]:"0"},_fullWidth:{[hu.hostWidth]:"100%"},_loading:{[hu.cursor]:"wait",[hu.labelTextColor]:bu.main},_disabled:{[yu.main]:uu.colors.surface.light,[yu.dark]:uu.colors.surface.dark,[yu.light]:uu.colors.surface.light,[yu.contrast]:uu.colors.surface.main,[hu.iconColor]:uu.colors.surface.main},variant:{contained:{[hu.labelTextColor]:bu.contrast,[hu.backgroundColor]:bu.main,_hover:{[hu.backgroundColor]:bu.dark,_loading:{[hu.backgroundColor]:bu.main}},_active:{[hu.backgroundColor]:bu.main}},outline:{[hu.labelTextColor]:bu.main,[hu.borderColor]:bu.main,_hover:{[hu.labelTextColor]:bu.dark,[hu.borderColor]:bu.dark},_active:{[hu.labelTextColor]:bu.main,[hu.borderColor]:bu.main}},link:{[hu.labelTextColor]:bu.main,[hu.horizontalPadding]:"0.125em",_hover:{[hu.labelTextColor]:bu.dark,[hu.labelTextDecoration]:"underline"},_active:{[hu.labelTextColor]:bu.main}}},_focused:{[hu.outlineColor]:bu.light}},fu={...hu,...yu};var xu=Object.freeze({__proto__:null,default:vu,vars:fu});const Cu=Q(cu),wu=So.cssVarList,Iu={[wu.hostDirection]:Cu.direction,[wu.textLineHeight]:"1.35em",[wu.textAlign]:"start",[wu.textColor]:Cu.colors.surface.dark,variant:{h1:{[wu.fontSize]:Cu.typography.h1.size,[wu.fontWeight]:Cu.typography.h1.weight,[wu.fontFamily]:Cu.typography.h1.font},h2:{[wu.fontSize]:Cu.typography.h2.size,[wu.fontWeight]:Cu.typography.h2.weight,[wu.fontFamily]:Cu.typography.h2.font},h3:{[wu.fontSize]:Cu.typography.h3.size,[wu.fontWeight]:Cu.typography.h3.weight,[wu.fontFamily]:Cu.typography.h3.font},subtitle1:{[wu.fontSize]:Cu.typography.subtitle1.size,[wu.fontWeight]:Cu.typography.subtitle1.weight,[wu.fontFamily]:Cu.typography.subtitle1.font},subtitle2:{[wu.fontSize]:Cu.typography.subtitle2.size,[wu.fontWeight]:Cu.typography.subtitle2.weight,[wu.fontFamily]:Cu.typography.subtitle2.font},body1:{[wu.fontSize]:Cu.typography.body1.size,[wu.fontWeight]:Cu.typography.body1.weight,[wu.fontFamily]:Cu.typography.body1.font},body2:{[wu.fontSize]:Cu.typography.body2.size,[wu.fontWeight]:Cu.typography.body2.weight,[wu.fontFamily]:Cu.typography.body2.font}},mode:{primary:{[wu.textColor]:Cu.colors.surface.contrast},secondary:{[wu.textColor]:Cu.colors.surface.dark},error:{[wu.textColor]:Cu.colors.error.main},"error-dark":{[wu.textColor]:Cu.colors.error.dark},success:{[wu.textColor]:Cu.colors.success.main},"success-dark":{[wu.textColor]:Cu.colors.success.dark},warning:{[wu.textColor]:Cu.colors.warning.main},"warning-dark":{[wu.textColor]:Cu.colors.warning.dark}},textAlign:{right:{[wu.textAlign]:"right"},left:{[wu.textAlign]:"left"},center:{[wu.textAlign]:"center"}},_fullWidth:{[wu.hostWidth]:"100%"},_italic:{[wu.fontStyle]:"italic"},_uppercase:{[wu.textTransform]:"uppercase"},_lowercase:{[wu.textTransform]:"lowercase"}};var Su=Object.freeze({__proto__:null,default:Iu,vars:wu});const Mu=Q(cu),Au=No.cssVarList,Eu={[Au.hostDirection]:Mu.direction,[Au.cursor]:"pointer",[Au.textColor]:Mu.colors.primary.main,textAlign:{right:{[Au.textAlign]:"right"},left:{[Au.textAlign]:"left"},center:{[Au.textAlign]:"center"}},_fullWidth:{[Au.hostWidth]:"100%"},_hover:{[Au.textDecoration]:"underline"},mode:{secondary:{[Au.textColor]:Mu.colors.secondary.main}}};var Tu=Object.freeze({__proto__:null,default:Eu,vars:Au});const ku=Q(cu),zu=De.cssVarList,Lu={[zu.hostDirection]:ku.direction,[zu.hostWidth]:J(wu.hostWidth),[zu.textLineHeight]:J(wu.textLineHeight),[zu.textColor]:J(wu.textColor),[zu.textAlign]:J(wu.textAlign),[zu.fontSize]:J(wu.fontSize),[zu.fontWeight]:J(wu.fontWeight),[zu.fontFamily]:J(wu.fontFamily),[zu.linkColor]:J(Au.textColor),[zu.linkTextDecoration]:"none",[zu.linkHoverTextDecoration]:"underline",[zu.fontWeightBold]:"900",[zu.minWidth]:"0.25em",[zu.minHeight]:"1.35em",[zu.hostDisplay]:"inline-block",_empty:{_hideWhenEmpty:{[zu.hostDisplay]:"none"}}};var Vu=Object.freeze({__proto__:null,default:Lu,vars:zu});const Nu=k("input-wrapper"),Du=Q(cu),[Pu,Bu]=K({labelTextColor:Du.colors.surface.dark,labelFontSize:"14px",labelFontWeight:"500",valueTextColor:Du.colors.surface.contrast,placeholderTextColor:Du.colors.surface.dark,requiredIndicator:"'*'",helperTextColor:Du.colors.surface.dark,errorMessageTextColor:Du.colors.error.main,successMessageTextColor:Du.colors.success.main,borderWidth:Du.border.xs,borderRadius:Du.radius.xs,borderColor:"transparent",outlineWidth:Du.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:Du.colors.surface.main,fontFamily:Du.fonts.font1.family,direction:Du.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:Du.colors.surface.light,_invalid:{outlineColor:Du.colors.error.main}},_bordered:{outlineWidth:Du.border.xs,borderColor:Du.colors.surface.light,borderStyle:"solid",_invalid:{borderColor:Du.colors.error.main}},_disabled:{labelTextColor:Du.colors.surface.light,borderColor:Du.colors.surface.light,valueTextColor:Du.colors.surface.light,placeholderTextColor:Du.colors.surface.light,helperTextColor:Du.colors.surface.light,backgroundColor:Du.colors.surface.main}},Nu),Ru=Q(cu),Ou=mi.cssVarList,ju={[Ou.hostWidth]:Bu.width,[Ou.hostDirection]:Bu.direction,[Ou.fontSize]:Bu.fontSize,[Ou.fontFamily]:Bu.fontFamily,[Ou.labelFontSize]:Bu.labelFontSize,[Ou.labelFontWeight]:Bu.labelFontWeight,[Ou.labelTextColor]:Bu.labelTextColor,[Ou.errorMessageTextColor]:Bu.errorMessageTextColor,[Ou.inputBorderColor]:Bu.borderColor,[Ou.inputBorderWidth]:Bu.borderWidth,[Ou.inputBorderStyle]:Bu.borderStyle,[Ou.inputBorderRadius]:Bu.borderRadius,[Ou.inputOutlineColor]:Bu.outlineColor,[Ou.inputOutlineOffset]:Bu.outlineOffset,[Ou.inputOutlineWidth]:Bu.outlineWidth,[Ou.inputOutlineStyle]:Bu.outlineStyle,[Ou.labelRequiredIndicator]:Bu.requiredIndicator,[Ou.inputValueTextColor]:Bu.valueTextColor,[Ou.inputPlaceholderTextColor]:Bu.placeholderTextColor,[Ou.inputBackgroundColor]:Bu.backgroundColor,[Ou.inputHorizontalPadding]:Bu.horizontalPadding,[Ou.inputHeight]:Bu.inputHeight,[Ou.inputDropdownButtonColor]:Ru.colors.surface.dark,[Ou.inputDropdownButtonCursor]:"pointer",[Ou.inputDropdownButtonSize]:Bu.toggleButtonSize,[Ou.inputDropdownButtonOffset]:Ru.spacing.xs,[Ou.overlayItemPaddingInlineStart]:Ru.spacing.xs,[Ou.overlayItemPaddingInlineEnd]:Ru.spacing.lg,[Ou.labelPosition]:Bu.labelPosition,[Ou.labelTopPosition]:Bu.labelTopPosition,[Ou.labelHorizontalPosition]:Bu.labelHorizontalPosition,[Ou.inputTransformY]:Bu.inputTransformY,[Ou.inputTransition]:Bu.inputTransition,[Ou.marginInlineStart]:Bu.marginInlineStart,[Ou.placeholderOpacity]:Bu.placeholderOpacity,[Ou.inputVerticalAlignment]:Bu.inputVerticalAlignment,[Ou.valueInputHeight]:Bu.valueInputHeight,[Ou.valueInputMarginBottom]:Bu.valueInputMarginBottom,[Ou.errorMessageIcon]:Bu.errorMessageIcon,[Ou.errorMessageIconSize]:Bu.errorMessageIconSize,[Ou.errorMessageIconPadding]:Bu.errorMessageIconPadding,[Ou.errorMessageIconRepeat]:Bu.errorMessageIconRepeat,[Ou.errorMessageIconPosition]:Bu.errorMessageIconPosition,[Ou.errorMessageFontSize]:Bu.errorMessageFontSize,_readonly:{[Ou.inputDropdownButtonCursor]:"default"},[Ou.overlayFontSize]:Bu.fontSize,[Ou.overlayFontFamily]:Bu.fontFamily,[Ou.overlayCursor]:"pointer",[Ou.overlayItemBoxShadow]:"none",[Ou.overlayBackground]:Bu.backgroundColor,[Ou.overlayTextColor]:Bu.valueTextColor,[Ou.overlayCheckmarkDisplay]:"initial",[Ou.overlaySelectedItemBackground]:"initial",[Ou.overlaySelectedItemHoverBackground]:Ru.colors.primary.highlight,[Ou.overlaySelectedItemFocusBackground]:Ru.colors.primary.highlight,[Ou.overlayItemHoverBackground]:Ru.colors.primary.highlight,[Ou.overlayItemFocusBackground]:Ru.colors.primary.highlight,[Ou.overlay.minHeight]:"400px",[Ou.overlay.margin]:"0",[Ou.overlay.contentHeight]:"100%",[Ou.overlay.contentOpacity]:"1",[Ou.overlay.scrollerMinHeight]:"1px",_loading:{[Ou.overlay.loaderTop]:"50%",[Ou.overlay.loaderLeft]:"50%",[Ou.overlay.loaderRight]:"auto",[Ou.overlay.loaderMargin]:"-15px 0 0 -15px",[Ou.overlay.loaderWidth]:"30px",[Ou.overlay.loaderHeight]:"30px",[Ou.overlay.loaderBorder]:"2px solid transparent",[Ou.overlay.loaderBorderColor]:`${Ru.colors.primary.highlight} ${Ru.colors.primary.highlight} ${Ru.colors.primary.main} ${Ru.colors.primary.main}`,[Ou.overlay.loaderBorderRadius]:"50%",[Ou.overlay.contentHeight]:"100px",[Ou.overlay.scrollerMinHeight]:"100px",[Ou.overlay.contentOpacity]:"0"}};var Wu=Object.freeze({__proto__:null,comboBox:ju,default:ju,vars:Ou});const Fu=Q(cu),[$u,_u]=K({shadowColor:"#00000020"},Dc),{shadowColor:Hu}=_u,qu=Bc.cssVarList,Yu={...$u,[qu.hostWidth]:"fit-content",[qu.hostDirection]:Fu.direction,[qu.textAlign]:"center",[qu.fontFamily]:Fu.fonts.font1.family,[qu.fontWeight]:"400",[qu.verticalPadding]:"0.25em",[qu.horizontalPadding]:"0.5em",[qu.borderWidth]:Fu.border.xs,[qu.borderRadius]:Fu.radius.xs,[qu.borderColor]:"transparent",[qu.borderStyle]:"solid",_fullWidth:{[qu.hostWidth]:"100%"},size:{xs:{[qu.fontSize]:"12px"},sm:{[qu.fontSize]:"14px"},md:{[qu.fontSize]:"16px"},lg:{[qu.fontSize]:"18px"}},variant:{contained:{[qu.backgroundColor]:Fu.colors.surface.main}},$breakpoints:{indicator:"(max-width: 65px)"},_shrinkToIndicator:{"$breakpoints.indicator":{[qu.hostWidth]:"13px",[qu.hostHeight]:"13px",[qu.borderRadius]:"50%",[qu.fontSize]:"0",[qu.textIndent]:"-9999px"}},mode:{default:{[qu.textColor]:Fu.colors.surface.dark,_bordered:{[qu.borderColor]:Fu.colors.surface.light}},primary:{[qu.textColor]:Fu.colors.primary.main,_bordered:{[qu.borderColor]:Fu.colors.primary.light}},secondary:{[qu.textColor]:Fu.colors.secondary.main,_bordered:{[qu.borderColor]:Fu.colors.secondary.light}},error:{[qu.textColor]:Fu.colors.error.main,_bordered:{[qu.borderColor]:Fu.colors.error.light}},success:{[qu.textColor]:Fu.colors.success.main,_bordered:{[qu.borderColor]:Fu.colors.success.light}}},shadow:{sm:{[qu.boxShadow]:`${Fu.shadow.wide.sm} ${Hu}, ${Fu.shadow.narrow.sm} ${Hu}`},md:{[qu.boxShadow]:`${Fu.shadow.wide.md} ${Hu}, ${Fu.shadow.narrow.md} ${Hu}`},lg:{[qu.boxShadow]:`${Fu.shadow.wide.lg} ${Hu}, ${Fu.shadow.narrow.lg} ${Hu}`},xl:{[qu.boxShadow]:`${Fu.shadow.wide.xl} ${Hu}, ${Fu.shadow.narrow.xl} ${Hu}`}}};var Uu=Object.freeze({__proto__:null,default:Yu,vars:qu});const Gu=k("avatar");class Zu extends(ue({componentName:Gu,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',V("\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");M(this,()=>{e.style.display=this.isEditable?"":"none"},{includeAttrs:["editable"]})}get isEditable(){return"true"===this.getAttribute("editable")}}const{host:Qu,editableBadge:Ju,avatar:Ku}={host:{selector:()=>":host"},editableBadge:{selector:"> .editableBadge"},avatar:{selector:"vaadin-avatar"}},Xu=I(ne({mappings:{hostWidth:[{...Qu,property:"width"},{...Qu,property:"min-width"}],hostHeight:{...Qu,property:"height"},cursor:[Ku,Qu],hostDirection:{...Qu,property:"direction"},avatarTextColor:{...Ku,property:"color"},avatarBackgroundColor:{...Ku,property:"background-color"},editableIconColor:{...Ju,property:"color"},editableBorderColor:{...Ju,property:"border-color"},editableBackgroundColor:{...Ju,property:"background-color"}}}),se,ae)(Zu),eh=Q(cu),th=Xu.cssVarList,oh={[th.hostDirection]:eh.direction,[th.editableIconColor]:eh.colors.surface.dark,[th.editableBorderColor]:eh.colors.surface.dark,[th.editableBackgroundColor]:eh.colors.surface.main,[th.avatarTextColor]:eh.colors.surface.main,[th.avatarBackgroundColor]:eh.colors.surface.dark,_editable:{[th.cursor]:"pointer"},size:{xs:{[th.hostWidth]:"30px",[th.hostHeight]:"30px"},sm:{[th.hostWidth]:"40px",[th.hostHeight]:"40px"},md:{[th.hostWidth]:"60px",[th.hostHeight]:"60px"},lg:{[th.hostWidth]:"98px",[th.hostHeight]:"98px"},xl:{[th.hostWidth]:"120px",[th.hostHeight]:"120px"},"2xl":{[th.hostWidth]:"140px",[th.hostHeight]:"140px"}}},ih={...th};var rh=Object.freeze({__proto__:null,default:oh,vars:ih});const nh=Ci.cssVarList;var sh=Object.freeze({__proto__:null,default:{},vars:nh});const ah=fi.cssVarList;var lh=Object.freeze({__proto__:null,default:{},vars:ah});const dh=k("apps-list"),ch=I(ne({mappings:{maxHeight:{selector:()=>":host"},minHeight:{selector:()=>":host"},hostDirection:{selector:()=>":host",property:"direction"},gap:{selector:wp.componentName,property:wp.cssVarList.gap},maxRowItems:{selector:wp.componentName,property:wp.cssVarList.maxRowItems},itemsFontWeight:{selector:So.componentName,property:So.cssVarList.fontWeightOverride},itemsFontSize:{selector:So.componentName,property:So.cssVarList.fontSizeOverride},itemsTextAlign:{selector:So.componentName,property:So.cssVarList.textAlign},itemBackgroundColor:{selector:fp.componentName,property:fp.cssVarList.backgroundColor},itemHoverBackgroundColor:{selector:`${fp.componentName}:hover`,property:fp.cssVarList.backgroundColor},backgroundColor:{selector:wp.componentName,property:wp.cssVarList.backgroundColorOverride},itemBorderStyle:{selector:fp.componentName,property:fp.cssVarList.borderStyleOverride},itemBorderColor:{selector:fp.componentName,property:fp.cssVarList.borderColorOverride},itemBorderWidth:{selector:fp.componentName,property:fp.cssVarList.borderWidthOverride},itemVerticalPadding:{selector:fp.componentName,property:fp.cssVarList.verticalPaddingOverride},itemHorizontalPadding:{selector:fp.componentName,property:fp.cssVarList.horizontalPaddingOverride},itemAlignment:[{selector:()=>".avatar-wrapper",property:"text-align"},{selector:So.componentName,property:So.cssVarList.textAlign}]}}),ze({itemRenderer:({name:e,icon:t,url:o},i,r)=>`\n  <a ${o?`href="${o}" title="${o}"`:""} ${r.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="${r.logoSize||r.size}"\n      ></descope-avatar>\n    </div>\n    <descope-text\n      variant="${r.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:dh,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        ${So.cssVarList.hostDirection}: var(${ch.cssVarList.hostDirection});\n        max-width: 100%;\n        width: 100%;\n      }\n    `})),ph=ch.cssVarList,uh=Q(cu),hh="400px",mh={[ph.itemsTextAlign]:"start",[ph.hostDirection]:uh.direction,[ph.maxHeight]:hh,[ph.itemHoverBackgroundColor]:uh.colors.surface.highlight,_empty:{[ph.minHeight]:hh},size:{xs:{[ph.itemsFontSize]:"14px",[ph.itemsFontWeight]:"normal"},sm:{[ph.itemsFontSize]:"14px",[ph.itemsFontWeight]:"normal"},md:{[ph.itemsFontSize]:"16px",[ph.itemsFontWeight]:"normal"},lg:{[ph.itemsFontSize]:"20px",[ph.itemsFontWeight]:"normal"}},itemPadding:{xs:{[ph.itemVerticalPadding]:uh.spacing.xs,[ph.itemHorizontalPadding]:uh.spacing.xs},sm:{[ph.itemVerticalPadding]:uh.spacing.sm,[ph.itemHorizontalPadding]:uh.spacing.sm},md:{[ph.itemVerticalPadding]:uh.spacing.md,[ph.itemHorizontalPadding]:uh.spacing.md},lg:{[ph.itemVerticalPadding]:uh.spacing.lg,[ph.itemHorizontalPadding]:uh.spacing.lg},xl:{[ph.itemVerticalPadding]:uh.spacing.xl,[ph.itemHorizontalPadding]:uh.spacing.xl}}};var gh=Object.freeze({__proto__:null,default:mh,vars:ph});const bh=Q(cu),yh=wp.cssVarList,[vh,fh,xh]=K({shadowColor:"#00000020"},xp),{shadowColor:Ch}=fh,wh={...vh,[yh.hostWidth]:"100%",[yh.backgroundColor]:bh.colors.surface.main,[yh.fontFamily]:bh.fonts.font1.family,[yh.borderColor]:bh.colors.surface.light,[yh.borderStyle]:"solid",[yh.borderWidth]:bh.border.xs,[yh.borderRadius]:bh.radius.sm,[yh.gap]:bh.spacing.md,[yh.verticalPadding]:bh.spacing.lg,[yh.horizontalPadding]:bh.spacing.lg,[yh.boxShadow]:`${bh.shadow.wide.sm} ${Ch}, ${bh.shadow.narrow.sm} ${Ch}`,[yh.maxHeight]:"100%",[yh.hostDirection]:bh.direction,[yh.minItemsWidth]:"150px",[yh.maxRowItems]:"1000",_empty:{[yh.minHeight]:"150px",[yh.emptyStateTextColor]:bh.colors.surface.dark,[yh.emptyStateTextFontFamily]:bh.fonts.font1.family},variant:{tiles:{[yh.gridTemplateColumns]:`repeat(auto-fit, minmax(\n        max(\n            min(${J(yh.minItemsWidth)}, 100%),\n                calc((100% - (${J(yh.maxRowItems)} - 1) * ${J(yh.gap)}) / ${J(yh.maxRowItems)})),\n        1fr))`,[yh.maxItemsWidth]:"200px",[yh.itemsHorizontalAlign]:"center"}},gap:{xs:{[yh.gap]:bh.spacing.xs},sm:{[yh.gap]:bh.spacing.sm},md:{[yh.gap]:bh.spacing.md},lg:{[yh.gap]:bh.spacing.lg},xl:{[yh.gap]:bh.spacing.xl}}},Ih={...yh,...xh};var Sh=Object.freeze({__proto__:null,default:wh,vars:Ih});const Mh=Q(cu),Ah=fp.cssVarList,Eh={[Ah.backgroundColor]:Mh.colors.surface.main,[Ah.verticalPadding]:Mh.spacing.lg,[Ah.horizontalPadding]:Mh.spacing.lg,[Ah.gap]:Mh.spacing.md,[Ah.borderStyle]:"solid",[Ah.borderWidth]:Mh.border.xs,[Ah.borderColor]:Mh.colors.surface.main,[Ah.borderRadius]:Mh.radius.sm,[Ah.cursor]:"pointer",[Ah.alignItems]:"center",[Ah.flexDirection]:"row",[Ah.transition]:"border-color 0.2s, background-color 0.2s",variant:{tile:{[Ah.alignItems]:"flex-start",[Ah.flexDirection]:"column",[Ah.borderColor]:Mh.colors.surface.light}},_hover:{[Ah.backgroundColor]:Mh.colors.surface.highlight},_active:{[Ah.backgroundColor]:Mh.colors.surface.main,[Ah.borderColor]:Mh.colors.primary.light,[Ah.outline]:`1px solid ${Mh.colors.primary.light}`}};var Th=Object.freeze({__proto__:null,default:Eh,vars:Ah});const kh=k("autocomplete-field-internal"),zh=fe({componentName:kh,baseSelector:""}),Lh=[],Vh="DESCOPE_INVALID_OPTION",Nh=k("autocomplete-field"),{host:Dh}={host:{selector:()=>":host"}},Ph=I(ne({componentNameOverride:k("input-wrapper")}),ne({mappings:{hostWidth:{...Dh,property:"width"},hostDirection:{...Dh,property:"direction"},fontSize:{...Dh},checkmarkDisplay:{selector:mi.componentName,property:mi.cssVarList.overlayCheckmarkDisplay},itemPaddingInlineStart:{selector:mi.componentName,property:mi.cssVarList.overlayItemPaddingInlineStart},itemPaddingInlineEnd:{selector:mi.componentName,property:mi.cssVarList.overlayItemPaddingInlineEnd},selectedItemBackground:{selector:mi.componentName,property:mi.cssVarList.overlaySelectedItemBackground},selectedItemHoverBackground:{selector:mi.componentName,property:mi.cssVarList.overlaySelectedItemHoverBackground},selectedItemFocusBackground:{selector:mi.componentName,property:mi.cssVarList.overlaySelectedItemFocusBackground},itemHoverBackground:{selector:mi.componentName,property:mi.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      <${kh}\n        tabindex="-1"\n      ></${kh}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(kh),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:Nh})),Bh=Ph.cssVarList,Rh=Q(cu),Oh={[Bh.hostWidth]:Bu.width,[Bh.hostDirection]:Bu.direction,[Bh.fontSize]:Bu.fontSize,[Bh.checkmarkDisplay]:"none",[Bh.itemPaddingInlineStart]:Rh.spacing.lg,[Bh.itemPaddingInlineEnd]:Rh.spacing.lg,[Bh.selectedItemBackground]:Rh.colors.primary.light,[Bh.selectedItemHoverBackground]:Rh.colors.primary.light,[Bh.selectedItemFocusBackground]:Rh.colors.primary.light,[Bh.itemHoverBackground]:Rh.colors.primary.highlight,_fullWidth:{[Bh.hostWidth]:"100%"}};var jh=Object.freeze({__proto__:null,default:Oh,vars:Bh});class Wh extends(Ce()){#bt=null;#yt=null;constructor(e){super(e),this.#yt=this.#vt()}getRequiredParams(){return["public-api-key"]}getOptionalParams(){return[{key:"includedPrimaryTypes",attribute:"address-types"},{key:"language",attribute:"address-language"},{key:"region",attribute:"address-region"}]}async#vt(){const e=this.getAttribute("public-api-key");if(!this.#bt&&e)try{(e=>{var t,o,i,r,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)&&(o||(o=new Promise(async(e,a)=>{for(r in await(i=d.createElement("script")),h.set("libraries",[...u]+""),t)h.set(r.replace(/[A-Z]/g,e=>"_"+e[0].toLowerCase()),t[r]);h.set("callback",s+".maps."+l),i.src=`https://maps.${s}apis.com/maps/api/js?`+h,p[l]=e,i.onerror=()=>o=a(Error(n+" could not load.")),i.nonce=d.querySelector("script[nonce]")?.nonce||"",d.head.append(i)}))).then(()=>p[a](e,...c)))})(e);const{AutocompleteSuggestion:t}=await google.maps.importLibrary("places");this.#bt=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.#yt;const t={input:e};this.getOptionalParams().forEach(({attribute:e,key:o,defaultValue:i})=>{const r=this.getAttribute(e)||i;r&&(t[o]="includedPrimaryTypes"===o?r.split(",").map(e=>e.trim()).filter(Boolean):r)});const{suggestions:o}=await this.#bt.fetchAutocompleteSuggestions(t);return this.#ft(o)}catch(e){return console.error("Google Maps Places Autocomplete failed:",e),{results:[],error:xe}}}#ft(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 Fh 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"),o=new URLSearchParams({query:e.trim()});this.getOptionalParams().forEach(({attribute:e,key:t,defaultValue:i})=>{const r=this.getAttribute(e)||i;r&&("layers"===t||"countryCode"===t?o.append(t,r.split(",").map(e=>e.trim()).filter(Boolean).join(",")):o.append(t,r))});try{const e=await fetch(`https://api.radar.io/v1/search/autocomplete?${o.toString()}`,{headers:{Authorization:t}});if(!e.ok)throw new Error(`Radar API returned ${e.status}`);const i=await e.json();return this.#ft(i)}catch(e){return console.error("Radar Places Autocomplete failed:",e),{results:[],error:xe}}}#ft(e){return e?.addresses?.length?{results:e.addresses.map(e=>({label:e.formattedAddress,value:e.formattedAddress}))}:{results:[]}}}const $h=k("address-field-internal"),_h="google-maps-places",Hh="radar",qh={[_h]:Wh,[Hh]:Fh},Yh=fe({componentName:$h,baseSelector:""}),Uh=["public-api-key"],Gh=[...Uh],Zh=I((({connectorClasses:e})=>t=>class extends t{#xt=e;static get observedAttributes(){return[...t.observedAttributes||[],"connector-template"]}get connectorClasses(){return this.#xt}set connectorClasses(e){this.#xt=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:o}=await this.connector.fetch(e);return o?{results:[],error:o}:{results:t.map(({label:e,value:t})=>({label:e,value:t}))}}init(){super.init?.(),this.initializeConnector()}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),t!==o&&"connector-template"===e&&this.initializeConnector()}})({connectorClasses:qh}))(class extends Yh{static get observedAttributes(){return[].concat(Yh.observedAttributes||[],Gh)}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,o){super.attributeChangedCallback?.(e,t,o),t!==o&&Uh.includes(e)&&this.initializeConnector()}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{valid:!0}}}),Qh=k("address-field"),{host:Jh}={host:{selector:()=>":host"}},Kh=I(ne({componentNameOverride:k("input-wrapper")}),ne({mappings:{hostWidth:{...Jh,property:"width"},hostDirection:{...Jh,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      <${$h}\n        tabindex="-1"\n      ></${$h}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector($h),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  ${$h} {\n    display: inline-block;\n    box-sizing: border-box;\n    user-select: none;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  ${$h} ::slotted {\n    padding: 0;\n  }\n`,excludeAttrsSync:["tabindex","error-message","label","style"],componentName:Qh})),Xh=Kh.cssVarList,em={[Xh.hostWidth]:Bu.width,[Xh.hostDirection]:Bu.direction,_fullWidth:{[Xh.hostWidth]:"100%"}};var tm=Object.freeze({__proto__:null,default:em,vars:Xh});const om=(e,t=2)=>String(e).padStart(t,"0"),im=k("timer"),rm=["seconds","hide-icon","paused"],nm=ue({componentName:im,baseSelector:":host > .wrapper"}),{host:sm,icon:am,timer:lm}={host:{selector:()=>":host"},icon:{selector:()=>".icon"},timer:{selector:()=>".timer"}},dm=I(ne({mappings:{fontSize:{},iconSize:[{...am,property:"width"},{...am,property:"height"}],fontFamily:{},minHeight:{},fontWeight:{...lm},lineHeight:{...lm},textColor:{...lm,property:"color"},gap:{},textAlign:{property:"justify-content"},hostWidth:{...sm,property:"width"},hostDirection:{...sm,property:"direction"},iconColor:{...am,property:Ci.cssVarList.fill}}}),se,ae)(class extends nm{#Ct=0;#wt;static get observedAttributes(){return rm.concat(nm.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',V("\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.#Ct=this.seconds}startInterval(){this.#Ct?this.#wt=setInterval(()=>{this.#It(),this.#Ct||this.stop(),this.#St(this.#Ct)},1e3):this.stop()}stopInterval(){clearInterval(this.#wt)}#It(){this.#Ct=this.#Ct-1e3}reset(){this.#Ct=this.seconds,this.#St(this.#Ct),this.isPaused||(this.dispatchEvent(new CustomEvent("timer-started",{bubbles:!0})),this.startInterval())}stop(){this.stopInterval(),this.#Ct=0,this.#St(this.#Ct),this.dispatchEvent(new CustomEvent("timer-ended",{bubbles:!0}))}pause(){this.setAttribute("paused","true"),this.stopInterval()}resume(){this.removeAttribute("paused"),this.startInterval()}#St(e){this.timer.textContent=((e=0)=>{const t=Math.floor(e/1e3),o=Math.floor(t/3600),i=Math.floor(t%3600/60),r=t%60;return[...o?[om(o)]:[],om(i),om(r)].join(":")})(e)}#Mt(e){this.icon.classList.toggle("hidden",e)}#At(e){setTimeout(()=>{e?this.pause():this.#wt||this.resume()})}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),o!==t&&("seconds"===e&&this.reset(),"hide-icon"===e&&this.#Mt("true"===o),"paused"===e&&this.#At("true"===o))}}),cm=Q(cu),pm=dm.cssVarList,um={[pm.hostDirection]:cm.direction,[pm.gap]:"0.25em",[pm.fontFamily]:cm.fonts.font1.family,[pm.minHeight]:"1.5em",[pm.lineHeight]:"1em",[pm.fontWeight]:cm.fonts.font1.fontWeight,[pm.textColor]:cm.colors.surface.contrast,[pm.iconColor]:cm.colors.surface.contrast,[pm.iconSize]:"1em",size:{xs:{[pm.fontSize]:"12px"},sm:{[pm.fontSize]:"14px"},md:{[pm.fontSize]:"16px"},lg:{[pm.fontSize]:"18px"}},textAlign:{right:{[pm.textAlign]:"right"},left:{[pm.textAlign]:"left"},center:{[pm.textAlign]:"center"}},_fullWidth:{[pm.hostWidth]:"100%"}};var hm=Object.freeze({__proto__:null,default:um,vars:pm});const mm=k("timer-button"),gm=["button-variant","button-mode","size","text-align","full-width"],bm={"button-variant":"variant","button-mode":"mode"},ym=["timer-seconds","timer-hide-icon","timer-paused","size","text-align","full-width"],vm={"timer-seconds":"seconds","timer-hide-icon":"hide-icon","timer-paused":"paused"},fm=ue({componentName:mm,baseSelector:":host > div"}),{host:xm}={host:{selector:()=>":host"}},Cm=I(ne({mappings:{gap:{},flexDirection:{},hostWidth:{...xm,property:"width"},hostDirection:{...xm,property:"direction"}}}),se,ae)(class extends fm{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',V("\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:gm,mapAttrs:bm}),L(this,this.timer,{includeAttrs:ym,mapAttrs:vm}),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")})}}),wm=Q(cu),Im=Cm.cssVarList,Sm={[Im.gap]:wm.spacing.sm,[Im.flexDirection]:"column",_horizontal:{[Im.flexDirection]:"row"},_fullWidth:{[Im.hostWidth]:"100%"}};var Mm=Object.freeze({__proto__:null,default:Sm,vars:Im});const Am=k("password-strength");class Em extends(ue({componentName:Am,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',V("\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 Sx}).then(e=>e.default);#Et=-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 o=document.createElement("div");return o.classList.add("bar"),o.classList.toggle("filled",t<=this.#Et),this.barsContainer.appendChild(o),o})}init(){super.init?.(),this.getCalcScoreFn()}async onValueChange(){const e=await this.calcScore();e!==this.#Et&&(this.#Et=e,this.dispatchEvent(new CustomEvent("score-changed",{bubbles:!0,composed:!0,detail:this.#Et})),this.bars?.forEach((e,t)=>{e.classList.toggle("filled",t<=this.#Et)}),this.textContainer.innerHTML=this.options[this.#Et]||"",-1===this.#Et?this.removeAttribute("score"):this.setAttribute("score",this.#Et))}attributeChangedCallback(e,t,o){if(t!==o)return"options"===e?this.renderBars():"value"===e?this.onValueChange():void 0}}const{host:Tm,bar:km,filledBar:zm,barsContainer:Lm,text:Vm}={host:{selector:()=>":host"},bar:{selector:" .bar"},barsContainer:{selector:" .bars-container"},filledBar:{selector:" .bar.filled"},text:{selector:" .text-container"}},Nm=I(ne({componentNameOverride:k("input-wrapper")}),ne({mappings:{hostWidth:[{...Tm,property:"width"},{...Tm,property:"min-width"}],hostDirection:{...Tm,property:"direction"},hostMinWidth:{...Tm,property:"min-width"},barHeight:{...km,property:"height"},barBorderRadius:{...km,property:"border-radius"},emptyBarColor:{...km,property:"background-color"},filledBarColor:{...zm,property:"background-color"},textColor:{...Vm,property:"color"},spacing:{property:"gap"},barSpacing:{...Lm,property:"gap"},fontSize:{},fontWeight:{},fontFamily:{},barTransition:{...km,property:"transition"}}}),se,ae)(Em),Dm=Q(cu),Pm=Nm.cssVarList,Bm={[Pm.hostDirection]:Dm.direction,[Pm.barHeight]:"4px",[Pm.barTransition]:"background-color 0.3s",[Pm.barBorderRadius]:Dm.radius.sm,[Pm.hostMinWidth]:Bu.minWidth,[Pm.barSpacing]:Dm.spacing.sm,[Pm.emptyBarColor]:Dm.colors.surface.light,[Pm.fontFamily]:Bu.fontFamily,[Pm.fontSize]:Bu.labelFontSize,[Pm.fontWeight]:Bu.labelFontWeight,[Pm.spacing]:Dm.spacing.sm,_fullWidth:{[Pm.hostWidth]:"100%"},score:{0:{[Pm.filledBarColor]:Dm.colors.error.light,[Pm.textColor]:Dm.colors.error.light},1:{[Pm.filledBarColor]:Dm.colors.error.main,[Pm.textColor]:Dm.colors.error.main},2:{[Pm.filledBarColor]:Dm.colors.error.dark,[Pm.textColor]:Dm.colors.error.dark},3:{[Pm.filledBarColor]:Dm.colors.success.dark,[Pm.textColor]:Dm.colors.success.dark},4:{[Pm.filledBarColor]:Dm.colors.success.main,[Pm.textColor]:Dm.colors.success.main}}},Rm={...Pm};var Om=Object.freeze({__proto__:null,default:Bm,vars:Rm});const jm=k("collapsible-container");class Wm extends(ue({componentName:jm,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',V(`\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(${So.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"}#Tt=!1;init(){super.init?.(),this.#Tt=!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,o){"text"!==e?this.isCollapsed&&this.isCollapsible?this.collapse(this.#Tt):this.expand(this.#Tt):this.updateHeaderText()}}const Fm={host:()=>":host",icon:()=>"descope-icon",iconWrapper:()=>".icon",header:()=>".header",text:()=>"span",wrapper:()=>".wrapper",content:()=>"div.content"},$m=I(ne({mappings:{hostWidth:{selector:Fm.host,property:"width"},hostDirection:{selector:Fm.host,property:"direction"},verticalPadding:[{selector:Fm.wrapper,property:"padding-top"},{selector:Fm.wrapper,property:"padding-bottom"}],horizontalPadding:[{selector:Fm.wrapper,property:"padding-left"},{selector:Fm.wrapper,property:"padding-right"}],flexDirection:{},justifyContent:{},alignItems:{},gap:[{},{property:"margin-top"}],backgroundColor:{selector:Fm.wrapper},backgroundImage:{selector:Fm.wrapper},backgroundPositionX:{selector:Fm.wrapper},backgroundPositionY:{selector:Fm.wrapper},backgroundSize:{selector:Fm.wrapper},backgroundRepeat:{selector:Fm.wrapper},borderRadius:{selector:Fm.wrapper},borderColor:{selector:Fm.wrapper},borderStyle:{selector:Fm.wrapper},borderWidth:{selector:Fm.wrapper},boxShadow:{selector:Fm.wrapper},headerIconOrder:{selector:Fm.iconWrapper,property:"order"},headerCursor:{selector:Fm.header,property:"cursor"},headerGap:{selector:Fm.header,property:"gap"},textGrow:{selector:Fm.text,property:"flex-grow"},textDirection:{selector:Fm.text,property:"direction"},iconAnimationDuration:{selector:Fm.icon,property:"transition-duration"},contentAnimationDuration:{selector:Fm.content,property:"transition-duration"}}}),se,ae)(Wm),_m=Q(cu),Hm=$m.cssVarList,[qm,Ym,Um]=K({shadowColor:"#00000020"},jm),{shadowColor:Gm}=Ym,Zm={...qm,[Hm.hostWidth]:"100%",[Hm.boxShadow]:"none",[Hm.backgroundColor]:_m.colors.surface.main,[Hm.backgroundImage]:"",[Hm.backgroundPositionX]:"center",[Hm.backgroundPositionY]:"center",[Hm.backgroundSize]:"cover",[Hm.backgroundRepeat]:"no-repeat",[Hm.borderRadius]:"0px",[Hm.hostDirection]:_m.direction,[Hm.flexDirection]:"column",[Hm.alignItems]:"flex-start",[Hm.justifyContent]:"flex-start",[Hm.headerGap]:_m.spacing.md,[Hm.iconAnimationDuration]:"0.1s",[Hm.contentAnimationDuration]:"0.1s",[Hm.borderWidth]:"0px",[Hm.textGrow]:"0",verticalPadding:{sm:{[Hm.verticalPadding]:"5px"},md:{[Hm.verticalPadding]:"10px"},lg:{[Hm.verticalPadding]:"20px"}},horizontalPadding:{sm:{[Hm.horizontalPadding]:"5px"},md:{[Hm.horizontalPadding]:"10px"},lg:{[Hm.horizontalPadding]:"20px"}},spaceBetween:{sm:{[Hm.gap]:"10px"},md:{[Hm.gap]:"20px"},lg:{[Hm.gap]:"30px"}},shadow:{sm:{[Hm.boxShadow]:`${_m.shadow.wide.sm} ${Gm}, ${_m.shadow.narrow.sm} ${Gm}`},md:{[Hm.boxShadow]:`${_m.shadow.wide.md} ${Gm}, ${_m.shadow.narrow.md} ${Gm}`},lg:{[Hm.boxShadow]:`${_m.shadow.wide.lg} ${Gm}, ${_m.shadow.narrow.lg} ${Gm}`},xl:{[Hm.boxShadow]:`${_m.shadow.wide.xl} ${Gm}, ${_m.shadow.narrow.xl} ${Gm}`},"2xl":{[Um.shadowColor]:"#00000050",[Hm.boxShadow]:`${_m.shadow.wide["2xl"]} ${Gm}`}},borderRadius:{sm:{[Hm.borderRadius]:_m.radius.sm},md:{[Hm.borderRadius]:_m.radius.md},lg:{[Hm.borderRadius]:_m.radius.lg},xl:{[Hm.borderRadius]:_m.radius.xl},"2xl":{[Hm.borderRadius]:_m.radius["2xl"]},"3xl":{[Hm.borderRadius]:_m.radius["3xl"]}},iconPosition:{left:{[Hm.headerIconOrder]:"0"},right:{[Hm.headerIconOrder]:"1"}},_fillTitle:{[Hm.textGrow]:"1"},_border:{[Hm.borderColor]:_m.colors.surface.light,[Hm.borderWidth]:_m.border.xs,[Hm.borderStyle]:"solid"},_collapsible:{[Hm.headerCursor]:"pointer"}},Qm={...Hm,...Um};var Jm=Object.freeze({__proto__:null,default:Zm,vars:Qm});const Km=k("recovery-codes");class Xm extends(ue({componentName:Km,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"),V("\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,o){super.attributeChangedCallback?.(e,t,o),o!==t&&"readonly"===e&&this.onReadOnly("true"===o)}}const eg=I(ne({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostMinWidth:{selector:()=>":host",property:"min-width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>So.componentName,property:So.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,o)=>`\n    <descope-text variant="${o.variant}" mode="${o.mode}">\n      <span>${e}</span>\n    </descope-text>\n  `,rerenderAttrsList:["variant","mode"],targetSelector:".list"}),se,ae)(Xm),tg=Q(cu),og=eg.cssVarList,ig=So.cssVarList,rg={[og.hostMinWidth]:"190px",[og.hostDirection]:tg.direction,[og.iconColor]:J(ig.textColor),[og.iconSize]:J(ig.fontSize),[og.iconGap]:"8px",[og.bulletGap]:"0.35em",textAlign:{right:{[og.textAlign]:"flex-end"},left:{[og.textAlign]:"flex-start"},center:{[og.textAlign]:"center"}},_fullWidth:{[og.hostWidth]:"100%"}};var ng=Object.freeze({__proto__:null,default:rg,vars:og});const sg=k("outbound-apps"),ag=({name:e,description:t,logo:o,appId:i,isConnected:r},n,s)=>{const a=r?"disconnect":"connect";return`\n  <descope-list-item>\n    <descope-avatar\n      ${o?`img="${o}"`:""}\n      ${e?`display-name="${e}" abbr=${P(e)}`:""}\n      size=${s.size}\n      ${o?'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="${i}" data-id="${a}">\n        ${r?s.disconnectButtonLabel:s.connectButtonLabel}\n      </descope-button>\n    </div>\n  </descope-list-item>\n`},lg=ue({componentName:sg,baseSelector:"descope-list"}),{host:dg}={host:{selector:()=>":host"}},cg=I(ne({mappings:{hostWidth:{...dg,property:"width"},minHeight:{selector:()=>":host"},hostDirection:[{...dg,property:"direction"},{selector:"descope-list",property:"direction"},{selector:"descope-list-item",property:"direction"}],iconColor:{selector:()=>" descope-icon",property:Ci.cssVarList.fill},errorIconColor:{selector:()=>" descope-icon.error-icon",property:Ci.cssVarList.fill},fontSize:{selector:So.componentName,property:So.cssVarList.fontSize},appLogoGap:{selector:()=>" .app-logo",property:"margin-inline-end"},contentGap:{selector:()=>" .content",property:"gap"},itemsTextAlign:{selector:So.componentName,property:So.cssVarList.textAlign},itemCursor:{selector:fp.componentName,property:fp.cssVarList.cursor},itemOutline:{selector:fp.componentName,property:fp.cssVarList.outline},itemBorderColor:{selector:fp.componentName,property:fp.cssVarList.borderColor},itemBackgroundColor:{selector:fp.componentName,property:fp.cssVarList.backgroundColor},listBorderWidth:{selector:()=>wp.componentName,property:wp.cssVarList.borderWidth},listBoxShadow:{selector:()=>wp.componentName,property:wp.cssVarList.boxShadow},listPadding:[{selector:()=>wp.componentName,property:wp.cssVarList.verticalPadding},{selector:()=>wp.componentName,property:wp.cssVarList.horizontalPadding}]}}),se,ze({itemRenderer:ag,rerenderAttrsList:["size","connect-button-label","disconnect-button-label"]}),ae)(class extends lg{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"),V("\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=ag,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"),o=e.srcElement.getAttribute("data-action");t&&o&&this.dispatchEvent(new CustomEvent(`${o}-clicked`,{bubbles:!0,detail:{id:t,action:o}}))}}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"}}),pg=cg.cssVarList,ug={[pg.iconColor]:cu.colors.primary.main,[pg.errorIconColor]:cu.colors.error.main,[pg.appLogoGap]:cu.spacing.md,[pg.contentGap]:cu.spacing.xs,[pg.itemCursor]:"default",[pg.itemOutline]:"none",[pg.itemBorderColor]:"transparent",[pg.listPadding]:"0",[pg.listBorderWidth]:"0",[pg.listBoxShadow]:"none",size:{xs:{[pg.fontSize]:"0.6em"},sm:{[pg.fontSize]:"0.8em"},md:{[pg.fontSize]:"1em"},lg:{[pg.fontSize]:"1.5em"}}};var hg=Object.freeze({__proto__:null,default:ug,vars:pg});const mg=k("outbound-app-button");class gg extends(ue({componentName:mg,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    ',V("\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,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("label"===e?this.updateLabel(o):"icon-src"===e&&this.updateIcon(o))}}const bg=I(ne({mappings:{hostWidth:{selector:()=>":host",property:"width"},iconFillCurrentColor:{selector:()=>"descope-icon",property:Ei.cssVarList.iconColor}}}),se,ae)(gg),yg=bg.cssVarList,vg={[yg.iconFillCurrentColor]:"inherit",_iconFillCurrentColor:{[yg.iconFillCurrentColor]:"currentColor"},_fullWidth:{[yg.hostWidth]:"100%"}},fg=yg;var xg=Object.freeze({__proto__:null,default:vg,vars:fg});const Cg=e=>{const t=parseInt(e,10);return Number.isNaN(t)?0:t},wg={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=="}},Ig=k("trusted-devices"),Sg=({id:e,name:t,lastLoginDate:o,deviceType:i,isCurrent:r},n,s)=>{const a=r?'class="current-device"':"",{iconSrc:l,iconSrcDark:d}=(e=>{const t=wg[e]||wg.unknown;return{iconSrc:t.light,iconSrcDark:t.dark}})(i),c=s.lastLoginLabel?`${s.lastLoginLabel} `:"",p=((e,t)=>{if(Number.isNaN(parseInt(e,10)))return"";const o=new Date(e),i=o.getFullYear(),r=String(o.getMonth()+1).padStart(2,"0"),n=String(o.getDate()).padStart(2,"0"),s=o.toLocaleTimeString("en-US",{hour12:!1,hour:"2-digit",minute:"2-digit"}),a={"DD-MM-YYYY":`${n}/${r}/${i}`,"YYYY-MM-DD":`${i}/${r}/${n}`,"MM-DD-YYYY":`${r}/${n}/${i}`};return`${a[t]||a["MM/DD/YYYY"]} ${s}`})(o,s.format),u=r?`<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||r?"":`<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},Mg=ue({componentName:Ig,baseSelector:wp.componentName}),{host:Ag}={host:{selector:()=>":host"}},Eg=I(ne({mappings:{hostWidth:{...Ag,property:"width"},hostMinWidth:{...Ag,property:"min-width"},hostDirection:[{...Ag,property:"direction"},{selector:()=>"descope-list-item",property:"direction"},{selector:()=>"descope-text",property:"direction"}],listItemsGap:{property:wp.cssVarList.gap},listBackgroundColor:{selector:()=>wp.componentName,property:wp.cssVarList.backgroundColor},listBorderRadius:{selector:()=>wp.componentName,property:wp.cssVarList.borderRadius},listBorderWidth:{selector:()=>wp.componentName,property:wp.cssVarList.borderWidth},listBoxShadow:{selector:()=>wp.componentName,property:wp.cssVarList.boxShadow},listPadding:[{selector:()=>wp.componentName,property:wp.cssVarList.verticalPadding},{selector:()=>wp.componentName,property:wp.cssVarList.horizontalPadding}],itemVerticalPadding:{selector:fp.componentName,property:fp.cssVarList.verticalPadding},itemHorizontalPadding:{selector:fp.componentName,property:fp.cssVarList.horizontalPadding},itemCursor:{selector:fp.componentName,property:fp.cssVarList.cursor},itemOutline:{selector:fp.componentName,property:fp.cssVarList.outline},itemBorderColor:{selector:fp.componentName,property:fp.cssVarList.borderColor},itemBorderRadius:{selector:fp.componentName,property:fp.cssVarList.borderRadius},itemBackgroundColor:{selector:fp.componentName,property:fp.cssVarList.backgroundColor},itemContentGap:{selector:()=>".content",property:"gap"},badgeBorderColor:{selector:Bc.componentName,property:Bc.cssVarList.borderColor},badgeTextColor:{selector:Bc.componentName,property:Bc.cssVarList.textColor},badgeBackgroundColor:{selector:Bc.componentName,property:Bc.cssVarList.backgroundColor},badgeBorderRadius:{selector:Bc.componentName,property:Bc.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:Sg,sortFn:(e,t)=>Cg(t.lastLoginDate)-Cg(e.lastLoginDate),rerenderAttrsList:["remove-device-label","current-device-label","last-login-label","format","hide-actions"]}),ae)(class extends Mg{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"),V("\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=Sg,this.appsList.addEventListener("click",this.onRemoveClick.bind(this))}onRemoveClick(e){if(this.readOnly)return;const t=e.target.closest("[data-device-id]"),o=t?.getAttribute("data-device-id");o&&this.dispatchEvent(new CustomEvent("remove-device-clicked",{bubbles:!0,detail:{id:o,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")}}),Tg=Eg.cssVarList,kg={[Tg.hostWidth]:"auto",[Tg.hostWidth]:"300px",[Tg.hostMinWidth]:"300px",[Tg.listBackgroundColor]:"transparent",[Tg.listBorderRadius]:"0",[Tg.listBorderWidth]:"0",[Tg.listPadding]:"0",[Tg.listBoxShadow]:"none",[Tg.listItemsGap]:cu.spacing.lg,[Tg.itemBorderColor]:cu.colors.surface.light,[Tg.itemVerticalPadding]:cu.spacing.lg,[Tg.itemHorizontalPadding]:cu.spacing.lg,[Tg.itemBorderRadius]:cu.radius.xs,[Tg.itemOutline]:"transparent",[Tg.itemBackgroundColor]:"transparent",[Tg.itemCursor]:"default",[Tg.itemContentGap]:cu.spacing.sm,[Tg.badgeBorderColor]:cu.colors.surface.light,[Tg.badgeTextColor]:cu.colors.surface.dark,[Tg.badgeBorderRadius]:cu.radius.xs,[Tg.badgeBackgroundColor]:cu.colors.surface.main,[Tg.devicePanelGap]:cu.spacing.md,[Tg.deviceIconGap]:cu.spacing.md,[Tg.deviceIconSize]:"24px",[Tg.lastLoginLabelGap]:cu.spacing.xs,_fullWidth:{[Tg.hostWidth]:"100%"}};var zg=Object.freeze({__proto__:null,default:kg,vars:Tg});const Lg=k("tooltip"),Vg=["text","position","hide-delay","hover-delay","opened"],Ng=ue({componentName:Lg,baseSelector:"vaadin-tooltip"}),{overlay:Dg,content:Pg}={overlay:{selector:()=>"vaadin-tooltip-overlay::part(overlay)"},content:{selector:()=>"vaadin-tooltip-overlay::part(content)"}},Bg=I(ae,Ee({selector:"",mappings:{fontFamily:{...Pg,property:De.cssVarList.fontFamilyOverride},fontSize:{...Pg,property:De.cssVarList.fontSizeOverride},fontWeight:{...Pg,property:De.cssVarList.fontWeightOverride},textColor:{...Pg,property:De.cssVarList.textColorOverride},hostDirection:{...Pg,property:De.cssVarList.hostDirectionOverride},backgroundColor:[{...Dg},{...Pg}],borderColor:{...Dg},borderStyle:{...Dg},borderWidth:{...Dg},borderRadius:{...Dg},boxShadow:{...Dg},horizontalPadding:[{...Pg,property:"padding-left"},{...Pg,property:"padding-right"}],verticalPadding:[{...Pg,property:"padding-top"},{...Pg,property:"padding-bottom"}]},forward:{attributes:["style"],include:!1}}))(class extends Ng{static get observedAttributes(){return Vg.concat(Ng.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")}#kt(){this.isStaticDisplay?(this.#zt(),this.setAttribute("inert","true")):(this.#Lt(),this.removeAttribute("inert"))}init(){super.init(),this.style.display="contents",this.insertAdjacentHTML("beforeend","<vaadin-tooltip></vaadin-tooltip>"),this.tooltip=this.querySelector("vaadin-tooltip"),this.#Lt(),this.#Vt(),setTimeout(()=>this.#Nt())}#Lt(){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"}#zt(){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"}#Nt(){this.#Dt(),this.#Pt(),L(this,this.tooltip,{includeAttrs:["position","opened"]}),this.#Bt()}#Vt(){if(!this.children?.length)return;let e=Array.from(this.children).find(e=>e!==this.tooltip);e&&(this.tooltip.target=e)}#Rt(){this.overlayContentNode.innerHTML=""}#Ot(){const e=document.createElement("descope-enriched-text");return e.setAttribute("link-target-blank","true"),e.textContent=this.tooltipText,e}get srLabel(){return this.tooltip?.querySelector('[slot="sr-label"]')}#Dt(){this.overlayContentNode&&setTimeout(()=>{this.#Rt(),this.textComponent=this.#Ot(),this.overlayContentNode.appendChild(this.textComponent),this.srLabel&&!this.tooltipText&&this.srLabel.setAttribute("aria-hidden","true"),L(this,this.textComponent,{includeAttrs:["readonly"]})})}#Pt(){this.overlay&&(this.isOpened?setTimeout(()=>{this.tooltip.shadowRoot.appendChild(this.overlay),this.#kt()}):(this.overlay._detachOverlay=()=>{},this.overlay._attachOverlay=()=>this.tooltip.shadowRoot.appendChild(this.overlay)))}#Bt(){this.tooltip?.toggleAttribute("manual",this.isOpened)}#jt(e){if(!this.textComponent)return;const t=(e??"").trim();this.textComponent.textContent=t,this.srLabel&&(t?this.srLabel.removeAttribute("aria-hidden"):this.srLabel.setAttribute("aria-hidden","true"))}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("text"===e&&this.#jt(o),"opened"===e&&this.#Bt())}}),Rg=Q(cu),Og=Bg.cssVarList,[jg,Wg,Fg]=K({shadowColor:"#00000020"},Lg),{shadowColor:$g}=Wg,_g=`${Rg.shadow.wide.sm} ${$g}, ${Rg.shadow.narrow.sm} ${$g}`,Hg={...jg,[Og.fontFamily]:Rg.fonts.font1.family,[Og.fontSize]:cu.typography.body2.size,[Og.fontWeight]:cu.typography.body2.weight,[Og.textColor]:Rg.colors.surface.contrast,[Og.hostDirection]:Rg.direction,[Og.backgroundColor]:Rg.colors.surface.main,[Og.borderColor]:Rg.colors.surface.light,[Og.borderStyle]:"solid",[Og.borderWidth]:Rg.border.xs,[Og.borderRadius]:Rg.radius.xs,[Og.horizontalPadding]:Rg.spacing.md,[Og.verticalPadding]:Rg.spacing.sm,[Og.boxShadow]:_g,shadow:{sm:{[Og.boxShadow]:_g},md:{[Og.boxShadow]:`${Rg.shadow.wide.md} ${$g}, ${Rg.shadow.narrow.md} ${$g}`},lg:{[Og.boxShadow]:`${Rg.shadow.wide.lg} ${$g}, ${Rg.shadow.narrow.lg} ${$g}`},xl:{[Og.boxShadow]:`${Rg.shadow.wide.xl} ${$g}, ${Rg.shadow.narrow.xl} ${$g}`},"2xl":{[Fg.shadowColor]:"#00000050",[Og.boxShadow]:`${Rg.shadow.wide["2xl"]} ${$g}`}}};var qg=Object.freeze({__proto__:null,default:Hg,vars:Og});const Yg=async e=>{const t=await fetch(e);if(!t.ok)throw new Error(`[dataService] ${t.status} ${e}`);const o=await t.json();return o.data??o},Ug=async e=>Yg(`${e}/countries.json`),Gg=async(e,t)=>{try{return(await Yg(`${t}/countries/${e}/subdivisions.json`)).map(({code:e,...t})=>({...t,state_code:e}))}catch{return[]}},Zg=async(e,t,o)=>Yg(`${o}/countries/${e}/subdivisions/${t}/cities.json`),Qg=async e=>{const t=new URL("../labels.json",`${e}/`).href;return Yg(t)},Jg=async(e,t)=>Yg(`${t}/countries/${e}/cities.json`),Kg=k("country-subdivision-city-field-internal"),Xg=Symbol("selecting"),eb=({name:e,translations:t={}},o)=>o&&(t[o]||t[o.split("-")[0]])||e,tb=e=>e?String(e).replace(/[&<>"']/g,e=>`&#${e.charCodeAt(0)};`):"",ob=({name:e,iso2:t,iso3:o,translations:i,lang:r})=>{const n=eb({name:e,translations:i},r),s=[n,t,o];n!==e&&s.push(e);const a=tb(t),l=tb(s.join(" ")),d=tb(n);return`<div data-id="${a}" data-name="${l}" data-label="${d}">${d}</div>`},ib=({name:e,state_code:t,translations:o,lang:i})=>{const r=eb({name:e,translations:o},i),n=[r,t];r!==e&&n.push(e);const s=tb(t),a=tb(n.join(" ")),l=tb(r);return`<div data-id="${s}" data-name="${a}" data-label="${l}">${l}</div>`},rb=({name:e,translations:t,lang:o})=>{const i=eb({name:e,translations:t},o),r=[i];i!==e&&r.push(e);const n=tb(e),s=tb(r.join(" ")),a=tb(i);return`<div data-id="${n}" data-name="${s}" data-label="${a}">${a}</div>`},nb=e=>`<descope-combo-box id="${e}" item-label-path="data-name" item-value-path="data-id" allow-custom-value="false"></descope-combo-box>`,sb=fe({componentName:Kg,baseSelector:""}),ab=["disabled","readonly","size","bordered"],lb=["hide-country","hide-subdivision","hide-city"],db=[...ab,"label-type","country-label","subdivision-label","city-label",...lb,"default-country","allowed-countries","pinned-countries","country-placeholder","subdivision-placeholder","city-placeholder","required","invalid","data-source-base-url","lang"],cb=I()(class extends sb{static get observedAttributes(){return[].concat(sb.observedAttributes||[],db)}#Wt;#Ft;#$t;#_t=!1;#Ht=!1;#qt=new Map;#Yt=null;#Ut=null;#Gt=null;#Zt=null;#Qt=null;constructor(){super(),this.innerHTML=`\n      <div class="wrapper">\n        ${nb("country-combo")}\n        ${nb("subdivision-combo")}\n        ${nb("city-combo")}\n      </div>\n    `,this.#Wt=this.querySelector("#country-combo"),this.#Ft=this.querySelector("#subdivision-combo"),this.#$t=this.querySelector("#city-combo"),this.#Jt(),this.#Kt()}get#Xt(){return"true"===this.getAttribute("hide-country")}get#eo(){return"true"===this.getAttribute("hide-subdivision")}get#to(){return"true"===this.getAttribute("hide-city")}get#oo(){return!this.#io}get#io(){return this.getAttribute("data-source-base-url")||void 0}get#ro(){const e=this.getAttribute("lang")||void 0;if(e)try{const[t]=Intl.getCanonicalLocales(e);return t}catch{return}}get#no(){return this.getAttribute("default-country")?.toUpperCase()||void 0}get#so(){return this.getAttribute("subdivision-label")||void 0}get#ao(){return this.getAttribute("subdivision-placeholder")||void 0}get#lo(){return(this.getAttribute("allowed-countries")||"").split(",").map(e=>e.trim().toUpperCase()).filter(Boolean)}get#do(){return(this.getAttribute("pinned-countries")||"").split(",").map(e=>e.trim().toUpperCase()).filter(Boolean)}get#co(){return[this.#Wt,this.#Ft,this.#$t]}get value(){return{country:this.#Xt?this.#no:this.#Wt.value||void 0,subdivision:!this.#eo&&this.#_t&&this.#Ft.value||void 0,city:!this.#to&&this.#Ht&&this.#$t.value||void 0}}set value(e){if(!e)return;let t;try{t="string"==typeof e?JSON.parse(e):e}catch{return}this.#Qt={...t},this.#io&&this.#po()}init(){this.addEventListener("focus",e=>{if(e.isTrusted){const e=this.#co.find(e=>!e.classList.contains(`${Kg}-hidden`)&&!e.checkValidity());(e||this.#uo())?.focus()}}),super.init?.(),this.#ho(),this.#mo(),this.#go(),this.#bo()}#bo(){this.#Wt.renderItem=ob,this.#Ft.renderItem=ib,this.#$t.renderItem=rb}attributeChangedCallback(e,t,o){if(super.attributeChangedCallback?.(e,t,o),t!==o)if("required"===e)this.#yo();else if(lb.includes(e)||"data-source-base-url"===e)this.#ho(),"data-source-base-url"===e&&this.#go();else if("default-country"===e){const e=o?.toUpperCase();if(e&&e!==o)return void this.setAttribute("default-country",e);e&&this.#qt.size?this.#vo(e):e&&this.#Xt&&this.#fo()}else"lang"===e?this.#xo():"invalid"===e?"true"===o&&this.#Co():"allowed-countries"===e||"pinned-countries"===e?this.#Xt||(this.#Yt?this.#wo(this.#Yt):this.#fo()):"country-label"===e?this.#Io(this.#Wt,"label",o):"subdivision-label"===e?this.#Io(this.#Ft,"label",o):"city-label"===e&&this.#Io(this.#$t,"label",o)}getValidity(){if(!this.isRequired)return{};const e=!this.#Xt&&!this.#Wt.value,t=!this.#eo&&(this.#oo||this.#_t)&&!this.#Ft.value,o=!this.#to&&(this.#oo||this.#Ht)&&!this.#$t.value;return e||t||o?{valueMissing:!0}:{}}#Co(){for(const e of[...this.#co].reverse())e.classList.contains(`${Kg}-hidden`)||e.checkValidity()||e.reportValidity()}#Jt(){[this.#Wt,this.#Ft,this.#$t].forEach(e=>{e.customValueTransformFn=t=>{const o=e.baseElement?.items?.find(e=>e["data-name"]===t);return o?.getAttribute("data-label")??t}})}#Kt(){this.#co.forEach(e=>{L(this,e,{includeAttrs:[...ab,"label-type"]})}),L(this,this.#Wt,{includeAttrs:["default-country"],mapAttrs:{"default-country":"default-value"}}),[[this.#Wt,"country-placeholder"],[this.#Ft,"subdivision-placeholder"],[this.#$t,"city-placeholder"]].forEach(([e,t])=>{L(this,e,{includeAttrs:[t],mapAttrs:{[t]:"placeholder"}})})}#mo(){this.#Wt.addEventListener("input",()=>this.#So()),this.#Ft.addEventListener("input",()=>this.#Mo()),this.#$t.addEventListener("input",()=>this.#Ao()),this.handleFocusEventsDispatching(this.#co)}#go(){this.#io&&(this.#Qt?this.#po():this.#Xt&&!this.#no||this.#fo())}async#po(){const{country:e,subdivision:t,city:o}=this.#Qt,i=!!t&&!this.#eo,r=!!o&&!this.#to,n=this.#Yt??Ug(this.#io),s=this.#Zt??Qg(this.#io),a=i&&e?Gg(e,this.#io):null,l=r&&e?i&&t?Zg(e,t,this.#io):Jg(e,this.#io):null,[d,c,p,u]=(await Promise.allSettled([n,s,a,l])).map(e=>"fulfilled"===e.status?e.value:null);if(!this.#Qt)return;c&&(this.#Zt=c);const h=[];d&&(this.#Yt||(this.#Yt=d,this.#wo(d)),e&&!this.#Xt&&h.push([this.#Wt,e]));const m=e?this.#qt.get(e):null;m?.subdivisionType&&this.#Eo(m.subdivisionType),p&&(this.#Ut=p,this.#_t=p.length>0,p.length>0&&(this.#Ft.data=p.map(e=>({...e,lang:this.#ro})),t&&h.push([this.#Ft,t]))),u&&(this.#Ht=u.length>0,u.length>0&&(this.#Gt=u,this.#$t.data=u.map(e=>({...e,lang:this.#ro})),o&&h.push([this.#$t,o]))),this.#ho(),this.#Qt=Xg,setTimeout(()=>{if(this.#Qt===Xg){for(const[e,t]of h){const o=e.items?.find(e=>e["data-id"]===t);o&&(e.selectedItem=o)}this.#Qt=null}})}#So(){this.#Qt!==Xg&&(this.#Qt=null,this.#To(),this.#ko(),this.#vo(this.#Wt.value),this.#Ao())}#Mo(){if(this.#Qt===Xg)return;this.#Qt=null;const e=this.#Ft.value;if(this.#ko(),!this.#to&&e){const t=this.#Wt.value;t&&this.#zo(t,e)}this.#Ao()}#vo(e){if(!e)return;const t=this.#qt.get(e);if(!t)return;const{hasSubdivisions:o,subdivisionType:i}=t;!this.#eo&&o?(this.#Eo(i),this.#Lo(e)):this.#to||this.#zo(e)}#Eo(e){const t=this.#Vo(e);this.#so||this.#Io(this.#Ft,"label",t||null),this.#ao||this.#Io(this.#Ft,"placeholder",t||null)}#Vo(e){const t=this.#Zt?.subdivisionTypes,o=t?.[e]??t?._fallback;if(!o)return e;const i=this.#ro;return i&&(o[i]||o[i.split("-")[0]])||o.en||e}async#No(){try{this.#Zt=await Qg(this.#io)}catch{}}async#fo(){if(this.#io){this.#Wt.setAttribute("loading","true");try{const[e]=await Promise.all([Ug(this.#io),this.#No()]);this.#Yt=e,this.#wo(e),!this.#Qt&&this.#no&&this.#vo(this.#no)}catch(e){console.error(`[${Kg}] Failed to load countries`,e)}finally{this.#Wt.removeAttribute("loading")}}}async#Lo(e){this.#Do(this.#Ft,!0),this.#Ft.setAttribute("loading","true");try{const t=await Gg(e,this.#io);this.#Ut=t,this.#_t=t.length>0,this.#ho(),t.length>0?this.#Ft.data=t.map(e=>({...e,lang:this.#ro})):this.#to||this.#zo(e)}catch(t){console.error(`[${Kg}] Failed to load subdivisions for ${e}`,t),this.#_t=!1,this.#Po()}finally{this.#Ft.removeAttribute("loading")}}async#zo(e,t){this.#$t.setAttribute("loading","true");try{const o=await(t?Zg(e,t,this.#io):Jg(e,this.#io));this.#Ht=o.length>0,this.#ho(),o.length>0&&(this.#Gt=o,this.#$t.data=o.map(e=>({...e,lang:this.#ro})))}catch(o){console.error(`[${Kg}] Failed to load cities for ${e}${t?`/${t}`:""}`,o)}finally{this.#$t.removeAttribute("loading")}}#xo(){if(this.#Yt){const e=this.#Wt.value;this.#wo(this.#Yt),e&&this.#Bo(this.#Wt,e)}if(this.#Ut&&this.#_t){const e=this.#Ft.value;this.#Ft.data=this.#Ut.map(e=>({...e,lang:this.#ro})),e&&this.#Bo(this.#Ft,e)}if(this.#Gt&&this.#Ht){const e=this.#$t.value;this.#$t.data=this.#Gt.map(e=>({...e,lang:this.#ro})),e&&this.#Bo(this.#$t,e)}const e=this.#Wt.value;if(e){const t=this.#qt.get(e);t?.subdivisionType&&this.#Eo(t.subdivisionType)}}#wo(e){const t=this.#Ro(e);this.#Wt.data=t.map(e=>({...e,lang:this.#ro})),this.#qt=new Map(e.map(e=>[e.iso2,e]))}#Ro(e){const t=this.#lo,o=this.#do;let i=t.length?e.filter(e=>t.includes(e.iso2)):[...e];return i.sort((e,t)=>eb(e,this.#ro).localeCompare(eb(t,this.#ro),this.#ro)),o.length?[...o.map(e=>i.find(t=>t.iso2===e)).filter(Boolean),...i.filter(e=>!o.includes(e.iso2))]:i}#Po(){this.#Do(this.#Wt,!this.#Xt),this.#Do(this.#Ft,!this.#eo&&(this.#oo||this.#_t)),this.#Do(this.#$t,!this.#to&&(this.#oo||this.#Ht))}#Do(e,t){e?.classList.toggle(`${Kg}-hidden`,!t)}#yo(){const e=this.hasAttribute("required")?"true":null;this.#Io(this.#Wt,"required",this.#Xt?null:e),this.#Io(this.#Ft,"required",this.#eo||!this.#oo&&!this.#_t?null:e),this.#Io(this.#$t,"required",this.#to||!this.#oo&&!this.#Ht?null:e)}#ho(){this.#Po(),this.#yo(),this.setCustomValidity("")}#To(){this.#Ft.value="",this.#Ft.data=[],this.#_t=!1,this.#so||this.#Ft.removeAttribute("label"),this.#ao||this.#Ft.removeAttribute("placeholder"),this.#ho()}#ko(){this.#$t.value="",this.#$t.data=[],this.#Gt=null,this.#Ht=!1,this.#ho()}#Ao(){this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}#Io(e,t,o){o?e.setAttribute(t,o):e.removeAttribute(t)}#uo(){return this.#co.find(e=>!e.classList.contains(`${Kg}-hidden`))}#Bo(e,t){setTimeout(()=>{const o=e.items?.find(e=>e["data-id"]===t);o&&(e.selectedItem=o)})}}),pb=k("country-subdivision-city-field"),ub={selector:()=>":host"},hb={selector:`${Kg} > .wrapper`},mb={selector:`${Kg} > .wrapper > descope-combo-box`},gb=I(ne({componentNameOverride:k("input-wrapper")}),ne({mappings:{hostWidth:{...ub,property:"width"},hostDirection:[{...ub,property:"direction"},{...mb,property:mi.cssVarList.hostDirection}],flexDirection:{...hb,property:"flex-direction"},flexGap:{...hb,property:"gap"},itemAlignment:{...hb,property:"align-items"},itemMinWidth:{...mb,property:"min-width"},itemFlexGrow:{...mb,property:"flex-grow"},itemWidth:{...mb,property:mi.cssVarList.hostWidth}}}),se,Ae({proxyProps:["value"],inputEvent:"input",proxyParentValidation:!0}),ae,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${Kg}\n        tabindex="-1"\n      ></${Kg}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Kg),L(this,this.inputElement,{includeAttrs:["size","bordered","required","label-type","disabled","readonly","hide-country","hide-subdivision","hide-city","default-country","allowed-countries","pinned-countries","country-label","subdivision-label","city-label","country-placeholder","subdivision-placeholder","city-placeholder","data-source-base-url","lang","invalid"]}),T(this,this.inputElement,{includeAttrs:["invalid"]})}})(we({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>`\n  :host {\n    display: inline-flex;\n    max-width: 100%;\n  }\n  vaadin-custom-field {\n    line-height: unset;\n    width: 100%;\n  }\n\n  ${Kg} {\n    display: inline-block;\n    box-sizing: border-box;\n    user-select: none;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  ${Kg} > .wrapper {\n    display: flex;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n\n  .${Kg}-hidden {\n    display: none;\n  }\n\n`,excludeAttrsSync:["tabindex","style","error-message"],componentName:pb})),bb=gb.cssVarList,yb={[bb.hostWidth]:Bu.width,[bb.hostDirection]:Bu.direction,[bb.flexDirection]:"column",[bb.flexGap]:"0.5em",[bb.itemAlignment]:"stretch",[bb.itemFlexGrow]:"0",[bb.itemWidth]:"auto",_fullWidth:{[bb.hostWidth]:"100%"},_horizontal:{[bb.flexDirection]:"row",[bb.itemFlexGrow]:"1"}};var vb=Object.freeze({__proto__:null,default:yb,vars:bb});const fb=k("attachment"),xb=["top-end","top-start","top-center","bottom-start","bottom-end","bottom-center"],Cb=xb[0];class wb extends(ue({componentName:fb,baseSelector:":host > .wrapper"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="wrapper">\n        <slot></slot>\n        <div class="attachment-container">\n          <slot name="attachment"></slot>\n        </div>\n      </div>\n    ',this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])"),this.attachmentSlot=this.shadowRoot.querySelector('slot[name="attachment"]')}static get observedAttributes(){return[...super.observedAttributes||[],"position"]}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),"position"===e&&t!==o&&this.#Oo()}init(){super.init?.(),V("\n      :host {\n        display: inline-block;\n      }\n      .wrapper {\n        position: relative;\n        display: inline-flex;\n      }\n      .attachment-container {\n        position: absolute;\n        z-index: 1;\n        pointer-events: none;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        container-type: inline-size;\n      }\n      :host(.hidden) {\n        display: none;\n      }\n      ",this),this.#Oo(),this.defaultSlot.addEventListener("slotchange",()=>{this.#jo(),this.#Wo()}),window.requestAnimationFrame(()=>{this.#jo(),this.#Wo()})}#jo(){const e=this.defaultSlot?.assignedElements()?.length>0;this.classList.toggle("hidden",!e)}#Wo(){const e=this.defaultSlot?.assignedElements()?.[0];if(!e)return;const{direction:t}=window.getComputedStyle(e);this.attachmentSlot?.assignedElements().forEach(e=>{e.setAttribute("st-host-direction",t)})}get offsetX(){return this.getAttribute("offset-x")||"0px"}get offsetY(){return this.getAttribute("offset-y")||"0px"}#Oo(){const e=this.getAttribute("position");xb.includes(e)||this.setAttribute("position",Cb)}}const Ib={selector:()=>".attachment-container"},Sb=I(ne({mappings:{transform:{...Ib},justifyContent:{...Ib},maxWidth:{...Ib},top:{...Ib},bottom:{...Ib},left:{...Ib},right:{...Ib},offsetX:{},offsetY:{}}}),se,ae)(wb),Mb=Sb.cssVarList,Ab=`calc(8px + var(${Mb.offsetX}))`,Eb={[Mb.maxWidth]:"calc(100% - 2 * 8px)",position:{"top-start":{[Mb.transform]:"translateY(-50%)",[Mb.justifyContent]:"start",[Mb.left]:Ab,[Mb.top]:J(Mb.offsetY)},"top-center":{[Mb.transform]:"translate(-50%, -50%)",[Mb.justifyContent]:"center",[Mb.top]:J(Mb.offsetY),[Mb.left]:"50%"},"top-end":{[Mb.transform]:"translateY(-50%)",[Mb.justifyContent]:"end",[Mb.right]:Ab,[Mb.top]:J(Mb.offsetY)},"bottom-start":{[Mb.transform]:"translateY(50%)",[Mb.justifyContent]:"start",[Mb.left]:Ab,[Mb.bottom]:J(Mb.offsetY)},"bottom-center":{[Mb.bottom]:J(Mb.offsetY),[Mb.transform]:"translate(-50%, 50%)",[Mb.justifyContent]:"center",[Mb.left]:"50%"},"bottom-end":{[Mb.transform]:"translateY(50%)",[Mb.justifyContent]:"end",[Mb.right]:Ab,[Mb.bottom]:J(Mb.offsetY)}}};var Tb=Object.freeze({__proto__:null,default:Eb});const kb=qe("input-wrapper"),zb=ft(nu),[Lb,Vb,Nb]=Tt({labelTextColor:zb.colors.surface.dark,labelFontSize:"14px",labelFontWeight:"500",valueTextColor:zb.colors.surface.contrast,placeholderTextColor:zb.colors.surface.dark,requiredIndicator:"'*'",helperTextColor:zb.colors.surface.dark,errorMessageTextColor:zb.colors.error.main,successMessageTextColor:zb.colors.success.main,borderWidth:zb.border.xs,borderRadius:zb.radius.xs,borderColor:"transparent",outlineWidth:zb.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:zb.colors.surface.main,fontFamily:zb.fonts.font1.family,direction:zb.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:zb.border.xs,borderColor:zb.colors.surface.light,borderStyle:"solid",_invalid:{borderColor:zb.colors.error.main}},_focused:{outlineColor:zb.colors.surface.light,_invalid:{outlineColor:zb.colors.error.main}},_disabled:{labelTextColor:zb.colors.surface.light,borderColor:zb.colors.surface.light,valueTextColor:zb.colors.surface.light,placeholderTextColor:zb.colors.surface.light,helperTextColor:zb.colors.surface.light,backgroundColor:zb.colors.surface.main},_obfuscated:{inputTextSecurity:"disc"}},kb);var Db=Object.freeze({__proto__:null,default:Lb,refs:Vb,vars:Nb});const Pb=ft(nu),Bb=_r.cssVarList,Rb={[Bb.hostWidth]:Vb.width,[Bb.hostMinWidth]:Vb.minWidth,[Bb.hostDirection]:Vb.direction,[Bb.fontSize]:Vb.fontSize,[Bb.fontFamily]:Vb.fontFamily,[Bb.labelFontSize]:Vb.labelFontSize,[Bb.labelFontWeight]:Vb.labelFontWeight,[Bb.labelTextColor]:Vb.labelTextColor,[Bb.labelRequiredIndicator]:Vb.requiredIndicator,[Bb.errorMessageTextColor]:Vb.errorMessageTextColor,[Bb.inputValueTextColor]:Vb.valueTextColor,[Bb.inputPlaceholderColor]:Vb.placeholderTextColor,[Bb.inputBorderWidth]:Vb.borderWidth,[Bb.inputBorderStyle]:Vb.borderStyle,[Bb.inputBorderColor]:Vb.borderColor,[Bb.inputBorderRadius]:Vb.borderRadius,[Bb.inputOutlineWidth]:Vb.outlineWidth,[Bb.inputOutlineStyle]:Vb.outlineStyle,[Bb.inputOutlineColor]:Vb.outlineColor,[Bb.inputOutlineOffset]:Vb.outlineOffset,[Bb.inputBackgroundColor]:Vb.backgroundColor,[Bb.inputHeight]:Vb.inputHeight,[Bb.inputHorizontalPadding]:Vb.horizontalPadding,[Bb.helperTextColor]:Vb.helperTextColor,[Bb.textAlign]:Vb.textAlign,textAlign:{right:{[Bb.inputTextAlign]:"right"},left:{[Bb.inputTextAlign]:"left"},center:{[Bb.inputTextAlign]:"center"}},[Bb.labelPosition]:Vb.labelPosition,[Bb.labelTopPosition]:Vb.labelTopPosition,[Bb.labelHorizontalPosition]:Vb.labelHorizontalPosition,[Bb.inputTransformY]:Vb.inputTransformY,[Bb.inputTransition]:Vb.inputTransition,[Bb.marginInlineStart]:Vb.marginInlineStart,[Bb.placeholderOpacity]:Vb.placeholderOpacity,[Bb.inputVerticalAlignment]:Vb.inputVerticalAlignment,[Bb.valueInputHeight]:Vb.valueInputHeight,[Bb.valueInputMarginBottom]:Vb.valueInputMarginBottom,[Bb.inputIconOffset]:Pb.spacing.md,[Bb.inputIconSize]:Vb.inputIconSize,[Bb.inputIconColor]:Vb.placeholderTextColor,[Bb.errorMessageIcon]:Vb.errorMessageIcon,[Bb.errorMessageIconSize]:Vb.errorMessageIconSize,[Bb.errorMessageIconPadding]:Vb.errorMessageIconPadding,[Bb.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[Bb.errorMessageIconPosition]:Vb.errorMessageIconPosition,[Bb.errorMessageFontSize]:Vb.errorMessageFontSize,[Bb.inputTextSecurity]:Vb.inputTextSecurity};var Ob=Object.freeze({__proto__:null,default:Rb,textField:Rb,vars:Bb});const jb=ft(nu),Wb=is.cssVarList,Fb={[Wb.hostWidth]:Vb.width,[Wb.hostMinWidth]:Vb.minWidth,[Wb.hostDirection]:Vb.direction,[Wb.fontSize]:Vb.fontSize,[Wb.fontFamily]:Vb.fontFamily,[Wb.labelFontSize]:Vb.labelFontSize,[Wb.labelFontWeight]:Vb.labelFontWeight,[Wb.labelTextColor]:Vb.labelTextColor,[Wb.errorMessageTextColor]:Vb.errorMessageTextColor,[Wb.inputHorizontalPadding]:Vb.horizontalPadding,[Wb.inputHeight]:Vb.inputHeight,[Wb.inputBackgroundColor]:Vb.backgroundColor,[Wb.labelRequiredIndicator]:Vb.requiredIndicator,[Wb.inputValueTextColor]:Vb.valueTextColor,[Wb.inputPlaceholderTextColor]:Vb.placeholderTextColor,[Wb.inputBorderWidth]:Vb.borderWidth,[Wb.inputBorderStyle]:Vb.borderStyle,[Wb.inputBorderColor]:Vb.borderColor,[Wb.inputBorderRadius]:Vb.borderRadius,[Wb.inputOutlineWidth]:Vb.outlineWidth,[Wb.inputOutlineStyle]:Vb.outlineStyle,[Wb.inputOutlineColor]:Vb.outlineColor,[Wb.inputOutlineOffset]:Vb.outlineOffset,[Wb.revealButtonOffset]:jb.spacing.md,[Wb.revealButtonSize]:Vb.toggleButtonSize,[Wb.revealButtonColor]:Vb.placeholderTextColor,[Wb.labelPosition]:Vb.labelPosition,[Wb.labelTopPosition]:Vb.labelTopPosition,[Wb.labelHorizontalPosition]:Vb.labelHorizontalPosition,[Wb.inputTransformY]:Vb.inputTransformY,[Wb.inputTransition]:Vb.inputTransition,[Wb.marginInlineStart]:Vb.marginInlineStart,[Wb.placeholderOpacity]:Vb.placeholderOpacity,[Wb.inputVerticalAlignment]:Vb.inputVerticalAlignment,[Wb.valueInputHeight]:Vb.valueInputHeight,[Wb.errorMessageIcon]:Vb.errorMessageIcon,[Wb.errorMessageIconSize]:Vb.errorMessageIconSize,[Wb.errorMessageIconPadding]:Vb.errorMessageIconPadding,[Wb.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[Wb.errorMessageIconPosition]:Vb.errorMessageIconPosition,[Wb.errorMessageFontSize]:Vb.errorMessageFontSize};var $b=Object.freeze({__proto__:null,default:Fb,vars:Wb});const _b=In.cssVarList,Hb={[_b.hostWidth]:Vb.width,[_b.hostMinWidth]:Vb.minWidth,[_b.hostDirection]:Vb.direction,[_b.fontSize]:Vb.fontSize,[_b.fontFamily]:Vb.fontFamily,[_b.labelFontSize]:Vb.labelFontSize,[_b.labelFontWeight]:Vb.labelFontWeight,[_b.labelTextColor]:Vb.labelTextColor,[_b.errorMessageTextColor]:Vb.errorMessageTextColor,[_b.inputValueTextColor]:Vb.valueTextColor,[_b.inputPlaceholderColor]:Vb.placeholderTextColor,[_b.inputBorderWidth]:Vb.borderWidth,[_b.inputBorderStyle]:Vb.borderStyle,[_b.inputBorderColor]:Vb.borderColor,[_b.inputBorderRadius]:Vb.borderRadius,[_b.inputOutlineWidth]:Vb.outlineWidth,[_b.inputOutlineStyle]:Vb.outlineStyle,[_b.inputOutlineColor]:Vb.outlineColor,[_b.inputOutlineOffset]:Vb.outlineOffset,[_b.inputBackgroundColor]:Vb.backgroundColor,[_b.labelRequiredIndicator]:Vb.requiredIndicator,[_b.inputHorizontalPadding]:Vb.horizontalPadding,[_b.inputHeight]:Vb.inputHeight,[_b.labelPosition]:Vb.labelPosition,[_b.labelTopPosition]:Vb.labelTopPosition,[_b.labelHorizontalPosition]:Vb.labelHorizontalPosition,[_b.inputTransformY]:Vb.inputTransformY,[_b.inputTransition]:Vb.inputTransition,[_b.marginInlineStart]:Vb.marginInlineStart,[_b.placeholderOpacity]:Vb.placeholderOpacity,[_b.inputVerticalAlignment]:Vb.inputVerticalAlignment,[_b.valueInputHeight]:Vb.valueInputHeight,[_b.valueInputMarginBottom]:Vb.valueInputMarginBottom,[_b.errorMessageIcon]:Vb.errorMessageIcon,[_b.errorMessageIconSize]:Vb.errorMessageIconSize,[_b.errorMessageIconPadding]:Vb.errorMessageIconPadding,[_b.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[_b.errorMessageIconPosition]:Vb.errorMessageIconPosition,[_b.errorMessageFontSize]:Vb.errorMessageFontSize};var qb=Object.freeze({__proto__:null,default:Hb,vars:_b});const Yb=mn.cssVarList,Ub={[Yb.hostWidth]:Vb.width,[Yb.hostMinWidth]:Vb.minWidth,[Yb.hostDirection]:Vb.direction,[Yb.fontSize]:Vb.fontSize,[Yb.fontFamily]:Vb.fontFamily,[Yb.labelFontSize]:Vb.labelFontSize,[Yb.labelFontWeight]:Vb.labelFontWeight,[Yb.labelTextColor]:Vb.labelTextColor,[Yb.errorMessageTextColor]:Vb.errorMessageTextColor,[Yb.inputValueTextColor]:Vb.valueTextColor,[Yb.labelRequiredIndicator]:Vb.requiredIndicator,[Yb.inputPlaceholderColor]:Vb.placeholderTextColor,[Yb.inputBorderWidth]:Vb.borderWidth,[Yb.inputBorderStyle]:Vb.borderStyle,[Yb.inputBorderColor]:Vb.borderColor,[Yb.inputBorderRadius]:Vb.borderRadius,[Yb.inputOutlineWidth]:Vb.outlineWidth,[Yb.inputOutlineStyle]:Vb.outlineStyle,[Yb.inputOutlineColor]:Vb.outlineColor,[Yb.inputOutlineOffset]:Vb.outlineOffset,[Yb.inputBackgroundColor]:Vb.backgroundColor,[Yb.inputHorizontalPadding]:Vb.horizontalPadding,[Yb.inputHeight]:Vb.inputHeight,[Yb.labelPosition]:Vb.labelPosition,[Yb.labelTopPosition]:Vb.labelTopPosition,[Yb.labelHorizontalPosition]:Vb.labelHorizontalPosition,[Yb.inputTransformY]:Vb.inputTransformY,[Yb.inputTransition]:Vb.inputTransition,[Yb.marginInlineStart]:Vb.marginInlineStart,[Yb.placeholderOpacity]:Vb.placeholderOpacity,[Yb.inputVerticalAlignment]:Vb.inputVerticalAlignment,[Yb.valueInputHeight]:Vb.valueInputHeight,[Yb.valueInputMarginBottom]:Vb.valueInputMarginBottom,[Yb.errorMessageIcon]:Vb.errorMessageIcon,[Yb.errorMessageIconSize]:Vb.errorMessageIconSize,[Yb.errorMessageIconPadding]:Vb.errorMessageIconPadding,[Yb.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[Yb.errorMessageIconPosition]:Vb.errorMessageIconPosition,[Yb.errorMessageFontSize]:Vb.errorMessageFontSize};var Gb=Object.freeze({__proto__:null,default:Ub,vars:Yb});const Zb=hs.cssVarList,Qb={[Zb.hostWidth]:Vb.width,[Zb.hostMinWidth]:Vb.minWidth,[Zb.hostDirection]:Vb.direction,[Zb.fontSize]:Vb.fontSize,[Zb.fontFamily]:Vb.fontFamily,[Zb.labelTextColor]:Vb.labelTextColor,[Zb.labelRequiredIndicator]:Vb.requiredIndicator,[Zb.errorMessageTextColor]:Vb.errorMessageTextColor,[Zb.inputBackgroundColor]:Vb.backgroundColor,[Zb.inputValueTextColor]:Vb.valueTextColor,[Zb.inputPlaceholderTextColor]:Vb.placeholderTextColor,[Zb.inputBorderRadius]:Vb.borderRadius,[Zb.inputBorderWidth]:Vb.borderWidth,[Zb.inputBorderStyle]:Vb.borderStyle,[Zb.inputBorderColor]:Vb.borderColor,[Zb.inputOutlineWidth]:Vb.outlineWidth,[Zb.inputOutlineStyle]:Vb.outlineStyle,[Zb.inputOutlineColor]:Vb.outlineColor,[Zb.inputOutlineOffset]:Vb.outlineOffset,[Zb.inputResizeType]:"vertical",[Zb.inputMinHeight]:"5em",[Zb.errorMessageIcon]:Vb.errorMessageIcon,[Zb.errorMessageIconSize]:Vb.errorMessageIconSize,[Zb.errorMessageIconPadding]:Vb.errorMessageIconPadding,[Zb.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[Zb.errorMessageIconPosition]:Vb.errorMessageIconPosition,[Zb.errorMessageFontSize]:Vb.errorMessageFontSize,textAlign:{right:{[Zb.inputTextAlign]:"right"},left:{[Zb.inputTextAlign]:"left"},center:{[Zb.inputTextAlign]:"center"}},_readonly:{[Zb.inputResizeType]:"none"}};var Jb=Object.freeze({__proto__:null,default:Qb,vars:Zb});const Kb=xo.cssVarList,Xb="1.35em",ey={[Kb.hostWidth]:Vb.width,[Kb.hostDirection]:Vb.direction,[Kb.fontSize]:Vb.fontSize,[Kb.fontFamily]:Vb.fontFamily,[Kb.labelTextColor]:Vb.labelTextColor,[Kb.labelRequiredIndicator]:Vb.requiredIndicator,[Kb.labelFontWeight]:"400",[Kb.labelLineHeight]:Xb,[Kb.labelSpacing]:"1em",[Kb.errorMessageTextColor]:Vb.errorMessageTextColor,[Kb.inputOutlineWidth]:Vb.outlineWidth,[Kb.inputOutlineOffset]:Vb.outlineOffset,[Kb.inputOutlineColor]:Vb.outlineColor,[Kb.inputOutlineStyle]:Vb.outlineStyle,[Kb.inputBorderRadius]:Vb.borderRadius,[Kb.inputBorderColor]:Vb.borderColor,[Kb.inputBorderWidth]:Vb.borderWidth,[Kb.inputBorderStyle]:Vb.borderStyle,[Kb.inputBackgroundColor]:Vb.backgroundColor,[Kb.inputSize]:Xb,[Kb.inputValueTextColor]:Vb.valueTextColor,[Kb.errorMessageIcon]:Vb.errorMessageIcon,[Kb.errorMessageIconSize]:Vb.errorMessageIconSize,[Kb.errorMessageIconPadding]:Vb.errorMessageIconPadding,[Kb.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[Kb.errorMessageIconPosition]:Vb.errorMessageIconPosition,[Kb.errorMessageFontSize]:Vb.errorMessageFontSize};var ty=Object.freeze({__proto__:null,default:ey,vars:Kb});const oy="2px",iy=ft(nu),ry=_o.cssVarList,ny={[ry.hostWidth]:Vb.width,[ry.hostDirection]:Vb.direction,[ry.fontSize]:Vb.fontSize,[ry.fontFamily]:Vb.fontFamily,[ry.inputOutlineWidth]:Vb.outlineWidth,[ry.inputOutlineOffset]:Vb.outlineOffset,[ry.inputOutlineColor]:Vb.outlineColor,[ry.inputOutlineStyle]:Vb.outlineStyle,[ry.trackBorderStyle]:Vb.borderStyle,[ry.trackBorderWidth]:Vb.borderWidth,[ry.trackBorderColor]:Vb.borderColor,[ry.trackBackgroundColor]:Vb.backgroundColor,[ry.trackBorderRadius]:iy.radius.md,[ry.trackWidth]:"2.5em",[ry.trackHeight]:"1.25em",[ry.knobSize]:`calc(1em - ${oy})`,[ry.knobRadius]:"50%",[ry.knobTopOffset]:"1px",[ry.knobLeftOffset]:oy,[ry.knobColor]:Vb.labelTextColor,[ry.knobTransitionDuration]:"0.3s",[ry.labelTextColor]:Vb.labelTextColor,[ry.labelFontWeight]:"400",[ry.labelLineHeight]:"1.35em",[ry.labelSpacing]:"1em",[ry.labelRequiredIndicator]:Vb.requiredIndicator,[ry.errorMessageTextColor]:Vb.errorMessageTextColor,[ry.errorMessageIcon]:Vb.errorMessageIcon,[ry.errorMessageIconSize]:Vb.errorMessageIconSize,[ry.errorMessageIconPadding]:Vb.errorMessageIconPadding,[ry.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[ry.errorMessageIconPosition]:Vb.errorMessageIconPosition,[ry.errorMessageFontSize]:Vb.errorMessageFontSize,_checked:{[ry.trackBorderColor]:Vb.borderColor,[ry.knobLeftOffset]:`calc(100% - var(${ry.knobSize}) - ${oy})`,[ry.knobColor]:Vb.valueTextColor,[ry.knobTextColor]:Vb.valueTextColor},_disabled:{[ry.knobColor]:iy.colors.surface.light,[ry.trackBorderColor]:iy.colors.surface.light,[ry.trackBackgroundColor]:iy.colors.surface.main,[ry.labelTextColor]:Vb.labelTextColor,_checked:{[ry.knobColor]:iy.colors.surface.light,[ry.trackBackgroundColor]:iy.colors.surface.main}},_invalid:{[ry.trackBorderColor]:iy.colors.error.main,[ry.knobColor]:iy.colors.error.main}};var sy=Object.freeze({__proto__:null,default:ny,vars:ry});const ay=ft(nu),ly=ei.cssVarList,[dy,cy,py]=Tt({verticalAlignment:{start:{verticalAlignment:"start"},center:{verticalAlignment:"safe center"},end:{verticalAlignment:"end"}},horizontalAlignment:{start:{horizontalAlignment:"start"},center:{horizontalAlignment:"safe center"},end:{horizontalAlignment:"end"}},shadowColor:"#00000020"},Ko),{shadowColor:uy}=cy,hy={...dy,[ly.itemsGrow]:"0",[ly.hostWidth]:"100%",[ly.boxShadow]:"none",[ly.backgroundColor]:ay.colors.surface.main,[ly.backgroundImage]:"",[ly.backgroundPositionX]:"center",[ly.backgroundPositionY]:"center",[ly.backgroundSize]:"cover",[ly.backgroundRepeat]:"no-repeat",[ly.color]:ay.colors.surface.contrast,[ly.borderRadius]:"0px",[ly.hostDirection]:ay.direction,[ly.borderStyle]:"none",[ly.borderWidth]:"unset",[ly.borderColor]:"unset",verticalPadding:{sm:{[ly.verticalPadding]:"5px"},md:{[ly.verticalPadding]:"10px"},lg:{[ly.verticalPadding]:"20px"}},horizontalPadding:{sm:{[ly.horizontalPadding]:"5px"},md:{[ly.horizontalPadding]:"10px"},lg:{[ly.horizontalPadding]:"20px"}},direction:{row:{[ly.flexDirection]:"row",[ly.alignItems]:cy.verticalAlignment,[ly.justifyContent]:cy.horizontalAlignment,[ly.flexWrap]:"wrap",horizontalAlignment:{spaceBetween:{[py.horizontalAlignment]:"space-between"}}},column:{[ly.flexDirection]:"column",[ly.alignItems]:cy.horizontalAlignment,[ly.justifyContent]:cy.verticalAlignment,verticalAlignment:{spaceBetween:{[py.verticalAlignment]:"space-between"}}}},spaceBetween:{sm:{[ly.gap]:"10px"},md:{[ly.gap]:"20px"},lg:{[ly.gap]:"30px"}},shadow:{sm:{[ly.boxShadow]:`${ay.shadow.wide.sm} ${uy}, ${ay.shadow.narrow.sm} ${uy}`},md:{[ly.boxShadow]:`${ay.shadow.wide.md} ${uy}, ${ay.shadow.narrow.md} ${uy}`},lg:{[ly.boxShadow]:`${ay.shadow.wide.lg} ${uy}, ${ay.shadow.narrow.lg} ${uy}`},xl:{[ly.boxShadow]:`${ay.shadow.wide.xl} ${uy}, ${ay.shadow.narrow.xl} ${uy}`},"2xl":{[py.shadowColor]:"#00000050",[ly.boxShadow]:`${ay.shadow.wide["2xl"]} ${uy}`}},"&borderRadius":{sm:{[ly.borderRadius]:ay.radius.sm},md:{[ly.borderRadius]:ay.radius.md},lg:{[ly.borderRadius]:ay.radius.lg},xl:{[ly.borderRadius]:ay.radius.xl},"2xl":{[ly.borderRadius]:ay.radius["2xl"]},"3xl":{[ly.borderRadius]:ay.radius["3xl"]}}},my={...ly,...py};var gy=Object.freeze({__proto__:null,default:hy,vars:my});const by=yn.cssVarList,yy={[by.fallbackUrl]:"url(https://imgs.descope.com/components/no-logo-placeholder.svg)"};var vy=Object.freeze({__proto__:null,default:yy,vars:by});const fy=fn.cssVarList,xy={[fy.fallbackUrl]:"url(https://imgs.descope.com/components/totp-placeholder.svg)"};var Cy=Object.freeze({__proto__:null,default:xy,vars:fy});const wy=Cn.cssVarList,Iy={[wy.fallbackUrl]:"url(https://imgs.descope.com/components/notp-placeholder.svg)"};var Sy=Object.freeze({__proto__:null,default:Iy,vars:wy});const My=ft(nu),Ay=un.cssVarList,[Ey,Ty,ky]=Tt({thickness:"2px",spacing:"10px"},nn),zy={...Ey,[Ay.hostDirection]:My.direction,[Ay.alignItems]:"center",[Ay.flexDirection]:"row",[Ay.alignSelf]:"stretch",[Ay.hostWidth]:"100%",[Ay.stripeColor]:My.colors.surface.light,[Ay.stripeColorOpacity]:"0.5",[Ay.stripeHorizontalThickness]:Ty.thickness,[Ay.labelTextWidth]:"fit-content",[Ay.labelTextMaxWidth]:"calc(100% - 100px)",[Ay.labelTextHorizontalSpacing]:Ty.spacing,[Ay.textAlign]:"center",_vertical:{[Ay.minHeight]:"200px",[Ay.flexDirection]:"column",[Ay.hostWidth]:"fit-content",[Ay.hostPadding]:`0 calc(${Ty.thickness} * 3)`,[Ay.stripeVerticalThickness]:Ty.thickness,[Ay.labelTextWidth]:"fit-content",[Ay.labelTextMaxWidth]:"100%",[Ay.labelTextVerticalSpacing]:Ty.spacing}},Ly={...Ay,...ky};var Vy=Object.freeze({__proto__:null,default:zy,vars:Ly});const Ny=qn.cssVarList,Dy={[Ny.hostDirection]:Vb.direction,[Ny.fontFamily]:Vb.fontFamily,[Ny.fontSize]:Vb.fontSize,[Ny.labelTextColor]:Vb.labelTextColor,[Ny.labelRequiredIndicator]:Vb.requiredIndicator,[Ny.errorMessageTextColor]:Vb.errorMessageTextColor,[Ny.digitValueTextColor]:Vb.valueTextColor,[Ny.digitPadding]:"0",[Ny.digitTextAlign]:"center",[Ny.digitSpacing]:"4px",[Ny.hostWidth]:Vb.width,[Ny.digitOutlineColor]:"transparent",[Ny.digitOutlineWidth]:Vb.outlineWidth,[Ny.focusedDigitFieldOutlineColor]:Vb.outlineColor,[Ny.digitSize]:Vb.inputHeight,[Ny.errorMessageIcon]:Vb.errorMessageIcon,[Ny.errorMessageIconSize]:Vb.errorMessageIconSize,[Ny.errorMessageIconPadding]:Vb.errorMessageIconPadding,[Ny.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[Ny.errorMessageIconPosition]:Vb.errorMessageIconPosition,[Ny.errorMessageFontSize]:Vb.errorMessageFontSize,size:{xs:{[Ny.spinnerSize]:"15px"},sm:{[Ny.spinnerSize]:"20px"},md:{[Ny.spinnerSize]:"20px"},lg:{[Ny.spinnerSize]:"20px"}},_hideCursor:{[Ny.digitCaretTextColor]:"transparent"},_loading:{[Ny.overlayOpacity]:Vb.overlayOpacity}};var Py=Object.freeze({__proto__:null,default:Dy,vars:Ny});const By=ft(nu),Ry=Go.cssVarList,Oy={[Ry.hostDisplay]:"inline-block",[Ry.hostWidth]:"100%",[Ry.barColor]:By.colors.surface.contrast,[Ry.barWidth]:"20%",[Ry.barBackgroundColor]:By.colors.surface.light,[Ry.barBorderRadius]:"4px",[Ry.animationDuration]:"2s",[Ry.animationTimingFunction]:"linear",[Ry.animationIterationCount]:"infinite",[Ry.verticalPadding]:"0.25em",size:{xs:{[Ry.barHeight]:"2px"},sm:{[Ry.barHeight]:"4px"},md:{[Ry.barHeight]:"6px"},lg:{[Ry.barHeight]:"8px"}},mode:{primary:{[Ry.barColor]:By.colors.primary.main},secondary:{[Ry.barColor]:By.colors.secondary.main}},_hidden:{[Ry.hostDisplay]:"none"}};var jy=Object.freeze({__proto__:null,default:Oy,vars:Ry});const Wy=ft(nu),Fy=Jo.cssVarList,[$y,_y,Hy]=Tt({spinnerColor:Wy.colors.surface.contrast,mode:{primary:{spinnerColor:Wy.colors.primary.main},secondary:{spinnerColor:Wy.colors.secondary.main}}},Zo),qy={...$y,[Fy.animationDuration]:"2s",[Fy.animationTimingFunction]:"linear",[Fy.animationIterationCount]:"infinite",[Fy.spinnerBorderStyle]:"solid",[Fy.spinnerBorderWidth]:"0.2em",[Fy.spinnerBorderRadius]:"50%",[Fy.spinnerQuadrant1Color]:_y.spinnerColor,[Fy.spinnerQuadrant2Color]:"transparent",[Fy.spinnerQuadrant3Color]:_y.spinnerColor,[Fy.spinnerQuadrant4Color]:"transparent",size:{xs:{[Fy.spinnerSize]:"20px"},sm:{[Fy.spinnerSize]:"30px"},md:{[Fy.spinnerSize]:"40px"},lg:{[Fy.spinnerSize]:"60px"},xl:{[Fy.spinnerSize]:"80px"}},_hidden:{[Fy.hostDisplay]:"none"}},Yy={...Fy,...Hy};var Uy=Object.freeze({__proto__:null,default:qy,vars:Yy});const Gy=Rs.cssVarList,Zy={[Gy.hostWidth]:Vb.width,[Gy.hostDirection]:Vb.direction,[Gy.fontSize]:Vb.fontSize,[Gy.fontFamily]:Vb.fontFamily,[Gy.labelTextColor]:Vb.labelTextColor,[Gy.labelRequiredIndicator]:Vb.requiredIndicator,[Gy.errorMessageTextColor]:Vb.errorMessageTextColor,[Gy.inputValueTextColor]:Vb.valueTextColor,[Gy.inputPlaceholderTextColor]:Vb.placeholderTextColor,[Gy.inputBorderStyle]:Vb.borderStyle,[Gy.inputBorderWidth]:Vb.borderWidth,[Gy.inputBorderColor]:Vb.borderColor,[Gy.inputBorderRadius]:Vb.borderRadius,[Gy.inputOutlineStyle]:Vb.outlineStyle,[Gy.inputOutlineWidth]:Vb.outlineWidth,[Gy.inputOutlineColor]:Vb.outlineColor,[Gy.inputOutlineOffset]:Vb.outlineOffset,[Gy.phoneInputWidth]:Vb.minWidth,[Gy.countryCodeInputWidth]:"5em",[Gy.countryCodeDropdownWidth]:"20em",[Gy.marginInlineStart]:"-0.25em",[Gy.valueInputHeight]:Vb.valueInputHeight,[Gy.valueInputMarginBottom]:Vb.valueInputMarginBottom,[Gy.errorMessageIcon]:Vb.errorMessageIcon,[Gy.errorMessageIconSize]:Vb.errorMessageIconSize,[Gy.errorMessageIconPadding]:Vb.errorMessageIconPadding,[Gy.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[Gy.errorMessageIconPosition]:Vb.errorMessageIconPosition,[Gy.errorMessageFontSize]:Vb.errorMessageFontSize};var Qy=Object.freeze({__proto__:null,default:Zy,vars:Gy});const Jy=ea.cssVarList,Ky={[Jy.hostWidth]:"16em",[Jy.hostMinWidth]:Vb.minWidth,[Jy.hostDirection]:Vb.direction,[Jy.fontSize]:Vb.fontSize,[Jy.fontFamily]:Vb.fontFamily,[Jy.labelFontSize]:Vb.labelFontSize,[Jy.labelFontWeight]:Vb.labelFontWeight,[Jy.labelTextColor]:Vb.labelTextColor,[Jy.labelRequiredIndicator]:Vb.requiredIndicator,[Jy.errorMessageTextColor]:Vb.errorMessageTextColor,[Jy.inputValueTextColor]:Vb.valueTextColor,[Jy.inputPlaceholderTextColor]:Vb.placeholderTextColor,[Jy.inputBorderStyle]:Vb.borderStyle,[Jy.inputBorderWidth]:Vb.borderWidth,[Jy.inputBorderColor]:Vb.borderColor,[Jy.inputBorderRadius]:Vb.borderRadius,[Jy.inputOutlineStyle]:Vb.outlineStyle,[Jy.inputOutlineWidth]:Vb.outlineWidth,[Jy.inputOutlineColor]:Vb.outlineColor,[Jy.inputOutlineOffset]:Vb.outlineOffset,[Jy.labelPosition]:Vb.labelPosition,[Jy.labelTopPosition]:Vb.labelTopPosition,[Jy.labelHorizontalPosition]:Vb.labelHorizontalPosition,[Jy.inputTransformY]:Vb.inputTransformY,[Jy.inputTransition]:Vb.inputTransition,[Jy.marginInlineStart]:Vb.marginInlineStart,[Jy.valueInputHeight]:Vb.valueInputHeight,[Jy.valueInputMarginBottom]:Vb.valueInputMarginBottom,[Jy.inputHorizontalPadding]:"0",[Jy.errorMessageIcon]:Vb.errorMessageIcon,[Jy.errorMessageIconSize]:Vb.errorMessageIconSize,[Jy.errorMessageIconPadding]:Vb.errorMessageIconPadding,[Jy.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[Jy.errorMessageIconPosition]:Vb.errorMessageIconPosition,[Jy.errorMessageFontSize]:Vb.errorMessageFontSize,_fullWidth:{[Jy.hostWidth]:Vb.width}};var Xy=Object.freeze({__proto__:null,default:Ky,vars:Jy});const ev=ft(nu),tv=wa.cssVarList,ov={[tv.hostWidth]:Vb.width,[tv.hostMinWidth]:Vb.minWidth,[tv.hostDirection]:Vb.direction,[tv.fontSize]:Vb.fontSize,[tv.fontFamily]:Vb.fontFamily,[tv.labelFontSize]:Vb.labelFontSize,[tv.labelFontWeight]:Vb.labelFontWeight,[tv.labelTextColor]:Vb.labelTextColor,[tv.spaceBetweenInputs]:"1em",[tv.errorMessageTextColor]:Vb.errorMessageTextColor,[tv.policyPreviewBackgroundColor]:"none",[tv.policyPreviewPadding]:ev.spacing.lg,[tv.valueInputHeight]:Vb.valueInputHeight,[tv.errorMessageIcon]:Vb.errorMessageIcon,[tv.errorMessageIconSize]:Vb.errorMessageIconSize,[tv.errorMessageIconPadding]:Vb.errorMessageIconPadding,[tv.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[tv.errorMessageIconPosition]:Vb.errorMessageIconPosition,[tv.errorMessageFontSize]:Vb.errorMessageFontSize,_required:{[tv.inputsRequiredIndicator]:Vb.requiredIndicator}};var iv=Object.freeze({__proto__:null,default:ov,vars:tv});const rv=Ya.cssVarList,nv={[rv.hostDirection]:Vb.direction,[rv.labelTextColor]:Vb.labelTextColor,[rv.fontFamily]:Vb.fontFamily,[rv.iconSize]:"2em",[rv.hostPadding]:"0.75em",[rv.gap]:"0.5em",[rv.fontSize]:"16px",[rv.titleFontWeight]:"500",[rv.lineHeight]:"1em",[rv.borderWidth]:Vb.borderWidth,[rv.borderColor]:Vb.borderColor,[rv.borderRadius]:Vb.borderRadius,[rv.borderStyle]:"dashed",_required:{[rv.requiredIndicator]:Vb.requiredIndicator},size:{xs:{[rv.hostHeight]:"196px",[rv.hostWidth]:"200px",[rv.titleFontSize]:"0.875em",[rv.descriptionFontSize]:"0.875em",[rv.lineHeight]:"1.25em"},sm:{[rv.hostHeight]:"216px",[rv.hostWidth]:"230px",[rv.titleFontSize]:"1em",[rv.descriptionFontSize]:"0.875em",[rv.lineHeight]:"1.25em"},md:{[rv.hostHeight]:"256px",[rv.hostWidth]:"312px",[rv.titleFontSize]:"1.125em",[rv.descriptionFontSize]:"1em",[rv.lineHeight]:"1.5em"},lg:{[rv.hostHeight]:"280px",[rv.hostWidth]:"336px",[rv.titleFontSize]:"1.125em",[rv.descriptionFontSize]:"1.125em",[rv.lineHeight]:"1.75em"}},_fullWidth:{[rv.hostWidth]:Vb.width}};var sv=Object.freeze({__proto__:null,default:nv,vars:rv});const av=ft(nu),lv=ll.cssVarList,dv={[lv.hostDirection]:"inherit",[lv.backgroundColor]:av.colors.surface.main,[lv.labelTextColor]:av.colors.surface.contrast,[lv.borderColor]:av.colors.surface.light,[lv.borderStyle]:"solid",[lv.borderRadius]:av.radius.sm,[lv.outlineColor]:"transparent",[lv.borderWidth]:av.border.xs,_hover:{[lv.backgroundColor]:av.colors.surface.highlight},_focused:{[lv.outlineColor]:av.colors.surface.light},_selected:{[lv.borderColor]:av.colors.surface.contrast,[lv.backgroundColor]:av.colors.surface.contrast,[lv.labelTextColor]:av.colors.surface.main}};var cv=Object.freeze({__proto__:null,default:dv,vars:lv});const pv=ft(nu),uv=e=>({[e.hostDirection]:Vb.direction,[e.fontFamily]:Vb.fontFamily,[e.labelTextColor]:Vb.labelTextColor,[e.labelRequiredIndicator]:Vb.requiredIndicator,[e.itemsSpacing]:pv.spacing.sm,[e.hostWidth]:Vb.width,[e.errorMessageTextColor]:Vb.errorMessageTextColor,[e.errorMessageIcon]:Vb.errorMessageIcon,[e.errorMessageIconSize]:Vb.errorMessageIconSize,[e.errorMessageIconPadding]:Vb.errorMessageIconPadding,[e.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[e.errorMessageIconPosition]:Vb.errorMessageIconPosition,[e.errorMessageFontSize]:Vb.errorMessageFontSize}),hv=nl.cssVarList,mv={...uv(hv)};var gv=Object.freeze({__proto__:null,default:mv,vars:hv});const bv=ul.cssVarList,yv={...uv(bv)};var vv=Object.freeze({__proto__:null,default:yv,vars:bv});const fv=ft(nu),xv=cc.cssVarList,Cv={[xv.overlayBackgroundColor]:fv.colors.surface.main,[xv.overlayShadow]:fv.shadow.wide["2xl"],[xv.overlayWidth]:"540px",[xv.overlayBackdropColor]:"hsla(214, 53%, 23%, 0.16)"},wv={...xv};var Iv=Object.freeze({__proto__:null,default:Cv,vars:wv});const Sv=ft(nu),Mv=qd.cssVarList,Av={[Mv.hostWidth]:"100%",[Mv.hostHeight]:"100%",[Mv.hostMinHeight]:"400px",[Mv.fontWeight]:"400",[Mv.backgroundColor]:Sv.colors.surface.main,[Mv.fontSize]:Vb.fontSize,[Mv.fontFamily]:Vb.fontFamily,[Mv.sortIndicatorsColor]:Sv.colors.surface.light,[Mv.activeSortIndicator]:Sv.colors.surface.dark,[Mv.resizeHandleColor]:Sv.colors.surface.light,[Mv.borderWidth]:Vb.borderWidth,[Mv.borderStyle]:Vb.borderStyle,[Mv.borderRadius]:Vb.borderRadius,[Mv.borderColor]:"transparent",[Mv.headerRowTextColor]:Sv.colors.surface.dark,[Mv.separatorColor]:Sv.colors.surface.light,[Mv.valueTextColor]:Sv.colors.surface.contrast,[Mv.selectedBackgroundColor]:Sv.colors.surface.highlight,[Mv.hostDirection]:Sv.direction,[Mv.toggleDetailsPanelButtonSize]:"1em",[Mv.toggleDetailsPanelButtonOpenedColor]:Sv.colors.surface.contrast,[Mv.toggleDetailsPanelButtonClosedColor]:Sv.colors.surface.light,[Mv.toggleDetailsPanelButtonCursor]:"pointer",[Mv.detailsPanelBackgroundColor]:Sv.colors.surface.highlight,[Mv.detailsPanelBorderTopColor]:Sv.colors.surface.light,[Mv.detailsPanelLabelsColor]:Sv.colors.surface.dark,[Mv.detailsPanelLabelsFontSize]:"0.8em",[Mv.detailsPanelItemsGap]:"2em",[Mv.detailsPanelPadding]:"12px 0",_bordered:{[Mv.borderColor]:Vb.borderColor}};var Ev=Object.freeze({__proto__:null,default:Av,grid:Av,vars:Mv});const Tv=ft(nu),kv=mc.cssVarList,zv="#00000020",Lv={[kv.hostMinWidth]:"415px",[kv.fontFamily]:Tv.fonts.font1.family,[kv.fontSize]:Tv.typography.body1.size,[kv.backgroundColor]:Tv.colors.surface.main,[kv.textColor]:Tv.colors.surface.contrast,[kv.boxShadow]:`${Tv.shadow.wide.xl} ${zv}, ${Tv.shadow.narrow.xl} ${zv}`,[kv.verticalPadding]:"0.625em",[kv.horizontalPadding]:"1.5em",[kv.borderRadius]:Tv.radius.xs,_bordered:{[kv.borderWidth]:Tv.border.sm,[kv.borderStyle]:"solid",[kv.borderColor]:"transparent"},size:{xs:{[kv.fontSize]:"12px"},sm:{[kv.fontSize]:"14px"},md:{[kv.fontSize]:"16px"},lg:{[kv.fontSize]:"18px"}},mode:{primary:{[kv.backgroundColor]:Tv.colors.primary.main,[kv.textColor]:Tv.colors.primary.contrast,[kv.borderColor]:Tv.colors.primary.light},success:{[kv.backgroundColor]:Tv.colors.success.main,[kv.textColor]:Tv.colors.success.contrast,[kv.borderColor]:Tv.colors.success.light},error:{[kv.backgroundColor]:Tv.colors.error.main,[kv.textColor]:Tv.colors.error.contrast,[kv.borderColor]:Tv.colors.error.light}}};var Vv=Object.freeze({__proto__:null,default:Lv,vars:kv});const Nv=ft(nu),Dv=ac.cssVarList,Pv={[Dv.hostWidth]:Vb.width,[Dv.hostDirection]:Vb.direction,[Dv.fontSize]:Vb.fontSize,[Dv.fontFamily]:Vb.fontFamily,[Dv.labelFontSize]:Vb.labelFontSize,[Dv.labelFontWeight]:Vb.labelFontWeight,[Dv.labelTextColor]:Vb.labelTextColor,[Dv.errorMessageTextColor]:Vb.errorMessageTextColor,[Dv.inputBorderColor]:Vb.borderColor,[Dv.inputBorderWidth]:Vb.borderWidth,[Dv.inputBorderStyle]:Vb.borderStyle,[Dv.inputBorderRadius]:Vb.borderRadius,[Dv.inputOutlineColor]:Vb.outlineColor,[Dv.inputOutlineOffset]:Vb.outlineOffset,[Dv.inputOutlineWidth]:Vb.outlineWidth,[Dv.inputOutlineStyle]:Vb.outlineStyle,[Dv.labelRequiredIndicator]:Vb.requiredIndicator,[Dv.inputValueTextColor]:Vb.valueTextColor,[Dv.inputPlaceholderTextColor]:Vb.placeholderTextColor,[Dv.inputBackgroundColor]:Vb.backgroundColor,[Dv.inputHorizontalPadding]:Vb.horizontalPadding,[Dv.inputVerticalPadding]:Vb.verticalPadding,[Dv.inputHeight]:Vb.inputHeight,[Dv.inputDropdownButtonColor]:Nv.colors.surface.dark,[Dv.inputDropdownButtonCursor]:"pointer",[Dv.inputDropdownButtonSize]:Vb.toggleButtonSize,[Dv.inputDropdownButtonOffset]:Nv.spacing.xs,[Dv.overlayItemPaddingInlineStart]:Nv.spacing.xs,[Dv.overlayItemPaddingInlineEnd]:Nv.spacing.lg,[Dv.chipFontSize]:Vb.chipFontSize,[Dv.chipTextColor]:Nv.colors.surface.contrast,[Dv.chipBackgroundColor]:Nv.colors.surface.light,[Dv.labelPosition]:Vb.labelPosition,[Dv.labelTopPosition]:Vb.labelTopPosition,[Dv.labelLeftPosition]:Vb.labelLeftPosition,[Dv.labelHorizontalPosition]:Vb.labelHorizontalPosition,[Dv.inputTransformY]:Vb.inputTransformY,[Dv.inputTransition]:Vb.inputTransition,[Dv.marginInlineStart]:Vb.marginInlineStart,[Dv.placeholderOpacity]:Vb.placeholderOpacity,[Dv.inputVerticalAlignment]:Vb.inputVerticalAlignment,[Dv.errorMessageIcon]:Vb.errorMessageIcon,[Dv.errorMessageIconSize]:Vb.errorMessageIconSize,[Dv.errorMessageIconPadding]:Vb.errorMessageIconPadding,[Dv.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[Dv.errorMessageIconPosition]:Vb.errorMessageIconPosition,[Dv.errorMessageFontSize]:Vb.errorMessageFontSize,labelType:{floating:{[Dv.inputHorizontalPadding]:"0.25em",_hasValue:{[Dv.inputHorizontalPadding]:"0.45em"}}},_readonly:{[Dv.inputDropdownButtonCursor]:"default"},[Dv.overlayFontSize]:Vb.fontSize,[Dv.overlayFontFamily]:Vb.fontFamily,[Dv.overlayCursor]:"pointer",[Dv.overlayItemBoxShadow]:"none",[Dv.overlayBackground]:Vb.backgroundColor,[Dv.overlayTextColor]:Vb.valueTextColor,[Dv.overlay.minHeight]:"400px",[Dv.overlay.margin]:"0"};var Bv=Object.freeze({__proto__:null,default:Pv,multiSelectComboBox:Pv,vars:Dv});const Rv=ft(nu),Ov=zc.cssVarList,jv={[Ov.hostWidth]:Vb.width,[Ov.hostDirection]:Vb.direction,[Ov.fontSize]:Vb.fontSize,[Ov.fontFamily]:Vb.fontFamily,[Ov.separatorFontSize]:"14px",[Ov.labelsFontSize]:"14px",[Ov.labelsLineHeight]:"1",[Ov.labelsMarginBottom]:"6px",[Ov.labelTextColor]:Vb.labelTextColor,[Ov.itemMarginBottom]:"1em",[Ov.valueLabelMinWidth]:Vb.minWidth,[Ov.attrLabelMinWidth]:`calc(12em + 2 * ${Rv.border.xs})`,[Ov.separatorWidth]:"70px",[Ov.removeButtonWidth]:"60px"};var Wv=Object.freeze({__proto__:null,default:jv,mappingsField:jv,vars:Ov});const Fv=ft(nu),$v=qc.cssVarList,_v={[$v.labelMinWidth]:"150px",[$v.hostDirection]:Fv.direction,[$v.contentMinWidth]:`calc(100% - ${Et($v.labelMinWidth)} - ${Et($v.itemsGap)})`,[$v.badgeMaxWidth]:"85px",[$v.itemsGap]:"4px",[$v.hostMinWidth]:"310px",[$v.hostWidth]:"530px",[$v.hostMaxWidth]:"100%",_fullWidth:{[$v.hostWidth]:"100%"}};var Hv=Object.freeze({__proto__:null,default:_v,vars:$v});const qv=ft(nu),Yv=ep.cssVarList,Uv={[Yv.hostDirection]:qv.direction,[Yv.itemsGap]:"16px",[Yv.hostMinWidth]:"310px",[Yv.hostWidth]:"530px",[Yv.hostMaxWidth]:"100%",[Yv.iconSize]:"24px",[Yv.iconColor]:"currentcolor",_fullWidth:{[Yv.hostWidth]:"100%"}};var Gv=Object.freeze({__proto__:null,default:Uv,vars:Yv});const Zv=ap.cssVarList,Qv={[Zv.hostWidth]:Vb.width,[Zv.hostDirection]:Vb.direction,[Zv.groupNameInputMarginBottom]:"1em",[Zv.errorMessageIcon]:Vb.errorMessageIcon,[Zv.errorMessageIconSize]:Vb.errorMessageIconSize,[Zv.errorMessageIconPadding]:Vb.errorMessageIconPadding,[Zv.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[Zv.errorMessageIconPosition]:Vb.errorMessageIconPosition,[Zv.errorMessageFontSize]:Vb.errorMessageFontSize};var Jv=Object.freeze({__proto__:null,default:Qv,samlGroupMappings:Qv,vars:Zv});const Kv=ft(nu),Xv=ua.cssVarList,ef={[Xv.fontFamily]:Vb.fontFamily,[Xv.fontSize]:Vb.labelFontSize,[Xv.textColor]:Vb.labelTextColor,[Xv.borderWidth]:Vb.borderWidth,[Xv.borderStyle]:Vb.borderStyle,[Xv.borderColor]:Vb.borderColor,[Xv.borderRadius]:Kv.radius.sm,[Xv.backgroundColor]:"none",[Xv.padding]:"0px",[Xv.labelMargin]:Kv.spacing.sm,[Xv.itemsSpacing]:Kv.spacing.lg,[Xv.itemSymbolDefault]:"'\\2022'",[Xv.itemSymbolSuccess]:"'\\2713'",[Xv.itemSymbolError]:"'\\2A09'",[Xv.itemSymbolSuccessColor]:Kv.colors.success.main,[Xv.itemSymbolErrorColor]:Kv.colors.error.main};var tf=Object.freeze({__proto__:null,default:ef,vars:Xv});const of=ft(nu),rf=fd.cssVarList,nf="#d73a49",sf="#6f42c1",af="#005cc5",lf="#e36209",df="#6a737d",cf="#22863a",pf="#24292e",uf="#f0fff4",hf="#032f62",mf="#ff7b72",gf="#d2a8ff",bf="#79c0ff",yf="#ffa657",vf="#8b949e",ff="#7ee787",xf="#c9d1d9",Cf="#f0fff4",wf="#a5d6ff",If={[rf.copyButtonSize]:"32px",[rf.copyButtonBorderRadius]:of.radius.xs,[rf.copyButtonBorderWidth]:of.border.xs,[rf.copyButtonBorderColor]:of.colors.surface.light,[rf.copyButtonBgColor]:of.colors.surface.highlight,[rf.copyButtonHoverBgColor]:of.colors.surface.light,[rf.copyButtonColor]:of.colors.surface.contrast,[rf.rootBgColor]:of.colors.surface.main,[rf.rootTextColor]:of.colors.surface.contrast,[rf.docTagTextColor]:nf,[rf.keywordTextColor]:nf,[rf.metaKeywordTextColor]:nf,[rf.templateTagTextColor]:nf,[rf.templateVariableTextColor]:nf,[rf.typeTextColor]:nf,[rf.variableLanguageTextColor]:nf,[rf.titleTextColor]:sf,[rf.titleClassTextColor]:sf,[rf.titleClassInheritedTextColor]:sf,[rf.titleFunctionTextColor]:sf,[rf.attrTextColor]:af,[rf.attributeTextColor]:af,[rf.literalTextColor]:af,[rf.metaTextColor]:af,[rf.numberTextColor]:af,[rf.operatorTextColor]:af,[rf.variableTextColor]:af,[rf.selectorAttrTextColor]:af,[rf.selectorClassTextColor]:af,[rf.selectorIdTextColor]:af,[rf.regexpTextColor]:hf,[rf.stringTextColor]:hf,[rf.metaStringTextColor]:hf,[rf.builtInTextColor]:lf,[rf.symbolTextColor]:lf,[rf.commentTextColor]:df,[rf.codeTextColor]:df,[rf.formulaTextColor]:df,[rf.nameTextColor]:cf,[rf.quoteTextColor]:cf,[rf.selectorTagTextColor]:cf,[rf.selectorPseudoTextColor]:cf,[rf.substTextColor]:pf,[rf.sectionTextColor]:af,[rf.bulletTextColor]:"#735c0f",[rf.emphasisTextColor]:pf,[rf.strongTextColor]:pf,[rf.additionTextColor]:cf,[rf.additionBgColor]:uf,[rf.deletionTextColor]:nf,[rf.deletionBgColor]:uf},Sf={codeSnippet:{[rf.rootBgColor]:of.colors.surface.main,[rf.rootTextColor]:of.colors.surface.contrast,[rf.docTagTextColor]:mf,[rf.keywordTextColor]:mf,[rf.metaKeywordTextColor]:mf,[rf.templateTagTextColor]:mf,[rf.templateVariableTextColor]:mf,[rf.typeTextColor]:mf,[rf.variableLanguageTextColor]:mf,[rf.titleTextColor]:gf,[rf.titleClassTextColor]:gf,[rf.titleClassInheritedTextColor]:gf,[rf.titleFunctionTextColor]:gf,[rf.attrTextColor]:bf,[rf.attributeTextColor]:bf,[rf.literalTextColor]:bf,[rf.metaTextColor]:bf,[rf.numberTextColor]:bf,[rf.operatorTextColor]:bf,[rf.variableTextColor]:bf,[rf.selectorAttrTextColor]:bf,[rf.selectorClassTextColor]:bf,[rf.selectorIdTextColor]:bf,[rf.regexpTextColor]:wf,[rf.stringTextColor]:wf,[rf.metaStringTextColor]:wf,[rf.builtInTextColor]:yf,[rf.symbolTextColor]:yf,[rf.commentTextColor]:vf,[rf.codeTextColor]:vf,[rf.formulaTextColor]:vf,[rf.nameTextColor]:ff,[rf.quoteTextColor]:ff,[rf.selectorTagTextColor]:ff,[rf.selectorPseudoTextColor]:ff,[rf.substTextColor]:xf,[rf.sectionTextColor]:bf,[rf.bulletTextColor]:"#735c0f",[rf.emphasisTextColor]:xf,[rf.strongTextColor]:xf,[rf.additionTextColor]:ff,[rf.additionBgColor]:Cf,[rf.deletionTextColor]:mf,[rf.deletionBgColor]:Cf}};var Mf=Object.freeze({__proto__:null,codeSnippetDarkThemeOverrides:Sf,default:If,vars:rf});const Af=pp.cssVarList,Ef=ft(nu),Tf={[Af.buttonsRowGap]:"9px",[Af.hostWidth]:Vb.width,[Af.hostDirection]:Vb.direction,[Af.fontSize]:Vb.fontSize,[Af.fontFamily]:Vb.fontFamily,[Af.labelTextColor]:Vb.labelTextColor,[Af.labelRequiredIndicator]:Vb.requiredIndicator,[Af.errorMessageTextColor]:Vb.errorMessageTextColor,[Af.errorMessageIcon]:Vb.errorMessageIcon,[Af.errorMessageIconSize]:Vb.errorMessageIconSize,[Af.errorMessageIconPadding]:Vb.errorMessageIconPadding,[Af.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[Af.errorMessageIconPosition]:Vb.errorMessageIconPosition,[Af.errorMessageFontSize]:Vb.errorMessageFontSize,[Af.helperTextColor]:Vb.helperTextColor,[Af.itemsLabelColor]:Ef.colors.surface.contrast,textAlign:{right:{[Af.inputTextAlign]:"right"},left:{[Af.inputTextAlign]:"left"},center:{[Af.inputTextAlign]:"center"}},_fullWidth:{[Af.buttonsSpacing]:"space-between"},_disabled:{[Af.itemsLabelColor]:Ef.colors.surface.light}};var kf=Object.freeze({__proto__:null,default:Tf,radioGroup:Tf,vars:Af});const zf=dp.cssVarList,Lf=ft(nu),Vf={[zf.fontFamily]:Vb.fontFamily,[zf.radioSize]:"calc(1em + 6px)",[zf.radioMargin]:"auto 4px",[zf.radioCheckedSize]:`calc(var(${zf.radioSize})/5)`,[zf.radioCheckedColor]:Lf.colors.surface.light,[zf.radioBackgroundColor]:Lf.colors.surface.light,[zf.radioBorderColor]:"none",[zf.radioBorderWidth]:0,_checked:{[zf.radioBackgroundColor]:Lf.colors.surface.contrast},_hover:{cursor:"pointer"},size:{xs:{[zf.fontSize]:"12px"},sm:{[zf.fontSize]:"14px"},md:{[zf.fontSize]:"16px"},lg:{[zf.fontSize]:"18px"}}};var Nf=Object.freeze({__proto__:null,default:Vf,radioButton:Vf,vars:zf});const Df=ft(nu),Pf=Ir.cssVarList,Bf={[Pf.fontFamily]:Vb.fontFamily,[Pf.fontSize]:Vb.fontSize,[Pf.hostDirection]:Vb.direction,[Pf.calendarPadding]:"1em",[Pf.topNavVerticalPadding]:"1em",[Pf.topNavAlignment]:"space-between",[Pf.topNavGap]:"0",[Pf.topNavSelectorsGap]:"0.5em",[Pf.bottomNavVerticalPadding]:"0.75em",[Pf.bottomNavHorizontalPadding]:"1.5em",[Pf.bottomNavAlignment]:"space-between",[Pf.bottomNavGap]:"0.5em",[Pf.navMarginBottom]:"0.75em",[Pf.navBorderBottomWidth]:"1px",[Pf.navBorderBottomColor]:Df.colors.surface.highlight,[Pf.navBorderBottomStyle]:"solid",[Pf.yearInputWidth]:"6em",[Pf.monthInputWidth]:"8em",[Pf.navButtonSize]:"24px",[Pf.navButtonCursor]:"pointer",[Pf.weekdayFontSize]:"0.875em",[Pf.weekdayFontWeight]:"500",[Pf.dayHeight]:"3.125em",[Pf.daySize]:"2.125em",[Pf.dayFontSize]:"1em",[Pf.dayRadius]:"50%",[Pf.dayTextAlign]:"center",[Pf.dayPadding]:"0",[Pf.dayTextColor]:Df.colors.surface.contrast,[Pf.dayFontWeight]:"500",[Pf.dayBackgroundColor]:"transparent",[Pf.dayCursor]:"pointer",[Pf.dayBackgroundColorHover]:Df.colors.primary.highlight,[Pf.daySelectedBackgroundColor]:Df.colors.primary.main,[Pf.daySelectedTextdColor]:Df.colors.primary.contrast,[Pf.dayDisabledTextdColor]:Df.colors.surface.light,[Pf.currentDayBorderColor]:Df.colors.surface.light,[Pf.currentDayBorderWidth]:"1px",[Pf.currentDayBorderStyle]:"solid",size:{xs:{[Pf.fontSize]:"12px"},sm:{[Pf.fontSize]:"14px"},md:{[Pf.fontSize]:"16px"},lg:{[Pf.fontSize]:"18px"}},[Pf.navButtonRotation]:"rotate(180deg)",_disabled:{[Pf.navButtonOpacity]:"0.5",[Pf.dayBackgroundColorHover]:"none",[Pf.navButtonCursor]:"default",[Pf.dayCursor]:"default"},_fullWidth:{[Pf.hostWidth]:"100%",[Pf.dayBlockAlign]:"0 auto"}};var Rf=Object.freeze({__proto__:null,default:Bf,vars:Pf});const Of=ft(nu),jf="#00000020",{shadow:Wf}=Of,Ff=rn.cssVarList,$f={[Ff.hostWidth]:Vb.width,[Ff.hostDirection]:Vb.direction,[Ff.iconMargin]:"0.375em",[Ff.overlay.marginTop]:`calc(${Vb.outlineWidth} + 1px)`,[Ff.overlay.backgroundColor]:Vb.backgroundColor,[Ff.overlay.backdropBackgroundColor]:"transparent",[Ff.overlay.backdropPointerEvents]:"all",[Ff.overlay.boxShadow]:`${Wf.wide.xl} ${jf}, ${Wf.narrow.xl} ${jf}`,[Ff.overlay.outlineWidth]:"0",[Ff.overlay.outlineColor]:"transparent",[Ff.overlay.outlineStyle]:"none",[Ff.overlay.padding]:"0",[Ff.rtlInputDirection]:"ltr",[Ff.rtlInputAlignment]:"right",[Ff.errorMessageIcon]:Vb.errorMessageIcon,[Ff.errorMessageIconSize]:Vb.errorMessageIconSize,[Ff.errorMessageIconPadding]:Vb.errorMessageIconPadding,[Ff.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[Ff.errorMessageIconPosition]:Vb.errorMessageIconPosition,[Ff.errorMessageFontSize]:Vb.errorMessageFontSize};var _f=Object.freeze({__proto__:null,default:$f,vars:Ff});const Hf=yp.cssVarList,qf={[Hf.requiredInputBorderColor]:Lb._disabled[Nb.borderColor],[Hf.requiredInputValueTextColor]:Lb._disabled[Nb.valueTextColor],[Hf.hostWidth]:"280px",_fullWidth:{[Hf.hostWidth]:"100%"}};var Yf=Object.freeze({__proto__:null,default:qf,vars:Hf});const Uf=ft(nu),Gf=Ep.cssVarList,Zf={[Gf.gap]:Uf.spacing.lg,[Gf.arrowsColor]:Uf.colors.surface.dark,[Gf.thirdPartyAppLogoFallback]:"url(https://imgs.descope.com/components/third-party-app-logo-placeholder.svg)",[Gf.companyLogoFallback]:"url(https://imgs.descope.com/components/project-logo-placeholder.svg)",size:{xs:{[Gf.logoMaxHeight]:"30px",[Gf.logoMaxWidth]:"120px"},sm:{[Gf.logoMaxHeight]:"40px",[Gf.logoMaxWidth]:"160px"},md:{[Gf.logoMaxHeight]:"48px",[Gf.logoMaxWidth]:"200px"},lg:{[Gf.logoMaxHeight]:"60px",[Gf.logoMaxWidth]:"240px"}}};var Qf=Object.freeze({__proto__:null,default:Zf,vars:Gf});const Jf=Vp.cssVarList,Kf={[Jf.hostWidth]:"fit-content",_fullWidth:{[Jf.hostWidth]:"100%"}};var Xf=Object.freeze({__proto__:null,default:Kf,vars:Jf});const ex=Wp.cssVarList,tx={[ex.hostWidth]:"min-content",[ex.questionCursor]:"pointer",_fullWidth:{[ex.hostWidth]:"100%"},[ex.questionFontSize]:Vb.fontSize,[ex.questionFontFamily]:Vb.fontFamily};var ox=Object.freeze({__proto__:null,default:tx,vars:ex});const ix=Up.cssVarList,rx={[ix.hostDirection]:Vb.direction,[ix.errorMessageIcon]:Vb.errorMessageIcon,[ix.errorMessageIconSize]:Vb.errorMessageIconSize,[ix.errorMessageIconPadding]:Vb.errorMessageIconPadding,[ix.errorMessageIconRepeat]:Vb.errorMessageIconRepeat,[ix.errorMessageIconPosition]:Vb.errorMessageIconPosition,[ix.errorMessageFontSize]:Vb.errorMessageFontSize,_fullWidth:{[ix.hostWidth]:"100%"}};var nx=Object.freeze({__proto__:null,default:rx,vars:ix});const sx=ft(nu),ax=Jp.cssVarList,lx={[ax.hostDirection]:sx.direction,[ax.backgroundColor]:"transparent",[ax.iconSize]:"1.35em",[ax.alignItems]:"center",[ax.borderRadius]:sx.radius.md,[ax.horizontalPadding]:"0",[ax.verticalPadding]:"0",[ax.gap]:"0.5em",[ax.fontSize]:Et(wu.fontSize),mode:{error:{[ax.textColor]:sx.colors.error.main,_bordered:{[ax.borderColor]:sx.colors.error.main}},success:{[ax.textColor]:sx.colors.success.main,_bordered:{[ax.borderColor]:sx.colors.success.main}}},spacing:{xs:{[ax.horizontalPadding]:sx.spacing.xs,[ax.verticalPadding]:sx.spacing.xs},sm:{[ax.horizontalPadding]:sx.spacing.sm,[ax.verticalPadding]:sx.spacing.sm},md:{[ax.horizontalPadding]:sx.spacing.md,[ax.verticalPadding]:sx.spacing.md},lg:{[ax.horizontalPadding]:sx.spacing.lg,[ax.verticalPadding]:sx.spacing.lg},xl:{[ax.horizontalPadding]:sx.spacing.xl,[ax.verticalPadding]:sx.spacing.xl}},textAlign:{left:{[ax.justifyContent]:"left"},center:{[ax.justifyContent]:"center"},right:{[ax.justifyContent]:"right"}},_bordered:{[ax.borderWidth]:sx.border.xs,[ax.borderColor]:"transparent",[ax.borderStyle]:"solid",[ax.borderWidth]:sx.border.xs,[ax.borderRadius]:sx.radius.sm},_fullWidth:{[ax.hostWidth]:"100%"}};var dx=Object.freeze({__proto__:null,default:lx,vars:ax});const cx=tu.cssVarList,px={enabled:{false:{[cx.maxHeight]:"70px"}}},ux={button:xu,textField:Ob,password:$b,numberField:qb,emailField:Gb,textArea:Jb,checkbox:ty,switchToggle:sy,container:gy,logo:vy,totpImage:Cy,notpImage:Sy,text:Su,enrichedText:Vu,link:Tu,divider:Vy,passcode:Py,loaderRadial:Uy,loaderLinear:jy,comboBox:Wu,phoneField:Qy,phoneInputBoxField:Xy,newPassword:iv,inputWrapper:Db,uploadFile:sv,buttonSelectionGroupItem:cv,buttonSelectionGroup:gv,buttonMultiSelectionGroup:vv,modal:Iv,grid:Ev,notificationCard:Vv,multiSelectComboBox:Bv,badge:Uu,avatar:rh,mappingsField:Wv,userAttribute:Hv,userAuthMethod:Gv,samlGroupMappings:Jv,policyValidation:tf,image:lh,icon:sh,codeSnippet:Mf,radioGroup:kf,radioButton:Nf,calendar:Rf,dateField:_f,list:Sh,listItem:Th,appsList:gh,scopesList:Yf,thirdPartyAppLogo:Qf,securityQuestionsSetup:Xf,securityQuestionsVerify:ox,hybridField:nx,alert:dx,autocompleteField:jh,addressField:tm,countrySubdivisionCityField:vb,timer:hm,timerButton:Mm,passwordStrength:Om,collapsibleContainer:Jm,recoveryCodes:ng,hcaptcha:Object.freeze({__proto__:null,default:px,vars:cx}),outboundApps:hg,outboundAppButton:xg,trustedDevices:zg,tooltip:qg,attachment:Tb},hx=Object.keys(ux).reduce((e,t)=>({...e,[t]:ux[t].default}),{}),mx=Object.keys(ux).reduce((e,t)=>({...e,[t]:ux[t].vars}),{}),gx={globals:nu,components:hx},bx={globals:su,components:mx},yx=a()({},gx,{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:{...Sf}});customElements.define(kh,class extends zh{static get observedAttributes(){return[].concat(zh.observedAttributes||[],Lh)}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#Fo(e){const{results:t,error:o}=await this.fetchResults(e);return o?{error:o}:{results:t}}#$o(e,t,o,i){return`<span data-name="${o}" data-id="${t}" ${i?'disabled="true"':""}>${e||o}</span>`}#_o(){this.comboBox.renderer=(e,t,o)=>{"true"===o.item.getAttribute("disabled")?e.setAttribute("disabled","true"):e.removeAttribute("disabled"),e.innerHTML=o.item.outerHTML},this.comboBox.renderItem=({displayName:e,value:t,label:o,disabled:i})=>this.#$o(e,t,o,i)}focus(){this.comboBox.focus()}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.comboBox.focus()}),super.init?.(),this.#Ho(),T(this,this.comboBox,{includeAttrs:["invalid"]})}#Ho(){this.debouncedSearch=(e=>{let t=0;const o=new Set,i=new Set,r=n()((r,n)=>{e(...r).then(e=>{n===t&&(o.forEach(t=>t(e)),o.clear())}).catch(e=>{i.forEach(t=>t(e)),i.clear()})},250);return(...e)=>(t++,new Promise((n,s)=>{o.add(n),i.add(s),r(e,t)}))})(async e=>{try{const{results:t,error:o}=await this.#Fo(e);return{results:t,error:o,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.#_o()}#qo(){return[{label:this.noResultsFoundMessage,value:Vh,disabled:!0}]}#Yo(){return[{label:this.errorFetchingResultsMessage,value:Vh,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 o=await this.debouncedSearch(t);o&&o.value===t&&(this.comboBox.loading=!1,o.error?this.comboBox.data=this.#Yo():0===o.results?.length?this.comboBox.data=this.#qo():this.comboBox.data=o.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(Nh,Ph),customElements.define($h,Zh),customElements.define(Qh,Kh),customElements.define(Gu,Xu),customElements.define(dh,ch),customElements.define(fb,Sb),customElements.define(jm,$m),customElements.define(Kg,cb),customElements.define(pb,gb),customElements.define(mg,bg),customElements.define(sg,cg),customElements.define(Am,Nm);var vx=Object.freeze({__proto__:null,PasswordStrengthClass:Nm,componentName:Am});const fx=k("ponyhot"),xx="dhp-",Cx=ue({componentName:fx,baseSelector:""}),wx=I(ae)(class extends Cx{get type(){return this.getAttribute("type")}get value(){return this.input?.value||""}init(){this.input=this.querySelector("input"),this.input&&(this.#Uo(),this.#Go(),this.#Zo())}#Uo(){const e=["input","change","click","keydown","keyup","mouseover","mousedown"],t=o=>{this.input.value=`${xx}${o.type}`,e.forEach(e=>{this.input.removeEventListener(e,t)})};e.forEach(e=>{this.input.addEventListener(e,t)})}#Go(){const e=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");Object.defineProperty(this.input,"value",{get(){return e.get.call(this)},set(t){const o=e.get.call(this);t&&!t.startsWith(xx)&&t!==o?e.set.call(this,`${xx}direct-set`):e.set.call(this,t)},configurable:!0})}#Zo(){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(fx,wx),customElements.define(Km,eg),customElements.define(im,dm),customElements.define(mm,Cm),customElements.define(Lg,Bg),customElements.define(Ig,Eg);const Ix={translations:f.A,graphs:y.K,dictionary:{...y.z,...v.z}};b.u2.setOptions(Ix);var Sx=Object.freeze({__proto__:null,default:b.K1,options:Ix})}}]);
+"use strict";(self.webpackChunk_descope_flow_components_3_3_4_1778064998891=self.webpackChunk_descope_flow_components_3_3_4_1778064998891||[]).push([[222],{5222(e,t,o){o.d(t,{$y:()=>Gp,A8:()=>Lc,Ag:()=>Ua,C1:()=>Yc,C9:()=>gi,Cz:()=>yc,Er:()=>eh,G6:()=>yx,HO:()=>Ho,HT:()=>Zo,J1:()=>Ti,Jr:()=>Do,Lg:()=>Kp,MN:()=>rs,Mz:()=>Ia,NF:()=>Os,O7:()=>_m,Od:()=>Tp,QW:()=>pc,Qb:()=>tg,SE:()=>ti,SQ:()=>wi,T1:()=>Ix,TV:()=>ou,Ul:()=>ta,VN:()=>xd,VX:()=>xn,_w:()=>At,a5:()=>vx,bL:()=>nn,bU:()=>Xh,br:()=>B,dX:()=>ph,dq:()=>Tg,e7:()=>xt,eA:()=>Rc,eo:()=>sl,ew:()=>st,fp:()=>hl,gZ:()=>vp,h5:()=>pg,jH:()=>wn,k0:()=>hn,l1:()=>Ko,md:()=>vn,ml:()=>De,mq:()=>lp,o9:()=>Sn,o_:()=>Mt,pp:()=>tp,px:()=>Fp,q:()=>Mb,q4:()=>xo,qn:()=>xi,rG:()=>Np,sK:()=>So,tD:()=>Yd,tS:()=>up,td:()=>lc,tl:()=>Yn,ul:()=>Ba,v_:()=>gn,w8:()=>Hr,wt:()=>ha,xO:()=>ms,xp:()=>Ip,xs:()=>Sr,yW:()=>yg,yi:()=>Rg,yj:()=>wm,zQ:()=>bx,zZ:()=>bb});var i=o(7949),r=o(72),n=o.n(r),s=o(8089),a=o.n(s),l=o(465),d=o.n(l),c=(o(8231),o(4873),o(865),o(4598),o(7519)),p=(o(496),o(7726),o(4155),o(9504),o(1399),o(5877),o(3798),o(8619),o(1394)),u=o(3667),h=(o(8319),o(3826)),m=o(8677),g=o(127),b=(o(5595),o(9849),o(4899),o(3977),o(9435),o(7822),o(6601),o(9792)),y=o(1206),v=o(8733),f=o(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),S=e=>"function"==typeof e,M=(e,t,{excludeAttrs:o=[],includeAttrs:i=[]})=>{const r=Array.from(e.attributes).filter(e=>!o.includes(e.name)&&(!i.length||i.includes(e.name))).map(e=>e.name);t(r),new MutationObserver(e=>{e.forEach(e=>{"attributes"!==e.type||o.includes(e.attributeName)||i.length&&!i.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,o={})=>i=>{i.forEach(i=>{const r=o[i]||i,n=e.getAttribute(i);t&&(null!==n?t.getAttribute(r)!==n&&t.setAttribute(r,n):t.removeAttribute(r))})},T=(e,t,o)=>{M(e,E(e,t),o),M(t,E(t,e),o)},k=e=>w(x,e),z=(...e)=>`--${w(...e)}`,L=(e,t,o={})=>{M(e,E(e,t,o.mapAttrs),o)},V=(e,t,{prepend:o=!1}={})=>{let i;try{i=new CSSStyleSheet}catch(i){return D(e,t,{prepend:o})}const r=t?.shadowRoot||t;if(e&&i.replaceSync(e),r){const e=[...r.adoptedStyleSheets||[]];e[o?"unshift":"push"](i),r.adoptedStyleSheets=e}return e&&!i.cssRules[0]?.style&&console.warn(`No style rules were created, make sure the CSS is valid:\n "${e}"`),i};class N{constructor(e,t,{prepend:o=!1}={}){this.styleEle=document.createElement("style"),this.styleEle.textContent=e,this.styleEle.setAttribute("nonce",window.DESCOPE_NONCE),this.ref=t?.shadowRoot||t,this.ref&&(o?this.ref.prepend(this.styleEle):this.ref.append(this.styleEle))}replaceSync(e){this.styleEle.textContent=e}get cssRules(){return this.styleEle.sheet?.cssRules}}const D=(e,t,{prepend:o=!1}={})=>new N(e,t,{prepend:o}),P=(e,t=2)=>e.trim().split(" ").splice(0,t).map(e=>e[0]?.toUpperCase()).join(""),B=new class{static mountOnPropName="DescopeThemeManager";#e={};#t="light";#o=new Set;#i(){this.#o.forEach(e=>e?.())}get currentThemeName(){return this.#t}set currentThemeName(e){this.#t=e,this.#i()}get currentTheme(){return this.#e[this.currentThemeName]}onCurrentThemeChange(e){return this.#o.add(e),()=>{this.#o.delete(e)}}set themes(e){this.#e=e,this.#i()}get hasThemes(){return!!Object.keys(this.#e).length}},R=.25,O=.1,j=(e,t)=>e.darken(t).hex(),W=e=>{const t=e.isDark();return e.mix(d()(t?"white":"black"),1).saturate(1).hex()},F=(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)?F(e,R):j(e,.4),H=(e,t)=>$(e)?j(e,R):F(e,.4),q=(e,t)=>$(e)?j(e,O):F(e,.8),Y=(e,t)=>{const o=new(d())(e.main||e);return{main:o.hex(),dark:e.dark||_(o),light:e.light||H(o),highlight:e.highlight||q(o),contrast:e.contrast||W(o)}},U=e=>z(x,...e),G=(e,t,o)=>{const i=Array.isArray(t)?t:t.match(/([^[.\]])+/g);return i.reduce((e,t,r)=>(void 0===e[t]&&(e[t]={}),r===i.length-1&&(e[t]=o),e[t]),e),e},Z=(e,t,o)=>Object.entries(e).reduce((e,[i,r])=>r?.constructor!==Object?a()(e,o(t.concat(i),r)):a()(e,Z(r,[...t,i],o)),{}),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 o=Z(e,[],(e,o)=>{const i=[...e],r=i.splice(-1),n=z(t,r),s={[r]:n},a={[r]:J(n)};return{theme:G({},[...i,n],o),useVars:a,vars:s}});return[o.theme,o.useVars,o.vars]},X=e=>`${e}__override`,ee=(e,t,o=!1)=>{const i=`var(${e}${t?`, ${t}`:""})`;return o?`var(${X(e)}, ${i})`:i};let te=class{constructor(){this.styleMap=new Map}add(e,t,o){this.styleMap.has(e)||this.styleMap.set(e,[]),this.styleMap.set(e,[...this.styleMap.get(e),{property:t,value:o}])}toString(){return Array.from(this.styleMap.entries()).reduce((e,[t,o])=>{const i=o.map(({property:e,value:t})=>`${e}: ${t}`).join(";\n");return`${e}${t} { \n${i} \n}\n\n`},"")}};const oe=(e,t="fallback")=>w(e,t),ie=(e,t,{fallback:o})=>{if(!o)return{};const i=oe(t,o.suffix),r=((...e)=>e.filter(Boolean).map((e,t)=>{return 0===t?e:(o=e).charAt(0).toUpperCase()+o.slice(1);var o}).join(""))(e,o.suffix||"fallback");return{[r]:i,...ie(r,i,o)}},re=(e,t)=>Object.keys(t).reduce((o,i)=>{const r=z(e,i);return Object.assign(o,{[i]:r},{[i+"Override"]:X(r)},ie(i,r,t[i]))},{}),ne=({mappings:e={},componentNameOverride:t=""})=>o=>{const i=t||o.componentName;return class t extends o{static get cssVarList(){return{...o.cssVarList,...re(i,{...e})}}#r;#n;#s;#a;#l;#d;#c;#p;#u;constructor({getRootElement:e,componentNameSuffix:o="",themeSection:i="host",baseSelector:r}={}){super(),this.#a=o,this.#l=i,this.#c=r??this.baseSelector,this.#u=e,this.#p=Object.keys(t.cssVarList).map(e=>w("st",o,e))}get#h(){return B.currentTheme?.[i]||""}#m(){this.#n.replaceSync(this.#h[this.#l]),this.currentThemeName=B.currentThemeName,this.onThemeChange?.(B.currentThemeName)}#g(){this.#n=V("",this.#d,{prepend:!0}),this.#s=B.onCurrentThemeChange(this.#m.bind(this)),this.#m()}#b(){if(this.#p.length){let e=`.${i}`.repeat(5);const t=this.getAttribute("id");t&&(e+=`#${CSS.escape(t)}`),this.#r=V(`:host(${e}) {}`,this.#d)}}#y(e,t){const o=this.#r.cssRules[0].style;if(!o)return;const r=z(i,e.replace(new RegExp("^st-"),""));t?o?.setProperty(r,t):(o?.removeProperty(r),this.removeAttribute(e))}#v(e=[]){e.forEach(e=>{this.#p.includes(e)&&this.#y(e,this.getAttribute(e))})}#f(){if(Object.keys(e).length){const t=((e,t,o)=>{const i=new te,r=(e,t)=>{if(!e)return"";if("string"==typeof e)return e;const o=oe(t,e?.suffix);return ee(o,r(e.fallback,o))};return Object.keys(o).forEach(n=>{const s=((e,t)=>{const o={selector:"",property:C(e)};return t&&Object.keys(t).length?Array.isArray(t)?t.map(e=>({...o,...e})):[{...o,...t}]:[o]})(n,o[n]),a=z(e,n);s.forEach(({selector:e,property:o,important:n,fallback:s})=>{const l=r(s,a);i.add(((e="",t="")=>S(t)?t(e):`${e}${/^[A-Za-z]/.test(t)?` ${t}`:t}`)(t,e),S(o)?o():o,ee(a,l,!0)+(n?"!important":""))})}),i.toString()})(w(i,this.#a),this.#c,e);V(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(i),this.#f(),this.#g(),this.#b(),M(this,this.#v.bind(this),{}))}disconnectedCallback(){super.disconnectedCallback?.(),this.#s?.()}}},se=e=>class extends e{constructor(){super(),V(':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 o=()=>{t?this.baseElement.setAttribute("tabindex",t):this.baseElement.removeAttribute("tabindex"),e.target.removeEventListener("mouseup",o),e.target.removeEventListener("dragend",o)};e.target.addEventListener("mouseup",o,{once:!0}),e.target.addEventListener("dragend",o,{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","hide-country","hide-subdivision","hide-city"],pe=e=>class extends e{init(){super.init?.(),M(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 o 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)(o)};function he(e,t={}){const o=new Event(e,t);this[`on${e}`]?.(o),this.dispatchEvent(o)}const me=e=>class extends e{#S=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.#S(),this.prevValue=this.value)})}},ge=e=>class extends e{init(){this.#M(),super.init?.()}#M(){["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 o=e=>{e.stopImmediatePropagation(),clearTimeout(t),t||(he.call(this,"focus"),he.call(this,"focusin",{bubbles:!0}))};e?.addEventListener("focusin",o),e?.addEventListener("focus",o)})}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"),ve=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:o,typeMismatch:i,stepMismatch:r,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 o||r||d:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch",this.defaultErrorMsgPatternMismatch);case i: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,o){super.attributeChangedCallback?.(e,t,o),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())}},fe=(...e)=>I(ve,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:o=[],style:i,excludeAttrsSync:r=[],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${o.map(e=>`<slot ${e?`name="${e}" slot="${e}"`:""}></slot>`).join("")}\n\t\t\t</${t}>\n\t\t`,V((S(i)?i():i)||"",this)}init(){super.init?.(),this.baseElement.addEventListener("blur",e=>{this.#z()}),this.baseElement.addEventListener("focus",e=>{this.#L()}),((e,t,o=[])=>{if(!o.length)return;const i=o.reduce((t,o)=>Object.assign(t,{[o]:{get:()=>e[o],set(t){e[o]=t}}}),{});Object.defineProperties(t,i)})(this.baseElement,this,s),T(this.baseElement,this,{excludeAttrs:r,includeAttrs:n})}}return l},Ie=["invalid","required"],Se=e=>{if(!e)return;let t=e;for(let e=0;e<10;e++)if([t]=t.assignedElements(),"slot"!==t?.localName)return t},Me=({proxyProps:e=[],useProxyTargets:t=!1,inputEvent:o="input",triggerValidationEvents:i=[],proxyParentValidation:r=!1})=>n=>class extends(ve(n)){static get observedAttributes(){return[...n.observedAttributes||[],...Ie]}#V;#S=he.bind(this,"change");constructor(){super(),this.#V=super.inputElement}warnIfInputElementIsMissing(){clearTimeout(this.inputElementTimerId),this.inputElementTimerId=setTimeout(()=>{!this.#V&&console.warn(this.localName,"no input was found")},0)}get inputElement(){if(this.#V)return this.#V;this.warnIfInputElementIsMissing();const e=this.baseElement.shadowRoot?.querySelector('slot[name="input"]'),t=this.baseElement.shadowRoot?.querySelector('slot[name="textarea"]');return this.#V=Se(e)||Se(t),this.#V}set inputElement(e){this.#V=e}getValidity(){return this.inputElement?.validity||{}}#N(){this.setAttribute("error-message",this.validationMessage)}reportValidity=()=>{this.inputElement.setCustomValidity(""),this.setCustomValidity(""),this.checkValidity()||(this.setAttribute("invalid","true"),this.#N(),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}))}),i.forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.inputElement?.setCustomValidity("")})}),setTimeout(()=>{(Array.isArray(o)?o:[o]).forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.baseElement.checkValidity()?this.removeAttribute("invalid"):this.#N()})}),this.baseElement.addEventListener("change",()=>{this.#S()}),this.addEventListener("invalid",()=>{this.checkValidity()||this.setAttribute("invalid","true"),this.#N()}),e.forEach(e=>{const o=this.querySelector('input[slot="external-input"]')||null,i=t?[this.baseElement,o].filter(Boolean):[];((e,t,o)=>{const i=Array.isArray(t)?t:[t];Object.defineProperty(e,o,{set(e){i.forEach(t=>{t[o]=e})},get:()=>t[0][o],configurable:!0})})(this,[this.inputElement,...i],e)}),this.setSelectionRange=this.inputElement.setSelectionRange?.bind(this.inputElement),L(this,this.inputElement,{includeAttrs:["inputmode"]})}),r){const e=this.inputElement.internals,t=this;this.inputElement.internals=new Proxy(e,{get:(e,o)=>"function"==typeof e[o]&&"setValidity"===o?(...i)=>{if(3===i.length){const e=i.slice(0,i.length-1);e.push(t.inputElement),t.internals[o](...e)}else t.internals[o](...i);return e[o](...i)}:"function"==typeof e[o]?(...i)=>(t.internals[o](...i),e[o](...i)):e[o]})}}},Ae=e=>I(Me(e),ne({componentNameOverride:k("input-wrapper")})),Ee=({name:e,selector:t,mappings:o={},forward:{attributes:i=[],include:r=!0}={}})=>n=>{const s=e||(e=>e.replace(/[^\w\s]/gi,""))(t),a=ne({mappings:o})(n);return class extends a{static get cssVarList(){return{...a.cssVarList,[s]:re(s?w(n.componentName,"_"+s):n.componentName,o)}}#D;constructor(){const e=(t=async e=>(e.shadowRoot||e).querySelector(e.baseSelector),async e=>{const o=await t(e);return new Promise(e=>{let t=0;const i=()=>{if(t>20)return console.error("could not get shadow root for element",o),void e(o);t++,o?.shadowRoot?e(o.shadowRoot):setTimeout(i)};i()})});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#B(){const e=await this.#D;e.onmouseenter=e=>{e.target.setAttribute("hover","true")},e.onmouseleave=e=>{e.target.removeAttribute("hover")}}async init(){super.init?.(),this.#D=this.#P();const e=await this.#D;L(this,e,{[r?"includeAttrs":"excludeAttrs"]:i}),this.#B()}}},Te=()=>!0,ke=e=>`<pre>${JSON.stringify(e,null,4)}</pre>`,ze=({itemRenderer:e=ke,validateSchema:t=Te,slotName:o,rerenderAttrsList:i=[],targetSelector:r,sortFn:n=e=>e})=>s=>class extends s{#R=[];#O;#j(e){if(!t)return!0;const o=t(e);return!0===o||(console.error("Data schema validation failed",o||""),!1)}#W(){const e=o?`*[slot="${o}"]`:":not([slot])";this.#O&&this.#O.querySelectorAll(e).forEach(e=>e.remove())}#F(){this.#W(),(n?this.data.sort(n):this.data).forEach((t,o)=>{const i="string"==typeof(r=e(t,o,this))?(e=>{const t=document.createElement("template");return t.innerHTML=e,t})(r).content:r instanceof HTMLTemplateElement?r.content:(console.error("Invalid template",r),null);var r;this.#O&&this.#O.appendChild(i?.cloneNode(!0))})}set data(e){this.#j(e)&&(this.#R=e,this.#F())}get data(){return this.#R}init(){super.init?.(),this.#O=r?this.shadowRoot.querySelector(r):this.baseElement,M(this,e=>{e.includes("data")?this.#$():this.#F()},{includeAttrs:[...i,"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"],Ve=k("enriched-text");class Ne extends(ue({componentName:Ve,baseSelector:":host > div"})){#_;#H;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="content"></div>\n    ',V("\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,o){super.attributeChangedCallback?.(e,t,o),o!==t&&("readonly"===e&&this.onReadOnlyChange("true"===o),"link-target-blank"===e&&this.#q())}customUnderlineRenderer(){this.processor.renderer.rules.em_open=(e,t,o,i,r)=>("_"===e[t].markup&&(e[t].tag="u"),this.#H(e,t,o,i,r)),this.processor.renderer.rules.em_close=(e,t,o,i,r)=>("_"===e[t].markup&&(e[t].tag="u"),this.#H(e,t,o,i,r))}#U(){this.linkTargetBlank?this.processor.renderer.rules.link_open=(e,t,o,i,r)=>(e[t].attrSet("target","_blank"),this.#_(e,t,o,i,r)):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,o,i,r)=>r.renderToken(e,t,o)),this.#H=this.processor.renderer.rules.em_open||((e,t,o,i,r)=>r.renderToken(e,t,o))}#q(){this.processor=new i.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 De=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)(Ne),Pe=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_.]+/g,"-").toLowerCase(),Be=(...e)=>Pe(e.filter(e=>!!e).join("-")),Re=(...e)=>t=>e.reduceRight((e,t)=>t(e),t),Oe=e=>"function"==typeof e,je="descope",We="host",Fe=(e,t,{excludeAttrs:o=[],includeAttrs:i=[]})=>{const r=Array.from(e.attributes).filter(e=>!o.includes(e.name)&&(!i.length||i.includes(e.name))).map(e=>e.name);t(r),new MutationObserver(e=>{e.forEach(e=>{"attributes"!==e.type||o.includes(e.attributeName)||i.length&&!i.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,o={})=>i=>{i.forEach(i=>{const r=o[i]||i,n=e.getAttribute(i);t&&(null!==n?t.getAttribute(r)!==n&&t.setAttribute(r,n):t.removeAttribute(r))})},He=(e,t,o)=>{Fe(e,_e(e,t),o),Fe(t,_e(t,e),o)},qe=e=>Be(je,e),Ye=(...e)=>`--${Be(...e)}`,Ue=(e,t,o={})=>{Fe(e,_e(e,t,o.mapAttrs),o)},Ge=(e,t,o=[])=>{if(!o.length)return;const i=o.reduce((t,o)=>Object.assign(t,{[o]:{get:()=>e[o],set(t){e[o]=t}}}),{});Object.defineProperties(t,i)},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,ot=e=>e.luminosity()>.99,it=(e,t)=>"dark"===t?ot(e)?Ke(e,Qe):et(e,Ze):tt(e)?et(e,Qe):Ke(e,Ze),rt=(e,t)=>"dark"===t?tt(e)?et(e,Qe):Ke(e,Ze):ot(e)?Ke(e,Qe):et(e,Ze),nt=(e,t)=>"dark"===t?tt(e)?et(e,Je):Ke(e,.8):ot(e)?Ke(e,Je):et(e,.8),st=(e,t)=>{const o=new(d())(e.main||e);return{main:o.hex(),dark:e.dark||it(o,t),light:e.light||rt(o,t),highlight:e.highlight||nt(o,t),contrast:e.contrast||Xe(o)}},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,o)=>{const i=Array.isArray(t)?t:t.match(/([^[.\]])+/g);return i.reduce((e,t,r)=>(void 0===e[t]&&(e[t]={}),r===i.length-1&&(e[t]=o),e[t]),e),e},yt=(e,t,o)=>Object.entries(e).reduce((e,[i,r])=>r?.constructor!==Object?a()(e,o(t.concat(i),r)):a()(e,yt(r,[...t,i],o)),{}),vt=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}},ft=(e,t)=>yt(e,[],e=>bt({},e,`var(${gt(e)})`)),xt=(e,t="")=>{const o=Object.entries((e=>yt(e,[],(e,t)=>({[gt(e)]:vt(t)})))(e)).reduce((e,t)=>`${e}${t.join(":")};\n`,"");return t?`*[data-theme="${t}"] {${o}}`:o},Ct="@container",wt="$breakpoints",It=e=>e.startsWith("$breakpoints."),St=e=>Object.entries(e).reduce((e,[t,o])=>(e=>e.startsWith(Ct))(t)?`${e}${t} {\n${St(o)}}\n\n`:`${e}${t} { \n${Object.entries(o).map(([e,t])=>`${e}: ${t}`).join(";\n")} \n}\n\n`,""),Mt=e=>{const t=(e=>yt(e,[],(t,o)=>{const[i,...r]=t;if(r[0]===wt)return{};const n=r.pop(),s=qe(i);"undefined"===n&&console.warn(s,`theme value: "${o}" is mapped to an invalid property`);const a=We,l=e[i]?.[wt]||{},d=r.filter(It),c=d.find(e=>!l[e.slice(13)]);if(c)return console.warn(s,`theme references undefined breakpoint "${c}"`),{};const p=d.map(e=>It(e)?`${Ct} ${l[e.slice(13)]}`:e);r.splice(0,r.length,...r.filter(e=>!It(e)));const u=r.reduce((e,t,o)=>{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=r[o+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)}="${r.splice(o+1,1).join("")}"]`.repeat(s)},""),h=":host"+(u?`(${u})`:""),m=p.reduceRight((e,t)=>({[t]:e}),{[h]:{[n]:vt(o)}});return{[s]:{[a]:m}}}))(e);return Object.keys(t).reduce((e,o)=>{const i=t[o];return Object.assign(e,{[o]:Object.keys(i).reduce((e,t)=>Object.assign(e,{[t]:St(i[t])}),{})})},{})},At=({globals:e,components:t},o)=>({globals:xt(e,o),components:Mt(t)}),Et=(...e)=>e.reduceRight((e,t)=>t.startsWith("--")?`var(${t}${e?`, ${e}`:e})`:`${t}${e?`, ${e}`:e}`,""),Tt=(e,t)=>{const o=yt(e,[],(e,o)=>{const i=[...e],r=i.splice(-1),n=Ye(t,r),s={[r]:n},a={[r]:Et(n)};return{theme:bt({},[...i,n],o),useVars:a,vars:s}});return[o.theme,o.useVars,o.vars]},kt=e=>`${e}__override`,zt=(e,t,o=!1)=>{const i=`var(${e}${t?`, ${t}`:""})`;return o?`var(${kt(e)}, ${i})`:i};class Lt{constructor(){this.styleMap=new Map}add(e,t,o){this.styleMap.has(e)||this.styleMap.set(e,[]),this.styleMap.set(e,[...this.styleMap.get(e),{property:t,value:o}])}toString(){return Array.from(this.styleMap.entries()).reduce((e,[t,o])=>{const i=o.map(({property:e,value:t})=>`${e}: ${t}`).join(";\n");return`${e}${t} { \n${i} \n}\n\n`},"")}}const Vt=(e,t="fallback")=>Be(e,t),Nt=(e,t,{fallback:o})=>{if(!o)return{};const i=Vt(t,o.suffix),r=((...e)=>e.filter(Boolean).map((e,t)=>{return 0===t?e:(o=e).charAt(0).toUpperCase()+o.slice(1);var o}).join(""))(e,o.suffix||"fallback");return{[r]:i,...Nt(r,i,o)}},Dt=(e,t)=>Object.keys(t).reduce((o,i)=>{const r=Ye(e,i);return Object.assign(o,{[i]:r},{[`${i}Override`]:kt(r)},Nt(i,r,t[i]))},{}),Pt=({mappings:e={},componentNameOverride:t=""})=>o=>{const i=t||o.componentName;return class t extends o{static get cssVarList(){return{...o.cssVarList,...Dt(i,{...e})}}#r;#n;#s;#a;#l;#d;#c;#p;#u;constructor({getRootElement:e,componentNameSuffix:o="",themeSection:i=We,baseSelector:r}={}){super(),this.#a=o,this.#l=i,this.#c=r??this.baseSelector,this.#u=e,this.#p=Object.keys(t.cssVarList).map(e=>Be("st",o,e))}get#h(){return B.currentTheme?.[i]||""}#m(){this.#n.replaceSync(this.#h[this.#l])}#g(){this.#n=V("",this.#d,{prepend:!0}),this.#s=B.onCurrentThemeChange(this.#m.bind(this)),this.#m()}#b(){if(this.#p.length){let e=`.${i}`.repeat(5);const t=this.getAttribute("id");t&&(e+=`#${CSS.escape(t)}`),this.#r=V(`:host(${e}) {}`,this.#d)}}#y(e,t){const{style:o}=this.#r.cssRules[0];if(!o)return;const r=Ye(i,e.replace(new RegExp("^st-"),""));t?o?.setProperty(r,t):(o?.removeProperty(r),this.removeAttribute(e))}#v(e=[]){e.forEach(e=>{this.#p.includes(e)&&this.#y(e,this.getAttribute(e))})}#f(){if(Object.keys(e).length){const t=((e,t,o)=>{const i=new Lt,r=(e,t)=>{if(!e)return"";if("string"==typeof e)return e;const o=Vt(t,e?.suffix);return zt(o,r(e.fallback,o))};return Object.keys(o).forEach(n=>{const s=((e,t)=>{const o={selector:"",property:Pe(e)};return t&&Object.keys(t).length?Array.isArray(t)?t.map(e=>({...o,...e})):[{...o,...t}]:[o]})(n,o[n]),a=Ye(e,n);s.forEach(({selector:e,property:o,important:n,fallback:s})=>{const l=r(s,a);i.add(((e="",t="")=>Oe(t)?t(e):`${e}${/^[A-Za-z]/.test(t)?` ${t}`:t}`)(t,e),Oe(o)?o():o,zt(a,l,!0)+(n?"!important":""))})}),i.toString()})(Be(i,this.#a),this.#c,e);V(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(i),this.#f(),this.#g(),this.#b(),Fe(this,this.#v.bind(this),{}))}disconnectedCallback(){super.disconnectedCallback?.(),this.#s?.()}}},Bt=e=>class extends e{constructor(){super(),V(':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 o=()=>{t?this.baseElement.setAttribute("tabindex",t):this.baseElement.removeAttribute("tabindex"),e.target.removeEventListener("mouseup",o),e.target.removeEventListener("dragend",o)};e.target.addEventListener("mouseup",o,{once:!0}),e.target.addEventListener("dragend",o,{once:!0})}}),super.init?.()}},Rt=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()}},Ot=e=>class extends e{updateComponentsContext(e){this.dispatchEvent(new CustomEvent("components-context",{bubbles:!0,composed:!0,detail:e}))}},jt=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})})}},Wt=["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"],Ft=e=>class extends e{init(){super.init?.(),Fe(this,e=>e.forEach(e=>{const t=this.getAttribute(e);(e=>Wt.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?`)}),{})}},$t=({componentName:e,baseSelector:t=""})=>{class o 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 Re(Rt,jt,Ft,Ot)(o)};function _t(e,t={}){const o=new Event(e,t);this[`on${e}`]?.(o),this.dispatchEvent(o)}const Ht=({componentName:e,wrappedEleName:t,slots:o=[],style:i,excludeAttrsSync:r=[],includeAttrsSync:n=[],includeForwardProps:s=[],delegatesFocus:a=!0})=>{class l extends($t({componentName:e,baseSelector:t})){#z=_t.bind(this,"blur");#L=_t.bind(this,"focus");constructor(){super().attachShadow({mode:"open",delegatesFocus:a}).innerHTML=`\n\t\t\t<${t}>\n\t\t\t${o.map(e=>`<slot ${e?`name="${e}" slot="${e}"`:""}></slot>`).join("")}\n\t\t\t</${t}>\n\t\t`,V((Oe(i)?i():i)||"",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:r,includeAttrs:n})}}return l},qt=["required","pattern"],Yt=Symbol("validationTarget"),Ut=e=>class extends e{#A=Yt;static get observedAttributes(){return[...e.observedAttributes||[],...qt]}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:o,typeMismatch:i,stepMismatch:r,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 o||r||d:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch",this.defaultErrorMsgPatternMismatch);case i: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===Yt?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,o){super.attributeChangedCallback?.(e,t,o),qt.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())}},Gt=["invalid","required"],Zt=e=>{if(!e)return;let t=e;for(let e=0;e<10;e++)if([t]=t.assignedElements(),"slot"!==t?.localName)return t},Qt=({proxyProps:e=[],useProxyTargets:t=!1,inputEvent:o="input",triggerValidationEvents:i=[],proxyParentValidation:r=!1})=>n=>class extends(Ut(n)){static get observedAttributes(){return[...n.observedAttributes||[],...Gt]}#V;#S=_t.bind(this,"change");constructor(){super(),this.#V=super.inputElement}warnIfInputElementIsMissing(){clearTimeout(this.inputElementTimerId),this.inputElementTimerId=setTimeout(()=>{!this.#V&&console.warn(this.localName,"no input was found")},0)}get inputElement(){if(this.#V)return this.#V;this.warnIfInputElementIsMissing();const e=this.baseElement.shadowRoot?.querySelector('slot[name="input"]'),t=this.baseElement.shadowRoot?.querySelector('slot[name="textarea"]');return this.#V=Zt(e)||Zt(t),this.#V}set inputElement(e){this.#V=e}getValidity(){return this.inputElement?.validity||{}}#N(){this.setAttribute("error-message",this.validationMessage)}reportValidity=()=>{this.inputElement.setCustomValidity(""),this.setCustomValidity(""),this.checkValidity()||(this.setAttribute("invalid","true"),this.#N(),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}))}),i.forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.inputElement?.setCustomValidity("")})}),setTimeout(()=>{(Array.isArray(o)?o:[o]).forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.baseElement.checkValidity()?this.removeAttribute("invalid"):this.#N()})}),this.baseElement.addEventListener("change",()=>{this.#S()}),this.addEventListener("invalid",()=>{this.checkValidity()||this.setAttribute("invalid","true"),this.#N()}),e.forEach(e=>{const o=this.querySelector('input[slot="external-input"]')||null,i=t?[this.baseElement,o].filter(Boolean):[];((e,t,o)=>{const i=Array.isArray(t)?t:[t];Object.defineProperty(e,o,{set(e){i.forEach(t=>{t[o]=e})},get:()=>t[0][o],configurable:!0})})(this,[this.inputElement,...i],e)}),this.setSelectionRange=this.inputElement?.setSelectionRange?.bind(this.inputElement),Ue(this,this.inputElement,{includeAttrs:["inputmode"]})}),r){const e=this.inputElement.internals,t=this;this.inputElement.internals=new Proxy(e,{get:(e,o)=>"function"==typeof e[o]&&"setValidity"===o?(...i)=>{if(3===i.length){const e=i.slice(0,i.length-1);e.push(t.inputElement),t.internals[o](...e)}else t.internals[o](...i);return e[o](...i)}:"function"==typeof e[o]?(...i)=>(t.internals[o](...i),e[o](...i)):e[o]})}}},Jt=e=>Re(Qt(e),Pt({componentNameOverride:qe("input-wrapper")})),Kt=e=>async t=>{const o=await e(t);return new Promise(e=>{let t=0;const i=()=>{if(t>20)return console.error("could not get shadow root for element",o),void e(o);t++,o?.shadowRoot?e(o.shadowRoot):setTimeout(i)};i()})},Xt=({name:e,selector:t,mappings:o={},forward:{attributes:i=[],include:r=!0}={}})=>n=>{const s=e,a=Pt({mappings:o})(n);return class extends a{static get cssVarList(){return{...a.cssVarList,[s]:Dt(Be(n.componentName,"_"+s),o)}}#D;constructor(){const e=Kt(async e=>{const o=(e.shadowRoot||e).querySelector(e.baseSelector);return t&&e.shadowRoot?(await Kt(()=>o)(e)).querySelector(t):o});super({getRootElement:e,componentNameSuffix:"_"+s,themeSection:"_"+s,baseSelector:""}),this.#P=()=>e(this).then(e=>e?.host||e)}#P;async#B(){const e=await this.#D;e.onmouseenter=e=>{e.target.setAttribute("hover","true")},e.onmouseleave=e=>{e.target.removeAttribute("hover")}}async init(){super.init?.(),this.#D=this.#P();const e=await this.#D;Ue(this,e,{[r?"includeAttrs":"excludeAttrs"]:i}),this.#B()}}},eo=e=>class extends e{#S=_t.bind(this,"change");init(){super.init?.(),this.prevValue=this.value,this.addEventListener("change",e=>{e.stopPropagation()}),this.addEventListener("blur",()=>{this.value!==this.prevValue&&(this.#S(),this.prevValue=this.value)})}},to=e=>class extends e{init(){this.#M(),super.init?.()}#M(){["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,_t.call(this,"blur"),_t.call(this,"focusout",{bubbles:!0})})});const o=e=>{e.stopImmediatePropagation(),clearTimeout(t),t||(_t.call(this,"focus"),_t.call(this,"focusin",{bubbles:!0}))};e?.addEventListener("focusin",o),e?.addEventListener("focus",o)})}handleInputEventDispatching(){let e=this.value;this.addEventListener("input",t=>{this!==t.target&&(t.stopImmediatePropagation(),e!==this.value&&(e=this.value,_t.call(this,"input",{bubbles:!0,composed:!0})))})}},oo=({inputType:e,inputName:t,autocompleteType:o,includeAttrs:i=[],noBlurDispatch:r=!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 o=this.baseElement.querySelector("input");if(!o)return null;o.setAttribute("tabindex","-1");const r=(()=>{const e=document.createElement("slot");return e.setAttribute("name","external-input"),e.setAttribute("slot","suffix"),e})();return this.baseElement.appendChild(r),this.externalInput=((e,t,o,i)=>{const r=document.createElement("input");return r.setAttribute("slot","external-input"),r.setAttribute("type",t),r.setAttribute("name",i),r.setAttribute("data-hidden-input","true"),r.setAttribute("autocomplete",o),r})(0,e,this.getAutocompleteType(),t),setTimeout(()=>{var e,t,i;e=o,t=this.externalInput,i=this.getAttribute("label-type"),setTimeout(()=>{const o=getComputedStyle(e),r=o.getPropertyValue("height"),n=o.getPropertyValue("padding-left"),s=o.getPropertyValue("padding-right"),a=o.getPropertyValue("font-size"),l=o.getPropertyValue("font-family"),d=o.getPropertyValue("letter-spacing"),c=o.getPropertyValue("caret-color"),p=((e,t)=>{const o=e.value;e.value="_";const i=t.getPropertyValue("color");return"_"===e.value&&(e.value=o),i})(e,o);if([["all","unset"],["position","absolute"],["background-color","transparent"],["height",r],["left",n],["right",s],["font-size",a],["font-family",l],["letter-spacing",d],["caret-color",c],["color",p]].forEach(([e,o])=>t.style.setProperty(e,o,"important")),"floating"===i){const e=o.getPropertyValue("margin-bottom");t.style.setProperty("margin-bottom",e,"important")}const u=o.getPropertyValue("width");t.style.setProperty("width",`calc(${u} - ${n} - ${s}`,"important")},0)}),this.forwardInputValue(o,this.externalInput),He(o,this.externalInput,{includeAttrs:i}),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(),r||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")||o}forwardInputValue(e,t){const o=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value");Object.defineProperty(e,"value",{...o,set(e){o.set.call(this,e),t.value=e},configurable:!0})}},io=e=>class extends e{init(){super.init?.(),this.baseElement._hasValidConstraints&&(this.baseElement._hasValidConstraints=()=>!0)}},ro=(...e)=>Re(Ut,eo,Ft,to)($t(...e)),no=qe("boolean-field-internal"),so=["disabled","invalid","readonly"],ao=ro({componentName:no,baseSelector:"div"}),lo=e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${no}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${no}>\n\t\t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(no),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 co=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${De.cssVarList.hostDisplay}: none;\n}\n\ndescope-enriched-text {\n\t${De.cssVarList.hostDirection}: var(${e.hostDirection});\n}\n\n`;const po=qe("checkbox"),{host:uo,component:ho,checkboxElement:mo,checkboxSurface:go,checkboxLabel:bo,requiredIndicator:yo,helperText:vo,errorMessage:fo}={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)"}},xo=Re(Pt({mappings:{hostWidth:{...uo,property:"width"},hostDirection:{...uo,property:"direction"},fontSize:[uo,mo,bo],fontFamily:[bo,vo,fo],labelTextColor:{...bo,property:"color"},labelSpacing:{...bo,property:"padding-inline-start"},labelLineHeight:{...bo,property:"line-height"},labelFontWeight:{...bo,property:"font-weight"},labelRequiredIndicator:{...yo,property:"content"},errorMessageTextColor:{...fo,property:"color"},errorMessageIcon:{...fo,property:"background-image"},errorMessageIconSize:{...fo,property:"background-size"},errorMessageIconPadding:{...fo,property:"padding-inline-start"},errorMessageIconRepeat:{...fo,property:"background-repeat"},errorMessageIconPosition:{...fo,property:"background-position"},errorMessageFontSize:{...fo,property:"font-size"},inputValueTextColor:{...go,property:"color"},inputBackgroundColor:{...mo,property:"background-color"},inputBorderRadius:{...mo,property:"border-radius"},inputBorderWidth:{...mo,property:"border-width"},inputBorderOffset:{...mo,property:"border-offset"},inputBorderColor:{...mo,property:"border-color"},inputBorderStyle:{...mo,property:"border-style"},inputOutlineWidth:{...mo,property:"outline-width"},inputOutlineOffset:{...mo,property:"outline-offset"},inputOutlineColor:{...mo,property:"outline-color"},inputOutlineStyle:{...mo,property:"outline-style"},inputAlign:{...mo,property:"align-self"},inputContainerPadding:{...ho,property:"padding"},inputContainerBackgroundColor:{...ho,property:"background-color"},inputContainerBorderRadius:{...ho,property:"border-radius"},inputContainerBorderWidth:{...ho,property:"border-width"},inputContainerBorderColor:{...ho,property:"border-color"},inputContainerBorderStyle:{...ho,property:"border-style"},inputContainerOutlineWidth:{...ho,property:"outline-width"},inputContainerOutlineOffset:{...ho,property:"outline-offset"},inputContainerOutlineColor:{...ho,property:"outline-color"},inputContainerOutlineStyle:{...ho,property:"outline-style"},inputSize:[{...mo,property:"width"},{...mo,property:"height"},{...go,property:"font-size"},{...ho,property:"font-size"}]}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Rt,lo)(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${co(xo.cssVarList)}\n      ${at(xo.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:po})),Co=k("text");class wo extends(ue({componentName:Co,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',V("\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:Io}={host:{selector:()=>":host"}},So=I(ne({mappings:{hostWidth:{...Io,property:"width"},hostDirection:{...Io,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)(wo),Mo=k("link"),Ao=["href","readonly"];class Eo extends(ue({componentName:Mo,baseSelector:":host a"})){static get observedAttributes(){return Ao.concat(super.observedAttributes||[])}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',V('\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),this.anchor=this.shadowRoot.querySelector("a"),L(this,this.anchor,{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),L(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]}),this.anchor.addEventListener("click",e=>{this.readOnly&&e.preventDefault()})}get readOnly(){return"true"===this.getAttribute("readonly")}}const To={host:{selector:()=>":host"},link:{selector:()=>":host a"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>So.componentName}},{anchor:ko,text:zo,host:Lo,wrapper:Vo,link:No}=To,Do=I(ne({mappings:{hostWidth:{...Lo,property:"width"},hostDirection:{...zo,property:"direction"},textAlign:Vo,textDecoration:{...No,property:"text-decoration",fallback:"none"},textColor:[{...ko,property:"color"},{...zo,property:So.cssVarList.textColor}],cursor:ko}}),se,ae)(Eo);customElements.define(Co,So),customElements.define(Mo,Do),customElements.define(Ve,De),customElements.define(no,class extends ao{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:so}),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,o){super.attributeChangedCallback?.(e,t,o),"readonly"===e&&this.onReadOnlyChange(null!==o),"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(po,xo);const Po=qe("switch-toggle"),{host:Bo,component:Ro,checkboxElement:Oo,checkboxSurface:jo,checkboxLabel:Wo,requiredIndicator:Fo,helperText:$o,errorMessage:_o}={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)"}},Ho=Re(Pt({mappings:{hostWidth:{...Bo,property:"width"},hostDirection:{...Bo,property:"direction"},fontSize:[Ro,Wo,Wo],fontFamily:[Wo,$o,_o],labelTextColor:[{...Wo,property:"color"},{...Wo,property:"-webkit-text-fill-color"}],labelSpacing:{...Wo,property:"padding-inline-start"},labelLineHeight:{...Wo,property:"line-height"},labelFontWeight:{...Wo,property:"font-weight"},labelRequiredIndicator:{...Fo,property:"content"},errorMessageTextColor:{..._o,property:"color"},errorMessageIcon:{..._o,property:"background-image"},errorMessageIconSize:{..._o,property:"background-size"},errorMessageIconPadding:{..._o,property:"padding-inline-start"},errorMessageIconRepeat:{..._o,property:"background-repeat"},errorMessageIconPosition:{..._o,property:"background-position"},errorMessageFontSize:{..._o,property:"font-size"},trackBorderWidth:{...Oo,property:"border-width"},trackBorderStyle:{...Oo,property:"border-style"},trackBorderColor:{...Oo,property:"border-color"},trackBackgroundColor:{...Oo,property:"background-color"},trackBorderRadius:{...Oo,property:"border-radius"},trackWidth:[{...Oo,property:"width"}],trackHeight:[{...jo,property:"font-size"},{...Oo,property:"height"}],knobSize:[{...jo,property:"width"},{...jo,property:"height"}],knobTextColor:{...jo,property:"color"},knobRadius:{...jo,property:"border-radius"},knobTransitionDuration:{...jo,property:"transition"},knobColor:{...jo,property:"background-color"},knobTopOffset:{...jo,property:"top"},knobLeftOffset:{...jo,property:"left"},inputOutlineWidth:{...Oo,property:"outline-width"},inputOutlineOffset:{...Oo,property:"outline-offset"},inputOutlineColor:{...Oo,property:"outline-color"},inputOutlineStyle:{...Oo,property:"outline-style"}}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Rt,lo)(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${co(Ho.cssVarList)}\n\t\t\t${at(Ho.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:Po}));customElements.define(Po,Ho);const qo=qe("loader-linear");class Yo extends($t({componentName:qo,baseSelector:":host > div"})){static get componentName(){return qo}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div></div>\n\t",V("\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:Uo,host:Go}={after:{selector:"::after"},host:{selector:()=>":host"}},Zo=Re(Pt({mappings:{hostDisplay:{},hostWidth:{...Go,property:"width"},barHeight:[{property:"height"},{...Uo,property:"height"}],barBorderRadius:[{property:"border-radius"},{...Uo,property:"border-radius"}],verticalPadding:[{...Go,property:"padding-top"},{...Go,property:"padding-bottom"}],barBackgroundColor:{property:"background-color"},barColor:{...Uo,property:"background-color"},barWidth:{...Uo,property:"width"},animationDuration:[{},Uo],animationTimingFunction:[{},Uo],animationIterationCount:[{},Uo]}}),Bt,Rt)(Yo);customElements.define(qo,Zo);const Qo=qe("loader-radial");class Jo extends($t({componentName:Qo,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div></div>\n\t",V("\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 Ko=Re(Pt({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:{}}}),Bt,Rt)(Jo);customElements.define(Qo,Ko);const Xo=qe("container");class ei extends($t({componentName:Xo,baseSelector:"slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",V("\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 ti=Re(Pt({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:{}}}),Bt,Rt)(ei);customElements.define(Xo,ti);const oi=k("combo-box"),{host:ii,inputField:ri,inputElement:ni,placeholder:si,toggle:ai,clearButton:li,label:di,requiredIndicator:ci,helperText:pi,errorMessage:ui,loader:hi,overlayContent:mi}={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)"}},gi=I(ne({mappings:{hostWidth:{...ii,property:"width"},hostDirection:{...ii,property:"direction"},fontSize:[{},ii],fontFamily:[di,si,ri,pi,ui],labelFontSize:{...di,property:"font-size"},labelFontWeight:{...di,property:"font-weight"},labelTextColor:[{...di,property:"color"},{...di,property:"-webkit-text-fill-color"},{...ci,property:"color"}],errorMessageTextColor:{...ui,property:"color"},errorMessageIcon:{...ui,property:"background-image"},errorMessageIconSize:{...ui,property:"background-size"},errorMessageIconPadding:{...ui,property:"padding-inline-start"},errorMessageIconRepeat:{...ui,property:"background-repeat"},errorMessageIconPosition:{...ui,property:"background-position"},errorMessageFontSize:{...ui,property:"font-size"},inputHeight:{...ri,property:"height"},inputBackgroundColor:{...ri,property:"background-color"},inputBorderColor:{...ri,property:"border-color"},inputBorderWidth:{...ri,property:"border-width"},inputBorderStyle:{...ri,property:"border-style"},inputBorderRadius:{...ri,property:"border-radius"},labelRequiredIndicator:{...ci,property:"content"},inputValueTextColor:{...ri,property:"color"},inputPlaceholderTextColor:{...si,property:"color"},inputDropdownButtonCursor:[{...ai,property:"cursor"},{...li,property:"cursor"}],inputDropdownButtonColor:[{...ai,property:"color"},{...li,property:"color"}],inputDropdownButtonSize:[{...ai,property:"font-size"},{...li,property:"font-size"}],inputDropdownButtonOffset:[{...ai,property:"margin-right"},{...ai,property:"margin-left"}],inputOutlineColor:{...ri,property:"outline-color"},inputOutlineWidth:{...ri,property:"outline-width"},inputOutlineStyle:{...ri,property:"outline-style"},inputOutlineOffset:{...ri,property:"outline-offset"},inputHorizontalPadding:[{...ni,property:"padding-left"},{...ni,property:"padding-right"}],labelPosition:{...di,property:"position"},labelTopPosition:{...di,property:"top"},labelHorizontalPosition:[{...di,property:"left"},{...di,property:"right"}],inputTransformY:{...di,property:"transform"},inputTransition:{...di,property:"transition"},marginInlineStart:{...di,property:"margin-inline-start"},placeholderOpacity:{...si,property:"opacity"},inputVerticalAlignment:{...ri,property:"align-items"},valueInputHeight:{...ni,property:"height"},valueInputMarginBottom:{...ni,property:"margin-bottom"},overlayBackground:{property:()=>gi.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>gi.cssVarList.overlay.textColor},overlayBorder:{property:()=>gi.cssVarList.overlay.border},overlayFontSize:{property:()=>gi.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>gi.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>gi.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>gi.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>gi.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>gi.cssVarList.overlay.itemPaddingInlineEnd},overlayCheckmarkDisplay:{property:()=>gi.cssVarList.overlay.checkmarkDisplay},overlaySelectedItemBackground:{property:()=>gi.cssVarList.overlay.selectedItemBackground},overlaySelectedItemHoverBackground:{property:()=>gi.cssVarList.overlay.selectedItemHoverBackground},overlaySelectedItemFocusBackground:{property:()=>gi.cssVarList.overlay.selectedItemFocusBackground},overlayItemHoverBackground:{property:()=>gi.cssVarList.overlay.itemHoverBackground},overlayItemFocusBackground:{property:()=>gi.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:{...hi,property:"top"},loaderLeft:{...hi,property:"left"},loaderRight:{...hi,property:"right"},loaderMargin:{...hi,property:"margin"},loaderWidth:{...hi,property:"width"},loaderHeight:{...hi,property:"height"},loaderBorder:{...hi,property:"border"},loaderBorderColor:{...hi,property:"border-color"},loaderBorderRadius:{...hi,property:"border-radius"},contentHeight:{...mi,property:"height"},contentOpacity:{...mi,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:o})=>`<span data-name="${o}" data-id="${t}">${e||o}</span>`;#R;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.#R)return this.#R;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.#R=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.#R||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(o){if(!t.baseElement.items?.length&&!t.allowCustomValue)return;const i=t.customValueTransformFn(o)||"";i!==this.value&&e.set.call(this,i)}}})}#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,o)=>{e.innerHTML=o.item.outerHTML}}#oe(){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.#oe(),setTimeout(()=>{this.setComboBoxDescriptor(),this.#ee()}),M(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,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("label-type"===e?"floating"===o?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"require-match"===e&&this.handleRequireMatchChange("true"===o))}setDefaultValue(){this.defaultValue&&(this.value=this.defaultValue)}#ie(e){return this.baseElement.items?.find(t=>t["data-id"]===e)}#re(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.#ie(e);this.#re(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=gi.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:oi,includeForwardProps:["items","renderer","selectedItem"]}));customElements.define(oi,gi);const bi=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")},yi=k("image"),vi=["src","src-dark"];class fi extends(ue({componentName:yi,baseSelector:"slot"})){static get observedAttributes(){return vi}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",V("\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(${xi.cssVarList.fill}, ${e.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(async(e,t)=>{try{let o;if((e=>e.startsWith("data:image/svg+xml;base64,"))(e)){const t=atob(e.slice(26));o=bi(t)}else if("svg"===(e=>{const t=e.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return t?t[1]:null})(e)){const t=await fetch(e),i=await t.text();o=bi(i)}else o=((e,t)=>{const o=document.createElement("img");return o.setAttribute("src",e),o.setAttribute("alt",t),o})(e,t);return o.style.setProperty("max-width","100%"),o.style.setProperty("max-height","100%"),o}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,o){super.attributeChangedCallback?.(e,t,o),t!==o&&this.shouldRender(e)&&this.renderImage()}}const xi=I(ne({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),se,ae)(fi),Ci=k("icon"),wi=I(ne({mappings:{fill:[{},{property:xi.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:Ci})),Ii=k("button"),{host:Si,label:Mi,slottedIcon:Ai}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let Ei;const Ti=I(ne({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...Si,property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:wi.cssVarList.fill},labelTextDecoration:{...Mi,property:"text-decoration"},labelSpacing:{...Mi,property:"gap"},textAlign:{...Mi,property:"justify-content",fallback:"center"},iconSize:[{...Ai,property:"width"},{...Ai,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${Ei}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${Ti.cssVarList.outlineWidth}) + var(${Ti.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${Ti.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${Ti.cssVarList.hostHeight}) - var(${Ti.cssVarList.outlineWidth}) - var(${Ti.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${Ti.cssVarList.hostWidth}) - var(${Ti.cssVarList.outlineWidth}) - var(${Ti.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:Ii})),{color:ki,fontSize:zi}=Ti.cssVarList;Ei=`\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(${ki});\n\t\ttop: calc(50% - (var(${zi}) / 2));\n\t\tleft: calc(50% - (var(${zi}) / 2));\n\t\tborder-width: calc(var(${zi}) / 10);\n\t\twidth: var(${zi});\n\t\theight: var(${zi});\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(Ii,Ti);const Li=["MM/DD/YYYY","DD/MM/YYYY","YYYY/MM/DD"],Vi=Li[0],Ni="YYYY-MM-DD",Di="/",Pi=["January","February","March","April","May","June","July","August","September","October","November","December"],Bi=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],Ri={id:"month",min:1,max:12,placeholder:"MM"},Oi={id:"day",min:1,max:31,placeholder:"DD"},ji={id:"year",min:0,max:9999,placeholder:"YYYY"},Wi=1900,Fi=2099,$i=(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},_i={MM:"(0?[1-9]|1[0-2])",DD:"(0?[1-9]|[12][0-9]|3[01])",YYYY:"([0-9]{4})"},Hi=e=>{const t=(e=>`^${e.split(Di).map(e=>_i[e]).join("\\D")}$`)(e),o=(e=>{const t=e.split(Di);return e=>{const o={};return t.forEach((t,i)=>{o[t]=e[i+1]}),[o.YYYY,o.MM,o.DD]}})(e),i=new RegExp(t);return{pattern:t,validate:e=>i.test(e),getDate:e=>((e,t,o)=>{const i=t.exec(e);if(!i)return null;const[r,n,s]=o(i);return $i([r,n,s].join(Di))})(e,i,o)}},qi=Object.fromEntries(Li.map(e=>[e,Hi(e)])),Yi=e=>!Number.isNaN(Number(e)),Ui=e=>{const t=$i(e);return[t.getFullYear(),t.getMonth()+1,t.getDate()]},Gi=(e,t)=>{const[o,i,r]=Ui(e),n={DD:String(r).padStart(2,"0"),MM:String(i).padStart(2,"0"),YYYY:String(o)};return t.replace(/DD|MM|YYYY/g,e=>n[e])},Zi=()=>$i().getTime(),Qi=e=>$i(e).getFullYear().toString(),Ji=e=>($i(e).getMonth()+1).toString(),Ki=(e,t)=>"number"==typeof e?e:t?Date.UTC(e.getFullYear(),e.getMonth(),e.getDate()):e.getTime(),Xi=(e,t)=>Array.isArray(e)&&e.length===t&&e.filter(Boolean).length===t,er=({label:e,dataId:t,dataName:o})=>`\n\t<div class="combo-box-item"\n\t\tdata-id="${t}"\n\t\tdata-name="${o}"\n\t>\n\t\t\t${e}\n\t</div>\n`,tr=(e=Pi)=>e.map((e,t)=>er({label:e,dataId:t+1,dataName:e})).join(""),or=(e,t)=>{const[o,i]=Ui(t),[r,n]=Ui(e);return r===o&&n===i},ir=(e,t,o)=>(e.addEventListener("input",t),e.addEventListener("focusout",o),e),rr=qe("calendar"),nr=["initial-value","initial-year","initial-month","years-range","calendar-months","calendar-weekdays","calendar-label-today","st-host-direction","disabled","full-width"],sr=["calendar-label-submit","calendar-label-cancel"],ar=ro({componentName:rr,baseSelector:"div"}),{calendar:lr,day:dr,dayEntry:cr,currentDay:pr,selectedDay:ur,disabledDay:hr,weekday:mr,topNav:gr,topNavSelectors:br,bottomNav:yr,navPrev:vr,navNext:fr,navPrevRTL:xr,navNextRTL:Cr,yearInput:wr,monthInput:Ir}={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"}},Sr=Re(Pt({componentNameOverride:qe("input-wrapper")}),Pt({mappings:{fontSize:{},fontFamily:{},hostWidth:[{selector:()=>":host",property:"width"},{selector:"table",property:"width"}],hostDirection:{property:"direction"},topNavVerticalPadding:[{...gr,property:"padding-top"},{...gr,property:"padding-bottom"}],topNavHorizointalPadding:[{...gr,property:"padding-right"},{...gr,property:"padding-left"}],topNavAlignment:{...gr,property:"justify-content"},topNavGap:{...gr,property:"gap"},topNavSelectorsGap:{...br,property:"gap"},bottomNavVerticalPadding:[{...yr,property:"padding-top"},{...yr,property:"padding-bottom"}],bottomNavHorizontalPadding:[{...yr,property:"padding-right"},{...yr,property:"padding-left"}],bottomNavAlignment:{...yr,property:"justify-content"},bottomNavGap:{...yr,property:"gap"},navMarginBottom:{...gr,property:"margin-bottom"},calendarPadding:[{...lr,property:"padding-bottom"},{...lr,property:"padding-right"},{...lr,property:"padding-left"}],navBorderBottomWidth:{...gr,property:"border-bottom-width"},navBorderBottomColor:{...gr,property:"border-bottom-color"},navBorderBottomStyle:{...gr,property:"border-bottom-style"},weekdayFontSize:{...mr,property:"font-size"},weekdayFontWeight:{...mr,property:"font-weight"},currentDayBorderColor:{...pr,property:"border-color"},currentDayBorderWidth:{...pr,property:"border-width"},currentDayBorderStyle:{...pr,property:"border-style"},dayHeight:{...cr,property:"height"},daySize:[{...dr,property:"height"},{...dr,property:"width"}],dayPadding:{...dr,property:"padding"},dayRadius:{...dr,property:"border-radius"},dayTextAlign:{...dr,property:"text-align"},dayBlockAlign:{...dr,property:"margin"},dayTextColor:{...dr,property:"color"},dayFontWeight:{...dr,property:"font-weight"},dayBackgroundColor:{...dr,property:"background-color"},dayCursor:{...dr,property:"cursor"},dayFontSize:{...dr,property:"font-size"},dayBackgroundColorHover:{selector:()=>".day:hover",property:"background-color"},daySelectedTextdColor:{...ur,property:"color"},daySelectedBackgroundColor:{...ur,property:"background-color"},dayDisabledTextdColor:{...hr,property:"color"},yearInputWidth:{...wr,property:"width"},monthInputWidth:{...Ir,property:"width"},navButtonSize:[{...vr,property:"width"},{...vr,property:"height"},{...fr,property:"width"},{...fr,property:"height"}],navButtonCursor:[{...vr,property:"cursor"},{...fr,property:"cursor"}],navButtonRotation:[{...xr,property:"transform"},{...Cr,property:"transform"}],navButtonOpacity:[{...vr,property:"opacity"},{...fr,property:"opacity"}]}}),Bt,Rt)(class extends ar{static get observedAttributes(){return[].concat(ar.observedAttributes||[],nr,sr)}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  ',V(`\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        ${Ti.cssVarList.horizontalPadding}: 0;\n        ${Ti.cssVarList.verticalPadding}: 0;\n        ${Ti.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=$i(e).getTime();Yi(t)&&t!==this.epoch&&(this.epoch=t,this.renderCalendar())}get value(){return this.epoch?Gi(this.epoch,Ni):""}get isSelectedView(){return or(this.preview,this.epoch)}get isTodayView(){return or(Zi(),this.preview)}get monthNames(){return(e=>{const t=e?.split(",");return Xi(t,12)?t:Pi})(this.getAttribute("calendar-months"))}get weekdayNames(){return(e=>{const t=e?.split?.(",");return Xi(t,7)?t:Bi})(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,o]=e.map(Number);if(t<=o)return[t,o]}const t=$i().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    ${tr()}\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=ir(this.shadowRoot.querySelector(".month-input"),this.onMonthChange.bind(this),this.onMonthInputBlur.bind(this)),this.yearInput=ir(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:$i(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||Zi(),t=Qi(e),o=Ji(e);this.monthInput.value=o,setTimeout(()=>{this.yearInput.baseElement.value=t})}}renderCalendar(){const e=$i(this.preview||Zi()).getTime(),[t,o]=Ui(e);this.calendar&&(this.calendar.innerHTML=((e,t,o)=>{const i=((e,t)=>new Date(e,t,0).getDate())(e,t),r=new Date(e,t-1,1).getDay();let n="<table>";n+=`<thead><tr>${o.reduce((e,t)=>`${e}<th><span class="weekday">${t}</span></th>`,"")}</tr></thead>`,n+="<tbody>",n+="<tr>";for(let e=0;e<r;e++)n+="<td></td>";let s=r;for(let e=1;e<=i;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,o,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=$i(this.preview);t.setDate(Number(e.target.getAttribute("data-date-day"))),this.value=Gi(t.getTime(),Ni),this.dispatchEvent(new CustomEvent("day-changed",{detail:t}))}onYearChange(e){if(!e.target.value)return;const t=$i(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=$i(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||Qi(this.preview)}onMonthInputBlur(e){this.monthInput.baseElement.value=e.target.value||Ji(this.preview)}getSelectedDayEle(){const e=$i(this.epoch).getDate();return this.calendar?.querySelector(`[data-date-day="${e}"]`)}getCurrentDayEle(){return this.calendar?.querySelector(`[data-date-day="${$i().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=$i(e),o=t.getMonth();if(0===o){const e=t.getFullYear();t.setFullYear(e-1),t.setMonth(11)}else t.setMonth(o-1);return t})(this.preview);this.preview=e.getTime(),this.renderCalendar()}navNextMonth(){if(this.isDisabled)return;const e=(e=>{const t=$i(e),o=t.getMonth();if(11===o){const e=t.getFullYear();t.setFullYear(e+1),t.setMonth(0)}else t.setMonth(o+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=$i(e).getTime();Yi(t)?(this.epoch=t,this.preview=t):this.clearValue()}onYearsRangeChange(){setTimeout(()=>{this.yearInput&&(this.yearInput.innerHTML=(e=>{const[t,o]=e,i=[];for(let e=t;e<=o;e++)i.push(e);return i})(this.yearsRange).map(e=>er({label:e,dataId:e,dataName:e})).join(""))})}onMonthNamesChange(){setTimeout(()=>{this.monthInput&&(this.monthInput.innerHTML=tr(this.monthNames))})}onSubmitLabelChange(e){this.submitButton&&(this.submitButton.textContent=e||"Done")}onCancelLabelChange(e){this.cancelButton&&(this.cancelButton.textContent=e||"Cancel")}onInitialMonthChange(e){const t=Qi(this.preview);this.preview=$i(`${t}/${e}/1`).getTime()}onInitialYearChange(e){const t=Ji(this.preview);this.preview=$i(`${e}/${t}/1`).getTime()}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),t!==o&&(sr.includes(e)?("calendar-label-submit"===e&&this.onSubmitLabelChange(o),"calendar-label-cancel"===e&&this.onCancelLabelChange(o)):(o&&"initial-value"===e&&this.onInitialValueChange(o),o&&"initial-month"===e&&this.onInitialMonthChange(o),o&&"initial-year"===e&&this.onInitialYearChange(o),"years-range"===e&&this.onYearsRangeChange(Number(o)),"calendar-months"===e&&this.onMonthNamesChange(),"calendar-label-today"===e&&this.setCurrentDay(o),"disabled"===e&&setTimeout(()=>{this.cancelButton?.setAttribute("disabled","true"===o)}),this.renderCalendar()))}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}});customElements.define(rr,Sr);const{host:Mr,label:Ar,placeholder:Er,requiredIndicator:Tr,inputField:kr,input:zr,inputMask:Lr,helperText:Vr,errorMessage:Nr,disabledPlaceholder:Dr,inputDisabled:Pr,inputIcon:Br,externalInput:Rr,externalInputDisabled:Or,externalPlaceholder:jr,externalDisabledPlaceholder:Wr}={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 Fr={fontSize:[{},Mr],fontFamily:[Ar,kr,Vr,Nr],labelFontSize:{...Ar,property:"font-size"},labelFontWeight:{...Ar,property:"font-weight"},labelTextColor:[{...Ar,property:"color"},{...Tr,property:"color"},{...Ar,property:"-webkit-text-fill-color"},{...Tr,property:"-webkit-text-fill-color"}],hostWidth:{...Mr,property:"width"},hostMinWidth:{...Mr,property:"min-width"},hostDirection:{...Mr,property:"direction"},inputDirection:{...zr,property:"direction"},inputBackgroundColor:[{...kr,property:"background-color"},{...Lr,property:"background-color"}],errorMessageTextColor:{...Nr,property:"color"},errorMessageIcon:{...Nr,property:"background-image"},errorMessageIconSize:{...Nr,property:"background-size"},errorMessageIconPadding:{...Nr,property:"padding-inline-start"},errorMessageIconRepeat:{...Nr,property:"background-repeat"},errorMessageIconPosition:{...Nr,property:"background-position"},errorMessageFontSize:{...Nr,property:"font-size"},helperTextColor:{...Vr,property:"-webkit-text-fill-color"},inputValueTextColor:[{...kr,property:"color"},{...Pr,property:"-webkit-text-fill-color"},{...Or,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...zr,property:"caret-color"},{...Rr,property:"caret-color"}],labelRequiredIndicator:{...Tr,property:"content"},inputBorderColor:{...kr,property:"border-color"},inputBorderWidth:{...kr,property:"border-width"},inputBorderStyle:{...kr,property:"border-style"},inputBorderRadius:{...kr,property:"border-radius"},inputHeight:{...kr,property:"height"},inputHorizontalPadding:[{...zr,property:"padding-left"},{...zr,property:"padding-right"},{...Rr,property:"padding-left"},{...Rr,property:"padding-right"}],inputOutlineColor:{...kr,property:"outline-color"},inputOutlineStyle:{...kr,property:"outline-style"},inputOutlineWidth:{...kr,property:"outline-width"},inputOutlineOffset:{...kr,property:"outline-offset"},textAlign:{},inputTextAlign:[{...zr,property:"text-align"},{...Rr,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...jr,property:"color"},{...Er,property:"color"},{...Dr,property:"-webkit-text-fill-color"},{...Wr,property:"-webkit-text-fill-color"}],labelPosition:{...Ar,property:"position"},labelTopPosition:{...Ar,property:"top"},labelHorizontalPosition:[{...Ar,property:"left"},{...Ar,property:"right"}],inputTransformY:{...Ar,property:"transform"},inputTransition:{...Ar,property:"transition"},marginInlineStart:{...Ar,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...jr,property:"opacity"}],inputVerticalAlignment:[{...kr,property:"align-items"},{...Rr,property:"align-items"}],valueInputHeight:[{...zr,property:"height"},{...Rr,property:"height"}],valueInputMarginBottom:[{...zr,property:"margin-bottom"},{...Rr,property:"margin-bottom"}],inputIconOffset:[{...Br,property:"margin-right"},{...Br,property:"margin-left"}],inputIconSize:{...Br,property:"font-size"},inputIconColor:{...Br,property:"color"},inputTextSecurity:[{...zr,property:"-webkit-text-security"},{...zr,property:"text-security"},{...Rr,property:"-webkit-text-security"},{...Rr,property:"text-security"}]};const $r=qe("text-field"),_r=["type","label-type","copy-to-clipboard"],Hr=Re(Pt({mappings:Fr}),Bt,Jt({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Rt,e=>class extends e{static get observedAttributes(){return _r.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"},o={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,o),setTimeout(()=>{Object.assign(this.icon,t)},5e3)})}onLabelClick(){this.focus()}attributeChangedCallback(e,t,o){super.attributeChangeCallback?.(e,t,o),"type"===e&&this.baseElement._setType(o),t!==o&&("label-type"===e?"floating"===o?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===e&&this.renderCopyToClipboard("true"===o))}})(Ht({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(${Hr.cssVarList.inputOutlineWidth}) + var(${Hr.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(Hr.cssVarList)}\n\t\t\t${ht("vaadin-text-field",Hr.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:$r}));customElements.define($r,Hr);class qr{#R=Object.freeze([]);constructor({id:e,min:t,max:o,placeholder:i},r){this.id=e,this.min=t,this.max=o,this.placeholder=i,this.onChange=r}get data(){return this.#R}set data(e){this.#R=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 Yr=qe("date-field"),Ur=ro({componentName:Yr,baseSelector:"vaadin-popover"}),Gr=["format","opened","initial-value","readonly","disable-calendar","utc-time"],Zr=["years-range","calendar-months","calendar-weekdays"],Qr=[...Gr,...Zr],Jr=Hr.cssVarList,{host:Kr,input:Xr,inputEleRTL:en,toggleButton:tn,overlay:on,backdrop:rn}={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)"}},nn=Re(Pt({componentNameOverride:qe("input-wrapper")}),Pt({mappings:{iconMargin:{...tn,property:"margin-inline-end"},hostWidth:{...Kr,property:"width"},hostDirection:{...Kr,property:"direction"},textAlign:{...Xr,property:"text-align"},rtlInputDirection:{...en,property:Jr.inputDirection},rtlInputAlignment:{...en,property:Jr.inputTextAlign},overlayGap:{property:()=>nn.cssVarList.overlayGap},overlayBackgroundColor:{property:()=>nn.cssVarList.overlayBackgroundColor},overlayPadding:{property:()=>nn.cssVarList.overlayPadding},overlayBoxShadow:{property:()=>nn.overlayBoxShadow},overlayOutlineWidth:{property:()=>nn.cssVarList.overlayOutlineWidth},overlayOutlineColor:{property:()=>nn.cssVarList.overlayOutlineColor},overlayOutlineStyle:{property:()=>nn.cssVarList.overlayOutlineStyle},errorMessageIcon:{selector:Hr.componentName,property:Hr.cssVarList.errorMessageIcon},errorMessageIconSize:{selector:Hr.componentName,property:Hr.cssVarList.errorMessageIconSize},errorMessageIconPadding:{selector:Hr.componentName,property:Hr.cssVarList.errorMessageIconPadding},errorMessageIconRepeat:{selector:Hr.componentName,property:Hr.cssVarList.errorMessageIconRepeat},errorMessageIconPosition:{selector:Hr.componentName,property:Hr.cssVarList.errorMessageIconPosition},errorMessageFontSize:{selector:Hr.componentName,property:Hr.cssVarList.errorMessageFontSize}}}),Xt({name:"overlay",selector:"",mappings:{marginTop:{...on,property:"margin-top"},backgroundColor:{...on},backdropBackgroundColor:{...rn,property:"background-color"},backdropPointerEvents:{...rn,property:"pointer-events"},padding:{...on},boxShadow:{...on},outlineWidth:{...on},outlineColor:{...on},outlineStyle:{...on}}}),Bt,Rt)(class extends Ur{epoch="";format=Vi;selectedCounterIdx=0;updateCountersDisplay(){this.inputElement.value=this.countersValue}updateValue(){if(this.isCountersOutOfRange)this.resetEpoch();else{const e=qi[this.format].getDate(this.inputElement.value);this.updateEpoch(Ki(e,this.isUtcTime))}}onDateCounterChange=()=>{this.updateCountersDisplay(),this.updateValue(),this.#se()};updateEpoch(e){this.epoch=Ki(e,this.isUtcTime)}dateCounters=[new qr(Ri,this.onDateCounterChange.bind(this)),new qr(Oi,this.onDateCounterChange.bind(this)),new qr(ji,this.onDateCounterChange.bind(this))];static get observedAttributes(){return[].concat(Ur.observedAttributes||[],Qr)}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    ',V('\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=qi[this.format].getDate(this.inputElement.value);return Yi(e?.getTime())?e.getTime():null}get sortedCounters(){return this.format.split(Di).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(Di)}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=Gi($i(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?.replaceSync("vaadin-popover-overlay::part(overlay) { transform: none; }");const t=document.body.getBoundingClientRect(),o=this.getBoundingClientRect(),i=this.calendar.getBoundingClientRect(),r=this.isRTL?"right":"left",n=o[r]-i[r],s=i.left,a=t.width-i.right;let l;l=n>0?Math.min(n,a):-1*Math.min(Math.abs(n),s);const d=`\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${l}px);\n      }\n    `;this.#le?this.#le.replaceSync(d):this.#le=V(d,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=$i(this.calendar.value);this.value=Ki(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=Yi($i(this.inputElement.value||"").getTime())&&qi[this.format].validate(this.inputElement.value);this.displayValueEpoch||e?this.calendar.setAttribute("initial-value",Gi(this.displayValueEpoch||this.epoch,Ni)):(this.calendar.clearValue(),this.calendar.setAttribute("preview",Gi(Zi(),Ni))),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(qi).includes(e)&&(this.format=e,this.updateFormatPattern())}updateFormatPattern(){const e=this.getAttribute("format")||this.format||Vi;this.setAttribute("type","date"),this.setAttribute("pattern",qi[e].pattern)}parseDigits(e){this.activeCounter.add(e),this.activeCounter.isFull&&this.selectNextCounter(),this.setInputSelectionRange()}getCounterIdx(e){const[t,o]=this.sortedCounters.map(e=>e.length);return[e<=t,e>=t&&e<=t+o+1,e>=t+o+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 Ri.id:t.set(this.isUtcTime?e.getUTCMonth()+1:e.getMonth()+1);break;case ji.id:t.set(this.isUtcTime?e.getUTCFullYear():e.getFullYear());break;case Oi.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,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("disable-calendar"===e&&this.togglePopoverAccess("true"!==o),Gr.includes(e)?(o&&"format"===e&&this.onFormatUpdate(o),"initial-value"===e&&this.onInitialValueChange(o)):Zr.includes(e)&&(o?this.calendar?.setAttribute(e,o):this.calendar?.removeAttribute(e)))}isInvalidDate(){const e=this.getCounterById("year"),t=e.numberValue>Fi||e.numberValue<Wi,o=Object.entries(this.getDateVals()).some(([e,t])=>{const o=this.getCounterById(e);return!t||o.numberValue!==t});return t||o}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"),o=((e,t)=>{const o=e.trim?.();return o?qi[t].getDate(o):null})(t,this.format);if(o)this.value=Ki(o,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(Yr,nn);const sn=qe("divider");class an extends($t({componentName:sn,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",V("\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 ln=So.cssVarList,{host:dn,before:cn,after:pn,text:un}={host:{selector:()=>":host"},before:{selector:"::before"},after:{selector:"::after"},text:{selector:"descope-text"}},hn=Re(Pt({mappings:{hostWidth:{...dn,property:"width"},hostPadding:{...dn,property:"padding"},hostDirection:{...un,property:"direction"},minHeight:{},alignItems:{},alignSelf:{},flexDirection:{},textAlign:{...un,property:ln.textAlign},labelTextWidth:{...un,property:"width"},labelTextMaxWidth:{...un,property:"max-width"},labelTextVerticalSpacing:[{...un,property:"padding-top"},{...un,property:"padding-bottom"}],labelTextHorizontalSpacing:[{...un,property:"padding-right"},{...un,property:"padding-left"}],stripeColor:[{...cn,property:"background-color"},{...pn,property:"background-color"}],stripeHorizontalThickness:[{...cn,property:"height"},{...pn,property:"height"}],stripeVerticalThickness:[{...cn,property:"width"},{...pn,property:"width"}],stripeColorOpacity:[{...cn,property:"opacity"},{...pn,property:"opacity"}]}}),Bt,Rt)(an);customElements.define(sn,hn);const mn=qe("email-field"),gn=Re(Pt({mappings:Fr}),Bt,oo({inputType:"email",inputName:"email",autocompleteType:"username",includeAttrs:["disabled","readonly","pattern"]}),Jt({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Rt,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()}})(Ht({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(${gn.cssVarList.inputOutlineWidth}) + var(${gn.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      ${mt("vaadin-email-field")}\n\t\t\t${at(gn.cssVarList)}\n\t\t\t${ht("vaadin-email-field",gn.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:mn}));customElements.define(mn,gn);const bn=({componentName:e,varName:t,fallbackVarName:o})=>{let i;class r extends($t({componentName:e,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t\t<div></div>\n\t\t\t",V(`\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\t${i}\n\t\t\t\t}\n        `,this)}}const n=Re(Pt({mappings:{height:{selector:()=>":host > div"},width:{selector:()=>":host > div"},[t]:{property:"content"},[o]:{property:"content"}}}),Bt,Rt)(r);return i=`content: var(${n.cssVarList[t]}, var(${n.cssVarList[o]}));`,n},yn=qe("logo"),vn=bn({componentName:yn,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(yn,vn);const fn=qe("totp-image"),xn=bn({componentName:fn,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(fn,xn);const Cn=qe("notp-image"),wn=bn({componentName:Cn,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(Cn,wn);const In=qe("number-field"),Sn=Re(Pt({mappings:Fr}),Bt,Jt({proxyProps:["value","selectionStart"]}),Rt)(Ht({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(${Sn.cssVarList.inputOutlineWidth}) + var(${Sn.cssVarList.inputOutlineOffset}));\n\t\t\t}\n      ${mt("vaadin-number-field")}\n\t\t\t${at(Sn.cssVarList)}\n\t\t\t${ht("vaadin-number-field",Sn.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:In}));customElements.define(In,Sn);const Mn="--descope-input-mask-content",An="--descope-input-mask-display",En="--descope-input-mask-fallback",Tn=e=>{e?.focus(),e?.setSelectionRange?.(1,1)},kn=e=>e.replace(/\D/g,"")||"",zn=(e,t)=>{t?(e.style.setProperty(Mn,`"${t}"`),e.style.setProperty(An,"flex")):(e.style.removeProperty(Mn),e.style.removeProperty(An))},Ln=qe("passcode-internal"),Vn=["digits","loading"],Nn=["disabled","bordered","size","invalid","readonly","aria-labelledby"],Dn=ro({componentName:Ln,baseSelector:"div"}),Pn=qe("passcode"),Bn=["digits"],{host:Rn,digitField:On,label:jn,requiredIndicator:Wn,internalWrapper:Fn,focusedDigitField:$n,errorMessage:_n}={host:{selector:()=>":host"},focusedDigitField:{selector:()=>`${Hr.componentName}[focused="true"]`},digitField:{selector:()=>Hr.componentName},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},internalWrapper:{selector:"descope-passcode-internal .wrapper"},errorMessage:{selector:"::part(error-message)"}},Hn=Hr.cssVarList,qn=Ko.cssVarList,Yn=Re(Pt({mappings:{fontSize:[{...On,property:Hn.fontSize},Rn],hostWidth:{property:"width"},hostDirection:{...Rn,property:"direction"},fontFamily:[Rn,{...jn}],labelTextColor:[{...jn,property:"color"},{...jn,property:"-webkit-text-fill-color"},{...Wn,property:"color"},{...Wn,property:"-webkit-text-fill-color"}],labelRequiredIndicator:{...Wn,property:"content"},errorMessageTextColor:{..._n,property:"color"},errorMessageIcon:{..._n,property:"background-image"},errorMessageIconSize:{..._n,property:"background-size"},errorMessageIconPadding:{..._n,property:"padding-inline-start"},errorMessageIconRepeat:{..._n,property:"background-repeat"},errorMessageIconPosition:{..._n,property:"background-position"},errorMessageFontSize:{..._n,property:"font-size"},digitValueTextColor:{selector:Hr.componentName,property:Hn.inputValueTextColor},digitSize:[{...On,property:"height"},{...On,property:"width"}],digitPadding:{...On,property:Hn.inputHorizontalPadding},digitTextAlign:{...On,property:Hn.inputTextAlign},digitCaretTextColor:{...On,property:Hn.inputCaretTextColor},digitSpacing:{...Fn,property:"gap"},digitOutlineColor:{...On,property:Hn.inputOutlineColor},digitOutlineWidth:{...On,property:Hn.inputOutlineWidth},focusedDigitFieldOutlineColor:{...$n,property:Hn.inputOutlineColor},overlayOpacity:{...Fn,property:"opacity"},spinnerSize:{selector:Ko.componentName,property:qn.spinnerSize}}}),Bt,io,Jt({proxyProps:["value","selectionStart"]}),Rt,e=>class extends e{static get observedAttributes(){return Bn.concat(e.observedAttributes||[])}get digits(){return Number.parseInt(this.getAttribute("digits"),10)||6}init(){super.init?.(),V("\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      <${Ln}\n        bordered="true"\n        name="code"\n        tabindex="-1"\n        slot="input"\n        role="textbox"\n      ><slot></slot></${Ln}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Ln),Ue(this,this.inputElement,{includeAttrs:["digits","size","loading","disabled"]})}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),"digits"===e&&(this.style["--passcode-digits-count"]=o)}})(Ht({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(${Hn.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:Pn}));customElements.define(Ln,class extends Dn{static get observedAttributes(){return Vn.concat(Dn.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],kn(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),o=Math.min(t+1,this.inputs.length-1);return this.inputs[o]}getPrevInput(e){const t=this.getInputIdx(e),o=Math.max(t-1,0);return this.inputs[o]}fillDigits(e,t){for(let o=0;o<e.length;o+=1){t.value=e[o]??"";const i=this.getNextInput(t);if(i===t)break;t=i}Tn(t)}parseInputValue(e,t=""){const o=t.split("");o.length?this.fillDigits(o,e):e.value=""}initInputs(){this.inputs.forEach(e=>{V(`\n        vaadin-text-field::part(input-field)::before {\n          ${En}: '';\n          content: var(${Mn}, var(${En}));\n          position: absolute;\n          width: 100%;\n          height: 100%;\n          display: var(${An}, none);\n          align-items: center;\n          justify-content: center;\n        }`,e);const t=n()(t=>{this.parseInputValue(e,t),zn(e)},0,{trailing:!0});e.addEventListener("input",o=>{e.value=kn(e.value),e.value&&zn(e,e.value[0]),setTimeout(()=>{"deleteContentBackward"===o?.inputType&&Tn(this.getPrevInput(e))}),t(e.value)}),e.onkeydown=({key:t})=>{"Backspace"===t?e.value?e.setSelectionRange(1,1):setTimeout(()=>Tn(this.getPrevInput(e)),0):1===t.length&&(e.value="")},Ue(this,e,{includeAttrs:Nn}),e.shadowRoot.querySelector("input").setAttribute("aria-label","passcode digit")}),this.handleFocusEventsDispatching(this.inputs),this.handleInputEventDispatching()}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),t!==o&&Vn.includes(e)&&("digits"===e&&this.renderInputs(),"loading"===e&&this.handleLoadingState("true"===o))}get pattern(){return`^$|^\\d{${this.digits},}$`}}),customElements.define(Pn,Yn);const Un=qe("password"),{host:Gn,inputField:Zn,inputElement:Qn,inputElementPlaceholder:Jn,revealButtonContainer:Kn,revealButtonIcon:Xn,label:es,requiredIndicator:ts,errorMessage:os,helperText:is}={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)"}},rs=Re(Pt({mappings:{hostWidth:{...Gn,property:"width"},hostMinWidth:{...Gn,property:"min-width"},hostDirection:{...Gn,property:"direction"},fontSize:[{},Gn],fontFamily:[es,Zn,os,is],inputHeight:{...Zn,property:"height"},inputHorizontalPadding:[{...Qn,property:"padding-left"},{...Qn,property:"padding-right"}],inputBackgroundColor:{...Zn,property:"background-color"},inputBorderStyle:{...Zn,property:"border-style"},inputBorderWidth:{...Zn,property:"border-width"},inputBorderColor:{...Zn,property:"border-color"},inputBorderRadius:{...Zn,property:"border-radius"},inputOutlineColor:{...Zn,property:"outline-color"},inputOutlineStyle:{...Zn,property:"outline-style"},inputOutlineOffset:{...Zn,property:"outline-offset"},inputOutlineWidth:{...Zn,property:"outline-width"},labelFontSize:{...es,property:"font-size"},labelFontWeight:{...es,property:"font-weight"},labelTextColor:[{...es,property:"color"},{...es,property:"-webkit-text-fill-color"},{...ts,property:"color"},{...ts,property:"-webkit-text-fill-color"}],labelRequiredIndicator:{...ts,property:"content"},errorMessageTextColor:{...os,property:"color"},errorMessageIcon:{...os,property:"background-image"},errorMessageIconSize:{...os,property:"background-size"},errorMessageIconPadding:{...os,property:"padding-inline-start"},errorMessageIconRepeat:{...os,property:"background-repeat"},errorMessageIconPosition:{...os,property:"background-position"},errorMessageFontSize:{...os,property:"font-size"},inputPlaceholderTextColor:[{...Jn,property:"color"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"color"}],inputValueTextColor:[{...Qn,property:"color"},{selector:()=>":host ::slotted(input)",property:"color"}],revealButtonOffset:[{...Kn,property:"margin-right"},{...Kn,property:"margin-left"}],revealButtonSize:{...Kn,property:"font-size"},revealButtonColor:{...Xn,property:"color"},labelPosition:{...es,property:"position"},labelTopPosition:{...es,property:"top"},labelHorizontalPosition:[{...es,property:"left"},{...es,property:"right"}],inputTransformY:{...es,property:"transform"},inputTransition:{...es,property:"transition"},marginInlineStart:{...es,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...Qn,property:"opacity"}],inputVerticalAlignment:{...Zn,property:"align-items"},valueInputHeight:{...Qn,property:"height"}}}),Bt,oo({inputType:"password",inputName:"password",includeAttrs:["disabled","readonly","pattern","type","autocomplete"],noBlurDispatch:!0}),Jt({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Rt,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 o=t.target,i=o.getAttribute("type");o.setAttribute("type","text"),setTimeout(()=>{o.focus()});const r=t=>{o.setAttribute("type",i),e.removeAttribute("inert"),this.removeEventListener("mouseup",r),this.removeEventListener("dragend",r)};this.addEventListener("dragend",r,{once:!0}),this.addEventListener("mouseup",r,{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,o){super.attributeChangedCallback?.(e,t,o)}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")}})(Ht({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(rs.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(${rs.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:Un}));customElements.define(Un,rs);const ns=qe("text-area"),{host:ss,label:as,placeholder:ls,inputField:ds,textArea:cs,requiredIndicator:ps,helperText:us,errorMessage:hs}={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)"}},ms=Re(Pt({mappings:{hostWidth:{...ss,property:"width"},hostMinWidth:{...ss,property:"min-width"},hostDirection:{...ss,property:"direction"},fontSize:[ss,cs],fontFamily:[as,ds,us,hs],labelTextColor:[{...as,property:"color"},{...as,property:"-webkit-text-fill-color"},{...ps,property:"color"}],labelRequiredIndicator:{...ps,property:"content"},errorMessageTextColor:{...hs,property:"color"},errorMessageIcon:{...hs,property:"background-image"},errorMessageIconSize:{...hs,property:"background-size"},errorMessageIconPadding:{...hs,property:"padding-inline-start"},errorMessageIconRepeat:{...hs,property:"background-repeat"},errorMessageIconPosition:{...hs,property:"background-position"},errorMessageFontSize:{...hs,property:"font-size"},inputBackgroundColor:{...ds,property:"background-color"},inputValueTextColor:{...cs,property:"color"},inputPlaceholderTextColor:{...ls,property:"color"},inputBorderWidth:{...ds,property:"border-width"},inputBorderStyle:{...ds,property:"border-style"},inputBorderColor:{...ds,property:"border-color"},inputBorderRadius:{...ds,property:"border-radius"},inputOutlineStyle:{...ds,property:"outline-Style"},inputOutlineColor:{...ds,property:"outline-color"},inputOutlineOffset:{...ds,property:"outline-offset"},inputOutlineWidth:{...ds,property:"outline-width"},inputResizeType:{...cs,property:"resize"},inputMinHeight:{...cs,property:"min-height"},inputTextAlign:{...cs,property:"text-align"}}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Rt)(Ht({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(ms.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:ns}));customElements.define(ns,ms);var gs=[{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 bs=({code:e,dialCode:t,name:o})=>`\n\t<div\n\t\tdata-id="${t}"\n\t\tdata-name="${e} ${t} ${o}"\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>${o}</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`,ys=qe("phone-field-internal"),vs=["disabled","size","bordered","readonly"],fs=["country-input-placeholder","default-code","restrict-countries"],xs=["phone-input-placeholder","maxlength","autocomplete","name","phone-input-type"],Cs=["label-type","country-input-label","label"],ws={"country-input-label":"label","country-input-placeholder":"placeholder","phone-input-placeholder":"placeholder","phone-input-type":"type"},Is=[].concat(vs,fs,xs,Cs),Ss=ro({componentName:ys,baseSelector:"div"});customElements.define(ys,class extends Ss{static get observedAttributes(){return[].concat(Ss.observedAttributes||[],Is)}#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      ${gs.map(e=>bs(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","phone-input-type"],mapAttrs:{"phone-input-type":"type"}}),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="",o="";if(e.includes("-")){const i=e.indexOf("-");t=e.slice(0,i),o=e.slice(i+1).replace(/\D+/g,"")}else{const i=(0,p.l)(e);i?.countryCallingCode&&(t=`+${i.countryCallingCode}`,o=e.slice(t.length).replace(/\D+/g,""))}if(!/\d/.test(t))return void this.#he();const i=gs.filter(e=>e.dialCode===t).map(e=>e.code),r=this.selectedCountryCode;if(!i.includes(r)){const e=this.comboBox.items?.find(e=>i.includes(e.getAttribute("data-country-code")));e&&(this.comboBox.selectedItem=e)}this.isFormatValue?this.textField.value=this.#me(o):this.textField.value=o}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.inputs[1].focus()}),super.init?.(),this.#ge()}getValidity(){const e=this.comboBox.value,t=this.textField.value,o=!e||!t,i=t&&t.length>=this.minLength;if(this.isRequired&&o)return{valueMissing:!0};if(this.value){if(!i)return{tooShort:!0};if(this.isStrictValidation&&!this.#be())return{patternMismatch:!0}}return{}}setSelectionRange(...e){this.textField.setSelectionRange(...e)}attributeChangedCallback(e,t,o){if(super.attributeChangedCallback(e,t,o),t!==o){if("default-code"===e&&o&&!this.selectedCountryCode)this.#ye(o);else if(Is.includes(e)){const t=ws[e]||e;vs.includes(e)?o?this.inputs.forEach(e=>e.setAttribute(t,o)):this.inputs.forEach(e=>e.removeAttribute(t)):fs.includes(e)?this.comboBox.setAttribute(t,o):xs.includes(e)&&this.textField.setAttribute(t,o)}Cs.includes(e)&&this.#ve(e,o),"restrict-countries"===e&&this.#fe(this.restrictCountries)}}#ge(){this.textField.addEventListener("input",e=>{if(!this.allowAlphanumericInput){const t=/^\d$/,o=e.target.value.split("").filter(e=>t.test(e)).join("");e.target.value=o}}),this.handleFocusEventsDispatching(this.inputs),this.handleInputEventDispatching()}#me(e=""){return this.#ue&&this.#ue.country===this.selectedCountryCode||(this.#ue=new u.Q(this.selectedCountryCode)),this.#ue.reset(),this.#ue.input(e)||e}#be(){const e=(0,p.l)(this.value);return!!(e&&e.isValid?.()&&e.country&&this.#xe(e.country))}#xe(e){return!this.restrictCountries.length||this.restrictCountries.includes(e)}#Ce(e){return this.comboBox.items?.find(t=>t.getAttribute("data-country-code")===e)}#fe(e){const t=e.length?gs.filter(t=>e.includes(t.code)):gs;this.querySelector("descope-combo-box").innerHTML=t.map(e=>bs(e)).join("")}#ye(e){if(!this.comboBox.value){const t=this.#Ce(e);t&&setTimeout(()=>{this.comboBox.selectedItem=t})}}#ve(e,t){const o=ws[e]||e;"label-type"===e?this.#we(t):"floating"===this.getAttribute("label-type")&&("country-input-label"===e?this.comboBox.setAttribute(o,t):"label"===e&&this.textField.setAttribute(o,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 Ms=Hr.cssVarList,As=gi.cssVarList,Es=qe("phone-field"),{host:Ts,label:ks,requiredIndicator:zs,inputField:Ls,internalAfter:Vs,countryCodeInput:Ns,phoneInput:Ds,separator:Ps,errorMessage:Bs,helperText:Rs}={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)"}},Os=Re(Pt({mappings:{fontSize:[Ts,Ls,{selector:Hr.componentName,property:Hr.cssVarList.fontSize},{selector:gi.componentName,property:gi.cssVarList.fontSize}],fontFamily:[ks,Bs,Rs,{...Ns,property:gi.cssVarList.overlay.fontFamily}],hostWidth:[{...Ts,property:"width"},{...Ds,property:"width"},{...Ns,property:"--vaadin-combo-box-overlay-width"}],hostDirection:{...Ts,property:"direction"},inputBorderStyle:[{...Vs,property:"border-style"},{...Ps,property:"border-left-style"}],inputBorderWidth:[{...Vs,property:"border-width"},{...Ps,property:"border-left-width"}],inputBorderColor:[{...Vs,property:"border-color"},{...Ps,property:"border-left-color"}],inputBorderRadius:[{...Ls,property:"border-radius"},{...Vs,property:"border-radius"}],countryCodeInputWidth:{...Ns,property:As.hostWidth},countryCodeDropdownWidth:{...Ns,property:"--vaadin-combo-box-overlay-width"},phoneInputWidth:{...Ds,property:"width"},horizontalPadding:[{...Ds,property:"padding-left"},{...Ds,property:"padding-right"},{...Ns,property:"padding-left"},{...Ns,property:"padding-right"}],labelTextColor:[{...ks,property:"color"},{...ks,property:"-webkit-text-fill-color"},{...zs,property:"color"}],labelRequiredIndicator:{...zs,property:"content"},errorMessageTextColor:{...Bs,property:"color"},errorMessageIcon:{...Bs,property:"background-image"},errorMessageIconSize:{...Bs,property:"background-size"},errorMessageIconPadding:{...Bs,property:"padding-inline-start"},errorMessageIconRepeat:{...Bs,property:"background-repeat"},errorMessageIconPosition:{...Bs,property:"background-position"},errorMessageFontSize:{...Bs,property:"font-size"},inputValueTextColor:[{...Ds,property:Ms.inputValueTextColor},{...Ns,property:As.inputValueTextColor}],inputPlaceholderTextColor:{...Ds,property:Ms.inputPlaceholderColor},overlayItemBackgroundColor:{selector:"descope-combo-box",property:As.overlayItemBackgroundColor},inputOutlineStyle:{...Ls,property:"outline-style"},inputOutlineColor:{...Ls,property:"outline-color"},inputOutlineWidth:{...Ls,property:"outline-width"},inputOutlineOffset:{...Ls,property:"outline-offset"},valueInputHeight:[{...Ns,property:As.valueInputHeight}],valueInputMarginBottom:[{...Ds,property:Ms.valueInputMarginBottom}],marginInlineStart:[{...Ds,property:Ms.marginInlineStart},{...Ns,property:As.marginInlineStart}]}}),Bt,io,Jt({proxyProps:["value","selectionStart"]}),e=>class extends e{static get CountryCodes(){return gs}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${ys}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${ys}>\n      \t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(ys),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","phone-input-type"]})}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"))}})(Ht({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(Os.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(${Os.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${As.inputOutlineWidth}: 0;\n\t\t\t\t${As.inputOutlineOffset}: 0;\n\t\t\t\t${As.inputBorderWidth}: 0;\n\t\t\t\t${As.inputBorderRadius}: 0;\n\t\t\t}\n\t\t\tdescope-text-field {\n\t\t\t\tflex-grow: 1;\n\t\t\t\t${Ms.inputOutlineWidth}: 0;\n\t\t\t\t${Ms.inputOutlineOffset}: 0;\n\t\t\t\t${Ms.inputBorderWidth}: 0;\n\t\t\t\t${Ms.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:Es}));customElements.define(Es,Os);const js=qe("phone-field-internal-input-box"),Ws=["disabled","size","readonly","phone-input-placeholder","name","maxlength","autocomplete","label-type","phone-input-type"],Fs={"phone-input-placeholder":"placeholder","phone-input-type":"type"},$s=ro({componentName:js,baseSelector:"div"});customElements.define(js,class extends $s{static get observedAttributes(){return[].concat($s.observedAttributes||[],Ws)}#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"),gs.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.#Se();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.#Me.bind(this)),this.handleFocusEventsDispatching([this.textField]),L(this.textField,this,{includeAttrs:["has-value"]}),L(this,this.textField,{includeAttrs:["phone-input-type"],mapAttrs:{"phone-input-type":"type"}})}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.#be()||!this.isStrictValidation&&this.textField.value&&!e.test(this.value))return{patternMismatch:!0}}return{}}setSelectionRange(...e){this.textField.setSelectionRange(...e)}attributeChangedCallback(e,t,o){if(super.attributeChangedCallback(e,t,o),t!==o&&Ws.includes(e)){const t=Fs[e]||e;this.textField.setAttribute(t,o)}}#Me(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("-")}#Se(){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}#be(){const e=(0,p.l)(this.value);return!(!e||!e.isValid?.()||!e.country||!this.#xe(e.country)||this.defaultCode&&this.defaultCode!==e.country)}#xe(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),o=e.match(/\)/g);return t?.length===o?.length})(e)}});const _s=Hr.cssVarList,Hs=qe("phone-input-box-field"),{host:qs,label:Ys,inputElement:Us,requiredIndicator:Gs,inputField:Zs,internalComponent:Qs,internalComponentAfter:Js,phoneInput:Ks,errorMessage:Xs,helperText:ea}={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)"}},ta=Re(Pt({mappings:{fontSize:[qs,Zs,{selector:Hr.componentName,property:Hr.cssVarList.fontSize}],fontFamily:[Ys,Xs,ea],hostWidth:{...qs,property:"width"},hostMinWidth:{...qs,property:"min-width"},hostDirection:{...qs,property:"direction"},inputHorizontalPadding:[{...Ks,property:"padding-left"},{...Ks,property:"padding-right"}],labelFontSize:{...Ys,property:"font-size"},labelFontWeight:{...Ys,property:"font-weight"},labelTextColor:[{...Ys,property:"color"},{...Ys,property:"-webkit-text-fill-color"},{...Gs,property:"color"}],labelRequiredIndicator:{...Gs,property:"content"},errorMessageTextColor:{...Xs,property:"color"},errorMessageIcon:{...Xs,property:"background-image"},errorMessageIconSize:{...Xs,property:"background-size"},errorMessageIconPadding:{...Xs,property:"padding-inline-start"},errorMessageIconRepeat:{...Xs,property:"background-repeat"},errorMessageIconPosition:{...Xs,property:"background-position"},errorMessageFontSize:{...Xs,property:"font-size"},inputValueTextColor:{...Ks,property:_s.inputValueTextColor},inputPlaceholderTextColor:{...Ks,property:_s.inputPlaceholderColor},inputBorderStyle:{...Js,property:"border-style"},inputBorderWidth:{...Js,property:"border-width"},inputBorderColor:{...Js,property:"border-color"},inputBorderRadius:[{...Qs,property:"border-radius"},{...Js,property:"border-radius"}],inputOutlineStyle:{...Qs,property:"outline-style"},inputOutlineColor:{...Qs,property:"outline-color"},inputOutlineWidth:{...Qs,property:"outline-width"},inputOutlineOffset:{...Qs,property:"outline-offset"},labelPosition:{...Ys,property:"position"},labelTopPosition:{...Ys,property:"top"},labelHorizontalPosition:[{...Ys,property:"left"},{...Ys,property:"right"}],inputTransformY:{...Ys,property:"transform"},inputTransition:{...Ys,property:"transition"},marginInlineStart:{...Ys,property:"margin-inline-start"},valueInputHeight:{...Us,property:"height"},valueInputMarginBottom:{selector:Hr.componentName,property:_s.valueInputMarginBottom}}}),Bt,io,Jt({proxyProps:["value","selectionStart"]}),e=>class extends e{static get CountryCodes(){return gs}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${js}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${js}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(js),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","phone-input-type"]})}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}})(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n    :host {\n      display: inline-flex;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n    ${at(ta.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      ${_s.inputOutlineWidth}: 0;\n      ${_s.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:Hs}));customElements.define(Hs,ta);const oa=qe("new-password-internal"),ia=(e,t)=>e.replace(/{{(\w+)+}}/g,(e,o)=>t?.[o]||e),ra=qe("policy-validation"),na=["data","active-policies","overrides","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-actual-passwordstrength"],sa=["label","value",...na];class aa extends($t({componentName:ra,baseSelector:":host > div"})){#Ve;#Ne=[];#De;static get observedAttributes(){return sa}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div>\n      <div class="label"></div>\n      <ul></ul>\n    </div>\n\t\t',V("\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,o){if(super.attributeChangedCallback?.(e,t,o),t!==o){if("label"===e&&this.updateLabel(o),na.includes(e)){if("data"===e)try{this.availablePolicies=JSON.parse(o)}catch{console.error("Failed to set available policies")}if("active-policies"===e&&(this.#Ne=(o||"").split(",")),"data-password-policy-value-minlength"===e){const e=Number(o);!Number.isNaN(e)&&e>0&&(this.#De={...this.#De,minlength:{value:`${e}`}})}if("data-password-policy-value-passwordstrength"===e){const e=parseInt(o);!Number.isNaN(e)&&e>=0&&(this.#De={...this.#De,passwordstrength:{...this.#De?.passwordstrength,expected:e}})}if("data-password-policy-actual-passwordstrength"===e){const e=Number(o);!Number.isNaN(e)&&e>=0&&(this.#De={...this.#De,passwordstrength:{...this.#De?.passwordstrength,actual:e}})}}this.renderItems(this.#Ve,this.#Ne,this.#De)}}get availablePolicies(){return this.#Ve||[]}set availablePolicies(e){this.#Ve=e}get value(){return this.getAttribute("value")||""}getStrengthScore(){return this.value.length}compareValues(e,t,o){switch(e.toUpperCase()){case"GTE":return o>=t;case"GT":return o>t;case"LTE":return o<=t;case"LT":return o<t;case"EQ":return o===t;case"NEQ":return o!==t;default:throw new Error(`Invalid comparison type: ${e}`)}}validate(){let e=this.#Ve;return this.#De&&(e=this.#Ve.map(e=>{const t=this.#De[e.id];return t?{...e,data:t}:e})),this.#Ne.reduce((t,o)=>{const i=e.find(e=>e.id===o);if(!i)return t;const{pattern:r,message:n,data:s,compare:a}=i;if(!r&&!a||!n)return t;const l={message:ia(n,s),id:o};if(r){const e=new RegExp(ia(r,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:la,item:da,symbolDefault:ca,symbolSuccess:pa,symbolError:ua}={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'}},ha=Re(Pt({componentNameOverride:qe("input-wrapper")}),Pt({mappings:{hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},padding:{},borderWidth:{...la,property:"border-width"},borderStyle:{...la,property:"border-style"},borderColor:{...la,property:"border-color"},borderRadius:{...la,property:"border-radius"},backgroundColor:{...la,property:"background-color"},textColor:{property:"color"},labelMargin:{...la,property:"gap"},itemsSpacing:{...da,property:"line-height"},itemSymbolSuccessColor:{...pa,property:"color"},itemSymbolErrorColor:{...ua,property:"color"},itemSymbolDefault:{...ca,property:"content"},itemSymbolSuccess:{...pa,property:"content"},itemSymbolError:{...ua,property:"content"}}}),Bt,Rt)(aa),ma=qe("new-password"),ga=ha.cssVarList,{host:ba,label:ya,internalInputsWrapper:va,errorMessage:fa,helperText:xa,passwordInput:Ca,policyPreview:wa}={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"}},Ia=Re(Pt({mappings:{fontSize:[ba,{},{selector:rs.componentName,property:rs.cssVarList.fontSize}],fontFamily:[ya,fa,xa],labelFontSize:{...ya,property:"font-size"},labelFontWeight:{...ya,property:"font-weight"},labelTextColor:{...ya,property:"color"},errorMessageTextColor:{...fa,property:"color"},errorMessageIcon:{...fa,property:"background-image"},errorMessageIconSize:{...fa,property:"background-size"},errorMessageIconPadding:{...fa,property:"padding-inline-start"},errorMessageIconRepeat:{...fa,property:"background-repeat"},errorMessageIconPosition:{...fa,property:"background-position"},errorMessageFontSize:{...fa,property:"font-size"},hostWidth:{...ba,property:"width"},hostMinWidth:{...ba,property:"min-width"},hostDirection:[{...ba,property:"direction"},{...Ca,property:rs.cssVarList.hostDirection}],inputsRequiredIndicator:{...ba,property:"content"},spaceBetweenInputs:{...va,property:"gap"},policyPreviewBackgroundColor:{...wa,property:ga.backgroundColor},policyPreviewPadding:{...wa,property:ga.padding},valueInputHeight:{...Ca,property:rs.cssVarList.valueInputHeight},valueInputMarginBottom:{...Ca,property:rs.cssVarList.valueInputMarginBottom}}}),Bt,Jt({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<${oa}\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      </${oa}>\n\t\t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(oa),"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 o=e.querySelector("input"),i=document.createElement("slot"),r=o.getAttribute("slot");i.setAttribute("name",t),i.setAttribute("slot",r),e.appendChild(i),o.setAttribute("slot",t),o.setAttribute("name",this.getAttribute("name")),o.setAttribute("data-hidden-input","true"),this.appendChild(o)}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")}})(Ht({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(rs.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:ma}));customElements.define(ra,ha);const Sa=/^password-/,Ma=/^confirm-/,Aa=(e,t)=>e.replace(t,""),Ea=["password-label","password-placeholder"],Ta=["confirm-label","confirm-placeholder"],ka=["has-validation","policy-label","available-policies","active-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","manual-visibility-toggle"],za=["has-confirm","disabled","bordered","size","full-width","maxlength","invalid","readonly","draggable","autocomplete","label-type","manual-visibility-toggle"],La=[].concat(za,Ea,Ta,ka),Va=ro({componentName:oa,baseSelector:"div"});customElements.define(oa,class extends Va{static get observedAttributes(){return[].concat(Va.observedAttributes||[],La)}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:ka,mapAttrs:{"policy-label":"label","available-policies":"data"}})}handleIndicatorStyle(){this.inputs.forEach(e=>{V(`\n\t\t\t\t:host ::part(required-indicator)::after {\n\t\t\t\t\tcontent: var(${Ia.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&&Fe(e,t=>{if(t.includes("invalid")){const t=e.getAttribute("invalid"),o=this.getAttribute("invalid");this.isInvalid&&o!==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 fx}),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,o){null===o?e?.removeAttribute(t):e?.setAttribute(t,o)}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("has-validation"===e?this.onHasValidationChange("true"===o):"has-confirm"===e?this.onHasConfirmChange("true"===o):za.includes(e)?this.inputs.forEach(t=>this.toggleBooleanAttribute(t,e,o)):Ea.includes(e)?this.toggleBooleanAttribute(this.passwordInput,Aa(e,Sa),o):Ta.includes(e)&&this.toggleBooleanAttribute(this.confirmInput,Aa(e,Ma),o),"active-policies"===e&&this.togglePasswordStrength())}}),customElements.define(ma,Ia);const Na=qe("recaptcha"),Da=["enabled","site-key","action","enterprise","variant"],Pa=$t({componentName:Na,baseSelector:":host > div"}),Ba=Re(Bt)(class extends Pa{static get observedAttributes(){return Da.concat(Pa.observedAttributes||[])}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("enabled"===e&&this.#Pe("true"===o),"variant"===e&&this.updatePreview())}renderRecaptcha(e){this.children.length?this.updatePreview():this.toggleRecaptchaEles(e)}displayRecaptcha(){this.isWidget?this.displayWidget():this.displayDeprecated()}displayWidget(){this.mockRecaptchaEle.style.display="none",this.recaptchaWidgetEle.style.display="",this.depercatedRecaptchaEle.style.display="none"}hideRecaptcha(){this.recaptchaWidgetEle.style.display="none",this.depercatedRecaptchaEle.style.display="none",this.mockRecaptchaEle.style.display=""}displayDeprecated(){this.mockRecaptchaEle.style.display="none",this.recaptchaWidgetEle.style.display="none",this.depercatedRecaptchaEle.style.display=""}toggleRecaptchaEles(e){e?this.displayRecaptcha():this.hideRecaptcha()}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="badge">\n      <span id="recaptcha"></span>\n      <span id="recaptcha-widget"></span>\n      <input id="recaptcha-widget-input" type="hidden" name="recaptcha-widget" required />\n      <img src="https://imgs.descope.com/connectors/templates/recaptcha/recaptcha-big.png" alt="recaptcha"/>\n    </div>\n    <slot></slot>\n\t',V('\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 #recaptcha-widget {\n        width: 100%;\n        height: 100%;\n      }\n      :host #recaptcha-widget-input {\n        display: none;\n      }\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.depercatedRecaptchaEle=this.baseElement.querySelector("#recaptcha"),this.recaptchaWidgetEle=this.baseElement.querySelector("#recaptcha-widget"),this.recaptchaWidgetInputEle=this.baseElement.querySelector("#recaptcha-widget-input"),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.depercatedRecaptchaEle.style.display="none",this.recaptchaWidgetEle.style.display="none",this.mockRecaptchaEle.style.display="none",this.badge.classList.add("hidden")):(this.toggleRecaptchaEles(this.enabled),this.badge.classList.remove("hidden"))}getValidity(){return this.isWidget?this.recaptchaWidgetInputEle.value?{}:{valueMissing:!0}:{}}checkValidity(){return!this.isWidget||!!this.recaptchaWidgetInputEle.value}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 variant(){return this.getAttribute("variant")||"text"}get isWidget(){return"widget"===this.variant}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),this.isWidget||e&&(this.#Be(),document.getElementById("recaptcha-script")?window.onRecaptchaLoadCallback():this.#Re())}#Re(){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,o){this.isConnected&&e.ready(()=>{const i=t.querySelector('textarea[name^="g-recaptcha-response"]')?.cloneNode();if(i&&(i.style.display="none",document.body.appendChild(i)),!this.siteKey)return;const r=e?.execute(o,{action:this.action});r.then((r,n)=>{n?console.warn("could not execute recaptcha",n):(this.updateComponentsContext({risktoken:r,riskaction:this.action}),this.isConnected&&setTimeout(()=>{this.#Oe(e,t,o)},11e4)),i.remove()})})}#Be(){window.onRecaptchaLoadCallback=()=>{const e=this.depercatedRecaptchaEle;if(e.hasChildNodes())return;const{grecaptchaInstance:t}=this;t&&setTimeout(()=>{const o=t.render(e,{sitekey:this.siteKey,badge:"inline",size:"invisible"});this.#Oe(t,e,o)},0)}}});customElements.define(Na,Ba);const Ra=qe("upload-file"),Oa=["title","description","button-label","accept","readonly","button-mode","button-variant","required","size","icon"],ja=ro({componentName:Ra,baseSelector:":host > div"}),Wa=Ti.cssVarList,{host:Fa,wrapper:$a,icon:_a,title:Ha,description:qa,requiredIndicator:Ya}={host:{selector:()=>":host"},wrapper:{selector:()=>":host > div"},icon:{selector:()=>"::slotted(*)"},title:{selector:()=>".title"},description:{selector:()=>".description"},requiredIndicator:{selector:()=>".title::after"}},Ua=Re(Pt({componentNameOverride:qe("input-wrapper")}),Pt({mappings:{fontSize:{},fontFamily:{},borderColor:{},borderWidth:{},borderStyle:{},borderRadius:{},hostHeight:{...Fa,property:"height"},hostWidth:{...Fa,property:"width"},hostPadding:{property:"padding"},hostDirection:[{...Fa,property:"direction"},{selector:()=>Ti.componentName,property:Wa.hostDirection}],gap:{...$a},lineHeight:{...$a,property:"line-height"},titleFontSize:{...Ha,property:"font-size"},titleFontWeight:{...Ha,property:"font-weight"},descriptionFontSize:{...qa,property:"font-size"},labelTextColor:[{...Ha,property:"color"},{...qa,property:"color"}],iconSize:{..._a,property:"width"},requiredIndicator:{...Ya,property:"content"}}}),Bt,Rt)(class extends ja{static get observedAttributes(){return Oa.concat(ja.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',V("\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 o;t.length&&(this.value=await(o=t[0],new Promise(e=>{const t=new FileReader;t.onload=t=>e(t.target.result),t.readAsDataURL(o)})),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,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("title"===e?this.updateTitle(o):"description"===e?this.updateDescription(o):"button-label"===e?this.updateButtonLabel(o):"button-mode"===e?this.updateButtonMode(o):"button-variant"===e?this.updateButtonVariant(o):"size"===e?this.updateButtonSize(o):"accept"===e?this.updateInputAccept(o):"readonly"===e&&this.updateReadOnly(o))}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(Ra,Ua);const Ga=e=>{class t extends(ro({componentName:e,baseSelector:"slot"})){constructor(){super(),this.innerHTML='\n    <slot part="wrapper"></slot>\n      '}dispatchChange=_t.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?.(),Fe(this,this.onObservedAttributeChange.bind(this),{includeAttrs:["size","readonly"]})}}return t},Za=qe("button-selection-group-internal");class Qa extends(Ga(Za)){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 Ja=e=>class extends e{#K=({value:e,label:t})=>`<descope-button-selection-group-item value="${e}">${t}</descope-button-selection-group-item>`;#R;get renderItem(){return this.#K}set renderItem(e){this.#K=e,this.renderItems()}get size(){return this.inputElement?.size}get data(){if(this.#R)return this.#R;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.#R=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(),Fe(this,this.renderItems.bind(this),{includeAttrs:["data"]}),$e(this,({addedNodes:e})=>{e.forEach(e=>{e.setAttribute("size",this.size)})})}},{host:Ka,label:Xa,requiredIndicator:el,internalWrapper:tl,errorMessage:ol}={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)"}},il={hostWidth:{...Ka,property:"width"},hostDirection:{...Ka,property:"direction"},fontFamily:Ka,labelTextColor:[{...Xa,property:"color"},{...el,property:"color"}],labelRequiredIndicator:{...el,property:"content"},errorMessageTextColor:{...ol,property:"color"},errorMessageIcon:{...ol,property:"background-image"},errorMessageIconSize:{...ol,property:"background-size"},errorMessageIconPadding:{...ol,property:"padding-inline-start"},errorMessageIconRepeat:{...ol,property:"background-repeat"},errorMessageIconPosition:{...ol,property:"background-position"},errorMessageFontSize:{...ol,property:"font-size"},itemsSpacing:{...tl,property:"gap"}},rl=`\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    `,nl=qe("button-selection-group"),sl=Re(Pt({mappings:{...il}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Rt,Ja,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${Za}\n      \tname="button-selection-group"\n      \tslot="input"\n        tabindex="-1"\n        part="internal-component"\n      >\n        <slot></slot>\n      </${Za}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Za),Ue(this,this.inputElement,{includeAttrs:["size","default-value","allow-deselect"]})}})(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>rl,excludeAttrsSync:["tabindex","style"],componentName:nl}));customElements.define(Za,Qa);const al=qe("button-selection-group-item");class ll extends($t({componentName:al,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`,V("\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 dl=Re(Pt({mappings:{hostDirection:{selector:()=>Ti.componentName,property:Ti.cssVarList.hostDirection},backgroundColor:{selector:()=>Ti.componentName,property:Ti.cssVarList.backgroundColor},labelTextColor:{selector:()=>Ti.componentName,property:Ti.cssVarList.labelTextColor},borderColor:{selector:()=>Ti.componentName,property:Ti.cssVarList.borderColor},borderWidth:{selector:()=>Ti.componentName,property:Ti.cssVarList.borderWidth},borderStyle:{selector:()=>Ti.componentName,property:Ti.cssVarList.borderStyle},borderRadius:{selector:()=>Ti.componentName,property:Ti.cssVarList.borderRadius},outlineColor:{selector:()=>Ti.componentName,property:Ti.cssVarList.outlineColor}}}),Bt,Rt)(ll);customElements.define(al,dl),customElements.define(nl,sl);const cl=qe("button-multi-selection-group-internal");class pl extends(Ga(cl)){#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}#We(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.#We(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 ul=qe("button-multi-selection-group"),hl=Re(Pt({mappings:{...il}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Rt,Ja,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${cl}\n      \tname="button-selection-group"\n      \tslot="input"\n        tabindex="-1"\n        part="internal-component"\n      >\n        <slot></slot>\n      </${cl}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(cl),Ue(this,this.inputElement,{includeAttrs:["size","default-values","min-items-selection","max-items-selection"]})}})(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>rl,excludeAttrsSync:["tabindex","style"],componentName:ul}));customElements.define(cl,pl),customElements.define(ul,hl);class ml extends h.v{get sortable(){return"true"===this.getAttribute("sortable")}_defaultRenderer(e,t,o){const i=o.item[this.path]||"",r=Array.isArray(i)?i.join(", "):i;this.__setTextContent(e,r),e.title=r}_defaultHeaderRenderer(e,t){this.sortable?super._defaultHeaderRenderer(e,t):this.__setTextContent(e,this.__getHeader(this.header,this.path))}}const gl=qe("grid-text-column");customElements.define(gl,ml);const bl=qe("grid-custom-column");customElements.define(bl,class extends ml{_defaultRenderer(e,t,o){const i=o.item[this.path]||"",r=Array.from(this.children).find(e=>{const t=e.getAttribute("data-pattern");return!t||new RegExp(t).test(i)});if(!r)return void this.__setTextContent(e,o.item[this.path]||"");const n=r.cloneNode(!0);n.textContent=i||"",e.innerHTML="",e.append(n)}});const yl=()=>{const e=document.createElement("descope-checkbox");return e.setAttribute("bordered","true"),e.setAttribute("size","xs"),e},vl=e=>!!e.items?.length&&e.selectedItems.length===e.items.length;class fl extends m.${_onHeaderRendererOrBindingChanged(){}_headerRenderer(e){const t=e.parentNode;let o=e.querySelector("descope-checkbox");o||(o=yl(),o.addEventListener("input",()=>{const e=vl(t);t.selectedItems=e?[]:t.items}),e.appendChild(o)),o.setAttribute("checked",vl(t))}_defaultRenderer(e,t,o){const i=e.parentNode;let r=e.querySelector("descope-checkbox");r||(r=yl(),e.appendChild(r)),r.onchange=()=>{r.checked?i.selectItem(o.item):i.deselectItem(o.item)},r.setAttribute("checked",o.selected)}}const xl=qe("grid-selection-column");customElements.define(xl,fl);class Cl extends h.v{get sortable(){return"true"===this.getAttribute("sortable")}_defaultRenderer(e,t,o){const i=t._gridValue,r=i.detailsOpenedItems?.indexOf(o.item)??-1,n=-1!==r,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=()=>{i.detailsOpenedItems=n?i.detailsOpenedItems.toSpliced(r,1):[...i.detailsOpenedItems,o.item]}}_defaultHeaderRenderer(e,t){this.sortable?super._defaultHeaderRenderer(e,t):this.__setTextContent(e,this.__getHeader(this.header,this.path))}}const wl=qe("grid-item-details-column");customElements.define(wl,Cl),customElements.define(yi,xi),customElements.define(Ci,wi);const Il=e=>{const t=document.createElement("textarea");return t.innerHTML=e,t.value},Sl=qe("code-snippet");let Ml=class extends($t({componentName:Sl,baseSelector:":host > .wrapper"})){static get observedAttributes(){return["lang","inline","copy-button"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="wrapper">\n        <code class="hljs"></code>\n      </div>\n    ',V("\n      :host {\n        display: inline-block;\n        width: 100%;\n      }\n      .wrapper {\n        display: grid;\n        width: 100%;\n      }\n      code {\n        grid-area: 1 / 1;\n        display: block;\n        width: 100%;\n        min-height: 1em;\n        overflow-x: auto;\n      }\n      pre {\n        margin: 0;\n      }\n      .copy-btn {\n        grid-area: 1 / 1;\n        place-self: start end;\n        margin: 8px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 0;\n        border-style: solid;\n        cursor: pointer;\n        opacity: 0;\n        transition: opacity 150ms ease, background 150ms ease;\n      }\n      .wrapper:hover .copy-btn,\n      .copy-btn:focus-visible {\n        opacity: 1;\n      }\n      .copy-btn descope-icon {\n        width: 16px;\n        height: 16px;\n        pointer-events: none;\n        flex-shrink: 0;\n      }\n      .copy-btn .check-icon {\n        display: none;\n      }\n      .copy-btn.copied .check-icon {\n        display: block;\n      }\n      .copy-btn.copied descope-icon:not(.check-icon) {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.lang=this.getAttribute("lang"),this.isInline="true"===this.getAttribute("inline"),"true"===this.getAttribute("copy-button")&&this.#Fe(),$e(this,this.#$e.bind(this))}get contentNode(){return this.shadowRoot.querySelector("code")}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("inline"===e&&(this.isInline=o),"lang"===e&&(this.lang=o),"copy-button"===e&&("true"===o?this.#Fe():this.#_e()),this.#$e())}#Fe(){if(this.shadowRoot.querySelector(".copy-btn"))return;const e=document.createElement("button");e.className="copy-btn",e.type="button",e.setAttribute("aria-label","Copy code");const t=document.createElement("descope-icon");t.setAttribute("src","data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxyZWN0IHg9IjkiIHk9IjkiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgcng9IjIiIHJ5PSIyIj48L3JlY3Q+CiAgPHBhdGggZD0iTTUgMTVINGEyIDIgMCAwIDEtMi0yVjRhMiAyIDAgMCAxIDItMmg5YTIgMiAwIDAgMSAyIDJ2MSI+PC9wYXRoPgo8L3N2Zz4K");const o=document.createElement("descope-icon");o.setAttribute("src","data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iY2hlY2staWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT4KPC9zdmc+Cg=="),o.classList.add("check-icon"),e.appendChild(t),e.appendChild(o),e.addEventListener("click",()=>this.#He()),this.shadowRoot.querySelector(".wrapper").appendChild(e)}#_e(){this.shadowRoot.querySelector(".copy-btn")?.remove()}#He(){const e=this.shadowRoot.querySelector(".copy-btn");navigator.clipboard.writeText(Il(this.textContent)).then(()=>{e.classList.add("copied"),setTimeout(()=>e.classList.remove("copied"),2e3)}).catch(()=>{})}#$e(){const e=Il(this.textContent),t=this.lang;if(!t)return void(this.contentNode.textContent=e);const{value:o}=g.A.highlight(e,{language:t});this.contentNode.innerHTML=(e=>this.isInline?e:`<pre>${e}</pre>`)(o)}};const Al={selector:()=>".copy-btn"},{root:El,docTag:Tl,keyword:kl,metaKeyword:zl,templateTag:Ll,templateVariable:Vl,type:Nl,variableLanguage:Dl,title:Pl,titleClass:Bl,titleClassInherited:Rl,titleFunction:Ol,attr:jl,attribute:Wl,literal:Fl,meta:$l,number:_l,operator:Hl,variable:ql,selectorAttr:Yl,selectorClass:Ul,selectorId:Gl,regexp:Zl,string:Ql,metaString:Jl,builtIn:Kl,symbol:Xl,comment:ed,code:td,formula:od,name:id,quote:rd,selectorTag:nd,selectorPseudo:sd,subst:ad,section:ld,bullet:dd,emphasis:cd,strong:pd,addition:ud,deletion:hd,charEscape:md,link:gd,params:bd,property:yd,punctuation:vd,tag:fd}={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"}},xd=Re(Pt({mappings:{rootBgColor:{...El,property:"background-color"},rootTextColor:{...El,property:"color"},docTagTextColor:{...Tl,property:"color"},keywordTextColor:{...kl,property:"color"},metaKeywordTextColor:{...zl,property:"color"},templateTagTextColor:{...Ll,property:"color"},templateVariableTextColor:{...Vl,property:"color"},typeTextColor:{...Nl,property:"color"},variableLanguageTextColor:{...Dl,property:"color"},titleTextColor:{...Pl,property:"color"},titleClassTextColor:{...Bl,property:"color"},titleClassInheritedTextColor:{...Rl,property:"color"},titleFunctionTextColor:{...Ol,property:"color"},attrTextColor:{...jl,property:"color"},attributeTextColor:{...Wl,property:"color"},literalTextColor:{...Fl,property:"color"},metaTextColor:{...$l,property:"color"},numberTextColor:{..._l,property:"color"},operatorTextColor:{...Hl,property:"color"},variableTextColor:{...ql,property:"color"},selectorAttrTextColor:{...Yl,property:"color"},selectorClassTextColor:{...Ul,property:"color"},selectorIdTextColor:{...Gl,property:"color"},regexpTextColor:{...Zl,property:"color"},stringTextColor:{...Ql,property:"color"},metaStringTextColor:{...Jl,property:"color"},builtInTextColor:{...Kl,property:"color"},symbolTextColor:{...Xl,property:"color"},commentTextColor:{...ed,property:"color"},codeTextColor:{...td,property:"color"},formulaTextColor:{...od,property:"color"},nameTextColor:{...id,property:"color"},quoteTextColor:{...rd,property:"color"},selectorTagTextColor:{...nd,property:"color"},selectorPseudoTextColor:{...sd,property:"color"},substTextColor:{...ad,property:"color"},sectionTextColor:{...ld,property:"color"},bulletTextColor:{...dd,property:"color"},emphasisTextColor:{...cd,property:"color"},strongTextColor:{...pd,property:"color"},additionTextColor:{...ud,property:"color"},additionBgColor:{...ud,property:"background-color"},deletionTextColor:{...hd,property:"color"},deletionBgColor:{...hd,property:"background-color"},charEscapeTextColor:{...md,property:"color"},linkTextColor:{...gd,property:"color"},paramsTextColor:{...bd,property:"color"},propertyTextColor:{...yd,property:"color"},punctuationTextColor:{...vd,property:"color"},tagTextColor:{...fd,property:"color"},copyButtonSize:[{...Al,property:"width"},{...Al,property:"height"}],copyButtonBorderRadius:{...Al,property:"border-radius"},copyButtonBorderWidth:{...Al,property:"border-width"},copyButtonBorderColor:{...Al,property:"border-color"},copyButtonBgColor:{...Al,property:"background-color"},copyButtonHoverBgColor:{selector:()=>".copy-btn:hover",property:"background-color"},copyButtonColor:{...Al,property:"color"}}}),Bt,Rt)(Ml);customElements.define(Sl,xd);const Cd=e=>{const t=Array.isArray(e);return t||console.error("data must be an array, received:",e),t},wd=e=>{const t=document.createElement("div");return t.textContent=e,t.innerHTML},Id=e=>(e=>e?.constructor===Object)(e)?"object":Array.isArray(e)?"array":/^\s*<[\s\S]*>/.test(e)?"xml":"text",Sd=(e,t)=>`<descope-code-snippet copy-button="true" lang="${t}" class="row-details__value code">${wd(e)}</descope-code-snippet>`,Md=e=>`<div class="row-details__value text" title="${e}">${wd(e)}</div>`,Ad=e=>Sd(JSON.stringify(e,null,2),"json"),Ed=e=>{const t=Id(e);return"object"===t?Ad(e):"xml"===t?(e=>Sd(e,"xml"))(e):"array"===t?e.some(e=>"object"===Id(e))?Ad(e):Md(e.join(",\n")):Md(e)},Td=qe("grid"),{host:kd,headerRow:zd,headerRowCell:Ld,contentRow:Vd,firstRow:Nd,sortIndicators:Dd,activeSortIndicator:Pd,selectedRow:Bd,rowSeparator:Rd,resizeHandle:Od,toggleDetailsPanelButton:jd,toggleDetailsPanelButtonOpened:Wd,toggleDetailsPanelButtonClosed:Fd,detailsPanel:$d,detailsPanelLabels:_d,selectedRowCell:Hd,detailsPanelContent:qd}={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"}},Yd=Re(Pt({componentNameOverride:qe("input-wrapper")}),Pt({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostHeight:{selector:()=>":host",property:"height"},hostMinHeight:{selector:()=>":host",property:"min-height"},fontFamily:[{...zd},{...Vd}],fontSize:[{...zd},{...Vd}],fontWeight:{...Vd},valueTextColor:{...Vd,property:"color"},backgroundColor:[{...kd,property:"background-color"},{...Vd,property:"background-color"}],sortIndicatorsColor:{...Dd,property:"color"},activeSortIndicator:{...Pd,property:"color"},borderColor:{...kd,property:"border-color"},borderWidth:{...kd,property:"border-width"},borderStyle:{...kd,property:"border-style"},borderRadius:{...kd,property:"border-radius"},selectedBackgroundColor:[{...Bd,property:"background-color"},{...Hd,property:"background-color"}],headerRowTextColor:{...Ld,property:"color"},separatorColor:[{...Nd,property:"border-bottom-color"},{...Rd,property:"border-top-color"}],resizeHandleColor:{...Od,property:"background-color"},hostDirection:{...kd,property:"direction",fallback:"ltr"},toggleDetailsPanelButtonSize:[{...jd,property:"width"},{...jd,property:"height"}],toggleDetailsPanelButtonOpenedColor:{...Wd,property:"color"},toggleDetailsPanelButtonClosedColor:{...Fd,property:"color"},toggleDetailsPanelButtonCursor:{...jd,property:"cursor"},detailsPanelBackgroundColor:{...$d,property:"background-color"},detailsPanelBorderTopColor:{...$d,property:"border-top-color"},detailsPanelLabelsColor:{..._d,property:"color"},detailsPanelLabelsFontSize:{..._d,property:"font-size"},detailsPanelItemsGap:{...qd,property:"grid-gap"},detailsPanelPadding:{...qd,property:"padding"}}}),Bt,Rt,e=>class extends e{#qe;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.#Ye.bind(this),this.baseElement.addEventListener("wheel",e=>{e.target.closest("descope-code-snippet")&&e.stopPropagation()},!0)}#Ye=async(e,t,o)=>{e.addEventListener("mousedown",e=>e.stopImmediatePropagation(),!0);const i=this.getRowDetailsTemplate(o.item);e.innerHTML="",e.append(i.content.cloneNode(!0))};getRowDetailsTemplate(e){const t=this.#qe.reduce((e,{path:t,header:o})=>t&&o?{...e,[t]:o}:e,{}),o=this.rowDetailsRenderer?.(e,t)??((e,t)=>`\n  <div class="row-details">\n  ${Object.entries(e).map(([e,o])=>{const i=t[e]||e.replace(/([A-Z])/g," $1").trim().split(" ").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" ");return(e=>{const t=Id(e);return"object"===t||"xml"===t||"array"===t&&e.some(e=>"object"===Id(e))})(o)?`<details class="row-details__item">\n          <summary class="row-details__label">${i}</summary>\n          ${Ed(o)}\n        </details>`:`<div class="row-details__item">\n          <div class="row-details__label">${i}</div>\n          ${Ed(o)}\n        </div>`}).join("\n")}\n</div>\n  `)(e,t);switch(!0){case o instanceof HTMLTemplateElement:return o;case"string"==typeof o:return Object.assign(document.createElement("template"),{innerHTML:o});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,o){super.attributeChangedCallback?.(e,t,o),"columns"===e&&this.setColumnsDataFromAttr()}handleColumns(){this.columnsAttr?this.setColumnsDataFromAttr():this.children.length&&this.setColumnsFromChildren()}setColumnsFromChildren(){this.#qe=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,o)=>{const i=e.getAttribute(o);return i&&(t[o]=i),t},{})}))}get columnsAttr(){return this.getAttribute("columns")}setColumnsDataFromAttr(){try{const e=JSON.parse(this.columnsAttr);Cd(e)&&(this.columns=e)}catch(e){console.error('could not parse data string from attribute "columns" -',e.message)}}#Ue=({path:e,header:t,type:o,attrs:i})=>{const r=`descope-grid-${o}-column`;return`<${r} header="${t}" path="${e}" ${Object.entries(i).map(([e,t])=>`${e}="${t}"`).join(" ")}></${r}>`};get renderColumn(){return this.#Ue}set renderColumn(e){this.#Ue=e,this.renderColumns()}getColumnsTemplate(){return this.#qe?.reduce?.((e,t)=>e+(this.renderColumn?.(t||{})||""),"")}reassignRowDetailsRenderer(){this.baseElement.rowDetailsRenderer=null,setTimeout(()=>{this.baseElement.rowDetailsRenderer=this.#Ye.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(Cd(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.#qe}set columns(e){this.#qe=e,this.renderColumns()}get paths(){return this.columns.map(e=>e.path)}get uniqueColumnId(){return this.getAttribute("unique-column-id")}})(Ht({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(${Yd.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 details.row-details__item {\n        padding: 0;\n      }\n      vaadin-grid details.row-details__item > summary.row-details__label {\n        cursor: pointer;\n        list-style: revert;\n        display: revert;\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        overflow-x: auto;\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:Td}));customElements.define(Td,Yd);const Ud=qe("multi-select-combo-box"),{host:Gd,inputField:Zd,inputElement:Qd,placeholder:Jd,toggle:Kd,clearButton:Xd,label:ec,requiredIndicator:tc,helperText:oc,errorMessage:ic,chip:rc,chipLabel:nc,overflowChipFirstBorder:sc,overflowChipSecondBorder:ac}={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"}},lc=Re(Pt({mappings:{hostWidth:{...Gd,property:"width"},hostDirection:{...Gd,property:"direction"},fontSize:[{},Gd],chipFontSize:{...nc,property:"font-size"},fontFamily:[ec,Jd,Zd,oc,ic,nc],labelFontSize:{...ec,property:"font-size"},labelFontWeight:{...ec,property:"font-weight"},labelTextColor:[{...ec,property:"color"},{...tc,property:"color"}],errorMessageTextColor:{...ic,property:"color"},errorMessageIcon:{...ic,property:"background-image"},errorMessageIconSize:{...ic,property:"background-size"},errorMessageIconPadding:{...ic,property:"padding-inline-start"},errorMessageIconRepeat:{...ic,property:"background-repeat"},errorMessageIconPosition:{...ic,property:"background-position"},errorMessageFontSize:{...ic,property:"font-size"},inputHeight:{...Zd,property:"min-height"},inputBackgroundColor:{...Zd,property:"background-color"},inputBorderColor:{...Zd,property:"border-color"},inputBorderWidth:{...Zd,property:"border-width"},inputBorderStyle:{...Zd,property:"border-style"},inputBorderRadius:{...Zd,property:"border-radius"},labelRequiredIndicator:{...tc,property:"content"},inputValueTextColor:{...Zd,property:"color"},inputPlaceholderTextColor:{...Jd,property:"color"},inputDropdownButtonCursor:[{...Kd,property:"cursor"},{...Xd,property:"cursor"}],inputDropdownButtonColor:[{...Kd,property:"color"},{...Xd,property:"color"}],inputDropdownButtonSize:[{...Kd,property:"font-size"},{...Xd,property:"font-size"}],inputDropdownButtonOffset:[{...Kd,property:"margin-right"},{...Kd,property:"margin-left"}],inputOutlineColor:{...Zd,property:"outline-color"},inputOutlineWidth:{...Zd,property:"outline-width"},inputOutlineStyle:{...Zd,property:"outline-style"},inputOutlineOffset:{...Zd,property:"outline-offset"},inputHorizontalPadding:[{...Qd,property:"padding-left"},{...Qd,property:"padding-right"},{...Zd,property:"padding-inline-start"}],inputVerticalPadding:[{...Zd,property:"padding-top"},{...Zd,property:"padding-bottom"}],chipTextColor:{...nc,property:"color"},chipBackgroundColor:[{...rc,property:"background-color"},{...sc,property:"border-color"},{...ac,property:"border-color"}],labelPosition:{...ec,property:"position"},labelTopPosition:{...ec,property:"top"},labelLeftPosition:{...ec,property:"left"},labelHorizontalPosition:[{...ec,property:"left"},{...ec,property:"right"}],inputTransformY:{...ec,property:"transform"},inputTransition:{...ec,property:"transition"},marginInlineStart:{...ec,property:"margin-inline-start"},placeholderOpacity:{...Jd,property:"opacity"},inputVerticalAlignment:{...Zd,property:"align-items"},overlayBackground:{property:()=>lc.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>lc.cssVarList.overlay.textColor},overlayBorder:{property:()=>lc.cssVarList.overlay.border},overlayFontSize:{property:()=>lc.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>lc.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>lc.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>lc.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>lc.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>lc.cssVarList.overlay.itemPaddingInlineEnd}}}),Bt,Xt({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"]}}),Jt({proxyProps:["selectionStart"],inputEvent:"selected-items-changed"}),eo,Rt,e=>class extends e{static get observedAttributes(){return["readonly"]}#K=({displayName:e,value:t,label:o})=>{const i=document.createElement("span");return i.setAttribute("data-name",o),i.setAttribute("data-id",t),i.textContent=e||o,i.outerHTML};#R;#Ge=[];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.#R)return this.#R;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.#R=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(o){const i=t.customValueTransformFn(o)||"";i!==this.value&&e.set.call(this,i)}}})}#Ze(e){return Array.from(new Map(e.map(e=>[e.getAttribute("data-id"),e])).values())}#X(){const e=Array.from(this.children),t=this.#Ze(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,o)=>{e.innerHTML=o.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=()=>{}}#Qe(){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.#Qe(),this.renderItems(),Fe(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.#Je(),this.dispatchEvent(new CustomEvent("input",{bubbles:!0}))})}setDefaultValues(){this.defaultValues.length>0&&(this.value=this.defaultValues)}#Je(){this.#Ge=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 o=t?.map(e=>e.getAttribute("data-id"))||[],i=e.filter(e=>!o.includes(e));if(i.length){const t=i.reduce((e,t)=>e+this.#K({label:t,displayName:t,value:t}),"");return this.innerHTML+=t,void setTimeout(()=>{this.value=e},0)}}const o=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 o=e.slice().sort(),i=t.slice().sort();for(let e=0;e<o.length;e++)if(o[e]!==i[e])return!1;return!0})(this.#Ge,o)||(this.baseElement.selectedItems=t)}else this.baseElement.selectedItems=[]}get value(){return this.#Ge}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),"readonly"===e&&this.onReadOnlyChange(null!==o&&"true"===o)}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")}})(Ht({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(lc.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:Ud,includeForwardProps:["items","renderer","selectedItems"]}));customElements.define(Ud,lc);const dc=qe("modal"),cc=["opened"],pc=Re(Pt({mappings:{overlayBackdropColor:{property:()=>pc.cssVarList.overlay.backdropColor},overlayBackgroundColor:{property:()=>pc.cssVarList.overlay.backgroundColor},overlayShadow:{property:()=>pc.cssVarList.overlay.shadow},overlayWidth:{property:()=>pc.cssVarList.overlay.width},overlayBorderWidth:{property:()=>pc.cssVarList.overlay.borderWidth},overlayBorderStyle:{property:()=>pc.cssVarList.overlay.borderStyle},overlayBorderColor:{property:()=>pc.cssVarList.overlay.borderColor},overlayBorderRadius:{property:()=>pc.cssVarList.overlay.borderRadius}}}),Xt({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"]}}),Bt,Rt,e=>class extends e{static get observedAttributes(){return[].concat(e.observedAttributes||[],cc)}get opened(){return"true"===this.getAttribute("opened")}handleOpened(){this.opened?this.style.display="":this.style.display="none"}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),"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(),V("\n          :host {\n            display: flex!important;\n          }\n          ",this.baseElement)},e._detachOverlay=()=>{this.baseElement.style.display="none"},e._enterModalState=()=>{},e.close=()=>!1}})(Ht({slots:[""],wrappedEleName:"vaadin-dialog",style:()=>"\n      vaaadin-dialog {\n        display: flex!important;\n      }\n    ",excludeAttrsSync:["tabindex","opened","style"],componentName:dc}));customElements.define(dc,pc);const uc=window.customElements.get("vaadin-notification-container");if(!uc)throw new Error("could not get vaadin-notification-container class");customElements.define(qe("notification-container"),class extends uc{});const hc=qe("notification-card"),mc={content:()=>"vaadin-notification-card::part(content)",overlay:()=>"vaadin-notification-card::part(overlay)"},gc=Re(Pt({mappings:{hostMinWidth:{selector:mc.content,property:"min-width"},fontFamily:{},fontSize:{},backgroundColor:{selector:mc.content},textColor:{property:"color"},boxShadow:{},borderWidth:{selector:mc.content,property:"border-width"},borderColor:{selector:mc.content,property:"border-color"},borderStyle:{selector:mc.content,property:"border-style"},borderRadius:[{selector:mc.content,property:"border-radius"},{selector:mc.overlay,property:"border-radius"}],verticalPadding:[{selector:mc.content,property:"padding-top"},{selector:mc.content,property:"padding-bottom"}],horizontalPadding:[{selector:mc.content,property:"padding-right"},{selector:mc.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()}}})(Ht({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:hc}));customElements.define(hc,gc);const bc=qe("notification"),yc=Re(Bt,Rt,jt,e=>class t extends e{#Ke;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.#Ke}),this.baseElement._removeNotificationCard=this.close.bind(this)}close(){this.#Ke.close()}init(){super.init?.(),this.createCard(),Ue(this,this.#Ke),He(this.#Ke,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.#Ke=document.createElement("descope-notification-card"),this.#Ke.addEventListener("card-closed",this.removeNotification.bind(this))}})(Ht({wrappedEleName:"vaadin-notification",excludeAttrsSync:["tabindex","style"],componentName:bc}));customElements.define(bc,yc);const vc=qe("mappings-field-internal"),fc=ro({componentName:vc,baseSelector:"div"}),xc=qe("mappings-field"),{host:Cc,helperText:wc,errorMessage:Ic,mappingItem:Sc,labels:Mc,labelsText:Ac,valueLabel:Ec,attrLabel:Tc,separator:kc,labelsContainer:zc}={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"]'}},Lc=Re(Pt({mappings:{hostWidth:{...Cc,property:"width"},hostDirection:{...Cc,property:"direction"},fontSize:[{},Cc,{...kc,property:"margin-top"}],fontFamily:[wc,Ic,Mc],separatorFontSize:{...kc,property:"font-size"},labelsFontSize:{...Ac,property:"font-size"},labelsLineHeight:[{...Ac,property:"line-height"},{...Mc,property:"line-height"}],labelTextColor:[{...Mc,property:So.cssVarList.textColor},{...kc,property:"color"}],itemMarginBottom:{...Sc,property:"margin-bottom"},valueLabelMinWidth:{...Ec,property:"min-width"},attrLabelMinWidth:{...Tc,property:"min-width"},labelsMarginBottom:{...zc,property:"margin-bottom"},separatorWidth:{},removeButtonWidth:{}}}),Bt,Jt({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),Rt,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      <${vc}\n        tabindex="-1"\n      ></${vc}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(vc),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()}})(Ht({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(${Lc.cssVarList.separatorWidth}) 1fr var(${Lc.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        ${So.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(${Lc.cssVarList.separatorWidth}) 1fr var(${Lc.cssVarList.removeButtonWidth});\n      }\n    `,excludeAttrsSync:["tabindex","label-value","label-attr","button-label","options","error-message","style"],componentName:xc}));customElements.define(vc,class extends fc{#Xe;static get observedAttributes(){return[].concat(fc.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.#Xe&&(this.resetInvalidIndication(),this.#Xe=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 o=e.length;o<t.length;o++)this.mappingsContainerEle.removeChild(t[o]);e.forEach((e,o)=>{const i=t[o];if(i)i.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"]})}#et(){this.labelsEle.style.display=this.items.length?"grid":"none"}init(){this.addEventListener("focus",e=>{e.isTrusted&&(this.#Xe||this.items[0]||this.querySelector("descope-button")).focus()}),super.init?.(),this.initLabels(),this.initAddButton(),this.addEventListener("input",()=>{this.mappingsContainerEle.contains(this.#Xe)&&this.#Xe?.checkValidity()&&(this.resetInvalidIndication(),this.#Xe.removeAttribute("invalid"),this.#Xe=void 0)}),$e(this.mappingsContainerEle,this.#et.bind(this))}resetInvalidIndication(){this.removeAttribute("invalid")}getValidity(){const e=this.items.find(e=>!e.checkValidity());return e?e.validity:{}}#tt(e){e&&(this.#Xe=this.items.find(e=>!e.checkValidity()),this.#Xe?.reportValidity(),this.#Xe?.setAttribute("invalid","true"))}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),"label-value"!==e&&"label-attr"!==e||this.initLabels(),"button-label"===e&&this.initAddButton(),"invalid"===e&&this.#tt("true"===o),"readonly"===e&&this.toggleAttribute("inert","true"===o)}});const Vc=qe("mapping-item"),Nc=["size","bordered","readonly","full-width","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],Dc=ro({componentName:Vc,baseSelector:"div"});customElements.define(Vc,class extends Dc{static get observedAttributes(){return[].concat(Dc.observedAttributes||[],Nc,["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,o]=Object.entries(e)[0];this.valueInput.value=o,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`,V("\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:Nc}),Ue(this,this.attributeInput,{includeAttrs:[...Nc,"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}#ot(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,o){super.attributeChangedCallback?.(e,t,o),"separator"===e&&this.handleSeparatorChange(),"invalid"===e&&this.#ot(o)}}),customElements.define(xc,Lc);const Pc=k("badge");class Bc extends(ue({componentName:Pc,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t",V("\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        position: relative;\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      ",this)}}const Rc=I(ne({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostHeight:[{selector:()=>":host",property:"height"}],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:{},boxShadow:{},textIndent:{}}}),se,ae)(Bc),Oc=qe("user-attribute");class jc extends($t({componentName:Oc,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',V(`\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(${So.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()}#it(e,t){const o=document.createElement("descope-icon");o.setAttribute("src",e),o.setAttribute("src-dark",e),o.setAttribute("slot",t),this.appendChild(o)}setDefaultChildren(){this.children.length||(this.#it("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMSAxNkMxIDE3LjEgMS45IDE4IDMgMThIMTFDMTIuMSAxOCAxMyAxNy4xIDEzIDE2VjRIMVYxNlpNMyA2SDExVjE2SDNWNlpNMTAuNSAxTDkuNSAwSDQuNUwzLjUgMUgwVjNIMTRWMUgxMC41WiIgZmlsbD0iY3VycmVudGNvbG9yIi8+Cjwvc3ZnPg==","delete-icon"),this.#it("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,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("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:Wc,textFields:Fc,buttons:$c,badge:_c,labelText:Hc,contentWrapper:qc}={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"}},Yc=Re(Pt({mappings:{hostWidth:{...Wc,property:"width"},hostMinWidth:{...Wc,property:"min-width"},hostMaxWidth:{...Wc,property:"max-width"},hostDirection:[{...Wc,property:"direction"},{...Fc,property:So.cssVarList.hostDirection},{...$c,property:Ti.cssVarList.hostDirection},{..._c,property:Rc.cssVarList.hostDirection}],labelMinWidth:{...Hc,property:"min-width"},contentMinWidth:{...qc,property:"min-width"},badgeMaxWidth:{..._c,property:"max-width"},itemsGap:[{property:"gap"},{...qc,property:"gap"}]}}),Bt,Rt)(jc);customElements.define(Pc,Rc),customElements.define(Oc,Yc);const Uc=qe("user-auth-method");class Gc extends($t({componentName:Uc,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',V('\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 o=e.querySelector("span");t?(o||(o=document.createElement("span"),e.appendChild(o)),o.innerText=t):o&&e.removeChild(o)}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,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("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:Zc,textField:Qc,buttons:Jc,badge:Kc,textWrapper:Xc,methodIconSlot:ep}={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)'}},tp=Re(Pt({mappings:{hostWidth:{...Zc,property:"width"},hostMinWidth:{...Zc,property:"min-width"},hostMaxWidth:{...Zc,property:"max-width"},hostDirection:[{...Zc,property:"direction"},{...Qc,property:So.cssVarList.hostDirection},{...Jc,property:Ti.cssVarList.hostDirection},{...Kc,property:Rc.cssVarList.hostDirection}],itemsGap:[{property:"gap"},{...Xc,property:"gap"}],iconSize:[{...ep,property:"width"},{...ep,property:"height"}],iconColor:[{selector:()=>"::slotted(*)",property:wi.cssVarList.fill}]}}),Bt,Rt)(Gc);customElements.define(Uc,tp);const op=qe("saml-group-mappings-internal"),ip=ro({componentName:op,baseSelector:""}),rp=qe("saml-group-mappings"),{host:np,groupInput:sp,errorMessage:ap}={host:{selector:()=>":host"},groupInput:{selector:"descope-text-field"},errorMessage:{selector:"::part(error-message)"}},lp=Re(Pt({mappings:{hostWidth:{...np,property:"width"},hostDirection:{...np,property:"direction"},groupNameInputMarginBottom:{...sp,property:"margin-bottom"},errorMessageIcon:{...ap,property:"background-image"},errorMessageIconSize:{...ap,property:"background-size"},errorMessageIconPadding:{...ap,property:"padding-inline-start"},errorMessageIconRepeat:{...ap,property:"background-repeat"},errorMessageIconPosition:{...ap,property:"background-position"},errorMessageFontSize:{...ap,property:"font-size"}}}),Bt,Jt({proxyProps:["value","selectionStart"],inputEvent:"input",triggerValidationEvents:["mapping-item-added","mapping-item-removed"],proxyParentValidation:!0}),Rt,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${op}\n        tabindex="-1"\n      ></${op}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(op),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"]})}})(Ht({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:rp}));customElements.define(op,class extends ip{static get observedAttributes(){return["invalid"].concat(ip.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"]}),Fe(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}#rt(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,o){super.attributeChangedCallback?.(e,t,o),"invalid"===e&&this.#rt("true"===o)}}),customElements.define(rp,lp);const dp=qe("radio-button"),cp=Re(Pt({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"}}}),Jt({proxyProps:["setSelectionRange"]}),Rt,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")}})(Ht({slots:[""],wrappedEleName:"vaadin-radio-button",excludeAttrsSync:["tabindex","data","style"],includeForwardProps:["checked","name","disabled"],componentName:dp})),pp=qe("radio-group"),up=Re(Pt({mappings:{...Fr,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(${cp.componentName})`,property:cp.cssVarList.labelTextColor}}}),Bt,Jt({proxyProps:["setSelectionRange"]}),Rt,e=>class extends e{#K=({value:e,label:t})=>`<descope-radio-button value="${e}">${t}</descope-radio-button>`;#R;constructor(){super(),Object.defineProperty(this.baseElement,"children",{get:()=>this.querySelectorAll(dp)}),this.baseElement.__filterRadioButtons=e=>e.filter(e=>e.localName===dp),this.baseElement.setCustomValidity=()=>{}}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}get size(){return this.getAttribute("size")}get data(){if(this.#R)return this.#R;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.#R=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(),Fe(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)})}),Fe(this,()=>{this.items.forEach(e=>{e.setAttribute("size",this.size)})},{includeAttrs:["size"]})}})(Ht({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:pp,includeForwardProps:["value"]}));customElements.define(pp,up),customElements.define(dp,cp);const hp=()=>!0,mp=e=>`<pre>${JSON.stringify(e,null,4)}</pre>`,gp=qe("scopes-list"),bp=["checkbox","switch"];class yp extends($t({componentName:gp,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",V("\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"}#nt(){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.#nt().filter(e=>e.checked).map(e=>e.getAttribute("data-id"))}set value(e=[]){this.#nt().forEach(t=>{t.checked=e.includes(t.getAttribute("data-id"))})}get variant(){const e=this.getAttribute("variant");return bp.includes(e)?e:bp[0]}}const vp=Re(Pt({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>xo.componentName,property:xo.cssVarList.hostDirection},{selector:()=>Ho.componentName,property:Ho.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},requiredInputBorderColor:[{selector:`${xo.componentName}[required="true"]`,property:xo.cssVarList.inputBorderColor},{selector:`${Ho.componentName}[required="true"]`,property:Ho.cssVarList.inputBorderColor}],requiredInputValueTextColor:[{selector:`${xo.componentName}[required="true"]`,property:xo.cssVarList.inputValueTextColor},{selector:`${Ho.componentName}[required="true"]`,property:Ho.cssVarList.knobColor}]}}),(({itemRenderer:e=mp,validateSchema:t=hp,slotName:o,rerenderAttrsList:i=[]})=>r=>class extends r{#R=[];#j(e){if(!t)return!0;const o=t(e);return!0===o||(console.error("Data schema validation failed",o||""),!1)}#W(){const e=o?`*[slot="${o}"]`:":not([slot])";this.baseElement.querySelectorAll(e).forEach(e=>e.remove())}#F(){this.#W(),this.data.forEach((t,o)=>{const i="string"==typeof(r=e(t,o,this))?(e=>{const t=document.createElement("template");return t.innerHTML=e,t})(r).content:r instanceof HTMLTemplateElement?r.content:(console.error("Invalid template",r),null);var r;this.baseElement.appendChild(i?.cloneNode(!0))})}set data(e){this.#j(e)&&(this.#R=e,this.#F())}get data(){return this.#R}init(){super.init?.(),Fe(this,e=>{e.includes("data")?this.#$():this.#F()},{includeAttrs:[...i,"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:o=!1},i,r)=>{const n="checkbox"===r.variant?xo:Ho;return`\n    <${n.componentName}\n      bordered="true"\n      size=${r.size}\n      label="${t}"\n      data-id="${e}"\n      readonly="${o||r.isReadOnly}"\n      required="${o}"\n      checked="true"\n    ></${n.componentName}>\n`},rerenderAttrsList:["size","variant"]}),Bt,Rt)(yp),fp=k("list-item"),xp=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    ",V("\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:fp,baseSelector:"slot"}));customElements.define(fp,xp);const Cp=k("list");class wp extends(ue({componentName:Cp,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',V('\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()}#st(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#at(){this.items.forEach(e=>{let t=e;t.localName!==xp.componentName&&(t=e.querySelector(xp.componentName));const o="tiles"===this.variant?"tile":"row";t?.setAttribute("variant",o)})}init(){super.init?.(),A(this,()=>{this.#st(),this.#at(),this.#lt()})}get isReadOnly(){return"true"===this.getAttribute("readonly")}#lt(){this.items.forEach(e=>{this.isReadOnly?e.setAttribute("inert",""):e.removeAttribute("inert")})}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),o!==t&&("variant"===e?this.#at():"readonly"===e&&this.#lt())}}const Ip=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)(wp);customElements.define(Cp,Ip),customElements.define(gp,vp);const Sp=qe("third-party-app-logo");class Mp extends($t({componentName:Sp,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',V('\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 Ap=">.company-logo-wrapper",Ep=">.third-party-app-logo-wrapper",Tp=Re(Pt({mappings:{logoMaxHeight:[{selector:Ap,property:"height"},{selector:Ep,property:"height"}],logoMaxWidth:[{selector:Ap,property:"max-width"},{selector:Ep,property:"max-width"}],thirdPartyAppLogo:{selector:()=>".third-party-app-logo",property:"content",fallback:{}},companyLogoFallback:{selector:vn.componentName,property:vn.cssVarList.fallbackUrl},gap:{},arrowsColor:{selector:wi.componentName,property:wi.cssVarList.fill}}}),Bt,Rt)(Mp);customElements.define(Sp,Tp);const kp=qe("security-questions-setup"),zp=["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"],Lp=["count","questions"];class Vp extends($t({componentName:kp,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",V("\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}#dt(){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.#ct(zp)}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(kp,"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 o=this.comboBoxes[t],i=this.getAttachedTextField(o);o.value=e.id,i.value=e.answer})}#pt(e,t,o){null===o?e.removeAttribute(t):e.setAttribute(t,o)}#ct(e){const t={question:this.comboBoxes,answer:this.textFields};e.forEach(e=>{const[o,...i]=e.split("-"),r=t[o]||this.inputs,n=t[o]?i.join("-"):e;r.forEach(t=>{this.#pt(t,n,this.getAttribute(e))})})}init(){super.init?.(),Fe(this,()=>{this.#dt()},{includeAttrs:Lp}),Fe(this,this.#ct.bind(this),{includeAttrs:zp})}}const Np=Re(Pt({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>gi.componentName,property:gi.cssVarList.hostDirection},{selector:()=>Hr.componentName,property:Hr.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"}}}),Bt,Rt)(Vp);customElements.define(kp,Np);const Dp=qe("security-questions-verify"),Pp=["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"],Bp=["question-mode"],Rp={"answer-placeholder":"placeholder","answer-data-errormessage-value-missing":"data-errormessage-value-missing","question-mode":"mode"},Op=[...Pp,...Bp],jp=["questions"];class Wp extends($t({componentName:Dp,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",V("\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n        ",this)}#dt(){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.#ct(Op),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(Dp,"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 o=this.textFields.find(t=>t.getAttribute("data-id")===e);o&&(o.value=t)})}#pt(e,t,o){null===o?e.removeAttribute(t):e.setAttribute(t,o)}#ut(e){switch(!0){case Pp.includes(e):return this.textFields;case Bp.includes(e):return this.texts;default:return[]}}#ct(e){e.forEach(e=>{this.#ut(e).forEach(t=>{this.#pt(t,Rp[e]||e,this.getAttribute(e))})})}init(){super.init?.(),Fe(this,()=>{this.#dt()},{includeAttrs:jp}),Fe(this,this.#ct.bind(this),{includeAttrs:Op})}}const Fp=Re(Pt({componentNameOverride:qe("input-wrapper")}),Pt({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>So.componentName,property:So.cssVarList.hostDirection},{selector:()=>Hr.componentName,property:Hr.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},questionTextAlign:{selector:()=>So.componentName,property:So.cssVarList.textAlign},questionFontSize:{selector:()=>So.componentName,property:So.cssVarList.fontSize},questionFontFamily:{selector:()=>So.componentName,property:So.cssVarList.fontFamily},questionCursor:{selector:()=>So.componentName,property:"cursor"},errorMessageIcon:{selector:()=>So.componentName,property:So.cssVarList.errorMessageIcon},errorMessageIconSize:{selector:()=>So.componentName,property:So.cssVarList.errorMessageSize},errorMessageIconPadding:{selector:()=>So.componentName,property:So.cssVarList.errorMessagePadding},errorMessageIconRepeat:{selector:()=>So.componentName,property:So.cssVarList.errorMessageRepeat},errorMessageIconPosition:{selector:()=>So.componentName,property:So.cssVarList.errorMessagePosition},errorMessageFontSize:{selector:()=>So.componentName,property:So.cssVarList.errorMessageFontSize}}}),Bt,Rt)(Wp);customElements.define(Dp,Fp);const $p=/[^\d\s+\-()]/,_p=qe("hybrid-field"),Hp={shared:["label","bordered","full-width","label-type","size","disabled","readonly","required","st-host-direction","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],email:["placeholder","data-errormessage-value-missing-email","data-errormessage-pattern-mismatch-email","external-input"],phone:{countryCode:["phone-input-label","country-input-label","country-input-placeholder","restrict-countries","default-code","phone-minlength","phone-format-value","phone-strict-validation","phone-input-type","data-errormessage-value-missing-phone"],inputBox:["restrict-countries","default-code","phone-minlength","phone-format-value","phone-strict-validation","phone-input-type","data-errormessage-value-missing-phone"]}},qp={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"}},Yp="descope-phone-field",Up=$t({componentName:_p,baseSelector:"div"}),Gp=Re(Pt({componentNameOverride:qe("input-wrapper")}),Pt({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:()=>Os.componentName,property:Os.cssVarList.errorMessageIcon},{selector:()=>ta.componentName,property:ta.cssVarList.errorMessageIcon}],errorMessageIconSize:[{selector:()=>Os.componentName,property:Os.cssVarList.errorMessageIconSize},{selector:()=>ta.componentName,property:ta.cssVarList.errorMessageIconSize}],errorMessageIconPadding:[{selector:()=>Os.componentName,property:Os.cssVarList.errorMessageIconPadding},{selector:()=>ta.componentName,property:ta.cssVarList.errorMessageIconPadding}],errorMessageIconRepeat:[{selector:()=>Os.componentName,property:Os.cssVarList.errorMessageIconRepeat},{selector:()=>ta.componentName,property:ta.cssVarList.errorMessageIconRepeat}],errorMessageIconPosition:[{selector:()=>Os.componentName,property:Os.cssVarList.errorMessageIconPosition},{selector:()=>ta.componentName,property:ta.cssVarList.errorMessageIconPosition}],errorMessageFontSize:[{selector:()=>Os.componentName,property:Os.cssVarList.errorMessageFontSize},{selector:()=>ta.componentName,property:ta.cssVarList.errorMessageFontSize}]}}),Bt,Rt)(class extends Up{#ht=!1;#mt;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <div class="wrapper">\n      <descope-email-field external-input="${this.isExternalInput}"></descope-email-field>\n      <descope-phone-field allow-alphanumeric-input="true" phone-input-type="text"></descope-phone-field>\n      <descope-phone-input-box-field allow-alphanumeric-input="true" phone-input-type="text"></descope-phone-input-box-field>\n    </div>\n\t\t`,V("\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(Yp),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,o)=>("type"!==t||"email"!==o||!this.emailInput.hasAttribute("focused"))&&e(t,o)}updateAttrs(){Ue(this,this.emailInput,{includeAttrs:Hp.email,mapAttrs:qp.email}),Ue(this,this.phoneCountryCodeInput,{includeAttrs:Hp.phone.countryCode,mapAttrs:qp.phone}),Ue(this,this.phoneInputBoxInput,{includeAttrs:Hp.phone.inputBox,mapAttrs:qp.phone}),this.inputs.forEach(e=>Ue(this,e,{includeAttrs:Hp.shared})),setTimeout(()=>this.phoneCountryCodeInput.setAttribute("default-code",this.defaultCode))}onValueChange(){this.#mt=this.activeInputEle.selectionStart,this.handleActiveInput(this.activeInputEle.value||this.activeInput.value)}handleActiveInput(e){const t=(e=>!!e&&!$p.test(e))(e)?this.phoneVariant:this.emailInput;this.activeInput!==t&&this.setActiveInput(t)}setActiveInput(e){const t=this.activeInputEle.value||this.activeInput.value;this.activeInput=e,this.setActiveInputValue(t),this.#ht&&this.activeInput.reportValidity(),this.setActiveInputSelectionStart(),this.toggleInputVisibility()}setActiveInputSelectionStart(){setTimeout(()=>{this.activeInputEle.focus(),this.activeInputEle.setSelectionRange?.(this.#mt,this.#mt)})}#gt(){const e=this.getAttribute("default-code"),t=e&&Os.CountryCodes.find(t=>t.code===e);return t?.dialCode||Os.CountryCodes[0]?.dialCode||""}setActiveInputValue(e){const t=(e=>e.replace(/\+\d+-/,""))(e);if(this.activeInput.localName===Yp){const e=this.phoneCountryCodeInput.countryCodeItems||this.#gt();this.activeInput.value=`${e}-${t}`}else this.activeInput.value=t}toggleInputVisibility(){this.inputs.forEach(e=>{e!==this.activeInput?e.classList.add("hidden"):e.classList.remove("hidden")})}reportValidity(){this.#ht=!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(_p,Gp);const Zp=qe("alert");class Qp extends($t({componentName:Zp,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    ',V('\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:Jp}={icon:{selector:()=>".icon"}},Kp=Re(Pt({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},textColor:{selector:De.componentName,property:De.cssVarList.textColor},backgroundColor:{},borderColor:{},borderWidth:{},borderStyle:{},borderRadius:{},fontSize:[{},{selector:De.componentName,property:De.cssVarList.fontSize}],gap:{},horizontalPadding:[{property:"padding-top"},{property:"padding-bottom"}],verticalPadding:[{property:"padding-right"},{property:"padding-left"}],alignItems:{},justifyContent:[{},{selector:De.componentName,property:De.cssVarList.textAlign}],icon:[{...Jp,property:"content"},{...Jp,property:"display",fallback:"none"}],iconSize:[{...Jp,property:"width"},{...Jp,property:"height"}]}}),Pt({componentNameOverride:qe("enriched-text")}),Pt({componentNameOverride:qe("text")}),Bt,Rt)(Qp);customElements.define(Zp,Kp);const Xp=qe("hcaptcha"),eu=["enabled","site-key"],tu=ro({componentName:Xp,baseSelector:":host > div"}),ou=Re(Pt({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"}]}}),Bt,Rt)(class extends tu{static get observedAttributes(){return eu.concat(tu.observedAttributes||[])}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),t!==o&&"enabled"===e&&this.toggleCaptchaEles("true"===o)}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',V("\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(Xp,ou);const iu=(uu={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(uu).reduce((e,t)=>{const o=uu[t];return Object.assign(e,{[t]:st(o)})},{})),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"}},nu=ft({fonts:ru}).fonts,su={colors:iu,typography:{h1:{font:nu.font1.family,weight:"900",size:"48px"},h2:{font:nu.font1.family,weight:"800",size:"38px"},h3:{font:nu.font1.family,weight:"600",size:"28px"},subtitle1:{font:nu.font2.family,weight:"500",size:"22px"},subtitle2:{font:nu.font2.family,weight:"400",size:"20px"},body1:{font:nu.font1.family,weight:"400",size:"16px"},body2:{font:nu.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"},au=(e=>yt(e,[],e=>bt({},e,gt(e))))(su),lu=(e=>Object.keys(e).reduce((t,o)=>{const i=e[o];return Object.assign(t,{[o]:Y(i)})},{}))({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"}}),du={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"}},cu=Q({fonts:du}).fonts,pu={colors:lu,typography:{h1:{font:cu.font1.family,weight:"900",size:"48px"},h2:{font:cu.font1.family,weight:"800",size:"38px"},h3:{font:cu.font1.family,weight:"600",size:"28px"},subtitle1:{font:cu.font2.family,weight:"500",size:"22px"},subtitle2:{font:cu.font2.family,weight:"400",size:"20px"},body1:{font:cu.font1.family,weight:"400",size:"16px"},body2:{font:cu.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:du,direction:"ltr"};var uu;(e=>{Z(e,[],e=>G({},e,U(e)))})(pu);const hu=Q(pu),mu=Ti.cssVarList,gu={primary:hu.colors.primary,secondary:hu.colors.secondary,success:hu.colors.success,error:hu.colors.error,surface:hu.colors.surface},[bu,yu,vu]=K({mode:gu},Ii),fu={...bu,[mu.fontFamily]:hu.fonts.font1.family,[mu.fontWeight]:"400",[mu.cursor]:"pointer",[mu.hostHeight]:"3em",[mu.hostWidth]:"auto",[mu.hostDirection]:hu.direction,[mu.borderRadius]:hu.radius.sm,[mu.borderWidth]:hu.border.xs,[mu.borderStyle]:"solid",[mu.borderColor]:"transparent",[mu.labelSpacing]:"0.25em",[mu.textAlign]:"center",textAlign:{right:{[mu.textAlign]:"right"},left:{[mu.textAlign]:"left"},center:{[mu.textAlign]:"center"}},[mu.verticalPadding]:"1em",[mu.horizontalPadding]:"0.875em",[mu.outlineWidth]:pu.border.sm,[mu.outlineOffset]:"0px",[mu.outlineStyle]:"solid",[mu.outlineColor]:"transparent",[mu.iconSize]:"1.5em",size:{xs:{[mu.fontSize]:"12px"},sm:{[mu.fontSize]:"14px"},md:{[mu.fontSize]:"16px"},lg:{[mu.fontSize]:"18px"}},_square:{[mu.hostHeight]:"3em",[mu.hostWidth]:"3em",[mu.verticalPadding]:"0"},_fullWidth:{[mu.hostWidth]:"100%"},_loading:{[mu.cursor]:"wait",[mu.labelTextColor]:yu.main},_disabled:{[vu.main]:hu.colors.surface.light,[vu.dark]:hu.colors.surface.dark,[vu.light]:hu.colors.surface.light,[vu.contrast]:hu.colors.surface.main,[mu.iconColor]:hu.colors.surface.main},variant:{contained:{[mu.labelTextColor]:yu.contrast,[mu.backgroundColor]:yu.main,_hover:{[mu.backgroundColor]:yu.dark,_loading:{[mu.backgroundColor]:yu.main}},_active:{[mu.backgroundColor]:yu.main}},outline:{[mu.labelTextColor]:yu.main,[mu.borderColor]:yu.main,_hover:{[mu.labelTextColor]:yu.dark,[mu.borderColor]:yu.dark},_active:{[mu.labelTextColor]:yu.main,[mu.borderColor]:yu.main}},link:{[mu.labelTextColor]:yu.main,[mu.horizontalPadding]:"0.125em",_hover:{[mu.labelTextColor]:yu.dark,[mu.labelTextDecoration]:"underline"},_active:{[mu.labelTextColor]:yu.main}}},_focused:{[mu.outlineColor]:yu.light}},xu={...mu,...vu};var Cu=Object.freeze({__proto__:null,default:fu,vars:xu});const wu=Q(pu),Iu=So.cssVarList,Su={[Iu.hostDirection]:wu.direction,[Iu.textLineHeight]:"1.35em",[Iu.textAlign]:"start",[Iu.textColor]:wu.colors.surface.dark,variant:{h1:{[Iu.fontSize]:wu.typography.h1.size,[Iu.fontWeight]:wu.typography.h1.weight,[Iu.fontFamily]:wu.typography.h1.font},h2:{[Iu.fontSize]:wu.typography.h2.size,[Iu.fontWeight]:wu.typography.h2.weight,[Iu.fontFamily]:wu.typography.h2.font},h3:{[Iu.fontSize]:wu.typography.h3.size,[Iu.fontWeight]:wu.typography.h3.weight,[Iu.fontFamily]:wu.typography.h3.font},subtitle1:{[Iu.fontSize]:wu.typography.subtitle1.size,[Iu.fontWeight]:wu.typography.subtitle1.weight,[Iu.fontFamily]:wu.typography.subtitle1.font},subtitle2:{[Iu.fontSize]:wu.typography.subtitle2.size,[Iu.fontWeight]:wu.typography.subtitle2.weight,[Iu.fontFamily]:wu.typography.subtitle2.font},body1:{[Iu.fontSize]:wu.typography.body1.size,[Iu.fontWeight]:wu.typography.body1.weight,[Iu.fontFamily]:wu.typography.body1.font},body2:{[Iu.fontSize]:wu.typography.body2.size,[Iu.fontWeight]:wu.typography.body2.weight,[Iu.fontFamily]:wu.typography.body2.font}},mode:{primary:{[Iu.textColor]:wu.colors.surface.contrast},secondary:{[Iu.textColor]:wu.colors.surface.dark},error:{[Iu.textColor]:wu.colors.error.main},"error-dark":{[Iu.textColor]:wu.colors.error.dark},success:{[Iu.textColor]:wu.colors.success.main},"success-dark":{[Iu.textColor]:wu.colors.success.dark},warning:{[Iu.textColor]:wu.colors.warning.main},"warning-dark":{[Iu.textColor]:wu.colors.warning.dark}},textAlign:{right:{[Iu.textAlign]:"right"},left:{[Iu.textAlign]:"left"},center:{[Iu.textAlign]:"center"}},_fullWidth:{[Iu.hostWidth]:"100%"},_italic:{[Iu.fontStyle]:"italic"},_uppercase:{[Iu.textTransform]:"uppercase"},_lowercase:{[Iu.textTransform]:"lowercase"}};var Mu=Object.freeze({__proto__:null,default:Su,vars:Iu});const Au=Q(pu),Eu=Do.cssVarList,Tu={[Eu.hostDirection]:Au.direction,[Eu.cursor]:"pointer",[Eu.textColor]:Au.colors.primary.main,textAlign:{right:{[Eu.textAlign]:"right"},left:{[Eu.textAlign]:"left"},center:{[Eu.textAlign]:"center"}},_fullWidth:{[Eu.hostWidth]:"100%"},_hover:{[Eu.textDecoration]:"underline"},mode:{secondary:{[Eu.textColor]:Au.colors.secondary.main}}};var ku=Object.freeze({__proto__:null,default:Tu,vars:Eu});const zu=Q(pu),Lu=De.cssVarList,Vu={[Lu.hostDirection]:zu.direction,[Lu.hostWidth]:J(Iu.hostWidth),[Lu.textLineHeight]:J(Iu.textLineHeight),[Lu.textColor]:J(Iu.textColor),[Lu.textAlign]:J(Iu.textAlign),[Lu.fontSize]:J(Iu.fontSize),[Lu.fontWeight]:J(Iu.fontWeight),[Lu.fontFamily]:J(Iu.fontFamily),[Lu.linkColor]:J(Eu.textColor),[Lu.linkTextDecoration]:"none",[Lu.linkHoverTextDecoration]:"underline",[Lu.fontWeightBold]:"900",[Lu.minWidth]:"0.25em",[Lu.minHeight]:"1.35em",[Lu.hostDisplay]:"inline-block",_empty:{_hideWhenEmpty:{[Lu.hostDisplay]:"none"}}};var Nu=Object.freeze({__proto__:null,default:Vu,vars:Lu});const Du=k("input-wrapper"),Pu=Q(pu),[Bu,Ru]=K({labelTextColor:Pu.colors.surface.dark,labelFontSize:"14px",labelFontWeight:"500",valueTextColor:Pu.colors.surface.contrast,placeholderTextColor:Pu.colors.surface.dark,requiredIndicator:"'*'",helperTextColor:Pu.colors.surface.dark,errorMessageTextColor:Pu.colors.error.main,successMessageTextColor:Pu.colors.success.main,borderWidth:Pu.border.xs,borderRadius:Pu.radius.xs,borderColor:"transparent",outlineWidth:Pu.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:Pu.colors.surface.main,fontFamily:Pu.fonts.font1.family,direction:Pu.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:Pu.colors.surface.light,_invalid:{outlineColor:Pu.colors.error.main}},_bordered:{outlineWidth:Pu.border.xs,borderColor:Pu.colors.surface.light,borderStyle:"solid",_invalid:{borderColor:Pu.colors.error.main}},_disabled:{labelTextColor:Pu.colors.surface.light,borderColor:Pu.colors.surface.light,valueTextColor:Pu.colors.surface.light,placeholderTextColor:Pu.colors.surface.light,helperTextColor:Pu.colors.surface.light,backgroundColor:Pu.colors.surface.main}},Du),Ou=Q(pu),ju=gi.cssVarList,Wu={[ju.hostWidth]:Ru.width,[ju.hostDirection]:Ru.direction,[ju.fontSize]:Ru.fontSize,[ju.fontFamily]:Ru.fontFamily,[ju.labelFontSize]:Ru.labelFontSize,[ju.labelFontWeight]:Ru.labelFontWeight,[ju.labelTextColor]:Ru.labelTextColor,[ju.errorMessageTextColor]:Ru.errorMessageTextColor,[ju.inputBorderColor]:Ru.borderColor,[ju.inputBorderWidth]:Ru.borderWidth,[ju.inputBorderStyle]:Ru.borderStyle,[ju.inputBorderRadius]:Ru.borderRadius,[ju.inputOutlineColor]:Ru.outlineColor,[ju.inputOutlineOffset]:Ru.outlineOffset,[ju.inputOutlineWidth]:Ru.outlineWidth,[ju.inputOutlineStyle]:Ru.outlineStyle,[ju.labelRequiredIndicator]:Ru.requiredIndicator,[ju.inputValueTextColor]:Ru.valueTextColor,[ju.inputPlaceholderTextColor]:Ru.placeholderTextColor,[ju.inputBackgroundColor]:Ru.backgroundColor,[ju.inputHorizontalPadding]:Ru.horizontalPadding,[ju.inputHeight]:Ru.inputHeight,[ju.inputDropdownButtonColor]:Ou.colors.surface.dark,[ju.inputDropdownButtonCursor]:"pointer",[ju.inputDropdownButtonSize]:Ru.toggleButtonSize,[ju.inputDropdownButtonOffset]:Ou.spacing.xs,[ju.overlayItemPaddingInlineStart]:Ou.spacing.xs,[ju.overlayItemPaddingInlineEnd]:Ou.spacing.lg,[ju.labelPosition]:Ru.labelPosition,[ju.labelTopPosition]:Ru.labelTopPosition,[ju.labelHorizontalPosition]:Ru.labelHorizontalPosition,[ju.inputTransformY]:Ru.inputTransformY,[ju.inputTransition]:Ru.inputTransition,[ju.marginInlineStart]:Ru.marginInlineStart,[ju.placeholderOpacity]:Ru.placeholderOpacity,[ju.inputVerticalAlignment]:Ru.inputVerticalAlignment,[ju.valueInputHeight]:Ru.valueInputHeight,[ju.valueInputMarginBottom]:Ru.valueInputMarginBottom,[ju.errorMessageIcon]:Ru.errorMessageIcon,[ju.errorMessageIconSize]:Ru.errorMessageIconSize,[ju.errorMessageIconPadding]:Ru.errorMessageIconPadding,[ju.errorMessageIconRepeat]:Ru.errorMessageIconRepeat,[ju.errorMessageIconPosition]:Ru.errorMessageIconPosition,[ju.errorMessageFontSize]:Ru.errorMessageFontSize,_readonly:{[ju.inputDropdownButtonCursor]:"default"},[ju.overlayFontSize]:Ru.fontSize,[ju.overlayFontFamily]:Ru.fontFamily,[ju.overlayCursor]:"pointer",[ju.overlayItemBoxShadow]:"none",[ju.overlayBackground]:Ru.backgroundColor,[ju.overlayTextColor]:Ru.valueTextColor,[ju.overlayCheckmarkDisplay]:"initial",[ju.overlaySelectedItemBackground]:"initial",[ju.overlaySelectedItemHoverBackground]:Ou.colors.primary.highlight,[ju.overlaySelectedItemFocusBackground]:Ou.colors.primary.highlight,[ju.overlayItemHoverBackground]:Ou.colors.primary.highlight,[ju.overlayItemFocusBackground]:Ou.colors.primary.highlight,[ju.overlay.minHeight]:"400px",[ju.overlay.margin]:"0",[ju.overlay.contentHeight]:"100%",[ju.overlay.contentOpacity]:"1",[ju.overlay.scrollerMinHeight]:"1px",_loading:{[ju.overlay.loaderTop]:"50%",[ju.overlay.loaderLeft]:"50%",[ju.overlay.loaderRight]:"auto",[ju.overlay.loaderMargin]:"-15px 0 0 -15px",[ju.overlay.loaderWidth]:"30px",[ju.overlay.loaderHeight]:"30px",[ju.overlay.loaderBorder]:"2px solid transparent",[ju.overlay.loaderBorderColor]:`${Ou.colors.primary.highlight} ${Ou.colors.primary.highlight} ${Ou.colors.primary.main} ${Ou.colors.primary.main}`,[ju.overlay.loaderBorderRadius]:"50%",[ju.overlay.contentHeight]:"100px",[ju.overlay.scrollerMinHeight]:"100px",[ju.overlay.contentOpacity]:"0"}};var Fu=Object.freeze({__proto__:null,comboBox:Wu,default:Wu,vars:ju});const $u=Q(pu),[_u,Hu]=K({shadowColor:"#00000020"},Pc),{shadowColor:qu}=Hu,Yu=Rc.cssVarList,Uu={..._u,[Yu.hostWidth]:"fit-content",[Yu.hostDirection]:$u.direction,[Yu.textAlign]:"center",[Yu.fontFamily]:$u.fonts.font1.family,[Yu.fontWeight]:"400",[Yu.verticalPadding]:"0.25em",[Yu.horizontalPadding]:"0.5em",[Yu.borderWidth]:$u.border.xs,[Yu.borderRadius]:$u.radius.xs,[Yu.borderColor]:"transparent",[Yu.borderStyle]:"solid",_fullWidth:{[Yu.hostWidth]:"100%"},size:{xs:{[Yu.fontSize]:"12px"},sm:{[Yu.fontSize]:"14px"},md:{[Yu.fontSize]:"16px"},lg:{[Yu.fontSize]:"18px"}},variant:{contained:{[Yu.backgroundColor]:$u.colors.surface.main}},$breakpoints:{indicator:"(max-width: 65px)"},_shrinkToIndicator:{"$breakpoints.indicator":{[Yu.hostWidth]:"13px",[Yu.hostHeight]:"13px",[Yu.borderRadius]:"50%",[Yu.fontSize]:"0",[Yu.textIndent]:"-9999px"}},mode:{default:{[Yu.textColor]:$u.colors.surface.dark,_bordered:{[Yu.borderColor]:$u.colors.surface.light}},primary:{[Yu.textColor]:$u.colors.primary.main,_bordered:{[Yu.borderColor]:$u.colors.primary.light}},secondary:{[Yu.textColor]:$u.colors.secondary.main,_bordered:{[Yu.borderColor]:$u.colors.secondary.light}},error:{[Yu.textColor]:$u.colors.error.main,_bordered:{[Yu.borderColor]:$u.colors.error.light}},success:{[Yu.textColor]:$u.colors.success.main,_bordered:{[Yu.borderColor]:$u.colors.success.light}}},shadow:{sm:{[Yu.boxShadow]:`${$u.shadow.wide.sm} ${qu}, ${$u.shadow.narrow.sm} ${qu}`},md:{[Yu.boxShadow]:`${$u.shadow.wide.md} ${qu}, ${$u.shadow.narrow.md} ${qu}`},lg:{[Yu.boxShadow]:`${$u.shadow.wide.lg} ${qu}, ${$u.shadow.narrow.lg} ${qu}`},xl:{[Yu.boxShadow]:`${$u.shadow.wide.xl} ${qu}, ${$u.shadow.narrow.xl} ${qu}`}}};var Gu=Object.freeze({__proto__:null,default:Uu,vars:Yu});const Zu=k("avatar");class Qu extends(ue({componentName:Zu,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',V("\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");M(this,()=>{e.style.display=this.isEditable?"":"none"},{includeAttrs:["editable"]})}get isEditable(){return"true"===this.getAttribute("editable")}}const{host:Ju,editableBadge:Ku,avatar:Xu}={host:{selector:()=>":host"},editableBadge:{selector:"> .editableBadge"},avatar:{selector:"vaadin-avatar"}},eh=I(ne({mappings:{hostWidth:[{...Ju,property:"width"},{...Ju,property:"min-width"}],hostHeight:{...Ju,property:"height"},cursor:[Xu,Ju],hostDirection:{...Ju,property:"direction"},avatarTextColor:{...Xu,property:"color"},avatarBackgroundColor:{...Xu,property:"background-color"},editableIconColor:{...Ku,property:"color"},editableBorderColor:{...Ku,property:"border-color"},editableBackgroundColor:{...Ku,property:"background-color"}}}),se,ae)(Qu),th=Q(pu),oh=eh.cssVarList,ih={[oh.hostDirection]:th.direction,[oh.editableIconColor]:th.colors.surface.dark,[oh.editableBorderColor]:th.colors.surface.dark,[oh.editableBackgroundColor]:th.colors.surface.main,[oh.avatarTextColor]:th.colors.surface.main,[oh.avatarBackgroundColor]:th.colors.surface.dark,_editable:{[oh.cursor]:"pointer"},size:{xs:{[oh.hostWidth]:"30px",[oh.hostHeight]:"30px"},sm:{[oh.hostWidth]:"40px",[oh.hostHeight]:"40px"},md:{[oh.hostWidth]:"60px",[oh.hostHeight]:"60px"},lg:{[oh.hostWidth]:"98px",[oh.hostHeight]:"98px"},xl:{[oh.hostWidth]:"120px",[oh.hostHeight]:"120px"},"2xl":{[oh.hostWidth]:"140px",[oh.hostHeight]:"140px"}}},rh={...oh};var nh=Object.freeze({__proto__:null,default:ih,vars:rh});const sh=wi.cssVarList;var ah=Object.freeze({__proto__:null,default:{},vars:sh});const lh=xi.cssVarList;var dh=Object.freeze({__proto__:null,default:{},vars:lh});const ch=k("apps-list"),ph=I(ne({mappings:{maxHeight:{selector:()=>":host"},minHeight:{selector:()=>":host"},hostDirection:{selector:()=>":host",property:"direction"},gap:{selector:Ip.componentName,property:Ip.cssVarList.gap},maxRowItems:{selector:Ip.componentName,property:Ip.cssVarList.maxRowItems},itemsFontWeight:{selector:So.componentName,property:So.cssVarList.fontWeightOverride},itemsFontSize:{selector:So.componentName,property:So.cssVarList.fontSizeOverride},itemsTextAlign:{selector:So.componentName,property:So.cssVarList.textAlign},itemBackgroundColor:{selector:xp.componentName,property:xp.cssVarList.backgroundColor},itemHoverBackgroundColor:{selector:`${xp.componentName}:hover`,property:xp.cssVarList.backgroundColor},backgroundColor:{selector:Ip.componentName,property:Ip.cssVarList.backgroundColorOverride},itemBorderStyle:{selector:xp.componentName,property:xp.cssVarList.borderStyleOverride},itemBorderColor:{selector:xp.componentName,property:xp.cssVarList.borderColorOverride},itemBorderWidth:{selector:xp.componentName,property:xp.cssVarList.borderWidthOverride},itemVerticalPadding:{selector:xp.componentName,property:xp.cssVarList.verticalPaddingOverride},itemHorizontalPadding:{selector:xp.componentName,property:xp.cssVarList.horizontalPaddingOverride},itemAlignment:[{selector:()=>".avatar-wrapper",property:"text-align"},{selector:So.componentName,property:So.cssVarList.textAlign}]}}),ze({itemRenderer:({name:e,icon:t,url:o},i,r)=>`\n  <a ${o?`href="${o}" title="${o}"`:""} ${r.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="${r.logoSize||r.size}"\n      ></descope-avatar>\n    </div>\n    <descope-text\n      variant="${r.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:ch,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        ${So.cssVarList.hostDirection}: var(${ph.cssVarList.hostDirection});\n        max-width: 100%;\n        width: 100%;\n      }\n    `})),uh=ph.cssVarList,hh=Q(pu),mh="400px",gh={[uh.itemsTextAlign]:"start",[uh.hostDirection]:hh.direction,[uh.maxHeight]:mh,[uh.itemHoverBackgroundColor]:hh.colors.surface.highlight,_empty:{[uh.minHeight]:mh},size:{xs:{[uh.itemsFontSize]:"14px",[uh.itemsFontWeight]:"normal"},sm:{[uh.itemsFontSize]:"14px",[uh.itemsFontWeight]:"normal"},md:{[uh.itemsFontSize]:"16px",[uh.itemsFontWeight]:"normal"},lg:{[uh.itemsFontSize]:"20px",[uh.itemsFontWeight]:"normal"}},itemPadding:{xs:{[uh.itemVerticalPadding]:hh.spacing.xs,[uh.itemHorizontalPadding]:hh.spacing.xs},sm:{[uh.itemVerticalPadding]:hh.spacing.sm,[uh.itemHorizontalPadding]:hh.spacing.sm},md:{[uh.itemVerticalPadding]:hh.spacing.md,[uh.itemHorizontalPadding]:hh.spacing.md},lg:{[uh.itemVerticalPadding]:hh.spacing.lg,[uh.itemHorizontalPadding]:hh.spacing.lg},xl:{[uh.itemVerticalPadding]:hh.spacing.xl,[uh.itemHorizontalPadding]:hh.spacing.xl}}};var bh=Object.freeze({__proto__:null,default:gh,vars:uh});const yh=Q(pu),vh=Ip.cssVarList,[fh,xh,Ch]=K({shadowColor:"#00000020"},Cp),{shadowColor:wh}=xh,Ih={...fh,[vh.hostWidth]:"100%",[vh.backgroundColor]:yh.colors.surface.main,[vh.fontFamily]:yh.fonts.font1.family,[vh.borderColor]:yh.colors.surface.light,[vh.borderStyle]:"solid",[vh.borderWidth]:yh.border.xs,[vh.borderRadius]:yh.radius.sm,[vh.gap]:yh.spacing.md,[vh.verticalPadding]:yh.spacing.lg,[vh.horizontalPadding]:yh.spacing.lg,[vh.boxShadow]:`${yh.shadow.wide.sm} ${wh}, ${yh.shadow.narrow.sm} ${wh}`,[vh.maxHeight]:"100%",[vh.hostDirection]:yh.direction,[vh.minItemsWidth]:"150px",[vh.maxRowItems]:"1000",_empty:{[vh.minHeight]:"150px",[vh.emptyStateTextColor]:yh.colors.surface.dark,[vh.emptyStateTextFontFamily]:yh.fonts.font1.family},variant:{tiles:{[vh.gridTemplateColumns]:`repeat(auto-fit, minmax(\n        max(\n            min(${J(vh.minItemsWidth)}, 100%),\n                calc((100% - (${J(vh.maxRowItems)} - 1) * ${J(vh.gap)}) / ${J(vh.maxRowItems)})),\n        1fr))`,[vh.maxItemsWidth]:"200px",[vh.itemsHorizontalAlign]:"center"}},gap:{xs:{[vh.gap]:yh.spacing.xs},sm:{[vh.gap]:yh.spacing.sm},md:{[vh.gap]:yh.spacing.md},lg:{[vh.gap]:yh.spacing.lg},xl:{[vh.gap]:yh.spacing.xl}}},Sh={...vh,...Ch};var Mh=Object.freeze({__proto__:null,default:Ih,vars:Sh});const Ah=Q(pu),Eh=xp.cssVarList,Th={[Eh.backgroundColor]:Ah.colors.surface.main,[Eh.verticalPadding]:Ah.spacing.lg,[Eh.horizontalPadding]:Ah.spacing.lg,[Eh.gap]:Ah.spacing.md,[Eh.borderStyle]:"solid",[Eh.borderWidth]:Ah.border.xs,[Eh.borderColor]:Ah.colors.surface.main,[Eh.borderRadius]:Ah.radius.sm,[Eh.cursor]:"pointer",[Eh.alignItems]:"center",[Eh.flexDirection]:"row",[Eh.transition]:"border-color 0.2s, background-color 0.2s",variant:{tile:{[Eh.alignItems]:"flex-start",[Eh.flexDirection]:"column",[Eh.borderColor]:Ah.colors.surface.light}},_hover:{[Eh.backgroundColor]:Ah.colors.surface.highlight},_active:{[Eh.backgroundColor]:Ah.colors.surface.main,[Eh.borderColor]:Ah.colors.primary.light,[Eh.outline]:`1px solid ${Ah.colors.primary.light}`}};var kh=Object.freeze({__proto__:null,default:Th,vars:Eh});const zh=k("autocomplete-field-internal"),Lh=fe({componentName:zh,baseSelector:""}),Vh=[],Nh="DESCOPE_INVALID_OPTION",Dh=k("autocomplete-field"),{host:Ph}={host:{selector:()=>":host"}},Bh=I(ne({componentNameOverride:k("input-wrapper")}),ne({mappings:{hostWidth:{...Ph,property:"width"},hostDirection:{...Ph,property:"direction"},fontSize:{...Ph},checkmarkDisplay:{selector:gi.componentName,property:gi.cssVarList.overlayCheckmarkDisplay},itemPaddingInlineStart:{selector:gi.componentName,property:gi.cssVarList.overlayItemPaddingInlineStart},itemPaddingInlineEnd:{selector:gi.componentName,property:gi.cssVarList.overlayItemPaddingInlineEnd},selectedItemBackground:{selector:gi.componentName,property:gi.cssVarList.overlaySelectedItemBackground},selectedItemHoverBackground:{selector:gi.componentName,property:gi.cssVarList.overlaySelectedItemHoverBackground},selectedItemFocusBackground:{selector:gi.componentName,property:gi.cssVarList.overlaySelectedItemFocusBackground},itemHoverBackground:{selector:gi.componentName,property:gi.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      <${zh}\n        tabindex="-1"\n      ></${zh}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(zh),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:Dh})),Rh=Bh.cssVarList,Oh=Q(pu),jh={[Rh.hostWidth]:Ru.width,[Rh.hostDirection]:Ru.direction,[Rh.fontSize]:Ru.fontSize,[Rh.checkmarkDisplay]:"none",[Rh.itemPaddingInlineStart]:Oh.spacing.lg,[Rh.itemPaddingInlineEnd]:Oh.spacing.lg,[Rh.selectedItemBackground]:Oh.colors.primary.light,[Rh.selectedItemHoverBackground]:Oh.colors.primary.light,[Rh.selectedItemFocusBackground]:Oh.colors.primary.light,[Rh.itemHoverBackground]:Oh.colors.primary.highlight,_fullWidth:{[Rh.hostWidth]:"100%"}};var Wh=Object.freeze({__proto__:null,default:jh,vars:Rh});class Fh extends(Ce()){#bt=null;#yt=null;constructor(e){super(e),this.#yt=this.#vt()}getRequiredParams(){return["public-api-key"]}getOptionalParams(){return[{key:"includedPrimaryTypes",attribute:"address-types"},{key:"language",attribute:"address-language"},{key:"region",attribute:"address-region"}]}async#vt(){const e=this.getAttribute("public-api-key");if(!this.#bt&&e)try{(e=>{var t,o,i,r,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)&&(o||(o=new Promise(async(e,a)=>{for(r in await(i=d.createElement("script")),h.set("libraries",[...u]+""),t)h.set(r.replace(/[A-Z]/g,e=>"_"+e[0].toLowerCase()),t[r]);h.set("callback",s+".maps."+l),i.src=`https://maps.${s}apis.com/maps/api/js?`+h,p[l]=e,i.onerror=()=>o=a(Error(n+" could not load.")),i.nonce=d.querySelector("script[nonce]")?.nonce||"",d.head.append(i)}))).then(()=>p[a](e,...c)))})(e);const{AutocompleteSuggestion:t}=await google.maps.importLibrary("places");this.#bt=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.#yt;const t={input:e};this.getOptionalParams().forEach(({attribute:e,key:o,defaultValue:i})=>{const r=this.getAttribute(e)||i;r&&(t[o]="includedPrimaryTypes"===o?r.split(",").map(e=>e.trim()).filter(Boolean):r)});const{suggestions:o}=await this.#bt.fetchAutocompleteSuggestions(t);return this.#ft(o)}catch(e){return console.error("Google Maps Places Autocomplete failed:",e),{results:[],error:xe}}}#ft(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 $h 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"),o=new URLSearchParams({query:e.trim()});this.getOptionalParams().forEach(({attribute:e,key:t,defaultValue:i})=>{const r=this.getAttribute(e)||i;r&&("layers"===t||"countryCode"===t?o.append(t,r.split(",").map(e=>e.trim()).filter(Boolean).join(",")):o.append(t,r))});try{const e=await fetch(`https://api.radar.io/v1/search/autocomplete?${o.toString()}`,{headers:{Authorization:t}});if(!e.ok)throw new Error(`Radar API returned ${e.status}`);const i=await e.json();return this.#ft(i)}catch(e){return console.error("Radar Places Autocomplete failed:",e),{results:[],error:xe}}}#ft(e){return e?.addresses?.length?{results:e.addresses.map(e=>({label:e.formattedAddress,value:e.formattedAddress}))}:{results:[]}}}const _h=k("address-field-internal"),Hh="google-maps-places",qh="radar",Yh={[Hh]:Fh,[qh]:$h},Uh=fe({componentName:_h,baseSelector:""}),Gh=["public-api-key"],Zh=[...Gh],Qh=I((({connectorClasses:e})=>t=>class extends t{#xt=e;static get observedAttributes(){return[...t.observedAttributes||[],"connector-template"]}get connectorClasses(){return this.#xt}set connectorClasses(e){this.#xt=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:o}=await this.connector.fetch(e);return o?{results:[],error:o}:{results:t.map(({label:e,value:t})=>({label:e,value:t}))}}init(){super.init?.(),this.initializeConnector()}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),t!==o&&"connector-template"===e&&this.initializeConnector()}})({connectorClasses:Yh}))(class extends Uh{static get observedAttributes(){return[].concat(Uh.observedAttributes||[],Zh)}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,o){super.attributeChangedCallback?.(e,t,o),t!==o&&Gh.includes(e)&&this.initializeConnector()}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{valid:!0}}}),Jh=k("address-field"),{host:Kh}={host:{selector:()=>":host"}},Xh=I(ne({componentNameOverride:k("input-wrapper")}),ne({mappings:{hostWidth:{...Kh,property:"width"},hostDirection:{...Kh,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      <${_h}\n        tabindex="-1"\n      ></${_h}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(_h),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  ${_h} {\n    display: inline-block;\n    box-sizing: border-box;\n    user-select: none;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  ${_h} ::slotted {\n    padding: 0;\n  }\n`,excludeAttrsSync:["tabindex","error-message","label","style"],componentName:Jh})),em=Xh.cssVarList,tm={[em.hostWidth]:Ru.width,[em.hostDirection]:Ru.direction,_fullWidth:{[em.hostWidth]:"100%"}};var om=Object.freeze({__proto__:null,default:tm,vars:em});const im=(e,t=2)=>String(e).padStart(t,"0"),rm=k("timer"),nm=["seconds","hide-icon","paused"],sm=ue({componentName:rm,baseSelector:":host > .wrapper"}),{host:am,icon:lm,timer:dm}={host:{selector:()=>":host"},icon:{selector:()=>".icon"},timer:{selector:()=>".timer"}},cm=I(ne({mappings:{fontSize:{},iconSize:[{...lm,property:"width"},{...lm,property:"height"}],fontFamily:{},minHeight:{},fontWeight:{...dm},lineHeight:{...dm},textColor:{...dm,property:"color"},gap:{},textAlign:{property:"justify-content"},hostWidth:{...am,property:"width"},hostDirection:{...am,property:"direction"},iconColor:{...lm,property:wi.cssVarList.fill}}}),se,ae)(class extends sm{#Ct=0;#wt;static get observedAttributes(){return nm.concat(sm.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',V("\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.#Ct=this.seconds}startInterval(){this.#Ct?this.#wt=setInterval(()=>{this.#It(),this.#Ct||this.stop(),this.#St(this.#Ct)},1e3):this.stop()}stopInterval(){clearInterval(this.#wt)}#It(){this.#Ct=this.#Ct-1e3}reset(){this.#Ct=this.seconds,this.#St(this.#Ct),this.isPaused||(this.dispatchEvent(new CustomEvent("timer-started",{bubbles:!0})),this.startInterval())}stop(){this.stopInterval(),this.#Ct=0,this.#St(this.#Ct),this.dispatchEvent(new CustomEvent("timer-ended",{bubbles:!0}))}pause(){this.setAttribute("paused","true"),this.stopInterval()}resume(){this.removeAttribute("paused"),this.startInterval()}#St(e){this.timer.textContent=((e=0)=>{const t=Math.floor(e/1e3),o=Math.floor(t/3600),i=Math.floor(t%3600/60),r=t%60;return[...o?[im(o)]:[],im(i),im(r)].join(":")})(e)}#Mt(e){this.icon.classList.toggle("hidden",e)}#At(e){setTimeout(()=>{e?this.pause():this.#wt||this.resume()})}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),o!==t&&("seconds"===e&&this.reset(),"hide-icon"===e&&this.#Mt("true"===o),"paused"===e&&this.#At("true"===o))}}),pm=Q(pu),um=cm.cssVarList,hm={[um.hostDirection]:pm.direction,[um.gap]:"0.25em",[um.fontFamily]:pm.fonts.font1.family,[um.minHeight]:"1.5em",[um.lineHeight]:"1em",[um.fontWeight]:pm.fonts.font1.fontWeight,[um.textColor]:pm.colors.surface.contrast,[um.iconColor]:pm.colors.surface.contrast,[um.iconSize]:"1em",size:{xs:{[um.fontSize]:"12px"},sm:{[um.fontSize]:"14px"},md:{[um.fontSize]:"16px"},lg:{[um.fontSize]:"18px"}},textAlign:{right:{[um.textAlign]:"right"},left:{[um.textAlign]:"left"},center:{[um.textAlign]:"center"}},_fullWidth:{[um.hostWidth]:"100%"}};var mm=Object.freeze({__proto__:null,default:hm,vars:um});const gm=k("timer-button"),bm=["button-variant","button-mode","size","text-align","full-width"],ym={"button-variant":"variant","button-mode":"mode"},vm=["timer-seconds","timer-hide-icon","timer-paused","size","text-align","full-width"],fm={"timer-seconds":"seconds","timer-hide-icon":"hide-icon","timer-paused":"paused"},xm=ue({componentName:gm,baseSelector:":host > div"}),{host:Cm}={host:{selector:()=>":host"}},wm=I(ne({mappings:{gap:{},flexDirection:{},hostWidth:{...Cm,property:"width"},hostDirection:{...Cm,property:"direction"}}}),se,ae)(class extends xm{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',V("\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:bm,mapAttrs:ym}),L(this,this.timer,{includeAttrs:vm,mapAttrs:fm}),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")})}}),Im=Q(pu),Sm=wm.cssVarList,Mm={[Sm.gap]:Im.spacing.sm,[Sm.flexDirection]:"column",_horizontal:{[Sm.flexDirection]:"row"},_fullWidth:{[Sm.hostWidth]:"100%"}};var Am=Object.freeze({__proto__:null,default:Mm,vars:Sm});const Em=k("password-strength");class Tm extends(ue({componentName:Em,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',V("\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 Mx}).then(e=>e.default);#Et=-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 o=document.createElement("div");return o.classList.add("bar"),o.classList.toggle("filled",t<=this.#Et),this.barsContainer.appendChild(o),o})}init(){super.init?.(),this.getCalcScoreFn()}async onValueChange(){const e=await this.calcScore();e!==this.#Et&&(this.#Et=e,this.dispatchEvent(new CustomEvent("score-changed",{bubbles:!0,composed:!0,detail:this.#Et})),this.bars?.forEach((e,t)=>{e.classList.toggle("filled",t<=this.#Et)}),this.textContainer.innerHTML=this.options[this.#Et]||"",-1===this.#Et?this.removeAttribute("score"):this.setAttribute("score",this.#Et))}attributeChangedCallback(e,t,o){if(t!==o)return"options"===e?this.renderBars():"value"===e?this.onValueChange():void 0}}const{host:km,bar:zm,filledBar:Lm,barsContainer:Vm,text:Nm}={host:{selector:()=>":host"},bar:{selector:" .bar"},barsContainer:{selector:" .bars-container"},filledBar:{selector:" .bar.filled"},text:{selector:" .text-container"}},Dm=I(ne({componentNameOverride:k("input-wrapper")}),ne({mappings:{hostWidth:[{...km,property:"width"},{...km,property:"min-width"}],hostDirection:{...km,property:"direction"},hostMinWidth:{...km,property:"min-width"},barHeight:{...zm,property:"height"},barBorderRadius:{...zm,property:"border-radius"},emptyBarColor:{...zm,property:"background-color"},filledBarColor:{...Lm,property:"background-color"},textColor:{...Nm,property:"color"},spacing:{property:"gap"},barSpacing:{...Vm,property:"gap"},fontSize:{},fontWeight:{},fontFamily:{},barTransition:{...zm,property:"transition"}}}),se,ae)(Tm),Pm=Q(pu),Bm=Dm.cssVarList,Rm={[Bm.hostDirection]:Pm.direction,[Bm.barHeight]:"4px",[Bm.barTransition]:"background-color 0.3s",[Bm.barBorderRadius]:Pm.radius.sm,[Bm.hostMinWidth]:Ru.minWidth,[Bm.barSpacing]:Pm.spacing.sm,[Bm.emptyBarColor]:Pm.colors.surface.light,[Bm.fontFamily]:Ru.fontFamily,[Bm.fontSize]:Ru.labelFontSize,[Bm.fontWeight]:Ru.labelFontWeight,[Bm.spacing]:Pm.spacing.sm,_fullWidth:{[Bm.hostWidth]:"100%"},score:{0:{[Bm.filledBarColor]:Pm.colors.error.light,[Bm.textColor]:Pm.colors.error.light},1:{[Bm.filledBarColor]:Pm.colors.error.main,[Bm.textColor]:Pm.colors.error.main},2:{[Bm.filledBarColor]:Pm.colors.error.dark,[Bm.textColor]:Pm.colors.error.dark},3:{[Bm.filledBarColor]:Pm.colors.success.dark,[Bm.textColor]:Pm.colors.success.dark},4:{[Bm.filledBarColor]:Pm.colors.success.main,[Bm.textColor]:Pm.colors.success.main}}},Om={...Bm};var jm=Object.freeze({__proto__:null,default:Rm,vars:Om});const Wm=k("collapsible-container");class Fm extends(ue({componentName:Wm,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',V(`\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(${So.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"}#Tt=!1;init(){super.init?.(),this.#Tt=!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,o){"text"!==e?this.isCollapsed&&this.isCollapsible?this.collapse(this.#Tt):this.expand(this.#Tt):this.updateHeaderText()}}const $m={host:()=>":host",icon:()=>"descope-icon",iconWrapper:()=>".icon",header:()=>".header",text:()=>"span",wrapper:()=>".wrapper",content:()=>"div.content"},_m=I(ne({mappings:{hostWidth:{selector:$m.host,property:"width"},hostDirection:{selector:$m.host,property:"direction"},verticalPadding:[{selector:$m.wrapper,property:"padding-top"},{selector:$m.wrapper,property:"padding-bottom"}],horizontalPadding:[{selector:$m.wrapper,property:"padding-left"},{selector:$m.wrapper,property:"padding-right"}],flexDirection:{},justifyContent:{},alignItems:{},gap:[{},{property:"margin-top"}],backgroundColor:{selector:$m.wrapper},backgroundImage:{selector:$m.wrapper},backgroundPositionX:{selector:$m.wrapper},backgroundPositionY:{selector:$m.wrapper},backgroundSize:{selector:$m.wrapper},backgroundRepeat:{selector:$m.wrapper},borderRadius:{selector:$m.wrapper},borderColor:{selector:$m.wrapper},borderStyle:{selector:$m.wrapper},borderWidth:{selector:$m.wrapper},boxShadow:{selector:$m.wrapper},headerIconOrder:{selector:$m.iconWrapper,property:"order"},headerCursor:{selector:$m.header,property:"cursor"},headerGap:{selector:$m.header,property:"gap"},textGrow:{selector:$m.text,property:"flex-grow"},textDirection:{selector:$m.text,property:"direction"},iconAnimationDuration:{selector:$m.icon,property:"transition-duration"},contentAnimationDuration:{selector:$m.content,property:"transition-duration"}}}),se,ae)(Fm),Hm=Q(pu),qm=_m.cssVarList,[Ym,Um,Gm]=K({shadowColor:"#00000020"},Wm),{shadowColor:Zm}=Um,Qm={...Ym,[qm.hostWidth]:"100%",[qm.boxShadow]:"none",[qm.backgroundColor]:Hm.colors.surface.main,[qm.backgroundImage]:"",[qm.backgroundPositionX]:"center",[qm.backgroundPositionY]:"center",[qm.backgroundSize]:"cover",[qm.backgroundRepeat]:"no-repeat",[qm.borderRadius]:"0px",[qm.hostDirection]:Hm.direction,[qm.flexDirection]:"column",[qm.alignItems]:"flex-start",[qm.justifyContent]:"flex-start",[qm.headerGap]:Hm.spacing.md,[qm.iconAnimationDuration]:"0.1s",[qm.contentAnimationDuration]:"0.1s",[qm.borderWidth]:"0px",[qm.textGrow]:"0",verticalPadding:{sm:{[qm.verticalPadding]:"5px"},md:{[qm.verticalPadding]:"10px"},lg:{[qm.verticalPadding]:"20px"}},horizontalPadding:{sm:{[qm.horizontalPadding]:"5px"},md:{[qm.horizontalPadding]:"10px"},lg:{[qm.horizontalPadding]:"20px"}},spaceBetween:{sm:{[qm.gap]:"10px"},md:{[qm.gap]:"20px"},lg:{[qm.gap]:"30px"}},shadow:{sm:{[qm.boxShadow]:`${Hm.shadow.wide.sm} ${Zm}, ${Hm.shadow.narrow.sm} ${Zm}`},md:{[qm.boxShadow]:`${Hm.shadow.wide.md} ${Zm}, ${Hm.shadow.narrow.md} ${Zm}`},lg:{[qm.boxShadow]:`${Hm.shadow.wide.lg} ${Zm}, ${Hm.shadow.narrow.lg} ${Zm}`},xl:{[qm.boxShadow]:`${Hm.shadow.wide.xl} ${Zm}, ${Hm.shadow.narrow.xl} ${Zm}`},"2xl":{[Gm.shadowColor]:"#00000050",[qm.boxShadow]:`${Hm.shadow.wide["2xl"]} ${Zm}`}},borderRadius:{sm:{[qm.borderRadius]:Hm.radius.sm},md:{[qm.borderRadius]:Hm.radius.md},lg:{[qm.borderRadius]:Hm.radius.lg},xl:{[qm.borderRadius]:Hm.radius.xl},"2xl":{[qm.borderRadius]:Hm.radius["2xl"]},"3xl":{[qm.borderRadius]:Hm.radius["3xl"]}},iconPosition:{left:{[qm.headerIconOrder]:"0"},right:{[qm.headerIconOrder]:"1"}},_fillTitle:{[qm.textGrow]:"1"},_border:{[qm.borderColor]:Hm.colors.surface.light,[qm.borderWidth]:Hm.border.xs,[qm.borderStyle]:"solid"},_collapsible:{[qm.headerCursor]:"pointer"}},Jm={...qm,...Gm};var Km=Object.freeze({__proto__:null,default:Qm,vars:Jm});const Xm=k("recovery-codes");class eg extends(ue({componentName:Xm,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"),V("\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,o){super.attributeChangedCallback?.(e,t,o),o!==t&&"readonly"===e&&this.onReadOnly("true"===o)}}const tg=I(ne({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostMinWidth:{selector:()=>":host",property:"min-width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>So.componentName,property:So.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,o)=>`\n    <descope-text variant="${o.variant}" mode="${o.mode}">\n      <span>${e}</span>\n    </descope-text>\n  `,rerenderAttrsList:["variant","mode"],targetSelector:".list"}),se,ae)(eg),og=Q(pu),ig=tg.cssVarList,rg=So.cssVarList,ng={[ig.hostMinWidth]:"190px",[ig.hostDirection]:og.direction,[ig.iconColor]:J(rg.textColor),[ig.iconSize]:J(rg.fontSize),[ig.iconGap]:"8px",[ig.bulletGap]:"0.35em",textAlign:{right:{[ig.textAlign]:"flex-end"},left:{[ig.textAlign]:"flex-start"},center:{[ig.textAlign]:"center"}},_fullWidth:{[ig.hostWidth]:"100%"}};var sg=Object.freeze({__proto__:null,default:ng,vars:ig});const ag=k("outbound-apps"),lg=({name:e,description:t,logo:o,appId:i,isConnected:r},n,s)=>{const a=r?"disconnect":"connect";return`\n  <descope-list-item>\n    <descope-avatar\n      ${o?`img="${o}"`:""}\n      ${e?`display-name="${e}" abbr=${P(e)}`:""}\n      size=${s.size}\n      ${o?'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="${i}" data-id="${a}">\n        ${r?s.disconnectButtonLabel:s.connectButtonLabel}\n      </descope-button>\n    </div>\n  </descope-list-item>\n`},dg=ue({componentName:ag,baseSelector:"descope-list"}),{host:cg}={host:{selector:()=>":host"}},pg=I(ne({mappings:{hostWidth:{...cg,property:"width"},minHeight:{selector:()=>":host"},hostDirection:[{...cg,property:"direction"},{selector:"descope-list",property:"direction"},{selector:"descope-list-item",property:"direction"}],iconColor:{selector:()=>" descope-icon",property:wi.cssVarList.fill},errorIconColor:{selector:()=>" descope-icon.error-icon",property:wi.cssVarList.fill},fontSize:{selector:So.componentName,property:So.cssVarList.fontSize},appLogoGap:{selector:()=>" .app-logo",property:"margin-inline-end"},contentGap:{selector:()=>" .content",property:"gap"},itemsTextAlign:{selector:So.componentName,property:So.cssVarList.textAlign},itemCursor:{selector:xp.componentName,property:xp.cssVarList.cursor},itemOutline:{selector:xp.componentName,property:xp.cssVarList.outline},itemBorderColor:{selector:xp.componentName,property:xp.cssVarList.borderColor},itemBackgroundColor:{selector:xp.componentName,property:xp.cssVarList.backgroundColor},listBorderWidth:{selector:()=>Ip.componentName,property:Ip.cssVarList.borderWidth},listBoxShadow:{selector:()=>Ip.componentName,property:Ip.cssVarList.boxShadow},listPadding:[{selector:()=>Ip.componentName,property:Ip.cssVarList.verticalPadding},{selector:()=>Ip.componentName,property:Ip.cssVarList.horizontalPadding}]}}),se,ze({itemRenderer:lg,rerenderAttrsList:["size","connect-button-label","disconnect-button-label"]}),ae)(class extends dg{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"),V("\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=lg,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"),o=e.srcElement.getAttribute("data-action");t&&o&&this.dispatchEvent(new CustomEvent(`${o}-clicked`,{bubbles:!0,detail:{id:t,action:o}}))}}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"}}),ug=pg.cssVarList,hg={[ug.iconColor]:pu.colors.primary.main,[ug.errorIconColor]:pu.colors.error.main,[ug.appLogoGap]:pu.spacing.md,[ug.contentGap]:pu.spacing.xs,[ug.itemCursor]:"default",[ug.itemOutline]:"none",[ug.itemBorderColor]:"transparent",[ug.listPadding]:"0",[ug.listBorderWidth]:"0",[ug.listBoxShadow]:"none",size:{xs:{[ug.fontSize]:"0.6em"},sm:{[ug.fontSize]:"0.8em"},md:{[ug.fontSize]:"1em"},lg:{[ug.fontSize]:"1.5em"}}};var mg=Object.freeze({__proto__:null,default:hg,vars:ug});const gg=k("outbound-app-button");class bg extends(ue({componentName:gg,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    ',V("\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,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("label"===e?this.updateLabel(o):"icon-src"===e&&this.updateIcon(o))}}const yg=I(ne({mappings:{hostWidth:{selector:()=>":host",property:"width"},iconFillCurrentColor:{selector:()=>"descope-icon",property:Ti.cssVarList.iconColor}}}),se,ae)(bg),vg=yg.cssVarList,fg={[vg.iconFillCurrentColor]:"inherit",_iconFillCurrentColor:{[vg.iconFillCurrentColor]:"currentColor"},_fullWidth:{[vg.hostWidth]:"100%"}},xg=vg;var Cg=Object.freeze({__proto__:null,default:fg,vars:xg});const wg=e=>{const t=parseInt(e,10);return Number.isNaN(t)?0:t},Ig={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=="}},Sg=k("trusted-devices"),Mg=({id:e,name:t,lastLoginDate:o,deviceType:i,isCurrent:r},n,s)=>{const a=r?'class="current-device"':"",{iconSrc:l,iconSrcDark:d}=(e=>{const t=Ig[e]||Ig.unknown;return{iconSrc:t.light,iconSrcDark:t.dark}})(i),c=s.lastLoginLabel?`${s.lastLoginLabel} `:"",p=((e,t)=>{if(Number.isNaN(parseInt(e,10)))return"";const o=new Date(e),i=o.getFullYear(),r=String(o.getMonth()+1).padStart(2,"0"),n=String(o.getDate()).padStart(2,"0"),s=o.toLocaleTimeString("en-US",{hour12:!1,hour:"2-digit",minute:"2-digit"}),a={"DD-MM-YYYY":`${n}/${r}/${i}`,"YYYY-MM-DD":`${i}/${r}/${n}`,"MM-DD-YYYY":`${r}/${n}/${i}`};return`${a[t]||a["MM/DD/YYYY"]} ${s}`})(o,s.format),u=r?`<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||r?"":`<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},Ag=ue({componentName:Sg,baseSelector:Ip.componentName}),{host:Eg}={host:{selector:()=>":host"}},Tg=I(ne({mappings:{hostWidth:{...Eg,property:"width"},hostMinWidth:{...Eg,property:"min-width"},hostDirection:[{...Eg,property:"direction"},{selector:()=>"descope-list-item",property:"direction"},{selector:()=>"descope-text",property:"direction"}],listItemsGap:{property:Ip.cssVarList.gap},listBackgroundColor:{selector:()=>Ip.componentName,property:Ip.cssVarList.backgroundColor},listBorderRadius:{selector:()=>Ip.componentName,property:Ip.cssVarList.borderRadius},listBorderWidth:{selector:()=>Ip.componentName,property:Ip.cssVarList.borderWidth},listBoxShadow:{selector:()=>Ip.componentName,property:Ip.cssVarList.boxShadow},listPadding:[{selector:()=>Ip.componentName,property:Ip.cssVarList.verticalPadding},{selector:()=>Ip.componentName,property:Ip.cssVarList.horizontalPadding}],itemVerticalPadding:{selector:xp.componentName,property:xp.cssVarList.verticalPadding},itemHorizontalPadding:{selector:xp.componentName,property:xp.cssVarList.horizontalPadding},itemCursor:{selector:xp.componentName,property:xp.cssVarList.cursor},itemOutline:{selector:xp.componentName,property:xp.cssVarList.outline},itemBorderColor:{selector:xp.componentName,property:xp.cssVarList.borderColor},itemBorderRadius:{selector:xp.componentName,property:xp.cssVarList.borderRadius},itemBackgroundColor:{selector:xp.componentName,property:xp.cssVarList.backgroundColor},itemContentGap:{selector:()=>".content",property:"gap"},badgeBorderColor:{selector:Rc.componentName,property:Rc.cssVarList.borderColor},badgeTextColor:{selector:Rc.componentName,property:Rc.cssVarList.textColor},badgeBackgroundColor:{selector:Rc.componentName,property:Rc.cssVarList.backgroundColor},badgeBorderRadius:{selector:Rc.componentName,property:Rc.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:Mg,sortFn:(e,t)=>wg(t.lastLoginDate)-wg(e.lastLoginDate),rerenderAttrsList:["remove-device-label","current-device-label","last-login-label","format","hide-actions"]}),ae)(class extends Ag{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"),V("\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=Mg,this.appsList.addEventListener("click",this.onRemoveClick.bind(this))}onRemoveClick(e){if(this.readOnly)return;const t=e.target.closest("[data-device-id]"),o=t?.getAttribute("data-device-id");o&&this.dispatchEvent(new CustomEvent("remove-device-clicked",{bubbles:!0,detail:{id:o,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")}}),kg=Tg.cssVarList,zg={[kg.hostWidth]:"auto",[kg.hostWidth]:"300px",[kg.hostMinWidth]:"300px",[kg.listBackgroundColor]:"transparent",[kg.listBorderRadius]:"0",[kg.listBorderWidth]:"0",[kg.listPadding]:"0",[kg.listBoxShadow]:"none",[kg.listItemsGap]:pu.spacing.lg,[kg.itemBorderColor]:pu.colors.surface.light,[kg.itemVerticalPadding]:pu.spacing.lg,[kg.itemHorizontalPadding]:pu.spacing.lg,[kg.itemBorderRadius]:pu.radius.xs,[kg.itemOutline]:"transparent",[kg.itemBackgroundColor]:"transparent",[kg.itemCursor]:"default",[kg.itemContentGap]:pu.spacing.sm,[kg.badgeBorderColor]:pu.colors.surface.light,[kg.badgeTextColor]:pu.colors.surface.dark,[kg.badgeBorderRadius]:pu.radius.xs,[kg.badgeBackgroundColor]:pu.colors.surface.main,[kg.devicePanelGap]:pu.spacing.md,[kg.deviceIconGap]:pu.spacing.md,[kg.deviceIconSize]:"24px",[kg.lastLoginLabelGap]:pu.spacing.xs,_fullWidth:{[kg.hostWidth]:"100%"}};var Lg=Object.freeze({__proto__:null,default:zg,vars:kg});const Vg=k("tooltip"),Ng=["text","position","hide-delay","hover-delay","opened"],Dg=ue({componentName:Vg,baseSelector:"vaadin-tooltip"}),{overlay:Pg,content:Bg}={overlay:{selector:()=>"vaadin-tooltip-overlay::part(overlay)"},content:{selector:()=>"vaadin-tooltip-overlay::part(content)"}},Rg=I(ae,Ee({selector:"",mappings:{fontFamily:{...Bg,property:De.cssVarList.fontFamilyOverride},fontSize:{...Bg,property:De.cssVarList.fontSizeOverride},fontWeight:{...Bg,property:De.cssVarList.fontWeightOverride},textColor:{...Bg,property:De.cssVarList.textColorOverride},hostDirection:{...Bg,property:De.cssVarList.hostDirectionOverride},backgroundColor:[{...Pg},{...Bg}],borderColor:{...Pg},borderStyle:{...Pg},borderWidth:{...Pg},borderRadius:{...Pg},boxShadow:{...Pg},horizontalPadding:[{...Bg,property:"padding-left"},{...Bg,property:"padding-right"}],verticalPadding:[{...Bg,property:"padding-top"},{...Bg,property:"padding-bottom"}]},forward:{attributes:["style"],include:!1}}))(class extends Dg{static get observedAttributes(){return Ng.concat(Dg.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")}#kt(){this.isStaticDisplay?(this.#zt(),this.setAttribute("inert","true")):(this.#Lt(),this.removeAttribute("inert"))}init(){super.init(),this.style.display="contents",this.insertAdjacentHTML("beforeend","<vaadin-tooltip></vaadin-tooltip>"),this.tooltip=this.querySelector("vaadin-tooltip"),this.#Lt(),this.#Vt(),setTimeout(()=>this.#Nt())}#Lt(){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"}#zt(){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"}#Nt(){this.#Dt(),this.#Pt(),L(this,this.tooltip,{includeAttrs:["position","opened"]}),this.#Bt()}#Vt(){if(!this.children?.length)return;let e=Array.from(this.children).find(e=>e!==this.tooltip);e&&(this.tooltip.target=e)}#Rt(){this.overlayContentNode.innerHTML=""}#Ot(){const e=document.createElement("descope-enriched-text");return e.setAttribute("link-target-blank","true"),e.textContent=this.tooltipText,e}get srLabel(){return this.tooltip?.querySelector('[slot="sr-label"]')}#Dt(){this.overlayContentNode&&setTimeout(()=>{this.#Rt(),this.textComponent=this.#Ot(),this.overlayContentNode.appendChild(this.textComponent),this.srLabel&&!this.tooltipText&&this.srLabel.setAttribute("aria-hidden","true"),L(this,this.textComponent,{includeAttrs:["readonly"]})})}#Pt(){this.overlay&&(this.isOpened?setTimeout(()=>{this.tooltip.shadowRoot.appendChild(this.overlay),this.#kt()}):(this.overlay._detachOverlay=()=>{},this.overlay._attachOverlay=()=>this.tooltip.shadowRoot.appendChild(this.overlay)))}#Bt(){this.tooltip?.toggleAttribute("manual",this.isOpened)}#jt(e){if(!this.textComponent)return;const t=(e??"").trim();this.textComponent.textContent=t,this.srLabel&&(t?this.srLabel.removeAttribute("aria-hidden"):this.srLabel.setAttribute("aria-hidden","true"))}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),t!==o&&("text"===e&&this.#jt(o),"opened"===e&&this.#Bt())}}),Og=Q(pu),jg=Rg.cssVarList,[Wg,Fg,$g]=K({shadowColor:"#00000020"},Vg),{shadowColor:_g}=Fg,Hg=`${Og.shadow.wide.sm} ${_g}, ${Og.shadow.narrow.sm} ${_g}`,qg={...Wg,[jg.fontFamily]:Og.fonts.font1.family,[jg.fontSize]:pu.typography.body2.size,[jg.fontWeight]:pu.typography.body2.weight,[jg.textColor]:Og.colors.surface.contrast,[jg.hostDirection]:Og.direction,[jg.backgroundColor]:Og.colors.surface.main,[jg.borderColor]:Og.colors.surface.light,[jg.borderStyle]:"solid",[jg.borderWidth]:Og.border.xs,[jg.borderRadius]:Og.radius.xs,[jg.horizontalPadding]:Og.spacing.md,[jg.verticalPadding]:Og.spacing.sm,[jg.boxShadow]:Hg,shadow:{sm:{[jg.boxShadow]:Hg},md:{[jg.boxShadow]:`${Og.shadow.wide.md} ${_g}, ${Og.shadow.narrow.md} ${_g}`},lg:{[jg.boxShadow]:`${Og.shadow.wide.lg} ${_g}, ${Og.shadow.narrow.lg} ${_g}`},xl:{[jg.boxShadow]:`${Og.shadow.wide.xl} ${_g}, ${Og.shadow.narrow.xl} ${_g}`},"2xl":{[$g.shadowColor]:"#00000050",[jg.boxShadow]:`${Og.shadow.wide["2xl"]} ${_g}`}}};var Yg=Object.freeze({__proto__:null,default:qg,vars:jg});const Ug=async e=>{const t=await fetch(e);if(!t.ok)throw new Error(`[dataService] ${t.status} ${e}`);const o=await t.json();return o.data??o},Gg=async e=>Ug(`${e}/countries.json`),Zg=async(e,t)=>{try{return(await Ug(`${t}/countries/${e}/subdivisions.json`)).map(({code:e,...t})=>({...t,state_code:e}))}catch{return[]}},Qg=async(e,t,o)=>Ug(`${o}/countries/${e}/subdivisions/${t}/cities.json`),Jg=async e=>{const t=new URL("../labels.json",`${e}/`).href;return Ug(t)},Kg=async(e,t)=>Ug(`${t}/countries/${e}/cities.json`),Xg=k("country-subdivision-city-field-internal"),eb=Symbol("selecting"),tb=({name:e,translations:t={}},o)=>o&&(t[o]||t[o.split("-")[0]])||e,ob=e=>e?String(e).replace(/[&<>"']/g,e=>`&#${e.charCodeAt(0)};`):"",ib=({name:e,iso2:t,iso3:o,translations:i,lang:r})=>{const n=tb({name:e,translations:i},r),s=[n,t,o];n!==e&&s.push(e);const a=ob(t),l=ob(s.join(" ")),d=ob(n);return`<div data-id="${a}" data-name="${l}" data-label="${d}">${d}</div>`},rb=({name:e,state_code:t,translations:o,lang:i})=>{const r=tb({name:e,translations:o},i),n=[r,t];r!==e&&n.push(e);const s=ob(t),a=ob(n.join(" ")),l=ob(r);return`<div data-id="${s}" data-name="${a}" data-label="${l}">${l}</div>`},nb=({name:e,translations:t,lang:o})=>{const i=tb({name:e,translations:t},o),r=[i];i!==e&&r.push(e);const n=ob(e),s=ob(r.join(" ")),a=ob(i);return`<div data-id="${n}" data-name="${s}" data-label="${a}">${a}</div>`},sb=e=>`<descope-combo-box id="${e}" item-label-path="data-name" item-value-path="data-id" allow-custom-value="false"></descope-combo-box>`,ab=fe({componentName:Xg,baseSelector:""}),lb=["disabled","readonly","size","bordered"],db=["hide-country","hide-subdivision","hide-city"],cb=[...lb,"label-type","country-label","subdivision-label","city-label",...db,"default-country","allowed-countries","pinned-countries","country-placeholder","subdivision-placeholder","city-placeholder","required","invalid","data-source-base-url","lang"],pb=I()(class extends ab{static get observedAttributes(){return[].concat(ab.observedAttributes||[],cb)}#Wt;#Ft;#$t;#_t=!1;#Ht=!1;#qt=new Map;#Yt=null;#Ut=null;#Gt=null;#Zt=null;#Qt=null;constructor(){super(),this.innerHTML=`\n      <div class="wrapper">\n        ${sb("country-combo")}\n        ${sb("subdivision-combo")}\n        ${sb("city-combo")}\n      </div>\n    `,this.#Wt=this.querySelector("#country-combo"),this.#Ft=this.querySelector("#subdivision-combo"),this.#$t=this.querySelector("#city-combo"),this.#Jt(),this.#Kt()}get#Xt(){return"true"===this.getAttribute("hide-country")}get#eo(){return"true"===this.getAttribute("hide-subdivision")}get#to(){return"true"===this.getAttribute("hide-city")}get#oo(){return!this.#io}get#io(){return this.getAttribute("data-source-base-url")||void 0}get#ro(){const e=this.getAttribute("lang")||void 0;if(e)try{const[t]=Intl.getCanonicalLocales(e);return t}catch{return}}get#no(){return this.getAttribute("default-country")?.toUpperCase()||void 0}get#so(){return this.getAttribute("subdivision-label")||void 0}get#ao(){return this.getAttribute("subdivision-placeholder")||void 0}get#lo(){return(this.getAttribute("allowed-countries")||"").split(",").map(e=>e.trim().toUpperCase()).filter(Boolean)}get#do(){return(this.getAttribute("pinned-countries")||"").split(",").map(e=>e.trim().toUpperCase()).filter(Boolean)}get#co(){return[this.#Wt,this.#Ft,this.#$t]}get value(){return{country:this.#Xt?this.#no:this.#Wt.value||void 0,subdivision:!this.#eo&&this.#_t&&this.#Ft.value||void 0,city:!this.#to&&this.#Ht&&this.#$t.value||void 0}}set value(e){if(!e)return;let t;try{t="string"==typeof e?JSON.parse(e):e}catch{return}this.#Qt={...t},this.#io&&this.#po()}init(){this.addEventListener("focus",e=>{if(e.isTrusted){const e=this.#co.find(e=>!e.classList.contains(`${Xg}-hidden`)&&!e.checkValidity());(e||this.#uo())?.focus()}}),super.init?.(),this.#ho(),this.#mo(),this.#go(),this.#bo()}#bo(){this.#Wt.renderItem=ib,this.#Ft.renderItem=rb,this.#$t.renderItem=nb}attributeChangedCallback(e,t,o){if(super.attributeChangedCallback?.(e,t,o),t!==o)if("required"===e)this.#yo();else if(db.includes(e)||"data-source-base-url"===e)this.#ho(),"data-source-base-url"===e&&this.#go();else if("default-country"===e){const e=o?.toUpperCase();if(e&&e!==o)return void this.setAttribute("default-country",e);e&&this.#qt.size?this.#vo(e):e&&this.#Xt&&this.#fo()}else"lang"===e?this.#xo():"invalid"===e?"true"===o&&this.#Co():"allowed-countries"===e||"pinned-countries"===e?this.#Xt||(this.#Yt?this.#wo(this.#Yt):this.#fo()):"country-label"===e?this.#Io(this.#Wt,"label",o):"subdivision-label"===e?this.#Io(this.#Ft,"label",o):"city-label"===e&&this.#Io(this.#$t,"label",o)}getValidity(){if(!this.isRequired)return{};const e=!this.#Xt&&!this.#Wt.value,t=!this.#eo&&(this.#oo||this.#_t)&&!this.#Ft.value,o=!this.#to&&(this.#oo||this.#Ht)&&!this.#$t.value;return e||t||o?{valueMissing:!0}:{}}#Co(){for(const e of[...this.#co].reverse())e.classList.contains(`${Xg}-hidden`)||e.checkValidity()||e.reportValidity()}#Jt(){[this.#Wt,this.#Ft,this.#$t].forEach(e=>{e.customValueTransformFn=t=>{const o=e.baseElement?.items?.find(e=>e["data-name"]===t);return o?.getAttribute("data-label")??t}})}#Kt(){this.#co.forEach(e=>{L(this,e,{includeAttrs:[...lb,"label-type"]})}),L(this,this.#Wt,{includeAttrs:["default-country"],mapAttrs:{"default-country":"default-value"}}),[[this.#Wt,"country-placeholder"],[this.#Ft,"subdivision-placeholder"],[this.#$t,"city-placeholder"]].forEach(([e,t])=>{L(this,e,{includeAttrs:[t],mapAttrs:{[t]:"placeholder"}})})}#mo(){this.#Wt.addEventListener("input",()=>this.#So()),this.#Ft.addEventListener("input",()=>this.#Mo()),this.#$t.addEventListener("input",()=>this.#Ao()),this.handleFocusEventsDispatching(this.#co)}#go(){this.#io&&(this.#Qt?this.#po():this.#Xt&&!this.#no||this.#fo())}async#po(){const{country:e,subdivision:t,city:o}=this.#Qt,i=!!t&&!this.#eo,r=!!o&&!this.#to,n=this.#Yt??Gg(this.#io),s=this.#Zt??Jg(this.#io),a=i&&e?Zg(e,this.#io):null,l=r&&e?i&&t?Qg(e,t,this.#io):Kg(e,this.#io):null,[d,c,p,u]=(await Promise.allSettled([n,s,a,l])).map(e=>"fulfilled"===e.status?e.value:null);if(!this.#Qt)return;c&&(this.#Zt=c);const h=[];d&&(this.#Yt||(this.#Yt=d,this.#wo(d)),e&&!this.#Xt&&h.push([this.#Wt,e]));const m=e?this.#qt.get(e):null;m?.subdivisionType&&this.#Eo(m.subdivisionType),p&&(this.#Ut=p,this.#_t=p.length>0,p.length>0&&(this.#Ft.data=p.map(e=>({...e,lang:this.#ro})),t&&h.push([this.#Ft,t]))),u&&(this.#Ht=u.length>0,u.length>0&&(this.#Gt=u,this.#$t.data=u.map(e=>({...e,lang:this.#ro})),o&&h.push([this.#$t,o]))),this.#ho(),this.#Qt=eb,setTimeout(()=>{if(this.#Qt===eb){for(const[e,t]of h){const o=e.items?.find(e=>e["data-id"]===t);o&&(e.selectedItem=o)}this.#Qt=null}})}#So(){this.#Qt!==eb&&(this.#Qt=null,this.#To(),this.#ko(),this.#vo(this.#Wt.value),this.#Ao())}#Mo(){if(this.#Qt===eb)return;this.#Qt=null;const e=this.#Ft.value;if(this.#ko(),!this.#to&&e){const t=this.#Wt.value;t&&this.#zo(t,e)}this.#Ao()}#vo(e){if(!e)return;const t=this.#qt.get(e);if(!t)return;const{hasSubdivisions:o,subdivisionType:i}=t;!this.#eo&&o?(this.#Eo(i),this.#Lo(e)):this.#to||this.#zo(e)}#Eo(e){const t=this.#Vo(e);this.#so||this.#Io(this.#Ft,"label",t||null),this.#ao||this.#Io(this.#Ft,"placeholder",t||null)}#Vo(e){const t=this.#Zt?.subdivisionTypes,o=t?.[e]??t?._fallback;if(!o)return e;const i=this.#ro;return i&&(o[i]||o[i.split("-")[0]])||o.en||e}async#No(){try{this.#Zt=await Jg(this.#io)}catch{}}async#fo(){if(this.#io){this.#Wt.setAttribute("loading","true");try{const[e]=await Promise.all([Gg(this.#io),this.#No()]);this.#Yt=e,this.#wo(e),!this.#Qt&&this.#no&&this.#vo(this.#no)}catch(e){console.error(`[${Xg}] Failed to load countries`,e)}finally{this.#Wt.removeAttribute("loading")}}}async#Lo(e){this.#Do(this.#Ft,!0),this.#Ft.setAttribute("loading","true");try{const t=await Zg(e,this.#io);this.#Ut=t,this.#_t=t.length>0,this.#ho(),t.length>0?this.#Ft.data=t.map(e=>({...e,lang:this.#ro})):this.#to||this.#zo(e)}catch(t){console.error(`[${Xg}] Failed to load subdivisions for ${e}`,t),this.#_t=!1,this.#Po()}finally{this.#Ft.removeAttribute("loading")}}async#zo(e,t){this.#$t.setAttribute("loading","true");try{const o=await(t?Qg(e,t,this.#io):Kg(e,this.#io));this.#Ht=o.length>0,this.#ho(),o.length>0&&(this.#Gt=o,this.#$t.data=o.map(e=>({...e,lang:this.#ro})))}catch(o){console.error(`[${Xg}] Failed to load cities for ${e}${t?`/${t}`:""}`,o)}finally{this.#$t.removeAttribute("loading")}}#xo(){if(this.#Yt){const e=this.#Wt.value;this.#wo(this.#Yt),e&&this.#Bo(this.#Wt,e)}if(this.#Ut&&this.#_t){const e=this.#Ft.value;this.#Ft.data=this.#Ut.map(e=>({...e,lang:this.#ro})),e&&this.#Bo(this.#Ft,e)}if(this.#Gt&&this.#Ht){const e=this.#$t.value;this.#$t.data=this.#Gt.map(e=>({...e,lang:this.#ro})),e&&this.#Bo(this.#$t,e)}const e=this.#Wt.value;if(e){const t=this.#qt.get(e);t?.subdivisionType&&this.#Eo(t.subdivisionType)}}#wo(e){const t=this.#Ro(e);this.#Wt.data=t.map(e=>({...e,lang:this.#ro})),this.#qt=new Map(e.map(e=>[e.iso2,e]))}#Ro(e){const t=this.#lo,o=this.#do;let i=t.length?e.filter(e=>t.includes(e.iso2)):[...e];return i.sort((e,t)=>tb(e,this.#ro).localeCompare(tb(t,this.#ro),this.#ro)),o.length?[...o.map(e=>i.find(t=>t.iso2===e)).filter(Boolean),...i.filter(e=>!o.includes(e.iso2))]:i}#Po(){this.#Do(this.#Wt,!this.#Xt),this.#Do(this.#Ft,!this.#eo&&(this.#oo||this.#_t)),this.#Do(this.#$t,!this.#to&&(this.#oo||this.#Ht))}#Do(e,t){e?.classList.toggle(`${Xg}-hidden`,!t)}#yo(){const e=this.hasAttribute("required")?"true":null;this.#Io(this.#Wt,"required",this.#Xt?null:e),this.#Io(this.#Ft,"required",this.#eo||!this.#oo&&!this.#_t?null:e),this.#Io(this.#$t,"required",this.#to||!this.#oo&&!this.#Ht?null:e)}#ho(){this.#Po(),this.#yo(),this.setCustomValidity("")}#To(){this.#Ft.value="",this.#Ft.data=[],this.#_t=!1,this.#so||this.#Ft.removeAttribute("label"),this.#ao||this.#Ft.removeAttribute("placeholder"),this.#ho()}#ko(){this.#$t.value="",this.#$t.data=[],this.#Gt=null,this.#Ht=!1,this.#ho()}#Ao(){this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}#Io(e,t,o){o?e.setAttribute(t,o):e.removeAttribute(t)}#uo(){return this.#co.find(e=>!e.classList.contains(`${Xg}-hidden`))}#Bo(e,t){setTimeout(()=>{const o=e.items?.find(e=>e["data-id"]===t);o&&(e.selectedItem=o)})}}),ub=k("country-subdivision-city-field"),hb={selector:()=>":host"},mb={selector:`${Xg} > .wrapper`},gb={selector:`${Xg} > .wrapper > descope-combo-box`},bb=I(ne({componentNameOverride:k("input-wrapper")}),ne({mappings:{hostWidth:{...hb,property:"width"},hostDirection:[{...hb,property:"direction"},{...gb,property:gi.cssVarList.hostDirection}],flexDirection:{...mb,property:"flex-direction"},flexGap:{...mb,property:"gap"},itemAlignment:{...mb,property:"align-items"},itemMinWidth:{...gb,property:"min-width"},itemFlexGrow:{...gb,property:"flex-grow"},itemWidth:{...gb,property:gi.cssVarList.hostWidth}}}),se,Ae({proxyProps:["value"],inputEvent:"input",proxyParentValidation:!0}),ae,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${Xg}\n        tabindex="-1"\n      ></${Xg}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Xg),L(this,this.inputElement,{includeAttrs:["size","bordered","required","label-type","disabled","readonly","hide-country","hide-subdivision","hide-city","default-country","allowed-countries","pinned-countries","country-label","subdivision-label","city-label","country-placeholder","subdivision-placeholder","city-placeholder","data-source-base-url","lang","invalid"]}),T(this,this.inputElement,{includeAttrs:["invalid"]})}})(we({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>`\n  :host {\n    display: inline-flex;\n    max-width: 100%;\n  }\n  vaadin-custom-field {\n    line-height: unset;\n    width: 100%;\n  }\n\n  ${Xg} {\n    display: inline-block;\n    box-sizing: border-box;\n    user-select: none;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  ${Xg} > .wrapper {\n    display: flex;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n\n  .${Xg}-hidden {\n    display: none;\n  }\n\n`,excludeAttrsSync:["tabindex","style","error-message"],componentName:ub})),yb=bb.cssVarList,vb={[yb.hostWidth]:Ru.width,[yb.hostDirection]:Ru.direction,[yb.flexDirection]:"column",[yb.flexGap]:"0.5em",[yb.itemAlignment]:"stretch",[yb.itemFlexGrow]:"0",[yb.itemWidth]:"auto",_fullWidth:{[yb.hostWidth]:"100%"},_horizontal:{[yb.flexDirection]:"row",[yb.itemFlexGrow]:"1"}};var fb=Object.freeze({__proto__:null,default:vb,vars:yb});const xb=k("attachment"),Cb=["top-end","top-start","top-center","bottom-start","bottom-end","bottom-center"],wb=Cb[0];class Ib extends(ue({componentName:xb,baseSelector:":host > .wrapper"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="wrapper">\n        <slot></slot>\n        <div class="attachment-container">\n          <slot name="attachment"></slot>\n        </div>\n      </div>\n    ',this.defaultSlot=this.shadowRoot.querySelector("slot:not([name])"),this.attachmentSlot=this.shadowRoot.querySelector('slot[name="attachment"]')}static get observedAttributes(){return[...super.observedAttributes||[],"position"]}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),"position"===e&&t!==o&&this.#Oo()}init(){super.init?.(),V("\n      :host {\n        display: inline-block;\n      }\n      .wrapper {\n        position: relative;\n        display: inline-flex;\n      }\n      .attachment-container {\n        position: absolute;\n        z-index: 1;\n        pointer-events: none;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        container-type: inline-size;\n      }\n      :host(.hidden) {\n        display: none;\n      }\n      ",this),this.#Oo(),this.defaultSlot.addEventListener("slotchange",()=>{this.#jo(),this.#Wo()}),window.requestAnimationFrame(()=>{this.#jo(),this.#Wo()})}#jo(){const e=this.defaultSlot?.assignedElements()?.length>0;this.classList.toggle("hidden",!e)}#Wo(){const e=this.defaultSlot?.assignedElements()?.[0];if(!e)return;const{direction:t}=window.getComputedStyle(e);this.attachmentSlot?.assignedElements().forEach(e=>{e.setAttribute("st-host-direction",t)})}get offsetX(){return this.getAttribute("offset-x")||"0px"}get offsetY(){return this.getAttribute("offset-y")||"0px"}#Oo(){const e=this.getAttribute("position");Cb.includes(e)||this.setAttribute("position",wb)}}const Sb={selector:()=>".attachment-container"},Mb=I(ne({mappings:{transform:{...Sb},justifyContent:{...Sb},maxWidth:{...Sb},top:{...Sb},bottom:{...Sb},left:{...Sb},right:{...Sb},offsetX:{},offsetY:{}}}),se,ae)(Ib),Ab=Mb.cssVarList,Eb=`calc(8px + var(${Ab.offsetX}))`,Tb={[Ab.maxWidth]:"calc(100% - 2 * 8px)",position:{"top-start":{[Ab.transform]:"translateY(-50%)",[Ab.justifyContent]:"start",[Ab.left]:Eb,[Ab.top]:J(Ab.offsetY)},"top-center":{[Ab.transform]:"translate(-50%, -50%)",[Ab.justifyContent]:"center",[Ab.top]:J(Ab.offsetY),[Ab.left]:"50%"},"top-end":{[Ab.transform]:"translateY(-50%)",[Ab.justifyContent]:"end",[Ab.right]:Eb,[Ab.top]:J(Ab.offsetY)},"bottom-start":{[Ab.transform]:"translateY(50%)",[Ab.justifyContent]:"start",[Ab.left]:Eb,[Ab.bottom]:J(Ab.offsetY)},"bottom-center":{[Ab.bottom]:J(Ab.offsetY),[Ab.transform]:"translate(-50%, 50%)",[Ab.justifyContent]:"center",[Ab.left]:"50%"},"bottom-end":{[Ab.transform]:"translateY(50%)",[Ab.justifyContent]:"end",[Ab.right]:Eb,[Ab.bottom]:J(Ab.offsetY)}}};var kb=Object.freeze({__proto__:null,default:Tb});const zb=qe("input-wrapper"),Lb=ft(su),[Vb,Nb,Db]=Tt({labelTextColor:Lb.colors.surface.dark,labelFontSize:"14px",labelFontWeight:"500",valueTextColor:Lb.colors.surface.contrast,placeholderTextColor:Lb.colors.surface.dark,requiredIndicator:"'*'",helperTextColor:Lb.colors.surface.dark,errorMessageTextColor:Lb.colors.error.main,successMessageTextColor:Lb.colors.success.main,borderWidth:Lb.border.xs,borderRadius:Lb.radius.xs,borderColor:"transparent",outlineWidth:Lb.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:Lb.colors.surface.main,fontFamily:Lb.fonts.font1.family,direction:Lb.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:Lb.border.xs,borderColor:Lb.colors.surface.light,borderStyle:"solid",_invalid:{borderColor:Lb.colors.error.main}},_focused:{outlineColor:Lb.colors.surface.light,_invalid:{outlineColor:Lb.colors.error.main}},_disabled:{labelTextColor:Lb.colors.surface.light,borderColor:Lb.colors.surface.light,valueTextColor:Lb.colors.surface.light,placeholderTextColor:Lb.colors.surface.light,helperTextColor:Lb.colors.surface.light,backgroundColor:Lb.colors.surface.main},_obfuscated:{inputTextSecurity:"disc"}},zb);var Pb=Object.freeze({__proto__:null,default:Vb,refs:Nb,vars:Db});const Bb=ft(su),Rb=Hr.cssVarList,Ob={[Rb.hostWidth]:Nb.width,[Rb.hostMinWidth]:Nb.minWidth,[Rb.hostDirection]:Nb.direction,[Rb.fontSize]:Nb.fontSize,[Rb.fontFamily]:Nb.fontFamily,[Rb.labelFontSize]:Nb.labelFontSize,[Rb.labelFontWeight]:Nb.labelFontWeight,[Rb.labelTextColor]:Nb.labelTextColor,[Rb.labelRequiredIndicator]:Nb.requiredIndicator,[Rb.errorMessageTextColor]:Nb.errorMessageTextColor,[Rb.inputValueTextColor]:Nb.valueTextColor,[Rb.inputPlaceholderColor]:Nb.placeholderTextColor,[Rb.inputBorderWidth]:Nb.borderWidth,[Rb.inputBorderStyle]:Nb.borderStyle,[Rb.inputBorderColor]:Nb.borderColor,[Rb.inputBorderRadius]:Nb.borderRadius,[Rb.inputOutlineWidth]:Nb.outlineWidth,[Rb.inputOutlineStyle]:Nb.outlineStyle,[Rb.inputOutlineColor]:Nb.outlineColor,[Rb.inputOutlineOffset]:Nb.outlineOffset,[Rb.inputBackgroundColor]:Nb.backgroundColor,[Rb.inputHeight]:Nb.inputHeight,[Rb.inputHorizontalPadding]:Nb.horizontalPadding,[Rb.helperTextColor]:Nb.helperTextColor,[Rb.textAlign]:Nb.textAlign,textAlign:{right:{[Rb.inputTextAlign]:"right"},left:{[Rb.inputTextAlign]:"left"},center:{[Rb.inputTextAlign]:"center"}},[Rb.labelPosition]:Nb.labelPosition,[Rb.labelTopPosition]:Nb.labelTopPosition,[Rb.labelHorizontalPosition]:Nb.labelHorizontalPosition,[Rb.inputTransformY]:Nb.inputTransformY,[Rb.inputTransition]:Nb.inputTransition,[Rb.marginInlineStart]:Nb.marginInlineStart,[Rb.placeholderOpacity]:Nb.placeholderOpacity,[Rb.inputVerticalAlignment]:Nb.inputVerticalAlignment,[Rb.valueInputHeight]:Nb.valueInputHeight,[Rb.valueInputMarginBottom]:Nb.valueInputMarginBottom,[Rb.inputIconOffset]:Bb.spacing.md,[Rb.inputIconSize]:Nb.inputIconSize,[Rb.inputIconColor]:Nb.placeholderTextColor,[Rb.errorMessageIcon]:Nb.errorMessageIcon,[Rb.errorMessageIconSize]:Nb.errorMessageIconSize,[Rb.errorMessageIconPadding]:Nb.errorMessageIconPadding,[Rb.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[Rb.errorMessageIconPosition]:Nb.errorMessageIconPosition,[Rb.errorMessageFontSize]:Nb.errorMessageFontSize,[Rb.inputTextSecurity]:Nb.inputTextSecurity};var jb=Object.freeze({__proto__:null,default:Ob,textField:Ob,vars:Rb});const Wb=ft(su),Fb=rs.cssVarList,$b={[Fb.hostWidth]:Nb.width,[Fb.hostMinWidth]:Nb.minWidth,[Fb.hostDirection]:Nb.direction,[Fb.fontSize]:Nb.fontSize,[Fb.fontFamily]:Nb.fontFamily,[Fb.labelFontSize]:Nb.labelFontSize,[Fb.labelFontWeight]:Nb.labelFontWeight,[Fb.labelTextColor]:Nb.labelTextColor,[Fb.errorMessageTextColor]:Nb.errorMessageTextColor,[Fb.inputHorizontalPadding]:Nb.horizontalPadding,[Fb.inputHeight]:Nb.inputHeight,[Fb.inputBackgroundColor]:Nb.backgroundColor,[Fb.labelRequiredIndicator]:Nb.requiredIndicator,[Fb.inputValueTextColor]:Nb.valueTextColor,[Fb.inputPlaceholderTextColor]:Nb.placeholderTextColor,[Fb.inputBorderWidth]:Nb.borderWidth,[Fb.inputBorderStyle]:Nb.borderStyle,[Fb.inputBorderColor]:Nb.borderColor,[Fb.inputBorderRadius]:Nb.borderRadius,[Fb.inputOutlineWidth]:Nb.outlineWidth,[Fb.inputOutlineStyle]:Nb.outlineStyle,[Fb.inputOutlineColor]:Nb.outlineColor,[Fb.inputOutlineOffset]:Nb.outlineOffset,[Fb.revealButtonOffset]:Wb.spacing.md,[Fb.revealButtonSize]:Nb.toggleButtonSize,[Fb.revealButtonColor]:Nb.placeholderTextColor,[Fb.labelPosition]:Nb.labelPosition,[Fb.labelTopPosition]:Nb.labelTopPosition,[Fb.labelHorizontalPosition]:Nb.labelHorizontalPosition,[Fb.inputTransformY]:Nb.inputTransformY,[Fb.inputTransition]:Nb.inputTransition,[Fb.marginInlineStart]:Nb.marginInlineStart,[Fb.placeholderOpacity]:Nb.placeholderOpacity,[Fb.inputVerticalAlignment]:Nb.inputVerticalAlignment,[Fb.valueInputHeight]:Nb.valueInputHeight,[Fb.errorMessageIcon]:Nb.errorMessageIcon,[Fb.errorMessageIconSize]:Nb.errorMessageIconSize,[Fb.errorMessageIconPadding]:Nb.errorMessageIconPadding,[Fb.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[Fb.errorMessageIconPosition]:Nb.errorMessageIconPosition,[Fb.errorMessageFontSize]:Nb.errorMessageFontSize};var _b=Object.freeze({__proto__:null,default:$b,vars:Fb});const Hb=Sn.cssVarList,qb={[Hb.hostWidth]:Nb.width,[Hb.hostMinWidth]:Nb.minWidth,[Hb.hostDirection]:Nb.direction,[Hb.fontSize]:Nb.fontSize,[Hb.fontFamily]:Nb.fontFamily,[Hb.labelFontSize]:Nb.labelFontSize,[Hb.labelFontWeight]:Nb.labelFontWeight,[Hb.labelTextColor]:Nb.labelTextColor,[Hb.errorMessageTextColor]:Nb.errorMessageTextColor,[Hb.inputValueTextColor]:Nb.valueTextColor,[Hb.inputPlaceholderColor]:Nb.placeholderTextColor,[Hb.inputBorderWidth]:Nb.borderWidth,[Hb.inputBorderStyle]:Nb.borderStyle,[Hb.inputBorderColor]:Nb.borderColor,[Hb.inputBorderRadius]:Nb.borderRadius,[Hb.inputOutlineWidth]:Nb.outlineWidth,[Hb.inputOutlineStyle]:Nb.outlineStyle,[Hb.inputOutlineColor]:Nb.outlineColor,[Hb.inputOutlineOffset]:Nb.outlineOffset,[Hb.inputBackgroundColor]:Nb.backgroundColor,[Hb.labelRequiredIndicator]:Nb.requiredIndicator,[Hb.inputHorizontalPadding]:Nb.horizontalPadding,[Hb.inputHeight]:Nb.inputHeight,[Hb.labelPosition]:Nb.labelPosition,[Hb.labelTopPosition]:Nb.labelTopPosition,[Hb.labelHorizontalPosition]:Nb.labelHorizontalPosition,[Hb.inputTransformY]:Nb.inputTransformY,[Hb.inputTransition]:Nb.inputTransition,[Hb.marginInlineStart]:Nb.marginInlineStart,[Hb.placeholderOpacity]:Nb.placeholderOpacity,[Hb.inputVerticalAlignment]:Nb.inputVerticalAlignment,[Hb.valueInputHeight]:Nb.valueInputHeight,[Hb.valueInputMarginBottom]:Nb.valueInputMarginBottom,[Hb.errorMessageIcon]:Nb.errorMessageIcon,[Hb.errorMessageIconSize]:Nb.errorMessageIconSize,[Hb.errorMessageIconPadding]:Nb.errorMessageIconPadding,[Hb.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[Hb.errorMessageIconPosition]:Nb.errorMessageIconPosition,[Hb.errorMessageFontSize]:Nb.errorMessageFontSize};var Yb=Object.freeze({__proto__:null,default:qb,vars:Hb});const Ub=gn.cssVarList,Gb={[Ub.hostWidth]:Nb.width,[Ub.hostMinWidth]:Nb.minWidth,[Ub.hostDirection]:Nb.direction,[Ub.fontSize]:Nb.fontSize,[Ub.fontFamily]:Nb.fontFamily,[Ub.labelFontSize]:Nb.labelFontSize,[Ub.labelFontWeight]:Nb.labelFontWeight,[Ub.labelTextColor]:Nb.labelTextColor,[Ub.errorMessageTextColor]:Nb.errorMessageTextColor,[Ub.inputValueTextColor]:Nb.valueTextColor,[Ub.labelRequiredIndicator]:Nb.requiredIndicator,[Ub.inputPlaceholderColor]:Nb.placeholderTextColor,[Ub.inputBorderWidth]:Nb.borderWidth,[Ub.inputBorderStyle]:Nb.borderStyle,[Ub.inputBorderColor]:Nb.borderColor,[Ub.inputBorderRadius]:Nb.borderRadius,[Ub.inputOutlineWidth]:Nb.outlineWidth,[Ub.inputOutlineStyle]:Nb.outlineStyle,[Ub.inputOutlineColor]:Nb.outlineColor,[Ub.inputOutlineOffset]:Nb.outlineOffset,[Ub.inputBackgroundColor]:Nb.backgroundColor,[Ub.inputHorizontalPadding]:Nb.horizontalPadding,[Ub.inputHeight]:Nb.inputHeight,[Ub.labelPosition]:Nb.labelPosition,[Ub.labelTopPosition]:Nb.labelTopPosition,[Ub.labelHorizontalPosition]:Nb.labelHorizontalPosition,[Ub.inputTransformY]:Nb.inputTransformY,[Ub.inputTransition]:Nb.inputTransition,[Ub.marginInlineStart]:Nb.marginInlineStart,[Ub.placeholderOpacity]:Nb.placeholderOpacity,[Ub.inputVerticalAlignment]:Nb.inputVerticalAlignment,[Ub.valueInputHeight]:Nb.valueInputHeight,[Ub.valueInputMarginBottom]:Nb.valueInputMarginBottom,[Ub.errorMessageIcon]:Nb.errorMessageIcon,[Ub.errorMessageIconSize]:Nb.errorMessageIconSize,[Ub.errorMessageIconPadding]:Nb.errorMessageIconPadding,[Ub.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[Ub.errorMessageIconPosition]:Nb.errorMessageIconPosition,[Ub.errorMessageFontSize]:Nb.errorMessageFontSize};var Zb=Object.freeze({__proto__:null,default:Gb,vars:Ub});const Qb=ms.cssVarList,Jb={[Qb.hostWidth]:Nb.width,[Qb.hostMinWidth]:Nb.minWidth,[Qb.hostDirection]:Nb.direction,[Qb.fontSize]:Nb.fontSize,[Qb.fontFamily]:Nb.fontFamily,[Qb.labelTextColor]:Nb.labelTextColor,[Qb.labelRequiredIndicator]:Nb.requiredIndicator,[Qb.errorMessageTextColor]:Nb.errorMessageTextColor,[Qb.inputBackgroundColor]:Nb.backgroundColor,[Qb.inputValueTextColor]:Nb.valueTextColor,[Qb.inputPlaceholderTextColor]:Nb.placeholderTextColor,[Qb.inputBorderRadius]:Nb.borderRadius,[Qb.inputBorderWidth]:Nb.borderWidth,[Qb.inputBorderStyle]:Nb.borderStyle,[Qb.inputBorderColor]:Nb.borderColor,[Qb.inputOutlineWidth]:Nb.outlineWidth,[Qb.inputOutlineStyle]:Nb.outlineStyle,[Qb.inputOutlineColor]:Nb.outlineColor,[Qb.inputOutlineOffset]:Nb.outlineOffset,[Qb.inputResizeType]:"vertical",[Qb.inputMinHeight]:"5em",[Qb.errorMessageIcon]:Nb.errorMessageIcon,[Qb.errorMessageIconSize]:Nb.errorMessageIconSize,[Qb.errorMessageIconPadding]:Nb.errorMessageIconPadding,[Qb.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[Qb.errorMessageIconPosition]:Nb.errorMessageIconPosition,[Qb.errorMessageFontSize]:Nb.errorMessageFontSize,textAlign:{right:{[Qb.inputTextAlign]:"right"},left:{[Qb.inputTextAlign]:"left"},center:{[Qb.inputTextAlign]:"center"}},_readonly:{[Qb.inputResizeType]:"none"}};var Kb=Object.freeze({__proto__:null,default:Jb,vars:Qb});const Xb=xo.cssVarList,ey="1.35em",ty={[Xb.hostWidth]:Nb.width,[Xb.hostDirection]:Nb.direction,[Xb.fontSize]:Nb.fontSize,[Xb.fontFamily]:Nb.fontFamily,[Xb.labelTextColor]:Nb.labelTextColor,[Xb.labelRequiredIndicator]:Nb.requiredIndicator,[Xb.labelFontWeight]:"400",[Xb.labelLineHeight]:ey,[Xb.labelSpacing]:"1em",[Xb.errorMessageTextColor]:Nb.errorMessageTextColor,[Xb.inputOutlineWidth]:Nb.outlineWidth,[Xb.inputOutlineOffset]:Nb.outlineOffset,[Xb.inputOutlineColor]:Nb.outlineColor,[Xb.inputOutlineStyle]:Nb.outlineStyle,[Xb.inputBorderRadius]:Nb.borderRadius,[Xb.inputBorderColor]:Nb.borderColor,[Xb.inputBorderWidth]:Nb.borderWidth,[Xb.inputBorderStyle]:Nb.borderStyle,[Xb.inputBackgroundColor]:Nb.backgroundColor,[Xb.inputSize]:ey,[Xb.inputValueTextColor]:Nb.valueTextColor,[Xb.errorMessageIcon]:Nb.errorMessageIcon,[Xb.errorMessageIconSize]:Nb.errorMessageIconSize,[Xb.errorMessageIconPadding]:Nb.errorMessageIconPadding,[Xb.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[Xb.errorMessageIconPosition]:Nb.errorMessageIconPosition,[Xb.errorMessageFontSize]:Nb.errorMessageFontSize};var oy=Object.freeze({__proto__:null,default:ty,vars:Xb});const iy="2px",ry=ft(su),ny=Ho.cssVarList,sy={[ny.hostWidth]:Nb.width,[ny.hostDirection]:Nb.direction,[ny.fontSize]:Nb.fontSize,[ny.fontFamily]:Nb.fontFamily,[ny.inputOutlineWidth]:Nb.outlineWidth,[ny.inputOutlineOffset]:Nb.outlineOffset,[ny.inputOutlineColor]:Nb.outlineColor,[ny.inputOutlineStyle]:Nb.outlineStyle,[ny.trackBorderStyle]:Nb.borderStyle,[ny.trackBorderWidth]:Nb.borderWidth,[ny.trackBorderColor]:Nb.borderColor,[ny.trackBackgroundColor]:Nb.backgroundColor,[ny.trackBorderRadius]:ry.radius.md,[ny.trackWidth]:"2.5em",[ny.trackHeight]:"1.25em",[ny.knobSize]:`calc(1em - ${iy})`,[ny.knobRadius]:"50%",[ny.knobTopOffset]:"1px",[ny.knobLeftOffset]:iy,[ny.knobColor]:Nb.labelTextColor,[ny.knobTransitionDuration]:"0.3s",[ny.labelTextColor]:Nb.labelTextColor,[ny.labelFontWeight]:"400",[ny.labelLineHeight]:"1.35em",[ny.labelSpacing]:"1em",[ny.labelRequiredIndicator]:Nb.requiredIndicator,[ny.errorMessageTextColor]:Nb.errorMessageTextColor,[ny.errorMessageIcon]:Nb.errorMessageIcon,[ny.errorMessageIconSize]:Nb.errorMessageIconSize,[ny.errorMessageIconPadding]:Nb.errorMessageIconPadding,[ny.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[ny.errorMessageIconPosition]:Nb.errorMessageIconPosition,[ny.errorMessageFontSize]:Nb.errorMessageFontSize,_checked:{[ny.trackBorderColor]:Nb.borderColor,[ny.knobLeftOffset]:`calc(100% - var(${ny.knobSize}) - ${iy})`,[ny.knobColor]:Nb.valueTextColor,[ny.knobTextColor]:Nb.valueTextColor},_disabled:{[ny.knobColor]:ry.colors.surface.light,[ny.trackBorderColor]:ry.colors.surface.light,[ny.trackBackgroundColor]:ry.colors.surface.main,[ny.labelTextColor]:Nb.labelTextColor,_checked:{[ny.knobColor]:ry.colors.surface.light,[ny.trackBackgroundColor]:ry.colors.surface.main}},_invalid:{[ny.trackBorderColor]:ry.colors.error.main,[ny.knobColor]:ry.colors.error.main}};var ay=Object.freeze({__proto__:null,default:sy,vars:ny});const ly=ft(su),dy=ti.cssVarList,[cy,py,uy]=Tt({verticalAlignment:{start:{verticalAlignment:"start"},center:{verticalAlignment:"safe center"},end:{verticalAlignment:"end"}},horizontalAlignment:{start:{horizontalAlignment:"start"},center:{horizontalAlignment:"safe center"},end:{horizontalAlignment:"end"}},shadowColor:"#00000020"},Xo),{shadowColor:hy}=py,my={...cy,[dy.itemsGrow]:"0",[dy.hostWidth]:"100%",[dy.boxShadow]:"none",[dy.backgroundColor]:ly.colors.surface.main,[dy.backgroundImage]:"",[dy.backgroundPositionX]:"center",[dy.backgroundPositionY]:"center",[dy.backgroundSize]:"cover",[dy.backgroundRepeat]:"no-repeat",[dy.color]:ly.colors.surface.contrast,[dy.borderRadius]:"0px",[dy.hostDirection]:ly.direction,[dy.borderStyle]:"none",[dy.borderWidth]:"unset",[dy.borderColor]:"unset",verticalPadding:{sm:{[dy.verticalPadding]:"5px"},md:{[dy.verticalPadding]:"10px"},lg:{[dy.verticalPadding]:"20px"}},horizontalPadding:{sm:{[dy.horizontalPadding]:"5px"},md:{[dy.horizontalPadding]:"10px"},lg:{[dy.horizontalPadding]:"20px"}},direction:{row:{[dy.flexDirection]:"row",[dy.alignItems]:py.verticalAlignment,[dy.justifyContent]:py.horizontalAlignment,[dy.flexWrap]:"wrap",horizontalAlignment:{spaceBetween:{[uy.horizontalAlignment]:"space-between"}}},column:{[dy.flexDirection]:"column",[dy.alignItems]:py.horizontalAlignment,[dy.justifyContent]:py.verticalAlignment,verticalAlignment:{spaceBetween:{[uy.verticalAlignment]:"space-between"}}}},spaceBetween:{sm:{[dy.gap]:"10px"},md:{[dy.gap]:"20px"},lg:{[dy.gap]:"30px"}},shadow:{sm:{[dy.boxShadow]:`${ly.shadow.wide.sm} ${hy}, ${ly.shadow.narrow.sm} ${hy}`},md:{[dy.boxShadow]:`${ly.shadow.wide.md} ${hy}, ${ly.shadow.narrow.md} ${hy}`},lg:{[dy.boxShadow]:`${ly.shadow.wide.lg} ${hy}, ${ly.shadow.narrow.lg} ${hy}`},xl:{[dy.boxShadow]:`${ly.shadow.wide.xl} ${hy}, ${ly.shadow.narrow.xl} ${hy}`},"2xl":{[uy.shadowColor]:"#00000050",[dy.boxShadow]:`${ly.shadow.wide["2xl"]} ${hy}`}},"&borderRadius":{sm:{[dy.borderRadius]:ly.radius.sm},md:{[dy.borderRadius]:ly.radius.md},lg:{[dy.borderRadius]:ly.radius.lg},xl:{[dy.borderRadius]:ly.radius.xl},"2xl":{[dy.borderRadius]:ly.radius["2xl"]},"3xl":{[dy.borderRadius]:ly.radius["3xl"]}}},gy={...dy,...uy};var by=Object.freeze({__proto__:null,default:my,vars:gy});const yy=vn.cssVarList,vy={[yy.fallbackUrl]:"url(https://imgs.descope.com/components/no-logo-placeholder.svg)"};var fy=Object.freeze({__proto__:null,default:vy,vars:yy});const xy=xn.cssVarList,Cy={[xy.fallbackUrl]:"url(https://imgs.descope.com/components/totp-placeholder.svg)"};var wy=Object.freeze({__proto__:null,default:Cy,vars:xy});const Iy=wn.cssVarList,Sy={[Iy.fallbackUrl]:"url(https://imgs.descope.com/components/notp-placeholder.svg)"};var My=Object.freeze({__proto__:null,default:Sy,vars:Iy});const Ay=ft(su),Ey=hn.cssVarList,[Ty,ky,zy]=Tt({thickness:"2px",spacing:"10px"},sn),Ly={...Ty,[Ey.hostDirection]:Ay.direction,[Ey.alignItems]:"center",[Ey.flexDirection]:"row",[Ey.alignSelf]:"stretch",[Ey.hostWidth]:"100%",[Ey.stripeColor]:Ay.colors.surface.light,[Ey.stripeColorOpacity]:"0.5",[Ey.stripeHorizontalThickness]:ky.thickness,[Ey.labelTextWidth]:"fit-content",[Ey.labelTextMaxWidth]:"calc(100% - 100px)",[Ey.labelTextHorizontalSpacing]:ky.spacing,[Ey.textAlign]:"center",_vertical:{[Ey.minHeight]:"200px",[Ey.flexDirection]:"column",[Ey.hostWidth]:"fit-content",[Ey.hostPadding]:`0 calc(${ky.thickness} * 3)`,[Ey.stripeVerticalThickness]:ky.thickness,[Ey.labelTextWidth]:"fit-content",[Ey.labelTextMaxWidth]:"100%",[Ey.labelTextVerticalSpacing]:ky.spacing}},Vy={...Ey,...zy};var Ny=Object.freeze({__proto__:null,default:Ly,vars:Vy});const Dy=Yn.cssVarList,Py={[Dy.hostDirection]:Nb.direction,[Dy.fontFamily]:Nb.fontFamily,[Dy.fontSize]:Nb.fontSize,[Dy.labelTextColor]:Nb.labelTextColor,[Dy.labelRequiredIndicator]:Nb.requiredIndicator,[Dy.errorMessageTextColor]:Nb.errorMessageTextColor,[Dy.digitValueTextColor]:Nb.valueTextColor,[Dy.digitPadding]:"0",[Dy.digitTextAlign]:"center",[Dy.digitSpacing]:"4px",[Dy.hostWidth]:Nb.width,[Dy.digitOutlineColor]:"transparent",[Dy.digitOutlineWidth]:Nb.outlineWidth,[Dy.focusedDigitFieldOutlineColor]:Nb.outlineColor,[Dy.digitSize]:Nb.inputHeight,[Dy.errorMessageIcon]:Nb.errorMessageIcon,[Dy.errorMessageIconSize]:Nb.errorMessageIconSize,[Dy.errorMessageIconPadding]:Nb.errorMessageIconPadding,[Dy.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[Dy.errorMessageIconPosition]:Nb.errorMessageIconPosition,[Dy.errorMessageFontSize]:Nb.errorMessageFontSize,size:{xs:{[Dy.spinnerSize]:"15px"},sm:{[Dy.spinnerSize]:"20px"},md:{[Dy.spinnerSize]:"20px"},lg:{[Dy.spinnerSize]:"20px"}},_hideCursor:{[Dy.digitCaretTextColor]:"transparent"},_loading:{[Dy.overlayOpacity]:Nb.overlayOpacity}};var By=Object.freeze({__proto__:null,default:Py,vars:Dy});const Ry=ft(su),Oy=Zo.cssVarList,jy={[Oy.hostDisplay]:"inline-block",[Oy.hostWidth]:"100%",[Oy.barColor]:Ry.colors.surface.contrast,[Oy.barWidth]:"20%",[Oy.barBackgroundColor]:Ry.colors.surface.light,[Oy.barBorderRadius]:"4px",[Oy.animationDuration]:"2s",[Oy.animationTimingFunction]:"linear",[Oy.animationIterationCount]:"infinite",[Oy.verticalPadding]:"0.25em",size:{xs:{[Oy.barHeight]:"2px"},sm:{[Oy.barHeight]:"4px"},md:{[Oy.barHeight]:"6px"},lg:{[Oy.barHeight]:"8px"}},mode:{primary:{[Oy.barColor]:Ry.colors.primary.main},secondary:{[Oy.barColor]:Ry.colors.secondary.main}},_hidden:{[Oy.hostDisplay]:"none"}};var Wy=Object.freeze({__proto__:null,default:jy,vars:Oy});const Fy=ft(su),$y=Ko.cssVarList,[_y,Hy,qy]=Tt({spinnerColor:Fy.colors.surface.contrast,mode:{primary:{spinnerColor:Fy.colors.primary.main},secondary:{spinnerColor:Fy.colors.secondary.main}}},Qo),Yy={..._y,[$y.animationDuration]:"2s",[$y.animationTimingFunction]:"linear",[$y.animationIterationCount]:"infinite",[$y.spinnerBorderStyle]:"solid",[$y.spinnerBorderWidth]:"0.2em",[$y.spinnerBorderRadius]:"50%",[$y.spinnerQuadrant1Color]:Hy.spinnerColor,[$y.spinnerQuadrant2Color]:"transparent",[$y.spinnerQuadrant3Color]:Hy.spinnerColor,[$y.spinnerQuadrant4Color]:"transparent",size:{xs:{[$y.spinnerSize]:"20px"},sm:{[$y.spinnerSize]:"30px"},md:{[$y.spinnerSize]:"40px"},lg:{[$y.spinnerSize]:"60px"},xl:{[$y.spinnerSize]:"80px"}},_hidden:{[$y.hostDisplay]:"none"}},Uy={...$y,...qy};var Gy=Object.freeze({__proto__:null,default:Yy,vars:Uy});const Zy=Os.cssVarList,Qy={[Zy.hostWidth]:Nb.width,[Zy.hostDirection]:Nb.direction,[Zy.fontSize]:Nb.fontSize,[Zy.fontFamily]:Nb.fontFamily,[Zy.labelTextColor]:Nb.labelTextColor,[Zy.labelRequiredIndicator]:Nb.requiredIndicator,[Zy.errorMessageTextColor]:Nb.errorMessageTextColor,[Zy.inputValueTextColor]:Nb.valueTextColor,[Zy.inputPlaceholderTextColor]:Nb.placeholderTextColor,[Zy.inputBorderStyle]:Nb.borderStyle,[Zy.inputBorderWidth]:Nb.borderWidth,[Zy.inputBorderColor]:Nb.borderColor,[Zy.inputBorderRadius]:Nb.borderRadius,[Zy.inputOutlineStyle]:Nb.outlineStyle,[Zy.inputOutlineWidth]:Nb.outlineWidth,[Zy.inputOutlineColor]:Nb.outlineColor,[Zy.inputOutlineOffset]:Nb.outlineOffset,[Zy.phoneInputWidth]:Nb.minWidth,[Zy.countryCodeInputWidth]:"5em",[Zy.countryCodeDropdownWidth]:"20em",[Zy.marginInlineStart]:"-0.25em",[Zy.valueInputHeight]:Nb.valueInputHeight,[Zy.valueInputMarginBottom]:Nb.valueInputMarginBottom,[Zy.errorMessageIcon]:Nb.errorMessageIcon,[Zy.errorMessageIconSize]:Nb.errorMessageIconSize,[Zy.errorMessageIconPadding]:Nb.errorMessageIconPadding,[Zy.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[Zy.errorMessageIconPosition]:Nb.errorMessageIconPosition,[Zy.errorMessageFontSize]:Nb.errorMessageFontSize};var Jy=Object.freeze({__proto__:null,default:Qy,vars:Zy});const Ky=ta.cssVarList,Xy={[Ky.hostWidth]:"16em",[Ky.hostMinWidth]:Nb.minWidth,[Ky.hostDirection]:Nb.direction,[Ky.fontSize]:Nb.fontSize,[Ky.fontFamily]:Nb.fontFamily,[Ky.labelFontSize]:Nb.labelFontSize,[Ky.labelFontWeight]:Nb.labelFontWeight,[Ky.labelTextColor]:Nb.labelTextColor,[Ky.labelRequiredIndicator]:Nb.requiredIndicator,[Ky.errorMessageTextColor]:Nb.errorMessageTextColor,[Ky.inputValueTextColor]:Nb.valueTextColor,[Ky.inputPlaceholderTextColor]:Nb.placeholderTextColor,[Ky.inputBorderStyle]:Nb.borderStyle,[Ky.inputBorderWidth]:Nb.borderWidth,[Ky.inputBorderColor]:Nb.borderColor,[Ky.inputBorderRadius]:Nb.borderRadius,[Ky.inputOutlineStyle]:Nb.outlineStyle,[Ky.inputOutlineWidth]:Nb.outlineWidth,[Ky.inputOutlineColor]:Nb.outlineColor,[Ky.inputOutlineOffset]:Nb.outlineOffset,[Ky.labelPosition]:Nb.labelPosition,[Ky.labelTopPosition]:Nb.labelTopPosition,[Ky.labelHorizontalPosition]:Nb.labelHorizontalPosition,[Ky.inputTransformY]:Nb.inputTransformY,[Ky.inputTransition]:Nb.inputTransition,[Ky.marginInlineStart]:Nb.marginInlineStart,[Ky.valueInputHeight]:Nb.valueInputHeight,[Ky.valueInputMarginBottom]:Nb.valueInputMarginBottom,[Ky.inputHorizontalPadding]:"0",[Ky.errorMessageIcon]:Nb.errorMessageIcon,[Ky.errorMessageIconSize]:Nb.errorMessageIconSize,[Ky.errorMessageIconPadding]:Nb.errorMessageIconPadding,[Ky.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[Ky.errorMessageIconPosition]:Nb.errorMessageIconPosition,[Ky.errorMessageFontSize]:Nb.errorMessageFontSize,_fullWidth:{[Ky.hostWidth]:Nb.width}};var ev=Object.freeze({__proto__:null,default:Xy,vars:Ky});const tv=ft(su),ov=Ia.cssVarList,iv={[ov.hostWidth]:Nb.width,[ov.hostMinWidth]:Nb.minWidth,[ov.hostDirection]:Nb.direction,[ov.fontSize]:Nb.fontSize,[ov.fontFamily]:Nb.fontFamily,[ov.labelFontSize]:Nb.labelFontSize,[ov.labelFontWeight]:Nb.labelFontWeight,[ov.labelTextColor]:Nb.labelTextColor,[ov.spaceBetweenInputs]:"1em",[ov.errorMessageTextColor]:Nb.errorMessageTextColor,[ov.policyPreviewBackgroundColor]:"none",[ov.policyPreviewPadding]:tv.spacing.lg,[ov.valueInputHeight]:Nb.valueInputHeight,[ov.errorMessageIcon]:Nb.errorMessageIcon,[ov.errorMessageIconSize]:Nb.errorMessageIconSize,[ov.errorMessageIconPadding]:Nb.errorMessageIconPadding,[ov.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[ov.errorMessageIconPosition]:Nb.errorMessageIconPosition,[ov.errorMessageFontSize]:Nb.errorMessageFontSize,_required:{[ov.inputsRequiredIndicator]:Nb.requiredIndicator}};var rv=Object.freeze({__proto__:null,default:iv,vars:ov});const nv=Ua.cssVarList,sv={[nv.hostDirection]:Nb.direction,[nv.labelTextColor]:Nb.labelTextColor,[nv.fontFamily]:Nb.fontFamily,[nv.iconSize]:"2em",[nv.hostPadding]:"0.75em",[nv.gap]:"0.5em",[nv.fontSize]:"16px",[nv.titleFontWeight]:"500",[nv.lineHeight]:"1em",[nv.borderWidth]:Nb.borderWidth,[nv.borderColor]:Nb.borderColor,[nv.borderRadius]:Nb.borderRadius,[nv.borderStyle]:"dashed",_required:{[nv.requiredIndicator]:Nb.requiredIndicator},size:{xs:{[nv.hostHeight]:"196px",[nv.hostWidth]:"200px",[nv.titleFontSize]:"0.875em",[nv.descriptionFontSize]:"0.875em",[nv.lineHeight]:"1.25em"},sm:{[nv.hostHeight]:"216px",[nv.hostWidth]:"230px",[nv.titleFontSize]:"1em",[nv.descriptionFontSize]:"0.875em",[nv.lineHeight]:"1.25em"},md:{[nv.hostHeight]:"256px",[nv.hostWidth]:"312px",[nv.titleFontSize]:"1.125em",[nv.descriptionFontSize]:"1em",[nv.lineHeight]:"1.5em"},lg:{[nv.hostHeight]:"280px",[nv.hostWidth]:"336px",[nv.titleFontSize]:"1.125em",[nv.descriptionFontSize]:"1.125em",[nv.lineHeight]:"1.75em"}},_fullWidth:{[nv.hostWidth]:Nb.width}};var av=Object.freeze({__proto__:null,default:sv,vars:nv});const lv=ft(su),dv=dl.cssVarList,cv={[dv.hostDirection]:"inherit",[dv.backgroundColor]:lv.colors.surface.main,[dv.labelTextColor]:lv.colors.surface.contrast,[dv.borderColor]:lv.colors.surface.light,[dv.borderStyle]:"solid",[dv.borderRadius]:lv.radius.sm,[dv.outlineColor]:"transparent",[dv.borderWidth]:lv.border.xs,_hover:{[dv.backgroundColor]:lv.colors.surface.highlight},_focused:{[dv.outlineColor]:lv.colors.surface.light},_selected:{[dv.borderColor]:lv.colors.surface.contrast,[dv.backgroundColor]:lv.colors.surface.contrast,[dv.labelTextColor]:lv.colors.surface.main}};var pv=Object.freeze({__proto__:null,default:cv,vars:dv});const uv=ft(su),hv=e=>({[e.hostDirection]:Nb.direction,[e.fontFamily]:Nb.fontFamily,[e.labelTextColor]:Nb.labelTextColor,[e.labelRequiredIndicator]:Nb.requiredIndicator,[e.itemsSpacing]:uv.spacing.sm,[e.hostWidth]:Nb.width,[e.errorMessageTextColor]:Nb.errorMessageTextColor,[e.errorMessageIcon]:Nb.errorMessageIcon,[e.errorMessageIconSize]:Nb.errorMessageIconSize,[e.errorMessageIconPadding]:Nb.errorMessageIconPadding,[e.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[e.errorMessageIconPosition]:Nb.errorMessageIconPosition,[e.errorMessageFontSize]:Nb.errorMessageFontSize}),mv=sl.cssVarList,gv={...hv(mv)};var bv=Object.freeze({__proto__:null,default:gv,vars:mv});const yv=hl.cssVarList,vv={...hv(yv)};var fv=Object.freeze({__proto__:null,default:vv,vars:yv});const xv=ft(su),Cv=pc.cssVarList,wv={[Cv.overlayBackgroundColor]:xv.colors.surface.main,[Cv.overlayShadow]:xv.shadow.wide["2xl"],[Cv.overlayWidth]:"540px",[Cv.overlayBackdropColor]:"hsla(214, 53%, 23%, 0.16)"},Iv={...Cv};var Sv=Object.freeze({__proto__:null,default:wv,vars:Iv});const Mv=ft(su),Av=Yd.cssVarList,Ev={[Av.hostWidth]:"100%",[Av.hostHeight]:"100%",[Av.hostMinHeight]:"400px",[Av.fontWeight]:"400",[Av.backgroundColor]:Mv.colors.surface.main,[Av.fontSize]:Nb.fontSize,[Av.fontFamily]:Nb.fontFamily,[Av.sortIndicatorsColor]:Mv.colors.surface.light,[Av.activeSortIndicator]:Mv.colors.surface.dark,[Av.resizeHandleColor]:Mv.colors.surface.light,[Av.borderWidth]:Nb.borderWidth,[Av.borderStyle]:Nb.borderStyle,[Av.borderRadius]:Nb.borderRadius,[Av.borderColor]:"transparent",[Av.headerRowTextColor]:Mv.colors.surface.dark,[Av.separatorColor]:Mv.colors.surface.light,[Av.valueTextColor]:Mv.colors.surface.contrast,[Av.selectedBackgroundColor]:Mv.colors.surface.highlight,[Av.hostDirection]:Mv.direction,[Av.toggleDetailsPanelButtonSize]:"1em",[Av.toggleDetailsPanelButtonOpenedColor]:Mv.colors.surface.contrast,[Av.toggleDetailsPanelButtonClosedColor]:Mv.colors.surface.light,[Av.toggleDetailsPanelButtonCursor]:"pointer",[Av.detailsPanelBackgroundColor]:Mv.colors.surface.highlight,[Av.detailsPanelBorderTopColor]:Mv.colors.surface.light,[Av.detailsPanelLabelsColor]:Mv.colors.surface.dark,[Av.detailsPanelLabelsFontSize]:"0.8em",[Av.detailsPanelItemsGap]:"2em",[Av.detailsPanelPadding]:"12px 0",_bordered:{[Av.borderColor]:Nb.borderColor}};var Tv=Object.freeze({__proto__:null,default:Ev,grid:Ev,vars:Av});const kv=ft(su),zv=gc.cssVarList,Lv="#00000020",Vv={[zv.hostMinWidth]:"415px",[zv.fontFamily]:kv.fonts.font1.family,[zv.fontSize]:kv.typography.body1.size,[zv.backgroundColor]:kv.colors.surface.main,[zv.textColor]:kv.colors.surface.contrast,[zv.boxShadow]:`${kv.shadow.wide.xl} ${Lv}, ${kv.shadow.narrow.xl} ${Lv}`,[zv.verticalPadding]:"0.625em",[zv.horizontalPadding]:"1.5em",[zv.borderRadius]:kv.radius.xs,_bordered:{[zv.borderWidth]:kv.border.sm,[zv.borderStyle]:"solid",[zv.borderColor]:"transparent"},size:{xs:{[zv.fontSize]:"12px"},sm:{[zv.fontSize]:"14px"},md:{[zv.fontSize]:"16px"},lg:{[zv.fontSize]:"18px"}},mode:{primary:{[zv.backgroundColor]:kv.colors.primary.main,[zv.textColor]:kv.colors.primary.contrast,[zv.borderColor]:kv.colors.primary.light},success:{[zv.backgroundColor]:kv.colors.success.main,[zv.textColor]:kv.colors.success.contrast,[zv.borderColor]:kv.colors.success.light},error:{[zv.backgroundColor]:kv.colors.error.main,[zv.textColor]:kv.colors.error.contrast,[zv.borderColor]:kv.colors.error.light}}};var Nv=Object.freeze({__proto__:null,default:Vv,vars:zv});const Dv=ft(su),Pv=lc.cssVarList,Bv={[Pv.hostWidth]:Nb.width,[Pv.hostDirection]:Nb.direction,[Pv.fontSize]:Nb.fontSize,[Pv.fontFamily]:Nb.fontFamily,[Pv.labelFontSize]:Nb.labelFontSize,[Pv.labelFontWeight]:Nb.labelFontWeight,[Pv.labelTextColor]:Nb.labelTextColor,[Pv.errorMessageTextColor]:Nb.errorMessageTextColor,[Pv.inputBorderColor]:Nb.borderColor,[Pv.inputBorderWidth]:Nb.borderWidth,[Pv.inputBorderStyle]:Nb.borderStyle,[Pv.inputBorderRadius]:Nb.borderRadius,[Pv.inputOutlineColor]:Nb.outlineColor,[Pv.inputOutlineOffset]:Nb.outlineOffset,[Pv.inputOutlineWidth]:Nb.outlineWidth,[Pv.inputOutlineStyle]:Nb.outlineStyle,[Pv.labelRequiredIndicator]:Nb.requiredIndicator,[Pv.inputValueTextColor]:Nb.valueTextColor,[Pv.inputPlaceholderTextColor]:Nb.placeholderTextColor,[Pv.inputBackgroundColor]:Nb.backgroundColor,[Pv.inputHorizontalPadding]:Nb.horizontalPadding,[Pv.inputVerticalPadding]:Nb.verticalPadding,[Pv.inputHeight]:Nb.inputHeight,[Pv.inputDropdownButtonColor]:Dv.colors.surface.dark,[Pv.inputDropdownButtonCursor]:"pointer",[Pv.inputDropdownButtonSize]:Nb.toggleButtonSize,[Pv.inputDropdownButtonOffset]:Dv.spacing.xs,[Pv.overlayItemPaddingInlineStart]:Dv.spacing.xs,[Pv.overlayItemPaddingInlineEnd]:Dv.spacing.lg,[Pv.chipFontSize]:Nb.chipFontSize,[Pv.chipTextColor]:Dv.colors.surface.contrast,[Pv.chipBackgroundColor]:Dv.colors.surface.light,[Pv.labelPosition]:Nb.labelPosition,[Pv.labelTopPosition]:Nb.labelTopPosition,[Pv.labelLeftPosition]:Nb.labelLeftPosition,[Pv.labelHorizontalPosition]:Nb.labelHorizontalPosition,[Pv.inputTransformY]:Nb.inputTransformY,[Pv.inputTransition]:Nb.inputTransition,[Pv.marginInlineStart]:Nb.marginInlineStart,[Pv.placeholderOpacity]:Nb.placeholderOpacity,[Pv.inputVerticalAlignment]:Nb.inputVerticalAlignment,[Pv.errorMessageIcon]:Nb.errorMessageIcon,[Pv.errorMessageIconSize]:Nb.errorMessageIconSize,[Pv.errorMessageIconPadding]:Nb.errorMessageIconPadding,[Pv.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[Pv.errorMessageIconPosition]:Nb.errorMessageIconPosition,[Pv.errorMessageFontSize]:Nb.errorMessageFontSize,labelType:{floating:{[Pv.inputHorizontalPadding]:"0.25em",_hasValue:{[Pv.inputHorizontalPadding]:"0.45em"}}},_readonly:{[Pv.inputDropdownButtonCursor]:"default"},[Pv.overlayFontSize]:Nb.fontSize,[Pv.overlayFontFamily]:Nb.fontFamily,[Pv.overlayCursor]:"pointer",[Pv.overlayItemBoxShadow]:"none",[Pv.overlayBackground]:Nb.backgroundColor,[Pv.overlayTextColor]:Nb.valueTextColor,[Pv.overlay.minHeight]:"400px",[Pv.overlay.margin]:"0"};var Rv=Object.freeze({__proto__:null,default:Bv,multiSelectComboBox:Bv,vars:Pv});const Ov=ft(su),jv=Lc.cssVarList,Wv={[jv.hostWidth]:Nb.width,[jv.hostDirection]:Nb.direction,[jv.fontSize]:Nb.fontSize,[jv.fontFamily]:Nb.fontFamily,[jv.separatorFontSize]:"14px",[jv.labelsFontSize]:"14px",[jv.labelsLineHeight]:"1",[jv.labelsMarginBottom]:"6px",[jv.labelTextColor]:Nb.labelTextColor,[jv.itemMarginBottom]:"1em",[jv.valueLabelMinWidth]:Nb.minWidth,[jv.attrLabelMinWidth]:`calc(12em + 2 * ${Ov.border.xs})`,[jv.separatorWidth]:"70px",[jv.removeButtonWidth]:"60px"};var Fv=Object.freeze({__proto__:null,default:Wv,mappingsField:Wv,vars:jv});const $v=ft(su),_v=Yc.cssVarList,Hv={[_v.labelMinWidth]:"150px",[_v.hostDirection]:$v.direction,[_v.contentMinWidth]:`calc(100% - ${Et(_v.labelMinWidth)} - ${Et(_v.itemsGap)})`,[_v.badgeMaxWidth]:"85px",[_v.itemsGap]:"4px",[_v.hostMinWidth]:"310px",[_v.hostWidth]:"530px",[_v.hostMaxWidth]:"100%",_fullWidth:{[_v.hostWidth]:"100%"}};var qv=Object.freeze({__proto__:null,default:Hv,vars:_v});const Yv=ft(su),Uv=tp.cssVarList,Gv={[Uv.hostDirection]:Yv.direction,[Uv.itemsGap]:"16px",[Uv.hostMinWidth]:"310px",[Uv.hostWidth]:"530px",[Uv.hostMaxWidth]:"100%",[Uv.iconSize]:"24px",[Uv.iconColor]:"currentcolor",_fullWidth:{[Uv.hostWidth]:"100%"}};var Zv=Object.freeze({__proto__:null,default:Gv,vars:Uv});const Qv=lp.cssVarList,Jv={[Qv.hostWidth]:Nb.width,[Qv.hostDirection]:Nb.direction,[Qv.groupNameInputMarginBottom]:"1em",[Qv.errorMessageIcon]:Nb.errorMessageIcon,[Qv.errorMessageIconSize]:Nb.errorMessageIconSize,[Qv.errorMessageIconPadding]:Nb.errorMessageIconPadding,[Qv.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[Qv.errorMessageIconPosition]:Nb.errorMessageIconPosition,[Qv.errorMessageFontSize]:Nb.errorMessageFontSize};var Kv=Object.freeze({__proto__:null,default:Jv,samlGroupMappings:Jv,vars:Qv});const Xv=ft(su),ef=ha.cssVarList,tf={[ef.fontFamily]:Nb.fontFamily,[ef.fontSize]:Nb.labelFontSize,[ef.textColor]:Nb.labelTextColor,[ef.borderWidth]:Nb.borderWidth,[ef.borderStyle]:Nb.borderStyle,[ef.borderColor]:Nb.borderColor,[ef.borderRadius]:Xv.radius.sm,[ef.backgroundColor]:"none",[ef.padding]:"0px",[ef.labelMargin]:Xv.spacing.sm,[ef.itemsSpacing]:Xv.spacing.lg,[ef.itemSymbolDefault]:"'\\2022'",[ef.itemSymbolSuccess]:"'\\2713'",[ef.itemSymbolError]:"'\\2A09'",[ef.itemSymbolSuccessColor]:Xv.colors.success.main,[ef.itemSymbolErrorColor]:Xv.colors.error.main};var of=Object.freeze({__proto__:null,default:tf,vars:ef});const rf=ft(su),nf=xd.cssVarList,sf="#d73a49",af="#6f42c1",lf="#005cc5",df="#e36209",cf="#6a737d",pf="#22863a",uf="#24292e",hf="#f0fff4",mf="#032f62",gf="#ff7b72",bf="#d2a8ff",yf="#79c0ff",vf="#ffa657",ff="#8b949e",xf="#7ee787",Cf="#c9d1d9",wf="#f0fff4",If="#a5d6ff",Sf={[nf.copyButtonSize]:"32px",[nf.copyButtonBorderRadius]:rf.radius.xs,[nf.copyButtonBorderWidth]:rf.border.xs,[nf.copyButtonBorderColor]:rf.colors.surface.light,[nf.copyButtonBgColor]:rf.colors.surface.highlight,[nf.copyButtonHoverBgColor]:rf.colors.surface.light,[nf.copyButtonColor]:rf.colors.surface.contrast,[nf.rootBgColor]:rf.colors.surface.main,[nf.rootTextColor]:rf.colors.surface.contrast,[nf.docTagTextColor]:sf,[nf.keywordTextColor]:sf,[nf.metaKeywordTextColor]:sf,[nf.templateTagTextColor]:sf,[nf.templateVariableTextColor]:sf,[nf.typeTextColor]:sf,[nf.variableLanguageTextColor]:sf,[nf.titleTextColor]:af,[nf.titleClassTextColor]:af,[nf.titleClassInheritedTextColor]:af,[nf.titleFunctionTextColor]:af,[nf.attrTextColor]:lf,[nf.attributeTextColor]:lf,[nf.literalTextColor]:lf,[nf.metaTextColor]:lf,[nf.numberTextColor]:lf,[nf.operatorTextColor]:lf,[nf.variableTextColor]:lf,[nf.selectorAttrTextColor]:lf,[nf.selectorClassTextColor]:lf,[nf.selectorIdTextColor]:lf,[nf.regexpTextColor]:mf,[nf.stringTextColor]:mf,[nf.metaStringTextColor]:mf,[nf.builtInTextColor]:df,[nf.symbolTextColor]:df,[nf.commentTextColor]:cf,[nf.codeTextColor]:cf,[nf.formulaTextColor]:cf,[nf.nameTextColor]:pf,[nf.quoteTextColor]:pf,[nf.selectorTagTextColor]:pf,[nf.selectorPseudoTextColor]:pf,[nf.substTextColor]:uf,[nf.sectionTextColor]:lf,[nf.bulletTextColor]:"#735c0f",[nf.emphasisTextColor]:uf,[nf.strongTextColor]:uf,[nf.additionTextColor]:pf,[nf.additionBgColor]:hf,[nf.deletionTextColor]:sf,[nf.deletionBgColor]:hf},Mf={codeSnippet:{[nf.rootBgColor]:rf.colors.surface.main,[nf.rootTextColor]:rf.colors.surface.contrast,[nf.docTagTextColor]:gf,[nf.keywordTextColor]:gf,[nf.metaKeywordTextColor]:gf,[nf.templateTagTextColor]:gf,[nf.templateVariableTextColor]:gf,[nf.typeTextColor]:gf,[nf.variableLanguageTextColor]:gf,[nf.titleTextColor]:bf,[nf.titleClassTextColor]:bf,[nf.titleClassInheritedTextColor]:bf,[nf.titleFunctionTextColor]:bf,[nf.attrTextColor]:yf,[nf.attributeTextColor]:yf,[nf.literalTextColor]:yf,[nf.metaTextColor]:yf,[nf.numberTextColor]:yf,[nf.operatorTextColor]:yf,[nf.variableTextColor]:yf,[nf.selectorAttrTextColor]:yf,[nf.selectorClassTextColor]:yf,[nf.selectorIdTextColor]:yf,[nf.regexpTextColor]:If,[nf.stringTextColor]:If,[nf.metaStringTextColor]:If,[nf.builtInTextColor]:vf,[nf.symbolTextColor]:vf,[nf.commentTextColor]:ff,[nf.codeTextColor]:ff,[nf.formulaTextColor]:ff,[nf.nameTextColor]:xf,[nf.quoteTextColor]:xf,[nf.selectorTagTextColor]:xf,[nf.selectorPseudoTextColor]:xf,[nf.substTextColor]:Cf,[nf.sectionTextColor]:yf,[nf.bulletTextColor]:"#735c0f",[nf.emphasisTextColor]:Cf,[nf.strongTextColor]:Cf,[nf.additionTextColor]:xf,[nf.additionBgColor]:wf,[nf.deletionTextColor]:gf,[nf.deletionBgColor]:wf}};var Af=Object.freeze({__proto__:null,codeSnippetDarkThemeOverrides:Mf,default:Sf,vars:nf});const Ef=up.cssVarList,Tf=ft(su),kf={[Ef.buttonsRowGap]:"9px",[Ef.hostWidth]:Nb.width,[Ef.hostDirection]:Nb.direction,[Ef.fontSize]:Nb.fontSize,[Ef.fontFamily]:Nb.fontFamily,[Ef.labelTextColor]:Nb.labelTextColor,[Ef.labelRequiredIndicator]:Nb.requiredIndicator,[Ef.errorMessageTextColor]:Nb.errorMessageTextColor,[Ef.errorMessageIcon]:Nb.errorMessageIcon,[Ef.errorMessageIconSize]:Nb.errorMessageIconSize,[Ef.errorMessageIconPadding]:Nb.errorMessageIconPadding,[Ef.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[Ef.errorMessageIconPosition]:Nb.errorMessageIconPosition,[Ef.errorMessageFontSize]:Nb.errorMessageFontSize,[Ef.helperTextColor]:Nb.helperTextColor,[Ef.itemsLabelColor]:Tf.colors.surface.contrast,textAlign:{right:{[Ef.inputTextAlign]:"right"},left:{[Ef.inputTextAlign]:"left"},center:{[Ef.inputTextAlign]:"center"}},_fullWidth:{[Ef.buttonsSpacing]:"space-between"},_disabled:{[Ef.itemsLabelColor]:Tf.colors.surface.light}};var zf=Object.freeze({__proto__:null,default:kf,radioGroup:kf,vars:Ef});const Lf=cp.cssVarList,Vf=ft(su),Nf={[Lf.fontFamily]:Nb.fontFamily,[Lf.radioSize]:"calc(1em + 6px)",[Lf.radioMargin]:"auto 4px",[Lf.radioCheckedSize]:`calc(var(${Lf.radioSize})/5)`,[Lf.radioCheckedColor]:Vf.colors.surface.light,[Lf.radioBackgroundColor]:Vf.colors.surface.light,[Lf.radioBorderColor]:"none",[Lf.radioBorderWidth]:0,_checked:{[Lf.radioBackgroundColor]:Vf.colors.surface.contrast},_hover:{cursor:"pointer"},size:{xs:{[Lf.fontSize]:"12px"},sm:{[Lf.fontSize]:"14px"},md:{[Lf.fontSize]:"16px"},lg:{[Lf.fontSize]:"18px"}}};var Df=Object.freeze({__proto__:null,default:Nf,radioButton:Nf,vars:Lf});const Pf=ft(su),Bf=Sr.cssVarList,Rf={[Bf.fontFamily]:Nb.fontFamily,[Bf.fontSize]:Nb.fontSize,[Bf.hostDirection]:Nb.direction,[Bf.calendarPadding]:"1em",[Bf.topNavVerticalPadding]:"1em",[Bf.topNavAlignment]:"space-between",[Bf.topNavGap]:"0",[Bf.topNavSelectorsGap]:"0.5em",[Bf.bottomNavVerticalPadding]:"0.75em",[Bf.bottomNavHorizontalPadding]:"1.5em",[Bf.bottomNavAlignment]:"space-between",[Bf.bottomNavGap]:"0.5em",[Bf.navMarginBottom]:"0.75em",[Bf.navBorderBottomWidth]:"1px",[Bf.navBorderBottomColor]:Pf.colors.surface.highlight,[Bf.navBorderBottomStyle]:"solid",[Bf.yearInputWidth]:"6em",[Bf.monthInputWidth]:"8em",[Bf.navButtonSize]:"24px",[Bf.navButtonCursor]:"pointer",[Bf.weekdayFontSize]:"0.875em",[Bf.weekdayFontWeight]:"500",[Bf.dayHeight]:"3.125em",[Bf.daySize]:"2.125em",[Bf.dayFontSize]:"1em",[Bf.dayRadius]:"50%",[Bf.dayTextAlign]:"center",[Bf.dayPadding]:"0",[Bf.dayTextColor]:Pf.colors.surface.contrast,[Bf.dayFontWeight]:"500",[Bf.dayBackgroundColor]:"transparent",[Bf.dayCursor]:"pointer",[Bf.dayBackgroundColorHover]:Pf.colors.primary.highlight,[Bf.daySelectedBackgroundColor]:Pf.colors.primary.main,[Bf.daySelectedTextdColor]:Pf.colors.primary.contrast,[Bf.dayDisabledTextdColor]:Pf.colors.surface.light,[Bf.currentDayBorderColor]:Pf.colors.surface.light,[Bf.currentDayBorderWidth]:"1px",[Bf.currentDayBorderStyle]:"solid",size:{xs:{[Bf.fontSize]:"12px"},sm:{[Bf.fontSize]:"14px"},md:{[Bf.fontSize]:"16px"},lg:{[Bf.fontSize]:"18px"}},[Bf.navButtonRotation]:"rotate(180deg)",_disabled:{[Bf.navButtonOpacity]:"0.5",[Bf.dayBackgroundColorHover]:"none",[Bf.navButtonCursor]:"default",[Bf.dayCursor]:"default"},_fullWidth:{[Bf.hostWidth]:"100%",[Bf.dayBlockAlign]:"0 auto"}};var Of=Object.freeze({__proto__:null,default:Rf,vars:Bf});const jf=ft(su),Wf="#00000020",{shadow:Ff}=jf,$f=nn.cssVarList,_f={[$f.hostWidth]:Nb.width,[$f.hostDirection]:Nb.direction,[$f.iconMargin]:"0.375em",[$f.overlay.marginTop]:`calc(${Nb.outlineWidth} + 1px)`,[$f.overlay.backgroundColor]:Nb.backgroundColor,[$f.overlay.backdropBackgroundColor]:"transparent",[$f.overlay.backdropPointerEvents]:"all",[$f.overlay.boxShadow]:`${Ff.wide.xl} ${Wf}, ${Ff.narrow.xl} ${Wf}`,[$f.overlay.outlineWidth]:"0",[$f.overlay.outlineColor]:"transparent",[$f.overlay.outlineStyle]:"none",[$f.overlay.padding]:"0",[$f.rtlInputDirection]:"ltr",[$f.rtlInputAlignment]:"right",[$f.errorMessageIcon]:Nb.errorMessageIcon,[$f.errorMessageIconSize]:Nb.errorMessageIconSize,[$f.errorMessageIconPadding]:Nb.errorMessageIconPadding,[$f.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[$f.errorMessageIconPosition]:Nb.errorMessageIconPosition,[$f.errorMessageFontSize]:Nb.errorMessageFontSize};var Hf=Object.freeze({__proto__:null,default:_f,vars:$f});const qf=vp.cssVarList,Yf={[qf.requiredInputBorderColor]:Vb._disabled[Db.borderColor],[qf.requiredInputValueTextColor]:Vb._disabled[Db.valueTextColor],[qf.hostWidth]:"280px",_fullWidth:{[qf.hostWidth]:"100%"}};var Uf=Object.freeze({__proto__:null,default:Yf,vars:qf});const Gf=ft(su),Zf=Tp.cssVarList,Qf={[Zf.gap]:Gf.spacing.lg,[Zf.arrowsColor]:Gf.colors.surface.dark,[Zf.thirdPartyAppLogoFallback]:"url(https://imgs.descope.com/components/third-party-app-logo-placeholder.svg)",[Zf.companyLogoFallback]:"url(https://imgs.descope.com/components/project-logo-placeholder.svg)",size:{xs:{[Zf.logoMaxHeight]:"30px",[Zf.logoMaxWidth]:"120px"},sm:{[Zf.logoMaxHeight]:"40px",[Zf.logoMaxWidth]:"160px"},md:{[Zf.logoMaxHeight]:"48px",[Zf.logoMaxWidth]:"200px"},lg:{[Zf.logoMaxHeight]:"60px",[Zf.logoMaxWidth]:"240px"}}};var Jf=Object.freeze({__proto__:null,default:Qf,vars:Zf});const Kf=Np.cssVarList,Xf={[Kf.hostWidth]:"fit-content",_fullWidth:{[Kf.hostWidth]:"100%"}};var ex=Object.freeze({__proto__:null,default:Xf,vars:Kf});const tx=Fp.cssVarList,ox={[tx.hostWidth]:"min-content",[tx.questionCursor]:"pointer",_fullWidth:{[tx.hostWidth]:"100%"},[tx.questionFontSize]:Nb.fontSize,[tx.questionFontFamily]:Nb.fontFamily};var ix=Object.freeze({__proto__:null,default:ox,vars:tx});const rx=Gp.cssVarList,nx={[rx.hostDirection]:Nb.direction,[rx.errorMessageIcon]:Nb.errorMessageIcon,[rx.errorMessageIconSize]:Nb.errorMessageIconSize,[rx.errorMessageIconPadding]:Nb.errorMessageIconPadding,[rx.errorMessageIconRepeat]:Nb.errorMessageIconRepeat,[rx.errorMessageIconPosition]:Nb.errorMessageIconPosition,[rx.errorMessageFontSize]:Nb.errorMessageFontSize,_fullWidth:{[rx.hostWidth]:"100%"}};var sx=Object.freeze({__proto__:null,default:nx,vars:rx});const ax=ft(su),lx=Kp.cssVarList,dx={[lx.hostDirection]:ax.direction,[lx.backgroundColor]:"transparent",[lx.iconSize]:"1.35em",[lx.alignItems]:"center",[lx.borderRadius]:ax.radius.md,[lx.horizontalPadding]:"0",[lx.verticalPadding]:"0",[lx.gap]:"0.5em",[lx.fontSize]:Et(Iu.fontSize),mode:{error:{[lx.textColor]:ax.colors.error.main,_bordered:{[lx.borderColor]:ax.colors.error.main}},success:{[lx.textColor]:ax.colors.success.main,_bordered:{[lx.borderColor]:ax.colors.success.main}}},spacing:{xs:{[lx.horizontalPadding]:ax.spacing.xs,[lx.verticalPadding]:ax.spacing.xs},sm:{[lx.horizontalPadding]:ax.spacing.sm,[lx.verticalPadding]:ax.spacing.sm},md:{[lx.horizontalPadding]:ax.spacing.md,[lx.verticalPadding]:ax.spacing.md},lg:{[lx.horizontalPadding]:ax.spacing.lg,[lx.verticalPadding]:ax.spacing.lg},xl:{[lx.horizontalPadding]:ax.spacing.xl,[lx.verticalPadding]:ax.spacing.xl}},textAlign:{left:{[lx.justifyContent]:"left"},center:{[lx.justifyContent]:"center"},right:{[lx.justifyContent]:"right"}},_bordered:{[lx.borderWidth]:ax.border.xs,[lx.borderColor]:"transparent",[lx.borderStyle]:"solid",[lx.borderWidth]:ax.border.xs,[lx.borderRadius]:ax.radius.sm},_fullWidth:{[lx.hostWidth]:"100%"}};var cx=Object.freeze({__proto__:null,default:dx,vars:lx});const px=ou.cssVarList,ux={enabled:{false:{[px.maxHeight]:"70px"}}},hx={button:Cu,textField:jb,password:_b,numberField:Yb,emailField:Zb,textArea:Kb,checkbox:oy,switchToggle:ay,container:by,logo:fy,totpImage:wy,notpImage:My,text:Mu,enrichedText:Nu,link:ku,divider:Ny,passcode:By,loaderRadial:Gy,loaderLinear:Wy,comboBox:Fu,phoneField:Jy,phoneInputBoxField:ev,newPassword:rv,inputWrapper:Pb,uploadFile:av,buttonSelectionGroupItem:pv,buttonSelectionGroup:bv,buttonMultiSelectionGroup:fv,modal:Sv,grid:Tv,notificationCard:Nv,multiSelectComboBox:Rv,badge:Gu,avatar:nh,mappingsField:Fv,userAttribute:qv,userAuthMethod:Zv,samlGroupMappings:Kv,policyValidation:of,image:dh,icon:ah,codeSnippet:Af,radioGroup:zf,radioButton:Df,calendar:Of,dateField:Hf,list:Mh,listItem:kh,appsList:bh,scopesList:Uf,thirdPartyAppLogo:Jf,securityQuestionsSetup:ex,securityQuestionsVerify:ix,hybridField:sx,alert:cx,autocompleteField:Wh,addressField:om,countrySubdivisionCityField:fb,timer:mm,timerButton:Am,passwordStrength:jm,collapsibleContainer:Km,recoveryCodes:sg,hcaptcha:Object.freeze({__proto__:null,default:ux,vars:px}),outboundApps:mg,outboundAppButton:Cg,trustedDevices:Lg,tooltip:Yg,attachment:kb},mx=Object.keys(hx).reduce((e,t)=>({...e,[t]:hx[t].default}),{}),gx=Object.keys(hx).reduce((e,t)=>({...e,[t]:hx[t].vars}),{}),bx={globals:su,components:mx},yx={globals:au,components:gx},vx=a()({},bx,{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:{...Mf}});customElements.define(zh,class extends Lh{static get observedAttributes(){return[].concat(Lh.observedAttributes||[],Vh)}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#Fo(e){const{results:t,error:o}=await this.fetchResults(e);return o?{error:o}:{results:t}}#$o(e,t,o,i){return`<span data-name="${o}" data-id="${t}" ${i?'disabled="true"':""}>${e||o}</span>`}#_o(){this.comboBox.renderer=(e,t,o)=>{"true"===o.item.getAttribute("disabled")?e.setAttribute("disabled","true"):e.removeAttribute("disabled"),e.innerHTML=o.item.outerHTML},this.comboBox.renderItem=({displayName:e,value:t,label:o,disabled:i})=>this.#$o(e,t,o,i)}focus(){this.comboBox.focus()}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.comboBox.focus()}),super.init?.(),this.#Ho(),T(this,this.comboBox,{includeAttrs:["invalid"]})}#Ho(){this.debouncedSearch=(e=>{let t=0;const o=new Set,i=new Set,r=n()((r,n)=>{e(...r).then(e=>{n===t&&(o.forEach(t=>t(e)),o.clear())}).catch(e=>{i.forEach(t=>t(e)),i.clear()})},250);return(...e)=>(t++,new Promise((n,s)=>{o.add(n),i.add(s),r(e,t)}))})(async e=>{try{const{results:t,error:o}=await this.#Fo(e);return{results:t,error:o,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.#_o()}#qo(){return[{label:this.noResultsFoundMessage,value:Nh,disabled:!0}]}#Yo(){return[{label:this.errorFetchingResultsMessage,value:Nh,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 o=await this.debouncedSearch(t);o&&o.value===t&&(this.comboBox.loading=!1,o.error?this.comboBox.data=this.#Yo():0===o.results?.length?this.comboBox.data=this.#qo():this.comboBox.data=o.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(Dh,Bh),customElements.define(_h,Qh),customElements.define(Jh,Xh),customElements.define(Zu,eh),customElements.define(ch,ph),customElements.define(xb,Mb),customElements.define(Wm,_m),customElements.define(Xg,pb),customElements.define(ub,bb),customElements.define(gg,yg),customElements.define(ag,pg),customElements.define(Em,Dm);var fx=Object.freeze({__proto__:null,PasswordStrengthClass:Dm,componentName:Em});const xx=k("ponyhot"),Cx="dhp-",wx=ue({componentName:xx,baseSelector:""}),Ix=I(ae)(class extends wx{get type(){return this.getAttribute("type")}get value(){return this.input?.value||""}init(){this.input=this.querySelector("input"),this.input&&(this.#Uo(),this.#Go(),this.#Zo())}#Uo(){const e=["input","change","click","keydown","keyup","mouseover","mousedown"],t=o=>{this.input.value=`${Cx}${o.type}`,e.forEach(e=>{this.input.removeEventListener(e,t)})};e.forEach(e=>{this.input.addEventListener(e,t)})}#Go(){const e=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");Object.defineProperty(this.input,"value",{get(){return e.get.call(this)},set(t){const o=e.get.call(this);t&&!t.startsWith(Cx)&&t!==o?e.set.call(this,`${Cx}direct-set`):e.set.call(this,t)},configurable:!0})}#Zo(){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(xx,Ix),customElements.define(Xm,tg),customElements.define(rm,cm),customElements.define(gm,wm),customElements.define(Vg,Rg),customElements.define(Sg,Tg);const Sx={translations:f.A,graphs:y.K,dictionary:{...y.z,...v.z}};b.u2.setOptions(Sx);var Mx=Object.freeze({__proto__:null,default:b.K1,options:Sx})}}]);
 //# sourceMappingURL=222.js.map