@descope/flow-components 2.1.16 → 2.1.18

package/dist/fm/222.js

@@ -1 +1 @@
-"use strict";(self.webpackChunk_descope_flow_components_2_1_16_1760886741486=self.webpackChunk_descope_flow_components_2_1_16_1760886741486||[]).push([[222],{5222:(e,t,r)=>{r.d(t,{$y:()=>Ap,A8:()=>dc,Ag:()=>Ts,C1:()=>Mc,C9:()=>Hr,Cz:()=>Zd,Er:()=>Qm,G6:()=>sv,HO:()=>$t,HT:()=>Gt,J1:()=>oo,Jr:()=>Pp,Lg:()=>$p,MN:()=>On,Mz:()=>is,NF:()=>va,O7:()=>gf,Od:()=>ap,QW:()=>$d,Qb:()=>Ef,SE:()=>er,SQ:()=>Jr,TV:()=>Up,Ul:()=>Ba,VN:()=>Xl,VX:()=>Xi,_w:()=>We,a5:()=>lv,bL:()=>Vi,bU:()=>My,br:()=>Q,dX:()=>hb,dq:()=>ev,e7:()=>Oe,eA:()=>gc,eo:()=>Ws,ew:()=>Me,fp:()=>Gs,gZ:()=>Qc,h5:()=>Rf,jH:()=>tn,k0:()=>Yi,l1:()=>Jt,md:()=>Ji,ml:()=>jp,mq:()=>Fc,o9:()=>on,o_:()=>Fe,pp:()=>Dc,px:()=>vp,q4:()=>Dt,qn:()=>Zr,rG:()=>pp,sK:()=>Oi,tD:()=>Md,tS:()=>Hc,td:()=>Fd,tl:()=>An,ul:()=>ys,v_:()=>Gi,w8:()=>xi,wt:()=>Ga,xO:()=>Gn,xp:()=>tp,xs:()=>ei,yW:()=>$f,yj:()=>Uy,zQ:()=>av});var o=r(72),i=r.n(o),n=r(8089),a=r.n(n),s=r(465),l=r.n(s),d=(r(8231),r(4873),r(865),r(4598),r(7519)),c=(r(496),r(9967),r(4155),r(9504),r(1399),r(5877),r(3798),r(8619),r(1394)),p=r(3667),u=(r(8319),r(3826)),h=r(8677),m=r(127),g=(r(5595),r(9849),r(4899),r(3977),r(9435),r(7949)),b=(r(9902),r(9792)),y=r(1206),f=r(268),v=r(8733);const x=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_.]+/g,"-").toLowerCase(),C=(...e)=>x(e.filter(e=>!!e).join("-")),w=(...e)=>t=>e.reduceRight((e,t)=>t(e),t),I=e=>"function"==typeof e,M="descope",S="host",A=(e,t,{excludeAttrs:r=[],includeAttrs:o=[]})=>{const i=Array.from(e.attributes).filter(e=>!r.includes(e.name)&&(!o.length||o.includes(e.name))).map(e=>e.name);t(i),new MutationObserver(e=>{e.forEach(e=>{"attributes"!==e.type||r.includes(e.attributeName)||o.length&&!o.includes(e.attributeName)||t([e.attributeName])})}).observe(e,{attributes:!0})},E=(e,t)=>{t({addedNodes:Array.from(e.children),removedNodes:[]}),new MutationObserver(e=>{e.forEach(e=>{"childList"!==e.type&&"characterData"!==e.type||t(e)})}).observe(e,{childList:!0,characterData:!0,subtree:!0})},T=(e,t,r={})=>o=>{o.forEach(o=>{const i=r[o]||o,n=e.getAttribute(o);null!==n?t.getAttribute(i)!==n&&t.setAttribute(i,n):t.removeAttribute(i)})},k=(e,t,r)=>{A(e,T(e,t),r),A(t,T(t,e),r)},z=e=>C(M,e),L=(...e)=>`--${C(...e)}`,N=(e,t,r={})=>{A(e,T(e,t,r.mapAttrs),r)},D=(e,t,r=[])=>{if(!r.length)return;const o=r.reduce((t,r)=>Object.assign(t,{[r]:{get:()=>e[r],set(t){e[r]=t}}}),{});Object.defineProperties(t,o)},V=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_.]+/g,"-").toLowerCase(),P=(...e)=>V(e.filter(e=>!!e).join("-")),B=(...e)=>t=>e.reduceRight((e,t)=>t(e),t),R=e=>"function"==typeof e,O="descope",j=(e,t,{excludeAttrs:r=[],includeAttrs:o=[]})=>{const i=Array.from(e.attributes).filter(e=>!r.includes(e.name)&&(!o.length||o.includes(e.name))).map(e=>e.name);t(i),new MutationObserver(e=>{e.forEach(e=>{"attributes"!==e.type||r.includes(e.attributeName)||o.length&&!o.includes(e.attributeName)||t([e.attributeName])})}).observe(e,{attributes:!0})},F=(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})},W=(e,t,r={})=>o=>{o.forEach(o=>{const i=r[o]||o,n=e.getAttribute(o);null!==n?t.getAttribute(i)!==n&&t.setAttribute(i,n):t.removeAttribute(i)})},_=(e,t,r)=>{j(e,W(e,t),r),j(t,W(t,e),r)},$=e=>P(O,e),H=(...e)=>`--${P(...e)}`,q=(e,t,r={})=>{j(e,W(e,t,r.mapAttrs),r)},Y=(e,t,{prepend:r=!1}={})=>{let o;try{o=new CSSStyleSheet}catch(o){return G(e,t,{prepend:r})}const i=t?.shadowRoot||t;if(e&&o.replaceSync(e),i){const e=[...i.adoptedStyleSheets||[]];e[r?"unshift":"push"](o),i.adoptedStyleSheets=e}return o};class U{constructor(e,t,{prepend:r=!1}={}){this.styleEle=document.createElement("style"),this.styleEle.textContent=e,this.styleEle.setAttribute("nonce",window.DESCOPE_NONCE),this.ref=t?.shadowRoot||t,this.ref&&(r?this.ref.prepend(this.styleEle):this.ref.append(this.styleEle))}replaceSync(e){this.styleEle.textContent=e}get cssRules(){return this.styleEle.sheet?.cssRules}}const G=(e,t,{prepend:r=!1}={})=>new U(e,t,{prepend:r}),Z=(e,t=2)=>e.trim().split(" ").splice(0,t).map(e=>e[0]?.toUpperCase()).join(""),Q=new class{static mountOnPropName="DescopeThemeManager";#e={};#t="light";#r=new Set;#o(){this.#r.forEach(e=>e?.())}get currentThemeName(){return this.#t}set currentThemeName(e){this.#t=e,this.#o()}get currentTheme(){return this.#e[this.currentThemeName]}onCurrentThemeChange(e){return this.#r.add(e),()=>{this.#r.delete(e)}}set themes(e){this.#e=e,this.#o()}get hasThemes(){return!!Object.keys(this.#e).length}},J=.25,K=.1,X=(e,t)=>e.darken(t).hex(),ee=e=>{const t=e.isDark();return e.mix(l()(t?"white":"black"),1).saturate(1).hex()},te=(e,t)=>e.lightness()<.5?e.lightness(100*t).hex():e.lighten(t).hex(),re=e=>e.luminosity()>.99,oe=(e,t)=>(e=>e.luminosity()<.01)(e)?te(e,J):X(e,.4),ie=(e,t)=>re(e)?X(e,J):te(e,.4),ne=(e,t)=>re(e)?X(e,K):te(e,.8),ae=(e,t)=>{const r=new(l())(e.main||e);return{main:r.hex(),dark:e.dark||oe(r),light:e.light||ie(r),highlight:e.highlight||ne(r),contrast:e.contrast||ee(r)}},se=e=>H(O,...e),le=(e,t,r)=>{const o=Array.isArray(t)?t:t.match(/([^[.\]])+/g);return o.reduce((e,t,i)=>(void 0===e[t]&&(e[t]={}),i===o.length-1&&(e[t]=r),e[t]),e),e},de=(e,t,r)=>Object.entries(e).reduce((e,[o,i])=>i?.constructor!==Object?a()(e,r(t.concat(o),i)):a()(e,de(i,[...t,o],r)),{}),ce=(e,t)=>de(e,[],e=>le({},e,`var(${se(e)})`)),pe=(...e)=>e.reduceRight((e,t)=>t.startsWith("--")?`var(${t}${e?`, ${e}`:e})`:`${t}${e?`, ${e}`:e}`,""),ue=(e,t)=>{const r=de(e,[],(e,r)=>{const o=[...e],i=o.splice(-1),n=H(t,i),a={[i]:n},s={[i]:pe(n)};return{theme:le({},[...o,n],r),useVars:s,vars:a}});return[r.theme,r.useVars,r.vars]},he=.4,me=.25,ge=.1,be=(e,t)=>e.darken(t).hex(),ye=e=>{const t=e.isDark();return e.mix(l()(t?"white":"black"),1).saturate(1).hex()},fe=(e,t)=>e.lightness()<.5?e.lightness(100*t).hex():e.lighten(t).hex(),ve=e=>e.luminosity()<.01,xe=e=>e.luminosity()>.99,Ce=(e,t)=>"dark"===t?xe(e)?be(e,me):fe(e,he):ve(e)?fe(e,me):be(e,he),we=(e,t)=>"dark"===t?ve(e)?fe(e,me):be(e,he):xe(e)?be(e,me):fe(e,he),Ie=(e,t)=>"dark"===t?ve(e)?fe(e,ge):be(e,.8):xe(e)?be(e,ge):fe(e,.8),Me=(e,t)=>{const r=new(l())(e.main||e);return{main:r.hex(),dark:e.dark||Ce(r,t),light:e.light||we(r,t),highlight:e.highlight||Ie(r,t),contrast:e.contrast||ye(r)}},Se=e=>`\n    :host {\n        padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n    }\n`,Ae=e=>`\n    ${e} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,Ee=e=>`\n    ${e}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,Te=e=>`\n    ${e} > label,\n    ${e}::part(label),\n    ${e}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,ke=(e,t="input")=>`\n    ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,ze=e=>`\n    ${e}::part(input-field)::after {\n        background: none;\n    }\n`,Le=(e,t)=>`\n    ${Ae(e)}\n    ${Te(e)}\n    ${ke(e)}\n    ${Ee(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    ${ze(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`,Ne=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`,De=e=>L(M,...e),Ve=(e,t,r)=>{const o=Array.isArray(t)?t:t.match(/([^[.\]])+/g);return o.reduce((e,t,i)=>(void 0===e[t]&&(e[t]={}),i===o.length-1&&(e[t]=r),e[t]),e),e},Pe=(e,t,r)=>Object.entries(e).reduce((e,[o,i])=>i?.constructor!==Object?a()(e,r(t.concat(o),i)):a()(e,Pe(i,[...t,o],r)),{}),Be=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}},Re=(e,t)=>Pe(e,[],e=>Ve({},e,`var(${De(e)})`)),Oe=(e,t="")=>{const r=Object.entries((e=>Pe(e,[],(e,t)=>({[De(e)]:Be(t)})))(e)).reduce((e,t)=>`${e}${t.join(":")};\n`,"");return t?`*[data-theme="${t}"] {${r}}`:r},je=e=>Object.entries(e).reduce((e,[t,r])=>`${e}${t} { \n${Object.entries(r).map(([e,t])=>`${e}: ${t}`).join(";\n")} \n}\n\n`,""),Fe=e=>{const t=(e=>Pe(e,[],(e,t)=>{const[r,...o]=e,i=o.pop(),n=z(r);"undefined"===i&&console.warn(n,`theme value: "${t}" is mapped to an invalid property`);let a=S;o[0]&&o[0].startsWith("@")&&(a=o.shift());const s=o.reduce((e,t,r)=>{const[i,n]=function(e){const t=e.match(/^(&+)?(.*)$/);return[t[1]||"",t[2]||""]}(t),a=Math.min(i.length+1,3);if(n.startsWith("_"))return e+`[${x(n.replace(/^_/,""))}="true"]`.repeat(a);const s=o[r+1];return"string"!=typeof s||s.startsWith("_")||s.startsWith("&")?(console.error("theme generator",`your theme structure is invalid, attribute "${t}" is followed by "${s}" which is not allowed`),e):e+`[${x(n)}="${o.splice(r+1,1).join("")}"]`.repeat(a)},""),l=":host"+(s?`(${s})`:"");return{[n]:{[a]:{[l]:{[i]:Be(t)}}}}}))(e);return Object.keys(t).reduce((e,r)=>{const o=t[r];return Object.assign(e,{[r]:Object.keys(o).reduce((e,t)=>Object.assign(e,{[t]:je(o[t])}),{})})},{})},We=({globals:e,components:t},r)=>({globals:Oe(e,r),components:Fe(t)}),_e=(...e)=>e.reduceRight((e,t)=>t.startsWith("--")?`var(${t}${e?`, ${e}`:e})`:`${t}${e?`, ${e}`:e}`,""),$e=(e,t)=>{const r=Pe(e,[],(e,r)=>{const o=[...e],i=o.splice(-1),n=L(t,i),a={[i]:n},s={[i]:_e(n)};return{theme:Ve({},[...o,n],r),useVars:s,vars:a}});return[r.theme,r.useVars,r.vars]},He=(e,t)=>`var(${e}${t?`, ${t}`:""})`;let qe=class{constructor(){this.styleMap=new Map}add(e,t,r){this.styleMap.has(e)||this.styleMap.set(e,[]),this.styleMap.set(e,[...this.styleMap.get(e),{property:t,value:r}])}toString(){return Array.from(this.styleMap.entries()).reduce((e,[t,r])=>{const o=r.map(({property:e,value:t})=>`${e}: ${t}`).join(";\n");return`${e}${t} { \n${o} \n}\n\n`},"")}};const Ye=(e,t="fallback")=>C(e,t),Ue=(e,t,{fallback:r})=>{if(!r)return{};const o=Ye(t,r.suffix),i=((...e)=>e.filter(Boolean).map((e,t)=>{return 0===t?e:(r=e).charAt(0).toUpperCase()+r.slice(1);var r}).join(""))(e,r.suffix||"fallback");return{[i]:o,...Ue(i,o,r)}},Ge=(e,t)=>Object.keys(t).reduce((r,o)=>{const i=L(e,o);return Object.assign(r,{[o]:i},Ue(o,i,t[o]))},{}),Ze=({mappings:e={},componentNameOverride:t=""})=>r=>{const o=t||r.componentName;return class t extends r{static get cssVarList(){return{...r.cssVarList,...Ge(o,{...e})}}#i;#n;#a;#s;#l;#d;#c;#p;#u;constructor({getRootElement:e,componentNameSuffix:r="",themeSection:o=S,baseSelector:i}={}){super(),this.#s=r,this.#l=o,this.#c=i??this.baseSelector,this.#u=e,this.#p=Object.keys(t.cssVarList).map(e=>C("st",r,e))}get#h(){return Q.currentTheme?.[o]||""}#m(){this.#n.replaceSync(this.#h[this.#l])}#g(){this.#n=Y("",this.#d,{prepend:!0}),this.#a=Q.onCurrentThemeChange(this.#m.bind(this)),this.#m()}#b(){if(this.#p.length){let e=`.${o}`.repeat(5);const t=this.getAttribute("id");t&&(e+=`#${t}`),this.#i=Y(`:host(${e}) {}`,this.#d)}}#y(e,t){const r=this.#i?.cssRules[0]?.style;if(!r)return;const i=L(o,e.replace(new RegExp("^st-"),""));t?r?.setProperty(i,t):(r?.removeProperty(i),this.removeAttribute(e))}#f(e=[]){e.forEach(e=>{this.#p.includes(e)&&this.#y(e,this.getAttribute(e))})}#v(){if(Object.keys(e).length){const t=((e,t,r)=>{const o=new qe,i=(e,t)=>{if(!e)return"";if("string"==typeof e)return e;const r=Ye(t,e?.suffix);return He(r,i(e.fallback,r))};return Object.keys(r).forEach(n=>{const a=((e,t)=>{const r={selector:"",property:x(e)};return t&&Object.keys(t).length?Array.isArray(t)?t.map(e=>({...r,...e})):[{...r,...t}]:[r]})(n,r[n]),s=L(e,n);a.forEach(({selector:e,property:r,important:n,fallback:a})=>{const l=i(a,s);o.add(((e="",t="")=>I(t)?t(e):`${e}${/^[A-Za-z]/.test(t)?` ${t}`:t}`)(t,e),I(r)?r():r,He(s,l)+(n?"!important":""))})}),o.toString()})(C(o,this.#s),this.#c,e);Y(t,this.#d,{prepend:!0})}}#x(e){(this.#d.classList||this.#d.host.classList).add(e)}async init(){super.init?.(),this.shadowRoot.isConnected&&(this.#d=await(this.#u?.(this))||this.shadowRoot,this.#x(o),this.#v(),this.#g(),this.#b(),A(this,this.#f.bind(this),{}))}disconnectedCallback(){super.disconnectedCallback?.(),this.#a?.()}}},Qe=e=>class extends e{constructor(){super(),Y(':host([draggable="true"]) * { cursor: inherit!important }',this)}get isDraggable(){return this.hasAttribute("draggable")&&"false"!==this.getAttribute("draggable")}init(){this.addEventListener("mousedown",e=>{if(this.isDraggable){const t=this.baseElement.getAttribute("tabindex");this.baseElement.setAttribute("tabindex","-1");const r=()=>{t?this.baseElement.setAttribute("tabindex",t):this.baseElement.removeAttribute("tabindex"),e.target.removeEventListener("mouseup",r),e.target.removeEventListener("dragend",r)};e.target.addEventListener("mouseup",r,{once:!0}),e.target.addEventListener("dragend",r,{once:!0})}}),super.init?.()}},Je=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()}},Ke=e=>class extends e{updateComponentsContext(e){this.dispatchEvent(new CustomEvent("components-context",{bubbles:!0,composed:!0,detail:e}))}},Xe=e=>class extends e{init(){super.init?.(),this.baseElement.addEventListener("mouseover",e=>{this.setAttribute("hover","true"),e.target.addEventListener("mouseleave",()=>this.removeAttribute("hover"),{once:!0})})}},et=["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"],tt=e=>class extends e{init(){super.init?.(),A(this,e=>e.forEach(e=>{const t=this.getAttribute(e);(e=>et.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?`)}),{})}},rt=({componentName:e,baseSelector:t=""})=>{class r extends HTMLElement{static get componentName(){return e}#w;#I=!0;get baseSelector(){return t}get baseElement(){return this.#w??=this.baseSelector?this.rootElement.querySelector(this.baseSelector):this,this.#w||console.warn("missing base element for component",this.localName),this.#w}get rootElement(){return this.shadowRoot||this}get name(){return this.getAttribute("name")}connectedCallback(){super.connectedCallback?.(),this.rootElement.isConnected&&this.#I&&(this.#I=!1,this.init?.())}}return w(Je,Xe,tt,Ke)(r)};function ot(e,t={}){const r=new Event(e,t);this[`on${e}`]?.(r),this.dispatchEvent(r)}const it=({componentName:e,wrappedEleName:t,slots:r=[],style:o,excludeAttrsSync:i=[],includeAttrsSync:n=[],includeForwardProps:a=[],delegatesFocus:s=!0})=>{class l extends(rt({componentName:e,baseSelector:t})){#M=ot.bind(this,"blur");#S=ot.bind(this,"focus");constructor(){super().attachShadow({mode:"open",delegatesFocus:s}).innerHTML=`\n\t\t\t<${t}>\n\t\t\t${r.map(e=>`<slot ${e?`name="${e}" slot="${e}"`:""}></slot>`).join("")}\n\t\t\t</${t}>\n\t\t`,Y((I(o)?o():o)||"",this)}init(){super.init?.(),this.baseElement.addEventListener("blur",e=>{this.#M()}),this.baseElement.addEventListener("focus",e=>{this.#S()}),D(this.baseElement,this,a),k(this.baseElement,this,{excludeAttrs:i,includeAttrs:n})}}return l},nt=["required","pattern"],at=Symbol("validationTarget"),st=e=>class extends e{#A=at;static get observedAttributes(){return[...e.observedAttributes||[],...nt]}static get formAssociated(){return!0}#E;get internals(){return this.#E}set internals(e){this.#E=e}constructor(){super(),this.#E=this.attachInternals()}get defaultErrorMsgValueMissing(){return"Please fill out this field."}get defaultErrorMsgPatternMismatch(){return"Please match the requested format."}get defaultErrorMsgTooShort(){return`Minimum length is ${this.getAttribute("minlength")}.`}get defaultErrorMsgTooLong(){return`Maximum length is ${this.getAttribute("maxlength")}.  `}get defaultErrorMsgRangeUnderflow(){return`At least ${this.getAttribute("min-items-selection")} items are required.`}get defaultErrorMsgRangeOverflow(){return`At most ${this.getAttribute("max-items-selection")} items are allowed.`}get defaultErrorMsgTypeMismatch(){return"Please match the requested type."}getCustomErrorMessage(e,t){return this.hasAttribute(e)?this.getAttribute(e)||" ":t}getErrorMessage(e){const{valueMissing:t,patternMismatch:r,typeMismatch:o,stepMismatch:i,tooShort:n,tooLong:a,rangeOverflow:s,rangeUnderflow:l,badInput:d,customError:c}=e;switch(!0){case t:return this.getCustomErrorMessage("data-errormessage-value-missing",this.defaultErrorMsgValueMissing);case r||i||d:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch",this.defaultErrorMsgPatternMismatch);case o:return this.getCustomErrorMessage("data-errormessage-type-mismatch",this.defaultErrorMsgTypeMismatch);case n:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch-too-short",this.defaultErrorMsgTooShort);case a:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch-too-long",this.defaultErrorMsgTooLong);case l:return this.getCustomErrorMessage("data-errormessage-pattern-range-underflow",this.defaultErrorMsgRangeUnderflow);case s: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===at?this.inputElement:this.#A}set validationTarget(e){this.#A=e}setCustomValidity(e){e?this.#E.setValidity({customError:!0},e,this.validationTarget):(this.#E.setValidity({}),this.#T())}get isRequired(){return this.hasAttribute("required")&&"false"!==this.getAttribute("required")}get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}get isDisabled(){return this.hasAttribute("disabled")&&"false"!==this.getAttribute("disabled")}get pattern(){return this.getAttribute("pattern")}get form(){return this.#E.form}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),nt.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())}},lt=["invalid","required"],dt=e=>{if(!e)return;let t=e;for(let e=0;e<10;e++)if([t]=t.assignedElements(),"slot"!==t?.localName)return t},ct=({proxyProps:e=[],useProxyTargets:t=!1,inputEvent:r="input",triggerValidationEvents:o=[],proxyParentValidation:i=!1})=>n=>class extends(st(n)){static get observedAttributes(){return[...n.observedAttributes||[],...lt]}#k;#z=ot.bind(this,"change");constructor(){super(),this.#k=super.inputElement}warnIfInputElementIsMissing(){clearTimeout(this.inputElementTimerId),this.inputElementTimerId=setTimeout(()=>{!this.#k&&console.warn(this.localName,"no input was found")},0)}get inputElement(){if(this.#k)return this.#k;this.warnIfInputElementIsMissing();const e=this.baseElement.shadowRoot?.querySelector('slot[name="input"]'),t=this.baseElement.shadowRoot?.querySelector('slot[name="textarea"]');return this.#k=dt(e)||dt(t),this.#k}set inputElement(e){this.#k=e}getValidity(){return this.inputElement?.validity||{}}#L(){this.setAttribute("error-message",this.validationMessage)}reportValidity=()=>{this.inputElement.setCustomValidity(""),this.setCustomValidity(""),this.checkValidity()||(this.setAttribute("invalid","true"),this.#L(),this.focus())};defaultReportValidity(){return super.reportValidity()}init(){if(super.init?.(),this.baseElement._setInvalid=function(e){!e&&this._shouldSetInvalid(e)&&(this.invalid=e)},this.baseElement.addEventListener("input",e=>{e.composed||this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}),o.forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.inputElement?.setCustomValidity("")})}),setTimeout(()=>{(Array.isArray(r)?r:[r]).forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.baseElement.checkValidity()?this.removeAttribute("invalid"):this.#L()})}),this.baseElement.addEventListener("change",()=>{this.#z()}),this.addEventListener("invalid",()=>{this.checkValidity()||this.setAttribute("invalid","true"),this.#L()}),e.forEach(e=>{const r=this.querySelector('input[slot="external-input"]')||null,o=t?[this.baseElement,r].filter(Boolean):[];((e,t,r)=>{const o=Array.isArray(t)?t:[t];Object.defineProperty(e,r,{set(e){o.forEach(t=>{t[r]=e})},get:()=>t[0][r],configurable:!0})})(this,[this.inputElement,...o],e)}),this.setSelectionRange=this.inputElement?.setSelectionRange?.bind(this.inputElement),N(this,this.inputElement,{includeAttrs:["inputmode"]})}),i){const e=this.inputElement.internals,t=this;this.inputElement.internals=new Proxy(e,{get:(e,r)=>"function"==typeof e[r]&&"setValidity"===r?(...o)=>{if(3===o.length){const e=o.slice(0,o.length-1);e.push(t.inputElement),t.internals[r](...e)}else t.internals[r](...o);return e[r](...o)}:"function"==typeof e[r]?(...o)=>(t.internals[r](...o),e[r](...o)):e[r]})}}},pt=e=>w(ct(e),Ze({componentNameOverride:z("input-wrapper")})),ut=e=>async t=>{const r=await e(t);return new Promise(e=>{let t=0;const o=()=>{if(t>20)return console.error("could not get shadow root for element",r),void e(r);t++,r?.shadowRoot?e(r.shadowRoot):setTimeout(o)};o()})},ht=({name:e,selector:t,mappings:r={},forward:{attributes:o=[],include:i=!0}={}})=>n=>{const a=e,s=Ze({mappings:r})(n);return class extends s{static get cssVarList(){return{...s.cssVarList,[a]:Ge(C(n.componentName,"_"+a),r)}}#N;constructor(){const e=ut(async e=>{const r=(e.shadowRoot||e).querySelector(e.baseSelector);return t?(await ut(()=>r)(e)).querySelector(t):r});super({getRootElement:e,componentNameSuffix:"_"+a,themeSection:"@"+a,baseSelector:":host"}),this.#N=e(this).then(e=>e.host)}async#D(){const e=await this.#N;e.onmouseenter=e=>{e.target.setAttribute("hover","true")},e.onmouseleave=e=>{e.target.removeAttribute("hover")}}async init(){super.init?.();const e=await this.#N;N(this,e,{[i?"includeAttrs":"excludeAttrs"]:o}),this.#D()}}},mt=e=>class extends e{#z=ot.bind(this,"change");init(){super.init?.(),this.prevValue=this.value,this.addEventListener("change",e=>{e.stopPropagation()}),this.addEventListener("blur",()=>{this.value!==this.prevValue&&(this.#z(),this.prevValue=this.value)})}},gt=e=>class extends e{init(){this.#V(),super.init?.()}#V(){["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,ot.call(this,"blur"),ot.call(this,"focusout",{bubbles:!0})})});const r=e=>{e.stopImmediatePropagation(),clearTimeout(t),t||(ot.call(this,"focus"),ot.call(this,"focusin",{bubbles:!0}))};e?.addEventListener("focusin",r),e?.addEventListener("focus",r)})}handleInputEventDispatching(){let e=this.value;this.addEventListener("input",t=>{this!==t.target&&(t.stopImmediatePropagation(),e!==this.value&&(e=this.value,ot.call(this,"input",{bubbles:!0,composed:!0})))})}},bt=({inputType:e,inputName:t,autocompleteType:r,includeAttrs:o=[],noBlurDispatch:i=!1})=>n=>class extends n{#P=[];get isExternalInput(){return"true"===this.getAttribute("external-input")}createExternalInput(){if(!this.isExternalInput||this.isReadOnly||this.isDisabled)return null;const r=this.baseElement.querySelector("input");if(!r)return null;r.setAttribute("tabindex","-1");const i=(()=>{const e=document.createElement("slot");return e.setAttribute("name","external-input"),e.setAttribute("slot","suffix"),e})();return this.baseElement.appendChild(i),this.externalInput=((e,t,r,o)=>{const i=document.createElement("input");return i.setAttribute("slot","external-input"),i.setAttribute("type",t),i.setAttribute("name",o),i.setAttribute("data-hidden-input","true"),i.setAttribute("autocomplete",r),i})(0,e,this.getAutocompleteType(),t),setTimeout(()=>{var e,t,o;e=r,t=this.externalInput,o=this.getAttribute("label-type"),setTimeout(()=>{const r=getComputedStyle(e),i=r.getPropertyValue("height"),n=r.getPropertyValue("padding-left"),a=r.getPropertyValue("padding-right"),s=r.getPropertyValue("font-size"),l=r.getPropertyValue("font-family"),d=r.getPropertyValue("letter-spacing"),c=r.getPropertyValue("caret-color"),p=((e,t)=>{const r=e.value;e.value="_";const o=t.getPropertyValue("color");return"_"===e.value&&(e.value=r),o})(e,r);if([["all","unset"],["position","absolute"],["background-color","transparent"],["height",i],["left",n],["right",a],["font-size",s],["font-family",l],["letter-spacing",d],["caret-color",c],["color",p]].forEach(([e,r])=>t.style.setProperty(e,r,"important")),"floating"===o){const e=r.getPropertyValue("margin-bottom");t.style.setProperty("margin-bottom",e,"important")}const u=r.getPropertyValue("width");t.style.setProperty("width",`calc(${u} - ${n} - ${a}`,"important")},0)}),this.forwardInputValue(r,this.externalInput),k(r,this.externalInput,{includeAttrs:o}),this.baseElement.querySelector("input").addEventListener("focusout",e=>e.stopImmediatePropagation(),!0),this.handleFocusEvents(),this.handleBlurEvents(),this.handlelInputEvents(this.externalInput),this.appendChild(this.externalInput),this.externalInput}clearBlurTimers(){this.#P.forEach(e=>clearTimeout(e)),this.#P.length=0}dispatchBlur(){return setTimeout(()=>{this.dispatchEvent(new Event("blur",{bubbles:!0,composed:!0})),this.removeAttribute("focused")})}handleFocusEvents(){this.baseElement.addEventListener("focus",()=>{this.externalInput.focus(),this.clearBlurTimers()}),this.externalInput.addEventListener("focus",()=>{this.clearBlurTimers(),setTimeout(()=>this.baseElement.setAttribute("focused","true"))})}handleBlurEvents(){this.baseElement.addEventListener("blur",e=>{e.stopImmediatePropagation(),i||this.#P.push(this.dispatchBlur())},!0),this.externalInput.addEventListener("blur",e=>{e.stopImmediatePropagation(),this.#P.push(this.dispatchBlur())},!0)}handlelInputEvents(e){e.addEventListener("input",e=>{this.value=e.target.value}),e.addEventListener("input",e=>{e.target.value?this.setAttribute("has-value","true"):this.removeAttribute("has-value")})}getAutocompleteType(){return this.getAttribute("autocomplete")||r}forwardInputValue(e,t){const r=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value");Object.defineProperty(e,"value",{...r,set(e){r.set.call(this,e),t.value=e},configurable:!0})}},yt=e=>class extends e{init(){super.init?.(),this.baseElement._hasValidConstraints&&(this.baseElement._hasValidConstraints=()=>!0)}},ft=(...e)=>w(st,mt,tt,gt)(rt(...e)),vt=z("boolean-field-internal"),xt=["disabled","label","invalid","readonly"],Ct=ft({componentName:vt,baseSelector:"div"}),wt=e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${vt}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${vt}>\n\t\t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(vt),this.checkbox=this.inputElement.querySelector("vaadin-checkbox"),N(this,this.inputElement,{includeAttrs:["required","full-width","size","label","invalid","disabled","readonly"]}),D(this.inputElement,this,["checked"]),k(this,this.inputElement,{includeAttrs:["checked"]})}};var It='\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';const Mt=z("checkbox"),{host:St,component:At,checkboxElement:Et,checkboxSurface:Tt,checkboxLabel:kt,requiredIndicator:zt,helperText:Lt,errorMessage:Nt}={host:{selector:()=>":host"},requiredIndicator:{selector:'[required] vaadin-checkbox [slot="label"]:not(:empty)::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)"}},Dt=w(Ze({mappings:{hostWidth:{...St,property:"width"},hostDirection:{...St,property:"direction"},fontSize:[St,Et,kt],fontFamily:[kt,Lt,Nt],labelTextColor:{...kt,property:"color"},labelSpacing:{...kt,property:"padding-inline-start"},labelLineHeight:{...kt,property:"line-height"},labelFontWeight:{...kt,property:"font-weight"},labelRequiredIndicator:{...zt,property:"content"},errorMessageTextColor:{...Nt,property:"color"},errorMessageIcon:{...Nt,property:"background-image"},errorMessageIconSize:{...Nt,property:"background-size"},errorMessageIconPadding:{...Nt,property:"padding-inline-start"},errorMessageIconRepeat:{...Nt,property:"background-repeat"},errorMessageIconPosition:{...Nt,property:"background-position"},errorMessageFontSize:{...Nt,property:"font-size"},inputValueTextColor:{...Tt,property:"color"},inputBackgroundColor:{...Et,property:"background-color"},inputBorderRadius:{...Et,property:"border-radius"},inputBorderWidth:{...Et,property:"border-width"},inputBorderOffset:{...Et,property:"border-offset"},inputBorderColor:{...Et,property:"border-color"},inputBorderStyle:{...Et,property:"border-style"},inputOutlineWidth:{...Et,property:"outline-width"},inputOutlineOffset:{...Et,property:"outline-offset"},inputOutlineColor:{...Et,property:"outline-color"},inputOutlineStyle:{...Et,property:"outline-style"},inputSize:[{...Et,property:"width"},{...Et,property:"height"},{...Tt,property:"font-size"},{...At,property:"font-size"}]}}),Qe,pt({proxyProps:["value","selectionStart"]}),Je,wt)(it({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${It}\n      ${Se(Dt.cssVarList)}\n\n      :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n        margin: 1px;\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: 0;\n\t\t\t\twidth: 100%;\n        height: 100%;\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:Mt}));customElements.define(vt,class extends Ct{static get observedAttributes(){return["readonly"]}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper">\n\t\t\t\t<vaadin-checkbox></vaadin-checkbox>\n\t\t\t</div>\n\t\t',this.wrapperEle=this.querySelector("div"),this.checkbox=this.querySelector("vaadin-checkbox")}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?.(),N(this,this.checkbox,{includeAttrs:xt}),k(this,this.checkbox,{includeAttrs:["checked"]}),this.handleFocusEventsDispatching([this.checkbox])}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"readonly"===e&&this.onReadOnlyChange(null!==r)}onReadOnlyChange(e){this.baseElement.setAttribute("inert",e)}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}}),customElements.define(Mt,Dt);const Vt=z("switch-toggle"),{host:Pt,component:Bt,checkboxElement:Rt,checkboxSurface:Ot,checkboxLabel:jt,requiredIndicator:Ft,helperText:Wt,errorMessage:_t}={host:{selector:()=>":host"},requiredIndicator:{selector:'[required] vaadin-checkbox [slot="label"]:not(:empty)::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)"}},$t=w(Ze({mappings:{hostWidth:{...Pt,property:"width"},hostDirection:{...Pt,property:"direction"},fontSize:[Bt,jt,jt],fontFamily:[jt,Wt,_t],labelTextColor:[{...jt,property:"color"},{...jt,property:"-webkit-text-fill-color"}],labelSpacing:{...jt,property:"padding-inline-start"},labelLineHeight:{...jt,property:"line-height"},labelFontWeight:{...jt,property:"font-weight"},labelRequiredIndicator:{...Ft,property:"content"},errorMessageTextColor:{..._t,property:"color"},errorMessageIcon:{..._t,property:"background-image"},errorMessageIconSize:{..._t,property:"background-size"},errorMessageIconPadding:{..._t,property:"padding-inline-start"},errorMessageIconRepeat:{..._t,property:"background-repeat"},errorMessageIconPosition:{..._t,property:"background-position"},errorMessageFontSize:{..._t,property:"font-size"},trackBorderWidth:{...Rt,property:"border-width"},trackBorderStyle:{...Rt,property:"border-style"},trackBorderColor:{...Rt,property:"border-color"},trackBackgroundColor:{...Rt,property:"background-color"},trackBorderRadius:{...Rt,property:"border-radius"},trackWidth:[{...Rt,property:"width"}],trackHeight:[{...Ot,property:"font-size"},{...Rt,property:"height"}],knobSize:[{...Ot,property:"width"},{...Ot,property:"height"}],knobTextColor:{...Ot,property:"color"},knobRadius:{...Ot,property:"border-radius"},knobTransitionDuration:{...Ot,property:"transition"},knobColor:{...Ot,property:"background-color"},knobTopOffset:{...Ot,property:"top"},knobLeftOffset:{...Ot,property:"left"},inputOutlineWidth:{...Rt,property:"outline-width"},inputOutlineOffset:{...Rt,property:"outline-offset"},inputOutlineColor:{...Rt,property:"outline-color"},inputOutlineStyle:{...Rt,property:"outline-style"}}}),Qe,pt({proxyProps:["value","selectionStart"]}),Je,wt)(it({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${It}\n\t\t\t${Se($t.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:Vt}));customElements.define(Vt,$t);const Ht=z("loader-linear");class qt extends(rt({componentName:Ht,baseSelector:":host > div"})){static get componentName(){return Ht}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div></div>\n\t",Y("\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:Yt,host:Ut}={after:{selector:"::after"},host:{selector:()=>":host"}},Gt=w(Ze({mappings:{hostDisplay:{},hostWidth:{...Ut,property:"width"},barHeight:[{property:"height"},{...Yt,property:"height"}],barBorderRadius:[{property:"border-radius"},{...Yt,property:"border-radius"}],verticalPadding:[{...Ut,property:"padding-top"},{...Ut,property:"padding-bottom"}],barBackgroundColor:{property:"background-color"},barColor:{...Yt,property:"background-color"},barWidth:{...Yt,property:"width"},animationDuration:[{},Yt],animationTimingFunction:[{},Yt],animationIterationCount:[{},Yt]}}),Qe,Je)(qt);customElements.define(Ht,Gt);const Zt=z("loader-radial");class Qt extends(rt({componentName:Zt,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div></div>\n\t",Y("\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 Jt=w(Ze({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:{}}}),Qe,Je)(Qt);customElements.define(Zt,Jt);const Kt=z("container");class Xt extends(rt({componentName:Kt,baseSelector:"slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",Y("\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 er=w(Ze({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:{}}}),Qe,Je)(Xt);customElements.define(Kt,er);const tr=(e,t)=>`var(${e}${t?`, ${t}`:""})`;class rr{constructor(){this.styleMap=new Map}add(e,t,r){this.styleMap.has(e)||this.styleMap.set(e,[]),this.styleMap.set(e,[...this.styleMap.get(e),{property:t,value:r}])}toString(){return Array.from(this.styleMap.entries()).reduce((e,[t,r])=>{const o=r.map(({property:e,value:t})=>`${e}: ${t}`).join(";\n");return`${e}${t} { \n${o} \n}\n\n`},"")}}const or=(e,t="fallback")=>P(e,t),ir=(e,t,{fallback:r})=>{if(!r)return{};const o=or(t,r.suffix),i=((...e)=>e.filter(Boolean).map((e,t)=>{return 0===t?e:(r=e).charAt(0).toUpperCase()+r.slice(1);var r}).join(""))(e,r.suffix||"fallback");return{[i]:o,...ir(i,o,r)}},nr=(e,t)=>Object.keys(t).reduce((r,o)=>{const i=H(e,o);return Object.assign(r,{[o]:i},ir(o,i,t[o]))},{}),ar=({mappings:e={},componentNameOverride:t=""})=>r=>{const o=t||r.componentName;return class t extends r{static get cssVarList(){return{...r.cssVarList,...nr(o,{...e})}}#i;#n;#a;#s;#l;#d;#c;#p;#u;constructor({getRootElement:e,componentNameSuffix:r="",themeSection:o="host",baseSelector:i}={}){super(),this.#s=r,this.#l=o,this.#c=i??this.baseSelector,this.#u=e,this.#p=Object.keys(t.cssVarList).map(e=>P("st",r,e))}get#h(){return Q.currentTheme?.[o]||""}#m(){this.#n.replaceSync(this.#h[this.#l]),this.currentThemeName=Q.currentThemeName,this.onThemeChange?.(Q.currentThemeName)}#g(){this.#n=Y("",this.#d,{prepend:!0}),this.#a=Q.onCurrentThemeChange(this.#m.bind(this)),this.#m()}#b(){if(this.#p.length){let e=`.${o}`.repeat(5);const t=this.getAttribute("id");t&&(e+=`#${t}`),this.#i=Y(`:host(${e}) {}`,this.#d)}}#y(e,t){const r=this.#i?.cssRules[0]?.style;if(!r)return;const i=H(o,e.replace(new RegExp("^st-"),""));t?r?.setProperty(i,t):(r?.removeProperty(i),this.removeAttribute(e))}#f(e=[]){e.forEach(e=>{this.#p.includes(e)&&this.#y(e,this.getAttribute(e))})}#v(){if(Object.keys(e).length){const t=((e,t,r)=>{const o=new rr,i=(e,t)=>{if(!e)return"";if("string"==typeof e)return e;const r=or(t,e?.suffix);return tr(r,i(e.fallback,r))};return Object.keys(r).forEach(n=>{const a=((e,t)=>{const r={selector:"",property:V(e)};return t&&Object.keys(t).length?Array.isArray(t)?t.map(e=>({...r,...e})):[{...r,...t}]:[r]})(n,r[n]),s=H(e,n);a.forEach(({selector:e,property:r,important:n,fallback:a})=>{const l=i(a,s);o.add(((e="",t="")=>R(t)?t(e):`${e}${/^[A-Za-z]/.test(t)?` ${t}`:t}`)(t,e),R(r)?r():r,tr(s,l)+(n?"!important":""))})}),o.toString()})(P(o,this.#s),this.#c,e);Y(t,this.#d,{prepend:!0})}}#x(e){(this.#d.classList||this.#d.host.classList).add(e)}async init(){super.init?.(),this.shadowRoot.isConnected&&(this.#d=await(this.#u?.(this))||this.shadowRoot,this.#x(o),this.#v(),this.#g(),this.#b(),j(this,this.#f.bind(this),{}))}disconnectedCallback(){super.disconnectedCallback?.(),this.#a?.()}}},sr=e=>class extends e{constructor(){super(),Y(':host([draggable="true"]) * { cursor: inherit!important }',this)}get isDraggable(){return this.hasAttribute("draggable")&&"false"!==this.getAttribute("draggable")}init(){this.addEventListener("mousedown",e=>{if(this.isDraggable){const t=this.baseElement.getAttribute("tabindex");this.baseElement.setAttribute("tabindex","-1");const r=()=>{t?this.baseElement.setAttribute("tabindex",t):this.baseElement.removeAttribute("tabindex"),e.target.removeEventListener("mouseup",r),e.target.removeEventListener("dragend",r)};e.target.addEventListener("mouseup",r,{once:!0}),e.target.addEventListener("dragend",r,{once:!0})}}),super.init?.()}},lr=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()}},dr=e=>class extends e{updateComponentsContext(e){this.dispatchEvent(new CustomEvent("components-context",{bubbles:!0,composed:!0,detail:e}))}},cr=e=>class extends e{init(){super.init?.(),this.baseElement.addEventListener("mouseover",e=>{this.setAttribute("hover","true"),e.target.addEventListener("mouseleave",()=>this.removeAttribute("hover"),{once:!0})})}},pr=["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"],ur=e=>class extends e{init(){super.init?.(),j(this,e=>e.forEach(e=>{const t=this.getAttribute(e);(e=>pr.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?`)}),{})}},hr=({componentName:e,baseSelector:t=""})=>{class r extends HTMLElement{static get componentName(){return e}#w;#I=!0;get baseSelector(){return t}get baseElement(){return this.#w??=this.baseSelector?this.rootElement.querySelector(this.baseSelector):this,this.#w||console.warn("missing base element for component",this.localName),this.#w}get rootElement(){return this.shadowRoot||this}get name(){return this.getAttribute("name")}connectedCallback(){super.connectedCallback?.(),this.rootElement.isConnected&&this.#I&&(this.#I=!1,this.init?.())}}return B(lr,cr,ur,dr)(r)};function mr(e,t={}){const r=new Event(e,t);this[`on${e}`]?.(r),this.dispatchEvent(r)}const gr=e=>class extends e{#z=mr.bind(this,"change");init(){super.init?.(),this.prevValue=this.value,this.addEventListener("change",e=>{e.stopPropagation()}),this.addEventListener("blur",()=>{this.value!==this.prevValue&&(this.#z(),this.prevValue=this.value)})}},br=e=>class extends e{init(){this.#V(),super.init?.()}#V(){["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,mr.call(this,"blur"),mr.call(this,"focusout",{bubbles:!0})})});const r=e=>{e.stopImmediatePropagation(),clearTimeout(t),t||(mr.call(this,"focus"),mr.call(this,"focusin",{bubbles:!0}))};e?.addEventListener("focusin",r),e?.addEventListener("focus",r)})}handleInputEventDispatching(){let e=this.value;this.addEventListener("input",t=>{this!==t.target&&(t.stopImmediatePropagation(),e!==this.value&&(e=this.value,mr.call(this,"input",{bubbles:!0,composed:!0})))})}},yr=["required","pattern"],fr=Symbol("validationTarget"),vr=e=>class extends e{#A=fr;static get observedAttributes(){return[...e.observedAttributes||[],...yr]}static get formAssociated(){return!0}#E;get internals(){return this.#E}set internals(e){this.#E=e}constructor(){super(),this.#E=this.attachInternals()}get defaultErrorMsgValueMissing(){return"Please fill out this field."}get defaultErrorMsgPatternMismatch(){return"Please match the requested format."}get defaultErrorMsgTooShort(){return`Minimum length is ${this.getAttribute("minlength")}.`}get defaultErrorMsgTooLong(){return`Maximum length is ${this.getAttribute("maxlength")}.  `}get defaultErrorMsgRangeUnderflow(){return`At least ${this.getAttribute("min-items-selection")} items are required.`}get defaultErrorMsgRangeOverflow(){return`At most ${this.getAttribute("max-items-selection")} items are allowed.`}get defaultErrorMsgTypeMismatch(){return"Please match the requested type."}getCustomErrorMessage(e,t){return this.hasAttribute(e)?this.getAttribute(e)||" ":t}getErrorMessage(e){const{valueMissing:t,patternMismatch:r,typeMismatch:o,stepMismatch:i,tooShort:n,tooLong:a,rangeOverflow:s,rangeUnderflow:l,badInput:d,customError:c}=e;switch(!0){case t:return this.getCustomErrorMessage("data-errormessage-value-missing",this.defaultErrorMsgValueMissing);case r||i||d:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch",this.defaultErrorMsgPatternMismatch);case o:return this.getCustomErrorMessage("data-errormessage-type-mismatch",this.defaultErrorMsgTypeMismatch);case n:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch-too-short",this.defaultErrorMsgTooShort);case a:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch-too-long",this.defaultErrorMsgTooLong);case l:return this.getCustomErrorMessage("data-errormessage-pattern-range-underflow",this.defaultErrorMsgRangeUnderflow);case s: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===fr?this.inputElement:this.#A}set validationTarget(e){this.#A=e}setCustomValidity(e){e?this.#E.setValidity({customError:!0},e,this.validationTarget):(this.#E.setValidity({}),this.#T())}get isRequired(){return this.hasAttribute("required")&&"false"!==this.getAttribute("required")}get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}get isDisabled(){return this.hasAttribute("disabled")&&"false"!==this.getAttribute("disabled")}get pattern(){return this.getAttribute("pattern")}get form(){return this.#E.form}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),yr.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())}},xr=(...e)=>B(vr,gr,ur,br)(hr(...e)),Cr="FETCH_RESULTS_ERROR",wr=()=>class{constructor(e){this.getAttribute=e,this.isValid=this.#B()}checkConnectorValidity(){this.isValid=this.#B()}#B(){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}}},Ir=({componentName:e,wrappedEleName:t,slots:r=[],style:o,excludeAttrsSync:i=[],includeAttrsSync:n=[],includeForwardProps:a=[],delegatesFocus:s=!0})=>{class l extends(hr({componentName:e,baseSelector:t})){#M=mr.bind(this,"blur");#S=mr.bind(this,"focus");constructor(){super().attachShadow({mode:"open",delegatesFocus:s}).innerHTML=`\n\t\t\t<${t}>\n\t\t\t${r.map(e=>`<slot ${e?`name="${e}" slot="${e}"`:""}></slot>`).join("")}\n\t\t\t</${t}>\n\t\t`,Y((R(o)?o():o)||"",this)}init(){super.init?.(),this.baseElement.addEventListener("blur",e=>{this.#M()}),this.baseElement.addEventListener("focus",e=>{this.#S()}),((e,t,r=[])=>{if(!r.length)return;const o=r.reduce((t,r)=>Object.assign(t,{[r]:{get:()=>e[r],set(t){e[r]=t}}}),{});Object.defineProperties(t,o)})(this.baseElement,this,a),_(this.baseElement,this,{excludeAttrs:i,includeAttrs:n})}}return l},Mr=["invalid","required"],Sr=e=>{if(!e)return;let t=e;for(let e=0;e<10;e++)if([t]=t.assignedElements(),"slot"!==t?.localName)return t},Ar=({proxyProps:e=[],useProxyTargets:t=!1,inputEvent:r="input",triggerValidationEvents:o=[],proxyParentValidation:i=!1})=>n=>class extends(vr(n)){static get observedAttributes(){return[...n.observedAttributes||[],...Mr]}#k;#z=mr.bind(this,"change");constructor(){super(),this.#k=super.inputElement}warnIfInputElementIsMissing(){clearTimeout(this.inputElementTimerId),this.inputElementTimerId=setTimeout(()=>{!this.#k&&console.warn(this.localName,"no input was found")},0)}get inputElement(){if(this.#k)return this.#k;this.warnIfInputElementIsMissing();const e=this.baseElement.shadowRoot?.querySelector('slot[name="input"]'),t=this.baseElement.shadowRoot?.querySelector('slot[name="textarea"]');return this.#k=Sr(e)||Sr(t),this.#k}set inputElement(e){this.#k=e}getValidity(){return this.inputElement?.validity||{}}#L(){this.setAttribute("error-message",this.validationMessage)}reportValidity=()=>{this.inputElement.setCustomValidity(""),this.setCustomValidity(""),this.checkValidity()||(this.setAttribute("invalid","true"),this.#L(),this.focus())};defaultReportValidity(){return super.reportValidity()}init(){if(super.init?.(),this.baseElement._setInvalid=function(e){!e&&this._shouldSetInvalid(e)&&(this.invalid=e)},this.baseElement.addEventListener("input",e=>{e.composed||this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}),o.forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.inputElement?.setCustomValidity("")})}),setTimeout(()=>{(Array.isArray(r)?r:[r]).forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.baseElement.checkValidity()?this.removeAttribute("invalid"):this.#L()})}),this.baseElement.addEventListener("change",()=>{this.#z()}),this.addEventListener("invalid",()=>{this.checkValidity()||this.setAttribute("invalid","true"),this.#L()}),e.forEach(e=>{const r=this.querySelector('input[slot="external-input"]')||null,o=t?[this.baseElement,r].filter(Boolean):[];((e,t,r)=>{const o=Array.isArray(t)?t:[t];Object.defineProperty(e,r,{set(e){o.forEach(t=>{t[r]=e})},get:()=>t[0][r],configurable:!0})})(this,[this.inputElement,...o],e)}),this.setSelectionRange=this.inputElement.setSelectionRange?.bind(this.inputElement),q(this,this.inputElement,{includeAttrs:["inputmode"]})}),i){const e=this.inputElement.internals,t=this;this.inputElement.internals=new Proxy(e,{get:(e,r)=>"function"==typeof e[r]&&"setValidity"===r?(...o)=>{if(3===o.length){const e=o.slice(0,o.length-1);e.push(t.inputElement),t.internals[r](...e)}else t.internals[r](...o);return e[r](...o)}:"function"==typeof e[r]?(...o)=>(t.internals[r](...o),e[r](...o)):e[r]})}}},Er=e=>B(Ar(e),ar({componentNameOverride:$("input-wrapper")})),Tr=()=>!0,kr=e=>`<pre>${JSON.stringify(e,null,4)}</pre>`,zr=({itemRenderer:e=kr,validateSchema:t=Tr,slotName:r,rerenderAttrsList:o=[],targetSelector:i,sortFn:n=e=>e})=>a=>class extends a{#R=[];#O;#j(e){if(!t)return!0;const r=t(e);return!0===r||(console.error("Data schema validation failed",r||""),!1)}#F(){const e=r?`*[slot="${r}"]`:":not([slot])";this.#O&&this.#O.querySelectorAll(e).forEach(e=>e.remove())}#W(){this.#F(),(n?this.data.sort(n):this.data).forEach((t,r)=>{const o="string"==typeof(i=e(t,r,this))?(e=>{const t=document.createElement("template");return t.innerHTML=e,t})(i).content:i instanceof HTMLTemplateElement?i.content:(console.error("Invalid template",i),null);var i;this.#O&&this.#O.appendChild(o?.cloneNode(!0))})}set data(e){this.#j(e)&&(this.#R=e,this.#W())}get data(){return this.#R}init(){super.init?.(),this.#O=i?this.shadowRoot.querySelector(i):this.baseElement,j(this,e=>{e.includes("data")?this.#_():this.#W()},{includeAttrs:[...o,"data"]})}#_(){const e=this.getAttribute("data");if(e)try{this.data=JSON.parse(e)}catch(t){console.warn("Invalid JSON data",e)}}},Lr=$("combo-box"),{host:Nr,inputField:Dr,inputElement:Vr,placeholder:Pr,toggle:Br,clearButton:Rr,label:Or,requiredIndicator:jr,helperText:Fr,errorMessage:Wr,loader:_r,overlayContent:$r}={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)"}},Hr=B(ar({mappings:{hostWidth:{...Nr,property:"width"},hostDirection:{...Nr,property:"direction"},fontSize:[{},Nr],fontFamily:[Or,Pr,Dr,Fr,Wr],labelFontSize:{...Or,property:"font-size"},labelFontWeight:{...Or,property:"font-weight"},labelTextColor:[{...Or,property:"color"},{...Or,property:"-webkit-text-fill-color"},{...jr,property:"color"}],errorMessageTextColor:{...Wr,property:"color"},errorMessageIcon:{...Wr,property:"background-image"},errorMessageIconSize:{...Wr,property:"background-size"},errorMessageIconPadding:{...Wr,property:"padding-inline-start"},errorMessageIconRepeat:{...Wr,property:"background-repeat"},errorMessageIconPosition:{...Wr,property:"background-position"},errorMessageFontSize:{...Wr,property:"font-size"},inputHeight:{...Dr,property:"height"},inputBackgroundColor:{...Dr,property:"background-color"},inputBorderColor:{...Dr,property:"border-color"},inputBorderWidth:{...Dr,property:"border-width"},inputBorderStyle:{...Dr,property:"border-style"},inputBorderRadius:{...Dr,property:"border-radius"},labelRequiredIndicator:{...jr,property:"content"},inputValueTextColor:{...Dr,property:"color"},inputPlaceholderTextColor:{...Pr,property:"color"},inputDropdownButtonCursor:[{...Br,property:"cursor"},{...Rr,property:"cursor"}],inputDropdownButtonColor:[{...Br,property:"color"},{...Rr,property:"color"}],inputDropdownButtonSize:[{...Br,property:"font-size"},{...Rr,property:"font-size"}],inputDropdownButtonOffset:[{...Br,property:"margin-right"},{...Br,property:"margin-left"}],inputOutlineColor:{...Dr,property:"outline-color"},inputOutlineWidth:{...Dr,property:"outline-width"},inputOutlineStyle:{...Dr,property:"outline-style"},inputOutlineOffset:{...Dr,property:"outline-offset"},inputHorizontalPadding:[{...Vr,property:"padding-left"},{...Vr,property:"padding-right"}],labelPosition:{...Or,property:"position"},labelTopPosition:{...Or,property:"top"},labelHorizontalPosition:[{...Or,property:"left"},{...Or,property:"right"}],inputTransformY:{...Or,property:"transform"},inputTransition:{...Or,property:"transition"},marginInlineStart:{...Or,property:"margin-inline-start"},placeholderOpacity:{...Pr,property:"opacity"},inputVerticalAlignment:{...Dr,property:"align-items"},valueInputHeight:{...Vr,property:"height"},valueInputMarginBottom:{...Vr,property:"margin-bottom"},overlayBackground:{property:()=>Hr.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>Hr.cssVarList.overlay.textColor},overlayBorder:{property:()=>Hr.cssVarList.overlay.border},overlayFontSize:{property:()=>Hr.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>Hr.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>Hr.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>Hr.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>Hr.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>Hr.cssVarList.overlay.itemPaddingInlineEnd},overlayCheckmarkDisplay:{property:()=>Hr.cssVarList.overlay.checkmarkDisplay},overlaySelectedItemBackground:{property:()=>Hr.cssVarList.overlay.selectedItemBackground},overlaySelectedItemHoverBackground:{property:()=>Hr.cssVarList.overlay.selectedItemHoverBackground},overlaySelectedItemFocusBackground:{property:()=>Hr.cssVarList.overlay.selectedItemFocusBackground},overlayItemHoverBackground:{property:()=>Hr.cssVarList.overlay.itemHoverBackground},overlayItemFocusBackground:{property:()=>Hr.cssVarList.overlay.itemFocusBackground}}}),sr,(({name:e,selector:t,mappings:r={},forward:{attributes:o=[],include:i=!0}={}})=>t=>{const n=e,a=ar({mappings:r})(t);return class extends a{static get cssVarList(){return{...a.cssVarList,[n]:nr(P(t.componentName,"_"+n),r)}}#N;constructor(){const e=(t=async e=>(e.shadowRoot||e).querySelector(e.baseSelector),async e=>{const r=await t(e);return new Promise(e=>{let t=0;const o=()=>{if(t>20)return console.error("could not get shadow root for element",r),void e(r);t++,r?.shadowRoot?e(r.shadowRoot):setTimeout(o)};o()})});var t;super({getRootElement:e,componentNameSuffix:"_"+n,themeSection:"@"+n,baseSelector:":host"}),this.#N=e(this).then(e=>e.host)}async#D(){const e=await this.#N;e.onmouseenter=e=>{e.target.setAttribute("hover","true")},e.onmouseleave=e=>{e.target.removeAttribute("hover")}}async init(){super.init?.();const e=await this.#N;q(this,e,{[i?"includeAttrs":"excludeAttrs"]:o}),this.#D()}}})({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:{..._r,property:"top"},loaderLeft:{..._r,property:"left"},loaderRight:{..._r,property:"right"},loaderMargin:{..._r,property:"margin"},loaderWidth:{..._r,property:"width"},loaderHeight:{..._r,property:"height"},loaderBorder:{..._r,property:"border"},loaderBorderColor:{..._r,property:"border-color"},loaderBorderRadius:{..._r,property:"border-radius"},contentHeight:{...$r,property:"height"},contentOpacity:{...$r,property:"opacity"},scrollerMinHeight:{selector:"vaadin-combo-box-scroller",property:"min-height"}},forward:{include:!1,attributes:["size"]}}),Er({proxyProps:["selectionStart"],inputEvent:"value-changed"}),lr,e=>class extends e{static get observedAttributes(){return["label-type"]}#$=({displayName:e,value:t,label:r})=>`<span data-name="${r}" data-id="${t}">${e||r}</span>`;#R;get defaultValue(){return this.getAttribute("default-value")}get renderItem(){return this.#$}set renderItem(e){this.#$=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())}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(r){if(!t.baseElement.items?.length&&!t.allowCustomValue)return;const o=t.customValueTransformFn(r)||"";o!==this.value&&e.set.call(this,o)}}})}#H(){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)}#q(){const e=this.baseElement.shadowRoot.querySelector("vaadin-combo-box-overlay");e._attachOverlay=()=>{e.bringToFront()},e._detachOverlay=()=>{},e._enterModalState=()=>{}}#Y(){this.baseElement.renderer=(e,t,r)=>{e.innerHTML=r.item.outerHTML}}#U(){this.hasDynamicData&&(this.baseElement._dataProviderFilterChanged=()=>{})}init(){super.init?.(),this.getValidity=function(){return!this.value&&this.isRequired?{valueMissing:!0}:{}},this.#Y(),this.#U(),setTimeout(()=>{this.setComboBoxDescriptor(),this.#q()}),j(this,this.renderItems.bind(this),{includeAttrs:["data"]}),F(this,this.#H.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"))}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&"label-type"===e&&("floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick))}setDefaultValue(){this.defaultValue&&(this.value=this.defaultValue)}#G(e){return this.baseElement.items?.find(t=>t["data-id"]===e)}#Z(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.#G(e);this.#Z(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")}})(Ir({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=Hr.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:Lr,includeForwardProps:["items","renderer","selectedItem"]}));customElements.define(Lr,Hr);const qr=e=>{const t=d.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")},Yr=$("image"),Ur=["src","src-dark"];class Gr extends(hr({componentName:Yr,baseSelector:"slot"})){static get observedAttributes(){return Ur}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",Y("\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.src)}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 src(){return this.themeSrc||this.legacySrc}updateFillColor(e){[e,...e.querySelectorAll("*[fill]")].forEach(e=>{e.setAttribute("fill",`var(${Zr.cssVarList.fill}, ${e.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.src),(async(e,t)=>{try{let r;if((e=>e.startsWith("data:image/svg+xml;base64,"))(e)){const t=atob(e.slice(26));r=qr(t)}else if("svg"===(e=>{const t=e.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return t?t[1]:null})(e)){const t=await fetch(e),o=await t.text();r=qr(o)}else r=((e,t)=>{const r=document.createElement("img");return r.setAttribute("src",e),r.setAttribute("alt",t),r})(e,t);return r.style.setProperty("max-width","100%"),r.style.setProperty("max-height","100%"),r}catch{return null}})(this.src,this.altText).then(e=>{this.innerHTML="",e&&(this.updateFillColor(e),this.appendChild(e))})}shouldRender(e){const t=this.getAttribute(e);return this.src===t}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&this.shouldRender(e)&&this.renderImage()}}const Zr=B(ar({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),sr,lr)(Gr),Qr=$("icon"),Jr=B(ar({mappings:{fill:[{},{property:Zr.cssVarList.fill}]}}),sr,lr)(Ir({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n      }\n      ",excludeAttrsSync:["tabindex","class","style"],componentName:Qr})),Kr=$("button"),{host:Xr,label:eo,slottedIcon:to}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let ro;const oo=B(ar({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...Xr,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:Jr.cssVarList.fill},labelTextDecoration:{...eo,property:"text-decoration"},labelSpacing:{...eo,property:"gap"},textAlign:{...eo,property:"justify-content",fallback:"center"},iconSize:[{...to,property:"width"},{...to,property:"height"}]}}),e=>class extends e{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}},sr,lr)(Ir({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${ro}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${oo.cssVarList.outlineWidth}) + var(${oo.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${oo.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${oo.cssVarList.hostHeight}) - var(${oo.cssVarList.outlineWidth}) - var(${oo.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${oo.cssVarList.hostWidth}) - var(${oo.cssVarList.outlineWidth}) - var(${oo.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:Kr})),{color:io,fontSize:no}=oo.cssVarList;ro=`\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(${io});\n\t\ttop: calc(50% - (var(${no}) / 2));\n\t\tleft: calc(50% - (var(${no}) / 2));\n\t\tborder-width: calc(var(${no}) / 10);\n\t\twidth: var(${no});\n\t\theight: var(${no});\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(Kr,oo);const ao=["MM/DD/YYYY","DD/MM/YYYY","YYYY/MM/DD"],so=ao[0],lo="YYYY-MM-DD",co="/",po=["January","February","March","April","May","June","July","August","September","October","November","December"],uo=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],ho={id:"month",min:1,max:12,placeholder:"MM"},mo={id:"day",min:1,max:31,placeholder:"DD"},go={id:"year",min:0,max:9999,placeholder:"YYYY"},bo=1900,yo=2099,fo=(e,t)=>{if("number"==typeof e)return new Date(e);if("string"==typeof e){const r=new Date(e.replace(/-/g,"/"));return t?new Date(Date.UTC(r.getFullYear(),r.getMonth(),r.getDate(),r.getHours(),r.getMinutes(),r.getSeconds(),r.getMilliseconds())):new Date(r)}return new Date},vo={MM:"(0?[1-9]|1[0-2])",DD:"(0?[1-9]|[12][0-9]|3[01])",YYYY:"([0-9]{4})"},xo=e=>{const t=(e=>`^${e.split(co).map(e=>vo[e]).join("\\D")}$`)(e),r=(e=>{const t=e.split(co);return e=>{const r={};return t.forEach((t,o)=>{r[t]=e[o+1]}),[r.YYYY,r.MM,r.DD]}})(e),o=new RegExp(t);return{pattern:t,validate:e=>o.test(e),getDate:e=>((e,t,r)=>{const o=t.exec(e);if(!o)return null;const[i,n,a]=r(o);return fo([i,n,a].join(co))})(e,o,r)}},Co=Object.fromEntries(ao.map(e=>[e,xo(e)])),wo=e=>!Number.isNaN(Number(e)),Io=e=>{const t=fo(e);return[t.getFullYear(),t.getMonth()+1,t.getDate()]},Mo=(e,t)=>{const[r,o,i]=Io(e),n={DD:String(i).padStart(2,"0"),MM:String(o).padStart(2,"0"),YYYY:String(r)};return t.replace(/DD|MM|YYYY/g,e=>n[e])},So=()=>fo().getTime(),Ao=e=>fo(e).getFullYear().toString(),Eo=e=>(fo(e).getMonth()+1).toString(),To=(e,t)=>t?new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate())).getTime():e.getTime(),ko=(e,t)=>Array.isArray(e)&&e.length===t&&e.filter(Boolean).length===t,zo=({label:e,dataId:t,dataName:r})=>`\n\t<div class="combo-box-item"\n\t\tdata-id="${t}"\n\t\tdata-name="${r}"\n\t>\n\t\t\t${e}\n\t</div>\n`,Lo=(e=po)=>e.map((e,t)=>zo({label:e,dataId:t+1,dataName:e})).join(""),No=(e,t)=>{const[r,o]=Io(t),[i,n]=Io(e);return i===r&&n===o},Do=(e,t,r)=>(e.addEventListener("input",t),e.addEventListener("focusout",r),e),Vo=z("calendar"),Po=["initial-value","initial-year","initial-month","years-range","calendar-months","calendar-weekdays","calendar-label-today","st-host-direction","disabled","full-width"],Bo=["calendar-label-submit","calendar-label-cancel"],Ro=ft({componentName:Vo,baseSelector:"div"}),{calendar:Oo,day:jo,dayEntry:Fo,currentDay:Wo,selectedDay:_o,disabledDay:$o,weekday:Ho,topNav:qo,topNavSelectors:Yo,bottomNav:Uo,navPrev:Go,navNext:Zo,navPrevRTL:Qo,navNextRTL:Jo,yearInput:Ko,monthInput:Xo}={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"}},ei=w(Ze({componentNameOverride:z("input-wrapper")}),Ze({mappings:{fontSize:{},fontFamily:{},hostWidth:[{selector:()=>":host",property:"width"},{selector:"table",property:"width"}],hostDirection:{property:"direction"},topNavVerticalPadding:[{...qo,property:"padding-top"},{...qo,property:"padding-bottom"}],topNavHorizointalPadding:[{...qo,property:"padding-right"},{...qo,property:"padding-left"}],topNavAlignment:{...qo,property:"justify-content"},topNavGap:{...qo,property:"gap"},topNavSelectorsGap:{...Yo,property:"gap"},bottomNavVerticalPadding:[{...Uo,property:"padding-top"},{...Uo,property:"padding-bottom"}],bottomNavHorizontalPadding:[{...Uo,property:"padding-right"},{...Uo,property:"padding-left"}],bottomNavAlignment:{...Uo,property:"justify-content"},bottomNavGap:{...Uo,property:"gap"},navMarginBottom:{...qo,property:"margin-bottom"},calendarPadding:[{...Oo,property:"padding-bottom"},{...Oo,property:"padding-right"},{...Oo,property:"padding-left"}],navBorderBottomWidth:{...qo,property:"border-bottom-width"},navBorderBottomColor:{...qo,property:"border-bottom-color"},navBorderBottomStyle:{...qo,property:"border-bottom-style"},weekdayFontSize:{...Ho,property:"font-size"},weekdayFontWeight:{...Ho,property:"font-weight"},currentDayBorderColor:{...Wo,property:"border-color"},currentDayBorderWidth:{...Wo,property:"border-width"},currentDayBorderStyle:{...Wo,property:"border-style"},dayHeight:{...Fo,property:"height"},daySize:[{...jo,property:"height"},{...jo,property:"width"}],dayPadding:{...jo,property:"padding"},dayRadius:{...jo,property:"border-radius"},dayTextAlign:{...jo,property:"text-align"},dayBlockAlign:{...jo,property:"margin"},dayTextColor:{...jo,property:"color"},dayFontWeight:{...jo,property:"font-weight"},dayBackgroundColor:{...jo,property:"background-color"},dayCursor:{...jo,property:"cursor"},dayFontSize:{...jo,property:"font-size"},dayBackgroundColorHover:{selector:()=>".day:hover",property:"background-color"},daySelectedTextdColor:{..._o,property:"color"},daySelectedBackgroundColor:{..._o,property:"background-color"},dayDisabledTextdColor:{...$o,property:"color"},yearInputWidth:{...Ko,property:"width"},monthInputWidth:{...Xo,property:"width"},navButtonSize:[{...Go,property:"width"},{...Go,property:"height"},{...Zo,property:"width"},{...Zo,property:"height"}],navButtonCursor:[{...Go,property:"cursor"},{...Zo,property:"cursor"}],navButtonRotation:[{...Qo,property:"transform"},{...Jo,property:"transform"}],navButtonOpacity:[{...Go,property:"opacity"},{...Zo,property:"opacity"}]}}),Qe,Je)(class extends Ro{static get observedAttributes(){return[].concat(Ro.observedAttributes||[],Po,Bo)}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  ',Y(`\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        ${oo.cssVarList.horizontalPadding}: 0;\n        ${oo.cssVarList.verticalPadding}: 0;\n        ${oo.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=fo(e).getTime();wo(t)&&t!==this.epoch&&(this.epoch=t,this.renderCalendar())}get value(){return this.epoch?Mo(this.epoch,lo):""}get isSelectedView(){return No(this.preview,this.epoch)}get isTodayView(){return No(So(),this.preview)}get monthNames(){return(e=>{const t=e?.split(",");return ko(t,12)?t:po})(this.getAttribute("calendar-months"))}get weekdayNames(){return(e=>{const t=e?.split?.(",");return ko(t,7)?t:uo})(this.getAttribute("calendar-weekdays"))}get hasYearValue(){return!!this.yearInput.value}get hasMonthValue(){return!!this.monthInput.value}get yearsRange(){const e=this.getAttribute("years-range")?.split("-");if(2===e?.length){const[t,r]=e.map(Number);if(t<=r)return[t,r]}const t=fo().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    ${Lo()}\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=Do(this.shadowRoot.querySelector(".month-input"),this.onMonthChange.bind(this),this.onMonthInputBlur.bind(this)),this.yearInput=Do(this.shadowRoot.querySelector(".year-input"),this.onYearChange.bind(this),this.onYearInputBlur.bind(this)),[this.monthInput,this.yearInput].forEach(e=>N(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=>N(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:fo(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||So(),t=Ao(e),r=Eo(e);this.monthInput.value=r,setTimeout(()=>{this.yearInput.baseElement.value=t})}}renderCalendar(){const e=fo(this.preview||So()).getTime(),[t,r]=Io(e);this.calendar&&(this.calendar.innerHTML=((e,t,r)=>{const o=((e,t)=>new Date(e,t,0).getDate())(e,t),i=new Date(e,t-1,1).getDay();let n="<table>";n+=`<thead><tr>${r.reduce((e,t)=>`${e}<th><span class="weekday">${t}</span></th>`,"")}</tr></thead>`,n+="<tbody>",n+="<tr>";for(let e=0;e<i;e++)n+="<td></td>";let a=i;for(let e=1;e<=o;e++)7===a&&(a=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    `,a++;for(;a<7;)n+="<td></td>",a++;return n+="</tr></tbody></table>",n})(t,r,this.weekdayNames.map(e=>e.substring(0,3)))),Array.from(this.calendar?.querySelectorAll(".day-entry .day")||[]).forEach(e=>e.addEventListener("click",this.onDayChange.bind(this))),this.updateInputs(),this.setSelectedDay(),this.setCurrentDay()}onDayChange(e){if(this.isDisabled)return;const t=fo(this.preview);t.setDate(Number(e.target.getAttribute("data-date-day"))),this.value=Mo(t.getTime(),lo),this.dispatchEvent(new CustomEvent("day-changed",{detail:t}))}onYearChange(e){if(!e.target.value)return;const t=fo(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=fo(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||Ao(this.preview)}onMonthInputBlur(e){this.monthInput.baseElement.value=e.target.value||Eo(this.preview)}getSelectedDayEle(){const e=fo(this.epoch).getDate();return this.calendar?.querySelector(`[data-date-day="${e}"]`)}getCurrentDayEle(){return this.calendar?.querySelector(`[data-date-day="${fo().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=fo(e),r=t.getMonth();if(0===r){const e=t.getFullYear();t.setFullYear(e-1),t.setMonth(11)}else t.setMonth(r-1);return t})(this.preview);this.preview=e.getTime(),this.renderCalendar()}navNextMonth(){if(this.isDisabled)return;const e=(e=>{const t=fo(e),r=t.getMonth();if(11===r){const e=t.getFullYear();t.setFullYear(e+1),t.setMonth(0)}else t.setMonth(r+1);return t})(this.preview);this.preview=e.getTime(),this.renderCalendar()}clearValue(){this.epoch="",this.value="",this.removeAttribute("preview"),this.submitButton.setAttribute("disabled","true")}onInitialValueChange(e){if(this.value)return;const t=fo(e).getTime();wo(t)?(this.epoch=t,this.preview=t):this.clearValue()}onYearsRangeChange(){setTimeout(()=>{this.yearInput&&(this.yearInput.innerHTML=(e=>{const[t,r]=e,o=[];for(let e=t;e<=r;e++)o.push(e);return o})(this.yearsRange).map(e=>zo({label:e,dataId:e,dataName:e})).join(""))})}onMonthNamesChange(){setTimeout(()=>{this.monthInput&&(this.monthInput.innerHTML=Lo(this.monthNames))})}onSubmitLabelChange(e){this.submitButton&&(this.submitButton.textContent=e||"Done")}onCancelLabelChange(e){this.cancelButton&&(this.cancelButton.textContent=e||"Cancel")}onInitialMonthChange(e){const t=Ao(this.preview);this.preview=fo(`${t}/${e}/1`).getTime()}onInitialYearChange(e){const t=Eo(this.preview);this.preview=fo(`${e}/${t}/1`).getTime()}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),t!==r&&(Bo.includes(e)?("calendar-label-submit"===e&&this.onSubmitLabelChange(r),"calendar-label-cancel"===e&&this.onCancelLabelChange(r)):(r&&"initial-value"===e&&this.onInitialValueChange(r),r&&"initial-month"===e&&this.onInitialMonthChange(r),r&&"initial-year"===e&&this.onInitialYearChange(r),"years-range"===e&&this.onYearsRangeChange(Number(r)),"calendar-months"===e&&this.onMonthNamesChange(),"calendar-label-today"===e&&this.setCurrentDay(r),"disabled"===e&&setTimeout(()=>{this.cancelButton?.setAttribute("disabled","true"===r)}),this.renderCalendar()))}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}});customElements.define(Vo,ei);const{host:ti,label:ri,placeholder:oi,requiredIndicator:ii,inputField:ni,input:ai,inputMask:si,helperText:li,errorMessage:di,disabledPlaceholder:ci,inputDisabled:pi,inputIcon:ui,externalInput:hi,externalInputDisabled:mi,externalPlaceholder:gi,externalDisabledPlaceholder:bi}={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 yi={fontSize:[{},ti],fontFamily:[ri,ni,li,di],labelFontSize:{...ri,property:"font-size"},labelFontWeight:{...ri,property:"font-weight"},labelTextColor:[{...ri,property:"color"},{...ii,property:"color"},{...ri,property:"-webkit-text-fill-color"},{...ii,property:"-webkit-text-fill-color"}],hostWidth:{...ti,property:"width"},hostMinWidth:{...ti,property:"min-width"},hostDirection:{...ti,property:"direction"},inputDirection:{...ai,property:"direction"},inputBackgroundColor:[{...ni,property:"background-color"},{...si,property:"background-color"}],errorMessageTextColor:{...di,property:"color"},errorMessageIcon:{...di,property:"background-image"},errorMessageIconSize:{...di,property:"background-size"},errorMessageIconPadding:{...di,property:"padding-inline-start"},errorMessageIconRepeat:{...di,property:"background-repeat"},errorMessageIconPosition:{...di,property:"background-position"},errorMessageFontSize:{...di,property:"font-size"},helperTextColor:{...li,property:"-webkit-text-fill-color"},inputValueTextColor:[{...ni,property:"color"},{...pi,property:"-webkit-text-fill-color"},{...mi,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...ai,property:"caret-color"},{...hi,property:"caret-color"}],labelRequiredIndicator:{...ii,property:"content"},inputBorderColor:{...ni,property:"border-color"},inputBorderWidth:{...ni,property:"border-width"},inputBorderStyle:{...ni,property:"border-style"},inputBorderRadius:{...ni,property:"border-radius"},inputHeight:{...ni,property:"height"},inputHorizontalPadding:[{...ai,property:"padding-left"},{...ai,property:"padding-right"},{...hi,property:"padding-left"},{...hi,property:"padding-right"}],inputOutlineColor:{...ni,property:"outline-color"},inputOutlineStyle:{...ni,property:"outline-style"},inputOutlineWidth:{...ni,property:"outline-width"},inputOutlineOffset:{...ni,property:"outline-offset"},textAlign:{},inputTextAlign:[{...ai,property:"text-align"},{...hi,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...gi,property:"color"},{...oi,property:"color"},{...ci,property:"-webkit-text-fill-color"},{...bi,property:"-webkit-text-fill-color"}],labelPosition:{...ri,property:"position"},labelTopPosition:{...ri,property:"top"},labelHorizontalPosition:[{...ri,property:"left"},{...ri,property:"right"}],inputTransformY:{...ri,property:"transform"},inputTransition:{...ri,property:"transition"},marginInlineStart:{...ri,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...gi,property:"opacity"}],inputVerticalAlignment:[{...ni,property:"align-items"},{...hi,property:"align-items"}],valueInputHeight:[{...ai,property:"height"},{...hi,property:"height"}],valueInputMarginBottom:[{...ai,property:"margin-bottom"},{...hi,property:"margin-bottom"}],inputIconOffset:[{...ui,property:"margin-right"},{...ui,property:"margin-left"}],inputIconSize:{...ui,property:"font-size"},inputIconColor:{...ui,property:"color"}};const fi=z("text-field"),vi=["type","label-type","copy-to-clipboard"],xi=w(Ze({mappings:yi}),Qe,pt({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Je,e=>class extends e{static get observedAttributes(){return vi.concat(e.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(e){if(!e)return void this.icon?.remove();const t={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},r={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...t}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,r),setTimeout(()=>{Object.assign(this.icon,t)},5e3)})}onLabelClick(){this.focus()}attributeChangedCallback(e,t,r){super.attributeChangeCallback?.(e,t,r),"type"===e&&this.baseElement._setType(r),t!==r&&("label-type"===e?"floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===e&&this.renderCopyToClipboard("true"===r))}})(it({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(${xi.cssVarList.inputOutlineWidth}) + var(${xi.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      ${Ne("vaadin-text-field")}\n\t\t\t${Se(xi.cssVarList)}\n\t\t\t${Le("vaadin-text-field",xi.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:fi}));customElements.define(fi,xi);class Ci{#R=Object.freeze([]);constructor({id:e,min:t,max:r,placeholder:o},i){this.id=e,this.min=t,this.max=r,this.placeholder=o,this.onChange=i}get data(){return this.#R}set data(e){this.#R=Object.freeze(e),this.onChange?.()}get#Q(){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 t=this.data;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.#Q<this.max?Math.max(this.#Q+(e||1),this.min):this.min)}dec(e){this.replaceValue(this.#Q>this.min?Math.min(this.#Q-(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 wi=z("date-field"),Ii=ft({componentName:wi,baseSelector:"vaadin-popover"}),Mi=["format","opened","initial-value","readonly","disable-calendar","utc-time"],Si=["years-range","calendar-months","calendar-weekdays"],Ai=[...Mi,...Si],Ei=xi.cssVarList,{host:Ti,input:ki,inputEleRTL:zi,toggleButton:Li,overlay:Ni,backdrop:Di}={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)"}},Vi=w(Ze({componentNameOverride:z("input-wrapper")}),Ze({mappings:{iconMargin:{...Li,property:"margin-inline-end"},hostWidth:{...Ti,property:"width"},hostDirection:{...Ti,property:"direction"},textAlign:{...ki,property:"text-align"},rtlInputDirection:{...zi,property:Ei.inputDirection},rtlInputAlignment:{...zi,property:Ei.inputTextAlign},overlayGap:{property:()=>Vi.cssVarList.overlayGap},overlayBackgroundColor:{property:()=>Vi.cssVarList.overlayBackgroundColor},overlayPadding:{property:()=>Vi.cssVarList.overlayPadding},overlayBoxShadow:{property:()=>Vi.overlayBoxShadow},overlayOutlineWidth:{property:()=>Vi.cssVarList.overlayOutlineWidth},overlayOutlineColor:{property:()=>Vi.cssVarList.overlayOutlineColor},overlayOutlineStyle:{property:()=>Vi.cssVarList.overlayOutlineStyle},errorMessageIcon:{selector:xi.componentName,property:xi.cssVarList.errorMessageIcon},errorMessageIconSize:{selector:xi.componentName,property:xi.cssVarList.errorMessageIconSize},errorMessageIconPadding:{selector:xi.componentName,property:xi.cssVarList.errorMessageIconPadding},errorMessageIconRepeat:{selector:xi.componentName,property:xi.cssVarList.errorMessageIconRepeat},errorMessageIconPosition:{selector:xi.componentName,property:xi.cssVarList.errorMessageIconPosition},errorMessageFontSize:{selector:xi.componentName,property:xi.cssVarList.errorMessageFontSize}}}),ht({name:"overlay",selector:"",mappings:{marginTop:{...Ni,property:"margin-top"},backgroundColor:{...Ni},backdropBackgroundColor:{...Di,property:"background-color"},backdropPointerEvents:{...Di,property:"pointer-events"},padding:{...Ni},boxShadow:{...Ni},outlineWidth:{...Ni},outlineColor:{...Ni},outlineStyle:{...Ni}}}),Qe,Je)(class extends Ii{epoch="";format=so;selectedCounterIdx=0;updateCountersDisplay(){this.inputElement.value=this.countersValue}updateValue(){if(this.isCountersOutOfRange)this.updateEpoch("");else{const e=Co[this.format].getDate(this.inputElement.value);this.updateEpoch(To(e,this.isUtcTime))}}onDateCounterChange=()=>{this.updateCountersDisplay(),this.updateValue(),this.#J()};updateEpoch(e){Number.isNaN(e)||!e.toString()?.length?this.epoch="":this.epoch=To(fo(e,this.isUtcTime),this.isUtcTime)}dateCounters=[new Ci(ho,this.onDateCounterChange.bind(this)),new Ci(mo,this.onDateCounterChange.bind(this)),new Ci(go,this.onDateCounterChange.bind(this))];static get observedAttributes(){return[].concat(Ii.observedAttributes||[],Ai)}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    ',Y('\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=Co[this.format].getDate(this.inputElement.value);return wo(e?.getTime())?e.getTime():null}get sortedCounters(){return this.format.split(co).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(co)}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){let t=parseInt(e,10);Number.isNaN(t)?(this.updateEpoch(""),this.resetDateCounters(),this.clearInputEle()):(this.updateEpoch(t),this.updateDateCounters(fo(t)))}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()}#J(){this.inputElement.baseElement.dispatchEvent(new Event("input",{bubbles:!0}))}updateInputDisplay(){this.inputElement.value=Mo(fo(this.countersValue).getTime(),this.format)}init(){super.init?.(),this.updateFormatPattern(),this.initPopover(),this.onDateCounterChange(),this.initInputElement(),setTimeout(()=>{this.#q()},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)),N(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.#K.bind(this),this.baseElement.addEventListener("click",e=>{e.preventDefault(),e.stopPropagation()})}handleSelectAll(){this.isSelectAll&&this.selectFirstCounter()}#X;#K(e){e.firstChild||(this.overlay.positionTarget=this.shadowRoot.querySelector(".toggle-calendar"),e.appendChild(this.#ee()),(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.#te(e),e.style.setProperty("visibility","visible"),this.updateCalendarView(e)},100)}#te(){const e=this.shadowRoot.querySelector("vaadin-popover").shadowRoot;this.#X?.remove();const t=document.body.getBoundingClientRect(),r=this.getBoundingClientRect(),o=this.calendar.getBoundingClientRect(),i=this.isRTL?"right":"left",n=r[i]-o[i],a=o.left,s=t.width-o.right;let l;l=n>0?Math.min(n,s):-1*Math.min(Math.abs(n),a),Y(`\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${l}px);\n      }\n    `,e)}#ee(){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}#q(){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=fo(this.calendar.value);this.value=To(e,this.isUtcTime),this.getCounterById("year").replaceValue(e.getFullYear()),this.getCounterById("month").replaceValue(e.getMonth()+1),this.getCounterById("day").replaceValue(e.getDate()),this.#J()}this.closePopover()}updateCalendarView(){const e=wo(fo(this.inputElement.value||"").getTime())&&Co[this.format].validate(this.inputElement.value);this.displayValueEpoch||e?this.calendar.setAttribute("initial-value",Mo(this.displayValueEpoch||this.epoch,lo)):(this.calendar.clearValue(),this.calendar.setAttribute("preview",Mo(So(),lo))),N(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(Co).includes(e)&&(this.format=e,this.updateFormatPattern())}updateFormatPattern(){const e=this.getAttribute("format")||this.format||so;this.setAttribute("type","date"),this.setAttribute("pattern",Co[e].pattern)}parseDigits(e){this.activeCounter.add(e),this.activeCounter.isFull&&this.selectNextCounter(),this.setInputSelectionRange()}getCounterIdx(e){const[t,r]=this.sortedCounters.map(e=>e.length);return[e<=t,e>=t&&e<=t+r+1,e>=t+r+2].indexOf(!0)}setSelectedCounterByCaretPosition(e){this.selectedCounterIdx=this.getCounterIdx(e.target?.selectionStart||this.inputElement.selectionStart)}selectFirstCounter(){this.selectedCounterIdx=0}selectNextCounter(){this.selectedCounterIdx<this.dateCounters.length&&(this.selectedCounterIdx=Math.min(this.selectedCounterIdx+1,2))}selectPrevCounter(){this.selectedCounterIdx>0&&(this.selectedCounterIdx=Math.min(this.selectedCounterIdx-1,1))}setInputSelectionRange(){this.selectedCounterIdx<0||setTimeout(()=>{const e=this.sortedCounters.slice(0,this.selectedCounterIdx).reduce((e,t)=>e+t.length,this.selectedCounterIdx);this.inputElement.setSelectionRange(e,e+this.sortedCounters[this.selectedCounterIdx].length)})}resetDateCounters(){this.dateCounters.forEach(e=>e.clear())}updateDateCounters(e){this.dateCounters.forEach(t=>{switch(t.id){case ho.id:t.set(this.isUtcTime?e.getUTCMonth()+1:e.getMonth()+1);break;case go.id:t.set(this.isUtcTime?e.getUTCFullYear():e.getFullYear());break;case mo.id:t.set(this.isUtcTime?e.getUTCDate():e.getDate())}})}handleKeyboard(e){e.metaKey||e.ctrlKey?"x"===e.key.toLowerCase()&&this.onCut(e):(this.handleSelectAll(),"ArrowUp"===e.key?this.activeCounter.inc():"ArrowDown"===e.key?this.activeCounter.dec():"ArrowRight"===e.key?this.selectNextCounter():"ArrowLeft"===e.key&&this.selectPrevCounter(),this.setInputSelectionRange())}handleNavKeys(e){this.isReadOnly||(this.opened&&this.closePopover(),this.activeCounter&&("deleteContentBackward"===e.inputType&&this.handleBackspace(),this.setInputSelectionRange()))}handleBackspace(){if(this.isSelectAll)return void this.resetToInitialState();const e=this.activeCounter;e.isEmpty?(this.selectPrevCounter(),this.setInputSelectionRange()):e.set(""),setTimeout(()=>{this.updateCountersDisplay(),this.setInputSelectionRange()})}handleMouseCaretPositionChange(e){this.opened||(e.preventDefault(),this.setSelectedCounterByCaretPosition(e),this.setInputSelectionRange())}onInitialValueChange(e){this.value||setTimeout(()=>{Number.isNaN(parseInt(e,10))||(this.value=Number(e))})}togglePopoverAccess(e){e?this.popoverToggleButton.classList.remove("hidden"):this.popoverToggleButton.classList.add("hidden")}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("disable-calendar"===e&&this.togglePopoverAccess("true"!==r),Mi.includes(e)?(r&&"format"===e&&this.onFormatUpdate(r),"initial-value"===e&&this.onInitialValueChange(r)):Si.includes(e)&&(r?this.calendar?.setAttribute(e,r):this.calendar?.removeAttribute(e)))}isInvalidDate(){const e=this.getCounterById("year"),t=e.numberValue>yo||e.numberValue<bo,r=Object.entries(this.getDateVals()).some(([e,t])=>{const r=this.getCounterById(e);return!t||r.numberValue!==t});return t||r}getValidity(){return this.isRequired&&this.isCountersEmpty?{valueMissing:!0}:this.isCountersOutOfRange||this.isInvalidDate()?{patternMismatch:!0}:{}}getDateVals(){const e={day:"",month:"",year:""};if(Number.isNaN(this.epoch))return e;try{const t=this.isUtcTime?new Date(this.epoch):fo(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.#re(this.countersValue),this.resetToInitialState()):(this.#re(this.activeCounter.stringValue),this.activeCounter.set("")),this.setInputSelectionRange()}#re(e){try{navigator.clipboard.writeText(e)}catch(e){console.error("Failed to copy date value:",e)}}onPaste(e){e.preventDefault();const t=(e.clipboardData||window.clipboardData).getData("Text"),r=((e,t)=>{const r=e.trim?.();return r?Co[t].getDate(r):null})(t,this.format);if(r)this.value=To(r,this.isUtcTime),this.onDateCounterChange(),setTimeout(()=>this.inputElement.setSelectionRange(0,this.inputElement.value.length));else{const e=Number(t);e&&this.activeCounter.min<=e&&this.activeCounter.max>=e&&(this.activeCounter.set(String(e)),setTimeout(()=>this.setInputSelectionRange()))}}});customElements.define(wi,Vi);const Pi=$("text");class Bi extends(hr({componentName:Pi,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',Y("\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(),F(this,()=>{const e=!!this.childNodes.length;this.style.display=!e&&this.hideWhenEmpty?"none":""})}}const{host:Ri}={host:{selector:()=>":host"}},Oi=B(ar({mappings:{hostWidth:{...Ri,property:"width"},hostDirection:{...Ri,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),sr,lr)(Bi),ji=z("divider");class Fi extends(rt({componentName:ji,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",Y("\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"),N(this,this.textComponent,{includeAttrs:["mode","variant","italic"]})}}const Wi=Oi.cssVarList,{host:_i,before:$i,after:Hi,text:qi}={host:{selector:()=>":host"},before:{selector:"::before"},after:{selector:"::after"},text:{selector:"descope-text"}},Yi=w(Ze({mappings:{hostWidth:{..._i,property:"width"},hostPadding:{..._i,property:"padding"},hostDirection:{...qi,property:"direction"},minHeight:{},alignItems:{},alignSelf:{},flexDirection:{},textAlign:{...qi,property:Wi.textAlign},labelTextWidth:{...qi,property:"width"},labelTextMaxWidth:{...qi,property:"max-width"},labelTextVerticalSpacing:[{...qi,property:"padding-top"},{...qi,property:"padding-bottom"}],labelTextHorizontalSpacing:[{...qi,property:"padding-right"},{...qi,property:"padding-left"}],stripeColor:[{...$i,property:"background-color"},{...Hi,property:"background-color"}],stripeHorizontalThickness:[{...$i,property:"height"},{...Hi,property:"height"}],stripeVerticalThickness:[{...$i,property:"width"},{...Hi,property:"width"}],stripeColorOpacity:[{...$i,property:"opacity"},{...Hi,property:"opacity"}]}}),Qe,Je)(Fi);customElements.define(Pi,Oi),customElements.define(ji,Yi);const Ui=z("email-field"),Gi=w(Ze({mappings:yi}),Qe,bt({inputType:"email",inputName:"email",autocompleteType:"username",includeAttrs:["disabled","readonly","pattern"]}),pt({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Je,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()}})(it({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(${Gi.cssVarList.inputOutlineWidth}) + var(${Gi.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      ${Ne("vaadin-email-field")}\n\t\t\t${Se(Gi.cssVarList)}\n\t\t\t${Le("vaadin-email-field",Gi.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:Ui}));customElements.define(Ui,Gi);const Zi=({componentName:e,varName:t,fallbackVarName:r})=>{let o;class i extends(rt({componentName:e,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t\t<div></div>\n\t\t\t",Y(`\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\t${o}\n\t\t\t\t}\n        `,this)}}const n=w(Ze({mappings:{height:{selector:()=>":host > div"},width:{selector:()=>":host > div"},[t]:{property:"content"},[r]:{property:"content"}}}),Qe,Je)(i);return o=`content: var(${n.cssVarList[t]}, var(${n.cssVarList[r]}));`,n},Qi=z("logo"),Ji=Zi({componentName:Qi,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(Qi,Ji);const Ki=z("totp-image"),Xi=Zi({componentName:Ki,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(Ki,Xi);const en=z("notp-image"),tn=Zi({componentName:en,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(en,tn);const rn=z("number-field"),on=w(Ze({mappings:yi}),Qe,pt({proxyProps:["value","selectionStart"]}),Je)(it({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(${on.cssVarList.inputOutlineWidth}) + var(${on.cssVarList.inputOutlineOffset}));\n\t\t\t}\n      ${Ne("vaadin-number-field")}\n\t\t\t${Se(on.cssVarList)}\n\t\t\t${Le("vaadin-number-field",on.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:rn}));customElements.define(rn,on);const nn="--descope-input-mask-content",an="--descope-input-mask-display",sn="--descope-input-mask-fallback",ln=e=>{e?.focus(),e?.setSelectionRange?.(1,1)},dn=e=>e.replace(/\D/g,"")||"",cn=(e,t)=>{t?(e.style.setProperty(nn,`"${t}"`),e.style.setProperty(an,"flex")):(e.style.removeProperty(nn),e.style.removeProperty(an))},pn=z("passcode-internal"),un=["digits","loading"],hn=["disabled","bordered","size","invalid","readonly","aria-labelledby"],mn=ft({componentName:pn,baseSelector:"div"}),gn=z("passcode"),bn=["digits"],{host:yn,digitField:fn,label:vn,requiredIndicator:xn,internalWrapper:Cn,focusedDigitField:wn,errorMessage:In}={host:{selector:()=>":host"},focusedDigitField:{selector:()=>`${xi.componentName}[focused="true"]`},digitField:{selector:()=>xi.componentName},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},internalWrapper:{selector:"descope-passcode-internal .wrapper"},errorMessage:{selector:"::part(error-message)"}},Mn=xi.cssVarList,Sn=Jt.cssVarList,An=w(Ze({mappings:{fontSize:[{...fn,property:Mn.fontSize},yn],hostWidth:{property:"width"},hostDirection:{...yn,property:"direction"},fontFamily:[yn,{...vn}],labelTextColor:[{...vn,property:"color"},{...vn,property:"-webkit-text-fill-color"},{...xn,property:"color"},{...xn,property:"-webkit-text-fill-color"}],labelRequiredIndicator:{...xn,property:"content"},errorMessageTextColor:{...In,property:"color"},errorMessageIcon:{...In,property:"background-image"},errorMessageIconSize:{...In,property:"background-size"},errorMessageIconPadding:{...In,property:"padding-inline-start"},errorMessageIconRepeat:{...In,property:"background-repeat"},errorMessageIconPosition:{...In,property:"background-position"},errorMessageFontSize:{...In,property:"font-size"},digitValueTextColor:{selector:xi.componentName,property:Mn.inputValueTextColor},digitSize:[{...fn,property:"height"},{...fn,property:"width"}],digitPadding:{...fn,property:Mn.inputHorizontalPadding},digitTextAlign:{...fn,property:Mn.inputTextAlign},digitCaretTextColor:{...fn,property:Mn.inputCaretTextColor},digitSpacing:{...Cn,property:"gap"},digitOutlineColor:{...fn,property:Mn.inputOutlineColor},digitOutlineWidth:{...fn,property:Mn.inputOutlineWidth},focusedDigitFieldOutlineColor:{...wn,property:Mn.inputOutlineColor},overlayOpacity:{...Cn,property:"opacity"},spinnerSize:{selector:Jt.componentName,property:Sn.spinnerSize}}}),Qe,yt,pt({proxyProps:["value","selectionStart"]}),Je,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?.(),Y("\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      <${pn}\n        bordered="true"\n        name="code"\n        tabindex="-1"\n        slot="input"\n        role="textbox"\n      ><slot></slot></${pn}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(pn),N(this,this.inputElement,{includeAttrs:["digits","size","loading","disabled"]})}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"digits"===e&&(this.style["--passcode-digits-count"]=r)}})(it({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(${Mn.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      ${Ne("vaadin-text-field")}\n\t\t\t${Te("vaadin-text-field")}\n    \t`,excludeAttrsSync:["tabindex","style"],componentName:gn}));customElements.define(pn,class extends mn{static get observedAttributes(){return un.concat(mn.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],dn(e))}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:this.pattern&&!new RegExp(this.pattern).test(this.value)?{patternMismatch:!0}:{}}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.inputs[0].focus()}),super.init?.(),this.renderInputs()}getInputIdx(e){return Number.parseInt(e.getAttribute("data-id"),10)}getNextInput(e){const t=this.getInputIdx(e),r=Math.min(t+1,this.inputs.length-1);return this.inputs[r]}getPrevInput(e){const t=this.getInputIdx(e),r=Math.max(t-1,0);return this.inputs[r]}fillDigits(e,t){for(let r=0;r<e.length;r+=1){t.value=e[r]??"";const o=this.getNextInput(t);if(o===t)break;t=o}ln(t)}parseInputValue(e,t=""){const r=t.split("");r.length?this.fillDigits(r,e):e.value=""}initInputs(){this.inputs.forEach(e=>{Y(`\n        vaadin-text-field::part(input-field)::before {\n          ${sn}: '';\n          content: var(${nn}, var(${sn}));\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=i()(t=>{this.parseInputValue(e,t),cn(e)},0,{trailing:!0});e.addEventListener("input",r=>{e.value=dn(e.value),e.value&&cn(e,e.value[0]),setTimeout(()=>{"deleteContentBackward"===r?.inputType&&ln(this.getPrevInput(e))}),t(e.value)}),e.onkeydown=({key:t})=>{"Backspace"===t?e.value?e.setSelectionRange(1,1):setTimeout(()=>ln(this.getPrevInput(e)),0):1===t.length&&(e.value="")},N(this,e,{includeAttrs:hn}),e.shadowRoot.querySelector("input").setAttribute("aria-label","passcode digit")}),this.handleFocusEventsDispatching(this.inputs),this.handleInputEventDispatching()}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&un.includes(e)&&("digits"===e&&this.renderInputs(),"loading"===e&&this.handleLoadingState("true"===r))}get pattern(){return`^$|^\\d{${this.digits},}$`}}),customElements.define(gn,An);const En=z("password"),{host:Tn,inputField:kn,inputElement:zn,inputElementPlaceholder:Ln,revealButtonContainer:Nn,revealButtonIcon:Dn,label:Vn,requiredIndicator:Pn,errorMessage:Bn,helperText:Rn}={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)"}},On=w(Ze({mappings:{hostWidth:{...Tn,property:"width"},hostMinWidth:{...Tn,property:"min-width"},hostDirection:{...Tn,property:"direction"},fontSize:[{},Tn],fontFamily:[Vn,kn,Bn,Rn],inputHeight:{...kn,property:"height"},inputHorizontalPadding:[{...zn,property:"padding-left"},{...zn,property:"padding-right"}],inputBackgroundColor:{...kn,property:"background-color"},inputBorderStyle:{...kn,property:"border-style"},inputBorderWidth:{...kn,property:"border-width"},inputBorderColor:{...kn,property:"border-color"},inputBorderRadius:{...kn,property:"border-radius"},inputOutlineColor:{...kn,property:"outline-color"},inputOutlineStyle:{...kn,property:"outline-style"},inputOutlineOffset:{...kn,property:"outline-offset"},inputOutlineWidth:{...kn,property:"outline-width"},labelFontSize:{...Vn,property:"font-size"},labelFontWeight:{...Vn,property:"font-weight"},labelTextColor:[{...Vn,property:"color"},{...Vn,property:"-webkit-text-fill-color"},{...Pn,property:"color"},{...Pn,property:"-webkit-text-fill-color"}],labelRequiredIndicator:{...Pn,property:"content"},errorMessageTextColor:{...Bn,property:"color"},errorMessageIcon:{...Bn,property:"background-image"},errorMessageIconSize:{...Bn,property:"background-size"},errorMessageIconPadding:{...Bn,property:"padding-inline-start"},errorMessageIconRepeat:{...Bn,property:"background-repeat"},errorMessageIconPosition:{...Bn,property:"background-position"},errorMessageFontSize:{...Bn,property:"font-size"},inputPlaceholderTextColor:[{...Ln,property:"color"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"color"}],inputValueTextColor:[{...zn,property:"color"},{selector:()=>":host ::slotted(input)",property:"color"}],revealButtonOffset:[{...Nn,property:"margin-right"},{...Nn,property:"margin-left"}],revealButtonSize:{...Nn,property:"font-size"},revealButtonColor:{...Dn,property:"color"},labelPosition:{...Vn,property:"position"},labelTopPosition:{...Vn,property:"top"},labelHorizontalPosition:[{...Vn,property:"left"},{...Vn,property:"right"}],inputTransformY:{...Vn,property:"transform"},inputTransition:{...Vn,property:"transition"},marginInlineStart:{...Vn,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...zn,property:"opacity"}],inputVerticalAlignment:{...kn,property:"align-items"},valueInputHeight:{...zn,property:"height"}}}),Qe,bt({inputType:"password",inputName:"password",includeAttrs:["disabled","readonly","pattern","type","autocomplete"],noBlurDispatch:!0}),pt({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Je,e=>class extends e{get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}init(){super.init?.();const e=this.querySelector("input");e?.addEventListener("mousedown",t=>{if(this.isDraggable&&this.isReadOnly){e.setAttribute("inert","true");const r=t.target,o=r.getAttribute("type");r.setAttribute("type","text"),setTimeout(()=>{r.focus()});const i=t=>{r.setAttribute("type",o),e.removeAttribute("inert"),this.removeEventListener("mouseup",i),this.removeEventListener("dragend",i)};this.addEventListener("dragend",i,{once:!0}),this.addEventListener("mouseup",i,{once:!0})}})}},e=>class extends e{static get observedAttributes(){return["manual-visibility-toggle"]}get manualToggleVisibility(){return"true"===this.getAttribute("manual-visibility-toggle")}init(){super.init?.(),this.handleCaretOnVisibilityChange(),this.origSetPasswordVisible=this.baseElement._setPasswordVisible,this.origSetFocused=this.baseElement._setFocused,this.baseElement._setFocused=this.setFocus.bind(this),this.initExternalInput()}initExternalInput(){const e=this.createExternalInput();e&&this.handlePasswordVisibility(e)}get caretPosition(){return this.value?.length||0}handleCaretOnVisibilityChange(){const e=this.baseElement._togglePasswordVisibility.bind(this.baseElement);this.baseElement._togglePasswordVisibility=()=>{setTimeout(()=>(e(),this.inputElement.setSelectionRange(this.caretPosition,this.caretPosition),!1))}}setFocus(e){this.manualToggleVisibility&&(this.baseElement._setPasswordVisible=()=>{}),this.origSetFocused.call(this.baseElement,e),this.baseElement._setPasswordVisible=this.origSetPasswordVisible.bind(this.baseElement)}resetPasswordVisibilityToggle(){this.baseElement._setPasswordVisible=this.origSetPasswordVisible,this.baseElement._setFocused=this.origSetFocus}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r)}handlePasswordVisibility(e){const t=this.baseElement.__boundRevealButtonMouseDown;this.baseElement.querySelector("vaadin-password-field-button").removeEventListener("mousedown",t),this.baseElement._passwordVisibleChanged=()=>{},this.baseElement._togglePasswordVisibility=()=>{"password"===e.getAttribute("type")?this.showPasswordVisibility(e):this.hidePasswordVisibility(e)}}showPasswordVisibility(e){e.setAttribute("type","text"),this.setAttribute("password-visible","true")}hidePasswordVisibility(e){e.setAttribute("type","password"),this.setAttribute("password-visible","false")}})(it({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${Se(On.cssVarList)}\n\t\t\t${Te("vaadin-password-field")}\n      ${Ne("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(${On.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:En}));customElements.define(En,On);const jn=z("text-area"),{host:Fn,label:Wn,placeholder:_n,inputField:$n,textArea:Hn,requiredIndicator:qn,helperText:Yn,errorMessage:Un}={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)"}},Gn=w(Ze({mappings:{hostWidth:{...Fn,property:"width"},hostMinWidth:{...Fn,property:"min-width"},hostDirection:{...Fn,property:"direction"},fontSize:[Fn,Hn],fontFamily:[Wn,$n,Yn,Un],labelTextColor:[{...Wn,property:"color"},{...Wn,property:"-webkit-text-fill-color"},{...qn,property:"color"}],labelRequiredIndicator:{...qn,property:"content"},errorMessageTextColor:{...Un,property:"color"},errorMessageIcon:{...Un,property:"background-image"},errorMessageIconSize:{...Un,property:"background-size"},errorMessageIconPadding:{...Un,property:"padding-inline-start"},errorMessageIconRepeat:{...Un,property:"background-repeat"},errorMessageIconPosition:{...Un,property:"background-position"},errorMessageFontSize:{...Un,property:"font-size"},inputBackgroundColor:{...$n,property:"background-color"},inputValueTextColor:{...Hn,property:"color"},inputPlaceholderTextColor:{..._n,property:"color"},inputBorderWidth:{...$n,property:"border-width"},inputBorderStyle:{...$n,property:"border-style"},inputBorderColor:{...$n,property:"border-color"},inputBorderRadius:{...$n,property:"border-radius"},inputOutlineStyle:{...$n,property:"outline-Style"},inputOutlineColor:{...$n,property:"outline-color"},inputOutlineOffset:{...$n,property:"outline-offset"},inputOutlineWidth:{...$n,property:"outline-width"},inputResizeType:{...Hn,property:"resize"},inputMinHeight:{...Hn,property:"min-height"},inputTextAlign:{...Hn,property:"text-align"}}}),Qe,pt({proxyProps:["value","selectionStart"]}),Je)(it({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      ${Ne("vaadin-text-area")}\n\t\t\t${Se(Gn.cssVarList)}\n\t\t\t${Ae("vaadin-text-area")}\n\t\t\t${Ee("vaadin-text-area")}\n\t\t\t${ke("vaadin-text-area","textarea")}\n\t\t\t${Te("vaadin-text-area")}\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:jn}));customElements.define(jn,Gn);var Zn=[{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:"+595",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 Qn=({code:e,dialCode:t,name:r})=>`\n\t<div\n\t\tdata-id="${t}"\n\t\tdata-name="${e} ${t} ${r}"\n\t\tdata-country-code="${e}"\n\t>\n\t\t<div>\n\t\t\t<span>\n\t\t\t\t<img src="${(e=>`https://static.descope.com/npm/svg-country-flags@1.2.10/svg/${e.toLowerCase()}.svg`)(e)}" width="20"/>\n\t\t\t</span>\n\t\t\t<span>${r}</span>\n\t\t</div>\n\t\t<div>\n\t\t\t<span>${e}</span>\n\t\t\t<span>${t}</span>\n\t\t</div>\n\t</div>\n`,Jn=e=>{const t=e||"";let r="",o="";const i=(0,c.l)(t);if(i)i.countryCallingCode&&(r=`+${i.countryCallingCode}`),i.nationalNumber&&(o=i.nationalNumber);else{const[e,i]=t.split("-");r=e||"",o=i||""}return[r,o]},Kn=z("phone-field-internal"),Xn=["disabled","size","bordered","readonly"],ea=["country-input-placeholder","default-code","restrict-countries"],ta=["phone-input-placeholder","maxlength","autocomplete","name"],ra=["label-type","country-input-label","label"],oa={"country-input-label":"label","country-input-placeholder":"placeholder","phone-input-placeholder":"placeholder"},ia=[].concat(Xn,ea,ta,ra),na=ft({componentName:Kn,baseSelector:"div"});customElements.define(Kn,class extends na{static get observedAttributes(){return[].concat(na.observedAttributes||[],ia)}#oe;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      ${Zn.map(e=>Qn(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],N(this,this.comboBox,{includeAttrs:["label-type"]}),N(this,this.textField,{includeAttrs:["label-type","required"]}),this.comboBox.customValueTransformFn=e=>{const[,t]=e?.split?.(" ")||[];return t}}get countryCodeInputData(){return this.comboBox.items}get countryCodeValue(){return this.comboBox.shadowRoot.querySelector("input").value}get phoneNumberInputEle(){return this.textField.shadowRoot.querySelector("input")}get allowAlphanumericInput(){return"true"===this.getAttribute("allow-alphanumeric-input")}get defaultCode(){return this.getAttribute("default-code")}get selectionStart(){return this.textField.selectionStart}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get selectedCountryCode(){return this.comboBox?.selectedItem?.getAttribute("data-country-code")}get restrictCountries(){const e=this.getAttribute("restrict-countries");return e?.split(",").filter(Boolean)||[]}get isFormatValue(){return"true"===this.getAttribute("format-value")}get isStrictValidation(){return"true"===this.getAttribute("strict-validation")}get value(){if(!this.comboBox.value||!this.textField.value)return"";const[e,t]=Jn(`${this.comboBox.value}-${this.textField.value}`);return`${e||this.comboBox.value}-${t||this.textField.value}`}set value(e){const[t,r]=Jn(e);this.#ie(t),this.#ne(r)}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.inputs[1].focus()}),super.init?.(),this.#ae()}getValidity(){const e=this.comboBox.value,t=this.textField.value,r=!e||!t,o=t&&t.length>=this.minLength;if(this.isRequired&&r)return{valueMissing:!0};if(this.value){if(!o)return{tooShort:!0};if(this.isStrictValidation&&!this.#se())return{patternMismatch:!0}}return{}}setSelectionRange(...e){this.textField.setSelectionRange(...e)}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),t!==r){if("default-code"===e&&r)this.#le(r);else if(ia.includes(e)){const t=oa[e]||e;Xn.includes(e)?this.inputs.forEach(e=>e.setAttribute(t,r)):ea.includes(e)?this.comboBox.setAttribute(t,r):ta.includes(e)&&this.textField.setAttribute(t,r)}ra.includes(e)&&this.#de(e,r),"restrict-countries"===e&&this.#ce(this.restrictCountries)}}#ae(){this.textField.addEventListener("input",e=>{if(!this.allowAlphanumericInput){const t=/^\d$/,r=e.target.value.split("").filter(e=>t.test(e)).join("");e.target.value=r}}),this.handleFocusEventsDispatching(this.inputs),this.handleInputEventDispatching(),this.addEventListener("input",this.#pe.bind(this))}#ie(e){if(!e||e===this.selectedCountryCode)return;let t;if(this.value){const r=this.#ue(`${e}-${this.textField.value}`);t=this.#he(r)}t||(t=this.#me(e)),this.comboBox.selectedItem=t}#ne(e){this.isFormatValue&&(e=this.#ge(e)),this.textField.value!==e&&(this.textField.value=e)}#ge(e=""){return this.#oe&&this.#oe.country===this.selectedCountryCode||(this.#oe=new p.Q(this.selectedCountryCode)),this.#oe.reset(),this.#oe.input(e)||e}#se(){const e=(0,c.l)(this.value);return!!(e&&e.isValid?.()&&e.country&&this.#be(e.country))}#be(e){return!this.restrictCountries.length||this.restrictCountries.includes(e)}#me(e){return this.comboBox.items?.find(t=>t.getAttribute("data-id")===e)||void 0}#he(e){return this.comboBox.items?.find(t=>t.getAttribute("data-country-code")===e)}#ue(e){if(!e)return;const t=(0,c.l)(e);if(!t?.country)return;const r=this.#he(t.country);return r?.getAttribute("data-country-code")}#ce(e){const t=e.length?Zn.filter(t=>e.includes(t.code)):Zn;this.querySelector("descope-combo-box").innerHTML=t.map(e=>Qn(e)).join("")}#le(e){if(!this.comboBox.value){const t=this.#he(e);t&&setTimeout(()=>{this.comboBox.selectedItem=t})}}#pe(){if(!this.value)return;const e=this.#ue(this.value);if(e&&this.selectedCountryCode!==e){const t=this.#he(e);t&&(this.comboBox.selectedItem=t)}}#de(e,t){const r=oa[e]||e;"label-type"===e?this.#ye(t):"floating"===this.getAttribute("label-type")&&("country-input-label"===e?this.comboBox.setAttribute(r,t):"label"===e&&this.textField.setAttribute(r,t))}#ye(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 aa=xi.cssVarList,sa=Hr.cssVarList,la=z("phone-field"),{host:da,label:ca,requiredIndicator:pa,inputField:ua,internalAfter:ha,countryCodeInput:ma,phoneInput:ga,separator:ba,errorMessage:ya,helperText:fa}={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)"}},va=w(Ze({mappings:{fontSize:[da,ua,{selector:xi.componentName,property:xi.cssVarList.fontSize},{selector:Hr.componentName,property:Hr.cssVarList.fontSize}],fontFamily:[ca,ya,fa,{...ma,property:Hr.cssVarList.overlay.fontFamily}],hostWidth:[{...da,property:"width"},{...ga,property:"width"},{...ma,property:"--vaadin-combo-box-overlay-width"}],hostDirection:{...da,property:"direction"},inputBorderStyle:[{...ha,property:"border-style"},{...ba,property:"border-left-style"}],inputBorderWidth:[{...ha,property:"border-width"},{...ba,property:"border-left-width"}],inputBorderColor:[{...ha,property:"border-color"},{...ba,property:"border-left-color"}],inputBorderRadius:[{...ua,property:"border-radius"},{...ha,property:"border-radius"}],countryCodeInputWidth:{...ma,property:sa.hostWidth},countryCodeDropdownWidth:{...ma,property:"--vaadin-combo-box-overlay-width"},phoneInputWidth:{...ga,property:"width"},horizontalPadding:[{...ga,property:"padding-left"},{...ga,property:"padding-right"},{...ma,property:"padding-left"},{...ma,property:"padding-right"}],labelTextColor:[{...ca,property:"color"},{...ca,property:"-webkit-text-fill-color"},{...pa,property:"color"}],labelRequiredIndicator:{...pa,property:"content"},errorMessageTextColor:{...ya,property:"color"},errorMessageIcon:{...ya,property:"background-image"},errorMessageIconSize:{...ya,property:"background-size"},errorMessageIconPadding:{...ya,property:"padding-inline-start"},errorMessageIconRepeat:{...ya,property:"background-repeat"},errorMessageIconPosition:{...ya,property:"background-position"},errorMessageFontSize:{...ya,property:"font-size"},inputValueTextColor:[{...ga,property:aa.inputValueTextColor},{...ma,property:sa.inputValueTextColor}],inputPlaceholderTextColor:{...ga,property:aa.inputPlaceholderColor},overlayItemBackgroundColor:{selector:"descope-combo-box",property:sa.overlayItemBackgroundColor},inputOutlineStyle:{...ua,property:"outline-style"},inputOutlineColor:{...ua,property:"outline-color"},inputOutlineWidth:{...ua,property:"outline-width"},inputOutlineOffset:{...ua,property:"outline-offset"},valueInputHeight:[{...ma,property:sa.valueInputHeight}],valueInputMarginBottom:[{...ga,property:aa.valueInputMarginBottom}],marginInlineStart:[{...ga,property:aa.marginInlineStart},{...ma,property:sa.marginInlineStart}]}}),Qe,yt,pt({proxyProps:["value","selectionStart"]}),e=>class extends e{static get CountryCodes(){return Zn}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${Kn}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${Kn}>\n      \t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Kn),N(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","bordered","minlength","maxlength","default-code","country-input-placeholder","phone-input-placeholder","disabled","restrict-countries","country-input-label","readonly","label","label-type","allow-alphanumeric-input","format-value","strict-validation"]})}get countryCodeItems(){return this.inputElement?.countryCodeValue}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}get countryCodeInputData(){return this.inputElement?.countryCodeInputData}get countryCodes(){return Array.from(this.inputElement.countryCodeInputData).map(e=>e.getAttribute("data-country-code"))}})(it({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${Se(va.cssVarList)}\n\t\t\t${Te("vaadin-text-field")}\n\t\t\t${ze("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(${va.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${sa.inputOutlineWidth}: 0;\n\t\t\t\t${sa.inputOutlineOffset}: 0;\n\t\t\t\t${sa.inputBorderWidth}: 0;\n\t\t\t\t${sa.inputBorderRadius}: 0;\n\t\t\t}\n\t\t\tdescope-text-field {\n\t\t\t\tflex-grow: 1;\n\t\t\t\t${aa.inputOutlineWidth}: 0;\n\t\t\t\t${aa.inputOutlineOffset}: 0;\n\t\t\t\t${aa.inputBorderWidth}: 0;\n\t\t\t\t${aa.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      ${Ne("vaadin-text-field")}\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:la}));customElements.define(la,va);const xa=z("phone-field-internal-input-box"),Ca=["disabled","size","readonly","phone-input-placeholder","name","maxlength","autocomplete","label-type"],wa={"phone-input-placeholder":"placeholder"},Ia=ft({componentName:xa,baseSelector:"div"});customElements.define(xa,class extends Ia{static get observedAttributes(){return[].concat(Ia.observedAttributes||[],Ca)}#oe;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"),Zn.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.#fe();const e=this.#ve();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.#xe.bind(this)),this.handleFocusEventsDispatching([this.textField])}getValidity(){const e=/^\+?\d{1,4}-?(?:\d-?){1,15}$/,t=this.#Ce(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.#se()||!this.isStrictValidation&&this.textField.value&&!e.test(this.value))return{patternMismatch:!0}}return{}}setSelectionRange(...e){this.textField.setSelectionRange(...e)}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),t!==r&&Ca.includes(e)){const t=wa[e]||e;this.textField.setAttribute(t,r)}}#xe(e){let t=this.#we(e.target.value);this.isFormatValue&&this.#Ie(t)&&(t=this.#Me(t)),e.target.value=t}#fe(){if(!this.defaultDialCode)return this.textField.value;const e=this.#Se(this.textField.value),t=this.#Ce(e);return[this.defaultDialCode,t].join("-")}#ve(){return this.defaultDialCode?(0,c.l)([this.defaultDialCode,this.#Ce(this.textField.value)].filter(Boolean).join("")):(0,c.l)(this.textField.value)}#Ce(e){return e.replace(/\D/g,"")}#Se(e){if("+"===this.textField.value?.[0]){const t=new RegExp(`^\\${this.defaultDialCode}`);return e.replace(t,"")}return e}#se(){const e=(0,c.l)(this.value);return!(!e||!e.isValid?.()||!e.country||!this.#be(e.country)||this.defaultCode&&this.defaultCode!==e.country)}#be(e){return!this.restrictCountries.length||this.restrictCountries.includes(e)}#we(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}#Me(e=""){const t=this.defaultCode||this.#Ae(e);return t?(this.#oe&&this.#oe.country===t||(this.#oe=new p.Q(t)),this.#oe.reset(),this.#oe.input(e)||e):e}#Ae(e){const t=(0,c.l)(e);return t?.country||""}#Ie(e){return!!(e=>{const t=e.match(/\(/g),r=e.match(/\)/g);return t?.length===r?.length})(e)}});const Ma=xi.cssVarList,Sa=z("phone-input-box-field"),{host:Aa,label:Ea,inputElement:Ta,requiredIndicator:ka,inputField:za,internalComponent:La,internalComponentAfter:Na,phoneInput:Da,errorMessage:Va,helperText:Pa}={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)"}},Ba=w(Ze({mappings:{fontSize:[Aa,za,{selector:xi.componentName,property:xi.cssVarList.fontSize}],fontFamily:[Ea,Va,Pa],hostWidth:{...Aa,property:"width"},hostMinWidth:{...Aa,property:"min-width"},hostDirection:{...Aa,property:"direction"},inputHorizontalPadding:[{...Da,property:"padding-left"},{...Da,property:"padding-right"}],labelFontSize:{...Ea,property:"font-size"},labelFontWeight:{...Ea,property:"font-weight"},labelTextColor:[{...Ea,property:"color"},{...Ea,property:"-webkit-text-fill-color"},{...ka,property:"color"}],labelRequiredIndicator:{...ka,property:"content"},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"},inputValueTextColor:{...Da,property:Ma.inputValueTextColor},inputPlaceholderTextColor:{...Da,property:Ma.inputPlaceholderColor},inputBorderStyle:{...Na,property:"border-style"},inputBorderWidth:{...Na,property:"border-width"},inputBorderColor:{...Na,property:"border-color"},inputBorderRadius:[{...La,property:"border-radius"},{...Na,property:"border-radius"}],inputOutlineStyle:{...La,property:"outline-style"},inputOutlineColor:{...La,property:"outline-color"},inputOutlineWidth:{...La,property:"outline-width"},inputOutlineOffset:{...La,property:"outline-offset"},labelPosition:{...Ea,property:"position"},labelTopPosition:{...Ea,property:"top"},labelHorizontalPosition:[{...Ea,property:"left"},{...Ea,property:"right"}],inputTransformY:{...Ea,property:"transform"},inputTransition:{...Ea,property:"transition"},marginInlineStart:{...Ea,property:"margin-inline-start"},valueInputHeight:{...Ta,property:"height"},valueInputMarginBottom:{selector:xi.componentName,property:Ma.valueInputMarginBottom}}}),Qe,yt,pt({proxyProps:["value","selectionStart"]}),e=>class extends e{static get CountryCodes(){return Zn}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${xa}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${xa}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(xa),N(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","minlength","maxlength","default-code","disabled","phone-input-placeholder","label","label-type","allow-alphanumeric-input","restrict-countries","format-value","strict-validation","data-errormessage-type-mismatch"]})}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}})(it({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n    :host {\n      display: inline-flex;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n    ${Se(Ba.cssVarList)}\n    ${Te("vaadin-text-field")}\n    ${ze("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      ${Ma.inputOutlineWidth}: 0;\n      ${Ma.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    ${Ne("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:Sa}));customElements.define(Sa,Ba);const Ra=z("new-password-internal"),Oa=(e,t)=>e.replace(/{{(\w+)+}}/g,(e,r)=>t?.[r]||e),ja=z("policy-validation"),Fa=["data","active-policies","overrides","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-actual-passwordstrength"],Wa=["label","value",...Fa];class _a extends(rt({componentName:ja,baseSelector:":host > div"})){#Ee;#Te=[];#ke;static get observedAttributes(){return Wa}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div>\n      <div class="label"></div>\n      <ul></ul>\n    </div>\n\t\t',Y("\n      :host > div {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n      }\n      .label {\n        max-width: 100%;\n        text-wrap: wrap;\n        overflow-wrap: break-word;\n      }\n      .hide-label .label {\n        display: none;\n      }\n      ul {\n        display: flex;\n        flex-direction: column;\n        padding: 0;\n        margin: 0;\n      }\n      ul, li {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n      }\n      li::before {\n        display: inline-block;\n        width: 1em;\n        text-align: center;\n      }\n        ",this),this.panel=this.shadowRoot.querySelector(":host > div"),this.label=this.shadowRoot.querySelector(".label"),this.list=this.shadowRoot.querySelector("ul")}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback?.(e,t,r),t!==r){if("label"===e&&this.updateLabel(r),Fa.includes(e)){if("data"===e)try{this.availablePolicies=JSON.parse(r)}catch{console.error("Failed to set available policies")}if("active-policies"===e&&(this.#Te=(r||"").split(",")),"data-password-policy-value-minlength"===e){const e=Number(r);!Number.isNaN(e)&&e>0&&(this.#ke={...this.#ke,minlength:{value:`${e}`}})}if("data-password-policy-value-passwordstrength"===e){const e=parseInt(r);!Number.isNaN(e)&&e>=0&&(this.#ke={...this.#ke,passwordstrength:{...this.#ke?.passwordstrength,expected:e}})}if("data-password-policy-actual-passwordstrength"===e){const e=Number(r);!Number.isNaN(e)&&e>=0&&(this.#ke={...this.#ke,passwordstrength:{...this.#ke?.passwordstrength,actual:e}})}}this.renderItems(this.#Ee,this.#Te,this.#ke)}}get availablePolicies(){return this.#Ee||[]}set availablePolicies(e){this.#Ee=e}get value(){return this.getAttribute("value")||""}getStrengthScore(){return this.value.length}compareValues(e,t,r){switch(e.toUpperCase()){case"GTE":return r>=t;case"GT":return r>t;case"LTE":return r<=t;case"LT":return r<t;case"EQ":return r===t;case"NEQ":return r!==t;default:throw new Error(`Invalid comparison type: ${e}`)}}validate(){let e=this.#Ee;return this.#ke&&(e=this.#Ee.map(e=>{const t=this.#ke[e.id];return t?{...e,data:t}:e})),this.#Te.reduce((t,r)=>{const o=e.find(e=>e.id===r);if(!o)return t;const{pattern:i,message:n,data:a,compare:s}=o;if(!i&&!s||!n)return t;const l={message:Oa(n,a),id:r};if(i){const e=new RegExp(Oa(i,a));l.valid=e.test(this.value)}else s&&(l.valid=this.compareValues(s,a?.expected??-1,a?.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:$a,item:Ha,symbolDefault:qa,symbolSuccess:Ya,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'}},Ga=w(Ze({componentNameOverride:z("input-wrapper")}),Ze({mappings:{hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},padding:{},borderWidth:{...$a,property:"border-width"},borderStyle:{...$a,property:"border-style"},borderColor:{...$a,property:"border-color"},borderRadius:{...$a,property:"border-radius"},backgroundColor:{...$a,property:"background-color"},textColor:{property:"color"},labelMargin:{...$a,property:"gap"},itemsSpacing:{...Ha,property:"line-height"},itemSymbolSuccessColor:{...Ya,property:"color"},itemSymbolErrorColor:{...Ua,property:"color"},itemSymbolDefault:{...qa,property:"content"},itemSymbolSuccess:{...Ya,property:"content"},itemSymbolError:{...Ua,property:"content"}}}),Qe,Je)(_a),Za=z("new-password"),Qa=Ga.cssVarList,{host:Ja,label:Ka,internalInputsWrapper:Xa,errorMessage:es,helperText:ts,passwordInput:rs,policyPreview:os}={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"}},is=w(Ze({mappings:{fontSize:[Ja,{},{selector:On.componentName,property:On.cssVarList.fontSize}],fontFamily:[Ka,es,ts],labelFontSize:{...Ka,property:"font-size"},labelFontWeight:{...Ka,property:"font-weight"},labelTextColor:{...Ka,property:"color"},errorMessageTextColor:{...es,property:"color"},errorMessageIcon:{...es,property:"background-image"},errorMessageIconSize:{...es,property:"background-size"},errorMessageIconPadding:{...es,property:"padding-inline-start"},errorMessageIconRepeat:{...es,property:"background-repeat"},errorMessageIconPosition:{...es,property:"background-position"},errorMessageFontSize:{...es,property:"font-size"},hostWidth:{...Ja,property:"width"},hostMinWidth:{...Ja,property:"min-width"},hostDirection:[{...Ja,property:"direction"},{...rs,property:On.cssVarList.hostDirection}],inputsRequiredIndicator:{...Ja,property:"content"},spaceBetweenInputs:{...Xa,property:"gap"},policyPreviewBackgroundColor:{...os,property:Qa.backgroundColor},policyPreviewPadding:{...os,property:Qa.padding},valueInputHeight:{...rs,property:On.cssVarList.valueInputHeight},valueInputMarginBottom:{...rs,property:On.cssVarList.valueInputMarginBottom}}}),Qe,pt({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<${Ra}\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      </${Ra}>\n\t\t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Ra),"true"===this.getAttribute("external-input")&&this.initExternalInput(),N(this,this.inputElement,{includeAttrs:["password-label","password-placeholder","confirm-label","confirm-placeholder","full-width","size","bordered","label","has-confirm","invalid","readonly","disabled","draggable","has-validation","policy-label","active-policies","available-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","label-type","manual-visibility-toggle"]})}createSlottedExternalInput(e,t){const r=e.querySelector("input"),o=document.createElement("slot"),i=r.getAttribute("slot");o.setAttribute("name",t),o.setAttribute("slot",i),e.appendChild(o),r.setAttribute("slot",t),r.setAttribute("name",this.getAttribute("name")),r.setAttribute("data-hidden-input","true"),this.appendChild(r)}initExternalInput(){this.passwordInput=this.inputElement.querySelector('[data-id="password"]'),this.confirmInput=this.inputElement.querySelector('[data-id="confirm"]'),this.createSlottedExternalInput(this.passwordInput,"external-password-input"),this.createSlottedExternalInput(this.confirmInput,"external-confirm-input")}})(it({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${Se(On.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:Za}));customElements.define(ja,Ga);const ns=/^password-/,as=/^confirm-/,ss=(e,t)=>e.replace(t,""),ls=["password-label","password-placeholder"],ds=["confirm-label","confirm-placeholder"],cs=["has-validation","policy-label","available-policies","active-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","manual-visibility-toggle"],ps=["has-confirm","disabled","bordered","size","full-width","maxlength","invalid","readonly","draggable","autocomplete","label-type","manual-visibility-toggle"],us=[].concat(ps,ls,ds,cs),hs=ft({componentName:Ra,baseSelector:"div"});customElements.define(Ra,class extends hs{static get observedAttributes(){return[].concat(hs.observedAttributes||[],us)}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)}),N(this,this.policyPanel,{includeAttrs:cs,mapAttrs:{"policy-label":"label","available-policies":"data"}})}handleIndicatorStyle(){this.inputs.forEach(e=>{Y(`\n\t\t\t\t:host ::part(required-indicator)::after {\n\t\t\t\t\tcontent: var(${is.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&&A(e,t=>{if(t.includes("invalid")){const t=e.getAttribute("invalid"),r=this.getAttribute("invalid");this.isInvalid&&r!==t&&e.setAttribute("invalid","true")}},{})})}initInputs(){this.handleIndicatorStyle(),this.handleInputsInvalidAttribute(),this.handleFocusEventsDispatching(this.inputs)}async togglePasswordStrength(){this.activePolicies.includes("passwordstrength")?this.passwordStrength||(await Promise.resolve().then(function(){return dv}),this.passwordStrength=document.createElement("descope-password-strength"),this.passwordStrength.setAttribute("options","Very weak,Weak,Average,Strong,Very strong"),this.passwordStrength.setAttribute("value",this.passwordInput.value||""),this.passwordStrength.setAttribute("st-host-direction",this.getAttribute("st-host-direction")),this.passwordStrength.setAttribute("full-width","true"),this.querySelector(".password-input-container").insertBefore(this.passwordStrength,this.policyPanel)):this.passwordStrength&&(this.passwordStrength.remove(),this.passwordStrength=null)}get activePolicies(){return(this.getAttribute("active-policies")||"").split(",")}toggleBooleanAttribute(e,t,r){null===r?e?.removeAttribute(t):e?.setAttribute(t,r)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("has-validation"===e?this.onHasValidationChange("true"===r):"has-confirm"===e?this.onHasConfirmChange("true"===r):ps.includes(e)?this.inputs.forEach(t=>this.toggleBooleanAttribute(t,e,r)):ls.includes(e)?this.toggleBooleanAttribute(this.passwordInput,ss(e,ns),r):ds.includes(e)&&this.toggleBooleanAttribute(this.confirmInput,ss(e,as),r),"active-policies"===e&&this.togglePasswordStrength())}}),customElements.define(Za,is);const ms=z("recaptcha"),gs=["enabled","site-key","action","enterprise"],bs=rt({componentName:ms,baseSelector:":host > div"}),ys=w(Qe)(class extends bs{static get observedAttributes(){return gs.concat(bs.observedAttributes||[])}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&"enabled"===e&&this.#ze("true"===r)}renderRecaptcha(e){this.children.length?this.updatePreview():this.toggleRecaptchaEles(e)}toggleRecaptchaEles(e){e?(this.recaptchaEle.style.display="",this.mockRecaptchaEle.style.display="none"):(this.recaptchaEle.style.display="none",this.mockRecaptchaEle.style.display="")}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="badge">\n      <span id="recaptcha"></span>\n      <img src="https://imgs.descope.com/connectors/templates/recaptcha/recaptcha-big.png" alt="recaptcha"/>\n    </div>\n    <slot></slot>\n\t',Y('\n      :host {\n        display: inline-flex;\n      }\n      :host > div:not(.hidden) {\n        display: flex;\n      }\n      :host #recaptcha .grecaptcha-badge {\n        box-shadow: none !important;\n      }\n      :host #recaptcha .grecaptcha-logo {\n        height: 100%;\n      }\n      :host #recaptcha {\n\t\t\t\twidth: 100%;\n        height: 100%;\n\t\t\t}\n      :host img {\n        width: 256px;\n      }\n      :host([full-width="true"]) {\n        width: 100%;\n      }\n      .hidden {\n        display: none;\n      }\n        ',this),this.recaptchaEle=this.baseElement.querySelector("#recaptcha"),this.mockRecaptchaEle=this.baseElement.querySelector("img"),this.badge=this.shadowRoot.querySelector(".badge")}init(){super.init?.(),E(this,this.updatePreview.bind(this))}updatePreview(){this.children.length?(this.recaptchaEle.style.display="none",this.mockRecaptchaEle.style.display="none",this.badge.classList.add("hidden")):(this.toggleRecaptchaEles(this.enabled),this.badge.classList.remove("hidden"))}get enterprise(){return"true"===this.getAttribute("enterprise")}get siteKey(){return this.getAttribute("site-key")}get action(){return this.getAttribute("action")||"load"}get enabled(){return"true"===this.getAttribute("enabled")}get scriptURL(){const e=new URL("https://www.google.com/recaptcha/");return e.pathname+=(this.enterprise?"enterprise":"api")+".js",e.searchParams.append("onload","onRecaptchaLoadCallback"),e.searchParams.append("render","explicit"),e.toString()}#ze(e){this.renderRecaptcha(e),e&&(this.#Le(),document.getElementById("recaptcha-script")?window.onRecaptchaLoadCallback():this.#Ne())}#Ne(){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}#De(e,t,r){this.isConnected&&e.ready(()=>{const o=t.querySelector('textarea[name^="g-recaptcha-response"]')?.cloneNode();if(o&&(o.style.display="none",document.body.appendChild(o)),!this.siteKey)return;const i=e?.execute(r,{action:this.action});i.then((i,n)=>{n?console.warn("could not execute recaptcha",n):(this.updateComponentsContext({risktoken:i,riskaction:this.action}),this.isConnected&&setTimeout(()=>{this.#De(e,t,r)},11e4)),o.remove()})})}#Le(){window.onRecaptchaLoadCallback=()=>{const e=this.recaptchaEle;if(e.hasChildNodes())return;const{grecaptchaInstance:t}=this;t&&setTimeout(()=>{const r=t.render(e,{sitekey:this.siteKey,badge:"inline",size:"invisible"});this.#De(t,e,r)},0)}}});customElements.define(ms,ys);const fs=z("upload-file"),vs=["title","description","button-label","accept","readonly","button-mode","button-variant","required","size","icon"],xs=ft({componentName:fs,baseSelector:":host > div"}),Cs=oo.cssVarList,{host:ws,wrapper:Is,icon:Ms,title:Ss,description:As,requiredIndicator:Es}={host:{selector:()=>":host"},wrapper:{selector:()=>":host > div"},icon:{selector:()=>"::slotted(*)"},title:{selector:()=>".title"},description:{selector:()=>".description"},requiredIndicator:{selector:()=>".title::after"}},Ts=w(Ze({componentNameOverride:z("input-wrapper")}),Ze({mappings:{fontSize:{},fontFamily:{},borderColor:{},borderWidth:{},borderStyle:{},borderRadius:{},hostHeight:{...ws,property:"height"},hostWidth:{...ws,property:"width"},hostPadding:{property:"padding"},hostDirection:[{...ws,property:"direction"},{selector:()=>oo.componentName,property:Cs.hostDirection}],gap:{...Is},lineHeight:{...Is,property:"line-height"},titleFontSize:{...Ss,property:"font-size"},titleFontWeight:{...Ss,property:"font-weight"},descriptionFontSize:{...As,property:"font-size"},labelTextColor:[{...Ss,property:"color"},{...As,property:"color"}],iconSize:{...Ms,property:"width"},requiredIndicator:{...Es,property:"content"}}}),Qe,Je)(class extends xs{static get observedAttributes(){return vs.concat(xs.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',Y("\n      :host {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t\t:host > div {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\ttext-align: center;\n\t\t\t\tflex-direction: column;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t.button-wrapper {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: fit-content;\n\t\t\t}\n\t\t\tinput {\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\topacity: 0;\n\t\t\t}\n        ",this),this.wrapperEle=this.shadowRoot.querySelector(".wrapper"),this.inputElement=this.shadowRoot.querySelector("input"),this.button.onclick=()=>this.inputElement.click(),this.inputElement.onchange=async e=>{const t=e.target.files;var r;t.length&&(this.value=await(r=t[0],new Promise(e=>{const t=new FileReader;t.onload=t=>e(t.target.result),t.readAsDataURL(r)})),this.updateDescription((e=>e.name.replace(/^.*\\/,""))(t[0])))},this.oninvalid=()=>{this.setAttribute("invalid","true")}}getValidity(){return this.isRequired&&!this.input.value?{valueMissing:!0}:(this.removeAttribute("invalid"),{})}initInputs(){this.rootElement.querySelector("descope-button").onclick=()=>this.inputElement.click()}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("title"===e?this.updateTitle(r):"description"===e?this.updateDescription(r):"button-label"===e?this.updateButtonLabel(r):"button-mode"===e?this.updateButtonMode(r):"button-variant"===e?this.updateButtonVariant(r):"size"===e?this.updateButtonSize(r):"accept"===e?this.updateInputAccept(r):"readonly"===e&&this.updateReadOnly(r))}get button(){return this.shadowRoot.querySelector("descope-button")}get input(){return this.shadowRoot.querySelector("input")}get title(){return this.shadowRoot.querySelector(".title-text")}get description(){return this.shadowRoot.querySelector(".description")}get icon(){return this.shadowRoot.querySelector(".icon")}updateTitle(e){this.title.textContent=e}updateDescription(e){this.description.textContent=e}updateButtonLabel(e){this.button.textContent=e}updateButtonSize(e){this.button.setAttribute("size",e)}updateButtonMode(e){this.button.setAttribute("mode",e)}updateButtonVariant(e){this.button.setAttribute("variant",e)}updateInputAccept(e){this.input.setAttribute("accept",e)}updateReadOnly(e){"true"===e?this.input.setAttribute("disabled","true"):this.input.removeAttribute("disabled")}});customElements.define(fs,Ts);const ks=e=>{class t extends(ft({componentName:e,baseSelector:"slot"})){constructor(){super(),this.innerHTML='\n    <slot part="wrapper"></slot>\n      '}dispatchChange=ot.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?.(),A(this,this.onObservedAttributeChange.bind(this),{includeAttrs:["size","readonly"]})}}return t},zs=z("button-selection-group-internal");class Ls extends(ks(zs)){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 Ns=e=>class extends e{#$=({value:e,label:t})=>`<descope-button-selection-group-item value="${e}">${t}</descope-button-selection-group-item>`;#R;get renderItem(){return this.#$}set renderItem(e){this.#$=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(),A(this,this.renderItems.bind(this),{includeAttrs:["data"]}),E(this,({addedNodes:e})=>{e.forEach(e=>{e.setAttribute("size",this.size)})})}},{host:Ds,label:Vs,requiredIndicator:Ps,internalWrapper:Bs,errorMessage:Rs}={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)"}},Os={hostWidth:{...Ds,property:"width"},hostDirection:{...Ds,property:"direction"},fontFamily:Ds,labelTextColor:[{...Vs,property:"color"},{...Ps,property:"color"}],labelRequiredIndicator:{...Ps,property:"content"},errorMessageTextColor:{...Rs,property:"color"},errorMessageIcon:{...Rs,property:"background-image"},errorMessageIconSize:{...Rs,property:"background-size"},errorMessageIconPadding:{...Rs,property:"padding-inline-start"},errorMessageIconRepeat:{...Rs,property:"background-repeat"},errorMessageIconPosition:{...Rs,property:"background-position"},errorMessageFontSize:{...Rs,property:"font-size"},itemsSpacing:{...Bs,property:"gap"}},js=`\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      ${Ne("vaadin-text-field")}\n\t\t\t${Te("vaadin-text-field")}\n    `,Fs=z("button-selection-group"),Ws=w(Ze({mappings:{...Os}}),Qe,pt({proxyProps:["value","selectionStart"]}),Je,Ns,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${zs}\n      \tname="button-selection-group"\n      \tslot="input"\n        tabindex="-1"\n        part="internal-component"\n      >\n        <slot></slot>\n      </${zs}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(zs),N(this,this.inputElement,{includeAttrs:["size","default-value","allow-deselect"]})}})(it({slots:[],wrappedEleName:"vaadin-text-field",style:()=>js,excludeAttrsSync:["tabindex","style"],componentName:Fs}));customElements.define(zs,Ls);const _s=z("button-selection-group-item");class $s extends(rt({componentName:_s,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`,Y("\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),N(this,this.baseElement,{includeAttrs:["size","variant"]}),N(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 Hs=w(Ze({mappings:{hostDirection:{selector:()=>oo.componentName,property:oo.cssVarList.hostDirection},backgroundColor:{selector:()=>oo.componentName,property:oo.cssVarList.backgroundColor},labelTextColor:{selector:()=>oo.componentName,property:oo.cssVarList.labelTextColor},borderColor:{selector:()=>oo.componentName,property:oo.cssVarList.borderColor},borderWidth:{selector:()=>oo.componentName,property:oo.cssVarList.borderWidth},borderStyle:{selector:()=>oo.componentName,property:oo.cssVarList.borderStyle},borderRadius:{selector:()=>oo.componentName,property:oo.cssVarList.borderRadius},outlineColor:{selector:()=>oo.componentName,property:oo.cssVarList.outlineColor}}}),Qe,Je)($s);customElements.define(_s,Hs),customElements.define(Fs,Ws);const qs=z("button-multi-selection-group-internal");class Ys extends(ks(qs)){#Ve(){return this.items.filter(e=>e.hasAttribute("selected"))}onClick(e){e.target!==e.currentTarget&&(this.#Ve().includes(e.target)?e.target.removeAttribute("selected"):e.target.setAttribute("selected","true"),this.dispatchChange())}get value(){return this.#Ve().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}#Pe(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.#Pe(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 Us=z("button-multi-selection-group"),Gs=w(Ze({mappings:{...Os}}),Qe,pt({proxyProps:["value","selectionStart"]}),Je,Ns,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${qs}\n      \tname="button-selection-group"\n      \tslot="input"\n        tabindex="-1"\n        part="internal-component"\n      >\n        <slot></slot>\n      </${qs}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(qs),N(this,this.inputElement,{includeAttrs:["size","default-values","min-items-selection","max-items-selection"]})}})(it({slots:[],wrappedEleName:"vaadin-text-field",style:()=>js,excludeAttrsSync:["tabindex","style"],componentName:Us}));customElements.define(qs,Ys),customElements.define(Us,Gs);class Zs extends u.v{get sortable(){return"true"===this.getAttribute("sortable")}_defaultRenderer(e,t,r){const o=r.item[this.path]||"",i=Array.isArray(o)?o.join(", "):o;this.__setTextContent(e,i),e.title=i}_defaultHeaderRenderer(e,t){this.sortable?super._defaultHeaderRenderer(e,t):this.__setTextContent(e,this.__getHeader(this.header,this.path))}}const Qs=z("grid-text-column");customElements.define(Qs,Zs);const Js=z("grid-custom-column");customElements.define(Js,class extends Zs{_defaultRenderer(e,t,r){const o=r.item[this.path]||"",i=Array.from(this.children).find(e=>{const t=e.getAttribute("data-pattern");return!t||new RegExp(t).test(o)});if(!i)return void this.__setTextContent(e,r.item[this.path]||"");const n=i.cloneNode(!0);n.textContent=o||"",e.innerHTML="",e.append(n)}});const Ks=()=>{const e=document.createElement("descope-checkbox");return e.setAttribute("bordered","true"),e.setAttribute("size","xs"),e},Xs=e=>!!e.items?.length&&e.selectedItems.length===e.items.length;class el extends h.${_onHeaderRendererOrBindingChanged(){}_headerRenderer(e){const t=e.parentNode;let r=e.querySelector("descope-checkbox");r||(r=Ks(),r.addEventListener("input",()=>{const e=Xs(t);t.selectedItems=e?[]:t.items}),e.appendChild(r)),r.setAttribute("checked",Xs(t))}_defaultRenderer(e,t,r){const o=e.parentNode;let i=e.querySelector("descope-checkbox");i||(i=Ks(),e.appendChild(i)),i.onchange=()=>{i.checked?o.selectItem(r.item):o.deselectItem(r.item)},i.setAttribute("checked",r.selected)}}const tl=z("grid-selection-column");customElements.define(tl,el);class rl extends u.v{get sortable(){return"true"===this.getAttribute("sortable")}_defaultRenderer(e,t,r){const o=t._gridValue,i=o.detailsOpenedItems?.indexOf(r.item)??-1,n=-1!==i,a=document.createElement("vaadin-icon");a.icon=n?"vaadin:angle-up":"vaadin:angle-down",a.classList.add("toggle-details-button",n?"opened":"closed"),e.innerHTML="",e.append(a),a.onclick=()=>{o.detailsOpenedItems=n?o.detailsOpenedItems.toSpliced(i,1):[...o.detailsOpenedItems,r.item]}}_defaultHeaderRenderer(e,t){this.sortable?super._defaultHeaderRenderer(e,t):this.__setTextContent(e,this.__getHeader(this.header,this.path))}}const ol=z("grid-item-details-column");customElements.define(ol,rl);const il=z("code-snippet");let nl=class extends(rt({componentName:il,baseSelector:":host > code"})){static get observedAttributes(){return["lang","inline"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <code class="hljs"></code>\n    ',Y("\n      :host {\n        display: inline-block;\n        width: 100%;\n      }\n      code {\n        display: block;\n        width: 100%;\n        min-height: 1em;\n        overflow-x: scroll;\n        overflow-y: scroll;\n      }\n      pre {\n        margin: 0;\n      }\n      ",this)}init(){super.init?.(),this.lang=this.getAttribute("lang"),this.isInline="true"===this.getAttribute("inline"),E(this,this.#Be.bind(this))}get contentNode(){return this.shadowRoot.querySelector(this.baseSelector)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("inline"===e&&(this.isInline=r),"lang"===e&&(this.lang=r),this.#Be())}#Be(){const e=(e=>{const t=document.createElement("textarea");return t.innerHTML=e,t.value})(this.textContent),t=this.lang;if(!t)return void(this.contentNode.textContent=e);const{value:r}=m.A.highlight(e,{language:t});this.contentNode.innerHTML=(e=>this.isInline?e:`<pre>${e}</pre>`)(r)}};const{root:al,docTag:sl,keyword:ll,metaKeyword:dl,templateTag:cl,templateVariable:pl,type:ul,variableLanguage:hl,title:ml,titleClass:gl,titleClassInherited:bl,titleFunction:yl,attr:fl,attribute:vl,literal:xl,meta:Cl,number:wl,operator:Il,variable:Ml,selectorAttr:Sl,selectorClass:Al,selectorId:El,regexp:Tl,string:kl,metaString:zl,builtIn:Ll,symbol:Nl,comment:Dl,code:Vl,formula:Pl,name:Bl,quote:Rl,selectorTag:Ol,selectorPseudo:jl,subst:Fl,section:Wl,bullet:_l,emphasis:$l,strong:Hl,addition:ql,deletion:Yl,charEscape:Ul,link:Gl,params:Zl,property:Ql,punctuation:Jl,tag:Kl}={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"}},Xl=w(Ze({mappings:{rootBgColor:{...al,property:"background-color"},rootTextColor:{...al,property:"color"},docTagTextColor:{...sl,property:"color"},keywordTextColor:{...ll,property:"color"},metaKeywordTextColor:{...dl,property:"color"},templateTagTextColor:{...cl,property:"color"},templateVariableTextColor:{...pl,property:"color"},typeTextColor:{...ul,property:"color"},variableLanguageTextColor:{...hl,property:"color"},titleTextColor:{...ml,property:"color"},titleClassTextColor:{...gl,property:"color"},titleClassInheritedTextColor:{...bl,property:"color"},titleFunctionTextColor:{...yl,property:"color"},attrTextColor:{...fl,property:"color"},attributeTextColor:{...vl,property:"color"},literalTextColor:{...xl,property:"color"},metaTextColor:{...Cl,property:"color"},numberTextColor:{...wl,property:"color"},operatorTextColor:{...Il,property:"color"},variableTextColor:{...Ml,property:"color"},selectorAttrTextColor:{...Sl,property:"color"},selectorClassTextColor:{...Al,property:"color"},selectorIdTextColor:{...El,property:"color"},regexpTextColor:{...Tl,property:"color"},stringTextColor:{...kl,property:"color"},metaStringTextColor:{...zl,property:"color"},builtInTextColor:{...Ll,property:"color"},symbolTextColor:{...Nl,property:"color"},commentTextColor:{...Dl,property:"color"},codeTextColor:{...Vl,property:"color"},formulaTextColor:{...Pl,property:"color"},nameTextColor:{...Bl,property:"color"},quoteTextColor:{...Rl,property:"color"},selectorTagTextColor:{...Ol,property:"color"},selectorPseudoTextColor:{...jl,property:"color"},substTextColor:{...Fl,property:"color"},sectionTextColor:{...Wl,property:"color"},bulletTextColor:{..._l,property:"color"},emphasisTextColor:{...$l,property:"color"},strongTextColor:{...Hl,property:"color"},additionTextColor:{...ql,property:"color"},additionBgColor:{...ql,property:"background-color"},deletionTextColor:{...Yl,property:"color"},deletionBgColor:{...Yl,property:"background-color"},charEscapeTextColor:{...Ul,property:"color"},linkTextColor:{...Gl,property:"color"},paramsTextColor:{...Zl,property:"color"},propertyTextColor:{...Ql,property:"color"},punctuationTextColor:{...Jl,property:"color"},tagTextColor:{...Kl,property:"color"}}}),Qe,Je)(nl);customElements.define(il,Xl);const ed=e=>{const t=Array.isArray(e);return t||console.error("data must be an array, received:",e),t},td=e=>{const t=document.createElement("div");return t.textContent=e,t.innerHTML},rd=e=>(e=>e?.constructor===Object)(e)?"object":Array.isArray(e)?"array":/^\s*<[\s\S]*>/.test(e)?"xml":"text",od=(e,t)=>`<descope-code-snippet lang="${t}" class="row-details__value code">${td(e)}</descope-code-snippet>`,id=e=>`<div class="row-details__value text" title="${e}">${td(e)}</div>`,nd=e=>od(JSON.stringify(e,null,2),"json"),ad=z("grid"),{host:sd,headerRow:ld,headerRowCell:dd,contentRow:cd,firstRow:pd,sortIndicators:ud,activeSortIndicator:hd,selectedRow:md,rowSeparator:gd,resizeHandle:bd,toggleDetailsPanelButton:yd,toggleDetailsPanelButtonOpened:fd,toggleDetailsPanelButtonClosed:vd,detailsPanel:xd,detailsPanelLabels:Cd,selectedRowCell:wd,detailsPanelContent:Id}={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"}},Md=w(Ze({componentNameOverride:z("input-wrapper")}),Ze({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostHeight:{selector:()=>":host",property:"height"},hostMinHeight:{selector:()=>":host",property:"min-height"},fontFamily:[{...ld},{...cd}],fontSize:[{...ld},{...cd}],fontWeight:{...cd},valueTextColor:{...cd,property:"color"},backgroundColor:[{...sd,property:"background-color"},{...cd,property:"background-color"}],sortIndicatorsColor:{...ud,property:"color"},activeSortIndicator:{...hd,property:"color"},borderColor:{...sd,property:"border-color"},borderWidth:{...sd,property:"border-width"},borderStyle:{...sd,property:"border-style"},borderRadius:{...sd,property:"border-radius"},selectedBackgroundColor:[{...md,property:"background-color"},{...wd,property:"background-color"}],headerRowTextColor:{...dd,property:"color"},separatorColor:[{...pd,property:"border-bottom-color"},{...gd,property:"border-top-color"}],resizeHandleColor:{...bd,property:"background-color"},hostDirection:{...sd,property:"direction",fallback:"ltr"},toggleDetailsPanelButtonSize:[{...yd,property:"width"},{...yd,property:"height"}],toggleDetailsPanelButtonOpenedColor:{...fd,property:"color"},toggleDetailsPanelButtonClosedColor:{...vd,property:"color"},toggleDetailsPanelButtonCursor:{...yd,property:"cursor"},detailsPanelBackgroundColor:{...xd,property:"background-color"},detailsPanelBorderTopColor:{...xd,property:"border-top-color"},detailsPanelLabelsColor:{...Cd,property:"color"},detailsPanelLabelsFontSize:{...Cd,property:"font-size"},detailsPanelItemsGap:{...Id,property:"grid-gap"},detailsPanelPadding:{...Id,property:"padding"}}}),Qe,Je,e=>class extends e{#Re;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.#Oe.bind(this)}#Oe=async(e,t,r)=>{e.addEventListener("mousedown",e=>e.stopImmediatePropagation(),!0);const o=this.getRowDetailsTemplate(r.item);e.innerHTML="",e.append(o.content.cloneNode(!0))};getRowDetailsTemplate(e){const t=this.#Re.reduce((e,{path:t,header:r})=>t&&r?{...e,[t]:r}:e,{}),r=this.rowDetailsRenderer?.(e,t)??((e,t)=>`\n  <div class="row-details">\n  ${Object.entries(e).map(([e,r])=>{return`<div class="row-details__item" >\n          <div class="row-details__label">${t[e]||(o=e,o.replace(/([A-Z])/g," $1").trim().split(" ").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "))}</div>\n          ${(e=>{const t=rd(e);return"object"===t?nd(e):"xml"===t?(e=>od(e,"xml"))(e):"array"===t?e.some(e=>"object"===rd(e))?nd(e):id(e.join(",\n")):id(e)})(r)}\n        </div>`;var o}).join("\n")}\n</div>\n  `)(e,t);switch(!0){case r instanceof HTMLTemplateElement:return r;case"string"==typeof r:return Object.assign(document.createElement("template"),{innerHTML:r});default:throw new Error("rowDetailsRenderer should return a string or a template")}}forwardSelectedItemsChange(){this.baseElement.addEventListener("selected-items-changed",e=>{this.dispatchEvent(new CustomEvent("selected-items-changed",{bubbles:!0,composed:!0,detail:e.detail}))})}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"columns"===e&&this.setColumnsDataFromAttr()}handleColumns(){this.columnsAttr?this.setColumnsDataFromAttr():this.children.length&&this.setColumnsFromChildren()}setColumnsFromChildren(){this.#Re=Array.from(this.children).map(e=>({path:e.getAttribute("path"),header:e.getAttribute("header"),type:e.localName.match("^descope-grid-(\\w+)-column$")?.[1]||"text",attrs:["frozen","resizable","auto-width","status"].reduce((t,r)=>{const o=e.getAttribute(r);return o&&(t[r]=o),t},{})}))}get columnsAttr(){return this.getAttribute("columns")}setColumnsDataFromAttr(){try{const e=JSON.parse(this.columnsAttr);ed(e)&&(this.columns=e)}catch(e){console.error('could not parse data string from attribute "columns" -',e.message)}}#je=({path:e,header:t,type:r,attrs:o})=>{const i=`descope-grid-${r}-column`;return`<${i} header="${t}" path="${e}" ${Object.entries(o).map(([e,t])=>`${e}="${t}"`).join(" ")}></${i}>`};get renderColumn(){return this.#je}set renderColumn(e){this.#je=e,this.renderColumns()}getColumnsTemplate(){return this.#Re?.reduce?.((e,t)=>e+(this.renderColumn?.(t||{})||""),"")}reassignRowDetailsRenderer(){this.baseElement.rowDetailsRenderer=null,setTimeout(()=>{this.baseElement.rowDetailsRenderer=this.#Oe.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(ed(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.#Re}set columns(e){this.#Re=e,this.renderColumns()}get paths(){return this.columns.map(e=>e.path)}get uniqueColumnId(){return this.getAttribute("unique-column-id")}})(it({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(${Md.cssVarList.detailsPanelItemsGap}))), 1fr));\n        width: 100%;\n      }\n      vaadin-grid .row-details__item:has(.row-details__value.code) {\n        grid-column: 1 / -1;\n        order: 2;\n      }\n      vaadin-grid .row-details__value.text {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: pre;\n      }\n      vaadin-grid .row-details__value.code {\n        margin-top: 5px;\n        max-height: 120px;\n        overflow: scroll;\n        font-size: 0.85em;\n      }\n      vaadin-grid vaadin-icon.toggle-details-button {\n        margin: auto;\n      }\n    /*!css*/\n\t\t`,excludeAttrsSync:["columns","tabindex","style"],componentName:ad}));customElements.define(ad,Md);const Sd=z("multi-select-combo-box"),{host:Ad,inputField:Ed,inputElement:Td,placeholder:kd,toggle:zd,clearButton:Ld,label:Nd,requiredIndicator:Dd,helperText:Vd,errorMessage:Pd,chip:Bd,chipLabel:Rd,overflowChipFirstBorder:Od,overflowChipSecondBorder:jd}={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"}},Fd=w(Ze({mappings:{hostWidth:{...Ad,property:"width"},hostDirection:{...Ad,property:"direction"},fontSize:[{},Ad],chipFontSize:{...Rd,property:"font-size"},fontFamily:[Nd,kd,Ed,Vd,Pd,Rd],labelFontSize:{...Nd,property:"font-size"},labelFontWeight:{...Nd,property:"font-weight"},labelTextColor:[{...Nd,property:"color"},{...Dd,property:"color"}],errorMessageTextColor:{...Pd,property:"color"},errorMessageIcon:{...Pd,property:"background-image"},errorMessageIconSize:{...Pd,property:"background-size"},errorMessageIconPadding:{...Pd,property:"padding-inline-start"},errorMessageIconRepeat:{...Pd,property:"background-repeat"},errorMessageIconPosition:{...Pd,property:"background-position"},errorMessageFontSize:{...Pd,property:"font-size"},inputHeight:{...Ed,property:"min-height"},inputBackgroundColor:{...Ed,property:"background-color"},inputBorderColor:{...Ed,property:"border-color"},inputBorderWidth:{...Ed,property:"border-width"},inputBorderStyle:{...Ed,property:"border-style"},inputBorderRadius:{...Ed,property:"border-radius"},labelRequiredIndicator:{...Dd,property:"content"},inputValueTextColor:{...Ed,property:"color"},inputPlaceholderTextColor:{...kd,property:"color"},inputDropdownButtonCursor:[{...zd,property:"cursor"},{...Ld,property:"cursor"}],inputDropdownButtonColor:[{...zd,property:"color"},{...Ld,property:"color"}],inputDropdownButtonSize:[{...zd,property:"font-size"},{...Ld,property:"font-size"}],inputDropdownButtonOffset:[{...zd,property:"margin-right"},{...zd,property:"margin-left"}],inputOutlineColor:{...Ed,property:"outline-color"},inputOutlineWidth:{...Ed,property:"outline-width"},inputOutlineStyle:{...Ed,property:"outline-style"},inputOutlineOffset:{...Ed,property:"outline-offset"},inputHorizontalPadding:[{...Td,property:"padding-left"},{...Td,property:"padding-right"},{...Ed,property:"padding-inline-start"}],inputVerticalPadding:[{...Ed,property:"padding-top"},{...Ed,property:"padding-bottom"}],chipTextColor:{...Rd,property:"color"},chipBackgroundColor:[{...Bd,property:"background-color"},{...Od,property:"border-color"},{...jd,property:"border-color"}],labelPosition:{...Nd,property:"position"},labelTopPosition:{...Nd,property:"top"},labelLeftPosition:{...Nd,property:"left"},labelHorizontalPosition:[{...Nd,property:"left"},{...Nd,property:"right"}],inputTransformY:{...Nd,property:"transform"},inputTransition:{...Nd,property:"transition"},marginInlineStart:{...Nd,property:"margin-inline-start"},placeholderOpacity:{...kd,property:"opacity"},inputVerticalAlignment:{...Ed,property:"align-items"},overlayBackground:{property:()=>Fd.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>Fd.cssVarList.overlay.textColor},overlayBorder:{property:()=>Fd.cssVarList.overlay.border},overlayFontSize:{property:()=>Fd.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>Fd.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>Fd.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>Fd.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>Fd.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>Fd.cssVarList.overlay.itemPaddingInlineEnd}}}),Qe,ht({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"]}}),pt({proxyProps:["selectionStart"],inputEvent:"selected-items-changed"}),mt,Je,e=>class extends e{static get observedAttributes(){return["readonly"]}#$=({displayName:e,value:t,label:r})=>{const o=document.createElement("span");return o.setAttribute("data-name",r),o.setAttribute("data-id",t),o.textContent=e||r,o.outerHTML};#R;#Fe=[];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.#$}set renderItem(e){this.#$=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(r){const o=t.customValueTransformFn(r)||"";o!==this.value&&e.set.call(this,o)}}})}#We(e){return Array.from(new Map(e.map(e=>[e.getAttribute("data-id"),e])).values())}#H(){const e=Array.from(this.children),t=this.#We(e);e.length?(this.removeAttribute("has-no-options"),t.forEach(e=>{Object.defineProperty(e,"data-name",{value:e.getAttribute("data-name"),configurable:!0,writable:!0}),Object.defineProperty(e,"data-id",{value:e.getAttribute("data-id"),configurable:!0,writable:!0})}),this.baseElement.items=t,setTimeout(()=>{this.updateSelectedItems()},0)):(this.baseElement.items=[],this.setAttribute("has-no-options","")),this.baseElement.renderer=(e,t,r)=>{e.innerHTML=r.item.outerHTML}}#q(){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=()=>{}}#_e(){this.allowCustomValues&&this.baseElement.addEventListener("custom-value-set",e=>{const t=this.#$({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.#_e(),this.renderItems(),A(this,this.renderItems.bind(this),{includeAttrs:["data"]}),E(this,this.#H.bind(this)),N(this,this.baseElement,{includeAttrs:["placeholder"]}),setTimeout(()=>{this.setComboBoxDescriptor(),this.#q()}),this.setDefaultValues(),this.baseElement.addEventListener("selected-items-changed",()=>{this.#$e(),this.dispatchEvent(new CustomEvent("input",{bubbles:!0}))})}setDefaultValues(){this.defaultValues.length>0&&(this.value=this.defaultValues)}#$e(){this.#Fe=this.baseElement.selectedItems?.map(e=>e.getAttribute("data-id"))||[]}set value(e){if(e&&e.length>0){const t=this.baseElement.items?.filter(t=>e.includes(t["data-id"]));if(this.allowCustomValues){const r=t?.map(e=>e.getAttribute("data-id"))||[],o=e.filter(e=>!r.includes(e));if(o.length){const t=o.reduce((e,t)=>e+this.#$({label:t,displayName:t,value:t}),"");return this.innerHTML+=t,void setTimeout(()=>{this.value=e},0)}}const r=t?.map(e=>e.getAttribute("data-id"))||[];((e,t)=>{if(!Array.isArray(e)||!Array.isArray(t))return!1;if(e.length!==t.length)return!1;const r=e.slice().sort(),o=t.slice().sort();for(let e=0;e<r.length;e++)if(r[e]!==o[e])return!1;return!0})(this.#Fe,r)||(this.baseElement.selectedItems=t)}else this.baseElement.selectedItems=[]}get value(){return this.#Fe}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"readonly"===e&&this.onReadOnlyChange(null!==r&&"true"===r)}onReadOnlyChange(e){e?this.baseElement?.shadowRoot?.querySelector("vaadin-multi-select-combo-box-internal")?.setAttribute("inert",e):this.baseElement?.shadowRoot?.querySelector("vaadin-multi-select-combo-box-internal")?.removeAttribute("inert")}})(it({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${Se(Fd.cssVarList)}\n\t\t\n    vaadin-multi-select-combo-box::part(input-field)::after {\n        opacity: 0;\n    }\n\n\t\t${ke("vaadin-multi-select-combo-box")}\n\t\t${Te("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    ${Ne("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:Sd,includeForwardProps:["items","renderer","selectedItems"]}));customElements.define(Sd,Fd);const Wd=z("modal"),_d=["opened"],$d=w(Ze({mappings:{overlayBackgroundColor:{property:()=>$d.cssVarList.overlay.backgroundColor},overlayShadow:{property:()=>$d.cssVarList.overlay.shadow},overlayWidth:{property:()=>$d.cssVarList.overlay.width}}}),ht({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"}],width:{selector:()=>"::part(overlay)",property:"width"},shadow:{selector:()=>"::part(overlay)",property:"box-shadow"}},forward:{include:!1,attributes:["opened","style"]}}),Qe,Je,e=>class extends e{static get observedAttributes(){return[].concat(e.observedAttributes||[],_d)}get opened(){return"true"===this.getAttribute("opened")}handleOpened(){this.opened?this.style.display="":this.style.display="none"}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"opened"===e&&this.handleOpened()}init(){super.init?.(),this.style.display="none",setTimeout(()=>{this.baseElement.shadowRoot.querySelector("vaadin-dialog-overlay").appendChild(document.createElement("slot")),this.#q(),N(this,this.baseElement,{includeAttrs:["opened"]}),this.handleOpened()})}#q(){const e=this.baseElement.shadowRoot.querySelector("vaadin-dialog-overlay");e._attachOverlay=()=>{e.bringToFront(),Y("\n          :host {\n            display: flex!important;\n          }\n          ",this.baseElement)},e._detachOverlay=()=>{this.baseElement.style.display="none"},e._enterModalState=()=>{},e.close=()=>!1}})(it({slots:[""],wrappedEleName:"vaadin-dialog",style:()=>"\n      vaaadin-dialog {\n        display: flex!important;\n      }\n    ",excludeAttrsSync:["tabindex","opened","style"],componentName:Wd}));customElements.define(Wd,$d);const Hd=window.customElements.get("vaadin-notification-container");if(!Hd)throw new Error("could not get vaadin-notification-container class");customElements.define(z("notification-container"),class extends Hd{});const qd=z("notification-card"),Yd={content:()=>"vaadin-notification-card::part(content)",overlay:()=>"vaadin-notification-card::part(overlay)"},Ud=w(Ze({mappings:{hostMinWidth:{selector:Yd.content,property:"min-width"},fontFamily:{},fontSize:{},backgroundColor:{selector:Yd.content},textColor:{property:"color"},boxShadow:{},borderWidth:{selector:Yd.content,property:"border-width"},borderColor:{selector:Yd.content,property:"border-color"},borderStyle:{selector:Yd.content,property:"border-style"},borderRadius:[{selector:Yd.content,property:"border-radius"},{selector:Yd.overlay,property:"border-radius"}],verticalPadding:[{selector:Yd.content,property:"padding-top"},{selector:Yd.content,property:"padding-bottom"}],horizontalPadding:[{selector:Yd.content,property:"padding-right"},{selector:Yd.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()}}})(it({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:qd}));customElements.define(qd,Ud);const Gd=z("notification"),Zd=w(Qe,Je,Xe,e=>class t extends e{#He;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.#He}),this.baseElement._removeNotificationCard=this.close.bind(this)}close(){this.#He.close()}init(){super.init?.(),this.createCard(),N(this,this.#He),k(this.#He,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.#He=document.createElement("descope-notification-card"),this.#He.addEventListener("card-closed",this.removeNotification.bind(this))}})(it({wrappedEleName:"vaadin-notification",excludeAttrsSync:["tabindex","style"],componentName:Gd}));customElements.define(Gd,Zd);const Qd=z("mappings-field-internal"),Jd=ft({componentName:Qd,baseSelector:"div"}),Kd=z("mappings-field"),{host:Xd,helperText:ec,errorMessage:tc,mappingItem:rc,labels:oc,labelsText:ic,valueLabel:nc,attrLabel:ac,separator:sc,labelsContainer:lc}={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"]'}},dc=w(Ze({mappings:{hostWidth:{...Xd,property:"width"},hostDirection:{...Xd,property:"direction"},fontSize:[{},Xd,{...sc,property:"margin-top"}],fontFamily:[ec,tc,oc],separatorFontSize:{...sc,property:"font-size"},labelsFontSize:{...ic,property:"font-size"},labelsLineHeight:[{...ic,property:"line-height"},{...oc,property:"line-height"}],labelTextColor:[{...oc,property:Oi.cssVarList.textColor},{...sc,property:"color"}],itemMarginBottom:{...rc,property:"margin-bottom"},valueLabelMinWidth:{...nc,property:"min-width"},attrLabelMinWidth:{...ac,property:"min-width"},labelsMarginBottom:{...lc,property:"margin-bottom"},separatorWidth:{},removeButtonWidth:{}}}),Qe,pt({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),Je,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      <${Qd}\n        tabindex="-1"\n      ></${Qd}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Qd),N(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"]}),k(this,this.inputElement,{includeAttrs:["invalid"]}),this.setDefaultValues()}})(it({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(${dc.cssVarList.separatorWidth}) 1fr var(${dc.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        ${Oi.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(${dc.cssVarList.separatorWidth}) 1fr var(${dc.cssVarList.removeButtonWidth});\n      }\n    `,excludeAttrsSync:["tabindex","label-value","label-attr","button-label","options","error-message","style"],componentName:Kd}));customElements.define(Qd,class extends Jd{#qe;static get observedAttributes(){return[].concat(Jd.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),N(this,t,{includeAttrs:["size","full-width","separator","options","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),setTimeout(()=>{this.setCustomValidity(""),t.addEventListener("mapping-item-removed",()=>{t===this.#qe&&(this.resetInvalidIndication(),this.#qe=void 0),t.remove(),this.setCustomValidity("")}),this.dispatchEvent(new CustomEvent("mapping-item-added",{bubbles:!0,composed:!0})),e&&t.focus()},0),t}get items(){return Array.from(this.mappingsContainerEle.querySelectorAll("descope-mapping-item"))}get value(){return this.items.reduce((e,t)=>t.value?[...e,t.value]:e,[])}set value(e){if(!this.isValidDataType(e))return void console.error("received invalid value to set - should be an array of objects with one key-value pair");const t=this.items;if(t.length>e.length)for(let r=e.length;r<t.length;r++)this.mappingsContainerEle.removeChild(t[r]);e.forEach((e,r)=>{const o=t[r];if(o)o.value=e;else{const t=this.addNewMappingItem(!1);setTimeout(()=>{t.value=e},0)}})}constructor(){super(),this.innerHTML='\n      <div class="labels-container" part="labels"></div>\n      <div class="mappings-container"></div>\n      <div class="button-container"></div>\n    ',this.labelsEle=this.querySelector(".labels-container"),this.mappingsContainerEle=this.querySelector(".mappings-container"),this.buttonContainer=this.querySelector(".button-container")}initLabels(){this.labelsEle.innerHTML=`\n      <descope-text variant="body2" part="value-label">${this.labelValue}</descope-text>\n      <descope-text variant="body2" part="attr-label">${this.labelAttr}</descope-text>\n    `}initAddButton(){this.buttonContainer.innerHTML=`\n      <descope-button variant="link" mode="primary" disabled="${this.isDisabled}">\n        <vaadin-icon icon="vaadin:plus"></vaadin-icon>\n        ${this.buttonLabel}\n      </descope-button>\n    `;const e=this.querySelector("descope-button");e.onclick=()=>{this.addNewMappingItem(!0)},N(this,e,{includeAttrs:["disabled"]})}#Ye(){this.labelsEle.style.display=this.items.length?"grid":"none"}init(){this.addEventListener("focus",e=>{e.isTrusted&&(this.#qe||this.items[0]||this.querySelector("descope-button")).focus()}),super.init?.(),this.initLabels(),this.initAddButton(),this.addEventListener("input",()=>{this.mappingsContainerEle.contains(this.#qe)&&this.#qe?.checkValidity()&&(this.resetInvalidIndication(),this.#qe.removeAttribute("invalid"),this.#qe=void 0)}),E(this.mappingsContainerEle,this.#Ye.bind(this))}resetInvalidIndication(){this.removeAttribute("invalid")}getValidity(){const e=this.items.find(e=>!e.checkValidity());return e?e.validity:{}}#Ue(e){e&&(this.#qe=this.items.find(e=>!e.checkValidity()),this.#qe?.reportValidity(),this.#qe?.setAttribute("invalid","true"))}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"label-value"!==e&&"label-attr"!==e||this.initLabels(),"button-label"===e&&this.initAddButton(),"invalid"===e&&this.#Ue("true"===r),"readonly"===e&&this.toggleAttribute("inert","true"===r)}});const cc=z("mapping-item"),pc=["size","bordered","readonly","full-width","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],uc=ft({componentName:cc,baseSelector:"div"});customElements.define(cc,class extends uc{static get observedAttributes(){return[].concat(uc.observedAttributes||[],pc,["separator","options","invalid","disabled"])}get separator(){return this.getAttribute("separator")||"map to"}get value(){const e=this.attributeInput.value,t=this.valueInput.value;return e&&t?{[e]:t}:null}set value(e){if(1!==Object.entries(e).length)return void console.error("descope-mapping item expected expects only one key-value pair in the value but received: ",e);const[t,r]=Object.entries(e)[0];this.valueInput.value=r,this.attributeInput.value=t,this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n      <div class="wrapper" part="wrapper">\n        <descope-text-field required="true"></descope-text-field>\n        <div class="separator" part="separator">${this.separator}</div>\n        <descope-combo-box\n          item-label-path="data-name"\n          item-value-path="data-id"\n          required="true"\n        >\n        </descope-combo-box>\n        <descope-button variant="link" mode="primary">\n          <vaadin-icon icon="vaadin:minus"></vaadin-icon>\n        </descope-button>\n      </div>\n\t`,Y("\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"),N(this,this.valueInput,{includeAttrs:pc}),N(this,this.attributeInput,{includeAttrs:[...pc,"options"],mapAttrs:{options:"data"}}),N(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}#Ge(e){"true"===e&&(this.valueInput.value||(this.valueInput.setAttribute("invalid","true"),this.valueInput.setAttribute("error-message",this.defaultErrorMsgValueMissing)),this.attributeInput.value||(this.attributeInput.setAttribute("invalid","true"),this.attributeInput.setAttribute("error-message",this.defaultErrorMsgValueMissing)))}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"separator"===e&&this.handleSeparatorChange(),"invalid"===e&&this.#Ge(r)}}),customElements.define(Kd,dc);const hc=$("badge");class mc extends(hr({componentName:hc,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t",Y("\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      ",this)}}const gc=B(ar({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{}}}),sr,lr)(mc),bc=z("user-attribute");class yc extends(rt({componentName:bc,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              <vaadin-icon src=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPgo8L3N2Zz4K></vaadin-icon>\n            </descope-button>\n            <descope-button size="xs" data-id="delete-btn" square="true" variant="link" mode="primary">\n              <vaadin-icon src=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPgo8L3N2Zz4K></vaadin-icon>\n            </descope-button>\n          </div>\n        </div>\n      </div>\n\t\t',Y(`\n      :host {\n\t\t\t\t\tdisplay: inline-flex;\n          container-type: inline-size;\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        @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(${Oi.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})))}static get observedAttributes(){return["label","value","placeholder","required","badge-label","badge-tooltip-text"].concat(super.observedAttributes)}handleDeleteButtonVisibility(){this.deleteButton.classList.toggle("hidden",this.isRequired||!this.value)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("label"===e?this.onLabelChange():"value"===e||"placeholder"===e?this.onValueOrPlaceholderChange():"required"===e?this.onIsRequiredChange():"badge-label"===e?this.onBadgeLabelChange():"badge-tooltip-text"===e&&this.onBadgeTooltipTextChange(),"value"!==e&&"required"!==e||this.handleDeleteButtonVisibility())}}const{host:fc,textFields:vc,buttons:xc,badge:Cc,labelText:wc,contentWrapper:Ic}={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"}},Mc=w(Ze({mappings:{hostWidth:{...fc,property:"width"},hostMinWidth:{...fc,property:"min-width"},hostMaxWidth:{...fc,property:"max-width"},hostDirection:[{...fc,property:"direction"},{...vc,property:Oi.cssVarList.hostDirection},{...xc,property:oo.cssVarList.hostDirection},{...Cc,property:gc.cssVarList.hostDirection}],labelMinWidth:{...wc,property:"min-width"},contentMinWidth:{...Ic,property:"min-width"},badgeMaxWidth:{...Cc,property:"max-width"},itemsGap:[{property:"gap"},{...Ic,property:"gap"}]}}),Qe,Je)(yc);customElements.define(hc,gc),customElements.define(bc,Mc);const Sc=z("user-auth-method");class Ac extends(rt({componentName:Sc,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',Y('\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"]{\n          display: inline-flex;\n          align-items: center;\n        }\n          ',this),this.unfulfilledButton=this.shadowRoot.querySelector(".btn.unfulfilled"),this.fulfilledButton=this.shadowRoot.querySelector(".btn.fulfilled"),this.statusIndicator=this.shadowRoot.querySelector(".status-indicator"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}updateButtonLabel(e,t){let r=e.querySelector("span");t?(r||(r=document.createElement("span"),e.appendChild(r)),r.innerText=t):r&&e.removeChild(r)}onFulfilledChange(){this.isFulfilled?(this.unfulfilledButton.classList.add("hidden"),this.handleFulfilled()):(this.fulfilledButton.classList.add("hidden"),this.handleUnfulfilled())}handleFulfilled(){this.fulfilledButton.classList.toggle("hidden",!this.isFulfilledEditable),this.statusIndicator.classList.toggle("hidden",this.isFulfilledEditable)}handleUnfulfilled(){this.unfulfilledButton.classList.toggle("hidden",!this.isUnfulfilledEditable),this.statusIndicator.classList.toggle("hidden",this.isUnfulfilledEditable)}get label(){return this.getAttribute("label")||""}get unfulfilledButtonLabel(){return this.getAttribute("button-label")||""}get fulfilledButtonLabel(){return this.getAttribute("fulfilled-button-label")||""}get isFulfilled(){return"true"===this.getAttribute("fulfilled")}get isFulfilledEditable(){return"true"===this.getAttribute("fulfilled-editable")}get isUnfulfilledEditable(){return"false"!==this.getAttribute("unfulfilled-editable")}init(){this.onLabelChange(),this.updateButtonLabel(this.fulfilledButton,this.fulfilledButtonLabel),this.updateButtonLabel(this.unfulfilledButton,this.unfulfilledButtonLabel),this.onFulfilledChange(),this.unfulfilledButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("button-clicked",{bubbles:!0,composed:!0}))),this.fulfilledButton.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("fulfilled-button-clicked",{bubbles:!0,composed:!0}))})}static get observedAttributes(){return["label","fulfilled","button-label","fulfilled-button-label","fulfilled-editable","unfulfilled-editable"].concat(super.observedAttributes)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("label"===e?this.onLabelChange():"fulfilled"===e?this.onFulfilledChange():"button-label"===e?this.updateButtonLabel(this.unfulfilledButton,this.unfulfilledButtonLabel):"fulfilled-button-label"===e?this.updateButtonLabel(this.fulfilledButton,this.fulfilledButtonLabel):"fulfilled-editable"===e&&this.isFulfilled?this.handleFulfilled():"unfulfilled-editable"!==e||this.isFulfilled||this.handleUnfulfilled())}}const{host:Ec,textField:Tc,buttons:kc,badge:zc,textWrapper:Lc,methodIconSlot:Nc}={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"]'}},Dc=w(Ze({mappings:{hostWidth:{...Ec,property:"width"},hostMinWidth:{...Ec,property:"min-width"},hostMaxWidth:{...Ec,property:"max-width"},hostDirection:[{...Ec,property:"direction"},{...Tc,property:Oi.cssVarList.hostDirection},{...kc,property:oo.cssVarList.hostDirection},{...zc,property:gc.cssVarList.hostDirection}],itemsGap:[{property:"gap"},{...Lc,property:"gap"}],iconSize:[{...Nc,property:"width"},{...Nc,property:"height"}],iconColor:[{selector:()=>"::slotted(*)",property:Jr.cssVarList.fill}]}}),Qe,Je)(Ac);customElements.define(Sc,Dc);const Vc=z("saml-group-mappings-internal"),Pc=ft({componentName:Vc,baseSelector:""}),Bc=z("saml-group-mappings"),{host:Rc,groupInput:Oc,errorMessage:jc}={host:{selector:()=>":host"},groupInput:{selector:"descope-text-field"},errorMessage:{selector:"::part(error-message)"}},Fc=w(Ze({mappings:{hostWidth:{...Rc,property:"width"},hostDirection:{...Rc,property:"direction"},groupNameInputMarginBottom:{...Oc,property:"margin-bottom"},errorMessageIcon:{...jc,property:"background-image"},errorMessageIconSize:{...jc,property:"background-size"},errorMessageIconPadding:{...jc,property:"padding-inline-start"},errorMessageIconRepeat:{...jc,property:"background-repeat"},errorMessageIconPosition:{...jc,property:"background-position"},errorMessageFontSize:{...jc,property:"font-size"}}}),Qe,pt({proxyProps:["value","selectionStart"],inputEvent:"input",triggerValidationEvents:["mapping-item-added","mapping-item-removed"],proxyParentValidation:!0}),Je,e=>class extends 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),N(this,this.inputElement,{includeAttrs:["size","full-width","label-group","label-value","label-attr","button-label","separator","options","readonly","disabled"]}),k(this,this.inputElement,{includeAttrs:["invalid"]})}})(it({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:Bc}));customElements.define(Vc,class extends Pc{static get observedAttributes(){return["invalid"].concat(Pc.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?.(),N(this,this.groupInputElement,{mapAttrs:{"label-group":"label"},includeAttrs:["size","label-group","readonly","disabled"]}),N(this,this.mappingsElement,{includeAttrs:["size","full-width","label-value","label-attr","button-label","separator","options","readonly","disabled","data-errormessage-pattern-mismatch"]}),A(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}#Ze(e){if(e){if(!this.groupInputElement.checkValidity())return void this.groupInputElement.setAttribute("invalid","true");this.mappingsElement.checkValidity()||this.mappingsElement.setAttribute("invalid","true")}}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"invalid"===e&&this.#Ze("true"===r)}}),customElements.define(Bc,Fc);const Wc=z("radio-button"),_c=w(Ze({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"}}}),pt({proxyProps:["setSelectionRange"]}),Je,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")}})(it({slots:[""],wrappedEleName:"vaadin-radio-button",excludeAttrsSync:["tabindex","data","style"],includeForwardProps:["checked","name","disabled"],componentName:Wc})),$c=z("radio-group"),Hc=w(Ze({mappings:{...yi,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(${_c.componentName})`,property:_c.cssVarList.labelTextColor}}}),Qe,pt({proxyProps:["setSelectionRange"]}),Je,e=>class extends e{#$=({value:e,label:t})=>`<descope-radio-button value="${e}">${t}</descope-radio-button>`;#R;constructor(){super(),Object.defineProperty(this.baseElement,"children",{get:()=>this.querySelectorAll(Wc)}),this.baseElement.__filterRadioButtons=e=>e.filter(e=>e.localName===Wc),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.#$?.(t||{})||""),"")}renderItems(){const e=this.getItemsTemplate();e&&(this.innerHTML=e)}init(){super.init?.(),this.inputElement=this.baseElement,this.renderItems(),A(this,this.renderItems.bind(this),{includeAttrs:["data"]}),Object.defineProperty(this.baseElement,"validity",{get:()=>({valueMissing:!this.baseElement.checkValidity()})}),N(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)})}),A(this,()=>{this.items.forEach(e=>{e.setAttribute("size",this.size)})},{includeAttrs:["size"]})}})(it({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    ${Ne("vaadin-radio-group")}\n    `,excludeAttrsSync:["tabindex","size","data","direction","style"],componentName:$c,includeForwardProps:["value"]}));customElements.define($c,Hc),customElements.define(Wc,_c);const qc=()=>!0,Yc=e=>`<pre>${JSON.stringify(e,null,4)}</pre>`,Uc=z("scopes-list"),Gc=["checkbox","switch"];class Zc extends(rt({componentName:Uc,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",Y("\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"}#Qe(){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.#Qe().filter(e=>e.checked).map(e=>e.getAttribute("data-id"))}set value(e=[]){this.#Qe().forEach(t=>{t.checked=e.includes(t.getAttribute("data-id"))})}get variant(){const e=this.getAttribute("variant");return Gc.includes(e)?e:Gc[0]}}const Qc=w(Ze({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>Dt.componentName,property:Dt.cssVarList.hostDirection},{selector:()=>$t.componentName,property:$t.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},requiredInputBorderColor:[{selector:`${Dt.componentName}[required="true"]`,property:Dt.cssVarList.inputBorderColor},{selector:`${$t.componentName}[required="true"]`,property:$t.cssVarList.inputBorderColor}],requiredInputValueTextColor:[{selector:`${Dt.componentName}[required="true"]`,property:Dt.cssVarList.inputValueTextColor},{selector:`${$t.componentName}[required="true"]`,property:$t.cssVarList.knobColor}]}}),(({itemRenderer:e=Yc,validateSchema:t=qc,slotName:r,rerenderAttrsList:o=[]})=>i=>class extends i{#R=[];#j(e){if(!t)return!0;const r=t(e);return!0===r||(console.error("Data schema validation failed",r||""),!1)}#F(){const e=r?`*[slot="${r}"]`:":not([slot])";this.baseElement.querySelectorAll(e).forEach(e=>e.remove())}#W(){this.#F(),this.data.forEach((t,r)=>{const o="string"==typeof(i=e(t,r,this))?(e=>{const t=document.createElement("template");return t.innerHTML=e,t})(i).content:i instanceof HTMLTemplateElement?i.content:(console.error("Invalid template",i),null);var i;this.baseElement.appendChild(o?.cloneNode(!0))})}set data(e){this.#j(e)&&(this.#R=e,this.#W())}get data(){return this.#R}init(){super.init?.(),A(this,e=>{e.includes("data")?this.#_():this.#W()},{includeAttrs:[...o,"data"]})}#_(){const e=this.getAttribute("data");if(e)try{this.data=JSON.parse(e)}catch(t){console.warn("Invalid JSON data",e)}}})({itemRenderer:({id:e,desc:t,required:r=!1},o,i)=>{const n="checkbox"===i.variant?Dt:$t;return`\n    <${n.componentName}\n      bordered="true"\n      size=${i.size}\n      label="${t}"\n      data-id="${e}"\n      readonly="${r||i.isReadOnly}"\n      required="${r}"\n      checked="true"\n    ></${n.componentName}>\n`},rerenderAttrsList:["size","variant"]}),Qe,Je)(Zc),Jc=$("list-item"),Kc=B(ar({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:{}}}),sr,lr,e=>class extends e{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n      <slot></slot>\n    ",Y("\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})})}})(hr({componentName:Jc,baseSelector:"slot"}));customElements.define(Jc,Kc);const Xc=$("list");class ep extends(hr({componentName:Xc,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',Y('\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()}#Je(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#Ke(){this.items.forEach(e=>{let t=e;t.localName!==Kc.componentName&&(t=e.querySelector(Kc.componentName));const r="tiles"===this.variant?"tile":"row";t?.setAttribute("variant",r)})}init(){super.init?.(),F(this,()=>{this.#Je(),this.#Ke(),this.#Xe()})}get isReadOnly(){return"true"===this.getAttribute("readonly")}#Xe(){this.items.forEach(e=>{this.isReadOnly?e.setAttribute("inert",""):e.removeAttribute("inert")})}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&("variant"===e?this.#Ke():"readonly"===e&&this.#Xe())}}const tp=B(ar({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"},itemsHorizontalAlign:{selector:()=>"::slotted(*)",property:"justify-self"},emptyStateTextColor:{selector:()=>'slot[name="empty-state"]',property:"color"},emptyStateTextFontFamily:{selector:()=>'slot[name="empty-state"]',property:"font-family"}}}),sr,lr)(ep);customElements.define(Xc,tp),customElements.define(Uc,Qc);const rp=z("third-party-app-logo");class op extends(rt({componentName:rp,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',Y('\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 ip=">.company-logo-wrapper",np=">.third-party-app-logo-wrapper",ap=w(Ze({mappings:{logoMaxHeight:[{selector:ip,property:"height"},{selector:np,property:"height"}],logoMaxWidth:[{selector:ip,property:"max-width"},{selector:np,property:"max-width"}],thirdPartyAppLogo:{selector:()=>".third-party-app-logo",property:"content",fallback:{}},companyLogoFallback:{selector:Ji.componentName,property:Ji.cssVarList.fallbackUrl},gap:{},arrowsColor:{selector:Jr.componentName,property:Jr.cssVarList.fill}}}),Qe,Je)(op);customElements.define(Yr,Zr),customElements.define(Qr,Jr),customElements.define(rp,ap);const sp=z("security-questions-setup"),lp=["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"],dp=["count","questions"];class cp extends(rt({componentName:sp,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",Y("\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}#et(){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.#tt(lp)}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(sp,"Error parsing questions attribute",e),[]}}get data(){return this.questions.map(({id:e,text:t})=>({value:e,label:t}))}get comboBoxes(){return Array.from(this.baseElement.querySelectorAll("descope-combo-box"))}get textFields(){return Array.from(this.baseElement.querySelectorAll("descope-text-field"))}get inputs(){return Array.from(this.baseElement.querySelectorAll("descope-combo-box, descope-text-field"))}get selectedQuestionIds(){return this.comboBoxes.map(e=>e.value)}get value(){return this.comboBoxes.map(e=>({id:e.value,answer:this.getAttachedTextField(e).value}))}set value(e=[]){e.forEach((e,t)=>{const r=this.comboBoxes[t],o=this.getAttachedTextField(r);r.value=e.id,o.value=e.answer})}#rt(e,t,r){null===r?e.removeAttribute(t):e.setAttribute(t,r)}#tt(e){const t={question:this.comboBoxes,answer:this.textFields};e.forEach(e=>{const[r,...o]=e.split("-"),i=t[r]||this.inputs,n=t[r]?o.join("-"):e;i.forEach(t=>{this.#rt(t,n,this.getAttribute(e))})})}init(){super.init?.(),A(this,()=>{this.#et()},{includeAttrs:dp}),A(this,this.#tt.bind(this),{includeAttrs:lp})}}const pp=w(Ze({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>Hr.componentName,property:Hr.cssVarList.hostDirection},{selector:()=>xi.componentName,property:xi.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"}}}),Qe,Je)(cp);customElements.define(sp,pp);const up=z("security-questions-verify"),hp=["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"],mp=["question-mode"],gp={"answer-placeholder":"placeholder","answer-data-errormessage-value-missing":"data-errormessage-value-missing","question-mode":"mode"},bp=[...hp,...mp],yp=["questions"];class fp extends(rt({componentName:up,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",Y("\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n        ",this)}#et(){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.#tt(bp),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(up,"Error parsing questions attribute",e),[]}}get texts(){return Array.from(this.baseElement.querySelectorAll("descope-text"))}get textFields(){return Array.from(this.baseElement.querySelectorAll("descope-text-field"))}get elements(){return Array.from(this.baseElement.querySelectorAll("descope-text, descope-text-field"))}get value(){return this.textFields.map(e=>({id:e.getAttribute("data-id"),answer:e.value}))}set value(e=[]){e.forEach(({id:e,answer:t})=>{const r=this.textFields.find(t=>t.getAttribute("data-id")===e);r&&(r.value=t)})}#rt(e,t,r){null===r?e.removeAttribute(t):e.setAttribute(t,r)}#ot(e){switch(!0){case hp.includes(e):return this.textFields;case mp.includes(e):return this.texts;default:return[]}}#tt(e){e.forEach(e=>{this.#ot(e).forEach(t=>{this.#rt(t,gp[e]||e,this.getAttribute(e))})})}init(){super.init?.(),A(this,()=>{this.#et()},{includeAttrs:yp}),A(this,this.#tt.bind(this),{includeAttrs:bp})}}const vp=w(Ze({componentNameOverride:z("input-wrapper")}),Ze({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>Oi.componentName,property:Oi.cssVarList.hostDirection},{selector:()=>xi.componentName,property:xi.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},questionTextAlign:{selector:()=>Oi.componentName,property:Oi.cssVarList.textAlign},questionFontSize:{selector:()=>Oi.componentName,property:Oi.cssVarList.fontSize},questionFontFamily:{selector:()=>Oi.componentName,property:Oi.cssVarList.fontFamily},questionCursor:{selector:()=>Oi.componentName,property:"cursor"},errorMessageIcon:{selector:()=>Oi.componentName,property:Oi.cssVarList.errorMessageIcon},errorMessageIconSize:{selector:()=>Oi.componentName,property:Oi.cssVarList.errorMessageSize},errorMessageIconPadding:{selector:()=>Oi.componentName,property:Oi.cssVarList.errorMessagePadding},errorMessageIconRepeat:{selector:()=>Oi.componentName,property:Oi.cssVarList.errorMessageRepeat},errorMessageIconPosition:{selector:()=>Oi.componentName,property:Oi.cssVarList.errorMessagePosition},errorMessageFontSize:{selector:()=>Oi.componentName,property:Oi.cssVarList.errorMessageFontSize}}}),Qe,Je)(fp);customElements.define(up,vp);const xp=/^\d+$/,Cp=z("hybrid-field"),wp={shared:["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:["label","placeholder","data-errormessage-value-missing-email","data-errormessage-pattern-mismatch-email","external-input"],phone:{countryCode:["phone-input-label","country-input-label","country-input-placeholder","restrict-countries","default-code","phone-minlength","phone-format-value","phone-strict-validation","data-errormessage-value-missing-phone"],inputBox:["label","restrict-countries","default-code","phone-minlength","phone-format-value","phone-strict-validation","data-errormessage-value-missing-phone"]}},Ip={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"}},Mp="descope-phone-field",Sp=rt({componentName:Cp,baseSelector:"div"}),Ap=w(Ze({componentNameOverride:z("input-wrapper")}),Ze({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:()=>va.componentName,property:va.cssVarList.errorMessageIcon},{selector:()=>Ba.componentName,property:Ba.cssVarList.errorMessageIcon}],errorMessageIconSize:[{selector:()=>va.componentName,property:va.cssVarList.errorMessageIconSize},{selector:()=>Ba.componentName,property:Ba.cssVarList.errorMessageIconSize}],errorMessageIconPadding:[{selector:()=>va.componentName,property:va.cssVarList.errorMessageIconPadding},{selector:()=>Ba.componentName,property:Ba.cssVarList.errorMessageIconPadding}],errorMessageIconRepeat:[{selector:()=>va.componentName,property:va.cssVarList.errorMessageIconRepeat},{selector:()=>Ba.componentName,property:Ba.cssVarList.errorMessageIconRepeat}],errorMessageIconPosition:[{selector:()=>va.componentName,property:va.cssVarList.errorMessageIconPosition},{selector:()=>Ba.componentName,property:Ba.cssVarList.errorMessageIconPosition}],errorMessageFontSize:[{selector:()=>va.componentName,property:va.cssVarList.errorMessageFontSize},{selector:()=>Ba.componentName,property:Ba.cssVarList.errorMessageFontSize}]}}),Qe,Je)(class extends Sp{#it=!1;#nt;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <div class="wrapper">\n      <descope-email-field external-input="${this.isExternalInput}"></descope-email-field>\n      <descope-phone-field allow-alphanumeric-input="true"></descope-phone-field>\n      <descope-phone-input-box-field allow-alphanumeric-input="true"></descope-phone-input-box-field>\n    </div>\n\t\t`,Y("\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),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(Mp),this.phoneInputBoxInput=this.shadowRoot.querySelector("descope-phone-input-box-field"),this.inputs=[this.emailInput,this.phoneCountryCodeInput,this.phoneInputBoxInput],this.activeInput=this.emailInput}initInputEles(){[this.emailInputEle,this.phoneCountryCodeInput.phoneNumberInputEle,this.phoneInputBoxInput.phoneNumberInputEle].forEach(e=>{e.addEventListener("input",this.onValueChange.bind(this))})}overrideEmailInputType(){this.emailInputEle.addEventListener("focus",()=>{this.emailInputEle.setAttribute("type","text")}),this.emailInputEle.addEventListener("blur",()=>{setTimeout(()=>{this.emailInputEle.setAttribute("type","email")})})}overrideEmailSetAttribute(){const e=this.emailInput.setAttribute.bind(this.emailInputEle);this.emailInputEle.setAttribute=(t,r)=>("type"!==t||"email"!==r||!this.emailInput.hasAttribute("focused"))&&e(t,r)}updateAttrs(){N(this,this.emailInput,{includeAttrs:wp.email,mapAttrs:Ip.email}),N(this,this.phoneCountryCodeInput,{includeAttrs:wp.phone.countryCode,mapAttrs:Ip.phone}),N(this,this.phoneInputBoxInput,{includeAttrs:wp.phone.inputBox,mapAttrs:Ip.phone}),this.inputs.forEach(e=>N(this,e,{includeAttrs:wp.shared})),setTimeout(()=>this.phoneCountryCodeInput.setAttribute("default-code",this.defaultCode))}onValueChange(){this.#nt=this.activeInputEle.selectionStart,this.handleActiveInput(this.activeInput.value)}handleActiveInput(e){const t=(e=>xp.test(e.replaceAll("+","").replaceAll("-","")))(e)?this.phoneVariant:this.emailInput;this.activeInput!==t&&this.setActiveInput(t)}setActiveInput(e){const t=this.activeInput.value;this.activeInput=e,this.setActiveInputValue(t),this.#it&&this.activeInput.reportValidity(),this.setActiveInputSelectionStart(),this.toggleInputVisibility()}setActiveInputSelectionStart(){setTimeout(()=>{this.activeInputEle.focus(),this.activeInputEle.setSelectionRange?.(this.#nt,this.#nt)})}setActiveInputValue(e){const t=(e=>e.replace(/\+\d+-/,""))(e),r=this.activeInput.localName===Mp?`${this.phoneCountryCodeInput.countryCodeItems}-${t}`:t;this.activeInput.value=r}toggleInputVisibility(){this.inputs.forEach(e=>{e!==this.activeInput?e.classList.add("hidden"):e.classList.remove("hidden")})}reportValidity(){this.#it=!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(Cp,Ap);const Ep=$("link");class Tp extends(hr({componentName:Ep,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',Y('\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),q(this,this.shadowRoot.querySelector("a"),{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),q(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]})}}const kp={host:{selector:()=>":host"},link:{selector:()=>":host a"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>Oi.componentName}},{anchor:zp,text:Lp,host:Np,wrapper:Dp,link:Vp}=kp,Pp=B(ar({mappings:{hostWidth:{...Np,property:"width"},hostDirection:{...Lp,property:"direction"},textAlign:Dp,textDecoration:{...Vp,property:"text-decoration",fallback:"none"},textColor:[{...zp,property:"color"},{...Lp,property:Oi.cssVarList.textColor}],cursor:zp}}),sr,lr)(Tp);customElements.define(Ep,Pp);const Bp=["blockquote","list","image","table","code","hr","backticks","fence","reference","heading","lheading","html_block"],Rp=$("enriched-text");class Op extends(hr({componentName:Rp,baseSelector:":host > div"})){#at;#st;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="content"></div>\n    ',Y("\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.#lt(),F(this,this.#dt.bind(this))}static get observedAttributes(){return["readonly","link-target-blank"]}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&("readonly"===e&&this.onReadOnlyChange("true"===r),"link-target-blank"===e&&this.#lt())}customUnderlineRenderer(){this.processor.renderer.rules.em_open=(e,t,r,o,i)=>("_"===e[t].markup&&(e[t].tag="u"),this.#st(e,t,r,o,i)),this.processor.renderer.rules.em_close=(e,t,r,o,i)=>("_"===e[t].markup&&(e[t].tag="u"),this.#st(e,t,r,o,i))}#ct(){this.linkTargetBlank?this.processor.renderer.rules.link_open=(e,t,r,o,i)=>(e[t].attrSet("target","_blank"),this.#at(e,t,r,o,i)):this.processor.renderer.rules.link_open=this.#at}#pt(){this.processor&&this.processor.disable(Bp)}#ut(){this.#pt()}#ht(){this.#at=this.processor.renderer.rules.link_open||((e,t,r,o,i)=>i.renderToken(e,t,r)),this.#st=this.processor.renderer.rules.em_open||((e,t,r,o,i)=>i.renderToken(e,t,r))}#lt(){this.processor=new g.A("commonmark",{html:!0}),this.#ht(),this.#ut(),this.#ct(),this.customUnderlineRenderer()}get linkTargetBlank(){return"true"===this.getAttribute("link-target-blank")}get contentNode(){return this.shadowRoot.querySelector(".content")}#dt(){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}onReadOnlyChange(e){e?this.contentNode.setAttribute("inert",e):this.contentNode.removeAttribute("inert")}}const jp=B(ar({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:{}}}),ar({componentNameOverride:$("link")}),ar({componentNameOverride:$("text")}),sr,lr)(Op);customElements.define(Rp,jp);const Fp=z("alert");class Wp extends(rt({componentName:Fp,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    ',Y('\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)),_(this.textComp,this,{includeAttrs:["empty"]}),F(this,this.handleChildrenChange.bind(this)),N(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:_p}={icon:{selector:()=>".icon"}},$p=w(Ze({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},textColor:{selector:jp.componentName,property:jp.cssVarList.textColor},backgroundColor:{},borderColor:{},borderWidth:{},borderStyle:{},borderRadius:{},fontSize:[{},{selector:jp.componentName,property:jp.cssVarList.fontSize}],gap:{},horizontalPadding:[{property:"padding-top"},{property:"padding-bottom"}],verticalPadding:[{property:"padding-right"},{property:"padding-left"}],alignItems:{},justifyContent:[{},{selector:jp.componentName,property:jp.cssVarList.textAlign}],icon:[{..._p,property:"content"},{..._p,property:"display",fallback:"none"}],iconSize:[{..._p,property:"width"},{..._p,property:"height"}]}}),Ze({componentNameOverride:z("enriched-text")}),Ze({componentNameOverride:z("text")}),Qe,Je)(Wp);customElements.define(Fp,$p);const Hp=z("hcaptcha"),qp=["enabled","site-key"],Yp=ft({componentName:Hp,baseSelector:":host > div"}),Up=w(Ze({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"}]}}),Qe,Je)(class extends Yp{static get observedAttributes(){return qp.concat(Yp.observedAttributes||[])}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&"enabled"===e&&this.toggleCaptchaEles("true"===r)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="badge">\n      <span id="hcaptcha"></span>\n      <input id="hcaptcha-input" type="hidden" name="hcaptcha" required />\n      <img src="https://imgs.descope.com/connectors/templates/hcaptcha/hcaptcha-big.png" alt="hcaptcha"/>\n    </div>\n    <slot></slot>\n\t',Y("\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?.(),F(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(Hp,Up);const Gp=(ou={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(ou).reduce((e,t)=>{const r=ou[t];return Object.assign(e,{[t]:Me(r)})},{})),Zp={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"}},Qp=Re({fonts:Zp}).fonts,Jp={colors:Gp,typography:{h1:{font:Qp.font1.family,weight:"900",size:"48px"},h2:{font:Qp.font1.family,weight:"800",size:"38px"},h3:{font:Qp.font1.family,weight:"600",size:"28px"},subtitle1:{font:Qp.font2.family,weight:"500",size:"22px"},subtitle2:{font:Qp.font2.family,weight:"400",size:"20px"},body1:{font:Qp.font1.family,weight:"400",size:"16px"},body2:{font:Qp.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:Zp,direction:"ltr"},Kp=(e=>Pe(e,[],e=>Ve({},e,De(e))))(Jp),Xp=(e=>Object.keys(e).reduce((t,r)=>{const o=e[r];return Object.assign(t,{[r]:ae(o)})},{}))({surface:{main:"#ffffff",dark:"#636c74",light:"#cfd3d7",highlight:"#f4f5f6",contrast:"#181a1c"},primary:{main:"#006af5",dark:"#004094",light:"#71aeff",highlight:"#f0f6ff",contrast:"#ffffff"},secondary:{main:"#802ed6",dark:"#6410bc",light:"#be89f5",highlight:"#ede7f6",contrast:"#ffffff"},success:{main:"#008000",dark:"#005700",light:"#8bc38b",highlight:"#f5faf5",contrast:"#ffffff"},error:{main:"#e21d12",dark:"#b3170f",light:"#f4807a",highlight:"#fef1f1",contrast:"#ffffff"},warning:{main:"#c45512",dark:"#a24309",light:"#ff985a",highlight:"#fdf0e5",contrast:"#ffffff"}}),eu={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"}},tu=ce({fonts:eu}).fonts,ru={colors:Xp,typography:{h1:{font:tu.font1.family,weight:"900",size:"48px"},h2:{font:tu.font1.family,weight:"800",size:"38px"},h3:{font:tu.font1.family,weight:"600",size:"28px"},subtitle1:{font:tu.font2.family,weight:"500",size:"22px"},subtitle2:{font:tu.font2.family,weight:"400",size:"20px"},body1:{font:tu.font1.family,weight:"400",size:"16px"},body2:{font:tu.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:eu,direction:"ltr"};var ou;(e=>{de(e,[],e=>le({},e,se(e)))})(ru);const iu=ce(ru),nu=oo.cssVarList,au={primary:iu.colors.primary,secondary:iu.colors.secondary,success:iu.colors.success,error:iu.colors.error,surface:iu.colors.surface},[su,lu,du]=ue({mode:au},Kr),cu={...su,[nu.fontFamily]:iu.fonts.font1.family,[nu.cursor]:"pointer",[nu.hostHeight]:"3em",[nu.hostWidth]:"auto",[nu.hostDirection]:iu.direction,[nu.borderRadius]:iu.radius.sm,[nu.borderWidth]:iu.border.xs,[nu.borderStyle]:"solid",[nu.borderColor]:"transparent",[nu.labelSpacing]:"0.25em",[nu.textAlign]:"center",textAlign:{right:{[nu.textAlign]:"right"},left:{[nu.textAlign]:"left"},center:{[nu.textAlign]:"center"}},[nu.verticalPadding]:"1em",[nu.horizontalPadding]:"0.875em",[nu.outlineWidth]:ru.border.sm,[nu.outlineOffset]:"0px",[nu.outlineStyle]:"solid",[nu.outlineColor]:"transparent",[nu.iconSize]:"1.5em",size:{xs:{[nu.fontSize]:"12px"},sm:{[nu.fontSize]:"14px"},md:{[nu.fontSize]:"16px"},lg:{[nu.fontSize]:"18px"}},_square:{[nu.hostHeight]:"3em",[nu.hostWidth]:"3em",[nu.verticalPadding]:"0"},_fullWidth:{[nu.hostWidth]:"100%"},_loading:{[nu.cursor]:"wait",[nu.labelTextColor]:lu.main},_disabled:{[du.main]:iu.colors.surface.light,[du.dark]:iu.colors.surface.dark,[du.light]:iu.colors.surface.light,[du.contrast]:iu.colors.surface.main,[nu.iconColor]:iu.colors.surface.main},variant:{contained:{[nu.labelTextColor]:lu.contrast,[nu.backgroundColor]:lu.main,_hover:{[nu.backgroundColor]:lu.dark,_loading:{[nu.backgroundColor]:lu.main}},_active:{[nu.backgroundColor]:lu.main}},outline:{[nu.labelTextColor]:lu.main,[nu.borderColor]:lu.main,_hover:{[nu.labelTextColor]:lu.dark,[nu.borderColor]:lu.dark},_active:{[nu.labelTextColor]:lu.main,[nu.borderColor]:lu.main}},link:{[nu.labelTextColor]:lu.main,[nu.horizontalPadding]:"0.125em",_hover:{[nu.labelTextColor]:lu.dark,[nu.labelTextDecoration]:"underline"},_active:{[nu.labelTextColor]:lu.main}}},_focused:{[nu.outlineColor]:lu.light}},pu={...nu,...du};var uu=Object.freeze({__proto__:null,default:cu,vars:pu});const hu=z("input-wrapper"),mu=Re(Jp),[gu,bu,yu]=$e({labelTextColor:mu.colors.surface.dark,labelFontSize:"14px",labelFontWeight:"500",valueTextColor:mu.colors.surface.contrast,placeholderTextColor:mu.colors.surface.dark,requiredIndicator:"'*'",helperTextColor:mu.colors.surface.dark,errorMessageTextColor:mu.colors.error.main,successMessageTextColor:mu.colors.success.main,borderWidth:mu.border.xs,borderRadius:mu.radius.xs,borderColor:"transparent",outlineWidth:mu.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:mu.colors.surface.main,fontFamily:mu.fonts.font1.family,direction:mu.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:mu.border.xs,borderColor:mu.colors.surface.light,borderStyle:"solid",_invalid:{borderColor:mu.colors.error.main}},_focused:{outlineColor:mu.colors.surface.light,_invalid:{outlineColor:mu.colors.error.main}},_disabled:{labelTextColor:mu.colors.surface.light,borderColor:mu.colors.surface.light,valueTextColor:mu.colors.surface.light,placeholderTextColor:mu.colors.surface.light,helperTextColor:mu.colors.surface.light,backgroundColor:mu.colors.surface.main}},hu);var fu=Object.freeze({__proto__:null,default:gu,refs:bu,vars:yu});const vu=Re(Jp),xu=xi.cssVarList,Cu={[xu.hostWidth]:bu.width,[xu.hostMinWidth]:bu.minWidth,[xu.hostDirection]:bu.direction,[xu.fontSize]:bu.fontSize,[xu.fontFamily]:bu.fontFamily,[xu.labelFontSize]:bu.labelFontSize,[xu.labelFontWeight]:bu.labelFontWeight,[xu.labelTextColor]:bu.labelTextColor,[xu.labelRequiredIndicator]:bu.requiredIndicator,[xu.errorMessageTextColor]:bu.errorMessageTextColor,[xu.inputValueTextColor]:bu.valueTextColor,[xu.inputPlaceholderColor]:bu.placeholderTextColor,[xu.inputBorderWidth]:bu.borderWidth,[xu.inputBorderStyle]:bu.borderStyle,[xu.inputBorderColor]:bu.borderColor,[xu.inputBorderRadius]:bu.borderRadius,[xu.inputOutlineWidth]:bu.outlineWidth,[xu.inputOutlineStyle]:bu.outlineStyle,[xu.inputOutlineColor]:bu.outlineColor,[xu.inputOutlineOffset]:bu.outlineOffset,[xu.inputBackgroundColor]:bu.backgroundColor,[xu.inputHeight]:bu.inputHeight,[xu.inputHorizontalPadding]:bu.horizontalPadding,[xu.helperTextColor]:bu.helperTextColor,[xu.textAlign]:bu.textAlign,textAlign:{right:{[xu.inputTextAlign]:"right"},left:{[xu.inputTextAlign]:"left"},center:{[xu.inputTextAlign]:"center"}},[xu.labelPosition]:bu.labelPosition,[xu.labelTopPosition]:bu.labelTopPosition,[xu.labelHorizontalPosition]:bu.labelHorizontalPosition,[xu.inputTransformY]:bu.inputTransformY,[xu.inputTransition]:bu.inputTransition,[xu.marginInlineStart]:bu.marginInlineStart,[xu.placeholderOpacity]:bu.placeholderOpacity,[xu.inputVerticalAlignment]:bu.inputVerticalAlignment,[xu.valueInputHeight]:bu.valueInputHeight,[xu.valueInputMarginBottom]:bu.valueInputMarginBottom,[xu.inputIconOffset]:vu.spacing.md,[xu.inputIconSize]:bu.inputIconSize,[xu.inputIconColor]:bu.placeholderTextColor,[xu.errorMessageIcon]:bu.errorMessageIcon,[xu.errorMessageIconSize]:bu.errorMessageIconSize,[xu.errorMessageIconPadding]:bu.errorMessageIconPadding,[xu.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[xu.errorMessageIconPosition]:bu.errorMessageIconPosition,[xu.errorMessageFontSize]:bu.errorMessageFontSize};var wu=Object.freeze({__proto__:null,default:Cu,textField:Cu,vars:xu});const Iu=Re(Jp),Mu=On.cssVarList,Su={[Mu.hostWidth]:bu.width,[Mu.hostMinWidth]:bu.minWidth,[Mu.hostDirection]:bu.direction,[Mu.fontSize]:bu.fontSize,[Mu.fontFamily]:bu.fontFamily,[Mu.labelFontSize]:bu.labelFontSize,[Mu.labelFontWeight]:bu.labelFontWeight,[Mu.labelTextColor]:bu.labelTextColor,[Mu.errorMessageTextColor]:bu.errorMessageTextColor,[Mu.inputHorizontalPadding]:bu.horizontalPadding,[Mu.inputHeight]:bu.inputHeight,[Mu.inputBackgroundColor]:bu.backgroundColor,[Mu.labelRequiredIndicator]:bu.requiredIndicator,[Mu.inputValueTextColor]:bu.valueTextColor,[Mu.inputPlaceholderTextColor]:bu.placeholderTextColor,[Mu.inputBorderWidth]:bu.borderWidth,[Mu.inputBorderStyle]:bu.borderStyle,[Mu.inputBorderColor]:bu.borderColor,[Mu.inputBorderRadius]:bu.borderRadius,[Mu.inputOutlineWidth]:bu.outlineWidth,[Mu.inputOutlineStyle]:bu.outlineStyle,[Mu.inputOutlineColor]:bu.outlineColor,[Mu.inputOutlineOffset]:bu.outlineOffset,[Mu.revealButtonOffset]:Iu.spacing.md,[Mu.revealButtonSize]:bu.toggleButtonSize,[Mu.revealButtonColor]:bu.placeholderTextColor,[Mu.labelPosition]:bu.labelPosition,[Mu.labelTopPosition]:bu.labelTopPosition,[Mu.labelHorizontalPosition]:bu.labelHorizontalPosition,[Mu.inputTransformY]:bu.inputTransformY,[Mu.inputTransition]:bu.inputTransition,[Mu.marginInlineStart]:bu.marginInlineStart,[Mu.placeholderOpacity]:bu.placeholderOpacity,[Mu.inputVerticalAlignment]:bu.inputVerticalAlignment,[Mu.valueInputHeight]:bu.valueInputHeight,[Mu.errorMessageIcon]:bu.errorMessageIcon,[Mu.errorMessageIconSize]:bu.errorMessageIconSize,[Mu.errorMessageIconPadding]:bu.errorMessageIconPadding,[Mu.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[Mu.errorMessageIconPosition]:bu.errorMessageIconPosition,[Mu.errorMessageFontSize]:bu.errorMessageFontSize};var Au=Object.freeze({__proto__:null,default:Su,vars:Mu});const Eu=on.cssVarList,Tu={[Eu.hostWidth]:bu.width,[Eu.hostMinWidth]:bu.minWidth,[Eu.hostDirection]:bu.direction,[Eu.fontSize]:bu.fontSize,[Eu.fontFamily]:bu.fontFamily,[Eu.labelFontSize]:bu.labelFontSize,[Eu.labelFontWeight]:bu.labelFontWeight,[Eu.labelTextColor]:bu.labelTextColor,[Eu.errorMessageTextColor]:bu.errorMessageTextColor,[Eu.inputValueTextColor]:bu.valueTextColor,[Eu.inputPlaceholderColor]:bu.placeholderTextColor,[Eu.inputBorderWidth]:bu.borderWidth,[Eu.inputBorderStyle]:bu.borderStyle,[Eu.inputBorderColor]:bu.borderColor,[Eu.inputBorderRadius]:bu.borderRadius,[Eu.inputOutlineWidth]:bu.outlineWidth,[Eu.inputOutlineStyle]:bu.outlineStyle,[Eu.inputOutlineColor]:bu.outlineColor,[Eu.inputOutlineOffset]:bu.outlineOffset,[Eu.inputBackgroundColor]:bu.backgroundColor,[Eu.labelRequiredIndicator]:bu.requiredIndicator,[Eu.inputHorizontalPadding]:bu.horizontalPadding,[Eu.inputHeight]:bu.inputHeight,[Eu.labelPosition]:bu.labelPosition,[Eu.labelTopPosition]:bu.labelTopPosition,[Eu.labelHorizontalPosition]:bu.labelHorizontalPosition,[Eu.inputTransformY]:bu.inputTransformY,[Eu.inputTransition]:bu.inputTransition,[Eu.marginInlineStart]:bu.marginInlineStart,[Eu.placeholderOpacity]:bu.placeholderOpacity,[Eu.inputVerticalAlignment]:bu.inputVerticalAlignment,[Eu.valueInputHeight]:bu.valueInputHeight,[Eu.valueInputMarginBottom]:bu.valueInputMarginBottom,[Eu.errorMessageIcon]:bu.errorMessageIcon,[Eu.errorMessageIconSize]:bu.errorMessageIconSize,[Eu.errorMessageIconPadding]:bu.errorMessageIconPadding,[Eu.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[Eu.errorMessageIconPosition]:bu.errorMessageIconPosition,[Eu.errorMessageFontSize]:bu.errorMessageFontSize};var ku=Object.freeze({__proto__:null,default:Tu,vars:Eu});const zu=Gi.cssVarList,Lu={[zu.hostWidth]:bu.width,[zu.hostMinWidth]:bu.minWidth,[zu.hostDirection]:bu.direction,[zu.fontSize]:bu.fontSize,[zu.fontFamily]:bu.fontFamily,[zu.labelFontSize]:bu.labelFontSize,[zu.labelFontWeight]:bu.labelFontWeight,[zu.labelTextColor]:bu.labelTextColor,[zu.errorMessageTextColor]:bu.errorMessageTextColor,[zu.inputValueTextColor]:bu.valueTextColor,[zu.labelRequiredIndicator]:bu.requiredIndicator,[zu.inputPlaceholderColor]:bu.placeholderTextColor,[zu.inputBorderWidth]:bu.borderWidth,[zu.inputBorderStyle]:bu.borderStyle,[zu.inputBorderColor]:bu.borderColor,[zu.inputBorderRadius]:bu.borderRadius,[zu.inputOutlineWidth]:bu.outlineWidth,[zu.inputOutlineStyle]:bu.outlineStyle,[zu.inputOutlineColor]:bu.outlineColor,[zu.inputOutlineOffset]:bu.outlineOffset,[zu.inputBackgroundColor]:bu.backgroundColor,[zu.inputHorizontalPadding]:bu.horizontalPadding,[zu.inputHeight]:bu.inputHeight,[zu.labelPosition]:bu.labelPosition,[zu.labelTopPosition]:bu.labelTopPosition,[zu.labelHorizontalPosition]:bu.labelHorizontalPosition,[zu.inputTransformY]:bu.inputTransformY,[zu.inputTransition]:bu.inputTransition,[zu.marginInlineStart]:bu.marginInlineStart,[zu.placeholderOpacity]:bu.placeholderOpacity,[zu.inputVerticalAlignment]:bu.inputVerticalAlignment,[zu.valueInputHeight]:bu.valueInputHeight,[zu.valueInputMarginBottom]:bu.valueInputMarginBottom,[zu.errorMessageIcon]:bu.errorMessageIcon,[zu.errorMessageIconSize]:bu.errorMessageIconSize,[zu.errorMessageIconPadding]:bu.errorMessageIconPadding,[zu.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[zu.errorMessageIconPosition]:bu.errorMessageIconPosition,[zu.errorMessageFontSize]:bu.errorMessageFontSize};var Nu=Object.freeze({__proto__:null,default:Lu,vars:zu});const Du=Gn.cssVarList,Vu={[Du.hostWidth]:bu.width,[Du.hostMinWidth]:bu.minWidth,[Du.hostDirection]:bu.direction,[Du.fontSize]:bu.fontSize,[Du.fontFamily]:bu.fontFamily,[Du.labelTextColor]:bu.labelTextColor,[Du.labelRequiredIndicator]:bu.requiredIndicator,[Du.errorMessageTextColor]:bu.errorMessageTextColor,[Du.inputBackgroundColor]:bu.backgroundColor,[Du.inputValueTextColor]:bu.valueTextColor,[Du.inputPlaceholderTextColor]:bu.placeholderTextColor,[Du.inputBorderRadius]:bu.borderRadius,[Du.inputBorderWidth]:bu.borderWidth,[Du.inputBorderStyle]:bu.borderStyle,[Du.inputBorderColor]:bu.borderColor,[Du.inputOutlineWidth]:bu.outlineWidth,[Du.inputOutlineStyle]:bu.outlineStyle,[Du.inputOutlineColor]:bu.outlineColor,[Du.inputOutlineOffset]:bu.outlineOffset,[Du.inputResizeType]:"vertical",[Du.inputMinHeight]:"5em",[Du.errorMessageIcon]:bu.errorMessageIcon,[Du.errorMessageIconSize]:bu.errorMessageIconSize,[Du.errorMessageIconPadding]:bu.errorMessageIconPadding,[Du.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[Du.errorMessageIconPosition]:bu.errorMessageIconPosition,[Du.errorMessageFontSize]:bu.errorMessageFontSize,textAlign:{right:{[Du.inputTextAlign]:"right"},left:{[Du.inputTextAlign]:"left"},center:{[Du.inputTextAlign]:"center"}},_readonly:{[Du.inputResizeType]:"none"}};var Pu=Object.freeze({__proto__:null,default:Vu,vars:Du});const Bu=Dt.cssVarList,Ru="1.35em",Ou={[Bu.hostWidth]:bu.width,[Bu.hostDirection]:bu.direction,[Bu.fontSize]:bu.fontSize,[Bu.fontFamily]:bu.fontFamily,[Bu.labelTextColor]:bu.labelTextColor,[Bu.labelRequiredIndicator]:bu.requiredIndicator,[Bu.labelFontWeight]:"400",[Bu.labelLineHeight]:Ru,[Bu.labelSpacing]:"1em",[Bu.errorMessageTextColor]:bu.errorMessageTextColor,[Bu.inputOutlineWidth]:bu.outlineWidth,[Bu.inputOutlineOffset]:bu.outlineOffset,[Bu.inputOutlineColor]:bu.outlineColor,[Bu.inputOutlineStyle]:bu.outlineStyle,[Bu.inputBorderRadius]:bu.borderRadius,[Bu.inputBorderColor]:bu.borderColor,[Bu.inputBorderWidth]:bu.borderWidth,[Bu.inputBorderStyle]:bu.borderStyle,[Bu.inputBackgroundColor]:bu.backgroundColor,[Bu.inputSize]:Ru,[Bu.inputValueTextColor]:bu.valueTextColor,[Bu.errorMessageIcon]:bu.errorMessageIcon,[Bu.errorMessageIconSize]:bu.errorMessageIconSize,[Bu.errorMessageIconPadding]:bu.errorMessageIconPadding,[Bu.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[Bu.errorMessageIconPosition]:bu.errorMessageIconPosition,[Bu.errorMessageFontSize]:bu.errorMessageFontSize};var ju=Object.freeze({__proto__:null,default:Ou,vars:Bu});const Fu="2px",Wu=Re(Jp),_u=$t.cssVarList,$u={[_u.hostWidth]:bu.width,[_u.hostDirection]:bu.direction,[_u.fontSize]:bu.fontSize,[_u.fontFamily]:bu.fontFamily,[_u.inputOutlineWidth]:bu.outlineWidth,[_u.inputOutlineOffset]:bu.outlineOffset,[_u.inputOutlineColor]:bu.outlineColor,[_u.inputOutlineStyle]:bu.outlineStyle,[_u.trackBorderStyle]:bu.borderStyle,[_u.trackBorderWidth]:bu.borderWidth,[_u.trackBorderColor]:bu.borderColor,[_u.trackBackgroundColor]:bu.backgroundColor,[_u.trackBorderRadius]:Wu.radius.md,[_u.trackWidth]:"2.5em",[_u.trackHeight]:"1.25em",[_u.knobSize]:`calc(1em - ${Fu})`,[_u.knobRadius]:"50%",[_u.knobTopOffset]:"1px",[_u.knobLeftOffset]:Fu,[_u.knobColor]:bu.labelTextColor,[_u.knobTransitionDuration]:"0.3s",[_u.labelTextColor]:bu.labelTextColor,[_u.labelFontWeight]:"400",[_u.labelLineHeight]:"1.35em",[_u.labelSpacing]:"1em",[_u.labelRequiredIndicator]:bu.requiredIndicator,[_u.errorMessageTextColor]:bu.errorMessageTextColor,[_u.errorMessageIcon]:bu.errorMessageIcon,[_u.errorMessageIconSize]:bu.errorMessageIconSize,[_u.errorMessageIconPadding]:bu.errorMessageIconPadding,[_u.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[_u.errorMessageIconPosition]:bu.errorMessageIconPosition,[_u.errorMessageFontSize]:bu.errorMessageFontSize,_checked:{[_u.trackBorderColor]:bu.borderColor,[_u.knobLeftOffset]:`calc(100% - var(${_u.knobSize}) - ${Fu})`,[_u.knobColor]:bu.valueTextColor,[_u.knobTextColor]:bu.valueTextColor},_disabled:{[_u.knobColor]:Wu.colors.surface.light,[_u.trackBorderColor]:Wu.colors.surface.light,[_u.trackBackgroundColor]:Wu.colors.surface.main,[_u.labelTextColor]:bu.labelTextColor,_checked:{[_u.knobColor]:Wu.colors.surface.light,[_u.trackBackgroundColor]:Wu.colors.surface.main}},_invalid:{[_u.trackBorderColor]:Wu.colors.error.main,[_u.knobColor]:Wu.colors.error.main}};var Hu=Object.freeze({__proto__:null,default:$u,vars:_u});const qu=Re(Jp),Yu=er.cssVarList,[Uu,Gu,Zu]=$e({verticalAlignment:{start:{verticalAlignment:"start"},center:{verticalAlignment:"safe center"},end:{verticalAlignment:"end"}},horizontalAlignment:{start:{horizontalAlignment:"start"},center:{horizontalAlignment:"safe center"},end:{horizontalAlignment:"end"}},shadowColor:"#00000020"},Kt),{shadowColor:Qu}=Gu,Ju={...Uu,[Yu.itemsGrow]:"0",[Yu.hostWidth]:"100%",[Yu.boxShadow]:"none",[Yu.backgroundColor]:qu.colors.surface.main,[Yu.backgroundImage]:"",[Yu.backgroundPositionX]:"center",[Yu.backgroundPositionY]:"center",[Yu.backgroundSize]:"cover",[Yu.backgroundRepeat]:"no-repeat",[Yu.color]:qu.colors.surface.contrast,[Yu.borderRadius]:"0px",[Yu.hostDirection]:qu.direction,[Yu.borderStyle]:"none",[Yu.borderWidth]:"unset",[Yu.borderColor]:"unset",verticalPadding:{sm:{[Yu.verticalPadding]:"5px"},md:{[Yu.verticalPadding]:"10px"},lg:{[Yu.verticalPadding]:"20px"}},horizontalPadding:{sm:{[Yu.horizontalPadding]:"5px"},md:{[Yu.horizontalPadding]:"10px"},lg:{[Yu.horizontalPadding]:"20px"}},direction:{row:{[Yu.flexDirection]:"row",[Yu.alignItems]:Gu.verticalAlignment,[Yu.justifyContent]:Gu.horizontalAlignment,[Yu.flexWrap]:"wrap",horizontalAlignment:{spaceBetween:{[Zu.horizontalAlignment]:"space-between"}}},column:{[Yu.flexDirection]:"column",[Yu.alignItems]:Gu.horizontalAlignment,[Yu.justifyContent]:Gu.verticalAlignment,verticalAlignment:{spaceBetween:{[Zu.verticalAlignment]:"space-between"}}}},spaceBetween:{sm:{[Yu.gap]:"10px"},md:{[Yu.gap]:"20px"},lg:{[Yu.gap]:"30px"}},shadow:{sm:{[Yu.boxShadow]:`${qu.shadow.wide.sm} ${Qu}, ${qu.shadow.narrow.sm} ${Qu}`},md:{[Yu.boxShadow]:`${qu.shadow.wide.md} ${Qu}, ${qu.shadow.narrow.md} ${Qu}`},lg:{[Yu.boxShadow]:`${qu.shadow.wide.lg} ${Qu}, ${qu.shadow.narrow.lg} ${Qu}`},xl:{[Yu.boxShadow]:`${qu.shadow.wide.xl} ${Qu}, ${qu.shadow.narrow.xl} ${Qu}`},"2xl":{[Zu.shadowColor]:"#00000050",[Yu.boxShadow]:`${qu.shadow.wide["2xl"]} ${Qu}`}},"&borderRadius":{sm:{[Yu.borderRadius]:qu.radius.sm},md:{[Yu.borderRadius]:qu.radius.md},lg:{[Yu.borderRadius]:qu.radius.lg},xl:{[Yu.borderRadius]:qu.radius.xl},"2xl":{[Yu.borderRadius]:qu.radius["2xl"]},"3xl":{[Yu.borderRadius]:qu.radius["3xl"]}}},Ku={...Yu,...Zu};var Xu=Object.freeze({__proto__:null,default:Ju,vars:Ku});const eh=Ji.cssVarList,th={[eh.fallbackUrl]:"url(https://imgs.descope.com/components/no-logo-placeholder.svg)"};var rh=Object.freeze({__proto__:null,default:th,vars:eh});const oh=Xi.cssVarList,ih={[oh.fallbackUrl]:"url(https://imgs.descope.com/components/totp-placeholder.svg)"};var nh=Object.freeze({__proto__:null,default:ih,vars:oh});const ah=tn.cssVarList,sh={[ah.fallbackUrl]:"url(https://imgs.descope.com/components/notp-placeholder.svg)"};var lh=Object.freeze({__proto__:null,default:sh,vars:ah});const dh=ce(ru),ch=Oi.cssVarList,ph={[ch.hostDirection]:dh.direction,[ch.textLineHeight]:"1.35em",[ch.textAlign]:"left",[ch.textColor]:dh.colors.surface.dark,variant:{h1:{[ch.fontSize]:dh.typography.h1.size,[ch.fontWeight]:dh.typography.h1.weight,[ch.fontFamily]:dh.typography.h1.font},h2:{[ch.fontSize]:dh.typography.h2.size,[ch.fontWeight]:dh.typography.h2.weight,[ch.fontFamily]:dh.typography.h2.font},h3:{[ch.fontSize]:dh.typography.h3.size,[ch.fontWeight]:dh.typography.h3.weight,[ch.fontFamily]:dh.typography.h3.font},subtitle1:{[ch.fontSize]:dh.typography.subtitle1.size,[ch.fontWeight]:dh.typography.subtitle1.weight,[ch.fontFamily]:dh.typography.subtitle1.font},subtitle2:{[ch.fontSize]:dh.typography.subtitle2.size,[ch.fontWeight]:dh.typography.subtitle2.weight,[ch.fontFamily]:dh.typography.subtitle2.font},body1:{[ch.fontSize]:dh.typography.body1.size,[ch.fontWeight]:dh.typography.body1.weight,[ch.fontFamily]:dh.typography.body1.font},body2:{[ch.fontSize]:dh.typography.body2.size,[ch.fontWeight]:dh.typography.body2.weight,[ch.fontFamily]:dh.typography.body2.font}},mode:{primary:{[ch.textColor]:dh.colors.surface.contrast},secondary:{[ch.textColor]:dh.colors.surface.dark},error:{[ch.textColor]:dh.colors.error.main},"error-dark":{[ch.textColor]:dh.colors.error.dark},success:{[ch.textColor]:dh.colors.success.main},"success-dark":{[ch.textColor]:dh.colors.success.dark},warning:{[ch.textColor]:dh.colors.warning.main},"warning-dark":{[ch.textColor]:dh.colors.warning.dark}},textAlign:{right:{[ch.textAlign]:"right"},left:{[ch.textAlign]:"left"},center:{[ch.textAlign]:"center"}},_fullWidth:{[ch.hostWidth]:"100%"},_italic:{[ch.fontStyle]:"italic"},_uppercase:{[ch.textTransform]:"uppercase"},_lowercase:{[ch.textTransform]:"lowercase"}};var uh=Object.freeze({__proto__:null,default:ph,vars:ch});const hh=ce(ru),mh=Pp.cssVarList,gh={[mh.hostDirection]:hh.direction,[mh.cursor]:"pointer",[mh.textColor]:hh.colors.primary.main,textAlign:{right:{[mh.textAlign]:"right"},left:{[mh.textAlign]:"left"},center:{[mh.textAlign]:"center"}},_fullWidth:{[mh.hostWidth]:"100%"},_hover:{[mh.textDecoration]:"underline"},mode:{secondary:{[mh.textColor]:hh.colors.secondary.main}}};var bh=Object.freeze({__proto__:null,default:gh,vars:mh});const yh=ce(ru),fh=jp.cssVarList,vh={[fh.hostDirection]:yh.direction,[fh.hostWidth]:pe(ch.hostWidth),[fh.textLineHeight]:pe(ch.textLineHeight),[fh.textColor]:pe(ch.textColor),[fh.textAlign]:pe(ch.textAlign),[fh.fontSize]:pe(ch.fontSize),[fh.fontWeight]:pe(ch.fontWeight),[fh.fontFamily]:pe(ch.fontFamily),[fh.linkColor]:pe(mh.textColor),[fh.linkTextDecoration]:"none",[fh.linkHoverTextDecoration]:"underline",[fh.fontWeightBold]:"900",[fh.minWidth]:"0.25em",[fh.minHeight]:"1.35em",[fh.hostDisplay]:"inline-block",_empty:{_hideWhenEmpty:{[fh.hostDisplay]:"none"}}};var xh=Object.freeze({__proto__:null,default:vh,vars:fh});const Ch=Re(Jp),wh=Yi.cssVarList,[Ih,Mh,Sh]=$e({thickness:"2px",spacing:"10px"},ji),Ah={...Ih,[wh.hostDirection]:Ch.direction,[wh.alignItems]:"center",[wh.flexDirection]:"row",[wh.alignSelf]:"stretch",[wh.hostWidth]:"100%",[wh.stripeColor]:Ch.colors.surface.light,[wh.stripeColorOpacity]:"0.5",[wh.stripeHorizontalThickness]:Mh.thickness,[wh.labelTextWidth]:"fit-content",[wh.labelTextMaxWidth]:"calc(100% - 100px)",[wh.labelTextHorizontalSpacing]:Mh.spacing,[wh.textAlign]:"center",_vertical:{[wh.minHeight]:"200px",[wh.flexDirection]:"column",[wh.hostWidth]:"fit-content",[wh.hostPadding]:`0 calc(${Mh.thickness} * 3)`,[wh.stripeVerticalThickness]:Mh.thickness,[wh.labelTextWidth]:"fit-content",[wh.labelTextMaxWidth]:"100%",[wh.labelTextVerticalSpacing]:Mh.spacing}},Eh={...wh,...Sh};var Th=Object.freeze({__proto__:null,default:Ah,vars:Eh});const kh=An.cssVarList,zh={[kh.hostDirection]:bu.direction,[kh.fontFamily]:bu.fontFamily,[kh.fontSize]:bu.fontSize,[kh.labelTextColor]:bu.labelTextColor,[kh.labelRequiredIndicator]:bu.requiredIndicator,[kh.errorMessageTextColor]:bu.errorMessageTextColor,[kh.digitValueTextColor]:bu.valueTextColor,[kh.digitPadding]:"0",[kh.digitTextAlign]:"center",[kh.digitSpacing]:"4px",[kh.hostWidth]:bu.width,[kh.digitOutlineColor]:"transparent",[kh.digitOutlineWidth]:bu.outlineWidth,[kh.focusedDigitFieldOutlineColor]:bu.outlineColor,[kh.digitSize]:bu.inputHeight,[kh.errorMessageIcon]:bu.errorMessageIcon,[kh.errorMessageIconSize]:bu.errorMessageIconSize,[kh.errorMessageIconPadding]:bu.errorMessageIconPadding,[kh.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[kh.errorMessageIconPosition]:bu.errorMessageIconPosition,[kh.errorMessageFontSize]:bu.errorMessageFontSize,size:{xs:{[kh.spinnerSize]:"15px"},sm:{[kh.spinnerSize]:"20px"},md:{[kh.spinnerSize]:"20px"},lg:{[kh.spinnerSize]:"20px"}},_hideCursor:{[kh.digitCaretTextColor]:"transparent"},_loading:{[kh.overlayOpacity]:bu.overlayOpacity}};var Lh=Object.freeze({__proto__:null,default:zh,vars:kh});const Nh=Re(Jp),Dh=Gt.cssVarList,Vh={[Dh.hostDisplay]:"inline-block",[Dh.hostWidth]:"100%",[Dh.barColor]:Nh.colors.surface.contrast,[Dh.barWidth]:"20%",[Dh.barBackgroundColor]:Nh.colors.surface.light,[Dh.barBorderRadius]:"4px",[Dh.animationDuration]:"2s",[Dh.animationTimingFunction]:"linear",[Dh.animationIterationCount]:"infinite",[Dh.verticalPadding]:"0.25em",size:{xs:{[Dh.barHeight]:"2px"},sm:{[Dh.barHeight]:"4px"},md:{[Dh.barHeight]:"6px"},lg:{[Dh.barHeight]:"8px"}},mode:{primary:{[Dh.barColor]:Nh.colors.primary.main},secondary:{[Dh.barColor]:Nh.colors.secondary.main}},_hidden:{[Dh.hostDisplay]:"none"}};var Ph=Object.freeze({__proto__:null,default:Vh,vars:Dh});const Bh=Re(Jp),Rh=Jt.cssVarList,[Oh,jh,Fh]=$e({spinnerColor:Bh.colors.surface.contrast,mode:{primary:{spinnerColor:Bh.colors.primary.main},secondary:{spinnerColor:Bh.colors.secondary.main}}},Zt),Wh={...Oh,[Rh.animationDuration]:"2s",[Rh.animationTimingFunction]:"linear",[Rh.animationIterationCount]:"infinite",[Rh.spinnerBorderStyle]:"solid",[Rh.spinnerBorderWidth]:"0.2em",[Rh.spinnerBorderRadius]:"50%",[Rh.spinnerQuadrant1Color]:jh.spinnerColor,[Rh.spinnerQuadrant2Color]:"transparent",[Rh.spinnerQuadrant3Color]:jh.spinnerColor,[Rh.spinnerQuadrant4Color]:"transparent",size:{xs:{[Rh.spinnerSize]:"20px"},sm:{[Rh.spinnerSize]:"30px"},md:{[Rh.spinnerSize]:"40px"},lg:{[Rh.spinnerSize]:"60px"},xl:{[Rh.spinnerSize]:"80px"}},_hidden:{[Rh.hostDisplay]:"none"}},_h={...Rh,...Fh};var $h=Object.freeze({__proto__:null,default:Wh,vars:_h});const Hh=$("input-wrapper"),qh=ce(ru),[Yh,Uh]=ue({labelTextColor:qh.colors.surface.dark,labelFontSize:"14px",labelFontWeight:"500",valueTextColor:qh.colors.surface.contrast,placeholderTextColor:qh.colors.surface.dark,requiredIndicator:"'*'",helperTextColor:qh.colors.surface.dark,errorMessageTextColor:qh.colors.error.main,successMessageTextColor:qh.colors.success.main,borderWidth:qh.border.xs,borderRadius:qh.radius.xs,borderColor:"transparent",outlineWidth:qh.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:qh.colors.surface.main,fontFamily:qh.fonts.font1.family,direction:qh.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:qh.colors.surface.light,_invalid:{outlineColor:qh.colors.error.main}},_bordered:{outlineWidth:qh.border.xs,borderColor:qh.colors.surface.light,borderStyle:"solid",_invalid:{borderColor:qh.colors.error.main}},_disabled:{labelTextColor:qh.colors.surface.light,borderColor:qh.colors.surface.light,valueTextColor:qh.colors.surface.light,placeholderTextColor:qh.colors.surface.light,helperTextColor:qh.colors.surface.light,backgroundColor:qh.colors.surface.main}},Hh),Gh=ce(ru),Zh=Hr.cssVarList,Qh={[Zh.hostWidth]:Uh.width,[Zh.hostDirection]:Uh.direction,[Zh.fontSize]:Uh.fontSize,[Zh.fontFamily]:Uh.fontFamily,[Zh.labelFontSize]:Uh.labelFontSize,[Zh.labelFontWeight]:Uh.labelFontWeight,[Zh.labelTextColor]:Uh.labelTextColor,[Zh.errorMessageTextColor]:Uh.errorMessageTextColor,[Zh.inputBorderColor]:Uh.borderColor,[Zh.inputBorderWidth]:Uh.borderWidth,[Zh.inputBorderStyle]:Uh.borderStyle,[Zh.inputBorderRadius]:Uh.borderRadius,[Zh.inputOutlineColor]:Uh.outlineColor,[Zh.inputOutlineOffset]:Uh.outlineOffset,[Zh.inputOutlineWidth]:Uh.outlineWidth,[Zh.inputOutlineStyle]:Uh.outlineStyle,[Zh.labelRequiredIndicator]:Uh.requiredIndicator,[Zh.inputValueTextColor]:Uh.valueTextColor,[Zh.inputPlaceholderTextColor]:Uh.placeholderTextColor,[Zh.inputBackgroundColor]:Uh.backgroundColor,[Zh.inputHorizontalPadding]:Uh.horizontalPadding,[Zh.inputHeight]:Uh.inputHeight,[Zh.inputDropdownButtonColor]:Gh.colors.surface.dark,[Zh.inputDropdownButtonCursor]:"pointer",[Zh.inputDropdownButtonSize]:Uh.toggleButtonSize,[Zh.inputDropdownButtonOffset]:Gh.spacing.xs,[Zh.overlayItemPaddingInlineStart]:Gh.spacing.xs,[Zh.overlayItemPaddingInlineEnd]:Gh.spacing.lg,[Zh.labelPosition]:Uh.labelPosition,[Zh.labelTopPosition]:Uh.labelTopPosition,[Zh.labelHorizontalPosition]:Uh.labelHorizontalPosition,[Zh.inputTransformY]:Uh.inputTransformY,[Zh.inputTransition]:Uh.inputTransition,[Zh.marginInlineStart]:Uh.marginInlineStart,[Zh.placeholderOpacity]:Uh.placeholderOpacity,[Zh.inputVerticalAlignment]:Uh.inputVerticalAlignment,[Zh.valueInputHeight]:Uh.valueInputHeight,[Zh.valueInputMarginBottom]:Uh.valueInputMarginBottom,[Zh.errorMessageIcon]:Uh.errorMessageIcon,[Zh.errorMessageIconSize]:Uh.errorMessageIconSize,[Zh.errorMessageIconPadding]:Uh.errorMessageIconPadding,[Zh.errorMessageIconRepeat]:Uh.errorMessageIconRepeat,[Zh.errorMessageIconPosition]:Uh.errorMessageIconPosition,[Zh.errorMessageFontSize]:Uh.errorMessageFontSize,_readonly:{[Zh.inputDropdownButtonCursor]:"default"},[Zh.overlayFontSize]:Uh.fontSize,[Zh.overlayFontFamily]:Uh.fontFamily,[Zh.overlayCursor]:"pointer",[Zh.overlayItemBoxShadow]:"none",[Zh.overlayBackground]:Uh.backgroundColor,[Zh.overlayTextColor]:Uh.valueTextColor,[Zh.overlayCheckmarkDisplay]:"initial",[Zh.overlaySelectedItemBackground]:"initial",[Zh.overlaySelectedItemHoverBackground]:Gh.colors.primary.highlight,[Zh.overlaySelectedItemFocusBackground]:Gh.colors.primary.highlight,[Zh.overlayItemHoverBackground]:Gh.colors.primary.highlight,[Zh.overlayItemFocusBackground]:Gh.colors.primary.highlight,[Zh.overlay.minHeight]:"400px",[Zh.overlay.margin]:"0",[Zh.overlay.contentHeight]:"100%",[Zh.overlay.contentOpacity]:"1",[Zh.overlay.scrollerMinHeight]:"1px",_loading:{[Zh.overlay.loaderTop]:"50%",[Zh.overlay.loaderLeft]:"50%",[Zh.overlay.loaderRight]:"auto",[Zh.overlay.loaderMargin]:"-15px 0 0 -15px",[Zh.overlay.loaderWidth]:"30px",[Zh.overlay.loaderHeight]:"30px",[Zh.overlay.loaderBorder]:"2px solid transparent",[Zh.overlay.loaderBorderColor]:`${Gh.colors.primary.highlight} ${Gh.colors.primary.highlight} ${Gh.colors.primary.main} ${Gh.colors.primary.main}`,[Zh.overlay.loaderBorderRadius]:"50%",[Zh.overlay.contentHeight]:"100px",[Zh.overlay.scrollerMinHeight]:"100px",[Zh.overlay.contentOpacity]:"0"}};var Jh=Object.freeze({__proto__:null,comboBox:Qh,default:Qh,vars:Zh});const Kh=va.cssVarList,Xh={[Kh.hostWidth]:bu.width,[Kh.hostDirection]:bu.direction,[Kh.fontSize]:bu.fontSize,[Kh.fontFamily]:bu.fontFamily,[Kh.labelTextColor]:bu.labelTextColor,[Kh.labelRequiredIndicator]:bu.requiredIndicator,[Kh.errorMessageTextColor]:bu.errorMessageTextColor,[Kh.inputValueTextColor]:bu.valueTextColor,[Kh.inputPlaceholderTextColor]:bu.placeholderTextColor,[Kh.inputBorderStyle]:bu.borderStyle,[Kh.inputBorderWidth]:bu.borderWidth,[Kh.inputBorderColor]:bu.borderColor,[Kh.inputBorderRadius]:bu.borderRadius,[Kh.inputOutlineStyle]:bu.outlineStyle,[Kh.inputOutlineWidth]:bu.outlineWidth,[Kh.inputOutlineColor]:bu.outlineColor,[Kh.inputOutlineOffset]:bu.outlineOffset,[Kh.phoneInputWidth]:bu.minWidth,[Kh.countryCodeInputWidth]:"5em",[Kh.countryCodeDropdownWidth]:"20em",[Kh.marginInlineStart]:"-0.25em",[Kh.valueInputHeight]:bu.valueInputHeight,[Kh.valueInputMarginBottom]:bu.valueInputMarginBottom,[Kh.errorMessageIcon]:bu.errorMessageIcon,[Kh.errorMessageIconSize]:bu.errorMessageIconSize,[Kh.errorMessageIconPadding]:bu.errorMessageIconPadding,[Kh.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[Kh.errorMessageIconPosition]:bu.errorMessageIconPosition,[Kh.errorMessageFontSize]:bu.errorMessageFontSize};var em=Object.freeze({__proto__:null,default:Xh,vars:Kh});const tm=Ba.cssVarList,rm={[tm.hostWidth]:"16em",[tm.hostMinWidth]:bu.minWidth,[tm.hostDirection]:bu.direction,[tm.fontSize]:bu.fontSize,[tm.fontFamily]:bu.fontFamily,[tm.labelFontSize]:bu.labelFontSize,[tm.labelFontWeight]:bu.labelFontWeight,[tm.labelTextColor]:bu.labelTextColor,[tm.labelRequiredIndicator]:bu.requiredIndicator,[tm.errorMessageTextColor]:bu.errorMessageTextColor,[tm.inputValueTextColor]:bu.valueTextColor,[tm.inputPlaceholderTextColor]:bu.placeholderTextColor,[tm.inputBorderStyle]:bu.borderStyle,[tm.inputBorderWidth]:bu.borderWidth,[tm.inputBorderColor]:bu.borderColor,[tm.inputBorderRadius]:bu.borderRadius,[tm.inputOutlineStyle]:bu.outlineStyle,[tm.inputOutlineWidth]:bu.outlineWidth,[tm.inputOutlineColor]:bu.outlineColor,[tm.inputOutlineOffset]:bu.outlineOffset,[tm.labelPosition]:bu.labelPosition,[tm.labelTopPosition]:bu.labelTopPosition,[tm.labelHorizontalPosition]:bu.labelHorizontalPosition,[tm.inputTransformY]:bu.inputTransformY,[tm.inputTransition]:bu.inputTransition,[tm.marginInlineStart]:bu.marginInlineStart,[tm.valueInputHeight]:bu.valueInputHeight,[tm.valueInputMarginBottom]:bu.valueInputMarginBottom,[tm.inputHorizontalPadding]:"0",[tm.errorMessageIcon]:bu.errorMessageIcon,[tm.errorMessageIconSize]:bu.errorMessageIconSize,[tm.errorMessageIconPadding]:bu.errorMessageIconPadding,[tm.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[tm.errorMessageIconPosition]:bu.errorMessageIconPosition,[tm.errorMessageFontSize]:bu.errorMessageFontSize,_fullWidth:{[tm.hostWidth]:bu.width}};var om=Object.freeze({__proto__:null,default:rm,vars:tm});const im=Re(Jp),nm=is.cssVarList,am={[nm.hostWidth]:bu.width,[nm.hostMinWidth]:bu.minWidth,[nm.hostDirection]:bu.direction,[nm.fontSize]:bu.fontSize,[nm.fontFamily]:bu.fontFamily,[nm.labelFontSize]:bu.labelFontSize,[nm.labelFontWeight]:bu.labelFontWeight,[nm.labelTextColor]:bu.labelTextColor,[nm.spaceBetweenInputs]:"1em",[nm.errorMessageTextColor]:bu.errorMessageTextColor,[nm.policyPreviewBackgroundColor]:"none",[nm.policyPreviewPadding]:im.spacing.lg,[nm.valueInputHeight]:bu.valueInputHeight,[nm.errorMessageIcon]:bu.errorMessageIcon,[nm.errorMessageIconSize]:bu.errorMessageIconSize,[nm.errorMessageIconPadding]:bu.errorMessageIconPadding,[nm.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[nm.errorMessageIconPosition]:bu.errorMessageIconPosition,[nm.errorMessageFontSize]:bu.errorMessageFontSize,_required:{[nm.inputsRequiredIndicator]:bu.requiredIndicator}};var sm=Object.freeze({__proto__:null,default:am,vars:nm});const lm=Ts.cssVarList,dm={[lm.hostDirection]:bu.direction,[lm.labelTextColor]:bu.labelTextColor,[lm.fontFamily]:bu.fontFamily,[lm.iconSize]:"2em",[lm.hostPadding]:"0.75em",[lm.gap]:"0.5em",[lm.fontSize]:"16px",[lm.titleFontWeight]:"500",[lm.lineHeight]:"1em",[lm.borderWidth]:bu.borderWidth,[lm.borderColor]:bu.borderColor,[lm.borderRadius]:bu.borderRadius,[lm.borderStyle]:"dashed",_required:{[lm.requiredIndicator]:bu.requiredIndicator},size:{xs:{[lm.hostHeight]:"196px",[lm.hostWidth]:"200px",[lm.titleFontSize]:"0.875em",[lm.descriptionFontSize]:"0.875em",[lm.lineHeight]:"1.25em"},sm:{[lm.hostHeight]:"216px",[lm.hostWidth]:"230px",[lm.titleFontSize]:"1em",[lm.descriptionFontSize]:"0.875em",[lm.lineHeight]:"1.25em"},md:{[lm.hostHeight]:"256px",[lm.hostWidth]:"312px",[lm.titleFontSize]:"1.125em",[lm.descriptionFontSize]:"1em",[lm.lineHeight]:"1.5em"},lg:{[lm.hostHeight]:"280px",[lm.hostWidth]:"336px",[lm.titleFontSize]:"1.125em",[lm.descriptionFontSize]:"1.125em",[lm.lineHeight]:"1.75em"}},_fullWidth:{[lm.hostWidth]:bu.width}};var cm=Object.freeze({__proto__:null,default:dm,vars:lm});const pm=Re(Jp),um=Hs.cssVarList,hm={[um.hostDirection]:"inherit",[um.backgroundColor]:pm.colors.surface.main,[um.labelTextColor]:pm.colors.surface.contrast,[um.borderColor]:pm.colors.surface.light,[um.borderStyle]:"solid",[um.borderRadius]:pm.radius.sm,[um.outlineColor]:"transparent",[um.borderWidth]:pm.border.xs,_hover:{[um.backgroundColor]:pm.colors.surface.highlight},_focused:{[um.outlineColor]:pm.colors.surface.light},_selected:{[um.borderColor]:pm.colors.surface.contrast,[um.backgroundColor]:pm.colors.surface.contrast,[um.labelTextColor]:pm.colors.surface.main}};var mm=Object.freeze({__proto__:null,default:hm,vars:um});const gm=Re(Jp),bm=e=>({[e.hostDirection]:bu.direction,[e.fontFamily]:bu.fontFamily,[e.labelTextColor]:bu.labelTextColor,[e.labelRequiredIndicator]:bu.requiredIndicator,[e.itemsSpacing]:gm.spacing.sm,[e.hostWidth]:bu.width,[e.errorMessageTextColor]:bu.errorMessageTextColor,[e.errorMessageIcon]:bu.errorMessageIcon,[e.errorMessageIconSize]:bu.errorMessageIconSize,[e.errorMessageIconPadding]:bu.errorMessageIconPadding,[e.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[e.errorMessageIconPosition]:bu.errorMessageIconPosition,[e.errorMessageFontSize]:bu.errorMessageFontSize}),ym=Ws.cssVarList,fm={...bm(ym)};var vm=Object.freeze({__proto__:null,default:fm,vars:ym});const xm=Gs.cssVarList,Cm={...bm(xm)};var wm=Object.freeze({__proto__:null,default:Cm,vars:xm});const Im=Re(Jp),Mm=$d.cssVarList,Sm={[Mm.overlayBackgroundColor]:Im.colors.surface.main,[Mm.overlayShadow]:Im.shadow.wide["2xl"],[Mm.overlayWidth]:"540px"},Am={...Mm};var Em=Object.freeze({__proto__:null,default:Sm,vars:Am});const Tm=Re(Jp),km=Md.cssVarList,zm={[km.hostWidth]:"100%",[km.hostHeight]:"100%",[km.hostMinHeight]:"400px",[km.fontWeight]:"400",[km.backgroundColor]:Tm.colors.surface.main,[km.fontSize]:bu.fontSize,[km.fontFamily]:bu.fontFamily,[km.sortIndicatorsColor]:Tm.colors.surface.light,[km.activeSortIndicator]:Tm.colors.surface.dark,[km.resizeHandleColor]:Tm.colors.surface.light,[km.borderWidth]:bu.borderWidth,[km.borderStyle]:bu.borderStyle,[km.borderRadius]:bu.borderRadius,[km.borderColor]:"transparent",[km.headerRowTextColor]:Tm.colors.surface.dark,[km.separatorColor]:Tm.colors.surface.light,[km.valueTextColor]:Tm.colors.surface.contrast,[km.selectedBackgroundColor]:Tm.colors.surface.highlight,[km.hostDirection]:Tm.direction,[km.toggleDetailsPanelButtonSize]:"1em",[km.toggleDetailsPanelButtonOpenedColor]:Tm.colors.surface.contrast,[km.toggleDetailsPanelButtonClosedColor]:Tm.colors.surface.light,[km.toggleDetailsPanelButtonCursor]:"pointer",[km.detailsPanelBackgroundColor]:Tm.colors.surface.highlight,[km.detailsPanelBorderTopColor]:Tm.colors.surface.light,[km.detailsPanelLabelsColor]:Tm.colors.surface.dark,[km.detailsPanelLabelsFontSize]:"0.8em",[km.detailsPanelItemsGap]:"2em",[km.detailsPanelPadding]:"12px 0",_bordered:{[km.borderColor]:bu.borderColor}};var Lm=Object.freeze({__proto__:null,default:zm,grid:zm,vars:km});const Nm=Re(Jp),Dm=Ud.cssVarList,Vm="#00000020",Pm={[Dm.hostMinWidth]:"415px",[Dm.fontFamily]:Nm.fonts.font1.family,[Dm.fontSize]:Nm.typography.body1.size,[Dm.backgroundColor]:Nm.colors.surface.main,[Dm.textColor]:Nm.colors.surface.contrast,[Dm.boxShadow]:`${Nm.shadow.wide.xl} ${Vm}, ${Nm.shadow.narrow.xl} ${Vm}`,[Dm.verticalPadding]:"0.625em",[Dm.horizontalPadding]:"1.5em",[Dm.borderRadius]:Nm.radius.xs,_bordered:{[Dm.borderWidth]:Nm.border.sm,[Dm.borderStyle]:"solid",[Dm.borderColor]:"transparent"},size:{xs:{[Dm.fontSize]:"12px"},sm:{[Dm.fontSize]:"14px"},md:{[Dm.fontSize]:"16px"},lg:{[Dm.fontSize]:"18px"}},mode:{primary:{[Dm.backgroundColor]:Nm.colors.primary.main,[Dm.textColor]:Nm.colors.primary.contrast,[Dm.borderColor]:Nm.colors.primary.light},success:{[Dm.backgroundColor]:Nm.colors.success.main,[Dm.textColor]:Nm.colors.success.contrast,[Dm.borderColor]:Nm.colors.success.light},error:{[Dm.backgroundColor]:Nm.colors.error.main,[Dm.textColor]:Nm.colors.error.contrast,[Dm.borderColor]:Nm.colors.error.light}}};var Bm=Object.freeze({__proto__:null,default:Pm,vars:Dm});const Rm=Re(Jp),Om=Fd.cssVarList,jm={[Om.hostWidth]:bu.width,[Om.hostDirection]:bu.direction,[Om.fontSize]:bu.fontSize,[Om.fontFamily]:bu.fontFamily,[Om.labelFontSize]:bu.labelFontSize,[Om.labelFontWeight]:bu.labelFontWeight,[Om.labelTextColor]:bu.labelTextColor,[Om.errorMessageTextColor]:bu.errorMessageTextColor,[Om.inputBorderColor]:bu.borderColor,[Om.inputBorderWidth]:bu.borderWidth,[Om.inputBorderStyle]:bu.borderStyle,[Om.inputBorderRadius]:bu.borderRadius,[Om.inputOutlineColor]:bu.outlineColor,[Om.inputOutlineOffset]:bu.outlineOffset,[Om.inputOutlineWidth]:bu.outlineWidth,[Om.inputOutlineStyle]:bu.outlineStyle,[Om.labelRequiredIndicator]:bu.requiredIndicator,[Om.inputValueTextColor]:bu.valueTextColor,[Om.inputPlaceholderTextColor]:bu.placeholderTextColor,[Om.inputBackgroundColor]:bu.backgroundColor,[Om.inputHorizontalPadding]:bu.horizontalPadding,[Om.inputVerticalPadding]:bu.verticalPadding,[Om.inputHeight]:bu.inputHeight,[Om.inputDropdownButtonColor]:Rm.colors.surface.dark,[Om.inputDropdownButtonCursor]:"pointer",[Om.inputDropdownButtonSize]:bu.toggleButtonSize,[Om.inputDropdownButtonOffset]:Rm.spacing.xs,[Om.overlayItemPaddingInlineStart]:Rm.spacing.xs,[Om.overlayItemPaddingInlineEnd]:Rm.spacing.lg,[Om.chipFontSize]:bu.chipFontSize,[Om.chipTextColor]:Rm.colors.surface.contrast,[Om.chipBackgroundColor]:Rm.colors.surface.light,[Om.labelPosition]:bu.labelPosition,[Om.labelTopPosition]:bu.labelTopPosition,[Om.labelLeftPosition]:bu.labelLeftPosition,[Om.labelHorizontalPosition]:bu.labelHorizontalPosition,[Om.inputTransformY]:bu.inputTransformY,[Om.inputTransition]:bu.inputTransition,[Om.marginInlineStart]:bu.marginInlineStart,[Om.placeholderOpacity]:bu.placeholderOpacity,[Om.inputVerticalAlignment]:bu.inputVerticalAlignment,[Om.errorMessageIcon]:bu.errorMessageIcon,[Om.errorMessageIconSize]:bu.errorMessageIconSize,[Om.errorMessageIconPadding]:bu.errorMessageIconPadding,[Om.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[Om.errorMessageIconPosition]:bu.errorMessageIconPosition,[Om.errorMessageFontSize]:bu.errorMessageFontSize,labelType:{floating:{[Om.inputHorizontalPadding]:"0.25em",_hasValue:{[Om.inputHorizontalPadding]:"0.45em"}}},_readonly:{[Om.inputDropdownButtonCursor]:"default"},[Om.overlayFontSize]:bu.fontSize,[Om.overlayFontFamily]:bu.fontFamily,[Om.overlayCursor]:"pointer",[Om.overlayItemBoxShadow]:"none",[Om.overlayBackground]:bu.backgroundColor,[Om.overlayTextColor]:bu.valueTextColor,[Om.overlay.minHeight]:"400px",[Om.overlay.margin]:"0"};var Fm=Object.freeze({__proto__:null,default:jm,multiSelectComboBox:jm,vars:Om});const Wm=ce(ru),_m=gc.cssVarList,$m={[_m.hostWidth]:"fit-content",[_m.hostDirection]:Wm.direction,[_m.textAlign]:"center",[_m.fontFamily]:Wm.fonts.font1.family,[_m.fontWeight]:"400",[_m.verticalPadding]:"0.25em",[_m.horizontalPadding]:"0.5em",[_m.borderWidth]:Wm.border.xs,[_m.borderRadius]:Wm.radius.xs,[_m.borderColor]:"transparent",[_m.borderStyle]:"solid",_fullWidth:{[_m.hostWidth]:"100%"},size:{xs:{[_m.fontSize]:"12px"},sm:{[_m.fontSize]:"14px"},md:{[_m.fontSize]:"16px"},lg:{[_m.fontSize]:"18px"}},mode:{default:{[_m.textColor]:Wm.colors.surface.dark,_bordered:{[_m.borderColor]:Wm.colors.surface.light}},primary:{[_m.textColor]:Wm.colors.primary.main,_bordered:{[_m.borderColor]:Wm.colors.primary.light}},secondary:{[_m.textColor]:Wm.colors.secondary.main,_bordered:{[_m.borderColor]:Wm.colors.secondary.light}},error:{[_m.textColor]:Wm.colors.error.main,_bordered:{[_m.borderColor]:Wm.colors.error.light}},success:{[_m.textColor]:Wm.colors.success.main,_bordered:{[_m.borderColor]:Wm.colors.success.light}}}};var Hm=Object.freeze({__proto__:null,default:$m,vars:_m});const qm=$("avatar");class Ym extends(hr({componentName:qm,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',Y("\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"),q(this,this.avatarComponent,{includeAttrs:["display-name","img","abbr"],mapAttrs:{"display-name":"name"}});const e=this.shadowRoot.querySelector(".editableBadge");j(this,()=>{e.style.display=this.isEditable?"":"none"},{includeAttrs:["editable"]})}get isEditable(){return"true"===this.getAttribute("editable")}}const{host:Um,editableBadge:Gm,avatar:Zm}={host:{selector:()=>":host"},editableBadge:{selector:"> .editableBadge"},avatar:{selector:"vaadin-avatar"}},Qm=B(ar({mappings:{hostWidth:[{...Um,property:"width"},{...Um,property:"min-width"}],hostHeight:{...Um,property:"height"},cursor:[Zm,Um],hostDirection:{...Um,property:"direction"},avatarTextColor:{...Zm,property:"color"},avatarBackgroundColor:{...Zm,property:"background-color"},editableIconColor:{...Gm,property:"color"},editableBorderColor:{...Gm,property:"border-color"},editableBackgroundColor:{...Gm,property:"background-color"}}}),sr,lr)(Ym),Jm=ce(ru),Km=Qm.cssVarList,Xm={[Km.hostDirection]:Jm.direction,[Km.editableIconColor]:Jm.colors.surface.dark,[Km.editableBorderColor]:Jm.colors.surface.dark,[Km.editableBackgroundColor]:Jm.colors.surface.main,[Km.avatarTextColor]:Jm.colors.surface.main,[Km.avatarBackgroundColor]:Jm.colors.surface.dark,_editable:{[Km.cursor]:"pointer"},size:{xs:{[Km.hostWidth]:"30px",[Km.hostHeight]:"30px"},sm:{[Km.hostWidth]:"40px",[Km.hostHeight]:"40px"},md:{[Km.hostWidth]:"60px",[Km.hostHeight]:"60px"},lg:{[Km.hostWidth]:"98px",[Km.hostHeight]:"98px"}}},eg={...Km};var tg=Object.freeze({__proto__:null,default:Xm,vars:eg});const rg=Re(Jp),og=dc.cssVarList,ig={[og.hostWidth]:bu.width,[og.hostDirection]:bu.direction,[og.fontSize]:bu.fontSize,[og.fontFamily]:bu.fontFamily,[og.separatorFontSize]:"14px",[og.labelsFontSize]:"14px",[og.labelsLineHeight]:"1",[og.labelsMarginBottom]:"6px",[og.labelTextColor]:bu.labelTextColor,[og.itemMarginBottom]:"1em",[og.valueLabelMinWidth]:bu.minWidth,[og.attrLabelMinWidth]:`calc(12em + 2 * ${rg.border.xs})`,[og.separatorWidth]:"70px",[og.removeButtonWidth]:"60px"};var ng=Object.freeze({__proto__:null,default:ig,mappingsField:ig,vars:og});const ag=Re(Jp),sg=Mc.cssVarList,lg={[sg.labelMinWidth]:"150px",[sg.hostDirection]:ag.direction,[sg.contentMinWidth]:`calc(100% - ${_e(sg.labelMinWidth)} - ${_e(sg.itemsGap)})`,[sg.badgeMaxWidth]:"85px",[sg.itemsGap]:"4px",[sg.hostMinWidth]:"310px",[sg.hostWidth]:"530px",[sg.hostMaxWidth]:"100%",_fullWidth:{[sg.hostWidth]:"100%"}};var dg=Object.freeze({__proto__:null,default:lg,vars:sg});const cg=Re(Jp),pg=Dc.cssVarList,ug={[pg.hostDirection]:cg.direction,[pg.itemsGap]:"16px",[pg.hostMinWidth]:"310px",[pg.hostWidth]:"530px",[pg.hostMaxWidth]:"100%",[pg.iconSize]:"24px",[pg.iconColor]:"currentcolor",_fullWidth:{[pg.hostWidth]:"100%"}};var hg=Object.freeze({__proto__:null,default:ug,vars:pg});const mg=Fc.cssVarList,gg={[mg.hostWidth]:bu.width,[mg.hostDirection]:bu.direction,[mg.groupNameInputMarginBottom]:"1em",[mg.errorMessageIcon]:bu.errorMessageIcon,[mg.errorMessageIconSize]:bu.errorMessageIconSize,[mg.errorMessageIconPadding]:bu.errorMessageIconPadding,[mg.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[mg.errorMessageIconPosition]:bu.errorMessageIconPosition,[mg.errorMessageFontSize]:bu.errorMessageFontSize};var bg=Object.freeze({__proto__:null,default:gg,samlGroupMappings:gg,vars:mg});const yg=Re(Jp),fg=Ga.cssVarList,vg={[fg.fontFamily]:bu.fontFamily,[fg.fontSize]:bu.labelFontSize,[fg.textColor]:bu.labelTextColor,[fg.borderWidth]:bu.borderWidth,[fg.borderStyle]:bu.borderStyle,[fg.borderColor]:bu.borderColor,[fg.borderRadius]:yg.radius.sm,[fg.backgroundColor]:"none",[fg.padding]:"0px",[fg.labelMargin]:yg.spacing.sm,[fg.itemsSpacing]:yg.spacing.lg,[fg.itemSymbolDefault]:"'\\2022'",[fg.itemSymbolSuccess]:"'\\2713'",[fg.itemSymbolError]:"'\\2A09'",[fg.itemSymbolSuccessColor]:yg.colors.success.main,[fg.itemSymbolErrorColor]:yg.colors.error.main};var xg=Object.freeze({__proto__:null,default:vg,vars:fg});const Cg=Jr.cssVarList;var wg=Object.freeze({__proto__:null,default:{},vars:Cg});const Ig=Zr.cssVarList;var Mg=Object.freeze({__proto__:null,default:{},vars:Ig});const Sg=Re(Jp),Ag=Xl.cssVarList,Eg="#d73a49",Tg="#6f42c1",kg="#005cc5",zg="#e36209",Lg="#6a737d",Ng="#22863a",Dg="#24292e",Vg="#f0fff4",Pg="#032f62",Bg="#ff7b72",Rg="#d2a8ff",Og="#79c0ff",jg="#ffa657",Fg="#8b949e",Wg="#7ee787",_g="#c9d1d9",$g="#f0fff4",Hg="#a5d6ff",qg={[Ag.rootBgColor]:Sg.colors.surface.main,[Ag.rootTextColor]:Sg.colors.surface.contrast,[Ag.docTagTextColor]:Eg,[Ag.keywordTextColor]:Eg,[Ag.metaKeywordTextColor]:Eg,[Ag.templateTagTextColor]:Eg,[Ag.templateVariableTextColor]:Eg,[Ag.typeTextColor]:Eg,[Ag.variableLanguageTextColor]:Eg,[Ag.titleTextColor]:Tg,[Ag.titleClassTextColor]:Tg,[Ag.titleClassInheritedTextColor]:Tg,[Ag.titleFunctionTextColor]:Tg,[Ag.attrTextColor]:kg,[Ag.attributeTextColor]:kg,[Ag.literalTextColor]:kg,[Ag.metaTextColor]:kg,[Ag.numberTextColor]:kg,[Ag.operatorTextColor]:kg,[Ag.variableTextColor]:kg,[Ag.selectorAttrTextColor]:kg,[Ag.selectorClassTextColor]:kg,[Ag.selectorIdTextColor]:kg,[Ag.regexpTextColor]:Pg,[Ag.stringTextColor]:Pg,[Ag.metaStringTextColor]:Pg,[Ag.builtInTextColor]:zg,[Ag.symbolTextColor]:zg,[Ag.commentTextColor]:Lg,[Ag.codeTextColor]:Lg,[Ag.formulaTextColor]:Lg,[Ag.nameTextColor]:Ng,[Ag.quoteTextColor]:Ng,[Ag.selectorTagTextColor]:Ng,[Ag.selectorPseudoTextColor]:Ng,[Ag.substTextColor]:Dg,[Ag.sectionTextColor]:kg,[Ag.bulletTextColor]:"#735c0f",[Ag.emphasisTextColor]:Dg,[Ag.strongTextColor]:Dg,[Ag.additionTextColor]:Ng,[Ag.additionBgColor]:Vg,[Ag.deletionTextColor]:Eg,[Ag.deletionBgColor]:Vg},Yg={codeSnippet:{[Ag.rootBgColor]:Sg.colors.surface.main,[Ag.rootTextColor]:Sg.colors.surface.contrast,[Ag.docTagTextColor]:Bg,[Ag.keywordTextColor]:Bg,[Ag.metaKeywordTextColor]:Bg,[Ag.templateTagTextColor]:Bg,[Ag.templateVariableTextColor]:Bg,[Ag.typeTextColor]:Bg,[Ag.variableLanguageTextColor]:Bg,[Ag.titleTextColor]:Rg,[Ag.titleClassTextColor]:Rg,[Ag.titleClassInheritedTextColor]:Rg,[Ag.titleFunctionTextColor]:Rg,[Ag.attrTextColor]:Og,[Ag.attributeTextColor]:Og,[Ag.literalTextColor]:Og,[Ag.metaTextColor]:Og,[Ag.numberTextColor]:Og,[Ag.operatorTextColor]:Og,[Ag.variableTextColor]:Og,[Ag.selectorAttrTextColor]:Og,[Ag.selectorClassTextColor]:Og,[Ag.selectorIdTextColor]:Og,[Ag.regexpTextColor]:Hg,[Ag.stringTextColor]:Hg,[Ag.metaStringTextColor]:Hg,[Ag.builtInTextColor]:jg,[Ag.symbolTextColor]:jg,[Ag.commentTextColor]:Fg,[Ag.codeTextColor]:Fg,[Ag.formulaTextColor]:Fg,[Ag.nameTextColor]:Wg,[Ag.quoteTextColor]:Wg,[Ag.selectorTagTextColor]:Wg,[Ag.selectorPseudoTextColor]:Wg,[Ag.substTextColor]:_g,[Ag.sectionTextColor]:Og,[Ag.bulletTextColor]:"#735c0f",[Ag.emphasisTextColor]:_g,[Ag.strongTextColor]:_g,[Ag.additionTextColor]:Wg,[Ag.additionBgColor]:$g,[Ag.deletionTextColor]:Bg,[Ag.deletionBgColor]:$g}};var Ug=Object.freeze({__proto__:null,codeSnippetDarkThemeOverrides:Yg,default:qg,vars:Ag});const Gg=Hc.cssVarList,Zg=Re(Jp),Qg={[Gg.buttonsRowGap]:"9px",[Gg.hostWidth]:bu.width,[Gg.hostDirection]:bu.direction,[Gg.fontSize]:bu.fontSize,[Gg.fontFamily]:bu.fontFamily,[Gg.labelTextColor]:bu.labelTextColor,[Gg.labelRequiredIndicator]:bu.requiredIndicator,[Gg.errorMessageTextColor]:bu.errorMessageTextColor,[Gg.errorMessageIcon]:bu.errorMessageIcon,[Gg.errorMessageIconSize]:bu.errorMessageIconSize,[Gg.errorMessageIconPadding]:bu.errorMessageIconPadding,[Gg.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[Gg.errorMessageIconPosition]:bu.errorMessageIconPosition,[Gg.errorMessageFontSize]:bu.errorMessageFontSize,[Gg.helperTextColor]:bu.helperTextColor,[Gg.itemsLabelColor]:Zg.colors.surface.contrast,textAlign:{right:{[Gg.inputTextAlign]:"right"},left:{[Gg.inputTextAlign]:"left"},center:{[Gg.inputTextAlign]:"center"}},_fullWidth:{[Gg.buttonsSpacing]:"space-between"},_disabled:{[Gg.itemsLabelColor]:Zg.colors.surface.light}};var Jg=Object.freeze({__proto__:null,default:Qg,radioGroup:Qg,vars:Gg});const Kg=_c.cssVarList,Xg=Re(Jp),eb={[Kg.fontFamily]:bu.fontFamily,[Kg.radioSize]:"calc(1em + 6px)",[Kg.radioMargin]:"auto 4px",[Kg.radioCheckedSize]:`calc(var(${Kg.radioSize})/5)`,[Kg.radioCheckedColor]:Xg.colors.surface.light,[Kg.radioBackgroundColor]:Xg.colors.surface.light,[Kg.radioBorderColor]:"none",[Kg.radioBorderWidth]:0,_checked:{[Kg.radioBackgroundColor]:Xg.colors.surface.contrast},_hover:{cursor:"pointer"},size:{xs:{[Kg.fontSize]:"12px"},sm:{[Kg.fontSize]:"14px"},md:{[Kg.fontSize]:"16px"},lg:{[Kg.fontSize]:"18px"}}};var tb=Object.freeze({__proto__:null,default:eb,radioButton:eb,vars:Kg});const rb=Re(Jp),ob=ei.cssVarList,ib={[ob.fontFamily]:bu.fontFamily,[ob.fontSize]:bu.fontSize,[ob.hostDirection]:bu.direction,[ob.calendarPadding]:"1em",[ob.topNavVerticalPadding]:"1em",[ob.topNavAlignment]:"space-between",[ob.topNavGap]:"0",[ob.topNavSelectorsGap]:"0.5em",[ob.bottomNavVerticalPadding]:"0.75em",[ob.bottomNavHorizontalPadding]:"1.5em",[ob.bottomNavAlignment]:"space-between",[ob.bottomNavGap]:"0.5em",[ob.navMarginBottom]:"0.75em",[ob.navBorderBottomWidth]:"1px",[ob.navBorderBottomColor]:rb.colors.surface.highlight,[ob.navBorderBottomStyle]:"solid",[ob.yearInputWidth]:"6em",[ob.monthInputWidth]:"8em",[ob.navButtonSize]:"24px",[ob.navButtonCursor]:"pointer",[ob.weekdayFontSize]:"0.875em",[ob.weekdayFontWeight]:"500",[ob.dayHeight]:"3.125em",[ob.daySize]:"2.125em",[ob.dayFontSize]:"1em",[ob.dayRadius]:"50%",[ob.dayTextAlign]:"center",[ob.dayPadding]:"0",[ob.dayTextColor]:rb.colors.surface.contrast,[ob.dayFontWeight]:"500",[ob.dayBackgroundColor]:"transparent",[ob.dayCursor]:"pointer",[ob.dayBackgroundColorHover]:rb.colors.primary.highlight,[ob.daySelectedBackgroundColor]:rb.colors.primary.main,[ob.daySelectedTextdColor]:rb.colors.primary.contrast,[ob.dayDisabledTextdColor]:rb.colors.surface.light,[ob.currentDayBorderColor]:rb.colors.surface.light,[ob.currentDayBorderWidth]:"1px",[ob.currentDayBorderStyle]:"solid",size:{xs:{[ob.fontSize]:"12px"},sm:{[ob.fontSize]:"14px"},md:{[ob.fontSize]:"16px"},lg:{[ob.fontSize]:"18px"}},[ob.navButtonRotation]:"rotate(180deg)",_disabled:{[ob.navButtonOpacity]:"0.5",[ob.dayBackgroundColorHover]:"none",[ob.navButtonCursor]:"default",[ob.dayCursor]:"default"},_fullWidth:{[ob.hostWidth]:"100%",[ob.dayBlockAlign]:"0 auto"}};var nb=Object.freeze({__proto__:null,default:ib,vars:ob});const ab=Re(Jp),sb="#00000020",{shadow:lb}=ab,db=Vi.cssVarList,cb={[db.hostWidth]:bu.width,[db.hostDirection]:bu.direction,[db.iconMargin]:"0.375em",[db.overlay.marginTop]:`calc(${bu.outlineWidth} + 1px)`,[db.overlay.backgroundColor]:bu.backgroundColor,[db.overlay.backdropBackgroundColor]:"transparent",[db.overlay.backdropPointerEvents]:"all",[db.overlay.boxShadow]:`${lb.wide.xl} ${sb}, ${lb.narrow.xl} ${sb}`,[db.overlay.outlineWidth]:"0",[db.overlay.outlineColor]:"transparent",[db.overlay.outlineStyle]:"none",[db.overlay.padding]:"0",[db.rtlInputDirection]:"ltr",[db.rtlInputAlignment]:"right",[db.errorMessageIcon]:bu.errorMessageIcon,[db.errorMessageIconSize]:bu.errorMessageIconSize,[db.errorMessageIconPadding]:bu.errorMessageIconPadding,[db.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[db.errorMessageIconPosition]:bu.errorMessageIconPosition,[db.errorMessageFontSize]:bu.errorMessageFontSize};var pb=Object.freeze({__proto__:null,default:cb,vars:db});const ub=$("apps-list"),hb=B(ar({mappings:{maxHeight:{selector:()=>":host"},minHeight:{selector:()=>":host"},hostDirection:{selector:()=>":host",property:"direction"},itemsFontWeight:{selector:Oi.componentName,property:Oi.cssVarList.fontWeight},itemsFontSize:{selector:Oi.componentName,property:Oi.cssVarList.fontSize},itemsTextAlign:{selector:Oi.componentName,property:Oi.cssVarList.textAlign}}}),zr({itemRenderer:({name:e,icon:t,url:r},o,i)=>`\n  <a ${r?`href="${r}" title="${r}"`:""} target="_blank">\n    <descope-list-item>\n    <descope-avatar\n      ${t?`img="${t}"`:""}\n      ${e?`display-name="${e}" abbr=${Z(e)}`:""}\n      size=${i.size}\n    ></descope-avatar>\n    <descope-text\n      variant="body1"\n      mode="primary"\n    >${e}</descope-text>\n    </descope-list-item>\n  </a>\n`,rerenderAttrsList:["size"]}),sr,lr,e=>class extends e{get size(){return this.getAttribute("size")||"sm"}})(Ir({slots:["empty-state"],wrappedEleName:"descope-list",excludeAttrsSync:["tabindex","class","empty","style"],componentName:ub,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      a {\n        text-decoration: none;\n      }\n\n      descope-text {\n        ${Oi.cssVarList.hostDirection}: var(${hb.cssVarList.hostDirection});\n      }\n    `})),mb=hb.cssVarList,gb=ce(ru),bb="400px",yb={[mb.itemsFontWeight]:"normal",[mb.itemsTextAlign]:"start",[mb.hostDirection]:gb.direction,[mb.maxHeight]:bb,_empty:{[mb.minHeight]:bb},size:{xs:{[mb.itemsFontSize]:"14px"},sm:{[mb.itemsFontSize]:"14px"},md:{[mb.itemsFontSize]:"16px"},lg:{[mb.itemsFontSize]:"20px"}}};var fb=Object.freeze({__proto__:null,default:yb,vars:mb});const vb=ce(ru),xb=tp.cssVarList,[Cb,wb,Ib]=ue({shadowColor:"#00000020"},Xc),{shadowColor:Mb}=wb,Sb={...Cb,[xb.hostWidth]:"100%",[xb.backgroundColor]:vb.colors.surface.main,[xb.fontFamily]:vb.fonts.font1.family,[xb.borderColor]:vb.colors.surface.light,[xb.borderStyle]:"solid",[xb.borderWidth]:vb.border.xs,[xb.borderRadius]:vb.radius.sm,[xb.gap]:vb.spacing.md,[xb.verticalPadding]:vb.spacing.lg,[xb.horizontalPadding]:vb.spacing.lg,[xb.boxShadow]:`${vb.shadow.wide.sm} ${Mb}, ${vb.shadow.narrow.sm} ${Mb}`,[xb.maxHeight]:"100%",[xb.hostDirection]:vb.direction,[xb.minItemsWidth]:"150px",_empty:{[xb.minHeight]:"150px",[xb.emptyStateTextColor]:vb.colors.surface.dark,[xb.emptyStateTextFontFamily]:vb.fonts.font1.family},variant:{tiles:{[xb.gridTemplateColumns]:`repeat(auto-fit, minmax(min(${pe(xb.minItemsWidth)}, 100%), 1fr))`,[xb.maxItemsWidth]:"200px",[xb.itemsHorizontalAlign]:"center"}}},Ab={...xb,...Ib};var Eb=Object.freeze({__proto__:null,default:Sb,vars:Ab});const Tb=ce(ru),kb=Kc.cssVarList,zb={[kb.backgroundColor]:Tb.colors.surface.main,[kb.verticalPadding]:Tb.spacing.lg,[kb.horizontalPadding]:Tb.spacing.lg,[kb.gap]:Tb.spacing.md,[kb.borderStyle]:"solid",[kb.borderWidth]:Tb.border.xs,[kb.borderColor]:Tb.colors.surface.main,[kb.borderRadius]:Tb.radius.sm,[kb.cursor]:"pointer",[kb.alignItems]:"center",[kb.flexDirection]:"row",[kb.transition]:"border-color 0.2s, background-color 0.2s",variant:{tile:{[kb.alignItems]:"flex-start",[kb.flexDirection]:"column",[kb.borderColor]:Tb.colors.surface.light}},_hover:{[kb.backgroundColor]:Tb.colors.surface.highlight},_active:{[kb.backgroundColor]:Tb.colors.surface.main,[kb.borderColor]:Tb.colors.primary.light,[kb.outline]:`1px solid ${Tb.colors.primary.light}`}};var Lb=Object.freeze({__proto__:null,default:zb,vars:kb});const Nb=Qc.cssVarList,Db={[Nb.requiredInputBorderColor]:gu._disabled[yu.borderColor],[Nb.requiredInputValueTextColor]:gu._disabled[yu.valueTextColor],[Nb.hostWidth]:"280px",_fullWidth:{[Nb.hostWidth]:"100%"}};var Vb=Object.freeze({__proto__:null,default:Db,vars:Nb});const Pb=Re(Jp),Bb=ap.cssVarList,Rb={[Bb.gap]:Pb.spacing.lg,[Bb.arrowsColor]:Pb.colors.surface.dark,[Bb.thirdPartyAppLogoFallback]:"url(https://imgs.descope.com/components/third-party-app-logo-placeholder.svg)",[Bb.companyLogoFallback]:"url(https://imgs.descope.com/components/project-logo-placeholder.svg)",size:{xs:{[Bb.logoMaxHeight]:"30px",[Bb.logoMaxWidth]:"120px"},sm:{[Bb.logoMaxHeight]:"40px",[Bb.logoMaxWidth]:"160px"},md:{[Bb.logoMaxHeight]:"48px",[Bb.logoMaxWidth]:"200px"},lg:{[Bb.logoMaxHeight]:"60px",[Bb.logoMaxWidth]:"240px"}}};var Ob=Object.freeze({__proto__:null,default:Rb,vars:Bb});const jb=pp.cssVarList,Fb={[jb.hostWidth]:"fit-content",_fullWidth:{[jb.hostWidth]:"100%"}};var Wb=Object.freeze({__proto__:null,default:Fb,vars:jb});const _b=vp.cssVarList,$b={[_b.hostWidth]:"min-content",[_b.questionCursor]:"pointer",_fullWidth:{[_b.hostWidth]:"100%"},[_b.questionFontSize]:bu.fontSize,[_b.questionFontFamily]:bu.fontFamily};var Hb=Object.freeze({__proto__:null,default:$b,vars:_b});const qb=Ap.cssVarList,Yb={[qb.hostDirection]:bu.direction,[qb.errorMessageIcon]:bu.errorMessageIcon,[qb.errorMessageIconSize]:bu.errorMessageIconSize,[qb.errorMessageIconPadding]:bu.errorMessageIconPadding,[qb.errorMessageIconRepeat]:bu.errorMessageIconRepeat,[qb.errorMessageIconPosition]:bu.errorMessageIconPosition,[qb.errorMessageFontSize]:bu.errorMessageFontSize,_fullWidth:{[qb.hostWidth]:"100%"}};var Ub=Object.freeze({__proto__:null,default:Yb,vars:qb});const Gb=Re(Jp),Zb=$p.cssVarList,Qb={[Zb.hostDirection]:Gb.direction,[Zb.backgroundColor]:"transparent",[Zb.iconSize]:"1.35em",[Zb.alignItems]:"center",[Zb.borderRadius]:Gb.radius.md,[Zb.horizontalPadding]:"0",[Zb.verticalPadding]:"0",[Zb.gap]:"0.5em",[Zb.fontSize]:_e(ch.fontSize),mode:{error:{[Zb.textColor]:Gb.colors.error.main,_bordered:{[Zb.borderColor]:Gb.colors.error.main}},success:{[Zb.textColor]:Gb.colors.success.main,_bordered:{[Zb.borderColor]:Gb.colors.success.main}}},spacing:{xs:{[Zb.horizontalPadding]:Gb.spacing.xs,[Zb.verticalPadding]:Gb.spacing.xs},sm:{[Zb.horizontalPadding]:Gb.spacing.sm,[Zb.verticalPadding]:Gb.spacing.sm},md:{[Zb.horizontalPadding]:Gb.spacing.md,[Zb.verticalPadding]:Gb.spacing.md},lg:{[Zb.horizontalPadding]:Gb.spacing.lg,[Zb.verticalPadding]:Gb.spacing.lg},xl:{[Zb.horizontalPadding]:Gb.spacing.xl,[Zb.verticalPadding]:Gb.spacing.xl}},textAlign:{left:{[Zb.justifyContent]:"left"},center:{[Zb.justifyContent]:"center"},right:{[Zb.justifyContent]:"right"}},_bordered:{[Zb.borderWidth]:Gb.border.xs,[Zb.borderColor]:"transparent",[Zb.borderStyle]:"solid",[Zb.borderWidth]:Gb.border.xs,[Zb.borderRadius]:Gb.radius.sm},_fullWidth:{[Zb.hostWidth]:"100%"}};var Jb=Object.freeze({__proto__:null,default:Qb,vars:Zb});const Kb=Up.cssVarList,Xb={enabled:{false:{[Kb.maxHeight]:"70px"}}};var ey=Object.freeze({__proto__:null,default:Xb,vars:Kb});const ty=$("autocomplete-field-internal"),ry=xr({componentName:ty,baseSelector:""}),oy=[],iy="DESCOPE_INVALID_OPTION",ny=$("autocomplete-field"),{host:ay}={host:{selector:()=>":host"}},sy=B(ar({componentNameOverride:$("input-wrapper")}),ar({mappings:{hostWidth:{...ay,property:"width"},hostDirection:{...ay,property:"direction"},fontSize:{...ay},checkmarkDisplay:{selector:Hr.componentName,property:Hr.cssVarList.overlayCheckmarkDisplay},itemPaddingInlineStart:{selector:Hr.componentName,property:Hr.cssVarList.overlayItemPaddingInlineStart},itemPaddingInlineEnd:{selector:Hr.componentName,property:Hr.cssVarList.overlayItemPaddingInlineEnd},selectedItemBackground:{selector:Hr.componentName,property:Hr.cssVarList.overlaySelectedItemBackground},selectedItemHoverBackground:{selector:Hr.componentName,property:Hr.cssVarList.overlaySelectedItemHoverBackground},selectedItemFocusBackground:{selector:Hr.componentName,property:Hr.cssVarList.overlaySelectedItemFocusBackground},itemHoverBackground:{selector:Hr.componentName,property:Hr.cssVarList.overlayItemHoverBackground}}}),sr,Er({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),lr,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      <${ty}\n        tabindex="-1"\n      ></${ty}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(ty),q(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"]}),_(this,this.inputElement,{includeAttrs:["invalid"]}),this.inputElement.fetchResults=this.fetchResults,this.setDefaultValue()}set fetchResults(e){this.inputElement.fetchResults=e}})(Ir({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:ny})),ly=sy.cssVarList,dy=ce(ru),cy={[ly.hostWidth]:Uh.width,[ly.hostDirection]:Uh.direction,[ly.fontSize]:Uh.fontSize,[ly.checkmarkDisplay]:"none",[ly.itemPaddingInlineStart]:dy.spacing.lg,[ly.itemPaddingInlineEnd]:dy.spacing.lg,[ly.selectedItemBackground]:dy.colors.primary.light,[ly.selectedItemHoverBackground]:dy.colors.primary.light,[ly.selectedItemFocusBackground]:dy.colors.primary.light,[ly.itemHoverBackground]:dy.colors.primary.highlight,_fullWidth:{[ly.hostWidth]:"100%"}};var py=Object.freeze({__proto__:null,default:cy,vars:ly});class uy extends(wr()){#mt=null;#gt=null;constructor(e){super(e),this.#gt=this.#bt()}getRequiredParams(){return["public-api-key"]}getOptionalParams(){return[{key:"includedPrimaryTypes",attribute:"address-types"},{key:"language",attribute:"address-language"},{key:"region",attribute:"address-region"}]}async#bt(){const e=this.getAttribute("public-api-key");if(!this.#mt&&e)try{(e=>{var t,r,o,i,n,a,s,l,d,c,p,u,h;window.google?.maps||(t={key:e},n="The Google Maps JavaScript API",a="google",s="importLibrary",l="__ib__",d=document,c=window,p=(c=c[a]||(c[a]={})).maps||(c.maps={}),u=new Set,h=new URLSearchParams,p[s]?console.warn(n+" only loads once. Ignoring:",t):p[s]=(e,...c)=>u.add(e)&&(r||(r=new Promise(async(e,s)=>{for(i in await(o=d.createElement("script")),h.set("libraries",[...u]+""),t)h.set(i.replace(/[A-Z]/g,e=>"_"+e[0].toLowerCase()),t[i]);h.set("callback",a+".maps."+l),o.src=`https://maps.${a}apis.com/maps/api/js?`+h,p[l]=e,o.onerror=()=>r=s(Error(n+" could not load.")),o.nonce=d.querySelector("script[nonce]")?.nonce||"",d.head.append(o)}))).then(()=>p[s](e,...c)))})(e);const{AutocompleteSuggestion:t}=await google.maps.importLibrary("places");this.#mt=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.#gt;const t={input:e};this.getOptionalParams().forEach(({attribute:e,key:r,defaultValue:o})=>{const i=this.getAttribute(e)||o;i&&(t[r]="includedPrimaryTypes"===r?i.split(",").map(e=>e.trim()).filter(Boolean):i)});const{suggestions:r}=await this.#mt.fetchAutocompleteSuggestions(t);return this.#yt(r)}catch(e){return console.error("Google Maps Places Autocomplete failed:",e),{results:[],error:Cr}}}#yt(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 hy extends(wr()){getRequiredParams(){return["public-api-key"]}getOptionalParams(){return[{key:"layers",attribute:"address-types"},{key:"limit",attribute:"address-limit"},{key:"lang",attribute:"address-language"},{key:"countryCode",attribute:"address-region"}]}async _fetchResults(e){if(!e?.trim())return{results:[]};const t=this.getAttribute("public-api-key"),r=new URLSearchParams({query:e.trim()});this.getOptionalParams().forEach(({attribute:e,key:t,defaultValue:o})=>{const i=this.getAttribute(e)||o;i&&("layers"===t||"countryCode"===t?r.append(t,i.split(",").map(e=>e.trim()).filter(Boolean).join(",")):r.append(t,i))});try{const e=await fetch(`https://api.radar.io/v1/search/autocomplete?${r.toString()}`,{headers:{Authorization:t}});if(!e.ok)throw new Error(`Radar API returned ${e.status}`);const o=await e.json();return this.#yt(o)}catch(e){return console.error("Radar Places Autocomplete failed:",e),{results:[],error:Cr}}}#yt(e){return e?.addresses?.length?{results:e.addresses.map(e=>({label:e.formattedAddress,value:e.formattedAddress}))}:{results:[]}}}const my=$("address-field-internal"),gy="google-maps-places",by="radar",yy={[gy]:uy,[by]:hy},fy=xr({componentName:my,baseSelector:""}),vy=["public-api-key"],xy=[...vy],Cy=B((({connectorClasses:e})=>t=>class extends t{#ft=e;static get observedAttributes(){return[...t.observedAttributes||[],"connector-template"]}get connectorClasses(){return this.#ft}set connectorClasses(e){this.#ft=e}get connectorTemplate(){return this.getAttribute("connector-template")}initializeConnector(){const e=this.connectorTemplate;if(!this.connectorClasses[e])return;const t=this.connectorClasses[e];this.connector=new t(this.getAttribute.bind(this))}async fetchConnectorResults(e){if(!this.connector)return console.error(`No connector initialized for the field with template: ${this.connectorTemplate}`),{results:[]};const{results:t,error:r}=await this.connector.fetch(e);return r?{results:[],error:r}:{results:t.map(({label:e,value:t})=>({label:e,value:t}))}}init(){super.init?.(),this.initializeConnector()}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&"connector-template"===e&&this.initializeConnector()}})({connectorClasses:yy}))(class extends fy{static get observedAttributes(){return[].concat(fy.observedAttributes||[],xy)}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(){q(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"]}),_(this,this.autocompleteField,{includeAttrs:["invalid"]}),this.autocompleteField.fetchResults=this.fetchConnectorResults.bind(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&vy.includes(e)&&this.initializeConnector()}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{valid:!0}}}),wy=$("address-field"),{host:Iy}={host:{selector:()=>":host"}},My=B(ar({componentNameOverride:$("input-wrapper")}),ar({mappings:{hostWidth:{...Iy,property:"width"},hostDirection:{...Iy,property:"direction"}}}),sr,Er({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),lr,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      <${my}\n        tabindex="-1"\n      ></${my}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(my),q(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"]}),_(this,this.inputElement,{includeAttrs:["invalid"]}),this.setDefaultValue()}})(Ir({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  ${my} {\n    display: inline-block;\n    box-sizing: border-box;\n    user-select: none;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  ${my} ::slotted {\n    padding: 0;\n  }\n`,excludeAttrsSync:["tabindex","error-message","label","style"],componentName:wy})),Sy=My.cssVarList,Ay={[Sy.hostWidth]:Uh.width,[Sy.hostDirection]:Uh.direction,_fullWidth:{[Sy.hostWidth]:"100%"}};var Ey=Object.freeze({__proto__:null,default:Ay,vars:Sy});const Ty=(e,t=2)=>String(e).padStart(t,"0"),ky=$("timer"),zy=["seconds","hide-icon","paused"],Ly=hr({componentName:ky,baseSelector:":host > .wrapper"}),{host:Ny,icon:Dy,timer:Vy}={host:{selector:()=>":host"},icon:{selector:()=>".icon"},timer:{selector:()=>".timer"}},Py=B(ar({mappings:{fontSize:{},iconSize:[{...Dy,property:"width"},{...Dy,property:"height"}],fontFamily:{},minHeight:{},fontWeight:{...Vy},lineHeight:{...Vy},textColor:{...Vy,property:"color"},gap:{},textAlign:{property:"justify-content"},hostWidth:{...Ny,property:"width"},hostDirection:{...Ny,property:"direction"},iconColor:{...Dy,property:Jr.cssVarList.fill}}}),sr,lr)(class extends Ly{#vt=0;#xt;static get observedAttributes(){return zy.concat(Ly.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',Y("\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.#vt=this.seconds}startInterval(){this.#vt?this.#xt=setInterval(()=>{this.#Ct(),this.#vt||this.stop(),this.#wt(this.#vt)},1e3):this.stop()}stopInterval(){clearInterval(this.#xt)}#Ct(){this.#vt=this.#vt-1e3}reset(){this.#vt=this.seconds,this.#wt(this.#vt),this.isPaused||(this.dispatchEvent(new CustomEvent("timer-started",{bubbles:!0})),this.startInterval())}stop(){this.stopInterval(),this.#vt=0,this.#wt(this.#vt),this.dispatchEvent(new CustomEvent("timer-ended",{bubbles:!0}))}pause(){this.setAttribute("paused","true"),this.stopInterval()}resume(){this.removeAttribute("paused"),this.startInterval()}#wt(e){this.timer.textContent=((e=0)=>{const t=Math.floor(e/1e3),r=Math.floor(t/3600),o=Math.floor(t%3600/60),i=t%60;return[...r?[Ty(r)]:[],Ty(o),Ty(i)].join(":")})(e)}#It(e){this.icon.classList.toggle("hidden",e)}#Mt(e){setTimeout(()=>{e?this.pause():this.#xt||this.resume()})}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&("seconds"===e&&this.reset(),"hide-icon"===e&&this.#It("true"===r),"paused"===e&&this.#Mt("true"===r))}}),By=ce(ru),Ry=Py.cssVarList,Oy={[Ry.hostDirection]:By.direction,[Ry.gap]:"0.25em",[Ry.fontFamily]:By.fonts.font1.family,[Ry.minHeight]:"1.5em",[Ry.lineHeight]:"1em",[Ry.fontWeight]:By.fonts.font1.fontWeight,[Ry.textColor]:By.colors.surface.contrast,[Ry.iconColor]:By.colors.surface.contrast,[Ry.iconSize]:"1em",size:{xs:{[Ry.fontSize]:"12px"},sm:{[Ry.fontSize]:"14px"},md:{[Ry.fontSize]:"16px"},lg:{[Ry.fontSize]:"18px"}},textAlign:{right:{[Ry.textAlign]:"right"},left:{[Ry.textAlign]:"left"},center:{[Ry.textAlign]:"center"}},_fullWidth:{[Ry.hostWidth]:"100%"}};var jy=Object.freeze({__proto__:null,default:Oy,vars:Ry});const Fy=$("timer-button"),Wy=["button-variant","button-mode","size","text-align","full-width"],_y={"button-variant":"variant","button-mode":"mode"},$y=["timer-seconds","timer-hide-icon","timer-paused","size","text-align","full-width"],Hy={"timer-seconds":"seconds","timer-hide-icon":"hide-icon","timer-paused":"paused"},qy=hr({componentName:Fy,baseSelector:":host > div"}),{host:Yy}={host:{selector:()=>":host"}},Uy=B(ar({mappings:{gap:{},flexDirection:{},hostWidth:{...Yy,property:"width"},hostDirection:{...Yy,property:"direction"}}}),sr,lr)(class extends qy{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',Y("\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?.(),q(this,this.button,{includeAttrs:Wy,mapAttrs:_y}),q(this,this.timer,{includeAttrs:$y,mapAttrs:Hy}),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")})}}),Gy=ce(ru),Zy=Uy.cssVarList,Qy={[Zy.gap]:Gy.spacing.sm,[Zy.flexDirection]:"column",_horizontal:{[Zy.flexDirection]:"row"},_fullWidth:{[Zy.hostWidth]:"100%"}};var Jy=Object.freeze({__proto__:null,default:Qy,vars:Zy});const Ky=$("password-strength");class Xy extends(hr({componentName:Ky,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',Y("\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 pv}).then(e=>e.default);#St=-1;async calcScore(){const e=this.getAttribute("value")||"";return e?(await this.getCalcScoreFn())(e).score:-1}renderBars(){this.barsContainer.innerHTML="",this.bars=this.options.map((e,t)=>{const r=document.createElement("div");return r.classList.add("bar"),r.classList.toggle("filled",t<=this.#St),this.barsContainer.appendChild(r),r})}init(){super.init?.(),this.getCalcScoreFn()}async onValueChange(){const e=await this.calcScore();e!==this.#St&&(this.#St=e,this.dispatchEvent(new CustomEvent("score-changed",{bubbles:!0,composed:!0,detail:this.#St})),this.bars?.forEach((e,t)=>{e.classList.toggle("filled",t<=this.#St)}),this.textContainer.innerHTML=this.options[this.#St]||"",-1===this.#St?this.removeAttribute("score"):this.setAttribute("score",this.#St))}attributeChangedCallback(e,t,r){if(t!==r)return"options"===e?this.renderBars():"value"===e?this.onValueChange():void 0}}const{host:ef,bar:tf,filledBar:rf,barsContainer:of,text:nf}={host:{selector:()=>":host"},bar:{selector:" .bar"},barsContainer:{selector:" .bars-container"},filledBar:{selector:" .bar.filled"},text:{selector:" .text-container"}},af=B(ar({componentNameOverride:$("input-wrapper")}),ar({mappings:{hostWidth:[{...ef,property:"width"},{...ef,property:"min-width"}],hostDirection:{...ef,property:"direction"},hostMinWidth:{...ef,property:"min-width"},barHeight:{...tf,property:"height"},barBorderRadius:{...tf,property:"border-radius"},emptyBarColor:{...tf,property:"background-color"},filledBarColor:{...rf,property:"background-color"},textColor:{...nf,property:"color"},spacing:{property:"gap"},barSpacing:{...of,property:"gap"},fontSize:{},fontWeight:{},fontFamily:{},barTransition:{...tf,property:"transition"}}}),sr,lr)(Xy),sf=ce(ru),lf=af.cssVarList,df={[lf.hostDirection]:sf.direction,[lf.barHeight]:"4px",[lf.barTransition]:"background-color 0.3s",[lf.barBorderRadius]:sf.radius.sm,[lf.hostMinWidth]:Uh.minWidth,[lf.barSpacing]:sf.spacing.sm,[lf.emptyBarColor]:sf.colors.surface.light,[lf.fontFamily]:Uh.fontFamily,[lf.fontSize]:Uh.labelFontSize,[lf.fontWeight]:Uh.labelFontWeight,[lf.spacing]:sf.spacing.sm,_fullWidth:{[lf.hostWidth]:"100%"},score:{0:{[lf.filledBarColor]:sf.colors.error.light,[lf.textColor]:sf.colors.error.light},1:{[lf.filledBarColor]:sf.colors.error.main,[lf.textColor]:sf.colors.error.main},2:{[lf.filledBarColor]:sf.colors.error.dark,[lf.textColor]:sf.colors.error.dark},3:{[lf.filledBarColor]:sf.colors.success.dark,[lf.textColor]:sf.colors.success.dark},4:{[lf.filledBarColor]:sf.colors.success.main,[lf.textColor]:sf.colors.success.main}}},cf={...lf};var pf=Object.freeze({__proto__:null,default:df,vars:cf});const uf=$("collapsible-container");class hf extends(hr({componentName:uf,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',Y(`\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(${Oi.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"}#At=!1;init(){super.init?.(),this.#At=!0,this.header.addEventListener("click",()=>{this.isCollapsible&&this.toggle()}),q(this,this.textComponent,{includeAttrs:["text-align","text-variant","text-mode"],mapAttrs:{"text-mode":"mode","text-variant":"variant"}})}updateHeaderText(){const e=this.getAttribute("text")||"";this.headerText.innerText=e}attributeChangedCallback(e,t,r){"text"!==e?this.isCollapsed&&this.isCollapsible?this.collapse(this.#At):this.expand(this.#At):this.updateHeaderText()}}const mf={host:()=>":host",icon:()=>"descope-icon",iconWrapper:()=>".icon",header:()=>".header",text:()=>"span",wrapper:()=>".wrapper",content:()=>"div.content"},gf=B(ar({mappings:{hostWidth:{selector:mf.host,property:"width"},hostDirection:{selector:mf.host,property:"direction"},verticalPadding:[{selector:mf.wrapper,property:"padding-top"},{selector:mf.wrapper,property:"padding-bottom"}],horizontalPadding:[{selector:mf.wrapper,property:"padding-left"},{selector:mf.wrapper,property:"padding-right"}],flexDirection:{},justifyContent:{},alignItems:{},gap:[{},{property:"margin-top"}],backgroundColor:{selector:mf.wrapper},backgroundImage:{selector:mf.wrapper},backgroundPositionX:{selector:mf.wrapper},backgroundPositionY:{selector:mf.wrapper},backgroundSize:{selector:mf.wrapper},backgroundRepeat:{selector:mf.wrapper},borderRadius:{selector:mf.wrapper},borderColor:{selector:mf.wrapper},borderStyle:{selector:mf.wrapper},borderWidth:{selector:mf.wrapper},boxShadow:{selector:mf.wrapper},headerIconOrder:{selector:mf.iconWrapper,property:"order"},headerCursor:{selector:mf.header,property:"cursor"},headerGap:{selector:mf.header,property:"gap"},textGrow:{selector:mf.text,property:"flex-grow"},textDirection:{selector:mf.text,property:"direction"},iconAnimationDuration:{selector:mf.icon,property:"transition-duration"},contentAnimationDuration:{selector:mf.content,property:"transition-duration"}}}),sr,lr)(hf),bf=ce(ru),yf=gf.cssVarList,[ff,vf,xf]=ue({shadowColor:"#00000020"},uf),{shadowColor:Cf}=vf,wf={...ff,[yf.hostWidth]:"100%",[yf.boxShadow]:"none",[yf.backgroundColor]:bf.colors.surface.main,[yf.backgroundImage]:"",[yf.backgroundPositionX]:"center",[yf.backgroundPositionY]:"center",[yf.backgroundSize]:"cover",[yf.backgroundRepeat]:"no-repeat",[yf.borderRadius]:"0px",[yf.hostDirection]:bf.direction,[yf.flexDirection]:"column",[yf.alignItems]:"flex-start",[yf.justifyContent]:"flex-start",[yf.headerGap]:bf.spacing.md,[yf.iconAnimationDuration]:"0.1s",[yf.contentAnimationDuration]:"0.1s",[yf.borderWidth]:"0px",[yf.textGrow]:"0",verticalPadding:{sm:{[yf.verticalPadding]:"5px"},md:{[yf.verticalPadding]:"10px"},lg:{[yf.verticalPadding]:"20px"}},horizontalPadding:{sm:{[yf.horizontalPadding]:"5px"},md:{[yf.horizontalPadding]:"10px"},lg:{[yf.horizontalPadding]:"20px"}},spaceBetween:{sm:{[yf.gap]:"10px"},md:{[yf.gap]:"20px"},lg:{[yf.gap]:"30px"}},shadow:{sm:{[yf.boxShadow]:`${bf.shadow.wide.sm} ${Cf}, ${bf.shadow.narrow.sm} ${Cf}`},md:{[yf.boxShadow]:`${bf.shadow.wide.md} ${Cf}, ${bf.shadow.narrow.md} ${Cf}`},lg:{[yf.boxShadow]:`${bf.shadow.wide.lg} ${Cf}, ${bf.shadow.narrow.lg} ${Cf}`},xl:{[yf.boxShadow]:`${bf.shadow.wide.xl} ${Cf}, ${bf.shadow.narrow.xl} ${Cf}`},"2xl":{[xf.shadowColor]:"#00000050",[yf.boxShadow]:`${bf.shadow.wide["2xl"]} ${Cf}`}},borderRadius:{sm:{[yf.borderRadius]:bf.radius.sm},md:{[yf.borderRadius]:bf.radius.md},lg:{[yf.borderRadius]:bf.radius.lg},xl:{[yf.borderRadius]:bf.radius.xl},"2xl":{[yf.borderRadius]:bf.radius["2xl"]},"3xl":{[yf.borderRadius]:bf.radius["3xl"]}},iconPosition:{left:{[yf.headerIconOrder]:"0"},right:{[yf.headerIconOrder]:"1"}},_fillTitle:{[yf.textGrow]:"1"},_border:{[yf.borderColor]:bf.colors.surface.light,[yf.borderWidth]:bf.border.xs,[yf.borderStyle]:"solid"},_collapsible:{[yf.headerCursor]:"pointer"}},If={...yf,...xf};var Mf=Object.freeze({__proto__:null,default:wf,vars:If});const Sf=$("recovery-codes");class Af extends(hr({componentName:Sf,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"),Y("\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)),q(this,this.iconWrapper,{includeAttrs:["variant","mode"]})}onCopy(){navigator.clipboard.writeText(String(this.data.map(e=>e.value).join("\n"))),this.icon.setAttribute("icon","vaadin:check-circle-o"),this.icon.setAttribute("title","Copied"),this.icon.classList.add("copied"),setTimeout(()=>{this.icon.setAttribute("icon","vaadin:copy-o"),this.icon.setAttribute("title","Copy"),this.icon.classList.remove("copied")},5e3)}onReadOnly(e){this.icon.classList.toggle("readonly",e)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&"readonly"===e&&this.onReadOnly("true"===r)}}const Ef=B(ar({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostMinWidth:{selector:()=>":host",property:"min-width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>Oi.componentName,property:Oi.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"}}}),zr({itemRenderer:({value:e},t,r)=>`\n    <descope-text variant="${r.variant}" mode="${r.mode}">\n      <span>${e}</span>\n    </descope-text>\n  `,rerenderAttrsList:["variant","mode"],targetSelector:".list"}),sr,lr)(Af),Tf=ce(ru),kf=Ef.cssVarList,zf=Oi.cssVarList,Lf={[kf.hostMinWidth]:"190px",[kf.hostDirection]:Tf.direction,[kf.iconColor]:pe(zf.textColor),[kf.iconSize]:pe(zf.fontSize),[kf.iconGap]:"8px",[kf.bulletGap]:"0.35em",textAlign:{right:{[kf.textAlign]:"flex-end"},left:{[kf.textAlign]:"flex-start"},center:{[kf.textAlign]:"center"}},_fullWidth:{[kf.hostWidth]:"100%"}};var Nf=Object.freeze({__proto__:null,default:Lf,vars:kf});const Df=$("outbound-apps"),Vf=({name:e,description:t,logo:r,appId:o,isConnected:i},n,a)=>{const s=i?"disconnect":"connect";return`\n  <descope-list-item>\n    <descope-avatar\n      ${r?`img="${r}"`:""}\n      ${e?`display-name="${e}" abbr=${Z(e)}`:""}\n      size=${a.size}\n      ${r?'st-avatar-background-color="none"':""}\n      class="app-logo"\n    ></descope-avatar>\n\n      <div class="content">\n        <descope-text\n          class="app-title"\n          variant="subtitle1"\n          mode="primary"\n        >${e}</descope-text>\n      ${t?`\n          <descope-text\n            class="app-description"\n            variant="body2"\n            mode="primary"\n          >${t}</descope-text>\n      `:""}\n    </div>\n    <div class="controls">\n      <descope-button variant="link" mode="primary" size=${a.size} data-action="${s}" data-outbound-app-id="${o}" data-id="${s}">\n        ${i?a.disconnectButtonLabel:a.connectButtonLabel}\n      </descope-button>\n    </div>\n  </descope-list-item>\n`},Pf=hr({componentName:Df,baseSelector:"descope-list"}),{host:Bf}={host:{selector:()=>":host"}},Rf=B(ar({mappings:{hostWidth:{...Bf,property:"width"},minHeight:{selector:()=>":host"},hostDirection:[{...Bf,property:"direction"},{selector:"descope-list",property:"direction"},{selector:"descope-list-item",property:"direction"}],iconColor:{selector:()=>" descope-icon",property:Jr.cssVarList.fill},errorIconColor:{selector:()=>" descope-icon.error-icon",property:Jr.cssVarList.fill},fontSize:{selector:Oi.componentName,property:Oi.cssVarList.fontSize},appLogoGap:{selector:()=>" .app-logo",property:"margin-inline-end"},contentGap:{selector:()=>" .content",property:"gap"},itemsTextAlign:{selector:Oi.componentName,property:Oi.cssVarList.textAlign},itemCursor:{selector:Kc.componentName,property:Kc.cssVarList.cursor},itemOutline:{selector:Kc.componentName,property:Kc.cssVarList.outline},itemBorderColor:{selector:Kc.componentName,property:Kc.cssVarList.borderColor},itemBackgroundColor:{selector:Kc.componentName,property:Kc.cssVarList.backgroundColor},listBorderWidth:{selector:()=>tp.componentName,property:tp.cssVarList.borderWidth},listBoxShadow:{selector:()=>tp.componentName,property:tp.cssVarList.boxShadow},listPadding:[{selector:()=>tp.componentName,property:tp.cssVarList.verticalPadding},{selector:()=>tp.componentName,property:tp.cssVarList.horizontalPadding}]}}),sr,zr({itemRenderer:Vf,rerenderAttrsList:["size","connect-button-label","disconnect-button-label"]}),lr)(class extends Pf{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"),Y("\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=Vf,this.appsList.addEventListener("click",this.onAppsListClick.bind(this))}get readonly(){return"true"===this.getAttribute("readonly")}onAppsListClick(e){if(!this.readonly){const t=e.srcElement.getAttribute("data-outbound-app-id"),r=e.srcElement.getAttribute("data-action");t&&r&&this.dispatchEvent(new CustomEvent(`${r}-clicked`,{bubbles:!0,detail:{id:t,action:r}}))}}get size(){return this.getAttribute("size")||"sm"}get connectButtonLabel(){return this.getAttribute("connect-button-label")||"Connect"}get disconnectButtonLabel(){return this.getAttribute("disconnect-button-label")||"Disconnect"}}),Of=Rf.cssVarList,jf={[Of.iconColor]:ru.colors.primary.main,[Of.errorIconColor]:ru.colors.error.main,[Of.appLogoGap]:ru.spacing.md,[Of.contentGap]:ru.spacing.xs,[Of.itemCursor]:"default",[Of.itemOutline]:"none",[Of.itemBorderColor]:"transparent",[Of.listPadding]:"0",[Of.listBorderWidth]:"0",[Of.listBoxShadow]:"none",size:{xs:{[Of.fontSize]:"0.6em"},sm:{[Of.fontSize]:"0.8em"},md:{[Of.fontSize]:"1em"},lg:{[Of.fontSize]:"1.5em"}}};var Ff=Object.freeze({__proto__:null,default:jf,vars:Of});const Wf=$("outbound-app-button");class _f extends(hr({componentName:Wf,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    ',Y("\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?.(),q(this,this.button,{excludeAttrs:["style","class","label","icon-src","icon-fill-current-color"]})}updateLabel(e=""){this.label.textContent=e,this.label.classList.toggle("hidden",!e)}updateIcon(e=""){this.icon.setAttribute("src",e),this.icon.classList.toggle("hidden",!e)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("label"===e?this.updateLabel(r):"icon-src"===e&&this.updateIcon(r))}}const $f=B(ar({mappings:{hostWidth:{selector:()=>":host",property:"width"},iconFillCurrentColor:{selector:()=>"descope-icon",property:oo.cssVarList.iconColor}}}),sr,lr)(_f),Hf=$f.cssVarList,qf={[Hf.iconFillCurrentColor]:"inherit",_iconFillCurrentColor:{[Hf.iconFillCurrentColor]:"currentColor"},_fullWidth:{[Hf.hostWidth]:"100%"}},Yf=Hf;var Uf=Object.freeze({__proto__:null,default:qf,vars:Yf});const Gf=e=>{const t=parseInt(e,10);return Number.isNaN(t)?0:t},Zf={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=="}},Qf=$("trusted-devices"),Jf=({id:e,name:t,lastLoginDate:r,deviceType:o,isCurrent:i},n,a)=>{const s=i?'class="current-device"':"",{iconSrc:l,iconSrcDark:d}=(e=>{const t=Zf[e]||Zf.unknown;return{iconSrc:t.light,iconSrcDark:t.dark}})(o),c=a.lastLoginLabel?`${a.lastLoginLabel} `:"",p=((e,t)=>{if(Number.isNaN(parseInt(e,10)))return"";const r=new Date(e),o=r.getFullYear(),i=String(r.getMonth()+1).padStart(2,"0"),n=String(r.getDate()).padStart(2,"0"),a=r.toLocaleTimeString("en-US",{hour12:!1,hour:"2-digit",minute:"2-digit"}),s={"DD-MM-YYYY":`${n}/${i}/${o}`,"YYYY-MM-DD":`${o}/${i}/${n}`,"MM-DD-YYYY":`${i}/${n}/${o}`};return`${s[t]||s["MM/DD/YYYY"]} ${a}`})(r,a.format),u=i?`<descope-badge\n    bordered="true"\n    size="xs"\n    mode="primary"\n    st-host-direction="${a.direction}"\n  >\n    ${a.currentDeviceLabel}\n  </descope-badge>`:"",h=a.hideActions||i?"":`<descope-link\n      class="remove-device"\n      variant="body1"\n      mode="primary"\n      data-action="remove-device"\n      data-device-id="${e}"\n      st-host-direction="${a.direction}"\n      ellipsis="true"\n    >\n      ${a.removeDeviceLabel}\n    </descope-link>`,m=document.createElement("template");return m.innerHTML=`\n    <descope-list-item ${s}>\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},Kf=hr({componentName:Qf,baseSelector:tp.componentName}),{host:Xf}={host:{selector:()=>":host"}},ev=B(ar({mappings:{hostWidth:{...Xf,property:"width"},hostMinWidth:{...Xf,property:"min-width"},hostDirection:[{...Xf,property:"direction"},{selector:()=>"descope-list-item",property:"direction"},{selector:()=>"descope-text",property:"direction"}],listItemsGap:{property:tp.cssVarList.gap},listBackgroundColor:{selector:()=>tp.componentName,property:tp.cssVarList.backgroundColor},listBorderRadius:{selector:()=>tp.componentName,property:tp.cssVarList.borderRadius},listBorderWidth:{selector:()=>tp.componentName,property:tp.cssVarList.borderWidth},listBoxShadow:{selector:()=>tp.componentName,property:tp.cssVarList.boxShadow},listPadding:[{selector:()=>tp.componentName,property:tp.cssVarList.verticalPadding},{selector:()=>tp.componentName,property:tp.cssVarList.horizontalPadding}],itemVerticalPadding:{selector:Kc.componentName,property:Kc.cssVarList.verticalPadding},itemHorizontalPadding:{selector:Kc.componentName,property:Kc.cssVarList.horizontalPadding},itemCursor:{selector:Kc.componentName,property:Kc.cssVarList.cursor},itemOutline:{selector:Kc.componentName,property:Kc.cssVarList.outline},itemBorderColor:{selector:Kc.componentName,property:Kc.cssVarList.borderColor},itemBorderRadius:{selector:Kc.componentName,property:Kc.cssVarList.borderRadius},itemBackgroundColor:{selector:Kc.componentName,property:Kc.cssVarList.backgroundColor},itemContentGap:{selector:()=>".content",property:"gap"},badgeBorderColor:{selector:gc.componentName,property:gc.cssVarList.borderColor},badgeTextColor:{selector:gc.componentName,property:gc.cssVarList.textColor},badgeBackgroundColor:{selector:gc.componentName,property:gc.cssVarList.backgroundColor},badgeBorderRadius:{selector:gc.componentName,property:gc.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"}}}),sr,zr({itemRenderer:Jf,sortFn:(e,t)=>Gf(t.lastLoginDate)-Gf(e.lastLoginDate),rerenderAttrsList:["remove-device-label","current-device-label","last-login-label","format","hide-actions"]}),lr)(class extends Kf{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"),Y("\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=Jf,this.appsList.addEventListener("click",this.onRemoveClick.bind(this))}onRemoveClick(e){if(this.readOnly)return;const t=e.target.closest("[data-device-id]"),r=t?.getAttribute("data-device-id");r&&this.dispatchEvent(new CustomEvent("remove-device-clicked",{bubbles:!0,detail:{id:r,action:"remove-device"}}))}get readOnly(){return"true"===this.getAttribute("readonly")}get hideActions(){return"true"===this.getAttribute("hide-actions")}get format(){return this.getAttribute("format")?.toUpperCase()||"MM-DD-YYYY"}get removeDeviceLabel(){return this.getAttribute("remove-device-label")||"Sign out"}get currentDeviceLabel(){return this.getAttribute("current-device-label")||"Current device"}get lastLoginLabel(){return this.getAttribute("last-login-label")||"Last login:"}get direction(){return this.getAttribute("st-host-direction")}}),tv=ev.cssVarList,rv={[tv.hostWidth]:"auto",[tv.hostWidth]:"300px",[tv.hostMinWidth]:"300px",[tv.listBackgroundColor]:"transparent",[tv.listBorderRadius]:"0",[tv.listBorderWidth]:"0",[tv.listPadding]:"0",[tv.listBoxShadow]:"none",[tv.listItemsGap]:ru.spacing.lg,[tv.itemBorderColor]:ru.colors.surface.light,[tv.itemVerticalPadding]:ru.spacing.lg,[tv.itemHorizontalPadding]:ru.spacing.lg,[tv.itemBorderRadius]:ru.radius.xs,[tv.itemOutline]:"transparent",[tv.itemBackgroundColor]:"transparent",[tv.itemCursor]:"default",[tv.itemContentGap]:ru.spacing.sm,[tv.badgeBorderColor]:ru.colors.surface.light,[tv.badgeTextColor]:ru.colors.surface.dark,[tv.badgeBorderRadius]:ru.radius.xs,[tv.badgeBackgroundColor]:ru.colors.surface.main,[tv.devicePanelGap]:ru.spacing.md,[tv.deviceIconGap]:ru.spacing.md,[tv.deviceIconSize]:"24px",[tv.lastLoginLabelGap]:ru.spacing.xs,_fullWidth:{[tv.hostWidth]:"100%"}},ov={button:uu,textField:wu,password:Au,numberField:ku,emailField:Nu,textArea:Pu,checkbox:ju,switchToggle:Hu,container:Xu,logo:rh,totpImage:nh,notpImage:lh,text:uh,enrichedText:xh,link:bh,divider:Th,passcode:Lh,loaderRadial:$h,loaderLinear:Ph,comboBox:Jh,phoneField:em,phoneInputBoxField:om,newPassword:sm,inputWrapper:fu,uploadFile:cm,buttonSelectionGroupItem:mm,buttonSelectionGroup:vm,buttonMultiSelectionGroup:wm,modal:Em,grid:Lm,notificationCard:Bm,multiSelectComboBox:Fm,badge:Hm,avatar:tg,mappingsField:ng,userAttribute:dg,userAuthMethod:hg,samlGroupMappings:bg,policyValidation:xg,image:Mg,icon:wg,codeSnippet:Ug,radioGroup:Jg,radioButton:tb,calendar:nb,dateField:pb,list:Eb,listItem:Lb,appsList:fb,scopesList:Vb,thirdPartyAppLogo:Ob,securityQuestionsSetup:Wb,securityQuestionsVerify:Hb,hybridField:Ub,alert:Jb,autocompleteField:py,addressField:Ey,timer:jy,timerButton:Jy,passwordStrength:pf,collapsibleContainer:Mf,recoveryCodes:Nf,hcaptcha:ey,outboundApps:Ff,outboundAppButton:Uf,trustedDevices:Object.freeze({__proto__:null,default:rv,vars:tv})},iv=Object.keys(ov).reduce((e,t)=>({...e,[t]:ov[t].default}),{}),nv=Object.keys(ov).reduce((e,t)=>({...e,[t]:ov[t].vars}),{}),av={globals:Jp,components:iv},sv={globals:Kp,components:nv},lv=a()({},av,{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:{...Yg}});customElements.define(ty,class extends ry{static get observedAttributes(){return[].concat(ry.observedAttributes||[],oy)}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#Et(e){const{results:t,error:r}=await this.fetchResults(e);return r?{error:r}:{results:t}}#Tt(e,t,r,o){return`<span data-name="${r}" data-id="${t}" ${o?'disabled="true"':""}>${e||r}</span>`}#kt(){this.comboBox.renderer=(e,t,r)=>{"true"===r.item.getAttribute("disabled")?e.setAttribute("disabled","true"):e.removeAttribute("disabled"),e.innerHTML=r.item.outerHTML},this.comboBox.renderItem=({displayName:e,value:t,label:r,disabled:o})=>this.#Tt(e,t,r,o)}focus(){this.comboBox.focus()}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.comboBox.focus()}),super.init?.(),this.#zt(),_(this,this.comboBox,{includeAttrs:["invalid"]})}#zt(){this.debouncedSearch=(e=>{let t=0;const r=new Set,o=new Set,n=i()((i,n)=>{e(...i).then(e=>{n===t&&(r.forEach(t=>t(e)),r.clear())}).catch(e=>{o.forEach(t=>t(e)),o.clear()})},250);return(...e)=>(t++,new Promise((i,a)=>{r.add(i),o.add(a),n(e,t)}))})(async e=>{try{const{results:t,error:r}=await this.#Et(e);return{results:t,error:r,value:e}}catch(t){return{error:t,value:e}}}),q(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.#kt()}#Lt(){return[{label:this.noResultsFoundMessage,value:iy,disabled:!0}]}#Nt(){return[{label:this.errorFetchingResultsMessage,value:iy,disabled:!0}]}async onSearch(e){const t=e.detail.value;if(!t||t.length<this.minSearchLength)return;this.comboBox.loading=!0,this.comboBox.setAttribute("opened","true");const r=await this.debouncedSearch(t);r&&r.value===t&&(this.comboBox.loading=!1,r.error?this.comboBox.data=this.#Nt():0===r.results?.length?this.comboBox.data=this.#Lt():this.comboBox.data=r.results||[])}fetchResults(e){return console.warn("fetchResults","needs to be implemented"),{results:[],error:void 0}}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{valid:!0}}}),customElements.define(ny,sy),customElements.define(my,Cy),customElements.define(wy,My),customElements.define(qm,Qm),customElements.define(ub,hb),customElements.define(uf,gf),customElements.define(Wf,$f),customElements.define(Df,Rf),customElements.define(Ky,af);var dv=Object.freeze({__proto__:null,PasswordStrengthClass:af,componentName:Ky});customElements.define(Sf,Ef),customElements.define(ky,Py),customElements.define(Fy,Uy),customElements.define(Qf,ev);const cv={translations:f.A,graphs:y.K,dictionary:{...y.z,...v.z}};b.u2.setOptions(cv);var pv=Object.freeze({__proto__:null,default:b.K1,options:cv})}}]);
+"use strict";(self.webpackChunk_descope_flow_components_2_1_18_1761477517369=self.webpackChunk_descope_flow_components_2_1_18_1761477517369||[]).push([[222],{5222:(e,t,r)=>{r.d(t,{$y:()=>Tp,A8:()=>pc,Ag:()=>zs,C1:()=>Ac,C9:()=>Yr,Cz:()=>Jd,Er:()=>Km,G6:()=>dv,HO:()=>Ht,HT:()=>Zt,J1:()=>no,Jr:()=>Rp,Lg:()=>qp,MN:()=>Fn,Mz:()=>as,NF:()=>Ca,O7:()=>yf,Od:()=>lp,QW:()=>qd,Qb:()=>kf,SE:()=>tr,SQ:()=>Xr,TV:()=>Zp,Ul:()=>Oa,VN:()=>td,VX:()=>tn,_w:()=>We,a5:()=>cv,bL:()=>Bi,bU:()=>Ay,br:()=>Q,dX:()=>gb,dq:()=>rv,e7:()=>Oe,eA:()=>yc,eo:()=>$s,ew:()=>Me,fp:()=>Qs,gZ:()=>Kc,h5:()=>jf,jH:()=>on,k0:()=>Gi,l1:()=>Kt,md:()=>Xi,ml:()=>Wp,mq:()=>_c,o9:()=>an,o_:()=>Fe,pp:()=>Pc,px:()=>Cp,q4:()=>Vt,qn:()=>Jr,rG:()=>hp,sK:()=>Fi,tD:()=>Ad,tS:()=>Yc,td:()=>_d,tl:()=>Tn,ul:()=>vs,v_:()=>Qi,w8:()=>wi,wt:()=>Qa,xO:()=>Qn,xp:()=>op,xs:()=>ri,yW:()=>qf,yj:()=>Zy,zQ:()=>lv});var o=r(72),i=r.n(o),n=r(8089),a=r.n(n),s=r(465),l=r.n(s),d=(r(8231),r(4873),r(865),r(4598),r(7519)),c=(r(496),r(9967),r(4155),r(9504),r(1399),r(5877),r(3798),r(8619),r(1394)),p=r(3667),u=(r(8319),r(3826)),h=r(8677),m=r(127),g=(r(5595),r(9849),r(4899),r(3977),r(9435),r(7949)),b=(r(9902),r(9792)),y=r(1206),f=r(268),v=r(8733);const x=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_.]+/g,"-").toLowerCase(),C=(...e)=>x(e.filter(e=>!!e).join("-")),w=(...e)=>t=>e.reduceRight((e,t)=>t(e),t),I=e=>"function"==typeof e,M="descope",S="host",A=(e,t,{excludeAttrs:r=[],includeAttrs:o=[]})=>{const i=Array.from(e.attributes).filter(e=>!r.includes(e.name)&&(!o.length||o.includes(e.name))).map(e=>e.name);t(i),new MutationObserver(e=>{e.forEach(e=>{"attributes"!==e.type||r.includes(e.attributeName)||o.length&&!o.includes(e.attributeName)||t([e.attributeName])})}).observe(e,{attributes:!0})},E=(e,t)=>{t({addedNodes:Array.from(e.children),removedNodes:[]}),new MutationObserver(e=>{e.forEach(e=>{"childList"!==e.type&&"characterData"!==e.type||t(e)})}).observe(e,{childList:!0,characterData:!0,subtree:!0})},T=(e,t,r={})=>o=>{o.forEach(o=>{const i=r[o]||o,n=e.getAttribute(o);null!==n?t.getAttribute(i)!==n&&t.setAttribute(i,n):t.removeAttribute(i)})},k=(e,t,r)=>{A(e,T(e,t),r),A(t,T(t,e),r)},z=e=>C(M,e),L=(...e)=>`--${C(...e)}`,N=(e,t,r={})=>{A(e,T(e,t,r.mapAttrs),r)},D=(e,t,r=[])=>{if(!r.length)return;const o=r.reduce((t,r)=>Object.assign(t,{[r]:{get:()=>e[r],set(t){e[r]=t}}}),{});Object.defineProperties(t,o)},V=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_.]+/g,"-").toLowerCase(),P=(...e)=>V(e.filter(e=>!!e).join("-")),B=(...e)=>t=>e.reduceRight((e,t)=>t(e),t),R=e=>"function"==typeof e,O="descope",j=(e,t,{excludeAttrs:r=[],includeAttrs:o=[]})=>{const i=Array.from(e.attributes).filter(e=>!r.includes(e.name)&&(!o.length||o.includes(e.name))).map(e=>e.name);t(i),new MutationObserver(e=>{e.forEach(e=>{"attributes"!==e.type||r.includes(e.attributeName)||o.length&&!o.includes(e.attributeName)||t([e.attributeName])})}).observe(e,{attributes:!0})},F=(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})},W=(e,t,r={})=>o=>{o.forEach(o=>{const i=r[o]||o,n=e.getAttribute(o);null!==n?t.getAttribute(i)!==n&&t.setAttribute(i,n):t.removeAttribute(i)})},_=(e,t,r)=>{j(e,W(e,t),r),j(t,W(t,e),r)},$=e=>P(O,e),H=(...e)=>`--${P(...e)}`,q=(e,t,r={})=>{j(e,W(e,t,r.mapAttrs),r)},Y=(e,t,{prepend:r=!1}={})=>{let o;try{o=new CSSStyleSheet}catch(o){return G(e,t,{prepend:r})}const i=t?.shadowRoot||t;if(e&&o.replaceSync(e),i){const e=[...i.adoptedStyleSheets||[]];e[r?"unshift":"push"](o),i.adoptedStyleSheets=e}return e&&!o.cssRules[0]?.style&&console.warn(`No style rules were created, make sure the CSS is valid:\n "${e}"`),o};class U{constructor(e,t,{prepend:r=!1}={}){this.styleEle=document.createElement("style"),this.styleEle.textContent=e,this.styleEle.setAttribute("nonce",window.DESCOPE_NONCE),this.ref=t?.shadowRoot||t,this.ref&&(r?this.ref.prepend(this.styleEle):this.ref.append(this.styleEle))}replaceSync(e){this.styleEle.textContent=e}get cssRules(){return this.styleEle.sheet?.cssRules}}const G=(e,t,{prepend:r=!1}={})=>new U(e,t,{prepend:r}),Z=(e,t=2)=>e.trim().split(" ").splice(0,t).map(e=>e[0]?.toUpperCase()).join(""),Q=new class{static mountOnPropName="DescopeThemeManager";#e={};#t="light";#r=new Set;#o(){this.#r.forEach(e=>e?.())}get currentThemeName(){return this.#t}set currentThemeName(e){this.#t=e,this.#o()}get currentTheme(){return this.#e[this.currentThemeName]}onCurrentThemeChange(e){return this.#r.add(e),()=>{this.#r.delete(e)}}set themes(e){this.#e=e,this.#o()}get hasThemes(){return!!Object.keys(this.#e).length}},J=.25,K=.1,X=(e,t)=>e.darken(t).hex(),ee=e=>{const t=e.isDark();return e.mix(l()(t?"white":"black"),1).saturate(1).hex()},te=(e,t)=>e.lightness()<.5?e.lightness(100*t).hex():e.lighten(t).hex(),re=e=>e.luminosity()>.99,oe=(e,t)=>(e=>e.luminosity()<.01)(e)?te(e,J):X(e,.4),ie=(e,t)=>re(e)?X(e,J):te(e,.4),ne=(e,t)=>re(e)?X(e,K):te(e,.8),ae=(e,t)=>{const r=new(l())(e.main||e);return{main:r.hex(),dark:e.dark||oe(r),light:e.light||ie(r),highlight:e.highlight||ne(r),contrast:e.contrast||ee(r)}},se=e=>H(O,...e),le=(e,t,r)=>{const o=Array.isArray(t)?t:t.match(/([^[.\]])+/g);return o.reduce((e,t,i)=>(void 0===e[t]&&(e[t]={}),i===o.length-1&&(e[t]=r),e[t]),e),e},de=(e,t,r)=>Object.entries(e).reduce((e,[o,i])=>i?.constructor!==Object?a()(e,r(t.concat(o),i)):a()(e,de(i,[...t,o],r)),{}),ce=(e,t)=>de(e,[],e=>le({},e,`var(${se(e)})`)),pe=(...e)=>e.reduceRight((e,t)=>t.startsWith("--")?`var(${t}${e?`, ${e}`:e})`:`${t}${e?`, ${e}`:e}`,""),ue=(e,t)=>{const r=de(e,[],(e,r)=>{const o=[...e],i=o.splice(-1),n=H(t,i),a={[i]:n},s={[i]:pe(n)};return{theme:le({},[...o,n],r),useVars:s,vars:a}});return[r.theme,r.useVars,r.vars]},he=.4,me=.25,ge=.1,be=(e,t)=>e.darken(t).hex(),ye=e=>{const t=e.isDark();return e.mix(l()(t?"white":"black"),1).saturate(1).hex()},fe=(e,t)=>e.lightness()<.5?e.lightness(100*t).hex():e.lighten(t).hex(),ve=e=>e.luminosity()<.01,xe=e=>e.luminosity()>.99,Ce=(e,t)=>"dark"===t?xe(e)?be(e,me):fe(e,he):ve(e)?fe(e,me):be(e,he),we=(e,t)=>"dark"===t?ve(e)?fe(e,me):be(e,he):xe(e)?be(e,me):fe(e,he),Ie=(e,t)=>"dark"===t?ve(e)?fe(e,ge):be(e,.8):xe(e)?be(e,ge):fe(e,.8),Me=(e,t)=>{const r=new(l())(e.main||e);return{main:r.hex(),dark:e.dark||Ce(r,t),light:e.light||we(r,t),highlight:e.highlight||Ie(r,t),contrast:e.contrast||ye(r)}},Se=e=>`\n    :host {\n        padding: calc(var(${e.inputOutlineWidth}) + var(${e.inputOutlineOffset}))\n    }\n`,Ae=e=>`\n    ${e} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,Ee=e=>`\n    ${e}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,Te=e=>`\n    ${e} > label,\n    ${e}::part(label),\n    ${e}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,ke=(e,t="input")=>`\n    ${e}[disabled] > ${t}:placeholder-shown,\n\t${e}[readonly] > ${t}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,ze=e=>`\n    ${e}::part(input-field)::after {\n        background: none;\n    }\n`,Le=(e,t)=>`\n    ${Ae(e)}\n    ${Te(e)}\n    ${ke(e)}\n    ${Ee(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    ${ze(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`,Ne=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`,De=e=>L(M,...e),Ve=(e,t,r)=>{const o=Array.isArray(t)?t:t.match(/([^[.\]])+/g);return o.reduce((e,t,i)=>(void 0===e[t]&&(e[t]={}),i===o.length-1&&(e[t]=r),e[t]),e),e},Pe=(e,t,r)=>Object.entries(e).reduce((e,[o,i])=>i?.constructor!==Object?a()(e,r(t.concat(o),i)):a()(e,Pe(i,[...t,o],r)),{}),Be=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}},Re=(e,t)=>Pe(e,[],e=>Ve({},e,`var(${De(e)})`)),Oe=(e,t="")=>{const r=Object.entries((e=>Pe(e,[],(e,t)=>({[De(e)]:Be(t)})))(e)).reduce((e,t)=>`${e}${t.join(":")};\n`,"");return t?`*[data-theme="${t}"] {${r}}`:r},je=e=>Object.entries(e).reduce((e,[t,r])=>`${e}${t} { \n${Object.entries(r).map(([e,t])=>`${e}: ${t}`).join(";\n")} \n}\n\n`,""),Fe=e=>{const t=(e=>Pe(e,[],(e,t)=>{const[r,...o]=e,i=o.pop(),n=z(r);"undefined"===i&&console.warn(n,`theme value: "${t}" is mapped to an invalid property`);let a=S;o[0]&&o[0].startsWith("@")&&(a=o.shift());const s=o.reduce((e,t,r)=>{const[i,n]=function(e){const t=e.match(/^(&+)?(.*)$/);return[t[1]||"",t[2]||""]}(t),a=Math.min(i.length+1,3);if(n.startsWith("_"))return e+`[${x(n.replace(/^_/,""))}="true"]`.repeat(a);const s=o[r+1];return"string"!=typeof s||s.startsWith("_")||s.startsWith("&")?(console.error("theme generator",`your theme structure is invalid, attribute "${t}" is followed by "${s}" which is not allowed`),e):e+`[${x(n)}="${o.splice(r+1,1).join("")}"]`.repeat(a)},""),l=":host"+(s?`(${s})`:"");return{[n]:{[a]:{[l]:{[i]:Be(t)}}}}}))(e);return Object.keys(t).reduce((e,r)=>{const o=t[r];return Object.assign(e,{[r]:Object.keys(o).reduce((e,t)=>Object.assign(e,{[t]:je(o[t])}),{})})},{})},We=({globals:e,components:t},r)=>({globals:Oe(e,r),components:Fe(t)}),_e=(...e)=>e.reduceRight((e,t)=>t.startsWith("--")?`var(${t}${e?`, ${e}`:e})`:`${t}${e?`, ${e}`:e}`,""),$e=(e,t)=>{const r=Pe(e,[],(e,r)=>{const o=[...e],i=o.splice(-1),n=L(t,i),a={[i]:n},s={[i]:_e(n)};return{theme:Ve({},[...o,n],r),useVars:s,vars:a}});return[r.theme,r.useVars,r.vars]},He=e=>`${e}__override`,qe=(e,t,r=!1)=>{const o=`var(${e}${t?`, ${t}`:""})`;return r?`var(${He(e)}, ${o})`:o};let Ye=class{constructor(){this.styleMap=new Map}add(e,t,r){this.styleMap.has(e)||this.styleMap.set(e,[]),this.styleMap.set(e,[...this.styleMap.get(e),{property:t,value:r}])}toString(){return Array.from(this.styleMap.entries()).reduce((e,[t,r])=>{const o=r.map(({property:e,value:t})=>`${e}: ${t}`).join(";\n");return`${e}${t} { \n${o} \n}\n\n`},"")}};const Ue=(e,t="fallback")=>C(e,t),Ge=(e,t,{fallback:r})=>{if(!r)return{};const o=Ue(t,r.suffix),i=((...e)=>e.filter(Boolean).map((e,t)=>{return 0===t?e:(r=e).charAt(0).toUpperCase()+r.slice(1);var r}).join(""))(e,r.suffix||"fallback");return{[i]:o,...Ge(i,o,r)}},Ze=(e,t)=>Object.keys(t).reduce((r,o)=>{const i=L(e,o);return Object.assign(r,{[o]:i},{[o+"Override"]:He(i)},Ge(o,i,t[o]))},{}),Qe=({mappings:e={},componentNameOverride:t=""})=>r=>{const o=t||r.componentName;return class t extends r{static get cssVarList(){return{...r.cssVarList,...Ze(o,{...e})}}#i;#n;#a;#s;#l;#d;#c;#p;#u;constructor({getRootElement:e,componentNameSuffix:r="",themeSection:o=S,baseSelector:i}={}){super(),this.#s=r,this.#l=o,this.#c=i??this.baseSelector,this.#u=e,this.#p=Object.keys(t.cssVarList).map(e=>C("st",r,e))}get#h(){return Q.currentTheme?.[o]||""}#m(){this.#n.replaceSync(this.#h[this.#l])}#g(){this.#n=Y("",this.#d,{prepend:!0}),this.#a=Q.onCurrentThemeChange(this.#m.bind(this)),this.#m()}#b(){if(this.#p.length){let e=`.${o}`.repeat(5);const t=this.getAttribute("id");t&&(e+=`#${CSS.escape(t)}`),this.#i=Y(`:host(${e}) {}`,this.#d)}}#y(e,t){const r=this.#i.cssRules[0].style;if(!r)return;const i=L(o,e.replace(new RegExp("^st-"),""));t?r?.setProperty(i,t):(r?.removeProperty(i),this.removeAttribute(e))}#f(e=[]){e.forEach(e=>{this.#p.includes(e)&&this.#y(e,this.getAttribute(e))})}#v(){if(Object.keys(e).length){const t=((e,t,r)=>{const o=new Ye,i=(e,t)=>{if(!e)return"";if("string"==typeof e)return e;const r=Ue(t,e?.suffix);return qe(r,i(e.fallback,r))};return Object.keys(r).forEach(n=>{const a=((e,t)=>{const r={selector:"",property:x(e)};return t&&Object.keys(t).length?Array.isArray(t)?t.map(e=>({...r,...e})):[{...r,...t}]:[r]})(n,r[n]),s=L(e,n);a.forEach(({selector:e,property:r,important:n,fallback:a})=>{const l=i(a,s);o.add(((e="",t="")=>I(t)?t(e):`${e}${/^[A-Za-z]/.test(t)?` ${t}`:t}`)(t,e),I(r)?r():r,qe(s,l,!0)+(n?"!important":""))})}),o.toString()})(C(o,this.#s),this.#c,e);Y(t,this.#d,{prepend:!0})}}#x(e){(this.#d.classList||this.#d.host.classList).add(e)}async init(){super.init?.(),this.shadowRoot.isConnected&&(this.#d=await(this.#u?.(this))||this.shadowRoot,this.#x(o),this.#v(),this.#g(),this.#b(),A(this,this.#f.bind(this),{}))}disconnectedCallback(){super.disconnectedCallback?.(),this.#a?.()}}},Je=e=>class extends e{constructor(){super(),Y(':host([draggable="true"]) * { cursor: inherit!important }',this)}get isDraggable(){return this.hasAttribute("draggable")&&"false"!==this.getAttribute("draggable")}init(){this.addEventListener("mousedown",e=>{if(this.isDraggable){const t=this.baseElement.getAttribute("tabindex");this.baseElement.setAttribute("tabindex","-1");const r=()=>{t?this.baseElement.setAttribute("tabindex",t):this.baseElement.removeAttribute("tabindex"),e.target.removeEventListener("mouseup",r),e.target.removeEventListener("dragend",r)};e.target.addEventListener("mouseup",r,{once:!0}),e.target.addEventListener("dragend",r,{once:!0})}}),super.init?.()}},Ke=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()}},Xe=e=>class extends e{updateComponentsContext(e){this.dispatchEvent(new CustomEvent("components-context",{bubbles:!0,composed:!0,detail:e}))}},et=e=>class extends e{init(){super.init?.(),this.baseElement.addEventListener("mouseover",e=>{this.setAttribute("hover","true"),e.target.addEventListener("mouseleave",()=>this.removeAttribute("hover"),{once:!0})})}},tt=["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"],rt=e=>class extends e{init(){super.init?.(),A(this,e=>e.forEach(e=>{const t=this.getAttribute(e);(e=>tt.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?`)}),{})}},ot=({componentName:e,baseSelector:t=""})=>{class r extends HTMLElement{static get componentName(){return e}#w;#I=!0;get baseSelector(){return t}get baseElement(){return this.#w??=this.baseSelector?this.rootElement.querySelector(this.baseSelector):this,this.#w||console.warn("missing base element for component",this.localName),this.#w}get rootElement(){return this.shadowRoot||this}get name(){return this.getAttribute("name")}connectedCallback(){super.connectedCallback?.(),this.rootElement.isConnected&&this.#I&&(this.#I=!1,this.init?.())}}return w(Ke,et,rt,Xe)(r)};function it(e,t={}){const r=new Event(e,t);this[`on${e}`]?.(r),this.dispatchEvent(r)}const nt=({componentName:e,wrappedEleName:t,slots:r=[],style:o,excludeAttrsSync:i=[],includeAttrsSync:n=[],includeForwardProps:a=[],delegatesFocus:s=!0})=>{class l extends(ot({componentName:e,baseSelector:t})){#M=it.bind(this,"blur");#S=it.bind(this,"focus");constructor(){super().attachShadow({mode:"open",delegatesFocus:s}).innerHTML=`\n\t\t\t<${t}>\n\t\t\t${r.map(e=>`<slot ${e?`name="${e}" slot="${e}"`:""}></slot>`).join("")}\n\t\t\t</${t}>\n\t\t`,Y((I(o)?o():o)||"",this)}init(){super.init?.(),this.baseElement.addEventListener("blur",e=>{this.#M()}),this.baseElement.addEventListener("focus",e=>{this.#S()}),D(this.baseElement,this,a),k(this.baseElement,this,{excludeAttrs:i,includeAttrs:n})}}return l},at=["required","pattern"],st=Symbol("validationTarget"),lt=e=>class extends e{#A=st;static get observedAttributes(){return[...e.observedAttributes||[],...at]}static get formAssociated(){return!0}#E;get internals(){return this.#E}set internals(e){this.#E=e}constructor(){super(),this.#E=this.attachInternals()}get defaultErrorMsgValueMissing(){return"Please fill out this field."}get defaultErrorMsgPatternMismatch(){return"Please match the requested format."}get defaultErrorMsgTooShort(){return`Minimum length is ${this.getAttribute("minlength")}.`}get defaultErrorMsgTooLong(){return`Maximum length is ${this.getAttribute("maxlength")}.  `}get defaultErrorMsgRangeUnderflow(){return`At least ${this.getAttribute("min-items-selection")} items are required.`}get defaultErrorMsgRangeOverflow(){return`At most ${this.getAttribute("max-items-selection")} items are allowed.`}get defaultErrorMsgTypeMismatch(){return"Please match the requested type."}getCustomErrorMessage(e,t){return this.hasAttribute(e)?this.getAttribute(e)||" ":t}getErrorMessage(e){const{valueMissing:t,patternMismatch:r,typeMismatch:o,stepMismatch:i,tooShort:n,tooLong:a,rangeOverflow:s,rangeUnderflow:l,badInput:d,customError:c}=e;switch(!0){case t:return this.getCustomErrorMessage("data-errormessage-value-missing",this.defaultErrorMsgValueMissing);case r||i||d:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch",this.defaultErrorMsgPatternMismatch);case o:return this.getCustomErrorMessage("data-errormessage-type-mismatch",this.defaultErrorMsgTypeMismatch);case n:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch-too-short",this.defaultErrorMsgTooShort);case a:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch-too-long",this.defaultErrorMsgTooLong);case l:return this.getCustomErrorMessage("data-errormessage-pattern-range-underflow",this.defaultErrorMsgRangeUnderflow);case s: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===st?this.inputElement:this.#A}set validationTarget(e){this.#A=e}setCustomValidity(e){e?this.#E.setValidity({customError:!0},e,this.validationTarget):(this.#E.setValidity({}),this.#T())}get isRequired(){return this.hasAttribute("required")&&"false"!==this.getAttribute("required")}get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}get isDisabled(){return this.hasAttribute("disabled")&&"false"!==this.getAttribute("disabled")}get pattern(){return this.getAttribute("pattern")}get form(){return this.#E.form}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),at.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())}},dt=["invalid","required"],ct=e=>{if(!e)return;let t=e;for(let e=0;e<10;e++)if([t]=t.assignedElements(),"slot"!==t?.localName)return t},pt=({proxyProps:e=[],useProxyTargets:t=!1,inputEvent:r="input",triggerValidationEvents:o=[],proxyParentValidation:i=!1})=>n=>class extends(lt(n)){static get observedAttributes(){return[...n.observedAttributes||[],...dt]}#k;#z=it.bind(this,"change");constructor(){super(),this.#k=super.inputElement}warnIfInputElementIsMissing(){clearTimeout(this.inputElementTimerId),this.inputElementTimerId=setTimeout(()=>{!this.#k&&console.warn(this.localName,"no input was found")},0)}get inputElement(){if(this.#k)return this.#k;this.warnIfInputElementIsMissing();const e=this.baseElement.shadowRoot?.querySelector('slot[name="input"]'),t=this.baseElement.shadowRoot?.querySelector('slot[name="textarea"]');return this.#k=ct(e)||ct(t),this.#k}set inputElement(e){this.#k=e}getValidity(){return this.inputElement?.validity||{}}#L(){this.setAttribute("error-message",this.validationMessage)}reportValidity=()=>{this.inputElement.setCustomValidity(""),this.setCustomValidity(""),this.checkValidity()||(this.setAttribute("invalid","true"),this.#L(),this.focus())};defaultReportValidity(){return super.reportValidity()}init(){if(super.init?.(),this.baseElement._setInvalid=function(e){!e&&this._shouldSetInvalid(e)&&(this.invalid=e)},this.baseElement.addEventListener("input",e=>{e.composed||this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}),o.forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.inputElement?.setCustomValidity("")})}),setTimeout(()=>{(Array.isArray(r)?r:[r]).forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.baseElement.checkValidity()?this.removeAttribute("invalid"):this.#L()})}),this.baseElement.addEventListener("change",()=>{this.#z()}),this.addEventListener("invalid",()=>{this.checkValidity()||this.setAttribute("invalid","true"),this.#L()}),e.forEach(e=>{const r=this.querySelector('input[slot="external-input"]')||null,o=t?[this.baseElement,r].filter(Boolean):[];((e,t,r)=>{const o=Array.isArray(t)?t:[t];Object.defineProperty(e,r,{set(e){o.forEach(t=>{t[r]=e})},get:()=>t[0][r],configurable:!0})})(this,[this.inputElement,...o],e)}),this.setSelectionRange=this.inputElement?.setSelectionRange?.bind(this.inputElement),N(this,this.inputElement,{includeAttrs:["inputmode"]})}),i){const e=this.inputElement.internals,t=this;this.inputElement.internals=new Proxy(e,{get:(e,r)=>"function"==typeof e[r]&&"setValidity"===r?(...o)=>{if(3===o.length){const e=o.slice(0,o.length-1);e.push(t.inputElement),t.internals[r](...e)}else t.internals[r](...o);return e[r](...o)}:"function"==typeof e[r]?(...o)=>(t.internals[r](...o),e[r](...o)):e[r]})}}},ut=e=>w(pt(e),Qe({componentNameOverride:z("input-wrapper")})),ht=e=>async t=>{const r=await e(t);return new Promise(e=>{let t=0;const o=()=>{if(t>20)return console.error("could not get shadow root for element",r),void e(r);t++,r?.shadowRoot?e(r.shadowRoot):setTimeout(o)};o()})},mt=({name:e,selector:t,mappings:r={},forward:{attributes:o=[],include:i=!0}={}})=>n=>{const a=e,s=Qe({mappings:r})(n);return class extends s{static get cssVarList(){return{...s.cssVarList,[a]:Ze(C(n.componentName,"_"+a),r)}}#N;constructor(){const e=ht(async e=>{const r=(e.shadowRoot||e).querySelector(e.baseSelector);return t?(await ht(()=>r)(e)).querySelector(t):r});super({getRootElement:e,componentNameSuffix:"_"+a,themeSection:"@"+a,baseSelector:":host"}),this.#N=e(this).then(e=>e.host)}async#D(){const e=await this.#N;e.onmouseenter=e=>{e.target.setAttribute("hover","true")},e.onmouseleave=e=>{e.target.removeAttribute("hover")}}async init(){super.init?.();const e=await this.#N;N(this,e,{[i?"includeAttrs":"excludeAttrs"]:o}),this.#D()}}},gt=e=>class extends e{#z=it.bind(this,"change");init(){super.init?.(),this.prevValue=this.value,this.addEventListener("change",e=>{e.stopPropagation()}),this.addEventListener("blur",()=>{this.value!==this.prevValue&&(this.#z(),this.prevValue=this.value)})}},bt=e=>class extends e{init(){this.#V(),super.init?.()}#V(){["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,it.call(this,"blur"),it.call(this,"focusout",{bubbles:!0})})});const r=e=>{e.stopImmediatePropagation(),clearTimeout(t),t||(it.call(this,"focus"),it.call(this,"focusin",{bubbles:!0}))};e?.addEventListener("focusin",r),e?.addEventListener("focus",r)})}handleInputEventDispatching(){let e=this.value;this.addEventListener("input",t=>{this!==t.target&&(t.stopImmediatePropagation(),e!==this.value&&(e=this.value,it.call(this,"input",{bubbles:!0,composed:!0})))})}},yt=({inputType:e,inputName:t,autocompleteType:r,includeAttrs:o=[],noBlurDispatch:i=!1})=>n=>class extends n{#P=[];get isExternalInput(){return"true"===this.getAttribute("external-input")}createExternalInput(){if(!this.isExternalInput||this.isReadOnly||this.isDisabled)return null;const r=this.baseElement.querySelector("input");if(!r)return null;r.setAttribute("tabindex","-1");const i=(()=>{const e=document.createElement("slot");return e.setAttribute("name","external-input"),e.setAttribute("slot","suffix"),e})();return this.baseElement.appendChild(i),this.externalInput=((e,t,r,o)=>{const i=document.createElement("input");return i.setAttribute("slot","external-input"),i.setAttribute("type",t),i.setAttribute("name",o),i.setAttribute("data-hidden-input","true"),i.setAttribute("autocomplete",r),i})(0,e,this.getAutocompleteType(),t),setTimeout(()=>{var e,t,o;e=r,t=this.externalInput,o=this.getAttribute("label-type"),setTimeout(()=>{const r=getComputedStyle(e),i=r.getPropertyValue("height"),n=r.getPropertyValue("padding-left"),a=r.getPropertyValue("padding-right"),s=r.getPropertyValue("font-size"),l=r.getPropertyValue("font-family"),d=r.getPropertyValue("letter-spacing"),c=r.getPropertyValue("caret-color"),p=((e,t)=>{const r=e.value;e.value="_";const o=t.getPropertyValue("color");return"_"===e.value&&(e.value=r),o})(e,r);if([["all","unset"],["position","absolute"],["background-color","transparent"],["height",i],["left",n],["right",a],["font-size",s],["font-family",l],["letter-spacing",d],["caret-color",c],["color",p]].forEach(([e,r])=>t.style.setProperty(e,r,"important")),"floating"===o){const e=r.getPropertyValue("margin-bottom");t.style.setProperty("margin-bottom",e,"important")}const u=r.getPropertyValue("width");t.style.setProperty("width",`calc(${u} - ${n} - ${a}`,"important")},0)}),this.forwardInputValue(r,this.externalInput),k(r,this.externalInput,{includeAttrs:o}),this.baseElement.querySelector("input").addEventListener("focusout",e=>e.stopImmediatePropagation(),!0),this.handleFocusEvents(),this.handleBlurEvents(),this.handlelInputEvents(this.externalInput),this.appendChild(this.externalInput),this.externalInput}clearBlurTimers(){this.#P.forEach(e=>clearTimeout(e)),this.#P.length=0}dispatchBlur(){return setTimeout(()=>{this.dispatchEvent(new Event("blur",{bubbles:!0,composed:!0})),this.removeAttribute("focused")})}handleFocusEvents(){this.baseElement.addEventListener("focus",()=>{this.externalInput.focus(),this.clearBlurTimers()}),this.externalInput.addEventListener("focus",()=>{this.clearBlurTimers(),setTimeout(()=>this.baseElement.setAttribute("focused","true"))})}handleBlurEvents(){this.baseElement.addEventListener("blur",e=>{e.stopImmediatePropagation(),i||this.#P.push(this.dispatchBlur())},!0),this.externalInput.addEventListener("blur",e=>{e.stopImmediatePropagation(),this.#P.push(this.dispatchBlur())},!0)}handlelInputEvents(e){e.addEventListener("input",e=>{this.value=e.target.value}),e.addEventListener("input",e=>{e.target.value?this.setAttribute("has-value","true"):this.removeAttribute("has-value")})}getAutocompleteType(){return this.getAttribute("autocomplete")||r}forwardInputValue(e,t){const r=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value");Object.defineProperty(e,"value",{...r,set(e){r.set.call(this,e),t.value=e},configurable:!0})}},ft=e=>class extends e{init(){super.init?.(),this.baseElement._hasValidConstraints&&(this.baseElement._hasValidConstraints=()=>!0)}},vt=(...e)=>w(lt,gt,rt,bt)(ot(...e)),xt=z("boolean-field-internal"),Ct=["disabled","label","invalid","readonly"],wt=vt({componentName:xt,baseSelector:"div"}),It=e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${xt}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${xt}>\n\t\t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(xt),this.checkbox=this.inputElement.querySelector("vaadin-checkbox"),N(this,this.inputElement,{includeAttrs:["required","full-width","size","label","invalid","disabled","readonly"]}),D(this.inputElement,this,["checked"]),k(this,this.inputElement,{includeAttrs:["checked"]})}};var Mt='\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';const St=z("checkbox"),{host:At,component:Et,checkboxElement:Tt,checkboxSurface:kt,checkboxLabel:zt,requiredIndicator:Lt,helperText:Nt,errorMessage:Dt}={host:{selector:()=>":host"},requiredIndicator:{selector:'[required] vaadin-checkbox [slot="label"]:not(:empty)::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)"}},Vt=w(Qe({mappings:{hostWidth:{...At,property:"width"},hostDirection:{...At,property:"direction"},fontSize:[At,Tt,zt],fontFamily:[zt,Nt,Dt],labelTextColor:{...zt,property:"color"},labelSpacing:{...zt,property:"padding-inline-start"},labelLineHeight:{...zt,property:"line-height"},labelFontWeight:{...zt,property:"font-weight"},labelRequiredIndicator:{...Lt,property:"content"},errorMessageTextColor:{...Dt,property:"color"},errorMessageIcon:{...Dt,property:"background-image"},errorMessageIconSize:{...Dt,property:"background-size"},errorMessageIconPadding:{...Dt,property:"padding-inline-start"},errorMessageIconRepeat:{...Dt,property:"background-repeat"},errorMessageIconPosition:{...Dt,property:"background-position"},errorMessageFontSize:{...Dt,property:"font-size"},inputValueTextColor:{...kt,property:"color"},inputBackgroundColor:{...Tt,property:"background-color"},inputBorderRadius:{...Tt,property:"border-radius"},inputBorderWidth:{...Tt,property:"border-width"},inputBorderOffset:{...Tt,property:"border-offset"},inputBorderColor:{...Tt,property:"border-color"},inputBorderStyle:{...Tt,property:"border-style"},inputOutlineWidth:{...Tt,property:"outline-width"},inputOutlineOffset:{...Tt,property:"outline-offset"},inputOutlineColor:{...Tt,property:"outline-color"},inputOutlineStyle:{...Tt,property:"outline-style"},inputSize:[{...Tt,property:"width"},{...Tt,property:"height"},{...kt,property:"font-size"},{...Et,property:"font-size"}]}}),Je,ut({proxyProps:["value","selectionStart"]}),Ke,It)(nt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${Mt}\n      ${Se(Vt.cssVarList)}\n\n      :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n        margin: 1px;\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: 0;\n\t\t\t\twidth: 100%;\n        height: 100%;\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:St}));customElements.define(xt,class extends wt{static get observedAttributes(){return["readonly"]}constructor(){super(),this.innerHTML='\n\t\t\t<div class="wrapper">\n\t\t\t\t<vaadin-checkbox></vaadin-checkbox>\n\t\t\t</div>\n\t\t',this.wrapperEle=this.querySelector("div"),this.checkbox=this.querySelector("vaadin-checkbox")}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?.(),N(this,this.checkbox,{includeAttrs:Ct}),k(this,this.checkbox,{includeAttrs:["checked"]}),this.handleFocusEventsDispatching([this.checkbox])}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"readonly"===e&&this.onReadOnlyChange(null!==r)}onReadOnlyChange(e){this.baseElement.setAttribute("inert",e)}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}}),customElements.define(St,Vt);const Pt=z("switch-toggle"),{host:Bt,component:Rt,checkboxElement:Ot,checkboxSurface:jt,checkboxLabel:Ft,requiredIndicator:Wt,helperText:_t,errorMessage:$t}={host:{selector:()=>":host"},requiredIndicator:{selector:'[required] vaadin-checkbox [slot="label"]:not(:empty)::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)"}},Ht=w(Qe({mappings:{hostWidth:{...Bt,property:"width"},hostDirection:{...Bt,property:"direction"},fontSize:[Rt,Ft,Ft],fontFamily:[Ft,_t,$t],labelTextColor:[{...Ft,property:"color"},{...Ft,property:"-webkit-text-fill-color"}],labelSpacing:{...Ft,property:"padding-inline-start"},labelLineHeight:{...Ft,property:"line-height"},labelFontWeight:{...Ft,property:"font-weight"},labelRequiredIndicator:{...Wt,property:"content"},errorMessageTextColor:{...$t,property:"color"},errorMessageIcon:{...$t,property:"background-image"},errorMessageIconSize:{...$t,property:"background-size"},errorMessageIconPadding:{...$t,property:"padding-inline-start"},errorMessageIconRepeat:{...$t,property:"background-repeat"},errorMessageIconPosition:{...$t,property:"background-position"},errorMessageFontSize:{...$t,property:"font-size"},trackBorderWidth:{...Ot,property:"border-width"},trackBorderStyle:{...Ot,property:"border-style"},trackBorderColor:{...Ot,property:"border-color"},trackBackgroundColor:{...Ot,property:"background-color"},trackBorderRadius:{...Ot,property:"border-radius"},trackWidth:[{...Ot,property:"width"}],trackHeight:[{...jt,property:"font-size"},{...Ot,property:"height"}],knobSize:[{...jt,property:"width"},{...jt,property:"height"}],knobTextColor:{...jt,property:"color"},knobRadius:{...jt,property:"border-radius"},knobTransitionDuration:{...jt,property:"transition"},knobColor:{...jt,property:"background-color"},knobTopOffset:{...jt,property:"top"},knobLeftOffset:{...jt,property:"left"},inputOutlineWidth:{...Ot,property:"outline-width"},inputOutlineOffset:{...Ot,property:"outline-offset"},inputOutlineColor:{...Ot,property:"outline-color"},inputOutlineStyle:{...Ot,property:"outline-style"}}}),Je,ut({proxyProps:["value","selectionStart"]}),Ke,It)(nt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${Mt}\n\t\t\t${Se(Ht.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:Pt}));customElements.define(Pt,Ht);const qt=z("loader-linear");class Yt extends(ot({componentName:qt,baseSelector:":host > div"})){static get componentName(){return qt}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div></div>\n\t",Y("\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:Ut,host:Gt}={after:{selector:"::after"},host:{selector:()=>":host"}},Zt=w(Qe({mappings:{hostDisplay:{},hostWidth:{...Gt,property:"width"},barHeight:[{property:"height"},{...Ut,property:"height"}],barBorderRadius:[{property:"border-radius"},{...Ut,property:"border-radius"}],verticalPadding:[{...Gt,property:"padding-top"},{...Gt,property:"padding-bottom"}],barBackgroundColor:{property:"background-color"},barColor:{...Ut,property:"background-color"},barWidth:{...Ut,property:"width"},animationDuration:[{},Ut],animationTimingFunction:[{},Ut],animationIterationCount:[{},Ut]}}),Je,Ke)(Yt);customElements.define(qt,Zt);const Qt=z("loader-radial");class Jt extends(ot({componentName:Qt,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div></div>\n\t",Y("\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 Kt=w(Qe({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:{}}}),Je,Ke)(Jt);customElements.define(Qt,Kt);const Xt=z("container");class er extends(ot({componentName:Xt,baseSelector:"slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",Y("\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 tr=w(Qe({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:{}}}),Je,Ke)(er);customElements.define(Xt,tr);const rr=e=>`${e}__override`,or=(e,t,r=!1)=>{const o=`var(${e}${t?`, ${t}`:""})`;return r?`var(${rr(e)}, ${o})`:o};class ir{constructor(){this.styleMap=new Map}add(e,t,r){this.styleMap.has(e)||this.styleMap.set(e,[]),this.styleMap.set(e,[...this.styleMap.get(e),{property:t,value:r}])}toString(){return Array.from(this.styleMap.entries()).reduce((e,[t,r])=>{const o=r.map(({property:e,value:t})=>`${e}: ${t}`).join(";\n");return`${e}${t} { \n${o} \n}\n\n`},"")}}const nr=(e,t="fallback")=>P(e,t),ar=(e,t,{fallback:r})=>{if(!r)return{};const o=nr(t,r.suffix),i=((...e)=>e.filter(Boolean).map((e,t)=>{return 0===t?e:(r=e).charAt(0).toUpperCase()+r.slice(1);var r}).join(""))(e,r.suffix||"fallback");return{[i]:o,...ar(i,o,r)}},sr=(e,t)=>Object.keys(t).reduce((r,o)=>{const i=H(e,o);return Object.assign(r,{[o]:i},{[o+"Override"]:rr(i)},ar(o,i,t[o]))},{}),lr=({mappings:e={},componentNameOverride:t=""})=>r=>{const o=t||r.componentName;return class t extends r{static get cssVarList(){return{...r.cssVarList,...sr(o,{...e})}}#i;#n;#a;#s;#l;#d;#c;#p;#u;constructor({getRootElement:e,componentNameSuffix:r="",themeSection:o="host",baseSelector:i}={}){super(),this.#s=r,this.#l=o,this.#c=i??this.baseSelector,this.#u=e,this.#p=Object.keys(t.cssVarList).map(e=>P("st",r,e))}get#h(){return Q.currentTheme?.[o]||""}#m(){this.#n.replaceSync(this.#h[this.#l]),this.currentThemeName=Q.currentThemeName,this.onThemeChange?.(Q.currentThemeName)}#g(){this.#n=Y("",this.#d,{prepend:!0}),this.#a=Q.onCurrentThemeChange(this.#m.bind(this)),this.#m()}#b(){if(this.#p.length){let e=`.${o}`.repeat(5);const t=this.getAttribute("id");t&&(e+=`#${CSS.escape(t)}`),this.#i=Y(`:host(${e}) {}`,this.#d)}}#y(e,t){const r=this.#i.cssRules[0].style;if(!r)return;const i=H(o,e.replace(new RegExp("^st-"),""));t?r?.setProperty(i,t):(r?.removeProperty(i),this.removeAttribute(e))}#f(e=[]){e.forEach(e=>{this.#p.includes(e)&&this.#y(e,this.getAttribute(e))})}#v(){if(Object.keys(e).length){const t=((e,t,r)=>{const o=new ir,i=(e,t)=>{if(!e)return"";if("string"==typeof e)return e;const r=nr(t,e?.suffix);return or(r,i(e.fallback,r))};return Object.keys(r).forEach(n=>{const a=((e,t)=>{const r={selector:"",property:V(e)};return t&&Object.keys(t).length?Array.isArray(t)?t.map(e=>({...r,...e})):[{...r,...t}]:[r]})(n,r[n]),s=H(e,n);a.forEach(({selector:e,property:r,important:n,fallback:a})=>{const l=i(a,s);o.add(((e="",t="")=>R(t)?t(e):`${e}${/^[A-Za-z]/.test(t)?` ${t}`:t}`)(t,e),R(r)?r():r,or(s,l,!0)+(n?"!important":""))})}),o.toString()})(P(o,this.#s),this.#c,e);Y(t,this.#d,{prepend:!0})}}#x(e){(this.#d.classList||this.#d.host.classList).add(e)}async init(){super.init?.(),this.shadowRoot.isConnected&&(this.#d=await(this.#u?.(this))||this.shadowRoot,this.#x(o),this.#v(),this.#g(),this.#b(),j(this,this.#f.bind(this),{}))}disconnectedCallback(){super.disconnectedCallback?.(),this.#a?.()}}},dr=e=>class extends e{constructor(){super(),Y(':host([draggable="true"]) * { cursor: inherit!important }',this)}get isDraggable(){return this.hasAttribute("draggable")&&"false"!==this.getAttribute("draggable")}init(){this.addEventListener("mousedown",e=>{if(this.isDraggable){const t=this.baseElement.getAttribute("tabindex");this.baseElement.setAttribute("tabindex","-1");const r=()=>{t?this.baseElement.setAttribute("tabindex",t):this.baseElement.removeAttribute("tabindex"),e.target.removeEventListener("mouseup",r),e.target.removeEventListener("dragend",r)};e.target.addEventListener("mouseup",r,{once:!0}),e.target.addEventListener("dragend",r,{once:!0})}}),super.init?.()}},cr=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()}},pr=e=>class extends e{updateComponentsContext(e){this.dispatchEvent(new CustomEvent("components-context",{bubbles:!0,composed:!0,detail:e}))}},ur=e=>class extends e{init(){super.init?.(),this.baseElement.addEventListener("mouseover",e=>{this.setAttribute("hover","true"),e.target.addEventListener("mouseleave",()=>this.removeAttribute("hover"),{once:!0})})}},hr=["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"],mr=e=>class extends e{init(){super.init?.(),j(this,e=>e.forEach(e=>{const t=this.getAttribute(e);(e=>hr.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?`)}),{})}},gr=({componentName:e,baseSelector:t=""})=>{class r extends HTMLElement{static get componentName(){return e}#w;#I=!0;get baseSelector(){return t}get baseElement(){return this.#w??=this.baseSelector?this.rootElement.querySelector(this.baseSelector):this,this.#w||console.warn("missing base element for component",this.localName),this.#w}get rootElement(){return this.shadowRoot||this}get name(){return this.getAttribute("name")}connectedCallback(){super.connectedCallback?.(),this.rootElement.isConnected&&this.#I&&(this.#I=!1,this.init?.())}}return B(cr,ur,mr,pr)(r)};function br(e,t={}){const r=new Event(e,t);this[`on${e}`]?.(r),this.dispatchEvent(r)}const yr=e=>class extends e{#z=br.bind(this,"change");init(){super.init?.(),this.prevValue=this.value,this.addEventListener("change",e=>{e.stopPropagation()}),this.addEventListener("blur",()=>{this.value!==this.prevValue&&(this.#z(),this.prevValue=this.value)})}},fr=e=>class extends e{init(){this.#V(),super.init?.()}#V(){["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,br.call(this,"blur"),br.call(this,"focusout",{bubbles:!0})})});const r=e=>{e.stopImmediatePropagation(),clearTimeout(t),t||(br.call(this,"focus"),br.call(this,"focusin",{bubbles:!0}))};e?.addEventListener("focusin",r),e?.addEventListener("focus",r)})}handleInputEventDispatching(){let e=this.value;this.addEventListener("input",t=>{this!==t.target&&(t.stopImmediatePropagation(),e!==this.value&&(e=this.value,br.call(this,"input",{bubbles:!0,composed:!0})))})}},vr=["required","pattern"],xr=Symbol("validationTarget"),Cr=e=>class extends e{#A=xr;static get observedAttributes(){return[...e.observedAttributes||[],...vr]}static get formAssociated(){return!0}#E;get internals(){return this.#E}set internals(e){this.#E=e}constructor(){super(),this.#E=this.attachInternals()}get defaultErrorMsgValueMissing(){return"Please fill out this field."}get defaultErrorMsgPatternMismatch(){return"Please match the requested format."}get defaultErrorMsgTooShort(){return`Minimum length is ${this.getAttribute("minlength")}.`}get defaultErrorMsgTooLong(){return`Maximum length is ${this.getAttribute("maxlength")}.  `}get defaultErrorMsgRangeUnderflow(){return`At least ${this.getAttribute("min-items-selection")} items are required.`}get defaultErrorMsgRangeOverflow(){return`At most ${this.getAttribute("max-items-selection")} items are allowed.`}get defaultErrorMsgTypeMismatch(){return"Please match the requested type."}getCustomErrorMessage(e,t){return this.hasAttribute(e)?this.getAttribute(e)||" ":t}getErrorMessage(e){const{valueMissing:t,patternMismatch:r,typeMismatch:o,stepMismatch:i,tooShort:n,tooLong:a,rangeOverflow:s,rangeUnderflow:l,badInput:d,customError:c}=e;switch(!0){case t:return this.getCustomErrorMessage("data-errormessage-value-missing",this.defaultErrorMsgValueMissing);case r||i||d:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch",this.defaultErrorMsgPatternMismatch);case o:return this.getCustomErrorMessage("data-errormessage-type-mismatch",this.defaultErrorMsgTypeMismatch);case n:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch-too-short",this.defaultErrorMsgTooShort);case a:return this.getCustomErrorMessage("data-errormessage-pattern-mismatch-too-long",this.defaultErrorMsgTooLong);case l:return this.getCustomErrorMessage("data-errormessage-pattern-range-underflow",this.defaultErrorMsgRangeUnderflow);case s: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===xr?this.inputElement:this.#A}set validationTarget(e){this.#A=e}setCustomValidity(e){e?this.#E.setValidity({customError:!0},e,this.validationTarget):(this.#E.setValidity({}),this.#T())}get isRequired(){return this.hasAttribute("required")&&"false"!==this.getAttribute("required")}get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}get isDisabled(){return this.hasAttribute("disabled")&&"false"!==this.getAttribute("disabled")}get pattern(){return this.getAttribute("pattern")}get form(){return this.#E.form}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),vr.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())}},wr=(...e)=>B(Cr,yr,mr,fr)(gr(...e)),Ir="FETCH_RESULTS_ERROR",Mr=()=>class{constructor(e){this.getAttribute=e,this.isValid=this.#B()}checkConnectorValidity(){this.isValid=this.#B()}#B(){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}}},Sr=({componentName:e,wrappedEleName:t,slots:r=[],style:o,excludeAttrsSync:i=[],includeAttrsSync:n=[],includeForwardProps:a=[],delegatesFocus:s=!0})=>{class l extends(gr({componentName:e,baseSelector:t})){#M=br.bind(this,"blur");#S=br.bind(this,"focus");constructor(){super().attachShadow({mode:"open",delegatesFocus:s}).innerHTML=`\n\t\t\t<${t}>\n\t\t\t${r.map(e=>`<slot ${e?`name="${e}" slot="${e}"`:""}></slot>`).join("")}\n\t\t\t</${t}>\n\t\t`,Y((R(o)?o():o)||"",this)}init(){super.init?.(),this.baseElement.addEventListener("blur",e=>{this.#M()}),this.baseElement.addEventListener("focus",e=>{this.#S()}),((e,t,r=[])=>{if(!r.length)return;const o=r.reduce((t,r)=>Object.assign(t,{[r]:{get:()=>e[r],set(t){e[r]=t}}}),{});Object.defineProperties(t,o)})(this.baseElement,this,a),_(this.baseElement,this,{excludeAttrs:i,includeAttrs:n})}}return l},Ar=["invalid","required"],Er=e=>{if(!e)return;let t=e;for(let e=0;e<10;e++)if([t]=t.assignedElements(),"slot"!==t?.localName)return t},Tr=({proxyProps:e=[],useProxyTargets:t=!1,inputEvent:r="input",triggerValidationEvents:o=[],proxyParentValidation:i=!1})=>n=>class extends(Cr(n)){static get observedAttributes(){return[...n.observedAttributes||[],...Ar]}#k;#z=br.bind(this,"change");constructor(){super(),this.#k=super.inputElement}warnIfInputElementIsMissing(){clearTimeout(this.inputElementTimerId),this.inputElementTimerId=setTimeout(()=>{!this.#k&&console.warn(this.localName,"no input was found")},0)}get inputElement(){if(this.#k)return this.#k;this.warnIfInputElementIsMissing();const e=this.baseElement.shadowRoot?.querySelector('slot[name="input"]'),t=this.baseElement.shadowRoot?.querySelector('slot[name="textarea"]');return this.#k=Er(e)||Er(t),this.#k}set inputElement(e){this.#k=e}getValidity(){return this.inputElement?.validity||{}}#L(){this.setAttribute("error-message",this.validationMessage)}reportValidity=()=>{this.inputElement.setCustomValidity(""),this.setCustomValidity(""),this.checkValidity()||(this.setAttribute("invalid","true"),this.#L(),this.focus())};defaultReportValidity(){return super.reportValidity()}init(){if(super.init?.(),this.baseElement._setInvalid=function(e){!e&&this._shouldSetInvalid(e)&&(this.invalid=e)},this.baseElement.addEventListener("input",e=>{e.composed||this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}),o.forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.inputElement?.setCustomValidity("")})}),setTimeout(()=>{(Array.isArray(r)?r:[r]).forEach(e=>{this.baseElement?.addEventListener(e,()=>{this.baseElement.checkValidity()?this.removeAttribute("invalid"):this.#L()})}),this.baseElement.addEventListener("change",()=>{this.#z()}),this.addEventListener("invalid",()=>{this.checkValidity()||this.setAttribute("invalid","true"),this.#L()}),e.forEach(e=>{const r=this.querySelector('input[slot="external-input"]')||null,o=t?[this.baseElement,r].filter(Boolean):[];((e,t,r)=>{const o=Array.isArray(t)?t:[t];Object.defineProperty(e,r,{set(e){o.forEach(t=>{t[r]=e})},get:()=>t[0][r],configurable:!0})})(this,[this.inputElement,...o],e)}),this.setSelectionRange=this.inputElement.setSelectionRange?.bind(this.inputElement),q(this,this.inputElement,{includeAttrs:["inputmode"]})}),i){const e=this.inputElement.internals,t=this;this.inputElement.internals=new Proxy(e,{get:(e,r)=>"function"==typeof e[r]&&"setValidity"===r?(...o)=>{if(3===o.length){const e=o.slice(0,o.length-1);e.push(t.inputElement),t.internals[r](...e)}else t.internals[r](...o);return e[r](...o)}:"function"==typeof e[r]?(...o)=>(t.internals[r](...o),e[r](...o)):e[r]})}}},kr=e=>B(Tr(e),lr({componentNameOverride:$("input-wrapper")})),zr=()=>!0,Lr=e=>`<pre>${JSON.stringify(e,null,4)}</pre>`,Nr=({itemRenderer:e=Lr,validateSchema:t=zr,slotName:r,rerenderAttrsList:o=[],targetSelector:i,sortFn:n=e=>e})=>a=>class extends a{#R=[];#O;#j(e){if(!t)return!0;const r=t(e);return!0===r||(console.error("Data schema validation failed",r||""),!1)}#F(){const e=r?`*[slot="${r}"]`:":not([slot])";this.#O&&this.#O.querySelectorAll(e).forEach(e=>e.remove())}#W(){this.#F(),(n?this.data.sort(n):this.data).forEach((t,r)=>{const o="string"==typeof(i=e(t,r,this))?(e=>{const t=document.createElement("template");return t.innerHTML=e,t})(i).content:i instanceof HTMLTemplateElement?i.content:(console.error("Invalid template",i),null);var i;this.#O&&this.#O.appendChild(o?.cloneNode(!0))})}set data(e){this.#j(e)&&(this.#R=e,this.#W())}get data(){return this.#R}init(){super.init?.(),this.#O=i?this.shadowRoot.querySelector(i):this.baseElement,j(this,e=>{e.includes("data")?this.#_():this.#W()},{includeAttrs:[...o,"data"]})}#_(){const e=this.getAttribute("data");if(e)try{this.data=JSON.parse(e)}catch(t){console.warn("Invalid JSON data",e)}}},Dr=$("combo-box"),{host:Vr,inputField:Pr,inputElement:Br,placeholder:Rr,toggle:Or,clearButton:jr,label:Fr,requiredIndicator:Wr,helperText:_r,errorMessage:$r,loader:Hr,overlayContent:qr}={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)"}},Yr=B(lr({mappings:{hostWidth:{...Vr,property:"width"},hostDirection:{...Vr,property:"direction"},fontSize:[{},Vr],fontFamily:[Fr,Rr,Pr,_r,$r],labelFontSize:{...Fr,property:"font-size"},labelFontWeight:{...Fr,property:"font-weight"},labelTextColor:[{...Fr,property:"color"},{...Fr,property:"-webkit-text-fill-color"},{...Wr,property:"color"}],errorMessageTextColor:{...$r,property:"color"},errorMessageIcon:{...$r,property:"background-image"},errorMessageIconSize:{...$r,property:"background-size"},errorMessageIconPadding:{...$r,property:"padding-inline-start"},errorMessageIconRepeat:{...$r,property:"background-repeat"},errorMessageIconPosition:{...$r,property:"background-position"},errorMessageFontSize:{...$r,property:"font-size"},inputHeight:{...Pr,property:"height"},inputBackgroundColor:{...Pr,property:"background-color"},inputBorderColor:{...Pr,property:"border-color"},inputBorderWidth:{...Pr,property:"border-width"},inputBorderStyle:{...Pr,property:"border-style"},inputBorderRadius:{...Pr,property:"border-radius"},labelRequiredIndicator:{...Wr,property:"content"},inputValueTextColor:{...Pr,property:"color"},inputPlaceholderTextColor:{...Rr,property:"color"},inputDropdownButtonCursor:[{...Or,property:"cursor"},{...jr,property:"cursor"}],inputDropdownButtonColor:[{...Or,property:"color"},{...jr,property:"color"}],inputDropdownButtonSize:[{...Or,property:"font-size"},{...jr,property:"font-size"}],inputDropdownButtonOffset:[{...Or,property:"margin-right"},{...Or,property:"margin-left"}],inputOutlineColor:{...Pr,property:"outline-color"},inputOutlineWidth:{...Pr,property:"outline-width"},inputOutlineStyle:{...Pr,property:"outline-style"},inputOutlineOffset:{...Pr,property:"outline-offset"},inputHorizontalPadding:[{...Br,property:"padding-left"},{...Br,property:"padding-right"}],labelPosition:{...Fr,property:"position"},labelTopPosition:{...Fr,property:"top"},labelHorizontalPosition:[{...Fr,property:"left"},{...Fr,property:"right"}],inputTransformY:{...Fr,property:"transform"},inputTransition:{...Fr,property:"transition"},marginInlineStart:{...Fr,property:"margin-inline-start"},placeholderOpacity:{...Rr,property:"opacity"},inputVerticalAlignment:{...Pr,property:"align-items"},valueInputHeight:{...Br,property:"height"},valueInputMarginBottom:{...Br,property:"margin-bottom"},overlayBackground:{property:()=>Yr.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>Yr.cssVarList.overlay.textColor},overlayBorder:{property:()=>Yr.cssVarList.overlay.border},overlayFontSize:{property:()=>Yr.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>Yr.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>Yr.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>Yr.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>Yr.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>Yr.cssVarList.overlay.itemPaddingInlineEnd},overlayCheckmarkDisplay:{property:()=>Yr.cssVarList.overlay.checkmarkDisplay},overlaySelectedItemBackground:{property:()=>Yr.cssVarList.overlay.selectedItemBackground},overlaySelectedItemHoverBackground:{property:()=>Yr.cssVarList.overlay.selectedItemHoverBackground},overlaySelectedItemFocusBackground:{property:()=>Yr.cssVarList.overlay.selectedItemFocusBackground},overlayItemHoverBackground:{property:()=>Yr.cssVarList.overlay.itemHoverBackground},overlayItemFocusBackground:{property:()=>Yr.cssVarList.overlay.itemFocusBackground}}}),dr,(({name:e,selector:t,mappings:r={},forward:{attributes:o=[],include:i=!0}={}})=>t=>{const n=e,a=lr({mappings:r})(t);return class extends a{static get cssVarList(){return{...a.cssVarList,[n]:sr(P(t.componentName,"_"+n),r)}}#N;constructor(){const e=(t=async e=>(e.shadowRoot||e).querySelector(e.baseSelector),async e=>{const r=await t(e);return new Promise(e=>{let t=0;const o=()=>{if(t>20)return console.error("could not get shadow root for element",r),void e(r);t++,r?.shadowRoot?e(r.shadowRoot):setTimeout(o)};o()})});var t;super({getRootElement:e,componentNameSuffix:"_"+n,themeSection:"@"+n,baseSelector:":host"}),this.#N=e(this).then(e=>e.host)}async#D(){const e=await this.#N;e.onmouseenter=e=>{e.target.setAttribute("hover","true")},e.onmouseleave=e=>{e.target.removeAttribute("hover")}}async init(){super.init?.();const e=await this.#N;q(this,e,{[i?"includeAttrs":"excludeAttrs"]:o}),this.#D()}}})({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:{...Hr,property:"top"},loaderLeft:{...Hr,property:"left"},loaderRight:{...Hr,property:"right"},loaderMargin:{...Hr,property:"margin"},loaderWidth:{...Hr,property:"width"},loaderHeight:{...Hr,property:"height"},loaderBorder:{...Hr,property:"border"},loaderBorderColor:{...Hr,property:"border-color"},loaderBorderRadius:{...Hr,property:"border-radius"},contentHeight:{...qr,property:"height"},contentOpacity:{...qr,property:"opacity"},scrollerMinHeight:{selector:"vaadin-combo-box-scroller",property:"min-height"}},forward:{include:!1,attributes:["size"]}}),kr({proxyProps:["selectionStart"],inputEvent:"value-changed"}),cr,e=>class extends e{static get observedAttributes(){return["label-type"]}#$=({displayName:e,value:t,label:r})=>`<span data-name="${r}" data-id="${t}">${e||r}</span>`;#R;get defaultValue(){return this.getAttribute("default-value")}get renderItem(){return this.#$}set renderItem(e){this.#$=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())}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(r){if(!t.baseElement.items?.length&&!t.allowCustomValue)return;const o=t.customValueTransformFn(r)||"";o!==this.value&&e.set.call(this,o)}}})}#H(){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)}#q(){const e=this.baseElement.shadowRoot.querySelector("vaadin-combo-box-overlay");e._attachOverlay=()=>{e.bringToFront()},e._detachOverlay=()=>{},e._enterModalState=()=>{}}#Y(){this.baseElement.renderer=(e,t,r)=>{e.innerHTML=r.item.outerHTML}}#U(){this.hasDynamicData&&(this.baseElement._dataProviderFilterChanged=()=>{})}init(){super.init?.(),this.getValidity=function(){return!this.value&&this.isRequired?{valueMissing:!0}:{}},this.#Y(),this.#U(),setTimeout(()=>{this.setComboBoxDescriptor(),this.#q()}),j(this,this.renderItems.bind(this),{includeAttrs:["data"]}),F(this,this.#H.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"))}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&"label-type"===e&&("floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick))}setDefaultValue(){this.defaultValue&&(this.value=this.defaultValue)}#G(e){return this.baseElement.items?.find(t=>t["data-id"]===e)}#Z(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.#G(e);this.#Z(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")}})(Sr({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=Yr.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:Dr,includeForwardProps:["items","renderer","selectedItem"]}));customElements.define(Dr,Yr);const Ur=e=>{const t=d.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")},Gr=$("image"),Zr=["src","src-dark"];class Qr extends(gr({componentName:Gr,baseSelector:"slot"})){static get observedAttributes(){return Zr}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",Y("\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.src)}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 src(){return this.themeSrc||this.legacySrc}updateFillColor(e){[e,...e.querySelectorAll("*[fill]")].forEach(e=>{e.setAttribute("fill",`var(${Jr.cssVarList.fill}, ${e.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.src),(async(e,t)=>{try{let r;if((e=>e.startsWith("data:image/svg+xml;base64,"))(e)){const t=atob(e.slice(26));r=Ur(t)}else if("svg"===(e=>{const t=e.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return t?t[1]:null})(e)){const t=await fetch(e),o=await t.text();r=Ur(o)}else r=((e,t)=>{const r=document.createElement("img");return r.setAttribute("src",e),r.setAttribute("alt",t),r})(e,t);return r.style.setProperty("max-width","100%"),r.style.setProperty("max-height","100%"),r}catch{return null}})(this.src,this.altText).then(e=>{this.innerHTML="",e&&(this.updateFillColor(e),this.appendChild(e))})}shouldRender(e){const t=this.getAttribute(e);return this.src===t}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&this.shouldRender(e)&&this.renderImage()}}const Jr=B(lr({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),dr,cr)(Qr),Kr=$("icon"),Xr=B(lr({mappings:{fill:[{},{property:Jr.cssVarList.fill}]}}),dr,cr)(Sr({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n      }\n      ",excludeAttrsSync:["tabindex","class","style"],componentName:Kr})),eo=$("button"),{host:to,label:ro,slottedIcon:oo}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let io;const no=B(lr({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...to,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:Xr.cssVarList.fill},labelTextDecoration:{...ro,property:"text-decoration"},labelSpacing:{...ro,property:"gap"},textAlign:{...ro,property:"justify-content",fallback:"center"},iconSize:[{...oo,property:"width"},{...oo,property:"height"}]}}),e=>class extends e{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}},dr,cr)(Sr({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${io}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${no.cssVarList.outlineWidth}) + var(${no.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${no.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${no.cssVarList.hostHeight}) - var(${no.cssVarList.outlineWidth}) - var(${no.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${no.cssVarList.hostWidth}) - var(${no.cssVarList.outlineWidth}) - var(${no.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:eo})),{color:ao,fontSize:so}=no.cssVarList;io=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${ao});\n\t\ttop: calc(50% - (var(${so}) / 2));\n\t\tleft: calc(50% - (var(${so}) / 2));\n\t\tborder-width: calc(var(${so}) / 10);\n\t\twidth: var(${so});\n\t\theight: var(${so});\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(eo,no);const lo=["MM/DD/YYYY","DD/MM/YYYY","YYYY/MM/DD"],co=lo[0],po="YYYY-MM-DD",uo="/",ho=["January","February","March","April","May","June","July","August","September","October","November","December"],mo=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],go={id:"month",min:1,max:12,placeholder:"MM"},bo={id:"day",min:1,max:31,placeholder:"DD"},yo={id:"year",min:0,max:9999,placeholder:"YYYY"},fo=1900,vo=2099,xo=(e,t)=>{if("number"==typeof e)return new Date(e);if("string"==typeof e){const r=new Date(e.replace(/-/g,"/"));return t?new Date(Date.UTC(r.getFullYear(),r.getMonth(),r.getDate(),r.getHours(),r.getMinutes(),r.getSeconds(),r.getMilliseconds())):new Date(r)}return new Date},Co={MM:"(0?[1-9]|1[0-2])",DD:"(0?[1-9]|[12][0-9]|3[01])",YYYY:"([0-9]{4})"},wo=e=>{const t=(e=>`^${e.split(uo).map(e=>Co[e]).join("\\D")}$`)(e),r=(e=>{const t=e.split(uo);return e=>{const r={};return t.forEach((t,o)=>{r[t]=e[o+1]}),[r.YYYY,r.MM,r.DD]}})(e),o=new RegExp(t);return{pattern:t,validate:e=>o.test(e),getDate:e=>((e,t,r)=>{const o=t.exec(e);if(!o)return null;const[i,n,a]=r(o);return xo([i,n,a].join(uo))})(e,o,r)}},Io=Object.fromEntries(lo.map(e=>[e,wo(e)])),Mo=e=>!Number.isNaN(Number(e)),So=e=>{const t=xo(e);return[t.getFullYear(),t.getMonth()+1,t.getDate()]},Ao=(e,t)=>{const[r,o,i]=So(e),n={DD:String(i).padStart(2,"0"),MM:String(o).padStart(2,"0"),YYYY:String(r)};return t.replace(/DD|MM|YYYY/g,e=>n[e])},Eo=()=>xo().getTime(),To=e=>xo(e).getFullYear().toString(),ko=e=>(xo(e).getMonth()+1).toString(),zo=(e,t)=>t?new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate())).getTime():e.getTime(),Lo=(e,t)=>Array.isArray(e)&&e.length===t&&e.filter(Boolean).length===t,No=({label:e,dataId:t,dataName:r})=>`\n\t<div class="combo-box-item"\n\t\tdata-id="${t}"\n\t\tdata-name="${r}"\n\t>\n\t\t\t${e}\n\t</div>\n`,Do=(e=ho)=>e.map((e,t)=>No({label:e,dataId:t+1,dataName:e})).join(""),Vo=(e,t)=>{const[r,o]=So(t),[i,n]=So(e);return i===r&&n===o},Po=(e,t,r)=>(e.addEventListener("input",t),e.addEventListener("focusout",r),e),Bo=z("calendar"),Ro=["initial-value","initial-year","initial-month","years-range","calendar-months","calendar-weekdays","calendar-label-today","st-host-direction","disabled","full-width"],Oo=["calendar-label-submit","calendar-label-cancel"],jo=vt({componentName:Bo,baseSelector:"div"}),{calendar:Fo,day:Wo,dayEntry:_o,currentDay:$o,selectedDay:Ho,disabledDay:qo,weekday:Yo,topNav:Uo,topNavSelectors:Go,bottomNav:Zo,navPrev:Qo,navNext:Jo,navPrevRTL:Ko,navNextRTL:Xo,yearInput:ei,monthInput:ti}={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"}},ri=w(Qe({componentNameOverride:z("input-wrapper")}),Qe({mappings:{fontSize:{},fontFamily:{},hostWidth:[{selector:()=>":host",property:"width"},{selector:"table",property:"width"}],hostDirection:{property:"direction"},topNavVerticalPadding:[{...Uo,property:"padding-top"},{...Uo,property:"padding-bottom"}],topNavHorizointalPadding:[{...Uo,property:"padding-right"},{...Uo,property:"padding-left"}],topNavAlignment:{...Uo,property:"justify-content"},topNavGap:{...Uo,property:"gap"},topNavSelectorsGap:{...Go,property:"gap"},bottomNavVerticalPadding:[{...Zo,property:"padding-top"},{...Zo,property:"padding-bottom"}],bottomNavHorizontalPadding:[{...Zo,property:"padding-right"},{...Zo,property:"padding-left"}],bottomNavAlignment:{...Zo,property:"justify-content"},bottomNavGap:{...Zo,property:"gap"},navMarginBottom:{...Uo,property:"margin-bottom"},calendarPadding:[{...Fo,property:"padding-bottom"},{...Fo,property:"padding-right"},{...Fo,property:"padding-left"}],navBorderBottomWidth:{...Uo,property:"border-bottom-width"},navBorderBottomColor:{...Uo,property:"border-bottom-color"},navBorderBottomStyle:{...Uo,property:"border-bottom-style"},weekdayFontSize:{...Yo,property:"font-size"},weekdayFontWeight:{...Yo,property:"font-weight"},currentDayBorderColor:{...$o,property:"border-color"},currentDayBorderWidth:{...$o,property:"border-width"},currentDayBorderStyle:{...$o,property:"border-style"},dayHeight:{..._o,property:"height"},daySize:[{...Wo,property:"height"},{...Wo,property:"width"}],dayPadding:{...Wo,property:"padding"},dayRadius:{...Wo,property:"border-radius"},dayTextAlign:{...Wo,property:"text-align"},dayBlockAlign:{...Wo,property:"margin"},dayTextColor:{...Wo,property:"color"},dayFontWeight:{...Wo,property:"font-weight"},dayBackgroundColor:{...Wo,property:"background-color"},dayCursor:{...Wo,property:"cursor"},dayFontSize:{...Wo,property:"font-size"},dayBackgroundColorHover:{selector:()=>".day:hover",property:"background-color"},daySelectedTextdColor:{...Ho,property:"color"},daySelectedBackgroundColor:{...Ho,property:"background-color"},dayDisabledTextdColor:{...qo,property:"color"},yearInputWidth:{...ei,property:"width"},monthInputWidth:{...ti,property:"width"},navButtonSize:[{...Qo,property:"width"},{...Qo,property:"height"},{...Jo,property:"width"},{...Jo,property:"height"}],navButtonCursor:[{...Qo,property:"cursor"},{...Jo,property:"cursor"}],navButtonRotation:[{...Ko,property:"transform"},{...Xo,property:"transform"}],navButtonOpacity:[{...Qo,property:"opacity"},{...Jo,property:"opacity"}]}}),Je,Ke)(class extends jo{static get observedAttributes(){return[].concat(jo.observedAttributes||[],Ro,Oo)}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  ',Y(`\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        ${no.cssVarList.horizontalPadding}: 0;\n        ${no.cssVarList.verticalPadding}: 0;\n        ${no.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=xo(e).getTime();Mo(t)&&t!==this.epoch&&(this.epoch=t,this.renderCalendar())}get value(){return this.epoch?Ao(this.epoch,po):""}get isSelectedView(){return Vo(this.preview,this.epoch)}get isTodayView(){return Vo(Eo(),this.preview)}get monthNames(){return(e=>{const t=e?.split(",");return Lo(t,12)?t:ho})(this.getAttribute("calendar-months"))}get weekdayNames(){return(e=>{const t=e?.split?.(",");return Lo(t,7)?t:mo})(this.getAttribute("calendar-weekdays"))}get hasYearValue(){return!!this.yearInput.value}get hasMonthValue(){return!!this.monthInput.value}get yearsRange(){const e=this.getAttribute("years-range")?.split("-");if(2===e?.length){const[t,r]=e.map(Number);if(t<=r)return[t,r]}const t=xo().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    ${Do()}\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=Po(this.shadowRoot.querySelector(".month-input"),this.onMonthChange.bind(this),this.onMonthInputBlur.bind(this)),this.yearInput=Po(this.shadowRoot.querySelector(".year-input"),this.onYearChange.bind(this),this.onYearInputBlur.bind(this)),[this.monthInput,this.yearInput].forEach(e=>N(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=>N(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:xo(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||Eo(),t=To(e),r=ko(e);this.monthInput.value=r,setTimeout(()=>{this.yearInput.baseElement.value=t})}}renderCalendar(){const e=xo(this.preview||Eo()).getTime(),[t,r]=So(e);this.calendar&&(this.calendar.innerHTML=((e,t,r)=>{const o=((e,t)=>new Date(e,t,0).getDate())(e,t),i=new Date(e,t-1,1).getDay();let n="<table>";n+=`<thead><tr>${r.reduce((e,t)=>`${e}<th><span class="weekday">${t}</span></th>`,"")}</tr></thead>`,n+="<tbody>",n+="<tr>";for(let e=0;e<i;e++)n+="<td></td>";let a=i;for(let e=1;e<=o;e++)7===a&&(a=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    `,a++;for(;a<7;)n+="<td></td>",a++;return n+="</tr></tbody></table>",n})(t,r,this.weekdayNames.map(e=>e.substring(0,3)))),Array.from(this.calendar?.querySelectorAll(".day-entry .day")||[]).forEach(e=>e.addEventListener("click",this.onDayChange.bind(this))),this.updateInputs(),this.setSelectedDay(),this.setCurrentDay()}onDayChange(e){if(this.isDisabled)return;const t=xo(this.preview);t.setDate(Number(e.target.getAttribute("data-date-day"))),this.value=Ao(t.getTime(),po),this.dispatchEvent(new CustomEvent("day-changed",{detail:t}))}onYearChange(e){if(!e.target.value)return;const t=xo(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=xo(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||To(this.preview)}onMonthInputBlur(e){this.monthInput.baseElement.value=e.target.value||ko(this.preview)}getSelectedDayEle(){const e=xo(this.epoch).getDate();return this.calendar?.querySelector(`[data-date-day="${e}"]`)}getCurrentDayEle(){return this.calendar?.querySelector(`[data-date-day="${xo().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=xo(e),r=t.getMonth();if(0===r){const e=t.getFullYear();t.setFullYear(e-1),t.setMonth(11)}else t.setMonth(r-1);return t})(this.preview);this.preview=e.getTime(),this.renderCalendar()}navNextMonth(){if(this.isDisabled)return;const e=(e=>{const t=xo(e),r=t.getMonth();if(11===r){const e=t.getFullYear();t.setFullYear(e+1),t.setMonth(0)}else t.setMonth(r+1);return t})(this.preview);this.preview=e.getTime(),this.renderCalendar()}clearValue(){this.epoch="",this.value="",this.removeAttribute("preview"),this.submitButton.setAttribute("disabled","true")}onInitialValueChange(e){if(this.value)return;const t=xo(e).getTime();Mo(t)?(this.epoch=t,this.preview=t):this.clearValue()}onYearsRangeChange(){setTimeout(()=>{this.yearInput&&(this.yearInput.innerHTML=(e=>{const[t,r]=e,o=[];for(let e=t;e<=r;e++)o.push(e);return o})(this.yearsRange).map(e=>No({label:e,dataId:e,dataName:e})).join(""))})}onMonthNamesChange(){setTimeout(()=>{this.monthInput&&(this.monthInput.innerHTML=Do(this.monthNames))})}onSubmitLabelChange(e){this.submitButton&&(this.submitButton.textContent=e||"Done")}onCancelLabelChange(e){this.cancelButton&&(this.cancelButton.textContent=e||"Cancel")}onInitialMonthChange(e){const t=To(this.preview);this.preview=xo(`${t}/${e}/1`).getTime()}onInitialYearChange(e){const t=ko(this.preview);this.preview=xo(`${e}/${t}/1`).getTime()}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),t!==r&&(Oo.includes(e)?("calendar-label-submit"===e&&this.onSubmitLabelChange(r),"calendar-label-cancel"===e&&this.onCancelLabelChange(r)):(r&&"initial-value"===e&&this.onInitialValueChange(r),r&&"initial-month"===e&&this.onInitialMonthChange(r),r&&"initial-year"===e&&this.onInitialYearChange(r),"years-range"===e&&this.onYearsRangeChange(Number(r)),"calendar-months"===e&&this.onMonthNamesChange(),"calendar-label-today"===e&&this.setCurrentDay(r),"disabled"===e&&setTimeout(()=>{this.cancelButton?.setAttribute("disabled","true"===r)}),this.renderCalendar()))}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}});customElements.define(Bo,ri);const{host:oi,label:ii,placeholder:ni,requiredIndicator:ai,inputField:si,input:li,inputMask:di,helperText:ci,errorMessage:pi,disabledPlaceholder:ui,inputDisabled:hi,inputIcon:mi,externalInput:gi,externalInputDisabled:bi,externalPlaceholder:yi,externalDisabledPlaceholder:fi}={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 vi={fontSize:[{},oi],fontFamily:[ii,si,ci,pi],labelFontSize:{...ii,property:"font-size"},labelFontWeight:{...ii,property:"font-weight"},labelTextColor:[{...ii,property:"color"},{...ai,property:"color"},{...ii,property:"-webkit-text-fill-color"},{...ai,property:"-webkit-text-fill-color"}],hostWidth:{...oi,property:"width"},hostMinWidth:{...oi,property:"min-width"},hostDirection:{...oi,property:"direction"},inputDirection:{...li,property:"direction"},inputBackgroundColor:[{...si,property:"background-color"},{...di,property:"background-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"},helperTextColor:{...ci,property:"-webkit-text-fill-color"},inputValueTextColor:[{...si,property:"color"},{...hi,property:"-webkit-text-fill-color"},{...bi,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...li,property:"caret-color"},{...gi,property:"caret-color"}],labelRequiredIndicator:{...ai,property:"content"},inputBorderColor:{...si,property:"border-color"},inputBorderWidth:{...si,property:"border-width"},inputBorderStyle:{...si,property:"border-style"},inputBorderRadius:{...si,property:"border-radius"},inputHeight:{...si,property:"height"},inputHorizontalPadding:[{...li,property:"padding-left"},{...li,property:"padding-right"},{...gi,property:"padding-left"},{...gi,property:"padding-right"}],inputOutlineColor:{...si,property:"outline-color"},inputOutlineStyle:{...si,property:"outline-style"},inputOutlineWidth:{...si,property:"outline-width"},inputOutlineOffset:{...si,property:"outline-offset"},textAlign:{},inputTextAlign:[{...li,property:"text-align"},{...gi,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...yi,property:"color"},{...ni,property:"color"},{...ui,property:"-webkit-text-fill-color"},{...fi,property:"-webkit-text-fill-color"}],labelPosition:{...ii,property:"position"},labelTopPosition:{...ii,property:"top"},labelHorizontalPosition:[{...ii,property:"left"},{...ii,property:"right"}],inputTransformY:{...ii,property:"transform"},inputTransition:{...ii,property:"transition"},marginInlineStart:{...ii,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...yi,property:"opacity"}],inputVerticalAlignment:[{...si,property:"align-items"},{...gi,property:"align-items"}],valueInputHeight:[{...li,property:"height"},{...gi,property:"height"}],valueInputMarginBottom:[{...li,property:"margin-bottom"},{...gi,property:"margin-bottom"}],inputIconOffset:[{...mi,property:"margin-right"},{...mi,property:"margin-left"}],inputIconSize:{...mi,property:"font-size"},inputIconColor:{...mi,property:"color"}};const xi=z("text-field"),Ci=["type","label-type","copy-to-clipboard"],wi=w(Qe({mappings:vi}),Je,ut({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Ke,e=>class extends e{static get observedAttributes(){return Ci.concat(e.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(e){if(!e)return void this.icon?.remove();const t={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},r={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...t}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,r),setTimeout(()=>{Object.assign(this.icon,t)},5e3)})}onLabelClick(){this.focus()}attributeChangedCallback(e,t,r){super.attributeChangeCallback?.(e,t,r),"type"===e&&this.baseElement._setType(r),t!==r&&("label-type"===e?"floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===e&&this.renderCopyToClipboard("true"===r))}})(nt({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(${wi.cssVarList.inputOutlineWidth}) + var(${wi.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      ${Ne("vaadin-text-field")}\n\t\t\t${Se(wi.cssVarList)}\n\t\t\t${Le("vaadin-text-field",wi.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:xi}));customElements.define(xi,wi);class Ii{#R=Object.freeze([]);constructor({id:e,min:t,max:r,placeholder:o},i){this.id=e,this.min=t,this.max=r,this.placeholder=o,this.onChange=i}get data(){return this.#R}set data(e){this.#R=Object.freeze(e),this.onChange?.()}get#Q(){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 t=this.data;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.#Q<this.max?Math.max(this.#Q+(e||1),this.min):this.min)}dec(e){this.replaceValue(this.#Q>this.min?Math.min(this.#Q-(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 Mi=z("date-field"),Si=vt({componentName:Mi,baseSelector:"vaadin-popover"}),Ai=["format","opened","initial-value","readonly","disable-calendar","utc-time"],Ei=["years-range","calendar-months","calendar-weekdays"],Ti=[...Ai,...Ei],ki=wi.cssVarList,{host:zi,input:Li,inputEleRTL:Ni,toggleButton:Di,overlay:Vi,backdrop:Pi}={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)"}},Bi=w(Qe({componentNameOverride:z("input-wrapper")}),Qe({mappings:{iconMargin:{...Di,property:"margin-inline-end"},hostWidth:{...zi,property:"width"},hostDirection:{...zi,property:"direction"},textAlign:{...Li,property:"text-align"},rtlInputDirection:{...Ni,property:ki.inputDirection},rtlInputAlignment:{...Ni,property:ki.inputTextAlign},overlayGap:{property:()=>Bi.cssVarList.overlayGap},overlayBackgroundColor:{property:()=>Bi.cssVarList.overlayBackgroundColor},overlayPadding:{property:()=>Bi.cssVarList.overlayPadding},overlayBoxShadow:{property:()=>Bi.overlayBoxShadow},overlayOutlineWidth:{property:()=>Bi.cssVarList.overlayOutlineWidth},overlayOutlineColor:{property:()=>Bi.cssVarList.overlayOutlineColor},overlayOutlineStyle:{property:()=>Bi.cssVarList.overlayOutlineStyle},errorMessageIcon:{selector:wi.componentName,property:wi.cssVarList.errorMessageIcon},errorMessageIconSize:{selector:wi.componentName,property:wi.cssVarList.errorMessageIconSize},errorMessageIconPadding:{selector:wi.componentName,property:wi.cssVarList.errorMessageIconPadding},errorMessageIconRepeat:{selector:wi.componentName,property:wi.cssVarList.errorMessageIconRepeat},errorMessageIconPosition:{selector:wi.componentName,property:wi.cssVarList.errorMessageIconPosition},errorMessageFontSize:{selector:wi.componentName,property:wi.cssVarList.errorMessageFontSize}}}),mt({name:"overlay",selector:"",mappings:{marginTop:{...Vi,property:"margin-top"},backgroundColor:{...Vi},backdropBackgroundColor:{...Pi,property:"background-color"},backdropPointerEvents:{...Pi,property:"pointer-events"},padding:{...Vi},boxShadow:{...Vi},outlineWidth:{...Vi},outlineColor:{...Vi},outlineStyle:{...Vi}}}),Je,Ke)(class extends Si{epoch="";format=co;selectedCounterIdx=0;updateCountersDisplay(){this.inputElement.value=this.countersValue}updateValue(){if(this.isCountersOutOfRange)this.updateEpoch("");else{const e=Io[this.format].getDate(this.inputElement.value);this.updateEpoch(zo(e,this.isUtcTime))}}onDateCounterChange=()=>{this.updateCountersDisplay(),this.updateValue(),this.#J()};updateEpoch(e){Number.isNaN(e)||!e.toString()?.length?this.epoch="":this.epoch=zo(xo(e,this.isUtcTime),this.isUtcTime)}dateCounters=[new Ii(go,this.onDateCounterChange.bind(this)),new Ii(bo,this.onDateCounterChange.bind(this)),new Ii(yo,this.onDateCounterChange.bind(this))];static get observedAttributes(){return[].concat(Si.observedAttributes||[],Ti)}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    ',Y('\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=Io[this.format].getDate(this.inputElement.value);return Mo(e?.getTime())?e.getTime():null}get sortedCounters(){return this.format.split(uo).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(uo)}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){let t=parseInt(e,10);Number.isNaN(t)?(this.updateEpoch(""),this.resetDateCounters(),this.clearInputEle()):(this.updateEpoch(t),this.updateDateCounters(xo(t)))}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()}#J(){this.inputElement.baseElement.dispatchEvent(new Event("input",{bubbles:!0}))}updateInputDisplay(){this.inputElement.value=Ao(xo(this.countersValue).getTime(),this.format)}init(){super.init?.(),this.updateFormatPattern(),this.initPopover(),this.onDateCounterChange(),this.initInputElement(),setTimeout(()=>{this.#q()},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)),N(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.#K.bind(this),this.baseElement.addEventListener("click",e=>{e.preventDefault(),e.stopPropagation()})}handleSelectAll(){this.isSelectAll&&this.selectFirstCounter()}#X;#K(e){e.firstChild||(this.overlay.positionTarget=this.shadowRoot.querySelector(".toggle-calendar"),e.appendChild(this.#ee()),(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.#te(e),e.style.setProperty("visibility","visible"),this.updateCalendarView(e)},100)}#te(){const e=this.shadowRoot.querySelector("vaadin-popover").shadowRoot;this.#X?.remove();const t=document.body.getBoundingClientRect(),r=this.getBoundingClientRect(),o=this.calendar.getBoundingClientRect(),i=this.isRTL?"right":"left",n=r[i]-o[i],a=o.left,s=t.width-o.right;let l;l=n>0?Math.min(n,s):-1*Math.min(Math.abs(n),a),Y(`\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${l}px);\n      }\n    `,e)}#ee(){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}#q(){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=xo(this.calendar.value);this.value=zo(e,this.isUtcTime),this.getCounterById("year").replaceValue(e.getFullYear()),this.getCounterById("month").replaceValue(e.getMonth()+1),this.getCounterById("day").replaceValue(e.getDate()),this.#J()}this.closePopover()}updateCalendarView(){const e=Mo(xo(this.inputElement.value||"").getTime())&&Io[this.format].validate(this.inputElement.value);this.displayValueEpoch||e?this.calendar.setAttribute("initial-value",Ao(this.displayValueEpoch||this.epoch,po)):(this.calendar.clearValue(),this.calendar.setAttribute("preview",Ao(Eo(),po))),N(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(Io).includes(e)&&(this.format=e,this.updateFormatPattern())}updateFormatPattern(){const e=this.getAttribute("format")||this.format||co;this.setAttribute("type","date"),this.setAttribute("pattern",Io[e].pattern)}parseDigits(e){this.activeCounter.add(e),this.activeCounter.isFull&&this.selectNextCounter(),this.setInputSelectionRange()}getCounterIdx(e){const[t,r]=this.sortedCounters.map(e=>e.length);return[e<=t,e>=t&&e<=t+r+1,e>=t+r+2].indexOf(!0)}setSelectedCounterByCaretPosition(e){this.selectedCounterIdx=this.getCounterIdx(e.target?.selectionStart||this.inputElement.selectionStart)}selectFirstCounter(){this.selectedCounterIdx=0}selectNextCounter(){this.selectedCounterIdx<this.dateCounters.length&&(this.selectedCounterIdx=Math.min(this.selectedCounterIdx+1,2))}selectPrevCounter(){this.selectedCounterIdx>0&&(this.selectedCounterIdx=Math.min(this.selectedCounterIdx-1,1))}setInputSelectionRange(){this.selectedCounterIdx<0||setTimeout(()=>{const e=this.sortedCounters.slice(0,this.selectedCounterIdx).reduce((e,t)=>e+t.length,this.selectedCounterIdx);this.inputElement.setSelectionRange(e,e+this.sortedCounters[this.selectedCounterIdx].length)})}resetDateCounters(){this.dateCounters.forEach(e=>e.clear())}updateDateCounters(e){this.dateCounters.forEach(t=>{switch(t.id){case go.id:t.set(this.isUtcTime?e.getUTCMonth()+1:e.getMonth()+1);break;case yo.id:t.set(this.isUtcTime?e.getUTCFullYear():e.getFullYear());break;case bo.id:t.set(this.isUtcTime?e.getUTCDate():e.getDate())}})}handleKeyboard(e){e.metaKey||e.ctrlKey?"x"===e.key.toLowerCase()&&this.onCut(e):(this.handleSelectAll(),"ArrowUp"===e.key?this.activeCounter.inc():"ArrowDown"===e.key?this.activeCounter.dec():"ArrowRight"===e.key?this.selectNextCounter():"ArrowLeft"===e.key&&this.selectPrevCounter(),this.setInputSelectionRange())}handleNavKeys(e){this.isReadOnly||(this.opened&&this.closePopover(),this.activeCounter&&("deleteContentBackward"===e.inputType&&this.handleBackspace(),this.setInputSelectionRange()))}handleBackspace(){if(this.isSelectAll)return void this.resetToInitialState();const e=this.activeCounter;e.isEmpty?(this.selectPrevCounter(),this.setInputSelectionRange()):e.set(""),setTimeout(()=>{this.updateCountersDisplay(),this.setInputSelectionRange()})}handleMouseCaretPositionChange(e){this.opened||(e.preventDefault(),this.setSelectedCounterByCaretPosition(e),this.setInputSelectionRange())}onInitialValueChange(e){this.value||setTimeout(()=>{Number.isNaN(parseInt(e,10))||(this.value=Number(e))})}togglePopoverAccess(e){e?this.popoverToggleButton.classList.remove("hidden"):this.popoverToggleButton.classList.add("hidden")}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("disable-calendar"===e&&this.togglePopoverAccess("true"!==r),Ai.includes(e)?(r&&"format"===e&&this.onFormatUpdate(r),"initial-value"===e&&this.onInitialValueChange(r)):Ei.includes(e)&&(r?this.calendar?.setAttribute(e,r):this.calendar?.removeAttribute(e)))}isInvalidDate(){const e=this.getCounterById("year"),t=e.numberValue>vo||e.numberValue<fo,r=Object.entries(this.getDateVals()).some(([e,t])=>{const r=this.getCounterById(e);return!t||r.numberValue!==t});return t||r}getValidity(){return this.isRequired&&this.isCountersEmpty?{valueMissing:!0}:this.isCountersOutOfRange||this.isInvalidDate()?{patternMismatch:!0}:{}}getDateVals(){const e={day:"",month:"",year:""};if(Number.isNaN(this.epoch))return e;try{const t=this.isUtcTime?new Date(this.epoch):xo(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.#re(this.countersValue),this.resetToInitialState()):(this.#re(this.activeCounter.stringValue),this.activeCounter.set("")),this.setInputSelectionRange()}#re(e){try{navigator.clipboard.writeText(e)}catch(e){console.error("Failed to copy date value:",e)}}onPaste(e){e.preventDefault();const t=(e.clipboardData||window.clipboardData).getData("Text"),r=((e,t)=>{const r=e.trim?.();return r?Io[t].getDate(r):null})(t,this.format);if(r)this.value=zo(r,this.isUtcTime),this.onDateCounterChange(),setTimeout(()=>this.inputElement.setSelectionRange(0,this.inputElement.value.length));else{const e=Number(t);e&&this.activeCounter.min<=e&&this.activeCounter.max>=e&&(this.activeCounter.set(String(e)),setTimeout(()=>this.setInputSelectionRange()))}}});customElements.define(Mi,Bi);const Ri=$("text");class Oi extends(gr({componentName:Ri,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',Y("\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(),F(this,()=>{const e=!!this.childNodes.length;this.style.display=!e&&this.hideWhenEmpty?"none":""})}}const{host:ji}={host:{selector:()=>":host"}},Fi=B(lr({mappings:{hostWidth:{...ji,property:"width"},hostDirection:{...ji,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),dr,cr)(Oi),Wi=z("divider");class _i extends(ot({componentName:Wi,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",Y("\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"),N(this,this.textComponent,{includeAttrs:["mode","variant","italic"]})}}const $i=Fi.cssVarList,{host:Hi,before:qi,after:Yi,text:Ui}={host:{selector:()=>":host"},before:{selector:"::before"},after:{selector:"::after"},text:{selector:"descope-text"}},Gi=w(Qe({mappings:{hostWidth:{...Hi,property:"width"},hostPadding:{...Hi,property:"padding"},hostDirection:{...Ui,property:"direction"},minHeight:{},alignItems:{},alignSelf:{},flexDirection:{},textAlign:{...Ui,property:$i.textAlign},labelTextWidth:{...Ui,property:"width"},labelTextMaxWidth:{...Ui,property:"max-width"},labelTextVerticalSpacing:[{...Ui,property:"padding-top"},{...Ui,property:"padding-bottom"}],labelTextHorizontalSpacing:[{...Ui,property:"padding-right"},{...Ui,property:"padding-left"}],stripeColor:[{...qi,property:"background-color"},{...Yi,property:"background-color"}],stripeHorizontalThickness:[{...qi,property:"height"},{...Yi,property:"height"}],stripeVerticalThickness:[{...qi,property:"width"},{...Yi,property:"width"}],stripeColorOpacity:[{...qi,property:"opacity"},{...Yi,property:"opacity"}]}}),Je,Ke)(_i);customElements.define(Ri,Fi),customElements.define(Wi,Gi);const Zi=z("email-field"),Qi=w(Qe({mappings:vi}),Je,yt({inputType:"email",inputName:"email",autocompleteType:"username",includeAttrs:["disabled","readonly","pattern"]}),ut({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Ke,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()}})(nt({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(${Qi.cssVarList.inputOutlineWidth}) + var(${Qi.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      ${Ne("vaadin-email-field")}\n\t\t\t${Se(Qi.cssVarList)}\n\t\t\t${Le("vaadin-email-field",Qi.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:Zi}));customElements.define(Zi,Qi);const Ji=({componentName:e,varName:t,fallbackVarName:r})=>{let o;class i extends(ot({componentName:e,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t\t<div></div>\n\t\t\t",Y(`\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\t${o}\n\t\t\t\t}\n        `,this)}}const n=w(Qe({mappings:{height:{selector:()=>":host > div"},width:{selector:()=>":host > div"},[t]:{property:"content"},[r]:{property:"content"}}}),Je,Ke)(i);return o=`content: var(${n.cssVarList[t]}, var(${n.cssVarList[r]}));`,n},Ki=z("logo"),Xi=Ji({componentName:Ki,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(Ki,Xi);const en=z("totp-image"),tn=Ji({componentName:en,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(en,tn);const rn=z("notp-image"),on=Ji({componentName:rn,varName:"url",fallbackVarName:"fallbackUrl"});customElements.define(rn,on);const nn=z("number-field"),an=w(Qe({mappings:vi}),Je,ut({proxyProps:["value","selectionStart"]}),Ke)(nt({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(${an.cssVarList.inputOutlineWidth}) + var(${an.cssVarList.inputOutlineOffset}));\n\t\t\t}\n      ${Ne("vaadin-number-field")}\n\t\t\t${Se(an.cssVarList)}\n\t\t\t${Le("vaadin-number-field",an.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:nn}));customElements.define(nn,an);const sn="--descope-input-mask-content",ln="--descope-input-mask-display",dn="--descope-input-mask-fallback",cn=e=>{e?.focus(),e?.setSelectionRange?.(1,1)},pn=e=>e.replace(/\D/g,"")||"",un=(e,t)=>{t?(e.style.setProperty(sn,`"${t}"`),e.style.setProperty(ln,"flex")):(e.style.removeProperty(sn),e.style.removeProperty(ln))},hn=z("passcode-internal"),mn=["digits","loading"],gn=["disabled","bordered","size","invalid","readonly","aria-labelledby"],bn=vt({componentName:hn,baseSelector:"div"}),yn=z("passcode"),fn=["digits"],{host:vn,digitField:xn,label:Cn,requiredIndicator:wn,internalWrapper:In,focusedDigitField:Mn,errorMessage:Sn}={host:{selector:()=>":host"},focusedDigitField:{selector:()=>`${wi.componentName}[focused="true"]`},digitField:{selector:()=>wi.componentName},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},internalWrapper:{selector:"descope-passcode-internal .wrapper"},errorMessage:{selector:"::part(error-message)"}},An=wi.cssVarList,En=Kt.cssVarList,Tn=w(Qe({mappings:{fontSize:[{...xn,property:An.fontSize},vn],hostWidth:{property:"width"},hostDirection:{...vn,property:"direction"},fontFamily:[vn,{...Cn}],labelTextColor:[{...Cn,property:"color"},{...Cn,property:"-webkit-text-fill-color"},{...wn,property:"color"},{...wn,property:"-webkit-text-fill-color"}],labelRequiredIndicator:{...wn,property:"content"},errorMessageTextColor:{...Sn,property:"color"},errorMessageIcon:{...Sn,property:"background-image"},errorMessageIconSize:{...Sn,property:"background-size"},errorMessageIconPadding:{...Sn,property:"padding-inline-start"},errorMessageIconRepeat:{...Sn,property:"background-repeat"},errorMessageIconPosition:{...Sn,property:"background-position"},errorMessageFontSize:{...Sn,property:"font-size"},digitValueTextColor:{selector:wi.componentName,property:An.inputValueTextColor},digitSize:[{...xn,property:"height"},{...xn,property:"width"}],digitPadding:{...xn,property:An.inputHorizontalPadding},digitTextAlign:{...xn,property:An.inputTextAlign},digitCaretTextColor:{...xn,property:An.inputCaretTextColor},digitSpacing:{...In,property:"gap"},digitOutlineColor:{...xn,property:An.inputOutlineColor},digitOutlineWidth:{...xn,property:An.inputOutlineWidth},focusedDigitFieldOutlineColor:{...Mn,property:An.inputOutlineColor},overlayOpacity:{...In,property:"opacity"},spinnerSize:{selector:Kt.componentName,property:En.spinnerSize}}}),Je,ft,ut({proxyProps:["value","selectionStart"]}),Ke,e=>class extends e{static get observedAttributes(){return fn.concat(e.observedAttributes||[])}get digits(){return Number.parseInt(this.getAttribute("digits"),10)||6}init(){super.init?.(),Y("\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      <${hn}\n        bordered="true"\n        name="code"\n        tabindex="-1"\n        slot="input"\n        role="textbox"\n      ><slot></slot></${hn}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(hn),N(this,this.inputElement,{includeAttrs:["digits","size","loading","disabled"]})}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"digits"===e&&(this.style["--passcode-digits-count"]=r)}})(nt({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(${An.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      ${Ne("vaadin-text-field")}\n\t\t\t${Te("vaadin-text-field")}\n    \t`,excludeAttrsSync:["tabindex","style"],componentName:yn}));customElements.define(hn,class extends bn{static get observedAttributes(){return mn.concat(bn.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],pn(e))}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:this.pattern&&!new RegExp(this.pattern).test(this.value)?{patternMismatch:!0}:{}}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.inputs[0].focus()}),super.init?.(),this.renderInputs()}getInputIdx(e){return Number.parseInt(e.getAttribute("data-id"),10)}getNextInput(e){const t=this.getInputIdx(e),r=Math.min(t+1,this.inputs.length-1);return this.inputs[r]}getPrevInput(e){const t=this.getInputIdx(e),r=Math.max(t-1,0);return this.inputs[r]}fillDigits(e,t){for(let r=0;r<e.length;r+=1){t.value=e[r]??"";const o=this.getNextInput(t);if(o===t)break;t=o}cn(t)}parseInputValue(e,t=""){const r=t.split("");r.length?this.fillDigits(r,e):e.value=""}initInputs(){this.inputs.forEach(e=>{Y(`\n        vaadin-text-field::part(input-field)::before {\n          ${dn}: '';\n          content: var(${sn}, var(${dn}));\n          position: absolute;\n          width: 100%;\n          height: 100%;\n          display: var(${ln}, none);\n          align-items: center;\n          justify-content: center;\n        }`,e);const t=i()(t=>{this.parseInputValue(e,t),un(e)},0,{trailing:!0});e.addEventListener("input",r=>{e.value=pn(e.value),e.value&&un(e,e.value[0]),setTimeout(()=>{"deleteContentBackward"===r?.inputType&&cn(this.getPrevInput(e))}),t(e.value)}),e.onkeydown=({key:t})=>{"Backspace"===t?e.value?e.setSelectionRange(1,1):setTimeout(()=>cn(this.getPrevInput(e)),0):1===t.length&&(e.value="")},N(this,e,{includeAttrs:gn}),e.shadowRoot.querySelector("input").setAttribute("aria-label","passcode digit")}),this.handleFocusEventsDispatching(this.inputs),this.handleInputEventDispatching()}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&mn.includes(e)&&("digits"===e&&this.renderInputs(),"loading"===e&&this.handleLoadingState("true"===r))}get pattern(){return`^$|^\\d{${this.digits},}$`}}),customElements.define(yn,Tn);const kn=z("password"),{host:zn,inputField:Ln,inputElement:Nn,inputElementPlaceholder:Dn,revealButtonContainer:Vn,revealButtonIcon:Pn,label:Bn,requiredIndicator:Rn,errorMessage:On,helperText:jn}={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)"}},Fn=w(Qe({mappings:{hostWidth:{...zn,property:"width"},hostMinWidth:{...zn,property:"min-width"},hostDirection:{...zn,property:"direction"},fontSize:[{},zn],fontFamily:[Bn,Ln,On,jn],inputHeight:{...Ln,property:"height"},inputHorizontalPadding:[{...Nn,property:"padding-left"},{...Nn,property:"padding-right"}],inputBackgroundColor:{...Ln,property:"background-color"},inputBorderStyle:{...Ln,property:"border-style"},inputBorderWidth:{...Ln,property:"border-width"},inputBorderColor:{...Ln,property:"border-color"},inputBorderRadius:{...Ln,property:"border-radius"},inputOutlineColor:{...Ln,property:"outline-color"},inputOutlineStyle:{...Ln,property:"outline-style"},inputOutlineOffset:{...Ln,property:"outline-offset"},inputOutlineWidth:{...Ln,property:"outline-width"},labelFontSize:{...Bn,property:"font-size"},labelFontWeight:{...Bn,property:"font-weight"},labelTextColor:[{...Bn,property:"color"},{...Bn,property:"-webkit-text-fill-color"},{...Rn,property:"color"},{...Rn,property:"-webkit-text-fill-color"}],labelRequiredIndicator:{...Rn,property:"content"},errorMessageTextColor:{...On,property:"color"},errorMessageIcon:{...On,property:"background-image"},errorMessageIconSize:{...On,property:"background-size"},errorMessageIconPadding:{...On,property:"padding-inline-start"},errorMessageIconRepeat:{...On,property:"background-repeat"},errorMessageIconPosition:{...On,property:"background-position"},errorMessageFontSize:{...On,property:"font-size"},inputPlaceholderTextColor:[{...Dn,property:"color"},{selector:()=>":host ::slotted(input:placeholder-shown)",property:"color"}],inputValueTextColor:[{...Nn,property:"color"},{selector:()=>":host ::slotted(input)",property:"color"}],revealButtonOffset:[{...Vn,property:"margin-right"},{...Vn,property:"margin-left"}],revealButtonSize:{...Vn,property:"font-size"},revealButtonColor:{...Pn,property:"color"},labelPosition:{...Bn,property:"position"},labelTopPosition:{...Bn,property:"top"},labelHorizontalPosition:[{...Bn,property:"left"},{...Bn,property:"right"}],inputTransformY:{...Bn,property:"transform"},inputTransition:{...Bn,property:"transition"},marginInlineStart:{...Bn,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...Nn,property:"opacity"}],inputVerticalAlignment:{...Ln,property:"align-items"},valueInputHeight:{...Nn,property:"height"}}}),Je,yt({inputType:"password",inputName:"password",includeAttrs:["disabled","readonly","pattern","type","autocomplete"],noBlurDispatch:!0}),ut({proxyProps:["value","selectionStart"],useProxyTargets:!0}),Ke,e=>class extends e{get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}init(){super.init?.();const e=this.querySelector("input");e?.addEventListener("mousedown",t=>{if(this.isDraggable&&this.isReadOnly){e.setAttribute("inert","true");const r=t.target,o=r.getAttribute("type");r.setAttribute("type","text"),setTimeout(()=>{r.focus()});const i=t=>{r.setAttribute("type",o),e.removeAttribute("inert"),this.removeEventListener("mouseup",i),this.removeEventListener("dragend",i)};this.addEventListener("dragend",i,{once:!0}),this.addEventListener("mouseup",i,{once:!0})}})}},e=>class extends e{static get observedAttributes(){return["manual-visibility-toggle"]}get manualToggleVisibility(){return"true"===this.getAttribute("manual-visibility-toggle")}init(){super.init?.(),this.handleCaretOnVisibilityChange(),this.origSetPasswordVisible=this.baseElement._setPasswordVisible,this.origSetFocused=this.baseElement._setFocused,this.baseElement._setFocused=this.setFocus.bind(this),this.initExternalInput()}initExternalInput(){const e=this.createExternalInput();e&&this.handlePasswordVisibility(e)}get caretPosition(){return this.value?.length||0}handleCaretOnVisibilityChange(){const e=this.baseElement._togglePasswordVisibility.bind(this.baseElement);this.baseElement._togglePasswordVisibility=()=>{setTimeout(()=>(e(),this.inputElement.setSelectionRange(this.caretPosition,this.caretPosition),!1))}}setFocus(e){this.manualToggleVisibility&&(this.baseElement._setPasswordVisible=()=>{}),this.origSetFocused.call(this.baseElement,e),this.baseElement._setPasswordVisible=this.origSetPasswordVisible.bind(this.baseElement)}resetPasswordVisibilityToggle(){this.baseElement._setPasswordVisible=this.origSetPasswordVisible,this.baseElement._setFocused=this.origSetFocus}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r)}handlePasswordVisibility(e){const t=this.baseElement.__boundRevealButtonMouseDown;this.baseElement.querySelector("vaadin-password-field-button").removeEventListener("mousedown",t),this.baseElement._passwordVisibleChanged=()=>{},this.baseElement._togglePasswordVisibility=()=>{"password"===e.getAttribute("type")?this.showPasswordVisibility(e):this.hidePasswordVisibility(e)}}showPasswordVisibility(e){e.setAttribute("type","text"),this.setAttribute("password-visible","true")}hidePasswordVisibility(e){e.setAttribute("type","password"),this.setAttribute("password-visible","false")}})(nt({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${Se(Fn.cssVarList)}\n\t\t\t${Te("vaadin-password-field")}\n      ${Ne("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(${Fn.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:kn}));customElements.define(kn,Fn);const Wn=z("text-area"),{host:_n,label:$n,placeholder:Hn,inputField:qn,textArea:Yn,requiredIndicator:Un,helperText:Gn,errorMessage:Zn}={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)"}},Qn=w(Qe({mappings:{hostWidth:{..._n,property:"width"},hostMinWidth:{..._n,property:"min-width"},hostDirection:{..._n,property:"direction"},fontSize:[_n,Yn],fontFamily:[$n,qn,Gn,Zn],labelTextColor:[{...$n,property:"color"},{...$n,property:"-webkit-text-fill-color"},{...Un,property:"color"}],labelRequiredIndicator:{...Un,property:"content"},errorMessageTextColor:{...Zn,property:"color"},errorMessageIcon:{...Zn,property:"background-image"},errorMessageIconSize:{...Zn,property:"background-size"},errorMessageIconPadding:{...Zn,property:"padding-inline-start"},errorMessageIconRepeat:{...Zn,property:"background-repeat"},errorMessageIconPosition:{...Zn,property:"background-position"},errorMessageFontSize:{...Zn,property:"font-size"},inputBackgroundColor:{...qn,property:"background-color"},inputValueTextColor:{...Yn,property:"color"},inputPlaceholderTextColor:{...Hn,property:"color"},inputBorderWidth:{...qn,property:"border-width"},inputBorderStyle:{...qn,property:"border-style"},inputBorderColor:{...qn,property:"border-color"},inputBorderRadius:{...qn,property:"border-radius"},inputOutlineStyle:{...qn,property:"outline-Style"},inputOutlineColor:{...qn,property:"outline-color"},inputOutlineOffset:{...qn,property:"outline-offset"},inputOutlineWidth:{...qn,property:"outline-width"},inputResizeType:{...Yn,property:"resize"},inputMinHeight:{...Yn,property:"min-height"},inputTextAlign:{...Yn,property:"text-align"}}}),Je,ut({proxyProps:["value","selectionStart"]}),Ke)(nt({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      ${Ne("vaadin-text-area")}\n\t\t\t${Se(Qn.cssVarList)}\n\t\t\t${Ae("vaadin-text-area")}\n\t\t\t${Ee("vaadin-text-area")}\n\t\t\t${ke("vaadin-text-area","textarea")}\n\t\t\t${Te("vaadin-text-area")}\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:Wn}));customElements.define(Wn,Qn);var Jn=[{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:"+595",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 Kn=({code:e,dialCode:t,name:r})=>`\n\t<div\n\t\tdata-id="${t}"\n\t\tdata-name="${e} ${t} ${r}"\n\t\tdata-country-code="${e}"\n\t>\n\t\t<div>\n\t\t\t<span>\n\t\t\t\t<img src="${(e=>`https://static.descope.com/npm/svg-country-flags@1.2.10/svg/${e.toLowerCase()}.svg`)(e)}" width="20"/>\n\t\t\t</span>\n\t\t\t<span>${r}</span>\n\t\t</div>\n\t\t<div>\n\t\t\t<span>${e}</span>\n\t\t\t<span>${t}</span>\n\t\t</div>\n\t</div>\n`,Xn=e=>{const t=e||"";let r="",o="";const i=(0,c.l)(t);if(i)i.countryCallingCode&&(r=`+${i.countryCallingCode}`),i.nationalNumber&&(o=i.nationalNumber);else{const[e,i]=t.split("-");r=e||"",o=i||""}return[r,o]},ea=z("phone-field-internal"),ta=["disabled","size","bordered","readonly"],ra=["country-input-placeholder","default-code","restrict-countries"],oa=["phone-input-placeholder","maxlength","autocomplete","name"],ia=["label-type","country-input-label","label"],na={"country-input-label":"label","country-input-placeholder":"placeholder","phone-input-placeholder":"placeholder"},aa=[].concat(ta,ra,oa,ia),sa=vt({componentName:ea,baseSelector:"div"});customElements.define(ea,class extends sa{static get observedAttributes(){return[].concat(sa.observedAttributes||[],aa)}#oe;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      ${Jn.map(e=>Kn(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],N(this,this.comboBox,{includeAttrs:["label-type"]}),N(this,this.textField,{includeAttrs:["label-type","required"]}),this.comboBox.customValueTransformFn=e=>{const[,t]=e?.split?.(" ")||[];return t}}get countryCodeInputData(){return this.comboBox.items}get countryCodeValue(){return this.comboBox.shadowRoot.querySelector("input").value}get phoneNumberInputEle(){return this.textField.shadowRoot.querySelector("input")}get allowAlphanumericInput(){return"true"===this.getAttribute("allow-alphanumeric-input")}get defaultCode(){return this.getAttribute("default-code")}get selectionStart(){return this.textField.selectionStart}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get selectedCountryCode(){return this.comboBox?.selectedItem?.getAttribute("data-country-code")}get restrictCountries(){const e=this.getAttribute("restrict-countries");return e?.split(",").filter(Boolean)||[]}get isFormatValue(){return"true"===this.getAttribute("format-value")}get isStrictValidation(){return"true"===this.getAttribute("strict-validation")}get value(){if(!this.comboBox.value||!this.textField.value)return"";const[e,t]=Xn(`${this.comboBox.value}-${this.textField.value}`);return`${e||this.comboBox.value}-${t||this.textField.value}`}set value(e){const[t,r]=Xn(e);this.#ie(t),this.#ne(r)}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.inputs[1].focus()}),super.init?.(),this.#ae()}getValidity(){const e=this.comboBox.value,t=this.textField.value,r=!e||!t,o=t&&t.length>=this.minLength;if(this.isRequired&&r)return{valueMissing:!0};if(this.value){if(!o)return{tooShort:!0};if(this.isStrictValidation&&!this.#se())return{patternMismatch:!0}}return{}}setSelectionRange(...e){this.textField.setSelectionRange(...e)}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),t!==r){if("default-code"===e&&r)this.#le(r);else if(aa.includes(e)){const t=na[e]||e;ta.includes(e)?this.inputs.forEach(e=>e.setAttribute(t,r)):ra.includes(e)?this.comboBox.setAttribute(t,r):oa.includes(e)&&this.textField.setAttribute(t,r)}ia.includes(e)&&this.#de(e,r),"restrict-countries"===e&&this.#ce(this.restrictCountries)}}#ae(){this.textField.addEventListener("input",e=>{if(!this.allowAlphanumericInput){const t=/^\d$/,r=e.target.value.split("").filter(e=>t.test(e)).join("");e.target.value=r}}),this.handleFocusEventsDispatching(this.inputs),this.handleInputEventDispatching(),this.addEventListener("input",this.#pe.bind(this))}#ie(e){if(!e||e===this.selectedCountryCode)return;let t;if(this.value){const r=this.#ue(`${e}-${this.textField.value}`);t=this.#he(r)}t||(t=this.#me(e)),this.comboBox.selectedItem=t}#ne(e){this.isFormatValue&&(e=this.#ge(e)),this.textField.value!==e&&(this.textField.value=e)}#ge(e=""){return this.#oe&&this.#oe.country===this.selectedCountryCode||(this.#oe=new p.Q(this.selectedCountryCode)),this.#oe.reset(),this.#oe.input(e)||e}#se(){const e=(0,c.l)(this.value);return!!(e&&e.isValid?.()&&e.country&&this.#be(e.country))}#be(e){return!this.restrictCountries.length||this.restrictCountries.includes(e)}#me(e){return this.comboBox.items?.find(t=>t.getAttribute("data-id")===e)||void 0}#he(e){return this.comboBox.items?.find(t=>t.getAttribute("data-country-code")===e)}#ue(e){if(!e)return;const t=(0,c.l)(e);if(!t?.country)return;const r=this.#he(t.country);return r?.getAttribute("data-country-code")}#ce(e){const t=e.length?Jn.filter(t=>e.includes(t.code)):Jn;this.querySelector("descope-combo-box").innerHTML=t.map(e=>Kn(e)).join("")}#le(e){if(!this.comboBox.value){const t=this.#he(e);t&&setTimeout(()=>{this.comboBox.selectedItem=t})}}#pe(){if(!this.value)return;const e=this.#ue(this.value);if(e&&this.selectedCountryCode!==e){const t=this.#he(e);t&&(this.comboBox.selectedItem=t)}}#de(e,t){const r=na[e]||e;"label-type"===e?this.#ye(t):"floating"===this.getAttribute("label-type")&&("country-input-label"===e?this.comboBox.setAttribute(r,t):"label"===e&&this.textField.setAttribute(r,t))}#ye(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 la=wi.cssVarList,da=Yr.cssVarList,ca=z("phone-field"),{host:pa,label:ua,requiredIndicator:ha,inputField:ma,internalAfter:ga,countryCodeInput:ba,phoneInput:ya,separator:fa,errorMessage:va,helperText:xa}={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)"}},Ca=w(Qe({mappings:{fontSize:[pa,ma,{selector:wi.componentName,property:wi.cssVarList.fontSize},{selector:Yr.componentName,property:Yr.cssVarList.fontSize}],fontFamily:[ua,va,xa,{...ba,property:Yr.cssVarList.overlay.fontFamily}],hostWidth:[{...pa,property:"width"},{...ya,property:"width"},{...ba,property:"--vaadin-combo-box-overlay-width"}],hostDirection:{...pa,property:"direction"},inputBorderStyle:[{...ga,property:"border-style"},{...fa,property:"border-left-style"}],inputBorderWidth:[{...ga,property:"border-width"},{...fa,property:"border-left-width"}],inputBorderColor:[{...ga,property:"border-color"},{...fa,property:"border-left-color"}],inputBorderRadius:[{...ma,property:"border-radius"},{...ga,property:"border-radius"}],countryCodeInputWidth:{...ba,property:da.hostWidth},countryCodeDropdownWidth:{...ba,property:"--vaadin-combo-box-overlay-width"},phoneInputWidth:{...ya,property:"width"},horizontalPadding:[{...ya,property:"padding-left"},{...ya,property:"padding-right"},{...ba,property:"padding-left"},{...ba,property:"padding-right"}],labelTextColor:[{...ua,property:"color"},{...ua,property:"-webkit-text-fill-color"},{...ha,property:"color"}],labelRequiredIndicator:{...ha,property:"content"},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"},inputValueTextColor:[{...ya,property:la.inputValueTextColor},{...ba,property:da.inputValueTextColor}],inputPlaceholderTextColor:{...ya,property:la.inputPlaceholderColor},overlayItemBackgroundColor:{selector:"descope-combo-box",property:da.overlayItemBackgroundColor},inputOutlineStyle:{...ma,property:"outline-style"},inputOutlineColor:{...ma,property:"outline-color"},inputOutlineWidth:{...ma,property:"outline-width"},inputOutlineOffset:{...ma,property:"outline-offset"},valueInputHeight:[{...ba,property:da.valueInputHeight}],valueInputMarginBottom:[{...ya,property:la.valueInputMarginBottom}],marginInlineStart:[{...ya,property:la.marginInlineStart},{...ba,property:da.marginInlineStart}]}}),Je,ft,ut({proxyProps:["value","selectionStart"]}),e=>class extends e{static get CountryCodes(){return Jn}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${ea}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${ea}>\n      \t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(ea),N(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","bordered","minlength","maxlength","default-code","country-input-placeholder","phone-input-placeholder","disabled","restrict-countries","country-input-label","readonly","label","label-type","allow-alphanumeric-input","format-value","strict-validation"]})}get countryCodeItems(){return this.inputElement?.countryCodeValue}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}get countryCodeInputData(){return this.inputElement?.countryCodeInputData}get countryCodes(){return Array.from(this.inputElement.countryCodeInputData).map(e=>e.getAttribute("data-country-code"))}})(nt({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${Se(Ca.cssVarList)}\n\t\t\t${Te("vaadin-text-field")}\n\t\t\t${ze("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(${Ca.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${da.inputOutlineWidth}: 0;\n\t\t\t\t${da.inputOutlineOffset}: 0;\n\t\t\t\t${da.inputBorderWidth}: 0;\n\t\t\t\t${da.inputBorderRadius}: 0;\n\t\t\t}\n\t\t\tdescope-text-field {\n\t\t\t\tflex-grow: 1;\n\t\t\t\t${la.inputOutlineWidth}: 0;\n\t\t\t\t${la.inputOutlineOffset}: 0;\n\t\t\t\t${la.inputBorderWidth}: 0;\n\t\t\t\t${la.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      ${Ne("vaadin-text-field")}\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:ca}));customElements.define(ca,Ca);const wa=z("phone-field-internal-input-box"),Ia=["disabled","size","readonly","phone-input-placeholder","name","maxlength","autocomplete","label-type"],Ma={"phone-input-placeholder":"placeholder"},Sa=vt({componentName:wa,baseSelector:"div"});customElements.define(wa,class extends Sa{static get observedAttributes(){return[].concat(Sa.observedAttributes||[],Ia)}#oe;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"),Jn.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.#fe();const e=this.#ve();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.#xe.bind(this)),this.handleFocusEventsDispatching([this.textField])}getValidity(){const e=/^\+?\d{1,4}-?(?:\d-?){1,15}$/,t=this.#Ce(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.#se()||!this.isStrictValidation&&this.textField.value&&!e.test(this.value))return{patternMismatch:!0}}return{}}setSelectionRange(...e){this.textField.setSelectionRange(...e)}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback(e,t,r),t!==r&&Ia.includes(e)){const t=Ma[e]||e;this.textField.setAttribute(t,r)}}#xe(e){let t=this.#we(e.target.value);this.isFormatValue&&this.#Ie(t)&&(t=this.#Me(t)),e.target.value=t}#fe(){if(!this.defaultDialCode)return this.textField.value;const e=this.#Se(this.textField.value),t=this.#Ce(e);return[this.defaultDialCode,t].join("-")}#ve(){return this.defaultDialCode?(0,c.l)([this.defaultDialCode,this.#Ce(this.textField.value)].filter(Boolean).join("")):(0,c.l)(this.textField.value)}#Ce(e){return e.replace(/\D/g,"")}#Se(e){if("+"===this.textField.value?.[0]){const t=new RegExp(`^\\${this.defaultDialCode}`);return e.replace(t,"")}return e}#se(){const e=(0,c.l)(this.value);return!(!e||!e.isValid?.()||!e.country||!this.#be(e.country)||this.defaultCode&&this.defaultCode!==e.country)}#be(e){return!this.restrictCountries.length||this.restrictCountries.includes(e)}#we(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}#Me(e=""){const t=this.defaultCode||this.#Ae(e);return t?(this.#oe&&this.#oe.country===t||(this.#oe=new p.Q(t)),this.#oe.reset(),this.#oe.input(e)||e):e}#Ae(e){const t=(0,c.l)(e);return t?.country||""}#Ie(e){return!!(e=>{const t=e.match(/\(/g),r=e.match(/\)/g);return t?.length===r?.length})(e)}});const Aa=wi.cssVarList,Ea=z("phone-input-box-field"),{host:Ta,label:ka,inputElement:za,requiredIndicator:La,inputField:Na,internalComponent:Da,internalComponentAfter:Va,phoneInput:Pa,errorMessage:Ba,helperText:Ra}={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)"}},Oa=w(Qe({mappings:{fontSize:[Ta,Na,{selector:wi.componentName,property:wi.cssVarList.fontSize}],fontFamily:[ka,Ba,Ra],hostWidth:{...Ta,property:"width"},hostMinWidth:{...Ta,property:"min-width"},hostDirection:{...Ta,property:"direction"},inputHorizontalPadding:[{...Pa,property:"padding-left"},{...Pa,property:"padding-right"}],labelFontSize:{...ka,property:"font-size"},labelFontWeight:{...ka,property:"font-weight"},labelTextColor:[{...ka,property:"color"},{...ka,property:"-webkit-text-fill-color"},{...La,property:"color"}],labelRequiredIndicator:{...La,property:"content"},errorMessageTextColor:{...Ba,property:"color"},errorMessageIcon:{...Ba,property:"background-image"},errorMessageIconSize:{...Ba,property:"background-size"},errorMessageIconPadding:{...Ba,property:"padding-inline-start"},errorMessageIconRepeat:{...Ba,property:"background-repeat"},errorMessageIconPosition:{...Ba,property:"background-position"},errorMessageFontSize:{...Ba,property:"font-size"},inputValueTextColor:{...Pa,property:Aa.inputValueTextColor},inputPlaceholderTextColor:{...Pa,property:Aa.inputPlaceholderColor},inputBorderStyle:{...Va,property:"border-style"},inputBorderWidth:{...Va,property:"border-width"},inputBorderColor:{...Va,property:"border-color"},inputBorderRadius:[{...Da,property:"border-radius"},{...Va,property:"border-radius"}],inputOutlineStyle:{...Da,property:"outline-style"},inputOutlineColor:{...Da,property:"outline-color"},inputOutlineWidth:{...Da,property:"outline-width"},inputOutlineOffset:{...Da,property:"outline-offset"},labelPosition:{...ka,property:"position"},labelTopPosition:{...ka,property:"top"},labelHorizontalPosition:[{...ka,property:"left"},{...ka,property:"right"}],inputTransformY:{...ka,property:"transform"},inputTransition:{...ka,property:"transition"},marginInlineStart:{...ka,property:"margin-inline-start"},valueInputHeight:{...za,property:"height"},valueInputMarginBottom:{selector:wi.componentName,property:Aa.valueInputMarginBottom}}}),Je,ft,ut({proxyProps:["value","selectionStart"]}),e=>class extends e{static get CountryCodes(){return Jn}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${wa}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${wa}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(wa),N(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","minlength","maxlength","default-code","disabled","phone-input-placeholder","label","label-type","allow-alphanumeric-input","restrict-countries","format-value","strict-validation","data-errormessage-type-mismatch"]})}get phoneNumberInputEle(){return this.inputElement?.phoneNumberInputEle}})(nt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n    :host {\n      display: inline-flex;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n    ${Se(Oa.cssVarList)}\n    ${Te("vaadin-text-field")}\n    ${ze("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      ${Aa.inputOutlineWidth}: 0;\n      ${Aa.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    ${Ne("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:Ea}));customElements.define(Ea,Oa);const ja=z("new-password-internal"),Fa=(e,t)=>e.replace(/{{(\w+)+}}/g,(e,r)=>t?.[r]||e),Wa=z("policy-validation"),_a=["data","active-policies","overrides","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","data-password-policy-actual-passwordstrength"],$a=["label","value",..._a];class Ha extends(ot({componentName:Wa,baseSelector:":host > div"})){#Ee;#Te=[];#ke;static get observedAttributes(){return $a}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div>\n      <div class="label"></div>\n      <ul></ul>\n    </div>\n\t\t',Y("\n      :host > div {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n      }\n      .label {\n        max-width: 100%;\n        text-wrap: wrap;\n        overflow-wrap: break-word;\n      }\n      .hide-label .label {\n        display: none;\n      }\n      ul {\n        display: flex;\n        flex-direction: column;\n        padding: 0;\n        margin: 0;\n      }\n      ul, li {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n      }\n      li::before {\n        display: inline-block;\n        width: 1em;\n        text-align: center;\n      }\n        ",this),this.panel=this.shadowRoot.querySelector(":host > div"),this.label=this.shadowRoot.querySelector(".label"),this.list=this.shadowRoot.querySelector("ul")}attributeChangedCallback(e,t,r){if(super.attributeChangedCallback?.(e,t,r),t!==r){if("label"===e&&this.updateLabel(r),_a.includes(e)){if("data"===e)try{this.availablePolicies=JSON.parse(r)}catch{console.error("Failed to set available policies")}if("active-policies"===e&&(this.#Te=(r||"").split(",")),"data-password-policy-value-minlength"===e){const e=Number(r);!Number.isNaN(e)&&e>0&&(this.#ke={...this.#ke,minlength:{value:`${e}`}})}if("data-password-policy-value-passwordstrength"===e){const e=parseInt(r);!Number.isNaN(e)&&e>=0&&(this.#ke={...this.#ke,passwordstrength:{...this.#ke?.passwordstrength,expected:e}})}if("data-password-policy-actual-passwordstrength"===e){const e=Number(r);!Number.isNaN(e)&&e>=0&&(this.#ke={...this.#ke,passwordstrength:{...this.#ke?.passwordstrength,actual:e}})}}this.renderItems(this.#Ee,this.#Te,this.#ke)}}get availablePolicies(){return this.#Ee||[]}set availablePolicies(e){this.#Ee=e}get value(){return this.getAttribute("value")||""}getStrengthScore(){return this.value.length}compareValues(e,t,r){switch(e.toUpperCase()){case"GTE":return r>=t;case"GT":return r>t;case"LTE":return r<=t;case"LT":return r<t;case"EQ":return r===t;case"NEQ":return r!==t;default:throw new Error(`Invalid comparison type: ${e}`)}}validate(){let e=this.#Ee;return this.#ke&&(e=this.#Ee.map(e=>{const t=this.#ke[e.id];return t?{...e,data:t}:e})),this.#Te.reduce((t,r)=>{const o=e.find(e=>e.id===r);if(!o)return t;const{pattern:i,message:n,data:a,compare:s}=o;if(!i&&!s||!n)return t;const l={message:Fa(n,a),id:r};if(i){const e=new RegExp(Fa(i,a));l.valid=e.test(this.value)}else s&&(l.valid=this.compareValues(s,a?.expected??-1,a?.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:qa,item:Ya,symbolDefault:Ua,symbolSuccess:Ga,symbolError:Za}={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'}},Qa=w(Qe({componentNameOverride:z("input-wrapper")}),Qe({mappings:{hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},padding:{},borderWidth:{...qa,property:"border-width"},borderStyle:{...qa,property:"border-style"},borderColor:{...qa,property:"border-color"},borderRadius:{...qa,property:"border-radius"},backgroundColor:{...qa,property:"background-color"},textColor:{property:"color"},labelMargin:{...qa,property:"gap"},itemsSpacing:{...Ya,property:"line-height"},itemSymbolSuccessColor:{...Ga,property:"color"},itemSymbolErrorColor:{...Za,property:"color"},itemSymbolDefault:{...Ua,property:"content"},itemSymbolSuccess:{...Ga,property:"content"},itemSymbolError:{...Za,property:"content"}}}),Je,Ke)(Ha),Ja=z("new-password"),Ka=Qa.cssVarList,{host:Xa,label:es,internalInputsWrapper:ts,errorMessage:rs,helperText:os,passwordInput:is,policyPreview:ns}={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"}},as=w(Qe({mappings:{fontSize:[Xa,{},{selector:Fn.componentName,property:Fn.cssVarList.fontSize}],fontFamily:[es,rs,os],labelFontSize:{...es,property:"font-size"},labelFontWeight:{...es,property:"font-weight"},labelTextColor:{...es,property:"color"},errorMessageTextColor:{...rs,property:"color"},errorMessageIcon:{...rs,property:"background-image"},errorMessageIconSize:{...rs,property:"background-size"},errorMessageIconPadding:{...rs,property:"padding-inline-start"},errorMessageIconRepeat:{...rs,property:"background-repeat"},errorMessageIconPosition:{...rs,property:"background-position"},errorMessageFontSize:{...rs,property:"font-size"},hostWidth:{...Xa,property:"width"},hostMinWidth:{...Xa,property:"min-width"},hostDirection:[{...Xa,property:"direction"},{...is,property:Fn.cssVarList.hostDirection}],inputsRequiredIndicator:{...Xa,property:"content"},spaceBetweenInputs:{...ts,property:"gap"},policyPreviewBackgroundColor:{...ns,property:Ka.backgroundColor},policyPreviewPadding:{...ns,property:Ka.padding},valueInputHeight:{...is,property:Fn.cssVarList.valueInputHeight},valueInputMarginBottom:{...is,property:Fn.cssVarList.valueInputMarginBottom}}}),Je,ut({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<${ja}\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      </${ja}>\n\t\t\t`,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(ja),"true"===this.getAttribute("external-input")&&this.initExternalInput(),N(this,this.inputElement,{includeAttrs:["password-label","password-placeholder","confirm-label","confirm-placeholder","full-width","size","bordered","label","has-confirm","invalid","readonly","disabled","draggable","has-validation","policy-label","active-policies","available-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","label-type","manual-visibility-toggle"]})}createSlottedExternalInput(e,t){const r=e.querySelector("input"),o=document.createElement("slot"),i=r.getAttribute("slot");o.setAttribute("name",t),o.setAttribute("slot",i),e.appendChild(o),r.setAttribute("slot",t),r.setAttribute("name",this.getAttribute("name")),r.setAttribute("data-hidden-input","true"),this.appendChild(r)}initExternalInput(){this.passwordInput=this.inputElement.querySelector('[data-id="password"]'),this.confirmInput=this.inputElement.querySelector('[data-id="confirm"]'),this.createSlottedExternalInput(this.passwordInput,"external-password-input"),this.createSlottedExternalInput(this.confirmInput,"external-confirm-input")}})(nt({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${Se(Fn.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:Ja}));customElements.define(Wa,Qa);const ss=/^password-/,ls=/^confirm-/,ds=(e,t)=>e.replace(t,""),cs=["password-label","password-placeholder"],ps=["confirm-label","confirm-placeholder"],us=["has-validation","policy-label","available-policies","active-policies","data-password-policy-value-minlength","data-password-policy-value-passwordstrength","manual-visibility-toggle"],hs=["has-confirm","disabled","bordered","size","full-width","maxlength","invalid","readonly","draggable","autocomplete","label-type","manual-visibility-toggle"],ms=[].concat(hs,cs,ps,us),gs=vt({componentName:ja,baseSelector:"div"});customElements.define(ja,class extends gs{static get observedAttributes(){return[].concat(gs.observedAttributes||[],ms)}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)}),N(this,this.policyPanel,{includeAttrs:us,mapAttrs:{"policy-label":"label","available-policies":"data"}})}handleIndicatorStyle(){this.inputs.forEach(e=>{Y(`\n\t\t\t\t:host ::part(required-indicator)::after {\n\t\t\t\t\tcontent: var(${as.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&&A(e,t=>{if(t.includes("invalid")){const t=e.getAttribute("invalid"),r=this.getAttribute("invalid");this.isInvalid&&r!==t&&e.setAttribute("invalid","true")}},{})})}initInputs(){this.handleIndicatorStyle(),this.handleInputsInvalidAttribute(),this.handleFocusEventsDispatching(this.inputs)}async togglePasswordStrength(){this.activePolicies.includes("passwordstrength")?this.passwordStrength||(await Promise.resolve().then(function(){return pv}),this.passwordStrength=document.createElement("descope-password-strength"),this.passwordStrength.setAttribute("options","Very weak,Weak,Average,Strong,Very strong"),this.passwordStrength.setAttribute("value",this.passwordInput.value||""),this.passwordStrength.setAttribute("st-host-direction",this.getAttribute("st-host-direction")),this.passwordStrength.setAttribute("full-width","true"),this.querySelector(".password-input-container").insertBefore(this.passwordStrength,this.policyPanel)):this.passwordStrength&&(this.passwordStrength.remove(),this.passwordStrength=null)}get activePolicies(){return(this.getAttribute("active-policies")||"").split(",")}toggleBooleanAttribute(e,t,r){null===r?e?.removeAttribute(t):e?.setAttribute(t,r)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("has-validation"===e?this.onHasValidationChange("true"===r):"has-confirm"===e?this.onHasConfirmChange("true"===r):hs.includes(e)?this.inputs.forEach(t=>this.toggleBooleanAttribute(t,e,r)):cs.includes(e)?this.toggleBooleanAttribute(this.passwordInput,ds(e,ss),r):ps.includes(e)&&this.toggleBooleanAttribute(this.confirmInput,ds(e,ls),r),"active-policies"===e&&this.togglePasswordStrength())}}),customElements.define(Ja,as);const bs=z("recaptcha"),ys=["enabled","site-key","action","enterprise"],fs=ot({componentName:bs,baseSelector:":host > div"}),vs=w(Je)(class extends fs{static get observedAttributes(){return ys.concat(fs.observedAttributes||[])}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&"enabled"===e&&this.#ze("true"===r)}renderRecaptcha(e){this.children.length?this.updatePreview():this.toggleRecaptchaEles(e)}toggleRecaptchaEles(e){e?(this.recaptchaEle.style.display="",this.mockRecaptchaEle.style.display="none"):(this.recaptchaEle.style.display="none",this.mockRecaptchaEle.style.display="")}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="badge">\n      <span id="recaptcha"></span>\n      <img src="https://imgs.descope.com/connectors/templates/recaptcha/recaptcha-big.png" alt="recaptcha"/>\n    </div>\n    <slot></slot>\n\t',Y('\n      :host {\n        display: inline-flex;\n      }\n      :host > div:not(.hidden) {\n        display: flex;\n      }\n      :host #recaptcha .grecaptcha-badge {\n        box-shadow: none !important;\n      }\n      :host #recaptcha .grecaptcha-logo {\n        height: 100%;\n      }\n      :host #recaptcha {\n\t\t\t\twidth: 100%;\n        height: 100%;\n\t\t\t}\n      :host img {\n        width: 256px;\n      }\n      :host([full-width="true"]) {\n        width: 100%;\n      }\n      .hidden {\n        display: none;\n      }\n        ',this),this.recaptchaEle=this.baseElement.querySelector("#recaptcha"),this.mockRecaptchaEle=this.baseElement.querySelector("img"),this.badge=this.shadowRoot.querySelector(".badge")}init(){super.init?.(),E(this,this.updatePreview.bind(this))}updatePreview(){this.children.length?(this.recaptchaEle.style.display="none",this.mockRecaptchaEle.style.display="none",this.badge.classList.add("hidden")):(this.toggleRecaptchaEles(this.enabled),this.badge.classList.remove("hidden"))}get enterprise(){return"true"===this.getAttribute("enterprise")}get siteKey(){return this.getAttribute("site-key")}get action(){return this.getAttribute("action")||"load"}get enabled(){return"true"===this.getAttribute("enabled")}get scriptURL(){const e=new URL("https://www.google.com/recaptcha/");return e.pathname+=(this.enterprise?"enterprise":"api")+".js",e.searchParams.append("onload","onRecaptchaLoadCallback"),e.searchParams.append("render","explicit"),e.toString()}#ze(e){this.renderRecaptcha(e),e&&(this.#Le(),document.getElementById("recaptcha-script")?window.onRecaptchaLoadCallback():this.#Ne())}#Ne(){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}#De(e,t,r){this.isConnected&&e.ready(()=>{const o=t.querySelector('textarea[name^="g-recaptcha-response"]')?.cloneNode();if(o&&(o.style.display="none",document.body.appendChild(o)),!this.siteKey)return;const i=e?.execute(r,{action:this.action});i.then((i,n)=>{n?console.warn("could not execute recaptcha",n):(this.updateComponentsContext({risktoken:i,riskaction:this.action}),this.isConnected&&setTimeout(()=>{this.#De(e,t,r)},11e4)),o.remove()})})}#Le(){window.onRecaptchaLoadCallback=()=>{const e=this.recaptchaEle;if(e.hasChildNodes())return;const{grecaptchaInstance:t}=this;t&&setTimeout(()=>{const r=t.render(e,{sitekey:this.siteKey,badge:"inline",size:"invisible"});this.#De(t,e,r)},0)}}});customElements.define(bs,vs);const xs=z("upload-file"),Cs=["title","description","button-label","accept","readonly","button-mode","button-variant","required","size","icon"],ws=vt({componentName:xs,baseSelector:":host > div"}),Is=no.cssVarList,{host:Ms,wrapper:Ss,icon:As,title:Es,description:Ts,requiredIndicator:ks}={host:{selector:()=>":host"},wrapper:{selector:()=>":host > div"},icon:{selector:()=>"::slotted(*)"},title:{selector:()=>".title"},description:{selector:()=>".description"},requiredIndicator:{selector:()=>".title::after"}},zs=w(Qe({componentNameOverride:z("input-wrapper")}),Qe({mappings:{fontSize:{},fontFamily:{},borderColor:{},borderWidth:{},borderStyle:{},borderRadius:{},hostHeight:{...Ms,property:"height"},hostWidth:{...Ms,property:"width"},hostPadding:{property:"padding"},hostDirection:[{...Ms,property:"direction"},{selector:()=>no.componentName,property:Is.hostDirection}],gap:{...Ss},lineHeight:{...Ss,property:"line-height"},titleFontSize:{...Es,property:"font-size"},titleFontWeight:{...Es,property:"font-weight"},descriptionFontSize:{...Ts,property:"font-size"},labelTextColor:[{...Es,property:"color"},{...Ts,property:"color"}],iconSize:{...As,property:"width"},requiredIndicator:{...ks,property:"content"}}}),Je,Ke)(class extends ws{static get observedAttributes(){return Cs.concat(ws.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',Y("\n      :host {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t\t:host > div {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\ttext-align: center;\n\t\t\t\tflex-direction: column;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t.button-wrapper {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: fit-content;\n\t\t\t}\n\t\t\tinput {\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\topacity: 0;\n\t\t\t}\n        ",this),this.wrapperEle=this.shadowRoot.querySelector(".wrapper"),this.inputElement=this.shadowRoot.querySelector("input"),this.button.onclick=()=>this.inputElement.click(),this.inputElement.onchange=async e=>{const t=e.target.files;var r;t.length&&(this.value=await(r=t[0],new Promise(e=>{const t=new FileReader;t.onload=t=>e(t.target.result),t.readAsDataURL(r)})),this.updateDescription((e=>e.name.replace(/^.*\\/,""))(t[0])))},this.oninvalid=()=>{this.setAttribute("invalid","true")}}getValidity(){return this.isRequired&&!this.input.value?{valueMissing:!0}:(this.removeAttribute("invalid"),{})}initInputs(){this.rootElement.querySelector("descope-button").onclick=()=>this.inputElement.click()}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("title"===e?this.updateTitle(r):"description"===e?this.updateDescription(r):"button-label"===e?this.updateButtonLabel(r):"button-mode"===e?this.updateButtonMode(r):"button-variant"===e?this.updateButtonVariant(r):"size"===e?this.updateButtonSize(r):"accept"===e?this.updateInputAccept(r):"readonly"===e&&this.updateReadOnly(r))}get button(){return this.shadowRoot.querySelector("descope-button")}get input(){return this.shadowRoot.querySelector("input")}get title(){return this.shadowRoot.querySelector(".title-text")}get description(){return this.shadowRoot.querySelector(".description")}get icon(){return this.shadowRoot.querySelector(".icon")}updateTitle(e){this.title.textContent=e}updateDescription(e){this.description.textContent=e}updateButtonLabel(e){this.button.textContent=e}updateButtonSize(e){this.button.setAttribute("size",e)}updateButtonMode(e){this.button.setAttribute("mode",e)}updateButtonVariant(e){this.button.setAttribute("variant",e)}updateInputAccept(e){this.input.setAttribute("accept",e)}updateReadOnly(e){"true"===e?this.input.setAttribute("disabled","true"):this.input.removeAttribute("disabled")}});customElements.define(xs,zs);const Ls=e=>{class t extends(vt({componentName:e,baseSelector:"slot"})){constructor(){super(),this.innerHTML='\n    <slot part="wrapper"></slot>\n      '}dispatchChange=it.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?.(),A(this,this.onObservedAttributeChange.bind(this),{includeAttrs:["size","readonly"]})}}return t},Ns=z("button-selection-group-internal");class Ds extends(Ls(Ns)){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 Vs=e=>class extends e{#$=({value:e,label:t})=>`<descope-button-selection-group-item value="${e}">${t}</descope-button-selection-group-item>`;#R;get renderItem(){return this.#$}set renderItem(e){this.#$=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(),A(this,this.renderItems.bind(this),{includeAttrs:["data"]}),E(this,({addedNodes:e})=>{e.forEach(e=>{e.setAttribute("size",this.size)})})}},{host:Ps,label:Bs,requiredIndicator:Rs,internalWrapper:Os,errorMessage:js}={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)"}},Fs={hostWidth:{...Ps,property:"width"},hostDirection:{...Ps,property:"direction"},fontFamily:Ps,labelTextColor:[{...Bs,property:"color"},{...Rs,property:"color"}],labelRequiredIndicator:{...Rs,property:"content"},errorMessageTextColor:{...js,property:"color"},errorMessageIcon:{...js,property:"background-image"},errorMessageIconSize:{...js,property:"background-size"},errorMessageIconPadding:{...js,property:"padding-inline-start"},errorMessageIconRepeat:{...js,property:"background-repeat"},errorMessageIconPosition:{...js,property:"background-position"},errorMessageFontSize:{...js,property:"font-size"},itemsSpacing:{...Os,property:"gap"}},Ws=`\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      ${Ne("vaadin-text-field")}\n\t\t\t${Te("vaadin-text-field")}\n    `,_s=z("button-selection-group"),$s=w(Qe({mappings:{...Fs}}),Je,ut({proxyProps:["value","selectionStart"]}),Ke,Vs,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${Ns}\n      \tname="button-selection-group"\n      \tslot="input"\n        tabindex="-1"\n        part="internal-component"\n      >\n        <slot></slot>\n      </${Ns}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Ns),N(this,this.inputElement,{includeAttrs:["size","default-value","allow-deselect"]})}})(nt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>Ws,excludeAttrsSync:["tabindex","style"],componentName:_s}));customElements.define(Ns,Ds);const Hs=z("button-selection-group-item");class qs extends(ot({componentName:Hs,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`,Y("\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),N(this,this.baseElement,{includeAttrs:["size","variant"]}),N(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 Ys=w(Qe({mappings:{hostDirection:{selector:()=>no.componentName,property:no.cssVarList.hostDirection},backgroundColor:{selector:()=>no.componentName,property:no.cssVarList.backgroundColor},labelTextColor:{selector:()=>no.componentName,property:no.cssVarList.labelTextColor},borderColor:{selector:()=>no.componentName,property:no.cssVarList.borderColor},borderWidth:{selector:()=>no.componentName,property:no.cssVarList.borderWidth},borderStyle:{selector:()=>no.componentName,property:no.cssVarList.borderStyle},borderRadius:{selector:()=>no.componentName,property:no.cssVarList.borderRadius},outlineColor:{selector:()=>no.componentName,property:no.cssVarList.outlineColor}}}),Je,Ke)(qs);customElements.define(Hs,Ys),customElements.define(_s,$s);const Us=z("button-multi-selection-group-internal");class Gs extends(Ls(Us)){#Ve(){return this.items.filter(e=>e.hasAttribute("selected"))}onClick(e){e.target!==e.currentTarget&&(this.#Ve().includes(e.target)?e.target.removeAttribute("selected"):e.target.setAttribute("selected","true"),this.dispatchChange())}get value(){return this.#Ve().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}#Pe(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.#Pe(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 Zs=z("button-multi-selection-group"),Qs=w(Qe({mappings:{...Fs}}),Je,ut({proxyProps:["value","selectionStart"]}),Ke,Vs,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${Us}\n      \tname="button-selection-group"\n      \tslot="input"\n        tabindex="-1"\n        part="internal-component"\n      >\n        <slot></slot>\n      </${Us}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Us),N(this,this.inputElement,{includeAttrs:["size","default-values","min-items-selection","max-items-selection"]})}})(nt({slots:[],wrappedEleName:"vaadin-text-field",style:()=>Ws,excludeAttrsSync:["tabindex","style"],componentName:Zs}));customElements.define(Us,Gs),customElements.define(Zs,Qs);class Js extends u.v{get sortable(){return"true"===this.getAttribute("sortable")}_defaultRenderer(e,t,r){const o=r.item[this.path]||"",i=Array.isArray(o)?o.join(", "):o;this.__setTextContent(e,i),e.title=i}_defaultHeaderRenderer(e,t){this.sortable?super._defaultHeaderRenderer(e,t):this.__setTextContent(e,this.__getHeader(this.header,this.path))}}const Ks=z("grid-text-column");customElements.define(Ks,Js);const Xs=z("grid-custom-column");customElements.define(Xs,class extends Js{_defaultRenderer(e,t,r){const o=r.item[this.path]||"",i=Array.from(this.children).find(e=>{const t=e.getAttribute("data-pattern");return!t||new RegExp(t).test(o)});if(!i)return void this.__setTextContent(e,r.item[this.path]||"");const n=i.cloneNode(!0);n.textContent=o||"",e.innerHTML="",e.append(n)}});const el=()=>{const e=document.createElement("descope-checkbox");return e.setAttribute("bordered","true"),e.setAttribute("size","xs"),e},tl=e=>!!e.items?.length&&e.selectedItems.length===e.items.length;class rl extends h.${_onHeaderRendererOrBindingChanged(){}_headerRenderer(e){const t=e.parentNode;let r=e.querySelector("descope-checkbox");r||(r=el(),r.addEventListener("input",()=>{const e=tl(t);t.selectedItems=e?[]:t.items}),e.appendChild(r)),r.setAttribute("checked",tl(t))}_defaultRenderer(e,t,r){const o=e.parentNode;let i=e.querySelector("descope-checkbox");i||(i=el(),e.appendChild(i)),i.onchange=()=>{i.checked?o.selectItem(r.item):o.deselectItem(r.item)},i.setAttribute("checked",r.selected)}}const ol=z("grid-selection-column");customElements.define(ol,rl);class il extends u.v{get sortable(){return"true"===this.getAttribute("sortable")}_defaultRenderer(e,t,r){const o=t._gridValue,i=o.detailsOpenedItems?.indexOf(r.item)??-1,n=-1!==i,a=document.createElement("vaadin-icon");a.icon=n?"vaadin:angle-up":"vaadin:angle-down",a.classList.add("toggle-details-button",n?"opened":"closed"),e.innerHTML="",e.append(a),a.onclick=()=>{o.detailsOpenedItems=n?o.detailsOpenedItems.toSpliced(i,1):[...o.detailsOpenedItems,r.item]}}_defaultHeaderRenderer(e,t){this.sortable?super._defaultHeaderRenderer(e,t):this.__setTextContent(e,this.__getHeader(this.header,this.path))}}const nl=z("grid-item-details-column");customElements.define(nl,il);const al=z("code-snippet");let sl=class extends(ot({componentName:al,baseSelector:":host > code"})){static get observedAttributes(){return["lang","inline"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <code class="hljs"></code>\n    ',Y("\n      :host {\n        display: inline-block;\n        width: 100%;\n      }\n      code {\n        display: block;\n        width: 100%;\n        min-height: 1em;\n        overflow-x: scroll;\n        overflow-y: scroll;\n      }\n      pre {\n        margin: 0;\n      }\n      ",this)}init(){super.init?.(),this.lang=this.getAttribute("lang"),this.isInline="true"===this.getAttribute("inline"),E(this,this.#Be.bind(this))}get contentNode(){return this.shadowRoot.querySelector(this.baseSelector)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("inline"===e&&(this.isInline=r),"lang"===e&&(this.lang=r),this.#Be())}#Be(){const e=(e=>{const t=document.createElement("textarea");return t.innerHTML=e,t.value})(this.textContent),t=this.lang;if(!t)return void(this.contentNode.textContent=e);const{value:r}=m.A.highlight(e,{language:t});this.contentNode.innerHTML=(e=>this.isInline?e:`<pre>${e}</pre>`)(r)}};const{root:ll,docTag:dl,keyword:cl,metaKeyword:pl,templateTag:ul,templateVariable:hl,type:ml,variableLanguage:gl,title:bl,titleClass:yl,titleClassInherited:fl,titleFunction:vl,attr:xl,attribute:Cl,literal:wl,meta:Il,number:Ml,operator:Sl,variable:Al,selectorAttr:El,selectorClass:Tl,selectorId:kl,regexp:zl,string:Ll,metaString:Nl,builtIn:Dl,symbol:Vl,comment:Pl,code:Bl,formula:Rl,name:Ol,quote:jl,selectorTag:Fl,selectorPseudo:Wl,subst:_l,section:$l,bullet:Hl,emphasis:ql,strong:Yl,addition:Ul,deletion:Gl,charEscape:Zl,link:Ql,params:Jl,property:Kl,punctuation:Xl,tag:ed}={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"}},td=w(Qe({mappings:{rootBgColor:{...ll,property:"background-color"},rootTextColor:{...ll,property:"color"},docTagTextColor:{...dl,property:"color"},keywordTextColor:{...cl,property:"color"},metaKeywordTextColor:{...pl,property:"color"},templateTagTextColor:{...ul,property:"color"},templateVariableTextColor:{...hl,property:"color"},typeTextColor:{...ml,property:"color"},variableLanguageTextColor:{...gl,property:"color"},titleTextColor:{...bl,property:"color"},titleClassTextColor:{...yl,property:"color"},titleClassInheritedTextColor:{...fl,property:"color"},titleFunctionTextColor:{...vl,property:"color"},attrTextColor:{...xl,property:"color"},attributeTextColor:{...Cl,property:"color"},literalTextColor:{...wl,property:"color"},metaTextColor:{...Il,property:"color"},numberTextColor:{...Ml,property:"color"},operatorTextColor:{...Sl,property:"color"},variableTextColor:{...Al,property:"color"},selectorAttrTextColor:{...El,property:"color"},selectorClassTextColor:{...Tl,property:"color"},selectorIdTextColor:{...kl,property:"color"},regexpTextColor:{...zl,property:"color"},stringTextColor:{...Ll,property:"color"},metaStringTextColor:{...Nl,property:"color"},builtInTextColor:{...Dl,property:"color"},symbolTextColor:{...Vl,property:"color"},commentTextColor:{...Pl,property:"color"},codeTextColor:{...Bl,property:"color"},formulaTextColor:{...Rl,property:"color"},nameTextColor:{...Ol,property:"color"},quoteTextColor:{...jl,property:"color"},selectorTagTextColor:{...Fl,property:"color"},selectorPseudoTextColor:{...Wl,property:"color"},substTextColor:{..._l,property:"color"},sectionTextColor:{...$l,property:"color"},bulletTextColor:{...Hl,property:"color"},emphasisTextColor:{...ql,property:"color"},strongTextColor:{...Yl,property:"color"},additionTextColor:{...Ul,property:"color"},additionBgColor:{...Ul,property:"background-color"},deletionTextColor:{...Gl,property:"color"},deletionBgColor:{...Gl,property:"background-color"},charEscapeTextColor:{...Zl,property:"color"},linkTextColor:{...Ql,property:"color"},paramsTextColor:{...Jl,property:"color"},propertyTextColor:{...Kl,property:"color"},punctuationTextColor:{...Xl,property:"color"},tagTextColor:{...ed,property:"color"}}}),Je,Ke)(sl);customElements.define(al,td);const rd=e=>{const t=Array.isArray(e);return t||console.error("data must be an array, received:",e),t},od=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",nd=(e,t)=>`<descope-code-snippet lang="${t}" class="row-details__value code">${od(e)}</descope-code-snippet>`,ad=e=>`<div class="row-details__value text" title="${e}">${od(e)}</div>`,sd=e=>nd(JSON.stringify(e,null,2),"json"),ld=z("grid"),{host:dd,headerRow:cd,headerRowCell:pd,contentRow:ud,firstRow:hd,sortIndicators:md,activeSortIndicator:gd,selectedRow:bd,rowSeparator:yd,resizeHandle:fd,toggleDetailsPanelButton:vd,toggleDetailsPanelButtonOpened:xd,toggleDetailsPanelButtonClosed:Cd,detailsPanel:wd,detailsPanelLabels:Id,selectedRowCell:Md,detailsPanelContent:Sd}={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"}},Ad=w(Qe({componentNameOverride:z("input-wrapper")}),Qe({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostHeight:{selector:()=>":host",property:"height"},hostMinHeight:{selector:()=>":host",property:"min-height"},fontFamily:[{...cd},{...ud}],fontSize:[{...cd},{...ud}],fontWeight:{...ud},valueTextColor:{...ud,property:"color"},backgroundColor:[{...dd,property:"background-color"},{...ud,property:"background-color"}],sortIndicatorsColor:{...md,property:"color"},activeSortIndicator:{...gd,property:"color"},borderColor:{...dd,property:"border-color"},borderWidth:{...dd,property:"border-width"},borderStyle:{...dd,property:"border-style"},borderRadius:{...dd,property:"border-radius"},selectedBackgroundColor:[{...bd,property:"background-color"},{...Md,property:"background-color"}],headerRowTextColor:{...pd,property:"color"},separatorColor:[{...hd,property:"border-bottom-color"},{...yd,property:"border-top-color"}],resizeHandleColor:{...fd,property:"background-color"},hostDirection:{...dd,property:"direction",fallback:"ltr"},toggleDetailsPanelButtonSize:[{...vd,property:"width"},{...vd,property:"height"}],toggleDetailsPanelButtonOpenedColor:{...xd,property:"color"},toggleDetailsPanelButtonClosedColor:{...Cd,property:"color"},toggleDetailsPanelButtonCursor:{...vd,property:"cursor"},detailsPanelBackgroundColor:{...wd,property:"background-color"},detailsPanelBorderTopColor:{...wd,property:"border-top-color"},detailsPanelLabelsColor:{...Id,property:"color"},detailsPanelLabelsFontSize:{...Id,property:"font-size"},detailsPanelItemsGap:{...Sd,property:"grid-gap"},detailsPanelPadding:{...Sd,property:"padding"}}}),Je,Ke,e=>class extends e{#Re;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.#Oe.bind(this)}#Oe=async(e,t,r)=>{e.addEventListener("mousedown",e=>e.stopImmediatePropagation(),!0);const o=this.getRowDetailsTemplate(r.item);e.innerHTML="",e.append(o.content.cloneNode(!0))};getRowDetailsTemplate(e){const t=this.#Re.reduce((e,{path:t,header:r})=>t&&r?{...e,[t]:r}:e,{}),r=this.rowDetailsRenderer?.(e,t)??((e,t)=>`\n  <div class="row-details">\n  ${Object.entries(e).map(([e,r])=>{return`<div class="row-details__item" >\n          <div class="row-details__label">${t[e]||(o=e,o.replace(/([A-Z])/g," $1").trim().split(" ").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "))}</div>\n          ${(e=>{const t=id(e);return"object"===t?sd(e):"xml"===t?(e=>nd(e,"xml"))(e):"array"===t?e.some(e=>"object"===id(e))?sd(e):ad(e.join(",\n")):ad(e)})(r)}\n        </div>`;var o}).join("\n")}\n</div>\n  `)(e,t);switch(!0){case r instanceof HTMLTemplateElement:return r;case"string"==typeof r:return Object.assign(document.createElement("template"),{innerHTML:r});default:throw new Error("rowDetailsRenderer should return a string or a template")}}forwardSelectedItemsChange(){this.baseElement.addEventListener("selected-items-changed",e=>{this.dispatchEvent(new CustomEvent("selected-items-changed",{bubbles:!0,composed:!0,detail:e.detail}))})}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"columns"===e&&this.setColumnsDataFromAttr()}handleColumns(){this.columnsAttr?this.setColumnsDataFromAttr():this.children.length&&this.setColumnsFromChildren()}setColumnsFromChildren(){this.#Re=Array.from(this.children).map(e=>({path:e.getAttribute("path"),header:e.getAttribute("header"),type:e.localName.match("^descope-grid-(\\w+)-column$")?.[1]||"text",attrs:["frozen","resizable","auto-width","status"].reduce((t,r)=>{const o=e.getAttribute(r);return o&&(t[r]=o),t},{})}))}get columnsAttr(){return this.getAttribute("columns")}setColumnsDataFromAttr(){try{const e=JSON.parse(this.columnsAttr);rd(e)&&(this.columns=e)}catch(e){console.error('could not parse data string from attribute "columns" -',e.message)}}#je=({path:e,header:t,type:r,attrs:o})=>{const i=`descope-grid-${r}-column`;return`<${i} header="${t}" path="${e}" ${Object.entries(o).map(([e,t])=>`${e}="${t}"`).join(" ")}></${i}>`};get renderColumn(){return this.#je}set renderColumn(e){this.#je=e,this.renderColumns()}getColumnsTemplate(){return this.#Re?.reduce?.((e,t)=>e+(this.renderColumn?.(t||{})||""),"")}reassignRowDetailsRenderer(){this.baseElement.rowDetailsRenderer=null,setTimeout(()=>{this.baseElement.rowDetailsRenderer=this.#Oe.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(rd(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.#Re}set columns(e){this.#Re=e,this.renderColumns()}get paths(){return this.columns.map(e=>e.path)}get uniqueColumnId(){return this.getAttribute("unique-column-id")}})(nt({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(${Ad.cssVarList.detailsPanelItemsGap}))), 1fr));\n        width: 100%;\n      }\n      vaadin-grid .row-details__item:has(.row-details__value.code) {\n        grid-column: 1 / -1;\n        order: 2;\n      }\n      vaadin-grid .row-details__value.text {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: pre;\n      }\n      vaadin-grid .row-details__value.code {\n        margin-top: 5px;\n        max-height: 120px;\n        overflow: scroll;\n        font-size: 0.85em;\n      }\n      vaadin-grid vaadin-icon.toggle-details-button {\n        margin: auto;\n      }\n    /*!css*/\n\t\t`,excludeAttrsSync:["columns","tabindex","style"],componentName:ld}));customElements.define(ld,Ad);const Ed=z("multi-select-combo-box"),{host:Td,inputField:kd,inputElement:zd,placeholder:Ld,toggle:Nd,clearButton:Dd,label:Vd,requiredIndicator:Pd,helperText:Bd,errorMessage:Rd,chip:Od,chipLabel:jd,overflowChipFirstBorder:Fd,overflowChipSecondBorder:Wd}={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"}},_d=w(Qe({mappings:{hostWidth:{...Td,property:"width"},hostDirection:{...Td,property:"direction"},fontSize:[{},Td],chipFontSize:{...jd,property:"font-size"},fontFamily:[Vd,Ld,kd,Bd,Rd,jd],labelFontSize:{...Vd,property:"font-size"},labelFontWeight:{...Vd,property:"font-weight"},labelTextColor:[{...Vd,property:"color"},{...Pd,property:"color"}],errorMessageTextColor:{...Rd,property:"color"},errorMessageIcon:{...Rd,property:"background-image"},errorMessageIconSize:{...Rd,property:"background-size"},errorMessageIconPadding:{...Rd,property:"padding-inline-start"},errorMessageIconRepeat:{...Rd,property:"background-repeat"},errorMessageIconPosition:{...Rd,property:"background-position"},errorMessageFontSize:{...Rd,property:"font-size"},inputHeight:{...kd,property:"min-height"},inputBackgroundColor:{...kd,property:"background-color"},inputBorderColor:{...kd,property:"border-color"},inputBorderWidth:{...kd,property:"border-width"},inputBorderStyle:{...kd,property:"border-style"},inputBorderRadius:{...kd,property:"border-radius"},labelRequiredIndicator:{...Pd,property:"content"},inputValueTextColor:{...kd,property:"color"},inputPlaceholderTextColor:{...Ld,property:"color"},inputDropdownButtonCursor:[{...Nd,property:"cursor"},{...Dd,property:"cursor"}],inputDropdownButtonColor:[{...Nd,property:"color"},{...Dd,property:"color"}],inputDropdownButtonSize:[{...Nd,property:"font-size"},{...Dd,property:"font-size"}],inputDropdownButtonOffset:[{...Nd,property:"margin-right"},{...Nd,property:"margin-left"}],inputOutlineColor:{...kd,property:"outline-color"},inputOutlineWidth:{...kd,property:"outline-width"},inputOutlineStyle:{...kd,property:"outline-style"},inputOutlineOffset:{...kd,property:"outline-offset"},inputHorizontalPadding:[{...zd,property:"padding-left"},{...zd,property:"padding-right"},{...kd,property:"padding-inline-start"}],inputVerticalPadding:[{...kd,property:"padding-top"},{...kd,property:"padding-bottom"}],chipTextColor:{...jd,property:"color"},chipBackgroundColor:[{...Od,property:"background-color"},{...Fd,property:"border-color"},{...Wd,property:"border-color"}],labelPosition:{...Vd,property:"position"},labelTopPosition:{...Vd,property:"top"},labelLeftPosition:{...Vd,property:"left"},labelHorizontalPosition:[{...Vd,property:"left"},{...Vd,property:"right"}],inputTransformY:{...Vd,property:"transform"},inputTransition:{...Vd,property:"transition"},marginInlineStart:{...Vd,property:"margin-inline-start"},placeholderOpacity:{...Ld,property:"opacity"},inputVerticalAlignment:{...kd,property:"align-items"},overlayBackground:{property:()=>_d.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>_d.cssVarList.overlay.textColor},overlayBorder:{property:()=>_d.cssVarList.overlay.border},overlayFontSize:{property:()=>_d.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>_d.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>_d.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>_d.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>_d.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>_d.cssVarList.overlay.itemPaddingInlineEnd}}}),Je,mt({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"]}}),ut({proxyProps:["selectionStart"],inputEvent:"selected-items-changed"}),gt,Ke,e=>class extends e{static get observedAttributes(){return["readonly"]}#$=({displayName:e,value:t,label:r})=>{const o=document.createElement("span");return o.setAttribute("data-name",r),o.setAttribute("data-id",t),o.textContent=e||r,o.outerHTML};#R;#Fe=[];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.#$}set renderItem(e){this.#$=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(r){const o=t.customValueTransformFn(r)||"";o!==this.value&&e.set.call(this,o)}}})}#We(e){return Array.from(new Map(e.map(e=>[e.getAttribute("data-id"),e])).values())}#H(){const e=Array.from(this.children),t=this.#We(e);e.length?(this.removeAttribute("has-no-options"),t.forEach(e=>{Object.defineProperty(e,"data-name",{value:e.getAttribute("data-name"),configurable:!0,writable:!0}),Object.defineProperty(e,"data-id",{value:e.getAttribute("data-id"),configurable:!0,writable:!0})}),this.baseElement.items=t,setTimeout(()=>{this.updateSelectedItems()},0)):(this.baseElement.items=[],this.setAttribute("has-no-options","")),this.baseElement.renderer=(e,t,r)=>{e.innerHTML=r.item.outerHTML}}#q(){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=()=>{}}#_e(){this.allowCustomValues&&this.baseElement.addEventListener("custom-value-set",e=>{const t=this.#$({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.#_e(),this.renderItems(),A(this,this.renderItems.bind(this),{includeAttrs:["data"]}),E(this,this.#H.bind(this)),N(this,this.baseElement,{includeAttrs:["placeholder"]}),setTimeout(()=>{this.setComboBoxDescriptor(),this.#q()}),this.setDefaultValues(),this.baseElement.addEventListener("selected-items-changed",()=>{this.#$e(),this.dispatchEvent(new CustomEvent("input",{bubbles:!0}))})}setDefaultValues(){this.defaultValues.length>0&&(this.value=this.defaultValues)}#$e(){this.#Fe=this.baseElement.selectedItems?.map(e=>e.getAttribute("data-id"))||[]}set value(e){if(e&&e.length>0){const t=this.baseElement.items?.filter(t=>e.includes(t["data-id"]));if(this.allowCustomValues){const r=t?.map(e=>e.getAttribute("data-id"))||[],o=e.filter(e=>!r.includes(e));if(o.length){const t=o.reduce((e,t)=>e+this.#$({label:t,displayName:t,value:t}),"");return this.innerHTML+=t,void setTimeout(()=>{this.value=e},0)}}const r=t?.map(e=>e.getAttribute("data-id"))||[];((e,t)=>{if(!Array.isArray(e)||!Array.isArray(t))return!1;if(e.length!==t.length)return!1;const r=e.slice().sort(),o=t.slice().sort();for(let e=0;e<r.length;e++)if(r[e]!==o[e])return!1;return!0})(this.#Fe,r)||(this.baseElement.selectedItems=t)}else this.baseElement.selectedItems=[]}get value(){return this.#Fe}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"readonly"===e&&this.onReadOnlyChange(null!==r&&"true"===r)}onReadOnlyChange(e){e?this.baseElement?.shadowRoot?.querySelector("vaadin-multi-select-combo-box-internal")?.setAttribute("inert",e):this.baseElement?.shadowRoot?.querySelector("vaadin-multi-select-combo-box-internal")?.removeAttribute("inert")}})(nt({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${Se(_d.cssVarList)}\n\t\t\n    vaadin-multi-select-combo-box::part(input-field)::after {\n        opacity: 0;\n    }\n\n\t\t${ke("vaadin-multi-select-combo-box")}\n\t\t${Te("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    ${Ne("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:Ed,includeForwardProps:["items","renderer","selectedItems"]}));customElements.define(Ed,_d);const $d=z("modal"),Hd=["opened"],qd=w(Qe({mappings:{overlayBackgroundColor:{property:()=>qd.cssVarList.overlay.backgroundColor},overlayShadow:{property:()=>qd.cssVarList.overlay.shadow},overlayWidth:{property:()=>qd.cssVarList.overlay.width}}}),mt({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"}],width:{selector:()=>"::part(overlay)",property:"width"},shadow:{selector:()=>"::part(overlay)",property:"box-shadow"}},forward:{include:!1,attributes:["opened","style"]}}),Je,Ke,e=>class extends e{static get observedAttributes(){return[].concat(e.observedAttributes||[],Hd)}get opened(){return"true"===this.getAttribute("opened")}handleOpened(){this.opened?this.style.display="":this.style.display="none"}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"opened"===e&&this.handleOpened()}init(){super.init?.(),this.style.display="none",setTimeout(()=>{this.baseElement.shadowRoot.querySelector("vaadin-dialog-overlay").appendChild(document.createElement("slot")),this.#q(),N(this,this.baseElement,{includeAttrs:["opened"]}),this.handleOpened()})}#q(){const e=this.baseElement.shadowRoot.querySelector("vaadin-dialog-overlay");e._attachOverlay=()=>{e.bringToFront(),Y("\n          :host {\n            display: flex!important;\n          }\n          ",this.baseElement)},e._detachOverlay=()=>{this.baseElement.style.display="none"},e._enterModalState=()=>{},e.close=()=>!1}})(nt({slots:[""],wrappedEleName:"vaadin-dialog",style:()=>"\n      vaaadin-dialog {\n        display: flex!important;\n      }\n    ",excludeAttrsSync:["tabindex","opened","style"],componentName:$d}));customElements.define($d,qd);const Yd=window.customElements.get("vaadin-notification-container");if(!Yd)throw new Error("could not get vaadin-notification-container class");customElements.define(z("notification-container"),class extends Yd{});const Ud=z("notification-card"),Gd={content:()=>"vaadin-notification-card::part(content)",overlay:()=>"vaadin-notification-card::part(overlay)"},Zd=w(Qe({mappings:{hostMinWidth:{selector:Gd.content,property:"min-width"},fontFamily:{},fontSize:{},backgroundColor:{selector:Gd.content},textColor:{property:"color"},boxShadow:{},borderWidth:{selector:Gd.content,property:"border-width"},borderColor:{selector:Gd.content,property:"border-color"},borderStyle:{selector:Gd.content,property:"border-style"},borderRadius:[{selector:Gd.content,property:"border-radius"},{selector:Gd.overlay,property:"border-radius"}],verticalPadding:[{selector:Gd.content,property:"padding-top"},{selector:Gd.content,property:"padding-bottom"}],horizontalPadding:[{selector:Gd.content,property:"padding-right"},{selector:Gd.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()}}})(nt({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:Ud}));customElements.define(Ud,Zd);const Qd=z("notification"),Jd=w(Je,Ke,et,e=>class t extends e{#He;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.#He}),this.baseElement._removeNotificationCard=this.close.bind(this)}close(){this.#He.close()}init(){super.init?.(),this.createCard(),N(this,this.#He),k(this.#He,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.#He=document.createElement("descope-notification-card"),this.#He.addEventListener("card-closed",this.removeNotification.bind(this))}})(nt({wrappedEleName:"vaadin-notification",excludeAttrsSync:["tabindex","style"],componentName:Qd}));customElements.define(Qd,Jd);const Kd=z("mappings-field-internal"),Xd=vt({componentName:Kd,baseSelector:"div"}),ec=z("mappings-field"),{host:tc,helperText:rc,errorMessage:oc,mappingItem:ic,labels:nc,labelsText:ac,valueLabel:sc,attrLabel:lc,separator:dc,labelsContainer:cc}={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"]'}},pc=w(Qe({mappings:{hostWidth:{...tc,property:"width"},hostDirection:{...tc,property:"direction"},fontSize:[{},tc,{...dc,property:"margin-top"}],fontFamily:[rc,oc,nc],separatorFontSize:{...dc,property:"font-size"},labelsFontSize:{...ac,property:"font-size"},labelsLineHeight:[{...ac,property:"line-height"},{...nc,property:"line-height"}],labelTextColor:[{...nc,property:Fi.cssVarList.textColor},{...dc,property:"color"}],itemMarginBottom:{...ic,property:"margin-bottom"},valueLabelMinWidth:{...sc,property:"min-width"},attrLabelMinWidth:{...lc,property:"min-width"},labelsMarginBottom:{...cc,property:"margin-bottom"},separatorWidth:{},removeButtonWidth:{}}}),Je,ut({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),Ke,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      <${Kd}\n        tabindex="-1"\n      ></${Kd}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Kd),N(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"]}),k(this,this.inputElement,{includeAttrs:["invalid"]}),this.setDefaultValues()}})(nt({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(${pc.cssVarList.separatorWidth}) 1fr var(${pc.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        ${Fi.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(${pc.cssVarList.separatorWidth}) 1fr var(${pc.cssVarList.removeButtonWidth});\n      }\n    `,excludeAttrsSync:["tabindex","label-value","label-attr","button-label","options","error-message","style"],componentName:ec}));customElements.define(Kd,class extends Xd{#qe;static get observedAttributes(){return[].concat(Xd.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),N(this,t,{includeAttrs:["size","full-width","separator","options","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),setTimeout(()=>{this.setCustomValidity(""),t.addEventListener("mapping-item-removed",()=>{t===this.#qe&&(this.resetInvalidIndication(),this.#qe=void 0),t.remove(),this.setCustomValidity("")}),this.dispatchEvent(new CustomEvent("mapping-item-added",{bubbles:!0,composed:!0})),e&&t.focus()},0),t}get items(){return Array.from(this.mappingsContainerEle.querySelectorAll("descope-mapping-item"))}get value(){return this.items.reduce((e,t)=>t.value?[...e,t.value]:e,[])}set value(e){if(!this.isValidDataType(e))return void console.error("received invalid value to set - should be an array of objects with one key-value pair");const t=this.items;if(t.length>e.length)for(let r=e.length;r<t.length;r++)this.mappingsContainerEle.removeChild(t[r]);e.forEach((e,r)=>{const o=t[r];if(o)o.value=e;else{const t=this.addNewMappingItem(!1);setTimeout(()=>{t.value=e},0)}})}constructor(){super(),this.innerHTML='\n      <div class="labels-container" part="labels"></div>\n      <div class="mappings-container"></div>\n      <div class="button-container"></div>\n    ',this.labelsEle=this.querySelector(".labels-container"),this.mappingsContainerEle=this.querySelector(".mappings-container"),this.buttonContainer=this.querySelector(".button-container")}initLabels(){this.labelsEle.innerHTML=`\n      <descope-text variant="body2" part="value-label">${this.labelValue}</descope-text>\n      <descope-text variant="body2" part="attr-label">${this.labelAttr}</descope-text>\n    `}initAddButton(){this.buttonContainer.innerHTML=`\n      <descope-button variant="link" mode="primary" disabled="${this.isDisabled}">\n        <vaadin-icon icon="vaadin:plus"></vaadin-icon>\n        ${this.buttonLabel}\n      </descope-button>\n    `;const e=this.querySelector("descope-button");e.onclick=()=>{this.addNewMappingItem(!0)},N(this,e,{includeAttrs:["disabled"]})}#Ye(){this.labelsEle.style.display=this.items.length?"grid":"none"}init(){this.addEventListener("focus",e=>{e.isTrusted&&(this.#qe||this.items[0]||this.querySelector("descope-button")).focus()}),super.init?.(),this.initLabels(),this.initAddButton(),this.addEventListener("input",()=>{this.mappingsContainerEle.contains(this.#qe)&&this.#qe?.checkValidity()&&(this.resetInvalidIndication(),this.#qe.removeAttribute("invalid"),this.#qe=void 0)}),E(this.mappingsContainerEle,this.#Ye.bind(this))}resetInvalidIndication(){this.removeAttribute("invalid")}getValidity(){const e=this.items.find(e=>!e.checkValidity());return e?e.validity:{}}#Ue(e){e&&(this.#qe=this.items.find(e=>!e.checkValidity()),this.#qe?.reportValidity(),this.#qe?.setAttribute("invalid","true"))}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"label-value"!==e&&"label-attr"!==e||this.initLabels(),"button-label"===e&&this.initAddButton(),"invalid"===e&&this.#Ue("true"===r),"readonly"===e&&this.toggleAttribute("inert","true"===r)}});const uc=z("mapping-item"),hc=["size","bordered","readonly","full-width","disabled","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],mc=vt({componentName:uc,baseSelector:"div"});customElements.define(uc,class extends mc{static get observedAttributes(){return[].concat(mc.observedAttributes||[],hc,["separator","options","invalid","disabled"])}get separator(){return this.getAttribute("separator")||"map to"}get value(){const e=this.attributeInput.value,t=this.valueInput.value;return e&&t?{[e]:t}:null}set value(e){if(1!==Object.entries(e).length)return void console.error("descope-mapping item expected expects only one key-value pair in the value but received: ",e);const[t,r]=Object.entries(e)[0];this.valueInput.value=r,this.attributeInput.value=t,this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n      <div class="wrapper" part="wrapper">\n        <descope-text-field required="true"></descope-text-field>\n        <div class="separator" part="separator">${this.separator}</div>\n        <descope-combo-box\n          item-label-path="data-name"\n          item-value-path="data-id"\n          required="true"\n        >\n        </descope-combo-box>\n        <descope-button variant="link" mode="primary">\n          <vaadin-icon icon="vaadin:minus"></vaadin-icon>\n        </descope-button>\n      </div>\n\t`,Y("\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"),N(this,this.valueInput,{includeAttrs:hc}),N(this,this.attributeInput,{includeAttrs:[...hc,"options"],mapAttrs:{options:"data"}}),N(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}#Ge(e){"true"===e&&(this.valueInput.value||(this.valueInput.setAttribute("invalid","true"),this.valueInput.setAttribute("error-message",this.defaultErrorMsgValueMissing)),this.attributeInput.value||(this.attributeInput.setAttribute("invalid","true"),this.attributeInput.setAttribute("error-message",this.defaultErrorMsgValueMissing)))}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"separator"===e&&this.handleSeparatorChange(),"invalid"===e&&this.#Ge(r)}}),customElements.define(ec,pc);const gc=$("badge");class bc extends(gr({componentName:gc,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t",Y("\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      ",this)}}const yc=B(lr({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{}}}),dr,cr)(bc),fc=z("user-attribute");class vc extends(ot({componentName:fc,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              <vaadin-icon src=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPgo8L3N2Zz4K></vaadin-icon>\n            </descope-button>\n            <descope-button size="xs" data-id="delete-btn" square="true" variant="link" mode="primary">\n              <vaadin-icon src=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPgo8L3N2Zz4K></vaadin-icon>\n            </descope-button>\n          </div>\n        </div>\n      </div>\n\t\t',Y(`\n      :host {\n\t\t\t\t\tdisplay: inline-flex;\n          container-type: inline-size;\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        @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(${Fi.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})))}static get observedAttributes(){return["label","value","placeholder","required","badge-label","badge-tooltip-text"].concat(super.observedAttributes)}handleDeleteButtonVisibility(){this.deleteButton.classList.toggle("hidden",this.isRequired||!this.value)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("label"===e?this.onLabelChange():"value"===e||"placeholder"===e?this.onValueOrPlaceholderChange():"required"===e?this.onIsRequiredChange():"badge-label"===e?this.onBadgeLabelChange():"badge-tooltip-text"===e&&this.onBadgeTooltipTextChange(),"value"!==e&&"required"!==e||this.handleDeleteButtonVisibility())}}const{host:xc,textFields:Cc,buttons:wc,badge:Ic,labelText:Mc,contentWrapper:Sc}={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"}},Ac=w(Qe({mappings:{hostWidth:{...xc,property:"width"},hostMinWidth:{...xc,property:"min-width"},hostMaxWidth:{...xc,property:"max-width"},hostDirection:[{...xc,property:"direction"},{...Cc,property:Fi.cssVarList.hostDirection},{...wc,property:no.cssVarList.hostDirection},{...Ic,property:yc.cssVarList.hostDirection}],labelMinWidth:{...Mc,property:"min-width"},contentMinWidth:{...Sc,property:"min-width"},badgeMaxWidth:{...Ic,property:"max-width"},itemsGap:[{property:"gap"},{...Sc,property:"gap"}]}}),Je,Ke)(vc);customElements.define(gc,yc),customElements.define(fc,Ac);const Ec=z("user-auth-method");class Tc extends(ot({componentName:Ec,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',Y('\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"]{\n          display: inline-flex;\n          align-items: center;\n        }\n          ',this),this.unfulfilledButton=this.shadowRoot.querySelector(".btn.unfulfilled"),this.fulfilledButton=this.shadowRoot.querySelector(".btn.fulfilled"),this.statusIndicator=this.shadowRoot.querySelector(".status-indicator"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}updateButtonLabel(e,t){let r=e.querySelector("span");t?(r||(r=document.createElement("span"),e.appendChild(r)),r.innerText=t):r&&e.removeChild(r)}onFulfilledChange(){this.isFulfilled?(this.unfulfilledButton.classList.add("hidden"),this.handleFulfilled()):(this.fulfilledButton.classList.add("hidden"),this.handleUnfulfilled())}handleFulfilled(){this.fulfilledButton.classList.toggle("hidden",!this.isFulfilledEditable),this.statusIndicator.classList.toggle("hidden",this.isFulfilledEditable)}handleUnfulfilled(){this.unfulfilledButton.classList.toggle("hidden",!this.isUnfulfilledEditable),this.statusIndicator.classList.toggle("hidden",this.isUnfulfilledEditable)}get label(){return this.getAttribute("label")||""}get unfulfilledButtonLabel(){return this.getAttribute("button-label")||""}get fulfilledButtonLabel(){return this.getAttribute("fulfilled-button-label")||""}get isFulfilled(){return"true"===this.getAttribute("fulfilled")}get isFulfilledEditable(){return"true"===this.getAttribute("fulfilled-editable")}get isUnfulfilledEditable(){return"false"!==this.getAttribute("unfulfilled-editable")}init(){this.onLabelChange(),this.updateButtonLabel(this.fulfilledButton,this.fulfilledButtonLabel),this.updateButtonLabel(this.unfulfilledButton,this.unfulfilledButtonLabel),this.onFulfilledChange(),this.unfulfilledButton.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("button-clicked",{bubbles:!0,composed:!0}))),this.fulfilledButton.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("fulfilled-button-clicked",{bubbles:!0,composed:!0}))})}static get observedAttributes(){return["label","fulfilled","button-label","fulfilled-button-label","fulfilled-editable","unfulfilled-editable"].concat(super.observedAttributes)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("label"===e?this.onLabelChange():"fulfilled"===e?this.onFulfilledChange():"button-label"===e?this.updateButtonLabel(this.unfulfilledButton,this.unfulfilledButtonLabel):"fulfilled-button-label"===e?this.updateButtonLabel(this.fulfilledButton,this.fulfilledButtonLabel):"fulfilled-editable"===e&&this.isFulfilled?this.handleFulfilled():"unfulfilled-editable"!==e||this.isFulfilled||this.handleUnfulfilled())}}const{host:kc,textField:zc,buttons:Lc,badge:Nc,textWrapper:Dc,methodIconSlot:Vc}={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"]'}},Pc=w(Qe({mappings:{hostWidth:{...kc,property:"width"},hostMinWidth:{...kc,property:"min-width"},hostMaxWidth:{...kc,property:"max-width"},hostDirection:[{...kc,property:"direction"},{...zc,property:Fi.cssVarList.hostDirection},{...Lc,property:no.cssVarList.hostDirection},{...Nc,property:yc.cssVarList.hostDirection}],itemsGap:[{property:"gap"},{...Dc,property:"gap"}],iconSize:[{...Vc,property:"width"},{...Vc,property:"height"}],iconColor:[{selector:()=>"::slotted(*)",property:Xr.cssVarList.fill}]}}),Je,Ke)(Tc);customElements.define(Ec,Pc);const Bc=z("saml-group-mappings-internal"),Rc=vt({componentName:Bc,baseSelector:""}),Oc=z("saml-group-mappings"),{host:jc,groupInput:Fc,errorMessage:Wc}={host:{selector:()=>":host"},groupInput:{selector:"descope-text-field"},errorMessage:{selector:"::part(error-message)"}},_c=w(Qe({mappings:{hostWidth:{...jc,property:"width"},hostDirection:{...jc,property:"direction"},groupNameInputMarginBottom:{...Fc,property:"margin-bottom"},errorMessageIcon:{...Wc,property:"background-image"},errorMessageIconSize:{...Wc,property:"background-size"},errorMessageIconPadding:{...Wc,property:"padding-inline-start"},errorMessageIconRepeat:{...Wc,property:"background-repeat"},errorMessageIconPosition:{...Wc,property:"background-position"},errorMessageFontSize:{...Wc,property:"font-size"}}}),Je,ut({proxyProps:["value","selectionStart"],inputEvent:"input",triggerValidationEvents:["mapping-item-added","mapping-item-removed"],proxyParentValidation:!0}),Ke,e=>class extends e{init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${Bc}\n        tabindex="-1"\n      ></${Bc}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Bc),N(this,this.inputElement,{includeAttrs:["size","full-width","label-group","label-value","label-attr","button-label","separator","options","readonly","disabled"]}),k(this,this.inputElement,{includeAttrs:["invalid"]})}})(nt({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:Oc}));customElements.define(Bc,class extends Rc{static get observedAttributes(){return["invalid"].concat(Rc.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?.(),N(this,this.groupInputElement,{mapAttrs:{"label-group":"label"},includeAttrs:["size","label-group","readonly","disabled"]}),N(this,this.mappingsElement,{includeAttrs:["size","full-width","label-value","label-attr","button-label","separator","options","readonly","disabled","data-errormessage-pattern-mismatch"]}),A(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}#Ze(e){if(e){if(!this.groupInputElement.checkValidity())return void this.groupInputElement.setAttribute("invalid","true");this.mappingsElement.checkValidity()||this.mappingsElement.setAttribute("invalid","true")}}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),"invalid"===e&&this.#Ze("true"===r)}}),customElements.define(Oc,_c);const $c=z("radio-button"),Hc=w(Qe({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"}}}),ut({proxyProps:["setSelectionRange"]}),Ke,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")}})(nt({slots:[""],wrappedEleName:"vaadin-radio-button",excludeAttrsSync:["tabindex","data","style"],includeForwardProps:["checked","name","disabled"],componentName:$c})),qc=z("radio-group"),Yc=w(Qe({mappings:{...vi,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(${Hc.componentName})`,property:Hc.cssVarList.labelTextColor}}}),Je,ut({proxyProps:["setSelectionRange"]}),Ke,e=>class extends e{#$=({value:e,label:t})=>`<descope-radio-button value="${e}">${t}</descope-radio-button>`;#R;constructor(){super(),Object.defineProperty(this.baseElement,"children",{get:()=>this.querySelectorAll($c)}),this.baseElement.__filterRadioButtons=e=>e.filter(e=>e.localName===$c),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.#$?.(t||{})||""),"")}renderItems(){const e=this.getItemsTemplate();e&&(this.innerHTML=e)}init(){super.init?.(),this.inputElement=this.baseElement,this.renderItems(),A(this,this.renderItems.bind(this),{includeAttrs:["data"]}),Object.defineProperty(this.baseElement,"validity",{get:()=>({valueMissing:!this.baseElement.checkValidity()})}),N(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)})}),A(this,()=>{this.items.forEach(e=>{e.setAttribute("size",this.size)})},{includeAttrs:["size"]})}})(nt({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    ${Ne("vaadin-radio-group")}\n    `,excludeAttrsSync:["tabindex","size","data","direction","style"],componentName:qc,includeForwardProps:["value"]}));customElements.define(qc,Yc),customElements.define($c,Hc);const Uc=()=>!0,Gc=e=>`<pre>${JSON.stringify(e,null,4)}</pre>`,Zc=z("scopes-list"),Qc=["checkbox","switch"];class Jc extends(ot({componentName:Zc,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",Y("\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"}#Qe(){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.#Qe().filter(e=>e.checked).map(e=>e.getAttribute("data-id"))}set value(e=[]){this.#Qe().forEach(t=>{t.checked=e.includes(t.getAttribute("data-id"))})}get variant(){const e=this.getAttribute("variant");return Qc.includes(e)?e:Qc[0]}}const Kc=w(Qe({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>Vt.componentName,property:Vt.cssVarList.hostDirection},{selector:()=>Ht.componentName,property:Ht.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},requiredInputBorderColor:[{selector:`${Vt.componentName}[required="true"]`,property:Vt.cssVarList.inputBorderColor},{selector:`${Ht.componentName}[required="true"]`,property:Ht.cssVarList.inputBorderColor}],requiredInputValueTextColor:[{selector:`${Vt.componentName}[required="true"]`,property:Vt.cssVarList.inputValueTextColor},{selector:`${Ht.componentName}[required="true"]`,property:Ht.cssVarList.knobColor}]}}),(({itemRenderer:e=Gc,validateSchema:t=Uc,slotName:r,rerenderAttrsList:o=[]})=>i=>class extends i{#R=[];#j(e){if(!t)return!0;const r=t(e);return!0===r||(console.error("Data schema validation failed",r||""),!1)}#F(){const e=r?`*[slot="${r}"]`:":not([slot])";this.baseElement.querySelectorAll(e).forEach(e=>e.remove())}#W(){this.#F(),this.data.forEach((t,r)=>{const o="string"==typeof(i=e(t,r,this))?(e=>{const t=document.createElement("template");return t.innerHTML=e,t})(i).content:i instanceof HTMLTemplateElement?i.content:(console.error("Invalid template",i),null);var i;this.baseElement.appendChild(o?.cloneNode(!0))})}set data(e){this.#j(e)&&(this.#R=e,this.#W())}get data(){return this.#R}init(){super.init?.(),A(this,e=>{e.includes("data")?this.#_():this.#W()},{includeAttrs:[...o,"data"]})}#_(){const e=this.getAttribute("data");if(e)try{this.data=JSON.parse(e)}catch(t){console.warn("Invalid JSON data",e)}}})({itemRenderer:({id:e,desc:t,required:r=!1},o,i)=>{const n="checkbox"===i.variant?Vt:Ht;return`\n    <${n.componentName}\n      bordered="true"\n      size=${i.size}\n      label="${t}"\n      data-id="${e}"\n      readonly="${r||i.isReadOnly}"\n      required="${r}"\n      checked="true"\n    ></${n.componentName}>\n`},rerenderAttrsList:["size","variant"]}),Je,Ke)(Jc),Xc=$("list-item"),ep=B(lr({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:{}}}),dr,cr,e=>class extends e{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n      <slot></slot>\n    ",Y("\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})})}})(gr({componentName:Xc,baseSelector:"slot"}));customElements.define(Xc,ep);const tp=$("list");class rp extends(gr({componentName:tp,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',Y('\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()}#Je(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#Ke(){this.items.forEach(e=>{let t=e;t.localName!==ep.componentName&&(t=e.querySelector(ep.componentName));const r="tiles"===this.variant?"tile":"row";t?.setAttribute("variant",r)})}init(){super.init?.(),F(this,()=>{this.#Je(),this.#Ke(),this.#Xe()})}get isReadOnly(){return"true"===this.getAttribute("readonly")}#Xe(){this.items.forEach(e=>{this.isReadOnly?e.setAttribute("inert",""):e.removeAttribute("inert")})}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&("variant"===e?this.#Ke():"readonly"===e&&this.#Xe())}}const op=B(lr({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"},itemsHorizontalAlign:{selector:()=>"::slotted(*)",property:"justify-self"},emptyStateTextColor:{selector:()=>'slot[name="empty-state"]',property:"color"},emptyStateTextFontFamily:{selector:()=>'slot[name="empty-state"]',property:"font-family"}}}),dr,cr)(rp);customElements.define(tp,op),customElements.define(Zc,Kc);const ip=z("third-party-app-logo");class np extends(ot({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',Y('\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",sp=">.third-party-app-logo-wrapper",lp=w(Qe({mappings:{logoMaxHeight:[{selector:ap,property:"height"},{selector:sp,property:"height"}],logoMaxWidth:[{selector:ap,property:"max-width"},{selector:sp,property:"max-width"}],thirdPartyAppLogo:{selector:()=>".third-party-app-logo",property:"content",fallback:{}},companyLogoFallback:{selector:Xi.componentName,property:Xi.cssVarList.fallbackUrl},gap:{},arrowsColor:{selector:Xr.componentName,property:Xr.cssVarList.fill}}}),Je,Ke)(np);customElements.define(Gr,Jr),customElements.define(Kr,Xr),customElements.define(ip,lp);const dp=z("security-questions-setup"),cp=["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"],pp=["count","questions"];class up extends(ot({componentName:dp,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",Y("\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}#et(){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.#tt(cp)}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(dp,"Error parsing questions attribute",e),[]}}get data(){return this.questions.map(({id:e,text:t})=>({value:e,label:t}))}get comboBoxes(){return Array.from(this.baseElement.querySelectorAll("descope-combo-box"))}get textFields(){return Array.from(this.baseElement.querySelectorAll("descope-text-field"))}get inputs(){return Array.from(this.baseElement.querySelectorAll("descope-combo-box, descope-text-field"))}get selectedQuestionIds(){return this.comboBoxes.map(e=>e.value)}get value(){return this.comboBoxes.map(e=>({id:e.value,answer:this.getAttachedTextField(e).value}))}set value(e=[]){e.forEach((e,t)=>{const r=this.comboBoxes[t],o=this.getAttachedTextField(r);r.value=e.id,o.value=e.answer})}#rt(e,t,r){null===r?e.removeAttribute(t):e.setAttribute(t,r)}#tt(e){const t={question:this.comboBoxes,answer:this.textFields};e.forEach(e=>{const[r,...o]=e.split("-"),i=t[r]||this.inputs,n=t[r]?o.join("-"):e;i.forEach(t=>{this.#rt(t,n,this.getAttribute(e))})})}init(){super.init?.(),A(this,()=>{this.#et()},{includeAttrs:pp}),A(this,this.#tt.bind(this),{includeAttrs:cp})}}const hp=w(Qe({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>Yr.componentName,property:Yr.cssVarList.hostDirection},{selector:()=>wi.componentName,property:wi.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"}}}),Je,Ke)(up);customElements.define(dp,hp);const mp=z("security-questions-verify"),gp=["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"],yp={"answer-placeholder":"placeholder","answer-data-errormessage-value-missing":"data-errormessage-value-missing","question-mode":"mode"},fp=[...gp,...bp],vp=["questions"];class xp extends(ot({componentName:mp,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",Y("\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n        ",this)}#et(){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.#tt(fp),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(mp,"Error parsing questions attribute",e),[]}}get texts(){return Array.from(this.baseElement.querySelectorAll("descope-text"))}get textFields(){return Array.from(this.baseElement.querySelectorAll("descope-text-field"))}get elements(){return Array.from(this.baseElement.querySelectorAll("descope-text, descope-text-field"))}get value(){return this.textFields.map(e=>({id:e.getAttribute("data-id"),answer:e.value}))}set value(e=[]){e.forEach(({id:e,answer:t})=>{const r=this.textFields.find(t=>t.getAttribute("data-id")===e);r&&(r.value=t)})}#rt(e,t,r){null===r?e.removeAttribute(t):e.setAttribute(t,r)}#ot(e){switch(!0){case gp.includes(e):return this.textFields;case bp.includes(e):return this.texts;default:return[]}}#tt(e){e.forEach(e=>{this.#ot(e).forEach(t=>{this.#rt(t,yp[e]||e,this.getAttribute(e))})})}init(){super.init?.(),A(this,()=>{this.#et()},{includeAttrs:vp}),A(this,this.#tt.bind(this),{includeAttrs:fp})}}const Cp=w(Qe({componentNameOverride:z("input-wrapper")}),Qe({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>Fi.componentName,property:Fi.cssVarList.hostDirection},{selector:()=>wi.componentName,property:wi.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"},questionTextAlign:{selector:()=>Fi.componentName,property:Fi.cssVarList.textAlign},questionFontSize:{selector:()=>Fi.componentName,property:Fi.cssVarList.fontSize},questionFontFamily:{selector:()=>Fi.componentName,property:Fi.cssVarList.fontFamily},questionCursor:{selector:()=>Fi.componentName,property:"cursor"},errorMessageIcon:{selector:()=>Fi.componentName,property:Fi.cssVarList.errorMessageIcon},errorMessageIconSize:{selector:()=>Fi.componentName,property:Fi.cssVarList.errorMessageSize},errorMessageIconPadding:{selector:()=>Fi.componentName,property:Fi.cssVarList.errorMessagePadding},errorMessageIconRepeat:{selector:()=>Fi.componentName,property:Fi.cssVarList.errorMessageRepeat},errorMessageIconPosition:{selector:()=>Fi.componentName,property:Fi.cssVarList.errorMessagePosition},errorMessageFontSize:{selector:()=>Fi.componentName,property:Fi.cssVarList.errorMessageFontSize}}}),Je,Ke)(xp);customElements.define(mp,Cp);const wp=/^\d+$/,Ip=z("hybrid-field"),Mp={shared:["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:["label","placeholder","data-errormessage-value-missing-email","data-errormessage-pattern-mismatch-email","external-input"],phone:{countryCode:["phone-input-label","country-input-label","country-input-placeholder","restrict-countries","default-code","phone-minlength","phone-format-value","phone-strict-validation","data-errormessage-value-missing-phone"],inputBox:["label","restrict-countries","default-code","phone-minlength","phone-format-value","phone-strict-validation","data-errormessage-value-missing-phone"]}},Sp={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"}},Ap="descope-phone-field",Ep=ot({componentName:Ip,baseSelector:"div"}),Tp=w(Qe({componentNameOverride:z("input-wrapper")}),Qe({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:()=>Ca.componentName,property:Ca.cssVarList.errorMessageIcon},{selector:()=>Oa.componentName,property:Oa.cssVarList.errorMessageIcon}],errorMessageIconSize:[{selector:()=>Ca.componentName,property:Ca.cssVarList.errorMessageIconSize},{selector:()=>Oa.componentName,property:Oa.cssVarList.errorMessageIconSize}],errorMessageIconPadding:[{selector:()=>Ca.componentName,property:Ca.cssVarList.errorMessageIconPadding},{selector:()=>Oa.componentName,property:Oa.cssVarList.errorMessageIconPadding}],errorMessageIconRepeat:[{selector:()=>Ca.componentName,property:Ca.cssVarList.errorMessageIconRepeat},{selector:()=>Oa.componentName,property:Oa.cssVarList.errorMessageIconRepeat}],errorMessageIconPosition:[{selector:()=>Ca.componentName,property:Ca.cssVarList.errorMessageIconPosition},{selector:()=>Oa.componentName,property:Oa.cssVarList.errorMessageIconPosition}],errorMessageFontSize:[{selector:()=>Ca.componentName,property:Ca.cssVarList.errorMessageFontSize},{selector:()=>Oa.componentName,property:Oa.cssVarList.errorMessageFontSize}]}}),Je,Ke)(class extends Ep{#it=!1;#nt;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <div class="wrapper">\n      <descope-email-field external-input="${this.isExternalInput}"></descope-email-field>\n      <descope-phone-field allow-alphanumeric-input="true"></descope-phone-field>\n      <descope-phone-input-box-field allow-alphanumeric-input="true"></descope-phone-input-box-field>\n    </div>\n\t\t`,Y("\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),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(Ap),this.phoneInputBoxInput=this.shadowRoot.querySelector("descope-phone-input-box-field"),this.inputs=[this.emailInput,this.phoneCountryCodeInput,this.phoneInputBoxInput],this.activeInput=this.emailInput}initInputEles(){[this.emailInputEle,this.phoneCountryCodeInput.phoneNumberInputEle,this.phoneInputBoxInput.phoneNumberInputEle].forEach(e=>{e.addEventListener("input",this.onValueChange.bind(this))})}overrideEmailInputType(){this.emailInputEle.addEventListener("focus",()=>{this.emailInputEle.setAttribute("type","text")}),this.emailInputEle.addEventListener("blur",()=>{setTimeout(()=>{this.emailInputEle.setAttribute("type","email")})})}overrideEmailSetAttribute(){const e=this.emailInput.setAttribute.bind(this.emailInputEle);this.emailInputEle.setAttribute=(t,r)=>("type"!==t||"email"!==r||!this.emailInput.hasAttribute("focused"))&&e(t,r)}updateAttrs(){N(this,this.emailInput,{includeAttrs:Mp.email,mapAttrs:Sp.email}),N(this,this.phoneCountryCodeInput,{includeAttrs:Mp.phone.countryCode,mapAttrs:Sp.phone}),N(this,this.phoneInputBoxInput,{includeAttrs:Mp.phone.inputBox,mapAttrs:Sp.phone}),this.inputs.forEach(e=>N(this,e,{includeAttrs:Mp.shared})),setTimeout(()=>this.phoneCountryCodeInput.setAttribute("default-code",this.defaultCode))}onValueChange(){this.#nt=this.activeInputEle.selectionStart,this.handleActiveInput(this.activeInput.value)}handleActiveInput(e){const t=(e=>wp.test(e.replaceAll("+","").replaceAll("-","")))(e)?this.phoneVariant:this.emailInput;this.activeInput!==t&&this.setActiveInput(t)}setActiveInput(e){const t=this.activeInput.value;this.activeInput=e,this.setActiveInputValue(t),this.#it&&this.activeInput.reportValidity(),this.setActiveInputSelectionStart(),this.toggleInputVisibility()}setActiveInputSelectionStart(){setTimeout(()=>{this.activeInputEle.focus(),this.activeInputEle.setSelectionRange?.(this.#nt,this.#nt)})}setActiveInputValue(e){const t=(e=>e.replace(/\+\d+-/,""))(e),r=this.activeInput.localName===Ap?`${this.phoneCountryCodeInput.countryCodeItems}-${t}`:t;this.activeInput.value=r}toggleInputVisibility(){this.inputs.forEach(e=>{e!==this.activeInput?e.classList.add("hidden"):e.classList.remove("hidden")})}reportValidity(){this.#it=!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(Ip,Tp);const kp=$("link");class zp extends(gr({componentName:kp,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',Y('\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),q(this,this.shadowRoot.querySelector("a"),{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),q(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]})}}const Lp={host:{selector:()=>":host"},link:{selector:()=>":host a"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>Fi.componentName}},{anchor:Np,text:Dp,host:Vp,wrapper:Pp,link:Bp}=Lp,Rp=B(lr({mappings:{hostWidth:{...Vp,property:"width"},hostDirection:{...Dp,property:"direction"},textAlign:Pp,textDecoration:{...Bp,property:"text-decoration",fallback:"none"},textColor:[{...Np,property:"color"},{...Dp,property:Fi.cssVarList.textColor}],cursor:Np}}),dr,cr)(zp);customElements.define(kp,Rp);const Op=["blockquote","list","image","table","code","hr","backticks","fence","reference","heading","lheading","html_block"],jp=$("enriched-text");class Fp extends(gr({componentName:jp,baseSelector:":host > div"})){#at;#st;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="content"></div>\n    ',Y("\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.#lt(),F(this,this.#dt.bind(this))}static get observedAttributes(){return["readonly","link-target-blank"]}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&("readonly"===e&&this.onReadOnlyChange("true"===r),"link-target-blank"===e&&this.#lt())}customUnderlineRenderer(){this.processor.renderer.rules.em_open=(e,t,r,o,i)=>("_"===e[t].markup&&(e[t].tag="u"),this.#st(e,t,r,o,i)),this.processor.renderer.rules.em_close=(e,t,r,o,i)=>("_"===e[t].markup&&(e[t].tag="u"),this.#st(e,t,r,o,i))}#ct(){this.linkTargetBlank?this.processor.renderer.rules.link_open=(e,t,r,o,i)=>(e[t].attrSet("target","_blank"),this.#at(e,t,r,o,i)):this.processor.renderer.rules.link_open=this.#at}#pt(){this.processor&&this.processor.disable(Op)}#ut(){this.#pt()}#ht(){this.#at=this.processor.renderer.rules.link_open||((e,t,r,o,i)=>i.renderToken(e,t,r)),this.#st=this.processor.renderer.rules.em_open||((e,t,r,o,i)=>i.renderToken(e,t,r))}#lt(){this.processor=new g.A("commonmark",{html:!0}),this.#ht(),this.#ut(),this.#ct(),this.customUnderlineRenderer()}get linkTargetBlank(){return"true"===this.getAttribute("link-target-blank")}get contentNode(){return this.shadowRoot.querySelector(".content")}#dt(){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}onReadOnlyChange(e){e?this.contentNode.setAttribute("inert",e):this.contentNode.removeAttribute("inert")}}const Wp=B(lr({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:{}}}),lr({componentNameOverride:$("link")}),lr({componentNameOverride:$("text")}),dr,cr)(Fp);customElements.define(jp,Wp);const _p=z("alert");class $p extends(ot({componentName:_p,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div>\n      <div class="icon"></div>\n      <div class="content">\n        <descope-enriched-text>\n          <slot></slot>\n        </descope-enriched-text>\n      </div>\n    </div>\n    ',Y('\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)),_(this.textComp,this,{includeAttrs:["empty"]}),F(this,this.handleChildrenChange.bind(this)),N(this,this.textComp,{includeAttrs:["variant","full-width","link-target-blank"]})}handleChildrenChange(){this.textComp.textContent=this.textContent}handleSlotChange(){const e=this.slotEle.assignedNodes({flatten:!0});e.length&&(this.textComp.textContent=e[0]?.textContent||"")}}const{icon:Hp}={icon:{selector:()=>".icon"}},qp=w(Qe({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},textColor:{selector:Wp.componentName,property:Wp.cssVarList.textColor},backgroundColor:{},borderColor:{},borderWidth:{},borderStyle:{},borderRadius:{},fontSize:[{},{selector:Wp.componentName,property:Wp.cssVarList.fontSize}],gap:{},horizontalPadding:[{property:"padding-top"},{property:"padding-bottom"}],verticalPadding:[{property:"padding-right"},{property:"padding-left"}],alignItems:{},justifyContent:[{},{selector:Wp.componentName,property:Wp.cssVarList.textAlign}],icon:[{...Hp,property:"content"},{...Hp,property:"display",fallback:"none"}],iconSize:[{...Hp,property:"width"},{...Hp,property:"height"}]}}),Qe({componentNameOverride:z("enriched-text")}),Qe({componentNameOverride:z("text")}),Je,Ke)($p);customElements.define(_p,qp);const Yp=z("hcaptcha"),Up=["enabled","site-key"],Gp=vt({componentName:Yp,baseSelector:":host > div"}),Zp=w(Qe({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"}]}}),Je,Ke)(class extends Gp{static get observedAttributes(){return Up.concat(Gp.observedAttributes||[])}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&"enabled"===e&&this.toggleCaptchaEles("true"===r)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="badge">\n      <span id="hcaptcha"></span>\n      <input id="hcaptcha-input" type="hidden" name="hcaptcha" required />\n      <img src="https://imgs.descope.com/connectors/templates/hcaptcha/hcaptcha-big.png" alt="hcaptcha"/>\n    </div>\n    <slot></slot>\n\t',Y("\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?.(),F(this,this.updatePreview.bind(this)),this.inputElement.getValidity=null,this.inputElement.checkValidity=null}toggleCaptchaEles(e){e?(this.captchaEle.style.display="",this.mockCaptchaEle.style.display="none"):(this.captchaEle.style.display="none",this.mockCaptchaEle.style.display="")}updatePreview(){this.toggleCaptchaEles(this.enabled)}getValidity(){return this.inputElement.value?{}:{valueMissing:!0}}checkValidity(){return!!this.inputElement.value}get siteKey(){return this.getAttribute("site-key")}get enabled(){return"true"===this.getAttribute("enabled")}});customElements.define(Yp,Zp);const Qp=(nu={surface:{main:"#ffffff",dark:"#636c74",light:"#cfd3d7",highlight:"#f4f5f6",contrast:"#181a1c"},primary:{main:"#006af5",dark:"#004094",light:"#71aeff",highlight:"#f0f6ff",contrast:"#ffffff"},secondary:{main:"#802ed6",dark:"#6410bc",light:"#be89f5",highlight:"#ede7f6",contrast:"#ffffff"},success:{main:"#008000",dark:"#005700",light:"#8bc38b",highlight:"#f5faf5",contrast:"#ffffff"},error:{main:"#e21d12",dark:"#b3170f",light:"#f4807a",highlight:"#fef1f1",contrast:"#ffffff"},warning:{main:"#c45512",dark:"#a24309",light:"#ff985a",highlight:"#fdf0e5",contrast:"#ffffff"}},Object.keys(nu).reduce((e,t)=>{const r=nu[t];return Object.assign(e,{[t]:Me(r)})},{})),Jp={font1:{family:["Roboto","ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"],label:"Roboto",url:"https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700,800,900"},font2:{family:["ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"],label:"Sans Serif"}},Kp=Re({fonts:Jp}).fonts,Xp={colors:Qp,typography:{h1:{font:Kp.font1.family,weight:"900",size:"48px"},h2:{font:Kp.font1.family,weight:"800",size:"38px"},h3:{font:Kp.font1.family,weight:"600",size:"28px"},subtitle1:{font:Kp.font2.family,weight:"500",size:"22px"},subtitle2:{font:Kp.font2.family,weight:"400",size:"20px"},body1:{font:Kp.font1.family,weight:"400",size:"16px"},body2:{font:Kp.font1.family,weight:"400",size:"14px"}},spacing:{xs:"2px",sm:"4px",md:"8px",lg:"16px",xl:"32px"},border:{xs:"1px",sm:"2px",md:"3px",lg:"4px",xl:"5px"},radius:{xs:"5px",sm:"10px",md:"15px",lg:"20px",xl:"25px","2xl":"30px","3xl":"35px"},shadow:{wide:{sm:"0 2px 3px -0.5px",md:"0 4px 6px -1px",lg:"0 10px 15px -3px",xl:"0 20px 25px -5px","2xl":"0 25px 50px -12px"},narrow:{sm:"0 1px 2px -1px",md:"0 2px 4px -2px",lg:"0 4px 6px -4px",xl:"0 8px 10px -6px","2xl":"0 16px 16px -8px"}},fonts:Jp,direction:"ltr"},eu=(e=>Pe(e,[],e=>Ve({},e,De(e))))(Xp),tu=(e=>Object.keys(e).reduce((t,r)=>{const o=e[r];return Object.assign(t,{[r]:ae(o)})},{}))({surface:{main:"#ffffff",dark:"#636c74",light:"#cfd3d7",highlight:"#f4f5f6",contrast:"#181a1c"},primary:{main:"#006af5",dark:"#004094",light:"#71aeff",highlight:"#f0f6ff",contrast:"#ffffff"},secondary:{main:"#802ed6",dark:"#6410bc",light:"#be89f5",highlight:"#ede7f6",contrast:"#ffffff"},success:{main:"#008000",dark:"#005700",light:"#8bc38b",highlight:"#f5faf5",contrast:"#ffffff"},error:{main:"#e21d12",dark:"#b3170f",light:"#f4807a",highlight:"#fef1f1",contrast:"#ffffff"},warning:{main:"#c45512",dark:"#a24309",light:"#ff985a",highlight:"#fdf0e5",contrast:"#ffffff"}}),ru={font1:{family:["Roboto","ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"],label:"Roboto",url:"https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700,800,900"},font2:{family:["ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"],label:"Sans Serif"}},ou=ce({fonts:ru}).fonts,iu={colors:tu,typography:{h1:{font:ou.font1.family,weight:"900",size:"48px"},h2:{font:ou.font1.family,weight:"800",size:"38px"},h3:{font:ou.font1.family,weight:"600",size:"28px"},subtitle1:{font:ou.font2.family,weight:"500",size:"22px"},subtitle2:{font:ou.font2.family,weight:"400",size:"20px"},body1:{font:ou.font1.family,weight:"400",size:"16px"},body2:{font:ou.font1.family,weight:"400",size:"14px"}},spacing:{xs:"2px",sm:"4px",md:"8px",lg:"16px",xl:"32px"},border:{xs:"1px",sm:"2px",md:"3px",lg:"4px",xl:"5px"},radius:{xs:"5px",sm:"10px",md:"15px",lg:"20px",xl:"25px","2xl":"30px","3xl":"35px"},shadow:{wide:{sm:"0 2px 3px -0.5px",md:"0 4px 6px -1px",lg:"0 10px 15px -3px",xl:"0 20px 25px -5px","2xl":"0 25px 50px -12px"},narrow:{sm:"0 1px 2px -1px",md:"0 2px 4px -2px",lg:"0 4px 6px -4px",xl:"0 8px 10px -6px","2xl":"0 16px 16px -8px"}},fonts:ru,direction:"ltr"};var nu;(e=>{de(e,[],e=>le({},e,se(e)))})(iu);const au=ce(iu),su=no.cssVarList,lu={primary:au.colors.primary,secondary:au.colors.secondary,success:au.colors.success,error:au.colors.error,surface:au.colors.surface},[du,cu,pu]=ue({mode:lu},eo),uu={...du,[su.fontFamily]:au.fonts.font1.family,[su.cursor]:"pointer",[su.hostHeight]:"3em",[su.hostWidth]:"auto",[su.hostDirection]:au.direction,[su.borderRadius]:au.radius.sm,[su.borderWidth]:au.border.xs,[su.borderStyle]:"solid",[su.borderColor]:"transparent",[su.labelSpacing]:"0.25em",[su.textAlign]:"center",textAlign:{right:{[su.textAlign]:"right"},left:{[su.textAlign]:"left"},center:{[su.textAlign]:"center"}},[su.verticalPadding]:"1em",[su.horizontalPadding]:"0.875em",[su.outlineWidth]:iu.border.sm,[su.outlineOffset]:"0px",[su.outlineStyle]:"solid",[su.outlineColor]:"transparent",[su.iconSize]:"1.5em",size:{xs:{[su.fontSize]:"12px"},sm:{[su.fontSize]:"14px"},md:{[su.fontSize]:"16px"},lg:{[su.fontSize]:"18px"}},_square:{[su.hostHeight]:"3em",[su.hostWidth]:"3em",[su.verticalPadding]:"0"},_fullWidth:{[su.hostWidth]:"100%"},_loading:{[su.cursor]:"wait",[su.labelTextColor]:cu.main},_disabled:{[pu.main]:au.colors.surface.light,[pu.dark]:au.colors.surface.dark,[pu.light]:au.colors.surface.light,[pu.contrast]:au.colors.surface.main,[su.iconColor]:au.colors.surface.main},variant:{contained:{[su.labelTextColor]:cu.contrast,[su.backgroundColor]:cu.main,_hover:{[su.backgroundColor]:cu.dark,_loading:{[su.backgroundColor]:cu.main}},_active:{[su.backgroundColor]:cu.main}},outline:{[su.labelTextColor]:cu.main,[su.borderColor]:cu.main,_hover:{[su.labelTextColor]:cu.dark,[su.borderColor]:cu.dark},_active:{[su.labelTextColor]:cu.main,[su.borderColor]:cu.main}},link:{[su.labelTextColor]:cu.main,[su.horizontalPadding]:"0.125em",_hover:{[su.labelTextColor]:cu.dark,[su.labelTextDecoration]:"underline"},_active:{[su.labelTextColor]:cu.main}}},_focused:{[su.outlineColor]:cu.light}},hu={...su,...pu};var mu=Object.freeze({__proto__:null,default:uu,vars:hu});const gu=z("input-wrapper"),bu=Re(Xp),[yu,fu,vu]=$e({labelTextColor:bu.colors.surface.dark,labelFontSize:"14px",labelFontWeight:"500",valueTextColor:bu.colors.surface.contrast,placeholderTextColor:bu.colors.surface.dark,requiredIndicator:"'*'",helperTextColor:bu.colors.surface.dark,errorMessageTextColor:bu.colors.error.main,successMessageTextColor:bu.colors.success.main,borderWidth:bu.border.xs,borderRadius:bu.radius.xs,borderColor:"transparent",outlineWidth:bu.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:bu.colors.surface.main,fontFamily:bu.fonts.font1.family,direction:bu.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:bu.border.xs,borderColor:bu.colors.surface.light,borderStyle:"solid",_invalid:{borderColor:bu.colors.error.main}},_focused:{outlineColor:bu.colors.surface.light,_invalid:{outlineColor:bu.colors.error.main}},_disabled:{labelTextColor:bu.colors.surface.light,borderColor:bu.colors.surface.light,valueTextColor:bu.colors.surface.light,placeholderTextColor:bu.colors.surface.light,helperTextColor:bu.colors.surface.light,backgroundColor:bu.colors.surface.main}},gu);var xu=Object.freeze({__proto__:null,default:yu,refs:fu,vars:vu});const Cu=Re(Xp),wu=wi.cssVarList,Iu={[wu.hostWidth]:fu.width,[wu.hostMinWidth]:fu.minWidth,[wu.hostDirection]:fu.direction,[wu.fontSize]:fu.fontSize,[wu.fontFamily]:fu.fontFamily,[wu.labelFontSize]:fu.labelFontSize,[wu.labelFontWeight]:fu.labelFontWeight,[wu.labelTextColor]:fu.labelTextColor,[wu.labelRequiredIndicator]:fu.requiredIndicator,[wu.errorMessageTextColor]:fu.errorMessageTextColor,[wu.inputValueTextColor]:fu.valueTextColor,[wu.inputPlaceholderColor]:fu.placeholderTextColor,[wu.inputBorderWidth]:fu.borderWidth,[wu.inputBorderStyle]:fu.borderStyle,[wu.inputBorderColor]:fu.borderColor,[wu.inputBorderRadius]:fu.borderRadius,[wu.inputOutlineWidth]:fu.outlineWidth,[wu.inputOutlineStyle]:fu.outlineStyle,[wu.inputOutlineColor]:fu.outlineColor,[wu.inputOutlineOffset]:fu.outlineOffset,[wu.inputBackgroundColor]:fu.backgroundColor,[wu.inputHeight]:fu.inputHeight,[wu.inputHorizontalPadding]:fu.horizontalPadding,[wu.helperTextColor]:fu.helperTextColor,[wu.textAlign]:fu.textAlign,textAlign:{right:{[wu.inputTextAlign]:"right"},left:{[wu.inputTextAlign]:"left"},center:{[wu.inputTextAlign]:"center"}},[wu.labelPosition]:fu.labelPosition,[wu.labelTopPosition]:fu.labelTopPosition,[wu.labelHorizontalPosition]:fu.labelHorizontalPosition,[wu.inputTransformY]:fu.inputTransformY,[wu.inputTransition]:fu.inputTransition,[wu.marginInlineStart]:fu.marginInlineStart,[wu.placeholderOpacity]:fu.placeholderOpacity,[wu.inputVerticalAlignment]:fu.inputVerticalAlignment,[wu.valueInputHeight]:fu.valueInputHeight,[wu.valueInputMarginBottom]:fu.valueInputMarginBottom,[wu.inputIconOffset]:Cu.spacing.md,[wu.inputIconSize]:fu.inputIconSize,[wu.inputIconColor]:fu.placeholderTextColor,[wu.errorMessageIcon]:fu.errorMessageIcon,[wu.errorMessageIconSize]:fu.errorMessageIconSize,[wu.errorMessageIconPadding]:fu.errorMessageIconPadding,[wu.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[wu.errorMessageIconPosition]:fu.errorMessageIconPosition,[wu.errorMessageFontSize]:fu.errorMessageFontSize};var Mu=Object.freeze({__proto__:null,default:Iu,textField:Iu,vars:wu});const Su=Re(Xp),Au=Fn.cssVarList,Eu={[Au.hostWidth]:fu.width,[Au.hostMinWidth]:fu.minWidth,[Au.hostDirection]:fu.direction,[Au.fontSize]:fu.fontSize,[Au.fontFamily]:fu.fontFamily,[Au.labelFontSize]:fu.labelFontSize,[Au.labelFontWeight]:fu.labelFontWeight,[Au.labelTextColor]:fu.labelTextColor,[Au.errorMessageTextColor]:fu.errorMessageTextColor,[Au.inputHorizontalPadding]:fu.horizontalPadding,[Au.inputHeight]:fu.inputHeight,[Au.inputBackgroundColor]:fu.backgroundColor,[Au.labelRequiredIndicator]:fu.requiredIndicator,[Au.inputValueTextColor]:fu.valueTextColor,[Au.inputPlaceholderTextColor]:fu.placeholderTextColor,[Au.inputBorderWidth]:fu.borderWidth,[Au.inputBorderStyle]:fu.borderStyle,[Au.inputBorderColor]:fu.borderColor,[Au.inputBorderRadius]:fu.borderRadius,[Au.inputOutlineWidth]:fu.outlineWidth,[Au.inputOutlineStyle]:fu.outlineStyle,[Au.inputOutlineColor]:fu.outlineColor,[Au.inputOutlineOffset]:fu.outlineOffset,[Au.revealButtonOffset]:Su.spacing.md,[Au.revealButtonSize]:fu.toggleButtonSize,[Au.revealButtonColor]:fu.placeholderTextColor,[Au.labelPosition]:fu.labelPosition,[Au.labelTopPosition]:fu.labelTopPosition,[Au.labelHorizontalPosition]:fu.labelHorizontalPosition,[Au.inputTransformY]:fu.inputTransformY,[Au.inputTransition]:fu.inputTransition,[Au.marginInlineStart]:fu.marginInlineStart,[Au.placeholderOpacity]:fu.placeholderOpacity,[Au.inputVerticalAlignment]:fu.inputVerticalAlignment,[Au.valueInputHeight]:fu.valueInputHeight,[Au.errorMessageIcon]:fu.errorMessageIcon,[Au.errorMessageIconSize]:fu.errorMessageIconSize,[Au.errorMessageIconPadding]:fu.errorMessageIconPadding,[Au.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[Au.errorMessageIconPosition]:fu.errorMessageIconPosition,[Au.errorMessageFontSize]:fu.errorMessageFontSize};var Tu=Object.freeze({__proto__:null,default:Eu,vars:Au});const ku=an.cssVarList,zu={[ku.hostWidth]:fu.width,[ku.hostMinWidth]:fu.minWidth,[ku.hostDirection]:fu.direction,[ku.fontSize]:fu.fontSize,[ku.fontFamily]:fu.fontFamily,[ku.labelFontSize]:fu.labelFontSize,[ku.labelFontWeight]:fu.labelFontWeight,[ku.labelTextColor]:fu.labelTextColor,[ku.errorMessageTextColor]:fu.errorMessageTextColor,[ku.inputValueTextColor]:fu.valueTextColor,[ku.inputPlaceholderColor]:fu.placeholderTextColor,[ku.inputBorderWidth]:fu.borderWidth,[ku.inputBorderStyle]:fu.borderStyle,[ku.inputBorderColor]:fu.borderColor,[ku.inputBorderRadius]:fu.borderRadius,[ku.inputOutlineWidth]:fu.outlineWidth,[ku.inputOutlineStyle]:fu.outlineStyle,[ku.inputOutlineColor]:fu.outlineColor,[ku.inputOutlineOffset]:fu.outlineOffset,[ku.inputBackgroundColor]:fu.backgroundColor,[ku.labelRequiredIndicator]:fu.requiredIndicator,[ku.inputHorizontalPadding]:fu.horizontalPadding,[ku.inputHeight]:fu.inputHeight,[ku.labelPosition]:fu.labelPosition,[ku.labelTopPosition]:fu.labelTopPosition,[ku.labelHorizontalPosition]:fu.labelHorizontalPosition,[ku.inputTransformY]:fu.inputTransformY,[ku.inputTransition]:fu.inputTransition,[ku.marginInlineStart]:fu.marginInlineStart,[ku.placeholderOpacity]:fu.placeholderOpacity,[ku.inputVerticalAlignment]:fu.inputVerticalAlignment,[ku.valueInputHeight]:fu.valueInputHeight,[ku.valueInputMarginBottom]:fu.valueInputMarginBottom,[ku.errorMessageIcon]:fu.errorMessageIcon,[ku.errorMessageIconSize]:fu.errorMessageIconSize,[ku.errorMessageIconPadding]:fu.errorMessageIconPadding,[ku.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[ku.errorMessageIconPosition]:fu.errorMessageIconPosition,[ku.errorMessageFontSize]:fu.errorMessageFontSize};var Lu=Object.freeze({__proto__:null,default:zu,vars:ku});const Nu=Qi.cssVarList,Du={[Nu.hostWidth]:fu.width,[Nu.hostMinWidth]:fu.minWidth,[Nu.hostDirection]:fu.direction,[Nu.fontSize]:fu.fontSize,[Nu.fontFamily]:fu.fontFamily,[Nu.labelFontSize]:fu.labelFontSize,[Nu.labelFontWeight]:fu.labelFontWeight,[Nu.labelTextColor]:fu.labelTextColor,[Nu.errorMessageTextColor]:fu.errorMessageTextColor,[Nu.inputValueTextColor]:fu.valueTextColor,[Nu.labelRequiredIndicator]:fu.requiredIndicator,[Nu.inputPlaceholderColor]:fu.placeholderTextColor,[Nu.inputBorderWidth]:fu.borderWidth,[Nu.inputBorderStyle]:fu.borderStyle,[Nu.inputBorderColor]:fu.borderColor,[Nu.inputBorderRadius]:fu.borderRadius,[Nu.inputOutlineWidth]:fu.outlineWidth,[Nu.inputOutlineStyle]:fu.outlineStyle,[Nu.inputOutlineColor]:fu.outlineColor,[Nu.inputOutlineOffset]:fu.outlineOffset,[Nu.inputBackgroundColor]:fu.backgroundColor,[Nu.inputHorizontalPadding]:fu.horizontalPadding,[Nu.inputHeight]:fu.inputHeight,[Nu.labelPosition]:fu.labelPosition,[Nu.labelTopPosition]:fu.labelTopPosition,[Nu.labelHorizontalPosition]:fu.labelHorizontalPosition,[Nu.inputTransformY]:fu.inputTransformY,[Nu.inputTransition]:fu.inputTransition,[Nu.marginInlineStart]:fu.marginInlineStart,[Nu.placeholderOpacity]:fu.placeholderOpacity,[Nu.inputVerticalAlignment]:fu.inputVerticalAlignment,[Nu.valueInputHeight]:fu.valueInputHeight,[Nu.valueInputMarginBottom]:fu.valueInputMarginBottom,[Nu.errorMessageIcon]:fu.errorMessageIcon,[Nu.errorMessageIconSize]:fu.errorMessageIconSize,[Nu.errorMessageIconPadding]:fu.errorMessageIconPadding,[Nu.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[Nu.errorMessageIconPosition]:fu.errorMessageIconPosition,[Nu.errorMessageFontSize]:fu.errorMessageFontSize};var Vu=Object.freeze({__proto__:null,default:Du,vars:Nu});const Pu=Qn.cssVarList,Bu={[Pu.hostWidth]:fu.width,[Pu.hostMinWidth]:fu.minWidth,[Pu.hostDirection]:fu.direction,[Pu.fontSize]:fu.fontSize,[Pu.fontFamily]:fu.fontFamily,[Pu.labelTextColor]:fu.labelTextColor,[Pu.labelRequiredIndicator]:fu.requiredIndicator,[Pu.errorMessageTextColor]:fu.errorMessageTextColor,[Pu.inputBackgroundColor]:fu.backgroundColor,[Pu.inputValueTextColor]:fu.valueTextColor,[Pu.inputPlaceholderTextColor]:fu.placeholderTextColor,[Pu.inputBorderRadius]:fu.borderRadius,[Pu.inputBorderWidth]:fu.borderWidth,[Pu.inputBorderStyle]:fu.borderStyle,[Pu.inputBorderColor]:fu.borderColor,[Pu.inputOutlineWidth]:fu.outlineWidth,[Pu.inputOutlineStyle]:fu.outlineStyle,[Pu.inputOutlineColor]:fu.outlineColor,[Pu.inputOutlineOffset]:fu.outlineOffset,[Pu.inputResizeType]:"vertical",[Pu.inputMinHeight]:"5em",[Pu.errorMessageIcon]:fu.errorMessageIcon,[Pu.errorMessageIconSize]:fu.errorMessageIconSize,[Pu.errorMessageIconPadding]:fu.errorMessageIconPadding,[Pu.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[Pu.errorMessageIconPosition]:fu.errorMessageIconPosition,[Pu.errorMessageFontSize]:fu.errorMessageFontSize,textAlign:{right:{[Pu.inputTextAlign]:"right"},left:{[Pu.inputTextAlign]:"left"},center:{[Pu.inputTextAlign]:"center"}},_readonly:{[Pu.inputResizeType]:"none"}};var Ru=Object.freeze({__proto__:null,default:Bu,vars:Pu});const Ou=Vt.cssVarList,ju="1.35em",Fu={[Ou.hostWidth]:fu.width,[Ou.hostDirection]:fu.direction,[Ou.fontSize]:fu.fontSize,[Ou.fontFamily]:fu.fontFamily,[Ou.labelTextColor]:fu.labelTextColor,[Ou.labelRequiredIndicator]:fu.requiredIndicator,[Ou.labelFontWeight]:"400",[Ou.labelLineHeight]:ju,[Ou.labelSpacing]:"1em",[Ou.errorMessageTextColor]:fu.errorMessageTextColor,[Ou.inputOutlineWidth]:fu.outlineWidth,[Ou.inputOutlineOffset]:fu.outlineOffset,[Ou.inputOutlineColor]:fu.outlineColor,[Ou.inputOutlineStyle]:fu.outlineStyle,[Ou.inputBorderRadius]:fu.borderRadius,[Ou.inputBorderColor]:fu.borderColor,[Ou.inputBorderWidth]:fu.borderWidth,[Ou.inputBorderStyle]:fu.borderStyle,[Ou.inputBackgroundColor]:fu.backgroundColor,[Ou.inputSize]:ju,[Ou.inputValueTextColor]:fu.valueTextColor,[Ou.errorMessageIcon]:fu.errorMessageIcon,[Ou.errorMessageIconSize]:fu.errorMessageIconSize,[Ou.errorMessageIconPadding]:fu.errorMessageIconPadding,[Ou.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[Ou.errorMessageIconPosition]:fu.errorMessageIconPosition,[Ou.errorMessageFontSize]:fu.errorMessageFontSize};var Wu=Object.freeze({__proto__:null,default:Fu,vars:Ou});const _u="2px",$u=Re(Xp),Hu=Ht.cssVarList,qu={[Hu.hostWidth]:fu.width,[Hu.hostDirection]:fu.direction,[Hu.fontSize]:fu.fontSize,[Hu.fontFamily]:fu.fontFamily,[Hu.inputOutlineWidth]:fu.outlineWidth,[Hu.inputOutlineOffset]:fu.outlineOffset,[Hu.inputOutlineColor]:fu.outlineColor,[Hu.inputOutlineStyle]:fu.outlineStyle,[Hu.trackBorderStyle]:fu.borderStyle,[Hu.trackBorderWidth]:fu.borderWidth,[Hu.trackBorderColor]:fu.borderColor,[Hu.trackBackgroundColor]:fu.backgroundColor,[Hu.trackBorderRadius]:$u.radius.md,[Hu.trackWidth]:"2.5em",[Hu.trackHeight]:"1.25em",[Hu.knobSize]:`calc(1em - ${_u})`,[Hu.knobRadius]:"50%",[Hu.knobTopOffset]:"1px",[Hu.knobLeftOffset]:_u,[Hu.knobColor]:fu.labelTextColor,[Hu.knobTransitionDuration]:"0.3s",[Hu.labelTextColor]:fu.labelTextColor,[Hu.labelFontWeight]:"400",[Hu.labelLineHeight]:"1.35em",[Hu.labelSpacing]:"1em",[Hu.labelRequiredIndicator]:fu.requiredIndicator,[Hu.errorMessageTextColor]:fu.errorMessageTextColor,[Hu.errorMessageIcon]:fu.errorMessageIcon,[Hu.errorMessageIconSize]:fu.errorMessageIconSize,[Hu.errorMessageIconPadding]:fu.errorMessageIconPadding,[Hu.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[Hu.errorMessageIconPosition]:fu.errorMessageIconPosition,[Hu.errorMessageFontSize]:fu.errorMessageFontSize,_checked:{[Hu.trackBorderColor]:fu.borderColor,[Hu.knobLeftOffset]:`calc(100% - var(${Hu.knobSize}) - ${_u})`,[Hu.knobColor]:fu.valueTextColor,[Hu.knobTextColor]:fu.valueTextColor},_disabled:{[Hu.knobColor]:$u.colors.surface.light,[Hu.trackBorderColor]:$u.colors.surface.light,[Hu.trackBackgroundColor]:$u.colors.surface.main,[Hu.labelTextColor]:fu.labelTextColor,_checked:{[Hu.knobColor]:$u.colors.surface.light,[Hu.trackBackgroundColor]:$u.colors.surface.main}},_invalid:{[Hu.trackBorderColor]:$u.colors.error.main,[Hu.knobColor]:$u.colors.error.main}};var Yu=Object.freeze({__proto__:null,default:qu,vars:Hu});const Uu=Re(Xp),Gu=tr.cssVarList,[Zu,Qu,Ju]=$e({verticalAlignment:{start:{verticalAlignment:"start"},center:{verticalAlignment:"safe center"},end:{verticalAlignment:"end"}},horizontalAlignment:{start:{horizontalAlignment:"start"},center:{horizontalAlignment:"safe center"},end:{horizontalAlignment:"end"}},shadowColor:"#00000020"},Xt),{shadowColor:Ku}=Qu,Xu={...Zu,[Gu.itemsGrow]:"0",[Gu.hostWidth]:"100%",[Gu.boxShadow]:"none",[Gu.backgroundColor]:Uu.colors.surface.main,[Gu.backgroundImage]:"",[Gu.backgroundPositionX]:"center",[Gu.backgroundPositionY]:"center",[Gu.backgroundSize]:"cover",[Gu.backgroundRepeat]:"no-repeat",[Gu.color]:Uu.colors.surface.contrast,[Gu.borderRadius]:"0px",[Gu.hostDirection]:Uu.direction,[Gu.borderStyle]:"none",[Gu.borderWidth]:"unset",[Gu.borderColor]:"unset",verticalPadding:{sm:{[Gu.verticalPadding]:"5px"},md:{[Gu.verticalPadding]:"10px"},lg:{[Gu.verticalPadding]:"20px"}},horizontalPadding:{sm:{[Gu.horizontalPadding]:"5px"},md:{[Gu.horizontalPadding]:"10px"},lg:{[Gu.horizontalPadding]:"20px"}},direction:{row:{[Gu.flexDirection]:"row",[Gu.alignItems]:Qu.verticalAlignment,[Gu.justifyContent]:Qu.horizontalAlignment,[Gu.flexWrap]:"wrap",horizontalAlignment:{spaceBetween:{[Ju.horizontalAlignment]:"space-between"}}},column:{[Gu.flexDirection]:"column",[Gu.alignItems]:Qu.horizontalAlignment,[Gu.justifyContent]:Qu.verticalAlignment,verticalAlignment:{spaceBetween:{[Ju.verticalAlignment]:"space-between"}}}},spaceBetween:{sm:{[Gu.gap]:"10px"},md:{[Gu.gap]:"20px"},lg:{[Gu.gap]:"30px"}},shadow:{sm:{[Gu.boxShadow]:`${Uu.shadow.wide.sm} ${Ku}, ${Uu.shadow.narrow.sm} ${Ku}`},md:{[Gu.boxShadow]:`${Uu.shadow.wide.md} ${Ku}, ${Uu.shadow.narrow.md} ${Ku}`},lg:{[Gu.boxShadow]:`${Uu.shadow.wide.lg} ${Ku}, ${Uu.shadow.narrow.lg} ${Ku}`},xl:{[Gu.boxShadow]:`${Uu.shadow.wide.xl} ${Ku}, ${Uu.shadow.narrow.xl} ${Ku}`},"2xl":{[Ju.shadowColor]:"#00000050",[Gu.boxShadow]:`${Uu.shadow.wide["2xl"]} ${Ku}`}},"&borderRadius":{sm:{[Gu.borderRadius]:Uu.radius.sm},md:{[Gu.borderRadius]:Uu.radius.md},lg:{[Gu.borderRadius]:Uu.radius.lg},xl:{[Gu.borderRadius]:Uu.radius.xl},"2xl":{[Gu.borderRadius]:Uu.radius["2xl"]},"3xl":{[Gu.borderRadius]:Uu.radius["3xl"]}}},eh={...Gu,...Ju};var th=Object.freeze({__proto__:null,default:Xu,vars:eh});const rh=Xi.cssVarList,oh={[rh.fallbackUrl]:"url(https://imgs.descope.com/components/no-logo-placeholder.svg)"};var ih=Object.freeze({__proto__:null,default:oh,vars:rh});const nh=tn.cssVarList,ah={[nh.fallbackUrl]:"url(https://imgs.descope.com/components/totp-placeholder.svg)"};var sh=Object.freeze({__proto__:null,default:ah,vars:nh});const lh=on.cssVarList,dh={[lh.fallbackUrl]:"url(https://imgs.descope.com/components/notp-placeholder.svg)"};var ch=Object.freeze({__proto__:null,default:dh,vars:lh});const ph=ce(iu),uh=Fi.cssVarList,hh={[uh.hostDirection]:ph.direction,[uh.textLineHeight]:"1.35em",[uh.textAlign]:"left",[uh.textColor]:ph.colors.surface.dark,variant:{h1:{[uh.fontSize]:ph.typography.h1.size,[uh.fontWeight]:ph.typography.h1.weight,[uh.fontFamily]:ph.typography.h1.font},h2:{[uh.fontSize]:ph.typography.h2.size,[uh.fontWeight]:ph.typography.h2.weight,[uh.fontFamily]:ph.typography.h2.font},h3:{[uh.fontSize]:ph.typography.h3.size,[uh.fontWeight]:ph.typography.h3.weight,[uh.fontFamily]:ph.typography.h3.font},subtitle1:{[uh.fontSize]:ph.typography.subtitle1.size,[uh.fontWeight]:ph.typography.subtitle1.weight,[uh.fontFamily]:ph.typography.subtitle1.font},subtitle2:{[uh.fontSize]:ph.typography.subtitle2.size,[uh.fontWeight]:ph.typography.subtitle2.weight,[uh.fontFamily]:ph.typography.subtitle2.font},body1:{[uh.fontSize]:ph.typography.body1.size,[uh.fontWeight]:ph.typography.body1.weight,[uh.fontFamily]:ph.typography.body1.font},body2:{[uh.fontSize]:ph.typography.body2.size,[uh.fontWeight]:ph.typography.body2.weight,[uh.fontFamily]:ph.typography.body2.font}},mode:{primary:{[uh.textColor]:ph.colors.surface.contrast},secondary:{[uh.textColor]:ph.colors.surface.dark},error:{[uh.textColor]:ph.colors.error.main},"error-dark":{[uh.textColor]:ph.colors.error.dark},success:{[uh.textColor]:ph.colors.success.main},"success-dark":{[uh.textColor]:ph.colors.success.dark},warning:{[uh.textColor]:ph.colors.warning.main},"warning-dark":{[uh.textColor]:ph.colors.warning.dark}},textAlign:{right:{[uh.textAlign]:"right"},left:{[uh.textAlign]:"left"},center:{[uh.textAlign]:"center"}},_fullWidth:{[uh.hostWidth]:"100%"},_italic:{[uh.fontStyle]:"italic"},_uppercase:{[uh.textTransform]:"uppercase"},_lowercase:{[uh.textTransform]:"lowercase"}};var mh=Object.freeze({__proto__:null,default:hh,vars:uh});const gh=ce(iu),bh=Rp.cssVarList,yh={[bh.hostDirection]:gh.direction,[bh.cursor]:"pointer",[bh.textColor]:gh.colors.primary.main,textAlign:{right:{[bh.textAlign]:"right"},left:{[bh.textAlign]:"left"},center:{[bh.textAlign]:"center"}},_fullWidth:{[bh.hostWidth]:"100%"},_hover:{[bh.textDecoration]:"underline"},mode:{secondary:{[bh.textColor]:gh.colors.secondary.main}}};var fh=Object.freeze({__proto__:null,default:yh,vars:bh});const vh=ce(iu),xh=Wp.cssVarList,Ch={[xh.hostDirection]:vh.direction,[xh.hostWidth]:pe(uh.hostWidth),[xh.textLineHeight]:pe(uh.textLineHeight),[xh.textColor]:pe(uh.textColor),[xh.textAlign]:pe(uh.textAlign),[xh.fontSize]:pe(uh.fontSize),[xh.fontWeight]:pe(uh.fontWeight),[xh.fontFamily]:pe(uh.fontFamily),[xh.linkColor]:pe(bh.textColor),[xh.linkTextDecoration]:"none",[xh.linkHoverTextDecoration]:"underline",[xh.fontWeightBold]:"900",[xh.minWidth]:"0.25em",[xh.minHeight]:"1.35em",[xh.hostDisplay]:"inline-block",_empty:{_hideWhenEmpty:{[xh.hostDisplay]:"none"}}};var wh=Object.freeze({__proto__:null,default:Ch,vars:xh});const Ih=Re(Xp),Mh=Gi.cssVarList,[Sh,Ah,Eh]=$e({thickness:"2px",spacing:"10px"},Wi),Th={...Sh,[Mh.hostDirection]:Ih.direction,[Mh.alignItems]:"center",[Mh.flexDirection]:"row",[Mh.alignSelf]:"stretch",[Mh.hostWidth]:"100%",[Mh.stripeColor]:Ih.colors.surface.light,[Mh.stripeColorOpacity]:"0.5",[Mh.stripeHorizontalThickness]:Ah.thickness,[Mh.labelTextWidth]:"fit-content",[Mh.labelTextMaxWidth]:"calc(100% - 100px)",[Mh.labelTextHorizontalSpacing]:Ah.spacing,[Mh.textAlign]:"center",_vertical:{[Mh.minHeight]:"200px",[Mh.flexDirection]:"column",[Mh.hostWidth]:"fit-content",[Mh.hostPadding]:`0 calc(${Ah.thickness} * 3)`,[Mh.stripeVerticalThickness]:Ah.thickness,[Mh.labelTextWidth]:"fit-content",[Mh.labelTextMaxWidth]:"100%",[Mh.labelTextVerticalSpacing]:Ah.spacing}},kh={...Mh,...Eh};var zh=Object.freeze({__proto__:null,default:Th,vars:kh});const Lh=Tn.cssVarList,Nh={[Lh.hostDirection]:fu.direction,[Lh.fontFamily]:fu.fontFamily,[Lh.fontSize]:fu.fontSize,[Lh.labelTextColor]:fu.labelTextColor,[Lh.labelRequiredIndicator]:fu.requiredIndicator,[Lh.errorMessageTextColor]:fu.errorMessageTextColor,[Lh.digitValueTextColor]:fu.valueTextColor,[Lh.digitPadding]:"0",[Lh.digitTextAlign]:"center",[Lh.digitSpacing]:"4px",[Lh.hostWidth]:fu.width,[Lh.digitOutlineColor]:"transparent",[Lh.digitOutlineWidth]:fu.outlineWidth,[Lh.focusedDigitFieldOutlineColor]:fu.outlineColor,[Lh.digitSize]:fu.inputHeight,[Lh.errorMessageIcon]:fu.errorMessageIcon,[Lh.errorMessageIconSize]:fu.errorMessageIconSize,[Lh.errorMessageIconPadding]:fu.errorMessageIconPadding,[Lh.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[Lh.errorMessageIconPosition]:fu.errorMessageIconPosition,[Lh.errorMessageFontSize]:fu.errorMessageFontSize,size:{xs:{[Lh.spinnerSize]:"15px"},sm:{[Lh.spinnerSize]:"20px"},md:{[Lh.spinnerSize]:"20px"},lg:{[Lh.spinnerSize]:"20px"}},_hideCursor:{[Lh.digitCaretTextColor]:"transparent"},_loading:{[Lh.overlayOpacity]:fu.overlayOpacity}};var Dh=Object.freeze({__proto__:null,default:Nh,vars:Lh});const Vh=Re(Xp),Ph=Zt.cssVarList,Bh={[Ph.hostDisplay]:"inline-block",[Ph.hostWidth]:"100%",[Ph.barColor]:Vh.colors.surface.contrast,[Ph.barWidth]:"20%",[Ph.barBackgroundColor]:Vh.colors.surface.light,[Ph.barBorderRadius]:"4px",[Ph.animationDuration]:"2s",[Ph.animationTimingFunction]:"linear",[Ph.animationIterationCount]:"infinite",[Ph.verticalPadding]:"0.25em",size:{xs:{[Ph.barHeight]:"2px"},sm:{[Ph.barHeight]:"4px"},md:{[Ph.barHeight]:"6px"},lg:{[Ph.barHeight]:"8px"}},mode:{primary:{[Ph.barColor]:Vh.colors.primary.main},secondary:{[Ph.barColor]:Vh.colors.secondary.main}},_hidden:{[Ph.hostDisplay]:"none"}};var Rh=Object.freeze({__proto__:null,default:Bh,vars:Ph});const Oh=Re(Xp),jh=Kt.cssVarList,[Fh,Wh,_h]=$e({spinnerColor:Oh.colors.surface.contrast,mode:{primary:{spinnerColor:Oh.colors.primary.main},secondary:{spinnerColor:Oh.colors.secondary.main}}},Qt),$h={...Fh,[jh.animationDuration]:"2s",[jh.animationTimingFunction]:"linear",[jh.animationIterationCount]:"infinite",[jh.spinnerBorderStyle]:"solid",[jh.spinnerBorderWidth]:"0.2em",[jh.spinnerBorderRadius]:"50%",[jh.spinnerQuadrant1Color]:Wh.spinnerColor,[jh.spinnerQuadrant2Color]:"transparent",[jh.spinnerQuadrant3Color]:Wh.spinnerColor,[jh.spinnerQuadrant4Color]:"transparent",size:{xs:{[jh.spinnerSize]:"20px"},sm:{[jh.spinnerSize]:"30px"},md:{[jh.spinnerSize]:"40px"},lg:{[jh.spinnerSize]:"60px"},xl:{[jh.spinnerSize]:"80px"}},_hidden:{[jh.hostDisplay]:"none"}},Hh={...jh,..._h};var qh=Object.freeze({__proto__:null,default:$h,vars:Hh});const Yh=$("input-wrapper"),Uh=ce(iu),[Gh,Zh]=ue({labelTextColor:Uh.colors.surface.dark,labelFontSize:"14px",labelFontWeight:"500",valueTextColor:Uh.colors.surface.contrast,placeholderTextColor:Uh.colors.surface.dark,requiredIndicator:"'*'",helperTextColor:Uh.colors.surface.dark,errorMessageTextColor:Uh.colors.error.main,successMessageTextColor:Uh.colors.success.main,borderWidth:Uh.border.xs,borderRadius:Uh.radius.xs,borderColor:"transparent",outlineWidth:Uh.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:Uh.colors.surface.main,fontFamily:Uh.fonts.font1.family,direction:Uh.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:Uh.colors.surface.light,_invalid:{outlineColor:Uh.colors.error.main}},_bordered:{outlineWidth:Uh.border.xs,borderColor:Uh.colors.surface.light,borderStyle:"solid",_invalid:{borderColor:Uh.colors.error.main}},_disabled:{labelTextColor:Uh.colors.surface.light,borderColor:Uh.colors.surface.light,valueTextColor:Uh.colors.surface.light,placeholderTextColor:Uh.colors.surface.light,helperTextColor:Uh.colors.surface.light,backgroundColor:Uh.colors.surface.main}},Yh),Qh=ce(iu),Jh=Yr.cssVarList,Kh={[Jh.hostWidth]:Zh.width,[Jh.hostDirection]:Zh.direction,[Jh.fontSize]:Zh.fontSize,[Jh.fontFamily]:Zh.fontFamily,[Jh.labelFontSize]:Zh.labelFontSize,[Jh.labelFontWeight]:Zh.labelFontWeight,[Jh.labelTextColor]:Zh.labelTextColor,[Jh.errorMessageTextColor]:Zh.errorMessageTextColor,[Jh.inputBorderColor]:Zh.borderColor,[Jh.inputBorderWidth]:Zh.borderWidth,[Jh.inputBorderStyle]:Zh.borderStyle,[Jh.inputBorderRadius]:Zh.borderRadius,[Jh.inputOutlineColor]:Zh.outlineColor,[Jh.inputOutlineOffset]:Zh.outlineOffset,[Jh.inputOutlineWidth]:Zh.outlineWidth,[Jh.inputOutlineStyle]:Zh.outlineStyle,[Jh.labelRequiredIndicator]:Zh.requiredIndicator,[Jh.inputValueTextColor]:Zh.valueTextColor,[Jh.inputPlaceholderTextColor]:Zh.placeholderTextColor,[Jh.inputBackgroundColor]:Zh.backgroundColor,[Jh.inputHorizontalPadding]:Zh.horizontalPadding,[Jh.inputHeight]:Zh.inputHeight,[Jh.inputDropdownButtonColor]:Qh.colors.surface.dark,[Jh.inputDropdownButtonCursor]:"pointer",[Jh.inputDropdownButtonSize]:Zh.toggleButtonSize,[Jh.inputDropdownButtonOffset]:Qh.spacing.xs,[Jh.overlayItemPaddingInlineStart]:Qh.spacing.xs,[Jh.overlayItemPaddingInlineEnd]:Qh.spacing.lg,[Jh.labelPosition]:Zh.labelPosition,[Jh.labelTopPosition]:Zh.labelTopPosition,[Jh.labelHorizontalPosition]:Zh.labelHorizontalPosition,[Jh.inputTransformY]:Zh.inputTransformY,[Jh.inputTransition]:Zh.inputTransition,[Jh.marginInlineStart]:Zh.marginInlineStart,[Jh.placeholderOpacity]:Zh.placeholderOpacity,[Jh.inputVerticalAlignment]:Zh.inputVerticalAlignment,[Jh.valueInputHeight]:Zh.valueInputHeight,[Jh.valueInputMarginBottom]:Zh.valueInputMarginBottom,[Jh.errorMessageIcon]:Zh.errorMessageIcon,[Jh.errorMessageIconSize]:Zh.errorMessageIconSize,[Jh.errorMessageIconPadding]:Zh.errorMessageIconPadding,[Jh.errorMessageIconRepeat]:Zh.errorMessageIconRepeat,[Jh.errorMessageIconPosition]:Zh.errorMessageIconPosition,[Jh.errorMessageFontSize]:Zh.errorMessageFontSize,_readonly:{[Jh.inputDropdownButtonCursor]:"default"},[Jh.overlayFontSize]:Zh.fontSize,[Jh.overlayFontFamily]:Zh.fontFamily,[Jh.overlayCursor]:"pointer",[Jh.overlayItemBoxShadow]:"none",[Jh.overlayBackground]:Zh.backgroundColor,[Jh.overlayTextColor]:Zh.valueTextColor,[Jh.overlayCheckmarkDisplay]:"initial",[Jh.overlaySelectedItemBackground]:"initial",[Jh.overlaySelectedItemHoverBackground]:Qh.colors.primary.highlight,[Jh.overlaySelectedItemFocusBackground]:Qh.colors.primary.highlight,[Jh.overlayItemHoverBackground]:Qh.colors.primary.highlight,[Jh.overlayItemFocusBackground]:Qh.colors.primary.highlight,[Jh.overlay.minHeight]:"400px",[Jh.overlay.margin]:"0",[Jh.overlay.contentHeight]:"100%",[Jh.overlay.contentOpacity]:"1",[Jh.overlay.scrollerMinHeight]:"1px",_loading:{[Jh.overlay.loaderTop]:"50%",[Jh.overlay.loaderLeft]:"50%",[Jh.overlay.loaderRight]:"auto",[Jh.overlay.loaderMargin]:"-15px 0 0 -15px",[Jh.overlay.loaderWidth]:"30px",[Jh.overlay.loaderHeight]:"30px",[Jh.overlay.loaderBorder]:"2px solid transparent",[Jh.overlay.loaderBorderColor]:`${Qh.colors.primary.highlight} ${Qh.colors.primary.highlight} ${Qh.colors.primary.main} ${Qh.colors.primary.main}`,[Jh.overlay.loaderBorderRadius]:"50%",[Jh.overlay.contentHeight]:"100px",[Jh.overlay.scrollerMinHeight]:"100px",[Jh.overlay.contentOpacity]:"0"}};var Xh=Object.freeze({__proto__:null,comboBox:Kh,default:Kh,vars:Jh});const em=Ca.cssVarList,tm={[em.hostWidth]:fu.width,[em.hostDirection]:fu.direction,[em.fontSize]:fu.fontSize,[em.fontFamily]:fu.fontFamily,[em.labelTextColor]:fu.labelTextColor,[em.labelRequiredIndicator]:fu.requiredIndicator,[em.errorMessageTextColor]:fu.errorMessageTextColor,[em.inputValueTextColor]:fu.valueTextColor,[em.inputPlaceholderTextColor]:fu.placeholderTextColor,[em.inputBorderStyle]:fu.borderStyle,[em.inputBorderWidth]:fu.borderWidth,[em.inputBorderColor]:fu.borderColor,[em.inputBorderRadius]:fu.borderRadius,[em.inputOutlineStyle]:fu.outlineStyle,[em.inputOutlineWidth]:fu.outlineWidth,[em.inputOutlineColor]:fu.outlineColor,[em.inputOutlineOffset]:fu.outlineOffset,[em.phoneInputWidth]:fu.minWidth,[em.countryCodeInputWidth]:"5em",[em.countryCodeDropdownWidth]:"20em",[em.marginInlineStart]:"-0.25em",[em.valueInputHeight]:fu.valueInputHeight,[em.valueInputMarginBottom]:fu.valueInputMarginBottom,[em.errorMessageIcon]:fu.errorMessageIcon,[em.errorMessageIconSize]:fu.errorMessageIconSize,[em.errorMessageIconPadding]:fu.errorMessageIconPadding,[em.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[em.errorMessageIconPosition]:fu.errorMessageIconPosition,[em.errorMessageFontSize]:fu.errorMessageFontSize};var rm=Object.freeze({__proto__:null,default:tm,vars:em});const om=Oa.cssVarList,im={[om.hostWidth]:"16em",[om.hostMinWidth]:fu.minWidth,[om.hostDirection]:fu.direction,[om.fontSize]:fu.fontSize,[om.fontFamily]:fu.fontFamily,[om.labelFontSize]:fu.labelFontSize,[om.labelFontWeight]:fu.labelFontWeight,[om.labelTextColor]:fu.labelTextColor,[om.labelRequiredIndicator]:fu.requiredIndicator,[om.errorMessageTextColor]:fu.errorMessageTextColor,[om.inputValueTextColor]:fu.valueTextColor,[om.inputPlaceholderTextColor]:fu.placeholderTextColor,[om.inputBorderStyle]:fu.borderStyle,[om.inputBorderWidth]:fu.borderWidth,[om.inputBorderColor]:fu.borderColor,[om.inputBorderRadius]:fu.borderRadius,[om.inputOutlineStyle]:fu.outlineStyle,[om.inputOutlineWidth]:fu.outlineWidth,[om.inputOutlineColor]:fu.outlineColor,[om.inputOutlineOffset]:fu.outlineOffset,[om.labelPosition]:fu.labelPosition,[om.labelTopPosition]:fu.labelTopPosition,[om.labelHorizontalPosition]:fu.labelHorizontalPosition,[om.inputTransformY]:fu.inputTransformY,[om.inputTransition]:fu.inputTransition,[om.marginInlineStart]:fu.marginInlineStart,[om.valueInputHeight]:fu.valueInputHeight,[om.valueInputMarginBottom]:fu.valueInputMarginBottom,[om.inputHorizontalPadding]:"0",[om.errorMessageIcon]:fu.errorMessageIcon,[om.errorMessageIconSize]:fu.errorMessageIconSize,[om.errorMessageIconPadding]:fu.errorMessageIconPadding,[om.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[om.errorMessageIconPosition]:fu.errorMessageIconPosition,[om.errorMessageFontSize]:fu.errorMessageFontSize,_fullWidth:{[om.hostWidth]:fu.width}};var nm=Object.freeze({__proto__:null,default:im,vars:om});const am=Re(Xp),sm=as.cssVarList,lm={[sm.hostWidth]:fu.width,[sm.hostMinWidth]:fu.minWidth,[sm.hostDirection]:fu.direction,[sm.fontSize]:fu.fontSize,[sm.fontFamily]:fu.fontFamily,[sm.labelFontSize]:fu.labelFontSize,[sm.labelFontWeight]:fu.labelFontWeight,[sm.labelTextColor]:fu.labelTextColor,[sm.spaceBetweenInputs]:"1em",[sm.errorMessageTextColor]:fu.errorMessageTextColor,[sm.policyPreviewBackgroundColor]:"none",[sm.policyPreviewPadding]:am.spacing.lg,[sm.valueInputHeight]:fu.valueInputHeight,[sm.errorMessageIcon]:fu.errorMessageIcon,[sm.errorMessageIconSize]:fu.errorMessageIconSize,[sm.errorMessageIconPadding]:fu.errorMessageIconPadding,[sm.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[sm.errorMessageIconPosition]:fu.errorMessageIconPosition,[sm.errorMessageFontSize]:fu.errorMessageFontSize,_required:{[sm.inputsRequiredIndicator]:fu.requiredIndicator}};var dm=Object.freeze({__proto__:null,default:lm,vars:sm});const cm=zs.cssVarList,pm={[cm.hostDirection]:fu.direction,[cm.labelTextColor]:fu.labelTextColor,[cm.fontFamily]:fu.fontFamily,[cm.iconSize]:"2em",[cm.hostPadding]:"0.75em",[cm.gap]:"0.5em",[cm.fontSize]:"16px",[cm.titleFontWeight]:"500",[cm.lineHeight]:"1em",[cm.borderWidth]:fu.borderWidth,[cm.borderColor]:fu.borderColor,[cm.borderRadius]:fu.borderRadius,[cm.borderStyle]:"dashed",_required:{[cm.requiredIndicator]:fu.requiredIndicator},size:{xs:{[cm.hostHeight]:"196px",[cm.hostWidth]:"200px",[cm.titleFontSize]:"0.875em",[cm.descriptionFontSize]:"0.875em",[cm.lineHeight]:"1.25em"},sm:{[cm.hostHeight]:"216px",[cm.hostWidth]:"230px",[cm.titleFontSize]:"1em",[cm.descriptionFontSize]:"0.875em",[cm.lineHeight]:"1.25em"},md:{[cm.hostHeight]:"256px",[cm.hostWidth]:"312px",[cm.titleFontSize]:"1.125em",[cm.descriptionFontSize]:"1em",[cm.lineHeight]:"1.5em"},lg:{[cm.hostHeight]:"280px",[cm.hostWidth]:"336px",[cm.titleFontSize]:"1.125em",[cm.descriptionFontSize]:"1.125em",[cm.lineHeight]:"1.75em"}},_fullWidth:{[cm.hostWidth]:fu.width}};var um=Object.freeze({__proto__:null,default:pm,vars:cm});const hm=Re(Xp),mm=Ys.cssVarList,gm={[mm.hostDirection]:"inherit",[mm.backgroundColor]:hm.colors.surface.main,[mm.labelTextColor]:hm.colors.surface.contrast,[mm.borderColor]:hm.colors.surface.light,[mm.borderStyle]:"solid",[mm.borderRadius]:hm.radius.sm,[mm.outlineColor]:"transparent",[mm.borderWidth]:hm.border.xs,_hover:{[mm.backgroundColor]:hm.colors.surface.highlight},_focused:{[mm.outlineColor]:hm.colors.surface.light},_selected:{[mm.borderColor]:hm.colors.surface.contrast,[mm.backgroundColor]:hm.colors.surface.contrast,[mm.labelTextColor]:hm.colors.surface.main}};var bm=Object.freeze({__proto__:null,default:gm,vars:mm});const ym=Re(Xp),fm=e=>({[e.hostDirection]:fu.direction,[e.fontFamily]:fu.fontFamily,[e.labelTextColor]:fu.labelTextColor,[e.labelRequiredIndicator]:fu.requiredIndicator,[e.itemsSpacing]:ym.spacing.sm,[e.hostWidth]:fu.width,[e.errorMessageTextColor]:fu.errorMessageTextColor,[e.errorMessageIcon]:fu.errorMessageIcon,[e.errorMessageIconSize]:fu.errorMessageIconSize,[e.errorMessageIconPadding]:fu.errorMessageIconPadding,[e.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[e.errorMessageIconPosition]:fu.errorMessageIconPosition,[e.errorMessageFontSize]:fu.errorMessageFontSize}),vm=$s.cssVarList,xm={...fm(vm)};var Cm=Object.freeze({__proto__:null,default:xm,vars:vm});const wm=Qs.cssVarList,Im={...fm(wm)};var Mm=Object.freeze({__proto__:null,default:Im,vars:wm});const Sm=Re(Xp),Am=qd.cssVarList,Em={[Am.overlayBackgroundColor]:Sm.colors.surface.main,[Am.overlayShadow]:Sm.shadow.wide["2xl"],[Am.overlayWidth]:"540px"},Tm={...Am};var km=Object.freeze({__proto__:null,default:Em,vars:Tm});const zm=Re(Xp),Lm=Ad.cssVarList,Nm={[Lm.hostWidth]:"100%",[Lm.hostHeight]:"100%",[Lm.hostMinHeight]:"400px",[Lm.fontWeight]:"400",[Lm.backgroundColor]:zm.colors.surface.main,[Lm.fontSize]:fu.fontSize,[Lm.fontFamily]:fu.fontFamily,[Lm.sortIndicatorsColor]:zm.colors.surface.light,[Lm.activeSortIndicator]:zm.colors.surface.dark,[Lm.resizeHandleColor]:zm.colors.surface.light,[Lm.borderWidth]:fu.borderWidth,[Lm.borderStyle]:fu.borderStyle,[Lm.borderRadius]:fu.borderRadius,[Lm.borderColor]:"transparent",[Lm.headerRowTextColor]:zm.colors.surface.dark,[Lm.separatorColor]:zm.colors.surface.light,[Lm.valueTextColor]:zm.colors.surface.contrast,[Lm.selectedBackgroundColor]:zm.colors.surface.highlight,[Lm.hostDirection]:zm.direction,[Lm.toggleDetailsPanelButtonSize]:"1em",[Lm.toggleDetailsPanelButtonOpenedColor]:zm.colors.surface.contrast,[Lm.toggleDetailsPanelButtonClosedColor]:zm.colors.surface.light,[Lm.toggleDetailsPanelButtonCursor]:"pointer",[Lm.detailsPanelBackgroundColor]:zm.colors.surface.highlight,[Lm.detailsPanelBorderTopColor]:zm.colors.surface.light,[Lm.detailsPanelLabelsColor]:zm.colors.surface.dark,[Lm.detailsPanelLabelsFontSize]:"0.8em",[Lm.detailsPanelItemsGap]:"2em",[Lm.detailsPanelPadding]:"12px 0",_bordered:{[Lm.borderColor]:fu.borderColor}};var Dm=Object.freeze({__proto__:null,default:Nm,grid:Nm,vars:Lm});const Vm=Re(Xp),Pm=Zd.cssVarList,Bm="#00000020",Rm={[Pm.hostMinWidth]:"415px",[Pm.fontFamily]:Vm.fonts.font1.family,[Pm.fontSize]:Vm.typography.body1.size,[Pm.backgroundColor]:Vm.colors.surface.main,[Pm.textColor]:Vm.colors.surface.contrast,[Pm.boxShadow]:`${Vm.shadow.wide.xl} ${Bm}, ${Vm.shadow.narrow.xl} ${Bm}`,[Pm.verticalPadding]:"0.625em",[Pm.horizontalPadding]:"1.5em",[Pm.borderRadius]:Vm.radius.xs,_bordered:{[Pm.borderWidth]:Vm.border.sm,[Pm.borderStyle]:"solid",[Pm.borderColor]:"transparent"},size:{xs:{[Pm.fontSize]:"12px"},sm:{[Pm.fontSize]:"14px"},md:{[Pm.fontSize]:"16px"},lg:{[Pm.fontSize]:"18px"}},mode:{primary:{[Pm.backgroundColor]:Vm.colors.primary.main,[Pm.textColor]:Vm.colors.primary.contrast,[Pm.borderColor]:Vm.colors.primary.light},success:{[Pm.backgroundColor]:Vm.colors.success.main,[Pm.textColor]:Vm.colors.success.contrast,[Pm.borderColor]:Vm.colors.success.light},error:{[Pm.backgroundColor]:Vm.colors.error.main,[Pm.textColor]:Vm.colors.error.contrast,[Pm.borderColor]:Vm.colors.error.light}}};var Om=Object.freeze({__proto__:null,default:Rm,vars:Pm});const jm=Re(Xp),Fm=_d.cssVarList,Wm={[Fm.hostWidth]:fu.width,[Fm.hostDirection]:fu.direction,[Fm.fontSize]:fu.fontSize,[Fm.fontFamily]:fu.fontFamily,[Fm.labelFontSize]:fu.labelFontSize,[Fm.labelFontWeight]:fu.labelFontWeight,[Fm.labelTextColor]:fu.labelTextColor,[Fm.errorMessageTextColor]:fu.errorMessageTextColor,[Fm.inputBorderColor]:fu.borderColor,[Fm.inputBorderWidth]:fu.borderWidth,[Fm.inputBorderStyle]:fu.borderStyle,[Fm.inputBorderRadius]:fu.borderRadius,[Fm.inputOutlineColor]:fu.outlineColor,[Fm.inputOutlineOffset]:fu.outlineOffset,[Fm.inputOutlineWidth]:fu.outlineWidth,[Fm.inputOutlineStyle]:fu.outlineStyle,[Fm.labelRequiredIndicator]:fu.requiredIndicator,[Fm.inputValueTextColor]:fu.valueTextColor,[Fm.inputPlaceholderTextColor]:fu.placeholderTextColor,[Fm.inputBackgroundColor]:fu.backgroundColor,[Fm.inputHorizontalPadding]:fu.horizontalPadding,[Fm.inputVerticalPadding]:fu.verticalPadding,[Fm.inputHeight]:fu.inputHeight,[Fm.inputDropdownButtonColor]:jm.colors.surface.dark,[Fm.inputDropdownButtonCursor]:"pointer",[Fm.inputDropdownButtonSize]:fu.toggleButtonSize,[Fm.inputDropdownButtonOffset]:jm.spacing.xs,[Fm.overlayItemPaddingInlineStart]:jm.spacing.xs,[Fm.overlayItemPaddingInlineEnd]:jm.spacing.lg,[Fm.chipFontSize]:fu.chipFontSize,[Fm.chipTextColor]:jm.colors.surface.contrast,[Fm.chipBackgroundColor]:jm.colors.surface.light,[Fm.labelPosition]:fu.labelPosition,[Fm.labelTopPosition]:fu.labelTopPosition,[Fm.labelLeftPosition]:fu.labelLeftPosition,[Fm.labelHorizontalPosition]:fu.labelHorizontalPosition,[Fm.inputTransformY]:fu.inputTransformY,[Fm.inputTransition]:fu.inputTransition,[Fm.marginInlineStart]:fu.marginInlineStart,[Fm.placeholderOpacity]:fu.placeholderOpacity,[Fm.inputVerticalAlignment]:fu.inputVerticalAlignment,[Fm.errorMessageIcon]:fu.errorMessageIcon,[Fm.errorMessageIconSize]:fu.errorMessageIconSize,[Fm.errorMessageIconPadding]:fu.errorMessageIconPadding,[Fm.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[Fm.errorMessageIconPosition]:fu.errorMessageIconPosition,[Fm.errorMessageFontSize]:fu.errorMessageFontSize,labelType:{floating:{[Fm.inputHorizontalPadding]:"0.25em",_hasValue:{[Fm.inputHorizontalPadding]:"0.45em"}}},_readonly:{[Fm.inputDropdownButtonCursor]:"default"},[Fm.overlayFontSize]:fu.fontSize,[Fm.overlayFontFamily]:fu.fontFamily,[Fm.overlayCursor]:"pointer",[Fm.overlayItemBoxShadow]:"none",[Fm.overlayBackground]:fu.backgroundColor,[Fm.overlayTextColor]:fu.valueTextColor,[Fm.overlay.minHeight]:"400px",[Fm.overlay.margin]:"0"};var _m=Object.freeze({__proto__:null,default:Wm,multiSelectComboBox:Wm,vars:Fm});const $m=ce(iu),Hm=yc.cssVarList,qm={[Hm.hostWidth]:"fit-content",[Hm.hostDirection]:$m.direction,[Hm.textAlign]:"center",[Hm.fontFamily]:$m.fonts.font1.family,[Hm.fontWeight]:"400",[Hm.verticalPadding]:"0.25em",[Hm.horizontalPadding]:"0.5em",[Hm.borderWidth]:$m.border.xs,[Hm.borderRadius]:$m.radius.xs,[Hm.borderColor]:"transparent",[Hm.borderStyle]:"solid",_fullWidth:{[Hm.hostWidth]:"100%"},size:{xs:{[Hm.fontSize]:"12px"},sm:{[Hm.fontSize]:"14px"},md:{[Hm.fontSize]:"16px"},lg:{[Hm.fontSize]:"18px"}},mode:{default:{[Hm.textColor]:$m.colors.surface.dark,_bordered:{[Hm.borderColor]:$m.colors.surface.light}},primary:{[Hm.textColor]:$m.colors.primary.main,_bordered:{[Hm.borderColor]:$m.colors.primary.light}},secondary:{[Hm.textColor]:$m.colors.secondary.main,_bordered:{[Hm.borderColor]:$m.colors.secondary.light}},error:{[Hm.textColor]:$m.colors.error.main,_bordered:{[Hm.borderColor]:$m.colors.error.light}},success:{[Hm.textColor]:$m.colors.success.main,_bordered:{[Hm.borderColor]:$m.colors.success.light}}}};var Ym=Object.freeze({__proto__:null,default:qm,vars:Hm});const Um=$("avatar");class Gm extends(gr({componentName:Um,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',Y("\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"),q(this,this.avatarComponent,{includeAttrs:["display-name","img","abbr"],mapAttrs:{"display-name":"name"}});const e=this.shadowRoot.querySelector(".editableBadge");j(this,()=>{e.style.display=this.isEditable?"":"none"},{includeAttrs:["editable"]})}get isEditable(){return"true"===this.getAttribute("editable")}}const{host:Zm,editableBadge:Qm,avatar:Jm}={host:{selector:()=>":host"},editableBadge:{selector:"> .editableBadge"},avatar:{selector:"vaadin-avatar"}},Km=B(lr({mappings:{hostWidth:[{...Zm,property:"width"},{...Zm,property:"min-width"}],hostHeight:{...Zm,property:"height"},cursor:[Jm,Zm],hostDirection:{...Zm,property:"direction"},avatarTextColor:{...Jm,property:"color"},avatarBackgroundColor:{...Jm,property:"background-color"},editableIconColor:{...Qm,property:"color"},editableBorderColor:{...Qm,property:"border-color"},editableBackgroundColor:{...Qm,property:"background-color"}}}),dr,cr)(Gm),Xm=ce(iu),eg=Km.cssVarList,tg={[eg.hostDirection]:Xm.direction,[eg.editableIconColor]:Xm.colors.surface.dark,[eg.editableBorderColor]:Xm.colors.surface.dark,[eg.editableBackgroundColor]:Xm.colors.surface.main,[eg.avatarTextColor]:Xm.colors.surface.main,[eg.avatarBackgroundColor]:Xm.colors.surface.dark,_editable:{[eg.cursor]:"pointer"},size:{xs:{[eg.hostWidth]:"30px",[eg.hostHeight]:"30px"},sm:{[eg.hostWidth]:"40px",[eg.hostHeight]:"40px"},md:{[eg.hostWidth]:"60px",[eg.hostHeight]:"60px"},lg:{[eg.hostWidth]:"98px",[eg.hostHeight]:"98px"}}},rg={...eg};var og=Object.freeze({__proto__:null,default:tg,vars:rg});const ig=Re(Xp),ng=pc.cssVarList,ag={[ng.hostWidth]:fu.width,[ng.hostDirection]:fu.direction,[ng.fontSize]:fu.fontSize,[ng.fontFamily]:fu.fontFamily,[ng.separatorFontSize]:"14px",[ng.labelsFontSize]:"14px",[ng.labelsLineHeight]:"1",[ng.labelsMarginBottom]:"6px",[ng.labelTextColor]:fu.labelTextColor,[ng.itemMarginBottom]:"1em",[ng.valueLabelMinWidth]:fu.minWidth,[ng.attrLabelMinWidth]:`calc(12em + 2 * ${ig.border.xs})`,[ng.separatorWidth]:"70px",[ng.removeButtonWidth]:"60px"};var sg=Object.freeze({__proto__:null,default:ag,mappingsField:ag,vars:ng});const lg=Re(Xp),dg=Ac.cssVarList,cg={[dg.labelMinWidth]:"150px",[dg.hostDirection]:lg.direction,[dg.contentMinWidth]:`calc(100% - ${_e(dg.labelMinWidth)} - ${_e(dg.itemsGap)})`,[dg.badgeMaxWidth]:"85px",[dg.itemsGap]:"4px",[dg.hostMinWidth]:"310px",[dg.hostWidth]:"530px",[dg.hostMaxWidth]:"100%",_fullWidth:{[dg.hostWidth]:"100%"}};var pg=Object.freeze({__proto__:null,default:cg,vars:dg});const ug=Re(Xp),hg=Pc.cssVarList,mg={[hg.hostDirection]:ug.direction,[hg.itemsGap]:"16px",[hg.hostMinWidth]:"310px",[hg.hostWidth]:"530px",[hg.hostMaxWidth]:"100%",[hg.iconSize]:"24px",[hg.iconColor]:"currentcolor",_fullWidth:{[hg.hostWidth]:"100%"}};var gg=Object.freeze({__proto__:null,default:mg,vars:hg});const bg=_c.cssVarList,yg={[bg.hostWidth]:fu.width,[bg.hostDirection]:fu.direction,[bg.groupNameInputMarginBottom]:"1em",[bg.errorMessageIcon]:fu.errorMessageIcon,[bg.errorMessageIconSize]:fu.errorMessageIconSize,[bg.errorMessageIconPadding]:fu.errorMessageIconPadding,[bg.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[bg.errorMessageIconPosition]:fu.errorMessageIconPosition,[bg.errorMessageFontSize]:fu.errorMessageFontSize};var fg=Object.freeze({__proto__:null,default:yg,samlGroupMappings:yg,vars:bg});const vg=Re(Xp),xg=Qa.cssVarList,Cg={[xg.fontFamily]:fu.fontFamily,[xg.fontSize]:fu.labelFontSize,[xg.textColor]:fu.labelTextColor,[xg.borderWidth]:fu.borderWidth,[xg.borderStyle]:fu.borderStyle,[xg.borderColor]:fu.borderColor,[xg.borderRadius]:vg.radius.sm,[xg.backgroundColor]:"none",[xg.padding]:"0px",[xg.labelMargin]:vg.spacing.sm,[xg.itemsSpacing]:vg.spacing.lg,[xg.itemSymbolDefault]:"'\\2022'",[xg.itemSymbolSuccess]:"'\\2713'",[xg.itemSymbolError]:"'\\2A09'",[xg.itemSymbolSuccessColor]:vg.colors.success.main,[xg.itemSymbolErrorColor]:vg.colors.error.main};var wg=Object.freeze({__proto__:null,default:Cg,vars:xg});const Ig=Xr.cssVarList;var Mg=Object.freeze({__proto__:null,default:{},vars:Ig});const Sg=Jr.cssVarList;var Ag=Object.freeze({__proto__:null,default:{},vars:Sg});const Eg=Re(Xp),Tg=td.cssVarList,kg="#d73a49",zg="#6f42c1",Lg="#005cc5",Ng="#e36209",Dg="#6a737d",Vg="#22863a",Pg="#24292e",Bg="#f0fff4",Rg="#032f62",Og="#ff7b72",jg="#d2a8ff",Fg="#79c0ff",Wg="#ffa657",_g="#8b949e",$g="#7ee787",Hg="#c9d1d9",qg="#f0fff4",Yg="#a5d6ff",Ug={[Tg.rootBgColor]:Eg.colors.surface.main,[Tg.rootTextColor]:Eg.colors.surface.contrast,[Tg.docTagTextColor]:kg,[Tg.keywordTextColor]:kg,[Tg.metaKeywordTextColor]:kg,[Tg.templateTagTextColor]:kg,[Tg.templateVariableTextColor]:kg,[Tg.typeTextColor]:kg,[Tg.variableLanguageTextColor]:kg,[Tg.titleTextColor]:zg,[Tg.titleClassTextColor]:zg,[Tg.titleClassInheritedTextColor]:zg,[Tg.titleFunctionTextColor]:zg,[Tg.attrTextColor]:Lg,[Tg.attributeTextColor]:Lg,[Tg.literalTextColor]:Lg,[Tg.metaTextColor]:Lg,[Tg.numberTextColor]:Lg,[Tg.operatorTextColor]:Lg,[Tg.variableTextColor]:Lg,[Tg.selectorAttrTextColor]:Lg,[Tg.selectorClassTextColor]:Lg,[Tg.selectorIdTextColor]:Lg,[Tg.regexpTextColor]:Rg,[Tg.stringTextColor]:Rg,[Tg.metaStringTextColor]:Rg,[Tg.builtInTextColor]:Ng,[Tg.symbolTextColor]:Ng,[Tg.commentTextColor]:Dg,[Tg.codeTextColor]:Dg,[Tg.formulaTextColor]:Dg,[Tg.nameTextColor]:Vg,[Tg.quoteTextColor]:Vg,[Tg.selectorTagTextColor]:Vg,[Tg.selectorPseudoTextColor]:Vg,[Tg.substTextColor]:Pg,[Tg.sectionTextColor]:Lg,[Tg.bulletTextColor]:"#735c0f",[Tg.emphasisTextColor]:Pg,[Tg.strongTextColor]:Pg,[Tg.additionTextColor]:Vg,[Tg.additionBgColor]:Bg,[Tg.deletionTextColor]:kg,[Tg.deletionBgColor]:Bg},Gg={codeSnippet:{[Tg.rootBgColor]:Eg.colors.surface.main,[Tg.rootTextColor]:Eg.colors.surface.contrast,[Tg.docTagTextColor]:Og,[Tg.keywordTextColor]:Og,[Tg.metaKeywordTextColor]:Og,[Tg.templateTagTextColor]:Og,[Tg.templateVariableTextColor]:Og,[Tg.typeTextColor]:Og,[Tg.variableLanguageTextColor]:Og,[Tg.titleTextColor]:jg,[Tg.titleClassTextColor]:jg,[Tg.titleClassInheritedTextColor]:jg,[Tg.titleFunctionTextColor]:jg,[Tg.attrTextColor]:Fg,[Tg.attributeTextColor]:Fg,[Tg.literalTextColor]:Fg,[Tg.metaTextColor]:Fg,[Tg.numberTextColor]:Fg,[Tg.operatorTextColor]:Fg,[Tg.variableTextColor]:Fg,[Tg.selectorAttrTextColor]:Fg,[Tg.selectorClassTextColor]:Fg,[Tg.selectorIdTextColor]:Fg,[Tg.regexpTextColor]:Yg,[Tg.stringTextColor]:Yg,[Tg.metaStringTextColor]:Yg,[Tg.builtInTextColor]:Wg,[Tg.symbolTextColor]:Wg,[Tg.commentTextColor]:_g,[Tg.codeTextColor]:_g,[Tg.formulaTextColor]:_g,[Tg.nameTextColor]:$g,[Tg.quoteTextColor]:$g,[Tg.selectorTagTextColor]:$g,[Tg.selectorPseudoTextColor]:$g,[Tg.substTextColor]:Hg,[Tg.sectionTextColor]:Fg,[Tg.bulletTextColor]:"#735c0f",[Tg.emphasisTextColor]:Hg,[Tg.strongTextColor]:Hg,[Tg.additionTextColor]:$g,[Tg.additionBgColor]:qg,[Tg.deletionTextColor]:Og,[Tg.deletionBgColor]:qg}};var Zg=Object.freeze({__proto__:null,codeSnippetDarkThemeOverrides:Gg,default:Ug,vars:Tg});const Qg=Yc.cssVarList,Jg=Re(Xp),Kg={[Qg.buttonsRowGap]:"9px",[Qg.hostWidth]:fu.width,[Qg.hostDirection]:fu.direction,[Qg.fontSize]:fu.fontSize,[Qg.fontFamily]:fu.fontFamily,[Qg.labelTextColor]:fu.labelTextColor,[Qg.labelRequiredIndicator]:fu.requiredIndicator,[Qg.errorMessageTextColor]:fu.errorMessageTextColor,[Qg.errorMessageIcon]:fu.errorMessageIcon,[Qg.errorMessageIconSize]:fu.errorMessageIconSize,[Qg.errorMessageIconPadding]:fu.errorMessageIconPadding,[Qg.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[Qg.errorMessageIconPosition]:fu.errorMessageIconPosition,[Qg.errorMessageFontSize]:fu.errorMessageFontSize,[Qg.helperTextColor]:fu.helperTextColor,[Qg.itemsLabelColor]:Jg.colors.surface.contrast,textAlign:{right:{[Qg.inputTextAlign]:"right"},left:{[Qg.inputTextAlign]:"left"},center:{[Qg.inputTextAlign]:"center"}},_fullWidth:{[Qg.buttonsSpacing]:"space-between"},_disabled:{[Qg.itemsLabelColor]:Jg.colors.surface.light}};var Xg=Object.freeze({__proto__:null,default:Kg,radioGroup:Kg,vars:Qg});const eb=Hc.cssVarList,tb=Re(Xp),rb={[eb.fontFamily]:fu.fontFamily,[eb.radioSize]:"calc(1em + 6px)",[eb.radioMargin]:"auto 4px",[eb.radioCheckedSize]:`calc(var(${eb.radioSize})/5)`,[eb.radioCheckedColor]:tb.colors.surface.light,[eb.radioBackgroundColor]:tb.colors.surface.light,[eb.radioBorderColor]:"none",[eb.radioBorderWidth]:0,_checked:{[eb.radioBackgroundColor]:tb.colors.surface.contrast},_hover:{cursor:"pointer"},size:{xs:{[eb.fontSize]:"12px"},sm:{[eb.fontSize]:"14px"},md:{[eb.fontSize]:"16px"},lg:{[eb.fontSize]:"18px"}}};var ob=Object.freeze({__proto__:null,default:rb,radioButton:rb,vars:eb});const ib=Re(Xp),nb=ri.cssVarList,ab={[nb.fontFamily]:fu.fontFamily,[nb.fontSize]:fu.fontSize,[nb.hostDirection]:fu.direction,[nb.calendarPadding]:"1em",[nb.topNavVerticalPadding]:"1em",[nb.topNavAlignment]:"space-between",[nb.topNavGap]:"0",[nb.topNavSelectorsGap]:"0.5em",[nb.bottomNavVerticalPadding]:"0.75em",[nb.bottomNavHorizontalPadding]:"1.5em",[nb.bottomNavAlignment]:"space-between",[nb.bottomNavGap]:"0.5em",[nb.navMarginBottom]:"0.75em",[nb.navBorderBottomWidth]:"1px",[nb.navBorderBottomColor]:ib.colors.surface.highlight,[nb.navBorderBottomStyle]:"solid",[nb.yearInputWidth]:"6em",[nb.monthInputWidth]:"8em",[nb.navButtonSize]:"24px",[nb.navButtonCursor]:"pointer",[nb.weekdayFontSize]:"0.875em",[nb.weekdayFontWeight]:"500",[nb.dayHeight]:"3.125em",[nb.daySize]:"2.125em",[nb.dayFontSize]:"1em",[nb.dayRadius]:"50%",[nb.dayTextAlign]:"center",[nb.dayPadding]:"0",[nb.dayTextColor]:ib.colors.surface.contrast,[nb.dayFontWeight]:"500",[nb.dayBackgroundColor]:"transparent",[nb.dayCursor]:"pointer",[nb.dayBackgroundColorHover]:ib.colors.primary.highlight,[nb.daySelectedBackgroundColor]:ib.colors.primary.main,[nb.daySelectedTextdColor]:ib.colors.primary.contrast,[nb.dayDisabledTextdColor]:ib.colors.surface.light,[nb.currentDayBorderColor]:ib.colors.surface.light,[nb.currentDayBorderWidth]:"1px",[nb.currentDayBorderStyle]:"solid",size:{xs:{[nb.fontSize]:"12px"},sm:{[nb.fontSize]:"14px"},md:{[nb.fontSize]:"16px"},lg:{[nb.fontSize]:"18px"}},[nb.navButtonRotation]:"rotate(180deg)",_disabled:{[nb.navButtonOpacity]:"0.5",[nb.dayBackgroundColorHover]:"none",[nb.navButtonCursor]:"default",[nb.dayCursor]:"default"},_fullWidth:{[nb.hostWidth]:"100%",[nb.dayBlockAlign]:"0 auto"}};var sb=Object.freeze({__proto__:null,default:ab,vars:nb});const lb=Re(Xp),db="#00000020",{shadow:cb}=lb,pb=Bi.cssVarList,ub={[pb.hostWidth]:fu.width,[pb.hostDirection]:fu.direction,[pb.iconMargin]:"0.375em",[pb.overlay.marginTop]:`calc(${fu.outlineWidth} + 1px)`,[pb.overlay.backgroundColor]:fu.backgroundColor,[pb.overlay.backdropBackgroundColor]:"transparent",[pb.overlay.backdropPointerEvents]:"all",[pb.overlay.boxShadow]:`${cb.wide.xl} ${db}, ${cb.narrow.xl} ${db}`,[pb.overlay.outlineWidth]:"0",[pb.overlay.outlineColor]:"transparent",[pb.overlay.outlineStyle]:"none",[pb.overlay.padding]:"0",[pb.rtlInputDirection]:"ltr",[pb.rtlInputAlignment]:"right",[pb.errorMessageIcon]:fu.errorMessageIcon,[pb.errorMessageIconSize]:fu.errorMessageIconSize,[pb.errorMessageIconPadding]:fu.errorMessageIconPadding,[pb.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[pb.errorMessageIconPosition]:fu.errorMessageIconPosition,[pb.errorMessageFontSize]:fu.errorMessageFontSize};var hb=Object.freeze({__proto__:null,default:ub,vars:pb});const mb=$("apps-list"),gb=B(lr({mappings:{maxHeight:{selector:()=>":host"},minHeight:{selector:()=>":host"},hostDirection:{selector:()=>":host",property:"direction"},itemsFontWeight:{selector:Fi.componentName,property:Fi.cssVarList.fontWeightOverride},itemsFontSize:{selector:Fi.componentName,property:Fi.cssVarList.fontSizeOverride},itemsTextAlign:{selector:Fi.componentName,property:Fi.cssVarList.textAlign},itemBackgroundColor:{selector:ep.componentName,property:ep.cssVarList.backgroundColor},backgroundColor:{selector:op.componentName,property:op.cssVarList.backgroundColorOverride},itemBorderStyle:{selector:ep.componentName,property:ep.cssVarList.borderStyleOverride},itemBorderColor:{selector:ep.componentName,property:ep.cssVarList.borderColorOverride},itemBorderWidth:{selector:ep.componentName,property:ep.cssVarList.borderWidthOverride},itemVerticalPadding:{selector:ep.componentName,property:ep.cssVarList.verticalPaddingOverride},itemHorizontalPadding:{selector:ep.componentName,property:ep.cssVarList.horizontalPaddingOverride},itemAlignment:[{selector:ep.componentName,property:ep.cssVarList.alignItemsOverride},{selector:Fi.componentName,property:Fi.cssVarList.textAlign}]}}),Nr({itemRenderer:({name:e,icon:t,url:r},o,i)=>`\n  <a ${r?`href="${r}" title="${r}"`:""} target="_blank">\n    <descope-list-item>\n    <descope-avatar\n      ${t?`img="${t}"`:""}\n      ${e?`display-name="${e}" abbr=${Z(e)}`:""}\n      size="${i.logoSize||i.size}"\n    ></descope-avatar>\n    <descope-text\n      variant="${i.itemTextVariant}"\n      mode="primary"\n    >${e}</descope-text>\n    </descope-list-item>\n  </a>\n`,rerenderAttrsList:["size","item-text-variant","logo-size"]}),dr,cr,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")}})(Sr({slots:["empty-state"],wrappedEleName:"descope-list",excludeAttrsSync:["tabindex","class","empty","style"],componentName:mb,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      a {\n        text-decoration: none;\n      }\n\n      descope-text {\n        ${Fi.cssVarList.hostDirection}: var(${gb.cssVarList.hostDirection});\n        max-width: 100%;\n      }\n    `})),bb=gb.cssVarList,yb=ce(iu),fb="400px",vb={[bb.itemsFontWeight]:"normal",[bb.itemsTextAlign]:"start",[bb.hostDirection]:yb.direction,[bb.maxHeight]:fb,_empty:{[bb.minHeight]:fb},size:{xs:{[bb.itemsFontSize]:"14px"},sm:{[bb.itemsFontSize]:"14px"},md:{[bb.itemsFontSize]:"16px"},lg:{[bb.itemsFontSize]:"20px"}},itemPadding:{xs:{[bb.itemVerticalPadding]:yb.spacing.xs,[bb.itemHorizontalPadding]:yb.spacing.xs},sm:{[bb.itemVerticalPadding]:yb.spacing.sm,[bb.itemHorizontalPadding]:yb.spacing.sm},md:{[bb.itemVerticalPadding]:yb.spacing.md,[bb.itemHorizontalPadding]:yb.spacing.md},lg:{[bb.itemVerticalPadding]:yb.spacing.lg,[bb.itemHorizontalPadding]:yb.spacing.lg},xl:{[bb.itemVerticalPadding]:yb.spacing.xl,[bb.itemHorizontalPadding]:yb.spacing.xl}}};var xb=Object.freeze({__proto__:null,default:vb,vars:bb});const Cb=ce(iu),wb=op.cssVarList,[Ib,Mb,Sb]=ue({shadowColor:"#00000020"},tp),{shadowColor:Ab}=Mb,Eb={...Ib,[wb.hostWidth]:"100%",[wb.backgroundColor]:Cb.colors.surface.main,[wb.fontFamily]:Cb.fonts.font1.family,[wb.borderColor]:Cb.colors.surface.light,[wb.borderStyle]:"solid",[wb.borderWidth]:Cb.border.xs,[wb.borderRadius]:Cb.radius.sm,[wb.gap]:Cb.spacing.md,[wb.verticalPadding]:Cb.spacing.lg,[wb.horizontalPadding]:Cb.spacing.lg,[wb.boxShadow]:`${Cb.shadow.wide.sm} ${Ab}, ${Cb.shadow.narrow.sm} ${Ab}`,[wb.maxHeight]:"100%",[wb.hostDirection]:Cb.direction,[wb.minItemsWidth]:"150px",_empty:{[wb.minHeight]:"150px",[wb.emptyStateTextColor]:Cb.colors.surface.dark,[wb.emptyStateTextFontFamily]:Cb.fonts.font1.family},variant:{tiles:{[wb.gridTemplateColumns]:`repeat(auto-fit, minmax(min(${pe(wb.minItemsWidth)}, 100%), 1fr))`,[wb.maxItemsWidth]:"200px",[wb.itemsHorizontalAlign]:"center"}}},Tb={...wb,...Sb};var kb=Object.freeze({__proto__:null,default:Eb,vars:Tb});const zb=ce(iu),Lb=ep.cssVarList,Nb={[Lb.backgroundColor]:zb.colors.surface.main,[Lb.verticalPadding]:zb.spacing.lg,[Lb.horizontalPadding]:zb.spacing.lg,[Lb.gap]:zb.spacing.md,[Lb.borderStyle]:"solid",[Lb.borderWidth]:zb.border.xs,[Lb.borderColor]:zb.colors.surface.main,[Lb.borderRadius]:zb.radius.sm,[Lb.cursor]:"pointer",[Lb.alignItems]:"center",[Lb.flexDirection]:"row",[Lb.transition]:"border-color 0.2s, background-color 0.2s",variant:{tile:{[Lb.alignItems]:"flex-start",[Lb.flexDirection]:"column",[Lb.borderColor]:zb.colors.surface.light}},_hover:{[Lb.backgroundColor]:zb.colors.surface.highlight},_active:{[Lb.backgroundColor]:zb.colors.surface.main,[Lb.borderColor]:zb.colors.primary.light,[Lb.outline]:`1px solid ${zb.colors.primary.light}`}};var Db=Object.freeze({__proto__:null,default:Nb,vars:Lb});const Vb=Kc.cssVarList,Pb={[Vb.requiredInputBorderColor]:yu._disabled[vu.borderColor],[Vb.requiredInputValueTextColor]:yu._disabled[vu.valueTextColor],[Vb.hostWidth]:"280px",_fullWidth:{[Vb.hostWidth]:"100%"}};var Bb=Object.freeze({__proto__:null,default:Pb,vars:Vb});const Rb=Re(Xp),Ob=lp.cssVarList,jb={[Ob.gap]:Rb.spacing.lg,[Ob.arrowsColor]:Rb.colors.surface.dark,[Ob.thirdPartyAppLogoFallback]:"url(https://imgs.descope.com/components/third-party-app-logo-placeholder.svg)",[Ob.companyLogoFallback]:"url(https://imgs.descope.com/components/project-logo-placeholder.svg)",size:{xs:{[Ob.logoMaxHeight]:"30px",[Ob.logoMaxWidth]:"120px"},sm:{[Ob.logoMaxHeight]:"40px",[Ob.logoMaxWidth]:"160px"},md:{[Ob.logoMaxHeight]:"48px",[Ob.logoMaxWidth]:"200px"},lg:{[Ob.logoMaxHeight]:"60px",[Ob.logoMaxWidth]:"240px"}}};var Fb=Object.freeze({__proto__:null,default:jb,vars:Ob});const Wb=hp.cssVarList,_b={[Wb.hostWidth]:"fit-content",_fullWidth:{[Wb.hostWidth]:"100%"}};var $b=Object.freeze({__proto__:null,default:_b,vars:Wb});const Hb=Cp.cssVarList,qb={[Hb.hostWidth]:"min-content",[Hb.questionCursor]:"pointer",_fullWidth:{[Hb.hostWidth]:"100%"},[Hb.questionFontSize]:fu.fontSize,[Hb.questionFontFamily]:fu.fontFamily};var Yb=Object.freeze({__proto__:null,default:qb,vars:Hb});const Ub=Tp.cssVarList,Gb={[Ub.hostDirection]:fu.direction,[Ub.errorMessageIcon]:fu.errorMessageIcon,[Ub.errorMessageIconSize]:fu.errorMessageIconSize,[Ub.errorMessageIconPadding]:fu.errorMessageIconPadding,[Ub.errorMessageIconRepeat]:fu.errorMessageIconRepeat,[Ub.errorMessageIconPosition]:fu.errorMessageIconPosition,[Ub.errorMessageFontSize]:fu.errorMessageFontSize,_fullWidth:{[Ub.hostWidth]:"100%"}};var Zb=Object.freeze({__proto__:null,default:Gb,vars:Ub});const Qb=Re(Xp),Jb=qp.cssVarList,Kb={[Jb.hostDirection]:Qb.direction,[Jb.backgroundColor]:"transparent",[Jb.iconSize]:"1.35em",[Jb.alignItems]:"center",[Jb.borderRadius]:Qb.radius.md,[Jb.horizontalPadding]:"0",[Jb.verticalPadding]:"0",[Jb.gap]:"0.5em",[Jb.fontSize]:_e(uh.fontSize),mode:{error:{[Jb.textColor]:Qb.colors.error.main,_bordered:{[Jb.borderColor]:Qb.colors.error.main}},success:{[Jb.textColor]:Qb.colors.success.main,_bordered:{[Jb.borderColor]:Qb.colors.success.main}}},spacing:{xs:{[Jb.horizontalPadding]:Qb.spacing.xs,[Jb.verticalPadding]:Qb.spacing.xs},sm:{[Jb.horizontalPadding]:Qb.spacing.sm,[Jb.verticalPadding]:Qb.spacing.sm},md:{[Jb.horizontalPadding]:Qb.spacing.md,[Jb.verticalPadding]:Qb.spacing.md},lg:{[Jb.horizontalPadding]:Qb.spacing.lg,[Jb.verticalPadding]:Qb.spacing.lg},xl:{[Jb.horizontalPadding]:Qb.spacing.xl,[Jb.verticalPadding]:Qb.spacing.xl}},textAlign:{left:{[Jb.justifyContent]:"left"},center:{[Jb.justifyContent]:"center"},right:{[Jb.justifyContent]:"right"}},_bordered:{[Jb.borderWidth]:Qb.border.xs,[Jb.borderColor]:"transparent",[Jb.borderStyle]:"solid",[Jb.borderWidth]:Qb.border.xs,[Jb.borderRadius]:Qb.radius.sm},_fullWidth:{[Jb.hostWidth]:"100%"}};var Xb=Object.freeze({__proto__:null,default:Kb,vars:Jb});const ey=Zp.cssVarList,ty={enabled:{false:{[ey.maxHeight]:"70px"}}};var ry=Object.freeze({__proto__:null,default:ty,vars:ey});const oy=$("autocomplete-field-internal"),iy=wr({componentName:oy,baseSelector:""}),ny=[],ay="DESCOPE_INVALID_OPTION",sy=$("autocomplete-field"),{host:ly}={host:{selector:()=>":host"}},dy=B(lr({componentNameOverride:$("input-wrapper")}),lr({mappings:{hostWidth:{...ly,property:"width"},hostDirection:{...ly,property:"direction"},fontSize:{...ly},checkmarkDisplay:{selector:Yr.componentName,property:Yr.cssVarList.overlayCheckmarkDisplay},itemPaddingInlineStart:{selector:Yr.componentName,property:Yr.cssVarList.overlayItemPaddingInlineStart},itemPaddingInlineEnd:{selector:Yr.componentName,property:Yr.cssVarList.overlayItemPaddingInlineEnd},selectedItemBackground:{selector:Yr.componentName,property:Yr.cssVarList.overlaySelectedItemBackground},selectedItemHoverBackground:{selector:Yr.componentName,property:Yr.cssVarList.overlaySelectedItemHoverBackground},selectedItemFocusBackground:{selector:Yr.componentName,property:Yr.cssVarList.overlaySelectedItemFocusBackground},itemHoverBackground:{selector:Yr.componentName,property:Yr.cssVarList.overlayItemHoverBackground}}}),dr,kr({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),cr,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      <${oy}\n        tabindex="-1"\n      ></${oy}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(oy),q(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"]}),_(this,this.inputElement,{includeAttrs:["invalid"]}),this.inputElement.fetchResults=this.fetchResults,this.setDefaultValue()}set fetchResults(e){this.inputElement.fetchResults=e}})(Sr({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:sy})),cy=dy.cssVarList,py=ce(iu),uy={[cy.hostWidth]:Zh.width,[cy.hostDirection]:Zh.direction,[cy.fontSize]:Zh.fontSize,[cy.checkmarkDisplay]:"none",[cy.itemPaddingInlineStart]:py.spacing.lg,[cy.itemPaddingInlineEnd]:py.spacing.lg,[cy.selectedItemBackground]:py.colors.primary.light,[cy.selectedItemHoverBackground]:py.colors.primary.light,[cy.selectedItemFocusBackground]:py.colors.primary.light,[cy.itemHoverBackground]:py.colors.primary.highlight,_fullWidth:{[cy.hostWidth]:"100%"}};var hy=Object.freeze({__proto__:null,default:uy,vars:cy});class my extends(Mr()){#mt=null;#gt=null;constructor(e){super(e),this.#gt=this.#bt()}getRequiredParams(){return["public-api-key"]}getOptionalParams(){return[{key:"includedPrimaryTypes",attribute:"address-types"},{key:"language",attribute:"address-language"},{key:"region",attribute:"address-region"}]}async#bt(){const e=this.getAttribute("public-api-key");if(!this.#mt&&e)try{(e=>{var t,r,o,i,n,a,s,l,d,c,p,u,h;window.google?.maps||(t={key:e},n="The Google Maps JavaScript API",a="google",s="importLibrary",l="__ib__",d=document,c=window,p=(c=c[a]||(c[a]={})).maps||(c.maps={}),u=new Set,h=new URLSearchParams,p[s]?console.warn(n+" only loads once. Ignoring:",t):p[s]=(e,...c)=>u.add(e)&&(r||(r=new Promise(async(e,s)=>{for(i in await(o=d.createElement("script")),h.set("libraries",[...u]+""),t)h.set(i.replace(/[A-Z]/g,e=>"_"+e[0].toLowerCase()),t[i]);h.set("callback",a+".maps."+l),o.src=`https://maps.${a}apis.com/maps/api/js?`+h,p[l]=e,o.onerror=()=>r=s(Error(n+" could not load.")),o.nonce=d.querySelector("script[nonce]")?.nonce||"",d.head.append(o)}))).then(()=>p[s](e,...c)))})(e);const{AutocompleteSuggestion:t}=await google.maps.importLibrary("places");this.#mt=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.#gt;const t={input:e};this.getOptionalParams().forEach(({attribute:e,key:r,defaultValue:o})=>{const i=this.getAttribute(e)||o;i&&(t[r]="includedPrimaryTypes"===r?i.split(",").map(e=>e.trim()).filter(Boolean):i)});const{suggestions:r}=await this.#mt.fetchAutocompleteSuggestions(t);return this.#yt(r)}catch(e){return console.error("Google Maps Places Autocomplete failed:",e),{results:[],error:Ir}}}#yt(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 gy extends(Mr()){getRequiredParams(){return["public-api-key"]}getOptionalParams(){return[{key:"layers",attribute:"address-types"},{key:"limit",attribute:"address-limit"},{key:"lang",attribute:"address-language"},{key:"countryCode",attribute:"address-region"}]}async _fetchResults(e){if(!e?.trim())return{results:[]};const t=this.getAttribute("public-api-key"),r=new URLSearchParams({query:e.trim()});this.getOptionalParams().forEach(({attribute:e,key:t,defaultValue:o})=>{const i=this.getAttribute(e)||o;i&&("layers"===t||"countryCode"===t?r.append(t,i.split(",").map(e=>e.trim()).filter(Boolean).join(",")):r.append(t,i))});try{const e=await fetch(`https://api.radar.io/v1/search/autocomplete?${r.toString()}`,{headers:{Authorization:t}});if(!e.ok)throw new Error(`Radar API returned ${e.status}`);const o=await e.json();return this.#yt(o)}catch(e){return console.error("Radar Places Autocomplete failed:",e),{results:[],error:Ir}}}#yt(e){return e?.addresses?.length?{results:e.addresses.map(e=>({label:e.formattedAddress,value:e.formattedAddress}))}:{results:[]}}}const by=$("address-field-internal"),yy="google-maps-places",fy="radar",vy={[yy]:my,[fy]:gy},xy=wr({componentName:by,baseSelector:""}),Cy=["public-api-key"],wy=[...Cy],Iy=B((({connectorClasses:e})=>t=>class extends t{#ft=e;static get observedAttributes(){return[...t.observedAttributes||[],"connector-template"]}get connectorClasses(){return this.#ft}set connectorClasses(e){this.#ft=e}get connectorTemplate(){return this.getAttribute("connector-template")}initializeConnector(){const e=this.connectorTemplate;if(!this.connectorClasses[e])return;const t=this.connectorClasses[e];this.connector=new t(this.getAttribute.bind(this))}async fetchConnectorResults(e){if(!this.connector)return console.error(`No connector initialized for the field with template: ${this.connectorTemplate}`),{results:[]};const{results:t,error:r}=await this.connector.fetch(e);return r?{results:[],error:r}:{results:t.map(({label:e,value:t})=>({label:e,value:t}))}}init(){super.init?.(),this.initializeConnector()}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&"connector-template"===e&&this.initializeConnector()}})({connectorClasses:vy}))(class extends xy{static get observedAttributes(){return[].concat(xy.observedAttributes||[],wy)}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(){q(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"]}),_(this,this.autocompleteField,{includeAttrs:["invalid"]}),this.autocompleteField.fetchResults=this.fetchConnectorResults.bind(this)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&Cy.includes(e)&&this.initializeConnector()}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{valid:!0}}}),My=$("address-field"),{host:Sy}={host:{selector:()=>":host"}},Ay=B(lr({componentNameOverride:$("input-wrapper")}),lr({mappings:{hostWidth:{...Sy,property:"width"},hostDirection:{...Sy,property:"direction"}}}),dr,kr({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),cr,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      <${by}\n        tabindex="-1"\n      ></${by}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(by),q(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"]}),_(this,this.inputElement,{includeAttrs:["invalid"]}),this.setDefaultValue()}})(Sr({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  ${by} {\n    display: inline-block;\n    box-sizing: border-box;\n    user-select: none;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  ${by} ::slotted {\n    padding: 0;\n  }\n`,excludeAttrsSync:["tabindex","error-message","label","style"],componentName:My})),Ey=Ay.cssVarList,Ty={[Ey.hostWidth]:Zh.width,[Ey.hostDirection]:Zh.direction,_fullWidth:{[Ey.hostWidth]:"100%"}};var ky=Object.freeze({__proto__:null,default:Ty,vars:Ey});const zy=(e,t=2)=>String(e).padStart(t,"0"),Ly=$("timer"),Ny=["seconds","hide-icon","paused"],Dy=gr({componentName:Ly,baseSelector:":host > .wrapper"}),{host:Vy,icon:Py,timer:By}={host:{selector:()=>":host"},icon:{selector:()=>".icon"},timer:{selector:()=>".timer"}},Ry=B(lr({mappings:{fontSize:{},iconSize:[{...Py,property:"width"},{...Py,property:"height"}],fontFamily:{},minHeight:{},fontWeight:{...By},lineHeight:{...By},textColor:{...By,property:"color"},gap:{},textAlign:{property:"justify-content"},hostWidth:{...Vy,property:"width"},hostDirection:{...Vy,property:"direction"},iconColor:{...Py,property:Xr.cssVarList.fill}}}),dr,cr)(class extends Dy{#vt=0;#xt;static get observedAttributes(){return Ny.concat(Dy.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',Y("\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.#vt=this.seconds}startInterval(){this.#vt?this.#xt=setInterval(()=>{this.#Ct(),this.#vt||this.stop(),this.#wt(this.#vt)},1e3):this.stop()}stopInterval(){clearInterval(this.#xt)}#Ct(){this.#vt=this.#vt-1e3}reset(){this.#vt=this.seconds,this.#wt(this.#vt),this.isPaused||(this.dispatchEvent(new CustomEvent("timer-started",{bubbles:!0})),this.startInterval())}stop(){this.stopInterval(),this.#vt=0,this.#wt(this.#vt),this.dispatchEvent(new CustomEvent("timer-ended",{bubbles:!0}))}pause(){this.setAttribute("paused","true"),this.stopInterval()}resume(){this.removeAttribute("paused"),this.startInterval()}#wt(e){this.timer.textContent=((e=0)=>{const t=Math.floor(e/1e3),r=Math.floor(t/3600),o=Math.floor(t%3600/60),i=t%60;return[...r?[zy(r)]:[],zy(o),zy(i)].join(":")})(e)}#It(e){this.icon.classList.toggle("hidden",e)}#Mt(e){setTimeout(()=>{e?this.pause():this.#xt||this.resume()})}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&("seconds"===e&&this.reset(),"hide-icon"===e&&this.#It("true"===r),"paused"===e&&this.#Mt("true"===r))}}),Oy=ce(iu),jy=Ry.cssVarList,Fy={[jy.hostDirection]:Oy.direction,[jy.gap]:"0.25em",[jy.fontFamily]:Oy.fonts.font1.family,[jy.minHeight]:"1.5em",[jy.lineHeight]:"1em",[jy.fontWeight]:Oy.fonts.font1.fontWeight,[jy.textColor]:Oy.colors.surface.contrast,[jy.iconColor]:Oy.colors.surface.contrast,[jy.iconSize]:"1em",size:{xs:{[jy.fontSize]:"12px"},sm:{[jy.fontSize]:"14px"},md:{[jy.fontSize]:"16px"},lg:{[jy.fontSize]:"18px"}},textAlign:{right:{[jy.textAlign]:"right"},left:{[jy.textAlign]:"left"},center:{[jy.textAlign]:"center"}},_fullWidth:{[jy.hostWidth]:"100%"}};var Wy=Object.freeze({__proto__:null,default:Fy,vars:jy});const _y=$("timer-button"),$y=["button-variant","button-mode","size","text-align","full-width"],Hy={"button-variant":"variant","button-mode":"mode"},qy=["timer-seconds","timer-hide-icon","timer-paused","size","text-align","full-width"],Yy={"timer-seconds":"seconds","timer-hide-icon":"hide-icon","timer-paused":"paused"},Uy=gr({componentName:_y,baseSelector:":host > div"}),{host:Gy}={host:{selector:()=>":host"}},Zy=B(lr({mappings:{gap:{},flexDirection:{},hostWidth:{...Gy,property:"width"},hostDirection:{...Gy,property:"direction"}}}),dr,cr)(class extends Uy{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',Y("\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?.(),q(this,this.button,{includeAttrs:$y,mapAttrs:Hy}),q(this,this.timer,{includeAttrs:qy,mapAttrs:Yy}),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")})}}),Qy=ce(iu),Jy=Zy.cssVarList,Ky={[Jy.gap]:Qy.spacing.sm,[Jy.flexDirection]:"column",_horizontal:{[Jy.flexDirection]:"row"},_fullWidth:{[Jy.hostWidth]:"100%"}};var Xy=Object.freeze({__proto__:null,default:Ky,vars:Jy});const ef=$("password-strength");class tf extends(gr({componentName:ef,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',Y("\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 hv}).then(e=>e.default);#St=-1;async calcScore(){const e=this.getAttribute("value")||"";return e?(await this.getCalcScoreFn())(e).score:-1}renderBars(){this.barsContainer.innerHTML="",this.bars=this.options.map((e,t)=>{const r=document.createElement("div");return r.classList.add("bar"),r.classList.toggle("filled",t<=this.#St),this.barsContainer.appendChild(r),r})}init(){super.init?.(),this.getCalcScoreFn()}async onValueChange(){const e=await this.calcScore();e!==this.#St&&(this.#St=e,this.dispatchEvent(new CustomEvent("score-changed",{bubbles:!0,composed:!0,detail:this.#St})),this.bars?.forEach((e,t)=>{e.classList.toggle("filled",t<=this.#St)}),this.textContainer.innerHTML=this.options[this.#St]||"",-1===this.#St?this.removeAttribute("score"):this.setAttribute("score",this.#St))}attributeChangedCallback(e,t,r){if(t!==r)return"options"===e?this.renderBars():"value"===e?this.onValueChange():void 0}}const{host:rf,bar:of,filledBar:nf,barsContainer:af,text:sf}={host:{selector:()=>":host"},bar:{selector:" .bar"},barsContainer:{selector:" .bars-container"},filledBar:{selector:" .bar.filled"},text:{selector:" .text-container"}},lf=B(lr({componentNameOverride:$("input-wrapper")}),lr({mappings:{hostWidth:[{...rf,property:"width"},{...rf,property:"min-width"}],hostDirection:{...rf,property:"direction"},hostMinWidth:{...rf,property:"min-width"},barHeight:{...of,property:"height"},barBorderRadius:{...of,property:"border-radius"},emptyBarColor:{...of,property:"background-color"},filledBarColor:{...nf,property:"background-color"},textColor:{...sf,property:"color"},spacing:{property:"gap"},barSpacing:{...af,property:"gap"},fontSize:{},fontWeight:{},fontFamily:{},barTransition:{...of,property:"transition"}}}),dr,cr)(tf),df=ce(iu),cf=lf.cssVarList,pf={[cf.hostDirection]:df.direction,[cf.barHeight]:"4px",[cf.barTransition]:"background-color 0.3s",[cf.barBorderRadius]:df.radius.sm,[cf.hostMinWidth]:Zh.minWidth,[cf.barSpacing]:df.spacing.sm,[cf.emptyBarColor]:df.colors.surface.light,[cf.fontFamily]:Zh.fontFamily,[cf.fontSize]:Zh.labelFontSize,[cf.fontWeight]:Zh.labelFontWeight,[cf.spacing]:df.spacing.sm,_fullWidth:{[cf.hostWidth]:"100%"},score:{0:{[cf.filledBarColor]:df.colors.error.light,[cf.textColor]:df.colors.error.light},1:{[cf.filledBarColor]:df.colors.error.main,[cf.textColor]:df.colors.error.main},2:{[cf.filledBarColor]:df.colors.error.dark,[cf.textColor]:df.colors.error.dark},3:{[cf.filledBarColor]:df.colors.success.dark,[cf.textColor]:df.colors.success.dark},4:{[cf.filledBarColor]:df.colors.success.main,[cf.textColor]:df.colors.success.main}}},uf={...cf};var hf=Object.freeze({__proto__:null,default:pf,vars:uf});const mf=$("collapsible-container");class gf extends(gr({componentName:mf,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',Y(`\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(${Fi.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"}#At=!1;init(){super.init?.(),this.#At=!0,this.header.addEventListener("click",()=>{this.isCollapsible&&this.toggle()}),q(this,this.textComponent,{includeAttrs:["text-align","text-variant","text-mode"],mapAttrs:{"text-mode":"mode","text-variant":"variant"}})}updateHeaderText(){const e=this.getAttribute("text")||"";this.headerText.innerText=e}attributeChangedCallback(e,t,r){"text"!==e?this.isCollapsed&&this.isCollapsible?this.collapse(this.#At):this.expand(this.#At):this.updateHeaderText()}}const bf={host:()=>":host",icon:()=>"descope-icon",iconWrapper:()=>".icon",header:()=>".header",text:()=>"span",wrapper:()=>".wrapper",content:()=>"div.content"},yf=B(lr({mappings:{hostWidth:{selector:bf.host,property:"width"},hostDirection:{selector:bf.host,property:"direction"},verticalPadding:[{selector:bf.wrapper,property:"padding-top"},{selector:bf.wrapper,property:"padding-bottom"}],horizontalPadding:[{selector:bf.wrapper,property:"padding-left"},{selector:bf.wrapper,property:"padding-right"}],flexDirection:{},justifyContent:{},alignItems:{},gap:[{},{property:"margin-top"}],backgroundColor:{selector:bf.wrapper},backgroundImage:{selector:bf.wrapper},backgroundPositionX:{selector:bf.wrapper},backgroundPositionY:{selector:bf.wrapper},backgroundSize:{selector:bf.wrapper},backgroundRepeat:{selector:bf.wrapper},borderRadius:{selector:bf.wrapper},borderColor:{selector:bf.wrapper},borderStyle:{selector:bf.wrapper},borderWidth:{selector:bf.wrapper},boxShadow:{selector:bf.wrapper},headerIconOrder:{selector:bf.iconWrapper,property:"order"},headerCursor:{selector:bf.header,property:"cursor"},headerGap:{selector:bf.header,property:"gap"},textGrow:{selector:bf.text,property:"flex-grow"},textDirection:{selector:bf.text,property:"direction"},iconAnimationDuration:{selector:bf.icon,property:"transition-duration"},contentAnimationDuration:{selector:bf.content,property:"transition-duration"}}}),dr,cr)(gf),ff=ce(iu),vf=yf.cssVarList,[xf,Cf,wf]=ue({shadowColor:"#00000020"},mf),{shadowColor:If}=Cf,Mf={...xf,[vf.hostWidth]:"100%",[vf.boxShadow]:"none",[vf.backgroundColor]:ff.colors.surface.main,[vf.backgroundImage]:"",[vf.backgroundPositionX]:"center",[vf.backgroundPositionY]:"center",[vf.backgroundSize]:"cover",[vf.backgroundRepeat]:"no-repeat",[vf.borderRadius]:"0px",[vf.hostDirection]:ff.direction,[vf.flexDirection]:"column",[vf.alignItems]:"flex-start",[vf.justifyContent]:"flex-start",[vf.headerGap]:ff.spacing.md,[vf.iconAnimationDuration]:"0.1s",[vf.contentAnimationDuration]:"0.1s",[vf.borderWidth]:"0px",[vf.textGrow]:"0",verticalPadding:{sm:{[vf.verticalPadding]:"5px"},md:{[vf.verticalPadding]:"10px"},lg:{[vf.verticalPadding]:"20px"}},horizontalPadding:{sm:{[vf.horizontalPadding]:"5px"},md:{[vf.horizontalPadding]:"10px"},lg:{[vf.horizontalPadding]:"20px"}},spaceBetween:{sm:{[vf.gap]:"10px"},md:{[vf.gap]:"20px"},lg:{[vf.gap]:"30px"}},shadow:{sm:{[vf.boxShadow]:`${ff.shadow.wide.sm} ${If}, ${ff.shadow.narrow.sm} ${If}`},md:{[vf.boxShadow]:`${ff.shadow.wide.md} ${If}, ${ff.shadow.narrow.md} ${If}`},lg:{[vf.boxShadow]:`${ff.shadow.wide.lg} ${If}, ${ff.shadow.narrow.lg} ${If}`},xl:{[vf.boxShadow]:`${ff.shadow.wide.xl} ${If}, ${ff.shadow.narrow.xl} ${If}`},"2xl":{[wf.shadowColor]:"#00000050",[vf.boxShadow]:`${ff.shadow.wide["2xl"]} ${If}`}},borderRadius:{sm:{[vf.borderRadius]:ff.radius.sm},md:{[vf.borderRadius]:ff.radius.md},lg:{[vf.borderRadius]:ff.radius.lg},xl:{[vf.borderRadius]:ff.radius.xl},"2xl":{[vf.borderRadius]:ff.radius["2xl"]},"3xl":{[vf.borderRadius]:ff.radius["3xl"]}},iconPosition:{left:{[vf.headerIconOrder]:"0"},right:{[vf.headerIconOrder]:"1"}},_fillTitle:{[vf.textGrow]:"1"},_border:{[vf.borderColor]:ff.colors.surface.light,[vf.borderWidth]:ff.border.xs,[vf.borderStyle]:"solid"},_collapsible:{[vf.headerCursor]:"pointer"}},Sf={...vf,...wf};var Af=Object.freeze({__proto__:null,default:Mf,vars:Sf});const Ef=$("recovery-codes");class Tf extends(gr({componentName:Ef,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"),Y("\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)),q(this,this.iconWrapper,{includeAttrs:["variant","mode"]})}onCopy(){navigator.clipboard.writeText(String(this.data.map(e=>e.value).join("\n"))),this.icon.setAttribute("icon","vaadin:check-circle-o"),this.icon.setAttribute("title","Copied"),this.icon.classList.add("copied"),setTimeout(()=>{this.icon.setAttribute("icon","vaadin:copy-o"),this.icon.setAttribute("title","Copy"),this.icon.classList.remove("copied")},5e3)}onReadOnly(e){this.icon.classList.toggle("readonly",e)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),r!==t&&"readonly"===e&&this.onReadOnly("true"===r)}}const kf=B(lr({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostMinWidth:{selector:()=>":host",property:"min-width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>Fi.componentName,property:Fi.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"}}}),Nr({itemRenderer:({value:e},t,r)=>`\n    <descope-text variant="${r.variant}" mode="${r.mode}">\n      <span>${e}</span>\n    </descope-text>\n  `,rerenderAttrsList:["variant","mode"],targetSelector:".list"}),dr,cr)(Tf),zf=ce(iu),Lf=kf.cssVarList,Nf=Fi.cssVarList,Df={[Lf.hostMinWidth]:"190px",[Lf.hostDirection]:zf.direction,[Lf.iconColor]:pe(Nf.textColor),[Lf.iconSize]:pe(Nf.fontSize),[Lf.iconGap]:"8px",[Lf.bulletGap]:"0.35em",textAlign:{right:{[Lf.textAlign]:"flex-end"},left:{[Lf.textAlign]:"flex-start"},center:{[Lf.textAlign]:"center"}},_fullWidth:{[Lf.hostWidth]:"100%"}};var Vf=Object.freeze({__proto__:null,default:Df,vars:Lf});const Pf=$("outbound-apps"),Bf=({name:e,description:t,logo:r,appId:o,isConnected:i},n,a)=>{const s=i?"disconnect":"connect";return`\n  <descope-list-item>\n    <descope-avatar\n      ${r?`img="${r}"`:""}\n      ${e?`display-name="${e}" abbr=${Z(e)}`:""}\n      size=${a.size}\n      ${r?'st-avatar-background-color="none"':""}\n      class="app-logo"\n    ></descope-avatar>\n\n      <div class="content">\n        <descope-text\n          class="app-title"\n          variant="subtitle1"\n          mode="primary"\n        >${e}</descope-text>\n      ${t?`\n          <descope-text\n            class="app-description"\n            variant="body2"\n            mode="primary"\n          >${t}</descope-text>\n      `:""}\n    </div>\n    <div class="controls">\n      <descope-button variant="link" mode="primary" size=${a.size} data-action="${s}" data-outbound-app-id="${o}" data-id="${s}">\n        ${i?a.disconnectButtonLabel:a.connectButtonLabel}\n      </descope-button>\n    </div>\n  </descope-list-item>\n`},Rf=gr({componentName:Pf,baseSelector:"descope-list"}),{host:Of}={host:{selector:()=>":host"}},jf=B(lr({mappings:{hostWidth:{...Of,property:"width"},minHeight:{selector:()=>":host"},hostDirection:[{...Of,property:"direction"},{selector:"descope-list",property:"direction"},{selector:"descope-list-item",property:"direction"}],iconColor:{selector:()=>" descope-icon",property:Xr.cssVarList.fill},errorIconColor:{selector:()=>" descope-icon.error-icon",property:Xr.cssVarList.fill},fontSize:{selector:Fi.componentName,property:Fi.cssVarList.fontSize},appLogoGap:{selector:()=>" .app-logo",property:"margin-inline-end"},contentGap:{selector:()=>" .content",property:"gap"},itemsTextAlign:{selector:Fi.componentName,property:Fi.cssVarList.textAlign},itemCursor:{selector:ep.componentName,property:ep.cssVarList.cursor},itemOutline:{selector:ep.componentName,property:ep.cssVarList.outline},itemBorderColor:{selector:ep.componentName,property:ep.cssVarList.borderColor},itemBackgroundColor:{selector:ep.componentName,property:ep.cssVarList.backgroundColor},listBorderWidth:{selector:()=>op.componentName,property:op.cssVarList.borderWidth},listBoxShadow:{selector:()=>op.componentName,property:op.cssVarList.boxShadow},listPadding:[{selector:()=>op.componentName,property:op.cssVarList.verticalPadding},{selector:()=>op.componentName,property:op.cssVarList.horizontalPadding}]}}),dr,Nr({itemRenderer:Bf,rerenderAttrsList:["size","connect-button-label","disconnect-button-label"]}),cr)(class extends Rf{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"),Y("\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=Bf,this.appsList.addEventListener("click",this.onAppsListClick.bind(this))}get readonly(){return"true"===this.getAttribute("readonly")}onAppsListClick(e){if(!this.readonly){const t=e.srcElement.getAttribute("data-outbound-app-id"),r=e.srcElement.getAttribute("data-action");t&&r&&this.dispatchEvent(new CustomEvent(`${r}-clicked`,{bubbles:!0,detail:{id:t,action:r}}))}}get size(){return this.getAttribute("size")||"sm"}get connectButtonLabel(){return this.getAttribute("connect-button-label")||"Connect"}get disconnectButtonLabel(){return this.getAttribute("disconnect-button-label")||"Disconnect"}}),Ff=jf.cssVarList,Wf={[Ff.iconColor]:iu.colors.primary.main,[Ff.errorIconColor]:iu.colors.error.main,[Ff.appLogoGap]:iu.spacing.md,[Ff.contentGap]:iu.spacing.xs,[Ff.itemCursor]:"default",[Ff.itemOutline]:"none",[Ff.itemBorderColor]:"transparent",[Ff.listPadding]:"0",[Ff.listBorderWidth]:"0",[Ff.listBoxShadow]:"none",size:{xs:{[Ff.fontSize]:"0.6em"},sm:{[Ff.fontSize]:"0.8em"},md:{[Ff.fontSize]:"1em"},lg:{[Ff.fontSize]:"1.5em"}}};var _f=Object.freeze({__proto__:null,default:Wf,vars:Ff});const $f=$("outbound-app-button");class Hf extends(gr({componentName:$f,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    ',Y("\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?.(),q(this,this.button,{excludeAttrs:["style","class","label","icon-src","icon-fill-current-color"]})}updateLabel(e=""){this.label.textContent=e,this.label.classList.toggle("hidden",!e)}updateIcon(e=""){this.icon.setAttribute("src",e),this.icon.classList.toggle("hidden",!e)}attributeChangedCallback(e,t,r){super.attributeChangedCallback?.(e,t,r),t!==r&&("label"===e?this.updateLabel(r):"icon-src"===e&&this.updateIcon(r))}}const qf=B(lr({mappings:{hostWidth:{selector:()=>":host",property:"width"},iconFillCurrentColor:{selector:()=>"descope-icon",property:no.cssVarList.iconColor}}}),dr,cr)(Hf),Yf=qf.cssVarList,Uf={[Yf.iconFillCurrentColor]:"inherit",_iconFillCurrentColor:{[Yf.iconFillCurrentColor]:"currentColor"},_fullWidth:{[Yf.hostWidth]:"100%"}},Gf=Yf;var Zf=Object.freeze({__proto__:null,default:Uf,vars:Gf});const Qf=e=>{const t=parseInt(e,10);return Number.isNaN(t)?0:t},Jf={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=="}},Kf=$("trusted-devices"),Xf=({id:e,name:t,lastLoginDate:r,deviceType:o,isCurrent:i},n,a)=>{const s=i?'class="current-device"':"",{iconSrc:l,iconSrcDark:d}=(e=>{const t=Jf[e]||Jf.unknown;return{iconSrc:t.light,iconSrcDark:t.dark}})(o),c=a.lastLoginLabel?`${a.lastLoginLabel} `:"",p=((e,t)=>{if(Number.isNaN(parseInt(e,10)))return"";const r=new Date(e),o=r.getFullYear(),i=String(r.getMonth()+1).padStart(2,"0"),n=String(r.getDate()).padStart(2,"0"),a=r.toLocaleTimeString("en-US",{hour12:!1,hour:"2-digit",minute:"2-digit"}),s={"DD-MM-YYYY":`${n}/${i}/${o}`,"YYYY-MM-DD":`${o}/${i}/${n}`,"MM-DD-YYYY":`${i}/${n}/${o}`};return`${s[t]||s["MM/DD/YYYY"]} ${a}`})(r,a.format),u=i?`<descope-badge\n    bordered="true"\n    size="xs"\n    mode="primary"\n    st-host-direction="${a.direction}"\n  >\n    ${a.currentDeviceLabel}\n  </descope-badge>`:"",h=a.hideActions||i?"":`<descope-link\n      class="remove-device"\n      variant="body1"\n      mode="primary"\n      data-action="remove-device"\n      data-device-id="${e}"\n      st-host-direction="${a.direction}"\n      ellipsis="true"\n    >\n      ${a.removeDeviceLabel}\n    </descope-link>`,m=document.createElement("template");return m.innerHTML=`\n    <descope-list-item ${s}>\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},ev=gr({componentName:Kf,baseSelector:op.componentName}),{host:tv}={host:{selector:()=>":host"}},rv=B(lr({mappings:{hostWidth:{...tv,property:"width"},hostMinWidth:{...tv,property:"min-width"},hostDirection:[{...tv,property:"direction"},{selector:()=>"descope-list-item",property:"direction"},{selector:()=>"descope-text",property:"direction"}],listItemsGap:{property:op.cssVarList.gap},listBackgroundColor:{selector:()=>op.componentName,property:op.cssVarList.backgroundColor},listBorderRadius:{selector:()=>op.componentName,property:op.cssVarList.borderRadius},listBorderWidth:{selector:()=>op.componentName,property:op.cssVarList.borderWidth},listBoxShadow:{selector:()=>op.componentName,property:op.cssVarList.boxShadow},listPadding:[{selector:()=>op.componentName,property:op.cssVarList.verticalPadding},{selector:()=>op.componentName,property:op.cssVarList.horizontalPadding}],itemVerticalPadding:{selector:ep.componentName,property:ep.cssVarList.verticalPadding},itemHorizontalPadding:{selector:ep.componentName,property:ep.cssVarList.horizontalPadding},itemCursor:{selector:ep.componentName,property:ep.cssVarList.cursor},itemOutline:{selector:ep.componentName,property:ep.cssVarList.outline},itemBorderColor:{selector:ep.componentName,property:ep.cssVarList.borderColor},itemBorderRadius:{selector:ep.componentName,property:ep.cssVarList.borderRadius},itemBackgroundColor:{selector:ep.componentName,property:ep.cssVarList.backgroundColor},itemContentGap:{selector:()=>".content",property:"gap"},badgeBorderColor:{selector:yc.componentName,property:yc.cssVarList.borderColor},badgeTextColor:{selector:yc.componentName,property:yc.cssVarList.textColor},badgeBackgroundColor:{selector:yc.componentName,property:yc.cssVarList.backgroundColor},badgeBorderRadius:{selector:yc.componentName,property:yc.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"}}}),dr,Nr({itemRenderer:Xf,sortFn:(e,t)=>Qf(t.lastLoginDate)-Qf(e.lastLoginDate),rerenderAttrsList:["remove-device-label","current-device-label","last-login-label","format","hide-actions"]}),cr)(class extends ev{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"),Y("\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=Xf,this.appsList.addEventListener("click",this.onRemoveClick.bind(this))}onRemoveClick(e){if(this.readOnly)return;const t=e.target.closest("[data-device-id]"),r=t?.getAttribute("data-device-id");r&&this.dispatchEvent(new CustomEvent("remove-device-clicked",{bubbles:!0,detail:{id:r,action:"remove-device"}}))}get readOnly(){return"true"===this.getAttribute("readonly")}get hideActions(){return"true"===this.getAttribute("hide-actions")}get format(){return this.getAttribute("format")?.toUpperCase()||"MM-DD-YYYY"}get removeDeviceLabel(){return this.getAttribute("remove-device-label")||"Sign out"}get currentDeviceLabel(){return this.getAttribute("current-device-label")||"Current device"}get lastLoginLabel(){return this.getAttribute("last-login-label")||"Last login:"}get direction(){return this.getAttribute("st-host-direction")}}),ov=rv.cssVarList,iv={[ov.hostWidth]:"auto",[ov.hostWidth]:"300px",[ov.hostMinWidth]:"300px",[ov.listBackgroundColor]:"transparent",[ov.listBorderRadius]:"0",[ov.listBorderWidth]:"0",[ov.listPadding]:"0",[ov.listBoxShadow]:"none",[ov.listItemsGap]:iu.spacing.lg,[ov.itemBorderColor]:iu.colors.surface.light,[ov.itemVerticalPadding]:iu.spacing.lg,[ov.itemHorizontalPadding]:iu.spacing.lg,[ov.itemBorderRadius]:iu.radius.xs,[ov.itemOutline]:"transparent",[ov.itemBackgroundColor]:"transparent",[ov.itemCursor]:"default",[ov.itemContentGap]:iu.spacing.sm,[ov.badgeBorderColor]:iu.colors.surface.light,[ov.badgeTextColor]:iu.colors.surface.dark,[ov.badgeBorderRadius]:iu.radius.xs,[ov.badgeBackgroundColor]:iu.colors.surface.main,[ov.devicePanelGap]:iu.spacing.md,[ov.deviceIconGap]:iu.spacing.md,[ov.deviceIconSize]:"24px",[ov.lastLoginLabelGap]:iu.spacing.xs,_fullWidth:{[ov.hostWidth]:"100%"}},nv={button:mu,textField:Mu,password:Tu,numberField:Lu,emailField:Vu,textArea:Ru,checkbox:Wu,switchToggle:Yu,container:th,logo:ih,totpImage:sh,notpImage:ch,text:mh,enrichedText:wh,link:fh,divider:zh,passcode:Dh,loaderRadial:qh,loaderLinear:Rh,comboBox:Xh,phoneField:rm,phoneInputBoxField:nm,newPassword:dm,inputWrapper:xu,uploadFile:um,buttonSelectionGroupItem:bm,buttonSelectionGroup:Cm,buttonMultiSelectionGroup:Mm,modal:km,grid:Dm,notificationCard:Om,multiSelectComboBox:_m,badge:Ym,avatar:og,mappingsField:sg,userAttribute:pg,userAuthMethod:gg,samlGroupMappings:fg,policyValidation:wg,image:Ag,icon:Mg,codeSnippet:Zg,radioGroup:Xg,radioButton:ob,calendar:sb,dateField:hb,list:kb,listItem:Db,appsList:xb,scopesList:Bb,thirdPartyAppLogo:Fb,securityQuestionsSetup:$b,securityQuestionsVerify:Yb,hybridField:Zb,alert:Xb,autocompleteField:hy,addressField:ky,timer:Wy,timerButton:Xy,passwordStrength:hf,collapsibleContainer:Af,recoveryCodes:Vf,hcaptcha:ry,outboundApps:_f,outboundAppButton:Zf,trustedDevices:Object.freeze({__proto__:null,default:iv,vars:ov})},av=Object.keys(nv).reduce((e,t)=>({...e,[t]:nv[t].default}),{}),sv=Object.keys(nv).reduce((e,t)=>({...e,[t]:nv[t].vars}),{}),lv={globals:Xp,components:av},dv={globals:eu,components:sv},cv=a()({},lv,{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:{...Gg}});customElements.define(oy,class extends iy{static get observedAttributes(){return[].concat(iy.observedAttributes||[],ny)}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#Et(e){const{results:t,error:r}=await this.fetchResults(e);return r?{error:r}:{results:t}}#Tt(e,t,r,o){return`<span data-name="${r}" data-id="${t}" ${o?'disabled="true"':""}>${e||r}</span>`}#kt(){this.comboBox.renderer=(e,t,r)=>{"true"===r.item.getAttribute("disabled")?e.setAttribute("disabled","true"):e.removeAttribute("disabled"),e.innerHTML=r.item.outerHTML},this.comboBox.renderItem=({displayName:e,value:t,label:r,disabled:o})=>this.#Tt(e,t,r,o)}focus(){this.comboBox.focus()}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.comboBox.focus()}),super.init?.(),this.#zt(),_(this,this.comboBox,{includeAttrs:["invalid"]})}#zt(){this.debouncedSearch=(e=>{let t=0;const r=new Set,o=new Set,n=i()((i,n)=>{e(...i).then(e=>{n===t&&(r.forEach(t=>t(e)),r.clear())}).catch(e=>{o.forEach(t=>t(e)),o.clear()})},250);return(...e)=>(t++,new Promise((i,a)=>{r.add(i),o.add(a),n(e,t)}))})(async e=>{try{const{results:t,error:r}=await this.#Et(e);return{results:t,error:r,value:e}}catch(t){return{error:t,value:e}}}),q(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.#kt()}#Lt(){return[{label:this.noResultsFoundMessage,value:ay,disabled:!0}]}#Nt(){return[{label:this.errorFetchingResultsMessage,value:ay,disabled:!0}]}async onSearch(e){const t=e.detail.value;if(!t||t.length<this.minSearchLength)return;this.comboBox.loading=!0,this.comboBox.setAttribute("opened","true");const r=await this.debouncedSearch(t);r&&r.value===t&&(this.comboBox.loading=!1,r.error?this.comboBox.data=this.#Nt():0===r.results?.length?this.comboBox.data=this.#Lt():this.comboBox.data=r.results||[])}fetchResults(e){return console.warn("fetchResults","needs to be implemented"),{results:[],error:void 0}}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{valid:!0}}}),customElements.define(sy,dy),customElements.define(by,Iy),customElements.define(My,Ay),customElements.define(Um,Km),customElements.define(mb,gb),customElements.define(mf,yf),customElements.define($f,qf),customElements.define(Pf,jf),customElements.define(ef,lf);var pv=Object.freeze({__proto__:null,PasswordStrengthClass:lf,componentName:ef});customElements.define(Ef,kf),customElements.define(Ly,Ry),customElements.define(_y,Zy),customElements.define(Kf,rv);const uv={translations:f.A,graphs:y.K,dictionary:{...y.z,...v.z}};b.u2.setOptions(uv);var hv=Object.freeze({__proto__:null,default:b.K1,options:uv})}}]);