@descope/web-components-ui 1.0.294 → 1.0.296

package/dist/umd/DescopeDev.js

@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.DescopeDev=e():t.DescopeDev=e()}(self,(()=>(()=>{var t={8168:(t,e,r)=>{const o=r(8874),n={};for(const t of Object.keys(o))n[o[t]]=t;const i={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};t.exports=i;for(const t of Object.keys(i)){if(!("channels"in i[t]))throw new Error("missing channels property: "+t);if(!("labels"in i[t]))throw new Error("missing channel labels property: "+t);if(i[t].labels.length!==i[t].channels)throw new Error("channel and label counts mismatch: "+t);const{channels:e,labels:r}=i[t];delete i[t].channels,delete i[t].labels,Object.defineProperty(i[t],"channels",{value:e}),Object.defineProperty(i[t],"labels",{value:r})}i.rgb.hsl=function(t){const e=t[0]/255,r=t[1]/255,o=t[2]/255,n=Math.min(e,r,o),i=Math.max(e,r,o),a=i-n;let l,s;i===n?l=0:e===i?l=(r-o)/a:r===i?l=2+(o-e)/a:o===i&&(l=4+(e-r)/a),l=Math.min(60*l,360),l<0&&(l+=360);const d=(n+i)/2;return s=i===n?0:d<=.5?a/(i+n):a/(2-i-n),[l,100*s,100*d]},i.rgb.hsv=function(t){let e,r,o,n,i;const a=t[0]/255,l=t[1]/255,s=t[2]/255,d=Math.max(a,l,s),c=d-Math.min(a,l,s),p=function(t){return(d-t)/6/c+.5};return 0===c?(n=0,i=0):(i=c/d,e=p(a),r=p(l),o=p(s),a===d?n=o-r:l===d?n=1/3+e-o:s===d&&(n=2/3+r-e),n<0?n+=1:n>1&&(n-=1)),[360*n,100*i,100*d]},i.rgb.hwb=function(t){const e=t[0],r=t[1];let o=t[2];const n=i.rgb.hsl(t)[0],a=1/255*Math.min(e,Math.min(r,o));return o=1-1/255*Math.max(e,Math.max(r,o)),[n,100*a,100*o]},i.rgb.cmyk=function(t){const e=t[0]/255,r=t[1]/255,o=t[2]/255,n=Math.min(1-e,1-r,1-o);return[100*((1-e-n)/(1-n)||0),100*((1-r-n)/(1-n)||0),100*((1-o-n)/(1-n)||0),100*n]},i.rgb.keyword=function(t){const e=n[t];if(e)return e;let r,i=1/0;for(const e of Object.keys(o)){const n=(l=o[e],((a=t)[0]-l[0])**2+(a[1]-l[1])**2+(a[2]-l[2])**2);n<i&&(i=n,r=e)}var a,l;return r},i.keyword.rgb=function(t){return o[t]},i.rgb.xyz=function(t){let e=t[0]/255,r=t[1]/255,o=t[2]/255;return e=e>.04045?((e+.055)/1.055)**2.4:e/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92,o=o>.04045?((o+.055)/1.055)**2.4:o/12.92,[100*(.4124*e+.3576*r+.1805*o),100*(.2126*e+.7152*r+.0722*o),100*(.0193*e+.1192*r+.9505*o)]},i.rgb.lab=function(t){const e=i.rgb.xyz(t);let r=e[0],o=e[1],n=e[2];return r/=95.047,o/=100,n/=108.883,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,[116*o-16,500*(r-o),200*(o-n)]},i.hsl.rgb=function(t){const e=t[0]/360,r=t[1]/100,o=t[2]/100;let n,i,a;if(0===r)return a=255*o,[a,a,a];n=o<.5?o*(1+r):o+r-o*r;const l=2*o-n,s=[0,0,0];for(let t=0;t<3;t++)i=e+1/3*-(t-1),i<0&&i++,i>1&&i--,a=6*i<1?l+6*(n-l)*i:2*i<1?n:3*i<2?l+(n-l)*(2/3-i)*6:l,s[t]=255*a;return s},i.hsl.hsv=function(t){const e=t[0];let r=t[1]/100,o=t[2]/100,n=r;const i=Math.max(o,.01);return o*=2,r*=o<=1?o:2-o,n*=i<=1?i:2-i,[e,100*(0===o?2*n/(i+n):2*r/(o+r)),(o+r)/2*100]},i.hsv.rgb=function(t){const e=t[0]/60,r=t[1]/100;let o=t[2]/100;const n=Math.floor(e)%6,i=e-Math.floor(e),a=255*o*(1-r),l=255*o*(1-r*i),s=255*o*(1-r*(1-i));switch(o*=255,n){case 0:return[o,s,a];case 1:return[l,o,a];case 2:return[a,o,s];case 3:return[a,l,o];case 4:return[s,a,o];case 5:return[o,a,l]}},i.hsv.hsl=function(t){const e=t[0],r=t[1]/100,o=t[2]/100,n=Math.max(o,.01);let i,a;a=(2-r)*o;const l=(2-r)*n;return i=r*n,i/=l<=1?l:2-l,i=i||0,a/=2,[e,100*i,100*a]},i.hwb.rgb=function(t){const e=t[0]/360;let r=t[1]/100,o=t[2]/100;const n=r+o;let i;n>1&&(r/=n,o/=n);const a=Math.floor(6*e),l=1-o;i=6*e-a,0!=(1&a)&&(i=1-i);const s=r+i*(l-r);let d,c,p;switch(a){default:case 6:case 0:d=l,c=s,p=r;break;case 1:d=s,c=l,p=r;break;case 2:d=r,c=l,p=s;break;case 3:d=r,c=s,p=l;break;case 4:d=s,c=r,p=l;break;case 5:d=l,c=r,p=s}return[255*d,255*c,255*p]},i.cmyk.rgb=function(t){const e=t[0]/100,r=t[1]/100,o=t[2]/100,n=t[3]/100;return[255*(1-Math.min(1,e*(1-n)+n)),255*(1-Math.min(1,r*(1-n)+n)),255*(1-Math.min(1,o*(1-n)+n))]},i.xyz.rgb=function(t){const e=t[0]/100,r=t[1]/100,o=t[2]/100;let n,i,a;return n=3.2406*e+-1.5372*r+-.4986*o,i=-.9689*e+1.8758*r+.0415*o,a=.0557*e+-.204*r+1.057*o,n=n>.0031308?1.055*n**(1/2.4)-.055:12.92*n,i=i>.0031308?1.055*i**(1/2.4)-.055:12.92*i,a=a>.0031308?1.055*a**(1/2.4)-.055:12.92*a,n=Math.min(Math.max(0,n),1),i=Math.min(Math.max(0,i),1),a=Math.min(Math.max(0,a),1),[255*n,255*i,255*a]},i.xyz.lab=function(t){let e=t[0],r=t[1],o=t[2];return e/=95.047,r/=100,o/=108.883,e=e>.008856?e**(1/3):7.787*e+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116,[116*r-16,500*(e-r),200*(r-o)]},i.lab.xyz=function(t){let e,r,o;r=(t[0]+16)/116,e=t[1]/500+r,o=r-t[2]/200;const n=r**3,i=e**3,a=o**3;return r=n>.008856?n:(r-16/116)/7.787,e=i>.008856?i:(e-16/116)/7.787,o=a>.008856?a:(o-16/116)/7.787,e*=95.047,r*=100,o*=108.883,[e,r,o]},i.lab.lch=function(t){const e=t[0],r=t[1],o=t[2];let n;return n=360*Math.atan2(o,r)/2/Math.PI,n<0&&(n+=360),[e,Math.sqrt(r*r+o*o),n]},i.lch.lab=function(t){const e=t[0],r=t[1],o=t[2]/360*2*Math.PI;return[e,r*Math.cos(o),r*Math.sin(o)]},i.rgb.ansi16=function(t,e=null){const[r,o,n]=t;let a=null===e?i.rgb.hsv(t)[2]:e;if(a=Math.round(a/50),0===a)return 30;let l=30+(Math.round(n/255)<<2|Math.round(o/255)<<1|Math.round(r/255));return 2===a&&(l+=60),l},i.hsv.ansi16=function(t){return i.rgb.ansi16(i.hsv.rgb(t),t[2])},i.rgb.ansi256=function(t){const e=t[0],r=t[1],o=t[2];return e===r&&r===o?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(r/255*5)+Math.round(o/255*5)},i.ansi16.rgb=function(t){let e=t%10;if(0===e||7===e)return t>50&&(e+=3.5),e=e/10.5*255,[e,e,e];const r=.5*(1+~~(t>50));return[(1&e)*r*255,(e>>1&1)*r*255,(e>>2&1)*r*255]},i.ansi256.rgb=function(t){if(t>=232){const e=10*(t-232)+8;return[e,e,e]}let e;return t-=16,[Math.floor(t/36)/5*255,Math.floor((e=t%36)/6)/5*255,e%6/5*255]},i.rgb.hex=function(t){const e=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},i.hex.rgb=function(t){const e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];let r=e[0];3===e[0].length&&(r=r.split("").map((t=>t+t)).join(""));const o=parseInt(r,16);return[o>>16&255,o>>8&255,255&o]},i.rgb.hcg=function(t){const e=t[0]/255,r=t[1]/255,o=t[2]/255,n=Math.max(Math.max(e,r),o),i=Math.min(Math.min(e,r),o),a=n-i;let l,s;return l=a<1?i/(1-a):0,s=a<=0?0:n===e?(r-o)/a%6:n===r?2+(o-e)/a:4+(e-r)/a,s/=6,s%=1,[360*s,100*a,100*l]},i.hsl.hcg=function(t){const e=t[1]/100,r=t[2]/100,o=r<.5?2*e*r:2*e*(1-r);let n=0;return o<1&&(n=(r-.5*o)/(1-o)),[t[0],100*o,100*n]},i.hsv.hcg=function(t){const e=t[1]/100,r=t[2]/100,o=e*r;let n=0;return o<1&&(n=(r-o)/(1-o)),[t[0],100*o,100*n]},i.hcg.rgb=function(t){const e=t[0]/360,r=t[1]/100,o=t[2]/100;if(0===r)return[255*o,255*o,255*o];const n=[0,0,0],i=e%1*6,a=i%1,l=1-a;let s=0;switch(Math.floor(i)){case 0:n[0]=1,n[1]=a,n[2]=0;break;case 1:n[0]=l,n[1]=1,n[2]=0;break;case 2:n[0]=0,n[1]=1,n[2]=a;break;case 3:n[0]=0,n[1]=l,n[2]=1;break;case 4:n[0]=a,n[1]=0,n[2]=1;break;default:n[0]=1,n[1]=0,n[2]=l}return s=(1-r)*o,[255*(r*n[0]+s),255*(r*n[1]+s),255*(r*n[2]+s)]},i.hcg.hsv=function(t){const e=t[1]/100,r=e+t[2]/100*(1-e);let o=0;return r>0&&(o=e/r),[t[0],100*o,100*r]},i.hcg.hsl=function(t){const e=t[1]/100,r=t[2]/100*(1-e)+.5*e;let o=0;return r>0&&r<.5?o=e/(2*r):r>=.5&&r<1&&(o=e/(2*(1-r))),[t[0],100*o,100*r]},i.hcg.hwb=function(t){const e=t[1]/100,r=e+t[2]/100*(1-e);return[t[0],100*(r-e),100*(1-r)]},i.hwb.hcg=function(t){const e=t[1]/100,r=1-t[2]/100,o=r-e;let n=0;return o<1&&(n=(r-o)/(1-o)),[t[0],100*o,100*n]},i.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]},i.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]},i.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]},i.gray.hsl=function(t){return[0,0,t[0]]},i.gray.hsv=i.gray.hsl,i.gray.hwb=function(t){return[0,100,t[0]]},i.gray.cmyk=function(t){return[0,0,0,t[0]]},i.gray.lab=function(t){return[t[0],0,0]},i.gray.hex=function(t){const e=255&Math.round(t[0]/100*255),r=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(r.length)+r},i.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]}},2085:(t,e,r)=>{const o=r(8168),n=r(4111),i={};Object.keys(o).forEach((t=>{i[t]={},Object.defineProperty(i[t],"channels",{value:o[t].channels}),Object.defineProperty(i[t],"labels",{value:o[t].labels});const e=n(t);Object.keys(e).forEach((r=>{const o=e[r];i[t][r]=function(t){const e=function(...e){const r=e[0];if(null==r)return r;r.length>1&&(e=r);const o=t(e);if("object"==typeof o)for(let t=o.length,e=0;e<t;e++)o[e]=Math.round(o[e]);return o};return"conversion"in t&&(e.conversion=t.conversion),e}(o),i[t][r].raw=function(t){const e=function(...e){const r=e[0];return null==r?r:(r.length>1&&(e=r),t(e))};return"conversion"in t&&(e.conversion=t.conversion),e}(o)}))})),t.exports=i},4111:(t,e,r)=>{const o=r(8168);function n(t,e){return function(r){return e(t(r))}}function i(t,e){const r=[e[t].parent,t];let i=o[e[t].parent][t],a=e[t].parent;for(;e[a].parent;)r.unshift(e[a].parent),i=n(o[e[a].parent][a],i),a=e[a].parent;return i.conversion=r,i}t.exports=function(t){const e=function(t){const e=function(){const t={},e=Object.keys(o);for(let r=e.length,o=0;o<r;o++)t[e[o]]={distance:-1,parent:null};return t}(),r=[t];for(e[t].distance=0;r.length;){const t=r.pop(),n=Object.keys(o[t]);for(let o=n.length,i=0;i<o;i++){const o=n[i],a=e[o];-1===a.distance&&(a.distance=e[t].distance+1,a.parent=t,r.unshift(o))}}return e}(t),r={},n=Object.keys(e);for(let t=n.length,o=0;o<t;o++){const t=n[o];null!==e[t].parent&&(r[t]=i(t,e))}return r}},8874:t=>{"use strict";t.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}},9818:(t,e,r)=>{var o=r(8874),n=r(6851),i=Object.hasOwnProperty,a=Object.create(null);for(var l in o)i.call(o,l)&&(a[o[l]]=l);var s=t.exports={to:{},get:{}};function d(t,e,r){return Math.min(Math.max(e,t),r)}function c(t){var e=Math.round(t).toString(16).toUpperCase();return e.length<2?"0"+e:e}s.get=function(t){var e,r;switch(t.substring(0,3).toLowerCase()){case"hsl":e=s.get.hsl(t),r="hsl";break;case"hwb":e=s.get.hwb(t),r="hwb";break;default:e=s.get.rgb(t),r="rgb"}return e?{model:r,value:e}:null},s.get.rgb=function(t){if(!t)return null;var e,r,n,a=[0,0,0,1];if(e=t.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(n=e[2],e=e[1],r=0;r<3;r++){var l=2*r;a[r]=parseInt(e.slice(l,l+2),16)}n&&(a[3]=parseInt(n,16)/255)}else if(e=t.match(/^#([a-f0-9]{3,4})$/i)){for(n=(e=e[1])[3],r=0;r<3;r++)a[r]=parseInt(e[r]+e[r],16);n&&(a[3]=parseInt(n+n,16)/255)}else if(e=t.match(/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)){for(r=0;r<3;r++)a[r]=parseInt(e[r+1],0);e[4]&&(e[5]?a[3]=.01*parseFloat(e[4]):a[3]=parseFloat(e[4]))}else{if(!(e=t.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)))return(e=t.match(/^(\w+)$/))?"transparent"===e[1]?[0,0,0,0]:i.call(o,e[1])?((a=o[e[1]])[3]=1,a):null:null;for(r=0;r<3;r++)a[r]=Math.round(2.55*parseFloat(e[r+1]));e[4]&&(e[5]?a[3]=.01*parseFloat(e[4]):a[3]=parseFloat(e[4]))}for(r=0;r<3;r++)a[r]=d(a[r],0,255);return a[3]=d(a[3],0,1),a},s.get.hsl=function(t){if(!t)return null;var e=t.match(/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(e){var r=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,d(parseFloat(e[2]),0,100),d(parseFloat(e[3]),0,100),d(isNaN(r)?1:r,0,1)]}return null},s.get.hwb=function(t){if(!t)return null;var e=t.match(/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(e){var r=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,d(parseFloat(e[2]),0,100),d(parseFloat(e[3]),0,100),d(isNaN(r)?1:r,0,1)]}return null},s.to.hex=function(){var t=n(arguments);return"#"+c(t[0])+c(t[1])+c(t[2])+(t[3]<1?c(Math.round(255*t[3])):"")},s.to.rgb=function(){var t=n(arguments);return t.length<4||1===t[3]?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"},s.to.rgb.percent=function(){var t=n(arguments),e=Math.round(t[0]/255*100),r=Math.round(t[1]/255*100),o=Math.round(t[2]/255*100);return t.length<4||1===t[3]?"rgb("+e+"%, "+r+"%, "+o+"%)":"rgba("+e+"%, "+r+"%, "+o+"%, "+t[3]+")"},s.to.hsl=function(){var t=n(arguments);return t.length<4||1===t[3]?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"},s.to.hwb=function(){var t=n(arguments),e="";return t.length>=4&&1!==t[3]&&(e=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"},s.to.keyword=function(t){return a[t.slice(0,3)]}},6767:(t,e,r)=>{const o=r(9818),n=r(2085),i=["keyword","gray","hex"],a={};for(const t of Object.keys(n))a[[...n[t].labels].sort().join("")]=t;const l={};function s(t,e){if(!(this instanceof s))return new s(t,e);if(e&&e in i&&(e=null),e&&!(e in n))throw new Error("Unknown model: "+e);let r,d;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof s)this.model=t.model,this.color=[...t.color],this.valpha=t.valpha;else if("string"==typeof t){const e=o.get(t);if(null===e)throw new Error("Unable to parse color from string: "+t);this.model=e.model,d=n[this.model].channels,this.color=e.value.slice(0,d),this.valpha="number"==typeof e.value[d]?e.value[d]:1}else if(t.length>0){this.model=e||"rgb",d=n[this.model].channels;const r=Array.prototype.slice.call(t,0,d);this.color=u(r,d),this.valpha="number"==typeof t[d]?t[d]:1}else if("number"==typeof t)this.model="rgb",this.color=[t>>16&255,t>>8&255,255&t],this.valpha=1;else{this.valpha=1;const e=Object.keys(t);"alpha"in t&&(e.splice(e.indexOf("alpha"),1),this.valpha="number"==typeof t.alpha?t.alpha:0);const o=e.sort().join("");if(!(o in a))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=a[o];const{labels:i}=n[this.model],l=[];for(r=0;r<i.length;r++)l.push(t[i[r]]);this.color=u(l)}if(l[this.model])for(d=n[this.model].channels,r=0;r<d;r++){const t=l[this.model][r];t&&(this.color[r]=t(this.color[r]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}s.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(t){let e=this.model in o.to?this:this.rgb();e=e.round("number"==typeof t?t:1);const r=1===e.valpha?e.color:[...e.color,this.valpha];return o.to[e.model](r)},percentString(t){const e=this.rgb().round("number"==typeof t?t:1),r=1===e.valpha?e.color:[...e.color,this.valpha];return o.to.rgb.percent(r)},array(){return 1===this.valpha?[...this.color]:[...this.color,this.valpha]},object(){const t={},{channels:e}=n[this.model],{labels:r}=n[this.model];for(let o=0;o<e;o++)t[r[o]]=this.color[o];return 1!==this.valpha&&(t.alpha=this.valpha),t},unitArray(){const t=this.rgb().color;return t[0]/=255,t[1]/=255,t[2]/=255,1!==this.valpha&&t.push(this.valpha),t},unitObject(){const t=this.rgb().object();return t.r/=255,t.g/=255,t.b/=255,1!==this.valpha&&(t.alpha=this.valpha),t},round(t){return t=Math.max(t||0,0),new s([...this.color.map(d(t)),this.valpha],this.model)},alpha(t){return void 0!==t?new s([...this.color,Math.max(0,Math.min(1,t))],this.model):this.valpha},red:c("rgb",0,p(255)),green:c("rgb",1,p(255)),blue:c("rgb",2,p(255)),hue:c(["hsl","hsv","hsl","hwb","hcg"],0,(t=>(t%360+360)%360)),saturationl:c("hsl",1,p(100)),lightness:c("hsl",2,p(100)),saturationv:c("hsv",1,p(100)),value:c("hsv",2,p(100)),chroma:c("hcg",1,p(100)),gray:c("hcg",2,p(100)),white:c("hwb",1,p(100)),wblack:c("hwb",2,p(100)),cyan:c("cmyk",0,p(100)),magenta:c("cmyk",1,p(100)),yellow:c("cmyk",2,p(100)),black:c("cmyk",3,p(100)),x:c("xyz",0,p(95.047)),y:c("xyz",1,p(100)),z:c("xyz",2,p(108.833)),l:c("lab",0,p(100)),a:c("lab",1),b:c("lab",2),keyword(t){return void 0!==t?new s(t):n[this.model].keyword(this.color)},hex(t){return void 0!==t?new s(t):o.to.hex(this.rgb().round().color)},hexa(t){if(void 0!==t)return new s(t);const e=this.rgb().round().color;let r=Math.round(255*this.valpha).toString(16).toUpperCase();return 1===r.length&&(r="0"+r),o.to.hex(e)+r},rgbNumber(){const t=this.rgb().color;return(255&t[0])<<16|(255&t[1])<<8|255&t[2]},luminosity(){const t=this.rgb().color,e=[];for(const[r,o]of t.entries()){const t=o/255;e[r]=t<=.04045?t/12.92:((t+.055)/1.055)**2.4}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast(t){const e=this.luminosity(),r=t.luminosity();return e>r?(e+.05)/(r+.05):(r+.05)/(e+.05)},level(t){const e=this.contrast(t);return e>=7?"AAA":e>=4.5?"AA":""},isDark(){const t=this.rgb().color;return(2126*t[0]+7152*t[1]+722*t[2])/1e4<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let e=0;e<3;e++)t.color[e]=255-t.color[e];return t},lighten(t){const e=this.hsl();return e.color[2]+=e.color[2]*t,e},darken(t){const e=this.hsl();return e.color[2]-=e.color[2]*t,e},saturate(t){const e=this.hsl();return e.color[1]+=e.color[1]*t,e},desaturate(t){const e=this.hsl();return e.color[1]-=e.color[1]*t,e},whiten(t){const e=this.hwb();return e.color[1]+=e.color[1]*t,e},blacken(t){const e=this.hwb();return e.color[2]+=e.color[2]*t,e},grayscale(){const t=this.rgb().color,e=.3*t[0]+.59*t[1]+.11*t[2];return s.rgb(e,e,e)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const e=this.hsl();let r=e.color[0];return r=(r+t)%360,r=r<0?360+r:r,e.color[0]=r,e},mix(t,e){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);const r=t.rgb(),o=this.rgb(),n=void 0===e?.5:e,i=2*n-1,a=r.alpha()-o.alpha(),l=((i*a==-1?i:(i+a)/(1+i*a))+1)/2,d=1-l;return s.rgb(l*r.red()+d*o.red(),l*r.green()+d*o.green(),l*r.blue()+d*o.blue(),r.alpha()*n+o.alpha()*(1-n))}};for(const t of Object.keys(n)){if(i.includes(t))continue;const{channels:e}=n[t];s.prototype[t]=function(...e){return this.model===t?new s(this):e.length>0?new s(e,t):new s([...(r=n[this.model][t].raw(this.color),Array.isArray(r)?r:[r]),this.valpha],t);var r},s[t]=function(...r){let o=r[0];return"number"==typeof o&&(o=u(r,e)),new s(o,t)}}function d(t){return function(e){return function(t,e){return Number(t.toFixed(e))}(e,t)}}function c(t,e,r){t=Array.isArray(t)?t:[t];for(const o of t)(l[o]||(l[o]=[]))[e]=r;return t=t[0],function(o){let n;return void 0!==o?(r&&(o=r(o)),n=this[t](),n.color[e]=o,n):(n=this[t]().color[e],r&&(n=r(n)),n)}}function p(t){return function(e){return Math.max(0,Math.min(t,e))}}function u(t,e){for(let r=0;r<e;r++)"number"!=typeof t[r]&&(t[r]=0);return t}t.exports=s},5171:t=>{t.exports=function(t){return!(!t||"string"==typeof t)&&(t instanceof Array||Array.isArray(t)||t.length>=0&&(t.splice instanceof Function||Object.getOwnPropertyDescriptor(t,t.length-1)&&"String"!==t.constructor.name))}},2378:(t,e,r)=>{t=r.nmd(t);var o="__lodash_hash_undefined__",n=9007199254740991,i="[object Arguments]",a="[object AsyncFunction]",l="[object Function]",s="[object GeneratorFunction]",d="[object Null]",c="[object Object]",p="[object Proxy]",u="[object Undefined]",h=/^\[object .+?Constructor\]$/,m=/^(?:0|[1-9]\d*)$/,b={};b["[object Float32Array]"]=b["[object Float64Array]"]=b["[object Int8Array]"]=b["[object Int16Array]"]=b["[object Int32Array]"]=b["[object Uint8Array]"]=b["[object Uint8ClampedArray]"]=b["[object Uint16Array]"]=b["[object Uint32Array]"]=!0,b[i]=b["[object Array]"]=b["[object ArrayBuffer]"]=b["[object Boolean]"]=b["[object DataView]"]=b["[object Date]"]=b["[object Error]"]=b[l]=b["[object Map]"]=b["[object Number]"]=b[c]=b["[object RegExp]"]=b["[object Set]"]=b["[object String]"]=b["[object WeakMap]"]=!1;var g,y,f,v="object"==typeof r.g&&r.g&&r.g.Object===Object&&r.g,x="object"==typeof self&&self&&self.Object===Object&&self,C=v||x||Function("return this")(),w=e&&!e.nodeType&&e,S=w&&t&&!t.nodeType&&t,M=S&&S.exports===w,T=M&&v.process,k=function(){try{return S&&S.require&&S.require("util").types||T&&T.binding&&T.binding("util")}catch(t){}}(),A=k&&k.isTypedArray,E=Array.prototype,I=Function.prototype,L=Object.prototype,O=C["__core-js_shared__"],z=I.toString,N=L.hasOwnProperty,V=(g=/[^.]+$/.exec(O&&O.keys&&O.keys.IE_PROTO||""))?"Symbol(src)_1."+g:"",D=L.toString,W=z.call(Object),B=RegExp("^"+z.call(N).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),F=M?C.Buffer:void 0,$=C.Symbol,R=C.Uint8Array,j=(F&&F.allocUnsafe,y=Object.getPrototypeOf,f=Object,function(t){return y(f(t))}),P=Object.create,q=L.propertyIsEnumerable,_=E.splice,H=$?$.toStringTag:void 0,G=function(){try{var t=ut(Object,"defineProperty");return t({},"",{}),t}catch(t){}}(),U=F?F.isBuffer:void 0,Z=Math.max,Q=Date.now,Y=ut(C,"Map"),J=ut(Object,"create"),K=function(){function t(){}return function(e){if(!Mt(e))return{};if(P)return P(e);t.prototype=e;var r=new t;return t.prototype=void 0,r}}();function X(t){var e=-1,r=null==t?0:t.length;for(this.clear();++e<r;){var o=t[e];this.set(o[0],o[1])}}function tt(t){var e=-1,r=null==t?0:t.length;for(this.clear();++e<r;){var o=t[e];this.set(o[0],o[1])}}function et(t){var e=-1,r=null==t?0:t.length;for(this.clear();++e<r;){var o=t[e];this.set(o[0],o[1])}}function rt(t){var e=this.__data__=new tt(t);this.size=e.size}function ot(t,e,r){(void 0!==r&&!yt(t[e],r)||void 0===r&&!(e in t))&&at(t,e,r)}function nt(t,e,r){var o=t[e];N.call(t,e)&&yt(o,r)&&(void 0!==r||e in t)||at(t,e,r)}function it(t,e){for(var r=t.length;r--;)if(yt(t[r][0],e))return r;return-1}function at(t,e,r){"__proto__"==e&&G?G(t,e,{configurable:!0,enumerable:!0,value:r,writable:!0}):t[e]=r}X.prototype.clear=function(){this.__data__=J?J(null):{},this.size=0},X.prototype.delete=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},X.prototype.get=function(t){var e=this.__data__;if(J){var r=e[t];return r===o?void 0:r}return N.call(e,t)?e[t]:void 0},X.prototype.has=function(t){var e=this.__data__;return J?void 0!==e[t]:N.call(e,t)},X.prototype.set=function(t,e){var r=this.__data__;return this.size+=this.has(t)?0:1,r[t]=J&&void 0===e?o:e,this},tt.prototype.clear=function(){this.__data__=[],this.size=0},tt.prototype.delete=function(t){var e=this.__data__,r=it(e,t);return!(r<0||(r==e.length-1?e.pop():_.call(e,r,1),--this.size,0))},tt.prototype.get=function(t){var e=this.__data__,r=it(e,t);return r<0?void 0:e[r][1]},tt.prototype.has=function(t){return it(this.__data__,t)>-1},tt.prototype.set=function(t,e){var r=this.__data__,o=it(r,t);return o<0?(++this.size,r.push([t,e])):r[o][1]=e,this},et.prototype.clear=function(){this.size=0,this.__data__={hash:new X,map:new(Y||tt),string:new X}},et.prototype.delete=function(t){var e=pt(this,t).delete(t);return this.size-=e?1:0,e},et.prototype.get=function(t){return pt(this,t).get(t)},et.prototype.has=function(t){return pt(this,t).has(t)},et.prototype.set=function(t,e){var r=pt(this,t),o=r.size;return r.set(t,e),this.size+=r.size==o?0:1,this},rt.prototype.clear=function(){this.__data__=new tt,this.size=0},rt.prototype.delete=function(t){var e=this.__data__,r=e.delete(t);return this.size=e.size,r},rt.prototype.get=function(t){return this.__data__.get(t)},rt.prototype.has=function(t){return this.__data__.has(t)},rt.prototype.set=function(t,e){var r=this.__data__;if(r instanceof tt){var o=r.__data__;if(!Y||o.length<199)return o.push([t,e]),this.size=++r.size,this;r=this.__data__=new et(o)}return r.set(t,e),this.size=r.size,this};function lt(t){return null==t?void 0===t?u:d:H&&H in Object(t)?function(t){var e=N.call(t,H),r=t[H];try{t[H]=void 0;var o=!0}catch(t){}var n=D.call(t);return o&&(e?t[H]=r:delete t[H]),n}(t):function(t){return D.call(t)}(t)}function st(t){return Tt(t)&&lt(t)==i}function dt(t,e,r,o,n){t!==e&&function(t,e,r){for(var o=-1,n=Object(t),i=r(t),a=i.length;a--;){var l=i[++o];if(!1===e(n[l],l,n))break}}(e,(function(i,a){if(n||(n=new rt),Mt(i))!function(t,e,r,o,n,i,a){var l=bt(t,r),s=bt(e,r),d=a.get(s);if(d)ot(t,r,d);else{var p,u,h,m,b,g=i?i(l,s,r+"",t,e,a):void 0,y=void 0===g;if(y){var f=vt(s),v=!f&&Ct(s),x=!f&&!v&&kt(s);g=s,f||v||x?vt(l)?g=l:Tt(b=l)&&xt(b)?g=function(t,e){var r=-1,o=t.length;for(e||(e=Array(o));++r<o;)e[r]=t[r];return e}(l):v?(y=!1,g=function(t,e){return t.slice()}(s)):x?(y=!1,m=new(h=(p=s).buffer).constructor(h.byteLength),new R(m).set(new R(h)),u=m,g=new p.constructor(u,p.byteOffset,p.length)):g=[]:function(t){if(!Tt(t)||lt(t)!=c)return!1;var e=j(t);if(null===e)return!0;var r=N.call(e,"constructor")&&e.constructor;return"function"==typeof r&&r instanceof r&&z.call(r)==W}(s)||ft(s)?(g=l,ft(l)?g=function(t){return function(t,e,r,o){var n=!r;r||(r={});for(var i=-1,a=e.length;++i<a;){var l=e[i],s=void 0;void 0===s&&(s=t[l]),n?at(r,l,s):nt(r,l,s)}return r}(t,At(t))}(l):Mt(l)&&!wt(l)||(g=function(t){return"function"!=typeof t.constructor||mt(t)?{}:K(j(t))}(s))):y=!1}y&&(a.set(s,g),n(g,s,o,i,a),a.delete(s)),ot(t,r,g)}}(t,e,a,r,dt,o,n);else{var l=o?o(bt(t,a),i,a+"",t,e,n):void 0;void 0===l&&(l=i),ot(t,a,l)}}),At)}var ct=G?function(t,e){return G(t,"toString",{configurable:!0,enumerable:!1,value:(r=e,function(){return r}),writable:!0});var r}:Lt;function pt(t,e){var r,o,n=t.__data__;return("string"==(o=typeof(r=e))||"number"==o||"symbol"==o||"boolean"==o?"__proto__"!==r:null===r)?n["string"==typeof e?"string":"hash"]:n.map}function ut(t,e){var r=function(t,e){return null==t?void 0:t[e]}(t,e);return function(t){return!(!Mt(t)||function(t){return!!V&&V in t}(t))&&(wt(t)?B:h).test(function(t){if(null!=t){try{return z.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(t))}(r)?r:void 0}function ht(t,e){var r=typeof t;return!!(e=null==e?n:e)&&("number"==r||"symbol"!=r&&m.test(t))&&t>-1&&t%1==0&&t<e}function mt(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||L)}function bt(t,e){if(("constructor"!==e||"function"!=typeof t[e])&&"__proto__"!=e)return t[e]}var gt=function(t){var e=0,r=0;return function(){var o=Q(),n=16-(o-r);if(r=o,n>0){if(++e>=800)return arguments[0]}else e=0;return t.apply(void 0,arguments)}}(ct);function yt(t,e){return t===e||t!=t&&e!=e}var ft=st(function(){return arguments}())?st:function(t){return Tt(t)&&N.call(t,"callee")&&!q.call(t,"callee")},vt=Array.isArray;function xt(t){return null!=t&&St(t.length)&&!wt(t)}var Ct=U||function(){return!1};function wt(t){if(!Mt(t))return!1;var e=lt(t);return e==l||e==s||e==a||e==p}function St(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=n}function Mt(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}function Tt(t){return null!=t&&"object"==typeof t}var kt=A?function(t){return function(e){return t(e)}}(A):function(t){return Tt(t)&&St(t.length)&&!!b[lt(t)]};function At(t){return xt(t)?function(t,e){var r=vt(t),o=!r&&ft(t),n=!r&&!o&&Ct(t),i=!r&&!o&&!n&&kt(t),a=r||o||n||i,l=a?function(t,e){for(var r=-1,o=Array(t);++r<t;)o[r]=e(r);return o}(t.length,String):[],s=l.length;for(var d in t)!e&&!N.call(t,d)||a&&("length"==d||n&&("offset"==d||"parent"==d)||i&&("buffer"==d||"byteLength"==d||"byteOffset"==d)||ht(d,s))||l.push(d);return l}(t,!0):function(t){if(!Mt(t))return function(t){var e=[];if(null!=t)for(var r in Object(t))e.push(r);return e}(t);var e=mt(t),r=[];for(var o in t)("constructor"!=o||!e&&N.call(t,o))&&r.push(o);return r}(t)}var Et,It=(Et=function(t,e,r){dt(t,e,r)},function(t,e){return gt(function(t,e,r){return e=Z(void 0===e?t.length-1:e,0),function(){for(var o=arguments,n=-1,i=Z(o.length-e,0),a=Array(i);++n<i;)a[n]=o[e+n];n=-1;for(var l=Array(e+1);++n<e;)l[n]=o[n];return l[e]=r(a),function(t,e,r){switch(r.length){case 0:return t.call(e);case 1:return t.call(e,r[0]);case 2:return t.call(e,r[0],r[1]);case 3:return t.call(e,r[0],r[1],r[2])}return t.apply(e,r)}(t,this,l)}}(t,e,Lt),t+"")}((function(t,e){var r=-1,o=e.length,n=o>1?e[o-1]:void 0,i=o>2?e[2]:void 0;for(n=Et.length>3&&"function"==typeof n?(o--,n):void 0,i&&function(t,e,r){if(!Mt(r))return!1;var o=typeof e;return!!("number"==o?xt(r)&&ht(e,r.length):"string"==o&&e in r)&&yt(r[e],t)}(e[0],e[1],i)&&(n=o<3?void 0:n,o=1),t=Object(t);++r<o;){var a=e[r];a&&Et(t,a,r)}return t})));function Lt(t){return t}t.exports=It},6851:(t,e,r)=>{"use strict";var o=r(5171),n=Array.prototype.concat,i=Array.prototype.slice,a=t.exports=function(t){for(var e=[],r=0,a=t.length;r<a;r++){var l=t[r];o(l)?e=n.call(e,i.call(l)):e.push(l)}return e};a.wrap=function(t){return function(){return t(a(arguments))}}},1747:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEgMTZDMSAxNy4xIDEuOSAxOCAzIDE4SDExQzEyLjEgMTggMTMgMTcuMSAxMyAxNlY0SDFWMTZaTTMgNkgxMVYxNkgzVjZaTTEwLjUgMUw5LjUgMEg0LjVMMy41IDFIMFYzSDE0VjFIMTAuNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g"},8152:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEwLjAwMDIgMC45OTIxNDlDMTAuMDAwMiAxLjAxNjE1IDEwLjAwMDIgMS4wMTYxNSAxMC4wMDAyIDEuMDE2MTVMOC4yMjQxOSAzLjAwODE1SDIuOTkyMTlDMi40NjQxOSAzLjAwODE1IDIuMDA4MTkgMy40NDAxNSAyLjAwODE5IDMuOTkyMTVWMTIuMDA4MkMyLjAwODE5IDEyLjUzNjIgMi40NDAxOSAxMi45OTIyIDIuOTkyMTkgMTIuOTkyMkg1LjUzNjE5QzUuODQ4MTkgMTMuMDQwMiA2LjE2MDE5IDEzLjA0MDIgNi40NzIxOSAxMi45OTIySDExLjAwODJDMTEuNTM2MiAxMi45OTIyIDExLjk5MjIgMTIuNTYwMiAxMS45OTIyIDEyLjAwODJWNy43ODQxNkwxMy45MzYyIDUuNjI0MTVMMTQuMDA4MiA1LjY3MjE1VjExLjk4NDJDMTQuMDA4MiAxMy42NjQyIDEyLjY2NDIgMTUuMDA4MiAxMS4wMDgyIDE1LjAwODJIMy4wMTYxOUMxLjMzNjE5IDE1LjAwODIgLTAuMDA3ODEyNSAxMy42NjQyIC0wLjAwNzgxMjUgMTEuOTg0MlYzLjk5MjE1Qy0wLjAwNzgxMjUgMi4zMzYxNSAxLjMzNjE5IDAuOTkyMTQ5IDMuMDE2MTkgMC45OTIxNDlIMTAuMDAwMlpNMTEuMjcyMiAyLjYyNDE1TDEyLjYxNjIgNC4xMTIxNUw3LjcyMDE5IDkuNjgwMTZDNy41MDQxOSA5LjkyMDE2IDYuODMyMTkgMTAuMjMyMiA1LjY4MDE5IDEwLjYxNjJDNS42NTYxOSAxMC42NDAyIDUuNjA4MTkgMTAuNjQwMiA1LjU2MDE5IDEwLjYxNjJDNS40NjQxOSAxMC41OTIyIDUuMzkyMTkgMTAuNDcyMiA1LjQ0MDE5IDEwLjM3NjJDNS43NTIxOSA5LjI0ODE2IDYuMDQwMTkgOC41NTIxNiA2LjI1NjE5IDguMzEyMTZMMTEuMjcyMiAyLjYyNDE1Wk0xMS45MjAyIDEuODU2MTVMMTMuMjg4MiAwLjMyMDE0OUMxMy42NDgyIC0wLjA4Nzg1MTYgMTQuMjcyMiAtMC4xMTE4NTIgMTQuNjgwMiAwLjI3MjE0OUMxNS4wODgyIDAuNjMyMTQ5IDE1LjExMjIgMS4yODAxNSAxNC43NTIyIDEuNjg4MTVMMTMuMjY0MiAzLjM2ODE1TDExLjkyMDIgMS44NTYxNVoiIGZpbGw9ImN1cnJlbnRjb2xvciIvPiA8L3N2Zz4g"},853:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhDMCAxMi40IDMuNiAxNiA4IDE2QzEyLjQgMTYgMTYgMTIuNCAxNiA4QzE2IDMuNiAxMi40IDAgOCAwWk03LjEgMTEuN0wyLjkgNy42TDQuMyA2LjJMNyA4LjlMMTIgNEwxMy40IDUuNEw3LjEgMTEuN1oiIGZpbGw9IiM0Q0FGNTAiLz4gPC9zdmc+IA=="}},e={};function r(o){var n=e[o];if(void 0!==n)return n.exports;var i=e[o]={id:o,loaded:!1,exports:{}};return t[o](i,i.exports,r),i.loaded=!0,i.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var o in e)r.o(e,o)&&!r.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.nmd=t=>(t.paths=[],t.children||(t.children=[]),t);var o={};return(()=>{"use strict";r.r(o),r.d(o,{darkTheme:()=>cd,defaultTheme:()=>dd,themeToStyle:()=>ut});var t={};r.r(t),r.d(t,{default:()=>be,vars:()=>ge});var e={};r.r(e),r.d(e,{default:()=>He,refs:()=>qe,vars:()=>_e});var n={};r.r(n),r.d(n,{default:()=>Ze,textField:()=>Ue,vars:()=>Ge});var i={};r.r(i),r.d(i,{default:()=>dr,vars:()=>sr});var a={};r.r(a),r.d(a,{default:()=>hr,vars:()=>ur});var l={};r.r(l),r.d(l,{default:()=>yr,vars:()=>gr});var s={};r.r(s),r.d(s,{default:()=>Ir,vars:()=>Er});var d={};r.r(d),r.d(d,{default:()=>Gr,vars:()=>_r});var c={};r.r(c),r.d(c,{default:()=>ao,vars:()=>io});var p={};r.r(p),r.d(p,{default:()=>yo,vars:()=>fo});var u={};r.r(u),r.d(u,{default:()=>Co,vars:()=>xo});var h={};r.r(h),r.d(h,{default:()=>So,vars:()=>wo});var m={};r.r(m),r.d(m,{default:()=>To,vars:()=>Mo});var b={};r.r(b),r.d(b,{default:()=>Oo,vars:()=>Lo});var g={};r.r(g),r.d(g,{default:()=>Po,vars:()=>jo});var y={};r.r(y),r.d(y,{default:()=>rn,vars:()=>on});var f={};r.r(f),r.d(f,{default:()=>Cn,vars:()=>xn});var v={};r.r(v),r.d(v,{default:()=>In,vars:()=>En});var x={};r.r(x),r.d(x,{default:()=>Dn,vars:()=>Wn});var C={};r.r(C),r.d(C,{comboBox:()=>Jn,default:()=>Kn,vars:()=>Yn});var w={};r.r(w),r.d(w,{default:()=>oi,vars:()=>ri});var S={};r.r(S),r.d(S,{default:()=>xi,vars:()=>vi});var M={};r.r(M),r.d(M,{default:()=>Ni,vars:()=>zi});var T={};r.r(T),r.d(T,{default:()=>na,vars:()=>oa});var k={};r.r(k),r.d(k,{default:()=>ga,vars:()=>ba});var A={};r.r(A),r.d(A,{default:()=>wa,vars:()=>Ca});var E={};r.r(E),r.d(E,{default:()=>$a,vars:()=>Fa});var I={};r.r(I),r.d(I,{default:()=>_a,vars:()=>qa});var L={};r.r(L),r.d(L,{default:()=>Qa,vars:()=>Ya});var O={};r.r(O),r.d(O,{default:()=>hl,grid:()=>ul,vars:()=>pl});var z={};r.r(z),r.d(z,{default:()=>xl,vars:()=>fl});var N={};r.r(N),r.d(N,{default:()=>Rl,multiSelectComboBox:()=>$l,vars:()=>Fl});var V={};r.r(V),r.d(V,{default:()=>Gl,vars:()=>Hl});var D={};r.r(D),r.d(D,{default:()=>es,vars:()=>rs});var W={};r.r(W),r.d(W,{default:()=>vs,mappingsField:()=>fs,vars:()=>ys});var B={};r.r(B),r.d(B,{default:()=>Ws,vars:()=>Ds});var F={};r.r(F),r.d(F,{default:()=>Ys,vars:()=>Qs});var $={};r.r($),r.d($,{default:()=>od,samlGroupMappings:()=>rd,vars:()=>ed});var R={};r.r(R),r.d(R,{default:()=>ad,vars:()=>id});var j=r(2378),P=r.n(j);const q="descope",_="host",H=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[\s_.]+/g,"-").toLowerCase(),G=(...t)=>H(t.filter((t=>!!t)).join("-")),U=(...t)=>e=>t.reduceRight(((t,e)=>e(t)),e),Z=t=>"function"==typeof t,Q=(t,e,{excludeAttrs:r=[],includeAttrs:o=[]})=>{const n=Array.from(t.attributes).filter((t=>!r.includes(t.name)&&(!o.length||o.includes(t.name)))).map((t=>t.name));e(n),new MutationObserver((t=>{t.forEach((t=>{"attributes"!==t.type||r.includes(t.attributeName)||o.length&&!o.includes(t.attributeName)||e([t.attributeName])}))})).observe(t,{attributes:!0})},Y=(t,e)=>{e({addedNodes:Array.from(t.children),removedNodes:[]}),new MutationObserver((t=>{t.forEach((t=>{"childList"===t.type&&e(t)}))})).observe(t,{childList:!0})},J=(t,e,r={})=>o=>{o.forEach((o=>{const n=r[o]||o,i=t.getAttribute(o);null!==i?e.getAttribute(n)!==i&&e.setAttribute(n,i):e.removeAttribute(n)}))},K=(t,e,r)=>{Q(t,J(t,e),r),Q(e,J(e,t),r)},X=t=>G(q,t),tt=(...t)=>`--${G(...t)}`,et=(t,e,r={})=>{Q(t,J(t,e,r.mapAttrs),r)},rt=(t,e,r=[])=>{if(!r.length)return;const o=r.reduce(((e,r)=>Object.assign(e,{[r]:{get:()=>t[r],set(e){t[r]=e}}})),{});Object.defineProperties(e,o)},ot=new class{static mountOnPropName="DescopeThemeManager";#t={};#e="light";#r=new Set;#o(){this.#r.forEach((t=>t?.()))}get currentThemeName(){return this.#e}set currentThemeName(t){this.#e=t,this.#o()}get currentTheme(){return this.#t[this.currentThemeName]}onCurrentThemeChange(t){return this.#r.add(t),()=>{this.#r.delete(t)}}set themes(t){this.#t=t,this.#o()}get hasThemes(){return!!Object.keys(this.#t).length}},nt=t=>tt(q,...t),it=(t,e,r)=>{const o=Array.isArray(e)?e:e.match(/([^[.\]])+/g);return o.reduce(((t,e,n)=>(void 0===t[e]&&(t[e]={}),n===o.length-1&&(t[e]=r),t[e])),t),t},at=(t,e,r)=>Object.entries(t).reduce(((t,[o,n])=>n?.constructor!==Object?P()(t,r(e.concat(o),n)):P()(t,at(n,[...e,o],r))),{}),lt=t=>{switch(!0){case Array.isArray(t):return t.map((t=>t.includes(" ")?`"${t}"`:t)).join(", ");case(t=>{try{return new URL(t),!0}catch(t){return!1}})(t):return`url(${t})`;default:return t}},st=(t,e)=>at(t,[],(t=>it({},t,`var(${nt(e?[e,...t]:t)})`))),dt=(t,e="")=>{const r=Object.entries((t=>at(t,[],((t,e)=>({[nt(t)]:lt(e)}))))(t)).reduce(((t,e)=>`${t}${e.join(":")};\n`),"");return e?`*[data-theme="${e}"] {${r}}`:r},ct=t=>Object.entries(t).reduce(((t,[e,r])=>`${t}${e} { \n${Object.entries(r).map((([t,e])=>`${t}: ${e}`)).join(";\n")} \n}\n\n`),""),pt=t=>{const e=(t=>at(t,[],((t,e)=>{const[r,...o]=t,n=o.pop(),i=X(r);"undefined"===n&&console.warn(i,`theme value: "${e}" is mapped to an invalid property`);let a=_;o[0]&&o[0].startsWith("@")&&(a=o.shift());const l=o.reduce(((t,e,r)=>{if(e.startsWith("_"))return`${t}[${H(e.replace(/^_/,""))}="true"]`;const n=o[r+1];return"string"!=typeof n||n.startsWith("_")?(console.error("theme generator",`your theme structure is invalid, attribute "${e}" is followed by "${n}" which is not allowed`),t):`${t}[${H(e)}="${o.splice(r+1,1).join("")}"]`}),"");return{[i]:{[a]:{[":host"+(l?`(${l})`:"")]:{[n]:lt(e)}}}}})))(t);return Object.keys(e).reduce(((t,r)=>{const o=e[r];return Object.assign(t,{[r]:Object.keys(o).reduce(((t,e)=>Object.assign(t,{[e]:ct(o[e])})),{})})}),{})},ut=({globals:t,components:e},r)=>({globals:dt(t,r),components:pt(e)}),ht=t=>`var(${t})`,mt=(t,e)=>{const r=at(t,[],((t,r)=>{const o=[...t],n=o.splice(-1),i=tt(e,n),a={[n]:i},l={[n]:ht(i)};return{theme:it({},[...o,i],r),useVars:l,vars:a}}));return[r.theme,r.useVars,r.vars]};var bt=r(6767),gt=r.n(bt);const yt=.4,ft=.25,vt=.1,xt=(t,e)=>t.darken(e).hex(),Ct=t=>{const e=t.isDark();return t.mix(gt()(e?"white":"black"),1).saturate(1).hex()},wt=(t,e)=>t.lightness()<.5?t.lightness(100*e).hex():t.lighten(e).hex(),St=t=>t.luminosity()<.01,Mt=t=>t.luminosity()>.99,Tt=(t,e)=>"dark"===e?Mt(t)?xt(t,ft):wt(t,yt):St(t)?wt(t,ft):xt(t,yt),kt=(t,e)=>"dark"===e?St(t)?wt(t,ft):xt(t,yt):Mt(t)?xt(t,ft):wt(t,yt),At=(t,e)=>"dark"===e?St(t)?wt(t,vt):xt(t,.8):Mt(t)?xt(t,vt):wt(t,.8),Et=(t,e)=>{const r=new(gt())(t.main||t);return{main:r.hex(),dark:t.dark||Tt(r,e),light:t.light||kt(r,e),highlight:t.highlight||At(r,e),contrast:t.contrast||Ct(r)}},It=(t=>Object.keys(t).reduce(((e,r)=>{const o=t[r];return Object.assign(e,{[r]:Et(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"}}),Lt={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"}},Ot=st({fonts:Lt}).fonts,zt={colors:It,typography:{h1:{font:Ot.font1.family,weight:"900",size:"48px"},h2:{font:Ot.font1.family,weight:"800",size:"38px"},h3:{font:Ot.font1.family,weight:"600",size:"28px"},subtitle1:{font:Ot.font2.family,weight:"500",size:"22px"},subtitle2:{font:Ot.font2.family,weight:"400",size:"20px"},body1:{font:Ot.font1.family,weight:"400",size:"16px"},body2:{font:Ot.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:Lt,direction:"ltr"},Nt=zt;((t,e)=>{at(t,[],(t=>it({},t,nt(t))))})(zt);class Vt{constructor(){this.styleMap=new Map}add(t,e,r){this.styleMap.has(t)||this.styleMap.set(t,[]),this.styleMap.set(t,[...this.styleMap.get(t),{property:e,value:r}])}toString(){return Array.from(this.styleMap.entries()).reduce(((t,[e,r])=>`${t}${e} { \n${r.map((({property:t,value:e})=>`${t}: ${e}`)).join(";\n")} \n}\n\n`),"")}}const Dt=(t,e)=>Object.keys(e).reduce(((e,r)=>Object.assign(e,{[r]:tt(t,r)})),{}),Wt=({mappings:t={},componentNameOverride:e=""})=>r=>{const o=e||r.componentName;return class extends r{static get cssVarList(){return{...r.cssVarList,...Dt(o,{...t})}}#n;#i;#a;#l;#s;#d;#c;#p;#u;constructor({getRootElement:e,componentNameSuffix:r="",themeSection:o=_,baseSelector:n}={}){super(),this.#l=r,this.#s=o,this.#c=n??this.baseSelector,this.#u=e,this.#p=Object.keys(t).map((t=>G("st",r,t)))}get#h(){return ot.currentTheme?.[o]||""}#m(){this.#i.innerHTML=this.#h[this.#s]}#b(){this.#i=document.createElement("style"),this.#i.id=`style-mixin-theme__${o}`,this.#d.prepend(this.#i),this.#a=ot.onCurrentThemeChange(this.#m.bind(this)),this.#m()}#g(){if(this.#p.length){this.#n=document.createElement("style"),this.#n.id=`style-mixin-overrides__${o}`;const e=(t=o,Array(3).fill(`.${t}`).join(""));this.#n.innerText=`:host(${e}) {}`,this.#d.append(this.#n)}var t}#y(t,e){const r=this.#n?.sheet?.cssRules[0].style;if(!r)return;const n=tt(o,t.replace(new RegExp("^st-"),""));e?r?.setProperty(n,e):(r?.removeProperty(n),this.removeAttribute(t))}#f(t=[]){let e=!1;t.forEach((t=>{this.#p.includes(t)&&(this.#y(t,this.getAttribute(t)),e=!0)})),e&&(this.#n.innerHTML=this.#n?.sheet?.cssRules[0].cssText)}#v(){if(Object.keys(t).length){const e=document.createElement("style");e.id=`style-mixin-mappings__${o}`,e.innerHTML=((t,e,r)=>{const o=new Vt;return Object.keys(r).forEach((n=>{const i=((t,e)=>{const r={selector:"",property:H(t)};return e&&Object.keys(e).length?Array.isArray(e)?e.map((t=>({...r,...t}))):[{...r,...e}]:[r]})(n,r[n]),a=tt(t,n);i.forEach((({selector:t,property:r,important:n,fallback:i})=>{o.add(((t="",e="")=>Z(e)?e(t):`${t}${/^[A-Za-z]/.test(e)?` ${e}`:e}`)(e,t),Z(r)?r():r,((t,e)=>`var(${t}${e?`, ${e}`:""})`)(a,i)+(n?"!important":""))}))})),o.toString()})(G(o,this.#l),this.#c,t),this.#d.prepend(e)}}#x(t){(this.#d.classList||this.#d.host.classList).add(t)}async init(){super.init?.(),this.shadowRoot.isConnected&&(this.#d=await(this.#u?.(this))||this.shadowRoot,this.#x(o),this.#v(),this.#b(),this.#g(),Q(this,this.#f.bind(this),{}))}disconnectedCallback(){super.disconnectedCallback?.(),this.#a?.()}}},Bt=t=>class extends t{#C=null;static get observedAttributes(){return[...t.observedAttributes||[],"draggable"]}constructor(){super(),this.#C=document.createElement("style"),this.#C.innerText="* { cursor: inherit!important }"}#w(t){t?this.shadowRoot.appendChild(this.#C):this.#C.remove()}get isDraggable(){return this.hasAttribute("draggable")&&"false"!==this.getAttribute("draggable")}init(){this.addEventListener("mousedown",(t=>{if(this.isDraggable){const e=this.baseElement.getAttribute("tabindex");this.baseElement.setAttribute("tabindex","-1");const r=()=>{e?this.baseElement.setAttribute("tabindex",e):this.baseElement.removeAttribute("tabindex"),t.target.removeEventListener("mouseup",r),t.target.removeEventListener("dragend",r)};t.target.addEventListener("mouseup",r,{once:!0}),t.target.addEventListener("dragend",r,{once:!0})}})),super.init?.()}attributeChangedCallback(t,e,r){super.attributeChangedCallback?.(t,e,r),"draggable"===t&&this.#w("true"===r)}},Ft=t=>class extends t{#S(){const e=this.localName;if(!t.componentName)throw Error('component name is not defined on super class, make sure you have a static get for "componentName"');if(e!==t.componentName)throw Error(`component name mismatch, expected "${t.componentName}", current "${e}"`)}init(){super.init?.(),this.#S()}};function $t(t,e={}){const r=new Event(t,e);this[`on${t}`]?.(r),this.dispatchEvent(r)}const Rt=t=>class extends t{#M=$t.bind(this,"components-context");updateComponentsContext(t){this.dispatchEvent(new CustomEvent("components-context",{bubbles:!0,composed:!0,detail:t}))}},jt=t=>class extends t{init(){super.init?.(),this.baseElement.addEventListener("mouseover",(t=>{this.setAttribute("hover","true"),t.target.addEventListener("mouseleave",(()=>this.removeAttribute("hover")),{once:!0})}))}},Pt=["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"],qt=t=>class extends t{init(){super.init?.(),Q(this,(t=>t.forEach((t=>{const e=this.getAttribute(t);(t=>Pt.includes(t))(t)?""===e?this.setAttribute(t,"true"):"false"===e&&this.removeAttribute(t):e||console.debug(`attribute "${t}" has no value, should it be added to the boolean attributes list?`)}))),{})}},_t=({componentName:t,baseSelector:e=""})=>{class r extends HTMLElement{static get componentName(){return t}#T;#k=!0;get baseSelector(){return e}get baseElement(){return this.#T??=this.baseSelector?this.rootElement.querySelector(this.baseSelector):this,this.#T||console.warn("missing base element for component",this.localName),this.#T}get rootElement(){return this.shadowRoot||this}get name(){return this.getAttribute("name")}connectedCallback(){super.connectedCallback?.(),this.rootElement.isConnected&&this.#k&&(this.#k=!1,this.init?.())}}return U(Ft,jt,qt,Rt)(r)},Ht=({componentName:t,wrappedEleName:e,slots:r=[],style:o,excludeAttrsSync:n=[],includeAttrsSync:i=[],includeForwardProps:a=[],delegatesFocus:l=!0})=>{class s extends(_t({componentName:t,baseSelector:e})){#A=$t.bind(this,"blur");#E=$t.bind(this,"focus");constructor(){super().attachShadow({mode:"open",delegatesFocus:l}).innerHTML=`\n\t\t\t<style id="create-proxy">${Z(o)?o():o}</style>\n\t\t\t<${e}>\n\t\t\t${r.map((t=>`<slot ${t?`name="${t}" slot="${t}"`:""} ></slot>`)).join("")}\n\t\t\t</${e}>\n\t\t`}init(){super.init?.(),this.baseElement.addEventListener("blur",(t=>{this.#A()})),this.baseElement.addEventListener("focus",(t=>{this.#E()})),rt(this.baseElement,this,a),K(this.baseElement,this,{excludeAttrs:n,includeAttrs:i})}}return s};!function(){const t=new WeakMap,e=new WeakMap,r=new WeakMap,o=new WeakMap,n=new WeakMap,i=new WeakMap,a=new WeakMap,l=new WeakMap,s=new WeakMap,d=new WeakMap,c=new WeakMap,p=new WeakMap,u=new WeakMap,h=new WeakMap,m=new WeakMap,b={ariaAtomic:"aria-atomic",ariaAutoComplete:"aria-autocomplete",ariaBusy:"aria-busy",ariaChecked:"aria-checked",ariaColCount:"aria-colcount",ariaColIndex:"aria-colindex",ariaColIndexText:"aria-colindextext",ariaColSpan:"aria-colspan",ariaCurrent:"aria-current",ariaDisabled:"aria-disabled",ariaExpanded:"aria-expanded",ariaHasPopup:"aria-haspopup",ariaHidden:"aria-hidden",ariaInvalid:"aria-invalid",ariaKeyShortcuts:"aria-keyshortcuts",ariaLabel:"aria-label",ariaLevel:"aria-level",ariaLive:"aria-live",ariaModal:"aria-modal",ariaMultiLine:"aria-multiline",ariaMultiSelectable:"aria-multiselectable",ariaOrientation:"aria-orientation",ariaPlaceholder:"aria-placeholder",ariaPosInSet:"aria-posinset",ariaPressed:"aria-pressed",ariaReadOnly:"aria-readonly",ariaRelevant:"aria-relevant",ariaRequired:"aria-required",ariaRoleDescription:"aria-roledescription",ariaRowCount:"aria-rowcount",ariaRowIndex:"aria-rowindex",ariaRowIndexText:"aria-rowindextext",ariaRowSpan:"aria-rowspan",ariaSelected:"aria-selected",ariaSetSize:"aria-setsize",ariaSort:"aria-sort",ariaValueMax:"aria-valuemax",ariaValueMin:"aria-valuemin",ariaValueNow:"aria-valuenow",ariaValueText:"aria-valuetext",role:"role"};function g(t){const e=o.get(t),{form:r}=e;O(t,r,e),k(t,e.labels)}const y=(t,e=!1)=>{const r=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:t=>o.has(t)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let n=r.nextNode();const i=!e||t.disabled;for(;n;)n.formDisabledCallback&&i&&S(n,t.disabled),n=r.nextNode()},f={attributes:!0,attributeFilter:["disabled","name"]},v=W()?new MutationObserver((t=>{for(const e of t){const t=e.target;if("disabled"===e.attributeName&&(t.constructor.formAssociated?S(t,t.hasAttribute("disabled")):"fieldset"===t.localName&&y(t)),"name"===e.attributeName&&t.constructor.formAssociated){const e=o.get(t),r=s.get(t);e.setFormValue(r)}}})):{};function x(t){t.forEach((t=>{const{addedNodes:e,removedNodes:n}=t,i=Array.from(e),s=Array.from(n);i.forEach((t=>{if(o.has(t)&&t.constructor.formAssociated&&g(t),d.has(t)){const e=d.get(t);Object.keys(b).filter((t=>null!==e[t])).forEach((r=>{t.setAttribute(b[r],e[r])})),d.delete(t)}if(m.has(t)){const e=m.get(t);t.setAttribute("internals-valid",e.validity.valid.toString()),t.setAttribute("internals-invalid",(!e.validity.valid).toString()),t.setAttribute("aria-invalid",(!e.validity.valid).toString()),m.delete(t)}if("form"===t.localName){const e=l.get(t),r=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:t=>!o.has(t)||!t.constructor.formAssociated||e&&e.has(t)?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT});let n=r.nextNode();for(;n;)g(n),n=r.nextNode()}"fieldset"===t.localName&&(v.observe?.(t,f),y(t,!0))})),s.forEach((t=>{const e=o.get(t);e&&r.get(e)&&M(e),a.has(t)&&a.get(t).disconnect()}))}))}function C(t){t.forEach((t=>{const{removedNodes:e}=t;e.forEach((e=>{const r=u.get(t.target);o.has(e)&&D(e),r.disconnect()}))}))}!W()||new MutationObserver(x);const w={childList:!0,subtree:!0},S=(t,e)=>{t.toggleAttribute("internals-disabled",e),e?t.setAttribute("aria-disabled","true"):t.removeAttribute("aria-disabled"),t.formDisabledCallback&&t.formDisabledCallback.apply(t,[e])},M=t=>{r.get(t).forEach((t=>{t.remove()})),r.set(t,[])},T=(t,e)=>{const o=document.createElement("input");return o.type="hidden",o.name=t.getAttribute("name"),t.after(o),r.get(e).push(o),o},k=(t,e)=>{if(e.length){Array.from(e).forEach((e=>e.addEventListener("click",t.click.bind(t))));let r=e[0].id;e[0].id||(r=`${e[0].htmlFor}_Label`,e[0].id=r),t.setAttribute("aria-labelledby",r)}},A=t=>{const e=Array.from(t.elements).filter((t=>!t.tagName.includes("-")&&t.validity)).map((t=>t.validity.valid)),r=l.get(t)||[],n=[...e,...Array.from(r).filter((t=>t.isConnected)).map((t=>o.get(t).validity.valid))].includes(!1);t.toggleAttribute("internals-invalid",n),t.toggleAttribute("internals-valid",!n)},E=t=>{A(z(t.target))},I=t=>{A(z(t.target))},L=t=>{const e=l.get(t.target);e&&e.size&&e.forEach((t=>{t.constructor.formAssociated&&t.formResetCallback&&t.formResetCallback.apply(t)}))},O=(t,e,r)=>{if(e){const n=l.get(e);if(n)n.add(t);else{const r=new Set;r.add(t),l.set(e,r),(t=>{const e=["button[type=submit]","input[type=submit]","button:not([type])"].map((t=>`${t}:not([disabled])`)).map((e=>`${e}:not([form])${t.id?`,${e}[form='${t.id}']`:""}`)).join(",");t.addEventListener("click",(r=>{if(r.target.closest(e)){const e=l.get(t);if(t.noValidate)return;e.size&&Array.from(e).reverse().map((t=>o.get(t).reportValidity())).includes(!1)&&r.preventDefault()}}))})(e),e.addEventListener("reset",L),e.addEventListener("input",E),e.addEventListener("change",I)}i.set(e,{ref:t,internals:r}),t.constructor.formAssociated&&t.formAssociatedCallback&&setTimeout((()=>{t.formAssociatedCallback.apply(t,[e])}),0),A(e)}},z=t=>{let e=t.parentNode;return e&&"FORM"!==e.tagName&&(e=z(e)),e},N=(t,e,r=DOMException)=>{if(!t.constructor.formAssociated)throw new r(e)},V=(t,e,r)=>{const n=l.get(t);return n&&n.size&&n.forEach((t=>{o.get(t)[r]()||(e=!1)})),e},D=t=>{if(t.constructor.formAssociated){const e=o.get(t),{labels:r,form:n}=e;k(t,r),O(t,n,e)}};function W(){return"undefined"!=typeof MutationObserver}class B{constructor(){this.badInput=!1,this.customError=!1,this.patternMismatch=!1,this.rangeOverflow=!1,this.rangeUnderflow=!1,this.stepMismatch=!1,this.tooLong=!1,this.tooShort=!1,this.typeMismatch=!1,this.valid=!0,this.valueMissing=!1,Object.seal(this)}}const F=new WeakMap;function $(t,e){t.toggleAttribute(e,!0),t.part&&t.part.add(e)}class R extends Set{static get isPolyfilled(){return!0}constructor(t){if(super(),!t||!t.tagName||-1===t.tagName.indexOf("-"))throw new TypeError("Illegal constructor");F.set(this,t)}add(t){if(!/^--/.test(t)||"string"!=typeof t)throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${t} must start with '--'.`);const e=super.add(t),r=F.get(this),o=`state${t}`;return r.isConnected?$(r,o):setTimeout((()=>{$(r,o)})),e}clear(){for(let[t]of this.entries())this.delete(t);super.clear()}delete(t){const e=super.delete(t),r=F.get(this);return r.isConnected?(r.toggleAttribute(`state${t}`,!1),r.part&&r.part.remove(`state${t}`)):setTimeout((()=>{r.toggleAttribute(`state${t}`,!1),r.part&&r.part.remove(`state${t}`)})),e}}function j(t,e,r,o){if("a"===r&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?o:"a"===r?o.call(t):o?o.value:e.get(t)}var P;class q{constructor(t){P.set(this,void 0),function(t,e,r,o,n){if("function"==typeof e||!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");e.set(t,r)}(this,P,t);for(let e=0;e<t.length;e++){let r=t[e];this[e]=r,r.hasAttribute("name")&&(this[r.getAttribute("name")]=r)}Object.freeze(this)}get length(){return j(this,P,"f").length}[(P=new WeakMap,Symbol.iterator)](){return j(this,P,"f")[Symbol.iterator]()}item(t){return null==this[t]?null:this[t]}namedItem(t){return null==this[t]?null:this[t]}}class _{static get isPolyfilled(){return!0}constructor(n){if(!n||!n.tagName||-1===n.tagName.indexOf("-"))throw new TypeError("Illegal constructor");const i=n.getRootNode(),a=new B;this.states=new R(n),t.set(this,n),e.set(this,a),o.set(n,this),((t,e)=>{for(let r in b){e[r]=null;let o=null;const n=b[r];Object.defineProperty(e,r,{get:()=>o,set(r){o=r,t.isConnected?t.setAttribute(n,r):d.set(t,e)}})}})(n,this),((t,e)=>{r.set(e,[]),v.observe?.(t,f)})(n,this),Object.seal(this),i instanceof DocumentFragment&&(t=>{const e=new MutationObserver(C);e.observe?.(t,{childList:!0}),u.set(t,e)})(i)}checkValidity(){const r=t.get(this);if(N(r,"Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const o=e.get(this);if(!o.valid){const t=new Event("invalid",{bubbles:!1,cancelable:!0,composed:!1});r.dispatchEvent(t)}return o.valid}get form(){const e=t.get(this);let r;return N(e,"Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element."),!0===e.constructor.formAssociated&&(r=z(e)),r}get labels(){const e=t.get(this);N(e,"Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");const r=e.getAttribute("id"),o=e.getRootNode();return o&&r?o.querySelectorAll(`[for="${r}"]`):[]}reportValidity(){const e=t.get(this);if(N(e,"Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const r=this.checkValidity(),o=p.get(this);if(o&&!e.constructor.formAssociated)throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");return!r&&o&&(e.focus(),o.focus()),r}setFormValue(e){const r=t.get(this);N(r,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),M(this),null==e||e instanceof FormData?null!=e&&e instanceof FormData&&Array.from(e).reverse().forEach((([t,e])=>{if("string"==typeof e){const o=T(r,this);o.name=t,o.value=e}})):r.getAttribute("name")&&(T(r,this).value=e),s.set(r,e)}setValidity(r,o,i){const a=t.get(this);if(N(a,"Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!r)throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");p.set(this,i);const l=e.get(this),s={};for(const t in r)s[t]=r[t];var d;0===Object.keys(s).length&&((d=l).badInput=!1,d.customError=!1,d.patternMismatch=!1,d.rangeOverflow=!1,d.rangeUnderflow=!1,d.stepMismatch=!1,d.tooLong=!1,d.tooShort=!1,d.typeMismatch=!1,d.valid=!0,d.valueMissing=!1);const c={...l,...s};delete c.valid;const{valid:u}=((t,e,r)=>(t.valid=(t=>{let e=!0;for(let r in t)"valid"!==r&&!1!==t[r]&&(e=!1);return e})(e),Object.keys(e).forEach((r=>t[r]=e[r])),r&&A(r),t))(l,c,this.form);if(!u&&!o)throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");n.set(this,u?"":o),a.isConnected?(a.toggleAttribute("internals-invalid",!u),a.toggleAttribute("internals-valid",u),a.setAttribute("aria-invalid",`${!u}`)):m.set(a,this)}get shadowRoot(){const e=t.get(this);return c.get(e)||null}get validationMessage(){const e=t.get(this);return N(e,"Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."),n.get(this)}get validity(){const r=t.get(this);return N(r,"Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."),e.get(this)}get willValidate(){const e=t.get(this);return N(e,"Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."),!(e.disabled||e.hasAttribute("disabled")||e.hasAttribute("readonly"))}}if(function(){if("undefined"==typeof window||!window.ElementInternals||!HTMLElement.prototype.attachInternals)return!1;class t extends HTMLElement{constructor(){super(),this.internals=this.attachInternals()}}const e=`element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g,"")}`;customElements.define(e,t);const r=new t;return["shadowRoot","form","willValidate","validity","validationMessage","labels","setFormValue","setValidity","checkValidity","reportValidity"].every((t=>t in r.internals))}()){if("undefined"!=typeof window&&!window.CustomStateSet){window.CustomStateSet=R;const H=HTMLElement.prototype.attachInternals;HTMLElement.prototype.attachInternals=function(...t){const e=H.call(this,t);return e.states=new R(this),e}}}else{if("undefined"!=typeof window&&(window.ElementInternals=_),"undefined"!=typeof CustomElementRegistry){const G=CustomElementRegistry.prototype.define;CustomElementRegistry.prototype.define=function(t,e,r){if(e.formAssociated){const t=e.prototype.connectedCallback;e.prototype.connectedCallback=function(){h.has(this)||(h.set(this,!0),this.hasAttribute("disabled")&&S(this,!0)),null!=t&&t.apply(this),D(this)}}G.call(this,t,e,r)}}if("undefined"!=typeof HTMLElement&&(HTMLElement.prototype.attachInternals=function(){if(!this.tagName)return{};if(-1===this.tagName.indexOf("-"))throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.");if(o.has(this))throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");return new _(this)}),"undefined"!=typeof Element){function U(...t){const e=Z.apply(this,t);if(c.set(this,e),W()){const t=new MutationObserver(x);window.ShadyDOM?t.observe(this,w):t.observe(e,w),a.set(this,t)}return e}const Z=Element.prototype.attachShadow;Element.prototype.attachShadow=U}W()&&"undefined"!=typeof document&&new MutationObserver(x).observe(document.documentElement,w),"undefined"!=typeof HTMLFormElement&&function(){const t=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=function(...e){let r=t.apply(this,e);return V(this,r,"checkValidity")};const e=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=function(...t){let r=e.apply(this,t);return V(this,r,"reportValidity")};const{get:r}=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get(...t){const e=r.call(this,...t),o=Array.from(l.get(this)||[]);if(0===o.length)return e;const n=Array.from(e).concat(o).sort(((t,e)=>t.compareDocumentPosition?2&t.compareDocumentPosition(e)?1:-1:0));return new q(n)}})}(),"undefined"==typeof window||window.CustomStateSet||(window.CustomStateSet=R)}}();const Gt=["required","pattern"],Ut=t=>class extends t{static get observedAttributes(){return[...t.observedAttributes||[],...Gt]}static get formAssociated(){return!0}#I;get internals(){return this.#I}set internals(t){this.#I=t}constructor(){super(),this.#I=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.`}getErrorMessage(t){const{valueMissing:e,patternMismatch:r,typeMismatch:o,stepMismatch:n,tooShort:i,tooLong:a,rangeOverflow:l,rangeUnderflow:s,badInput:d,customError:c}=t;switch(!0){case e:return this.getAttribute("data-errormessage-value-missing")||this.defaultErrorMsgValueMissing;case r||o||n||d:return this.getAttribute("data-errormessage-pattern-mismatch")||this.defaultErrorMsgPatternMismatch;case i:return this.getAttribute("data-errormessage-pattern-mismatch-too-short")||this.defaultErrorMsgTooShort;case a:return this.getAttribute("data-errormessage-pattern-mismatch-too-long")||this.defaultErrorMsgTooLong;case s:return this.defaultErrorMsgRangeUnderflow;case l:return this.defaultErrorMsgRangeOverflow;case c:return this.validationMessage;default:return""}}#L(){const t=this.isReadOnly?{}:this.getValidity();this.#I.setValidity(t,this.getErrorMessage(t),this.validationTarget)}get validationMessage(){return this.#I.validationMessage}getValidity(){console.warn("getValidity","is not implemented")}checkValidity(){return this.#I.validity.valid}reportValidity(){return this.#I.reportValidity()}get validity(){return this.#I.validity}get validationTarget(){return this.inputElement}setCustomValidity(t){t?this.#I.setValidity({customError:!0},t,this.validationTarget):(this.#I.setValidity({}),this.#L())}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.#I.form}attributeChangedCallback(t,e,r){super.attributeChangedCallback?.(t,e,r),Gt.includes(t)&&this.#L()}init(){super.init?.(),this.addEventListener("change",this.#L),this.addEventListener("invalid",(t=>t.stopPropagation())),this.addEventListener("input",this.#L),setTimeout((()=>this.#L()))}},Zt=["invalid","required"],Qt=t=>{if(!t)return;let e=t;for(let t=0;t<10;t++)if([e]=e.assignedElements(),"slot"!==e.localName)return e},Yt=({proxyProps:t=[],inputEvent:e="input",triggerValidationEvents:r=[],proxyParentValidation:o=!1})=>n=>class extends(Ut(n)){static get observedAttributes(){return[...n.observedAttributes||[],...Zt]}#O;#z=$t.bind(this,"change");constructor(){super(),this.#O=super.inputElement}warnIfInputElementIsMissing(){clearTimeout(this.inputElementTimerId),this.inputElementTimerId=setTimeout((()=>{!this.#O&&console.warn(this.localName,"no input was found")}),0)}get inputElement(){if(this.#O)return this.#O;this.warnIfInputElementIsMissing();const t=this.baseElement.shadowRoot?.querySelector('slot[name="input"]'),e=this.baseElement.shadowRoot?.querySelector('slot[name="textarea"]');return this.#O=Qt(t)||Qt(e),this.#O}set inputElement(t){this.#O=t}getValidity(){return this.inputElement?.validity||{}}#N(){this.setAttribute("error-message",this.validationMessage)}reportValidity=()=>{this.inputElement.setCustomValidity(""),this.setCustomValidity(""),this.checkValidity()||(this.setAttribute("invalid","true"),this.#N(),this.focus())};defaultReportValidity(){return super.reportValidity()}init(){if(super.init?.(),this.baseElement._setInvalid=function(t){!t&&this._shouldSetInvalid(t)&&(this.invalid=t)},r.forEach((t=>{this.baseElement?.addEventListener(t,(()=>{this.inputElement?.setCustomValidity("")}))})),setTimeout((()=>{(Array.isArray(e)?e:[e]).forEach((t=>{this.baseElement?.addEventListener(t,(()=>{this.baseElement.checkValidity()?this.removeAttribute("invalid"):this.#N()}))})),this.baseElement.addEventListener("change",(()=>{this.#z()})),this.addEventListener("invalid",(()=>{this.checkValidity()||this.setAttribute("invalid","true"),this.#N()})),t.forEach((t=>{var e,r;e=this.inputElement,r=t,Object.defineProperty(this,r,{set(t){e[r]=t},get:()=>e[r],configurable:!0})})),this.setSelectionRange=this.inputElement.setSelectionRange?.bind(this.inputElement),et(this,this.inputElement,{includeAttrs:["inputmode"]})})),o){const t=this.inputElement.internals,e=this;this.inputElement.internals=new Proxy(t,{get:(t,r)=>"function"==typeof t[r]&&"setValidity"===r?(...o)=>{if(3===o.length){const t=o.slice(0,o.length-1);t.push(e.inputElement),e.internals[r](...t)}else e.internals[r](...o);return t[r](...o)}:"function"==typeof t[r]?(...o)=>(e.internals[r](...o),t[r](...o)):t[r]})}}},Jt=t=>U(Yt(t),Wt({componentNameOverride:X("input-wrapper")})),Kt=t=>async e=>{const r=await t(e);return new Promise((t=>{let e=0;const o=()=>{if(e>20)return console.error("could not get shadow root for element",r),void t(r);e++,r?.shadowRoot?t(r.shadowRoot):setTimeout(o)};o()}))},Xt=({name:t,selector:e,mappings:r={},forward:{attributes:o=[],include:n=!0}={}})=>i=>{const a=t||(t=>t.replace(/[^\w\s]/gi,""))(e),l=Wt({mappings:r})(i);return class extends l{static get cssVarList(){return{...l.cssVarList,[a]:Dt(G(i.componentName,"_"+a),r)}}#V;constructor(){const t=Kt((async t=>{const r=t.shadowRoot.querySelector(t.baseSelector);return e?(await Kt((()=>r))(t)).querySelector(e):r}));super({getRootElement:t,componentNameSuffix:"_"+a,themeSection:"@"+a,baseSelector:":host"}),this.#V=t(this).then((t=>t.host))}async#D(){const t=await this.#V;t.onmouseenter=t=>{t.target.setAttribute("hover","true")},t.onmouseleave=t=>{t.target.removeAttribute("hover")}}async init(){super.init?.();const t=await this.#V;et(this,t,{[n?"includeAttrs":"excludeAttrs"]:o}),this.#D()}}},te=t=>class extends t{#z=$t.bind(this,"change");init(){super.init?.(),this.prevValue=this.value,this.addEventListener("change",(t=>{t.stopPropagation()})),this.addEventListener("blur",(()=>{this.value!==this.prevValue&&(this.#z(),this.prevValue=this.value)}))}},ee=t=>class extends t{init(){this.#W(),super.init?.()}#W(){["blur","focus","focusin","focusout"].forEach((t=>{this.addEventListener(t,(t=>{t.isTrusted&&t.target===this&&t.stopImmediatePropagation()}))}))}handleFocusEventsDispatching(t){let e;t?.forEach((t=>{t?.addEventListener("focusout",(t=>{t.stopImmediatePropagation(),e=setTimeout((()=>{e=null,$t.call(this,"blur"),$t.call(this,"focusout",{bubbles:!0})}))}));const r=t=>{t.stopImmediatePropagation(),clearTimeout(e),e||($t.call(this,"focus"),$t.call(this,"focusin",{bubbles:!0}))};t?.addEventListener("focusin",r),t?.addEventListener("focus",r)}))}handleInputEventDispatching(){let t=this.value;this.addEventListener("input",(e=>{t===this.value?e.stopImmediatePropagation():t=this.value}))}},re=X("button"),{host:oe,label:ne}={host:{selector:()=>":host"},label:{selector:"::part(label)"}};let ie;const ae=U(Wt({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...oe,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],labelTextColor:{property:"color"},labelTextDecoration:{...ne,property:"text-decoration"},labelSpacing:{...ne,property:"gap"},textAlign:{...ne,property:"justify-content",fallback:"center"}}}),(t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}),Bt,Ft)(Ht({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${ie}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ae.cssVarList.outlineWidth}) + var(${ae.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${ae.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ae.cssVarList.hostHeight}) - var(${ae.cssVarList.outlineWidth}) - var(${ae.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${ae.cssVarList.hostWidth}) - var(${ae.cssVarList.outlineWidth}) - var(${ae.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:re})),{color:le,fontSize:se}=ae.cssVarList;ie=`\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(${le});\n\t\ttop: calc(50% - (var(${se}) / 2));\n\t\tleft: calc(50% - (var(${se}) / 2));\n\t\tborder-width: calc(var(${se}) / 10);\n\t\twidth: var(${se});\n\t\theight: var(${se});\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`;const de=st(Nt),ce=ae.cssVarList,pe={primary:de.colors.primary,secondary:de.colors.secondary,success:de.colors.success,error:de.colors.error,surface:de.colors.surface},[ue,he,me]=mt({mode:pe},re),be={...ue,[ce.fontFamily]:de.fonts.font1.family,[ce.cursor]:"pointer",[ce.hostHeight]:"3em",[ce.hostWidth]:"auto",[ce.hostDirection]:de.direction,[ce.borderRadius]:de.radius.sm,[ce.borderWidth]:de.border.xs,[ce.borderStyle]:"solid",[ce.borderColor]:"transparent",[ce.labelSpacing]:"0.25em",[ce.textAlign]:"center",textAlign:{right:{[ce.textAlign]:"right"},left:{[ce.textAlign]:"left"},center:{[ce.textAlign]:"center"}},[ce.verticalPadding]:"1em",[ce.outlineWidth]:Nt.border.sm,[ce.outlineOffset]:"0px",[ce.outlineStyle]:"solid",[ce.outlineColor]:"transparent",size:{xs:{[ce.fontSize]:"12px"},sm:{[ce.fontSize]:"14px"},md:{[ce.fontSize]:"16px"},lg:{[ce.fontSize]:"18px"}},_square:{[ce.hostHeight]:"3em",[ce.hostWidth]:"3em",[ce.verticalPadding]:"0"},_fullWidth:{[ce.hostWidth]:"100%"},_loading:{[ce.cursor]:"wait",[ce.labelTextColor]:he.main},_disabled:{[me.main]:de.colors.surface.light,[me.dark]:de.colors.surface.dark,[me.light]:de.colors.surface.light,[me.contrast]:de.colors.surface.main},variant:{contained:{[ce.labelTextColor]:he.contrast,[ce.backgroundColor]:he.main,_hover:{[ce.backgroundColor]:he.dark,_loading:{[ce.backgroundColor]:he.main}},_active:{[ce.backgroundColor]:he.main}},outline:{[ce.labelTextColor]:he.main,[ce.borderColor]:he.main,_hover:{[ce.labelTextColor]:he.dark,[ce.borderColor]:he.dark},_active:{[ce.labelTextColor]:he.main,[ce.borderColor]:he.main}},link:{[ce.labelTextColor]:he.main,_hover:{[ce.labelTextColor]:he.dark,[ce.labelTextDecoration]:"underline"},_active:{[ce.labelTextColor]:he.main}}},_focused:{[ce.outlineColor]:he.light}},ge={...ce,...me},{host:ye,label:fe,placeholder:ve,requiredIndicator:xe,inputField:Ce,input:we,helperText:Se,errorMessage:Me,disabledPlaceholder:Te,inputDisabled:ke}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:{selector:"> input:placeholder-shown"},disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},Ae={fontSize:[{},ye],fontFamily:[fe,Ce,Se,Me],hostWidth:{...ye,property:"width"},hostMinWidth:{...ye,property:"min-width"},hostDirection:{...ye,property:"direction"},inputBackgroundColor:{...Ce,property:"background-color"},labelTextColor:[{...fe,property:"color"},{...xe,property:"color"},{...fe,property:"-webkit-text-fill-color"},{...xe,property:"-webkit-text-fill-color"}],errorMessageTextColor:{...Me,property:"color"},helperTextColor:{...Se,property:"-webkit-text-fill-color"},inputValueTextColor:[{...Ce,property:"color"},{...ke,property:"-webkit-text-fill-color"}],inputCaretTextColor:{...we,property:"color"},labelRequiredIndicator:{...xe,property:"content"},inputBorderColor:{...Ce,property:"border-color"},inputBorderWidth:{...Ce,property:"border-width"},inputBorderStyle:{...Ce,property:"border-style"},inputBorderRadius:{...Ce,property:"border-radius"},inputHeight:{...Ce,property:"height"},inputHorizontalPadding:[{...we,property:"padding-left"},{...we,property:"padding-right"}],inputOutlineColor:{...Ce,property:"outline-color"},inputOutlineStyle:{...Ce,property:"outline-style"},inputOutlineWidth:{...Ce,property:"outline-width"},inputOutlineOffset:{...Ce,property:"outline-offset"},inputTextAlign:{...we,property:"text-align"},inputPlaceholderColor:[{...ve,property:"color"},{...Te,property:"-webkit-text-fill-color"}]},Ee=t=>`\n    :host {\n        padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n    }\n`,Ie=t=>`\n    ${t} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,Le=t=>`\n    ${t}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,Oe=t=>`\n    ${t} > label,\n    ${t}::part(label),\n    ${t}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,ze=(t,e="input")=>`\n    ${t}[disabled] > ${e}:placeholder-shown,\n\t${t}[readonly] > ${e}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,Ne=t=>`\n    ${t}::part(input-field)::after {\n        opacity: 0;\n    }\n`,Ve=t=>`\n    ${t}::part(input-field)::after {\n        background: none;\n    }\n`,De=(t,e)=>`\n    ${Ie(t)}\n    ${Oe(t)}\n    ${ze(t)}\n    ${Le(t)}\n    ${((t,e)=>`\n    ${t} input:-webkit-autofill,\n    ${t} input:-webkit-autofill::first-line,\n    ${t} input:-webkit-autofill:hover,\n    ${t} input:-webkit-autofill:active,\n    ${t} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${e.inputValueTextColor});\n        box-shadow: 0 0 0 var(${e.inputHeight}) var(${e.inputBackgroundColor}) inset;\n    }\n`)(t,e)}\n    ${Ve(t)}\n    ${(t=>`\n    ${t}::before {\n\t\theight: unset;\n\t}\n`)(t)}\n    ${(t=>`\n    ${t} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(t)}\n    ${(t=>`\n    ${t}::part(input-field)::after {\n        border: none;\n    }\n`)(t)}\n`,We=t=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${t} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,Be=X("text-field"),Fe=["type"],$e=U(Wt({mappings:Ae}),Bt,Jt({proxyProps:["value","selectionStart"]}),Ft,(t=>class extends t{static get observedAttributes(){return Fe.concat(t.observedAttributes||[])}attributeChangedCallback(t,e,r){super.attributeChangeCallback?.(t,e,r),"type"===t&&this.baseElement._setType(r)}}))(Ht({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${$e.cssVarList.inputOutlineWidth}) + var(${$e.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      ${We("vaadin-text-field")}\n\t\t\t${Ee($e.cssVarList)}\n\t\t\t${De("vaadin-text-field",$e.cssVarList)}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:Be})),Re=X("input-wrapper"),je=st(Nt),[Pe,qe,_e]=mt({labelTextColor:je.colors.surface.dark,labelFontSize:"14px",valueTextColor:je.colors.surface.contrast,placeholderTextColor:je.colors.surface.dark,requiredIndicator:"'*'",helperTextColor:je.colors.surface.dark,errorMessageTextColor:je.colors.error.main,successMessageTextColor:je.colors.success.main,borderWidth:je.border.xs,borderRadius:je.radius.xs,borderColor:"transparent",outlineWidth:je.border.sm,outlineStyle:"solid",outlineColor:"transparent",outlineOffset:"0px",minWidth:"10em",toggleButtonSize:"1.5em",inputHeight:"3em",horizontalPadding:"0.5em",verticalPadding:"0.5em",backgroundColor:je.colors.surface.main,fontFamily:je.fonts.font1.family,direction:je.direction,overlayOpacity:"0.3",size:{xs:{fontSize:"12px",chipFontSize:"10px"},sm:{fontSize:"14px",chipFontSize:"12px"},md:{fontSize:"16px",chipFontSize:"14px"},lg:{fontSize:"18px",chipFontSize:"16px"}},_fullWidth:{width:"100%"},_focused:{outlineColor:je.colors.surface.light,_invalid:{outlineColor:je.colors.error.main}},_bordered:{outlineWidth:je.border.xs,borderColor:je.colors.surface.light,borderStyle:"solid",_invalid:{borderColor:je.colors.error.main}},_disabled:{labelTextColor:je.colors.surface.light,borderColor:je.colors.surface.light,valueTextColor:je.colors.surface.light,placeholderTextColor:je.colors.surface.light,helperTextColor:je.colors.surface.light,backgroundColor:je.colors.surface.main}},Re),He=Pe,Ge=$e.cssVarList,Ue={[Ge.hostWidth]:qe.width,[Ge.hostMinWidth]:qe.minWidth,[Ge.hostDirection]:qe.direction,[Ge.fontSize]:qe.fontSize,[Ge.fontFamily]:qe.fontFamily,[Ge.labelTextColor]:qe.labelTextColor,[Ge.labelRequiredIndicator]:qe.requiredIndicator,[Ge.errorMessageTextColor]:qe.errorMessageTextColor,[Ge.inputValueTextColor]:qe.valueTextColor,[Ge.inputPlaceholderColor]:qe.placeholderTextColor,[Ge.inputBorderWidth]:qe.borderWidth,[Ge.inputBorderStyle]:qe.borderStyle,[Ge.inputBorderColor]:qe.borderColor,[Ge.inputBorderRadius]:qe.borderRadius,[Ge.inputOutlineWidth]:qe.outlineWidth,[Ge.inputOutlineStyle]:qe.outlineStyle,[Ge.inputOutlineColor]:qe.outlineColor,[Ge.inputOutlineOffset]:qe.outlineOffset,[Ge.inputBackgroundColor]:qe.backgroundColor,[Ge.inputHeight]:qe.inputHeight,[Ge.inputHorizontalPadding]:qe.horizontalPadding,[Ge.helperTextColor]:qe.helperTextColor,textAlign:{right:{[Ge.inputTextAlign]:"right"},left:{[Ge.inputTextAlign]:"left"},center:{[Ge.inputTextAlign]:"center"}}},Ze=Ue,Qe=X("password"),{host:Ye,inputField:Je,inputElement:Ke,inputElementPlaceholder:Xe,revealButtonContainer:tr,revealButtonIcon:er,label:rr,requiredIndicator:or,errorMessage:nr,helperText:ir}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"> input"},inputElementPlaceholder:{selector:"> 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)"}},ar=U(Wt({mappings:{hostWidth:{...Ye,property:"width"},hostMinWidth:{...Ye,property:"min-width"},hostDirection:{...Ye,property:"direction"},fontSize:[{},Ye],fontFamily:[rr,Je,nr,ir],inputHeight:{...Je,property:"height"},inputHorizontalPadding:[{...Ke,property:"padding-left"},{...Ke,property:"padding-right"}],inputBackgroundColor:{...Je,property:"background-color"},inputBorderStyle:{...Je,property:"border-style"},inputBorderWidth:{...Je,property:"border-width"},inputBorderColor:{...Je,property:"border-color"},inputBorderRadius:{...Je,property:"border-radius"},inputOutlineColor:{...Je,property:"outline-color"},inputOutlineStyle:{...Je,property:"outline-style"},inputOutlineOffset:{...Je,property:"outline-offset"},inputOutlineWidth:{...Je,property:"outline-width"},labelTextColor:[{...rr,property:"color"},{...or,property:"color"}],labelRequiredIndicator:{...or,property:"content"},errorMessageTextColor:{...nr,property:"color"},inputValueTextColor:{...Ke,property:"color"},inputPlaceholderTextColor:{...Xe,property:"color"},revealButtonOffset:[{...tr,property:"margin-right"},{...tr,property:"margin-left"}],revealButtonSize:{...tr,property:"font-size"},revealButtonColor:{...er,property:"color"}}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Ft,(t=>class extends t{get isReadOnly(){return this.hasAttribute("readonly")&&"false"!==this.getAttribute("readonly")}init(){this.addEventListener("mousedown",(t=>{if(this.isDraggable&&this.isReadOnly){const e=this.baseElement.querySelector("input"),r=e.getAttribute("type");e.setAttribute("type","text"),setTimeout((()=>e.focus()));const o=n=>{e.setAttribute("type",r),t.target.removeEventListener("mouseup",o),t.target.removeEventListener("dragend",o)};t.target.addEventListener("mouseup",o,{once:!0}),t.target.addEventListener("dragend",o,{once:!0})}})),super.init?.()}}))(Ht({slots:["","suffix"],wrappedEleName:"vaadin-password-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: 10em;\n        box-sizing: border-box;\n\t\t\t}\n\t\t\t${Ee(ar.cssVarList)}\n\t\t\t${Oe("vaadin-password-field")}\n      ${We("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\t\t\t\tbox-sizing: border-box;\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\t\t\tvaadin-password-field > input {\n\t\t\t\tmin-height: 0;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\t\t\tvaadin-password-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\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\n\t\t\t[readonly] vaadin-password-field-button {\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\t\t\tvaadin-password-field-button[focus-ring] {\n\t\t\t\tbox-shadow: 0 0 0 2px var(${ar.cssVarList.inputOutlineColor});\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:Qe})),lr=st(Nt),sr=ar.cssVarList,dr={[sr.hostWidth]:qe.width,[sr.hostDirection]:qe.direction,[sr.fontSize]:qe.fontSize,[sr.fontFamily]:qe.fontFamily,[sr.labelTextColor]:qe.labelTextColor,[sr.errorMessageTextColor]:qe.errorMessageTextColor,[sr.inputHorizontalPadding]:qe.horizontalPadding,[sr.inputHeight]:qe.inputHeight,[sr.inputBackgroundColor]:qe.backgroundColor,[sr.labelRequiredIndicator]:qe.requiredIndicator,[sr.inputValueTextColor]:qe.valueTextColor,[sr.inputPlaceholderTextColor]:qe.placeholderTextColor,[sr.inputBorderWidth]:qe.borderWidth,[sr.inputBorderStyle]:qe.borderStyle,[sr.inputBorderColor]:qe.borderColor,[sr.inputBorderRadius]:qe.borderRadius,[sr.inputOutlineWidth]:qe.outlineWidth,[sr.inputOutlineStyle]:qe.outlineStyle,[sr.inputOutlineColor]:qe.outlineColor,[sr.inputOutlineOffset]:qe.outlineOffset,[sr.revealButtonOffset]:lr.spacing.md,[sr.revealButtonSize]:qe.toggleButtonSize,[sr.revealButtonColor]:qe.placeholderTextColor},cr=X("number-field"),pr=U(Wt({mappings:Ae}),Bt,Jt({proxyProps:["value","selectionStart"]}),Ft)(Ht({slots:["","prefix","suffix"],wrappedEleName:"vaadin-number-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${pr.cssVarList.inputOutlineWidth}) + var(${pr.cssVarList.inputOutlineOffset}));\n\t\t\t}\n      ${We("vaadin-number-field")}\n\t\t\t${Ee(pr.cssVarList)}\n\t\t\t${De("vaadin-number-field",pr.cssVarList)}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:cr})),ur=pr.cssVarList,hr={[ur.hostWidth]:qe.width,[ur.hostMinWidth]:qe.minWidth,[ur.hostDirection]:qe.direction,[ur.fontSize]:qe.fontSize,[ur.fontFamily]:qe.fontFamily,[ur.labelTextColor]:qe.labelTextColor,[ur.errorMessageTextColor]:qe.errorMessageTextColor,[ur.inputValueTextColor]:qe.valueTextColor,[ur.inputPlaceholderColor]:qe.placeholderTextColor,[ur.inputBorderWidth]:qe.borderWidth,[ur.inputBorderStyle]:qe.borderStyle,[ur.inputBorderColor]:qe.borderColor,[ur.inputBorderRadius]:qe.borderRadius,[ur.inputOutlineWidth]:qe.outlineWidth,[ur.inputOutlineStyle]:qe.outlineStyle,[ur.inputOutlineColor]:qe.outlineColor,[ur.inputOutlineOffset]:qe.outlineOffset,[ur.inputBackgroundColor]:qe.backgroundColor,[ur.labelRequiredIndicator]:qe.requiredIndicator,[ur.inputHorizontalPadding]:qe.horizontalPadding,[ur.inputHeight]:qe.inputHeight},mr=X("email-field"),br=U(Wt({mappings:Ae}),Bt,Jt({proxyProps:["value","selectionStart"]}),Ft,(t=>class extends t{init(){super.init?.(),this.baseElement.setAttribute("pattern","^[\\w\\.\\%\\+\\-]+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$")}}))(Ht({slots:["","suffix"],wrappedEleName:"vaadin-email-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${br.cssVarList.inputOutlineWidth}) + var(${br.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      ${We("vaadin-email-field")}\n\t\t\t${Ee(br.cssVarList)}\n\t\t\t${De("vaadin-email-field",br.cssVarList)}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:mr})),gr=br.cssVarList,yr={[gr.hostWidth]:qe.width,[gr.hostMinWidth]:qe.minWidth,[gr.hostDirection]:qe.direction,[gr.fontSize]:qe.fontSize,[gr.fontFamily]:qe.fontFamily,[gr.labelTextColor]:qe.labelTextColor,[gr.errorMessageTextColor]:qe.errorMessageTextColor,[gr.inputValueTextColor]:qe.valueTextColor,[gr.labelRequiredIndicator]:qe.requiredIndicator,[gr.inputPlaceholderColor]:qe.placeholderTextColor,[gr.inputBorderWidth]:qe.borderWidth,[gr.inputBorderStyle]:qe.borderStyle,[gr.inputBorderColor]:qe.borderColor,[gr.inputBorderRadius]:qe.borderRadius,[gr.inputOutlineWidth]:qe.outlineWidth,[gr.inputOutlineStyle]:qe.outlineStyle,[gr.inputOutlineColor]:qe.outlineColor,[gr.inputOutlineOffset]:qe.outlineOffset,[gr.inputBackgroundColor]:qe.backgroundColor,[gr.inputHorizontalPadding]:qe.horizontalPadding,[gr.inputHeight]:qe.inputHeight},fr=X("text-area"),{host:vr,label:xr,placeholder:Cr,inputField:wr,textArea:Sr,requiredIndicator:Mr,helperText:Tr,errorMessage:kr}={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)"}},Ar=U(Wt({mappings:{hostWidth:{...vr,property:"width"},hostMinWidth:{...vr,property:"min-width"},hostDirection:{...vr,property:"direction"},fontSize:[vr,Sr],fontFamily:[xr,wr,Tr,kr],labelTextColor:[{...xr,property:"color"},{...Mr,property:"color"}],labelRequiredIndicator:{...Mr,property:"content"},errorMessageTextColor:{...kr,property:"color"},inputBackgroundColor:{...wr,property:"background-color"},inputValueTextColor:{...Sr,property:"color"},inputPlaceholderTextColor:{...Cr,property:"color"},inputBorderWidth:{...wr,property:"border-width"},inputBorderStyle:{...wr,property:"border-style"},inputBorderColor:{...wr,property:"border-color"},inputBorderRadius:{...wr,property:"border-radius"},inputOutlineStyle:{...wr,property:"outline-Style"},inputOutlineColor:{...wr,property:"outline-color"},inputOutlineOffset:{...wr,property:"outline-offset"},inputOutlineWidth:{...wr,property:"outline-width"},inputResizeType:{...Sr,property:"resize"},inputMinHeight:{...Sr,property:"min-height"},inputTextAlign:{...Sr,property:"text-align"}}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Ft)(Ht({slots:[],wrappedEleName:"vaadin-text-area",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n        box-sizing: border-box;\n\t\t\t}\n\t\t\ttextarea {\n\t\t\t\theight: 100%;\n\t\t\t}\n      ${We("vaadin-text-area")}\n\t\t\t${Ee(Ar.cssVarList)}\n\t\t\t${Ie("vaadin-text-area")}\n\t\t\t${Le("vaadin-text-area")}\n\t\t\t${ze("vaadin-text-area","textarea")}\n\t\t\t${Oe("vaadin-text-area")}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:fr})),Er=Ar.cssVarList,Ir={[Er.hostWidth]:qe.width,[Er.hostMinWidth]:qe.minWidth,[Er.hostDirection]:qe.direction,[Er.fontSize]:qe.fontSize,[Er.fontFamily]:qe.fontFamily,[Er.labelTextColor]:qe.labelTextColor,[Er.labelRequiredIndicator]:qe.requiredIndicator,[Er.errorMessageTextColor]:qe.errorMessageTextColor,[Er.inputBackgroundColor]:qe.backgroundColor,[Er.inputValueTextColor]:qe.valueTextColor,[Er.inputPlaceholderTextColor]:qe.placeholderTextColor,[Er.inputBorderRadius]:qe.borderRadius,[Er.inputBorderWidth]:qe.borderWidth,[Er.inputBorderStyle]:qe.borderStyle,[Er.inputBorderColor]:qe.borderColor,[Er.inputOutlineWidth]:qe.outlineWidth,[Er.inputOutlineStyle]:qe.outlineStyle,[Er.inputOutlineColor]:qe.outlineColor,[Er.inputOutlineOffset]:qe.outlineOffset,[Er.inputResizeType]:"vertical",[Er.inputMinHeight]:"5em",textAlign:{right:{[Er.inputTextAlign]:"right"},left:{[Er.inputTextAlign]:"left"},center:{[Er.inputTextAlign]:"center"}},_readonly:{[Er.inputResizeType]:"none"}},Lr=(...t)=>U(Ut,te,qt,ee)(_t(...t)),Or=X("boolean-field-internal");Lr({componentName:Or,baseSelector:"div"});const zr=t=>class extends t{init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n\t\t\t\t<${Or}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${Or}>\n\t\t\t`,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Or),this.checkbox=this.inputElement.querySelector("vaadin-checkbox"),et(this,this.inputElement,{includeAttrs:["required","full-width","size","label","invalid","disabled","readonly"]}),rt(this.inputElement,this,["checked"]),K(this,this.inputElement,{includeAttrs:["checked"]})}},Nr='\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\theight: 0;\n\tmargin: 0;\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',Vr=X("checkbox"),{host:Dr,component:Wr,checkboxElement:Br,checkboxSurface:Fr,checkboxLabel:$r,requiredIndicator:Rr,helperText:jr,errorMessage:Pr}={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)"}},qr=U(Wt({mappings:{hostWidth:{...Dr,property:"width"},hostDirection:{...Dr,property:"direction"},fontSize:[Dr,Br,$r],fontFamily:[$r,jr,Pr],labelTextColor:{...$r,property:"color"},labelSpacing:{...$r,property:"padding-inline-start"},labelLineHeight:{...$r,property:"line-height"},labelFontWeight:{...$r,property:"font-weight"},labelRequiredIndicator:{...Rr,property:"content"},errorMessageTextColor:{...Pr,property:"color"},inputValueTextColor:{...Fr,property:"color"},inputBackgroundColor:{...Br,property:"background-color"},inputBorderRadius:{...Br,property:"border-radius"},inputBorderWidth:{...Br,property:"border-width"},inputBorderOffset:{...Br,property:"border-offset"},inputBorderColor:{...Br,property:"border-color"},inputBorderStyle:{...Br,property:"border-style"},inputOutlineWidth:{...Br,property:"outline-width"},inputOutlineOffset:{...Br,property:"outline-offset"},inputOutlineColor:{...Br,property:"outline-color"},inputOutlineStyle:{...Br,property:"outline-style"},inputSize:[{...Br,property:"width"},{...Br,property:"height"},{...Fr,property:"font-size"},{...Wr,property:"font-size"}]}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Ft,zr)(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${Nr}\n      ${Ee(qr.cssVarList)}\n\n      :host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n      }\n\n      :host ::part(error-message) {\n        direction: ltr;\n      }\n\n      vaadin-text-field {\n        width: 100%;\n      }\n\n      descope-boolean-field-internal {\n\t\t\t\tpadding: 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      }\n\n      vaadin-text-field::part(input-field)::after {\n        content: none;\n      }\n    `,excludeAttrsSync:["label","tabindex"],componentName:Vr})),_r=qr.cssVarList,Hr="1.35em",Gr={[_r.hostWidth]:qe.width,[_r.hostDirection]:qe.direction,[_r.fontSize]:qe.fontSize,[_r.fontFamily]:qe.fontFamily,[_r.labelTextColor]:qe.labelTextColor,[_r.labelRequiredIndicator]:qe.requiredIndicator,[_r.labelFontWeight]:"400",[_r.labelLineHeight]:Hr,[_r.labelSpacing]:"1em",[_r.errorMessageTextColor]:qe.errorMessageTextColor,[_r.inputOutlineWidth]:qe.outlineWidth,[_r.inputOutlineOffset]:qe.outlineOffset,[_r.inputOutlineColor]:qe.outlineColor,[_r.inputOutlineStyle]:qe.outlineStyle,[_r.inputBorderRadius]:qe.borderRadius,[_r.inputBorderColor]:qe.borderColor,[_r.inputBorderWidth]:qe.borderWidth,[_r.inputBorderStyle]:qe.borderStyle,[_r.inputBackgroundColor]:qe.backgroundColor,[_r.inputSize]:Hr,_checked:{[_r.inputValueTextColor]:qe.valueTextColor},_disabled:{[_r.labelTextColor]:qe.labelTextColor}},Ur=X("switch-toggle"),{host:Zr,component:Qr,checkboxElement:Yr,checkboxSurface:Jr,checkboxLabel:Kr,requiredIndicator:Xr,helperText:to,errorMessage:eo}={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)"}},ro=U(Wt({mappings:{hostWidth:{...Zr,property:"width"},hostDirection:{...Zr,property:"direction"},fontSize:[Qr,Kr,Kr],fontFamily:[Kr,to,eo],labelTextColor:{...Kr,property:"color"},labelSpacing:{...Kr,property:"padding-inline-start"},labelLineHeight:{...Kr,property:"line-height"},labelFontWeight:{...Kr,property:"font-weight"},labelRequiredIndicator:{...Xr,property:"content"},errorMessageTextColor:{...eo,property:"color"},trackBorderWidth:{...Yr,property:"border-width"},trackBorderStyle:{...Yr,property:"border-style"},trackBorderColor:{...Yr,property:"border-color"},trackBackgroundColor:{...Yr,property:"background-color"},trackBorderRadius:{...Yr,property:"border-radius"},trackWidth:[{...Yr,property:"width"}],trackHeight:[{...Jr,property:"font-size"},{...Yr,property:"height"}],knobSize:[{...Jr,property:"width"},{...Jr,property:"height"}],knobTextColor:{...Jr,property:"color"},knobRadius:{...Jr,property:"border-radius"},knobTransitionDuration:{...Jr,property:"transition"},knobColor:{...Jr,property:"background-color"},knobTopOffset:{...Jr,property:"top"},knobLeftOffset:{...Jr,property:"left"},inputOutlineWidth:{...Yr,property:"outline-width"},inputOutlineOffset:{...Yr,property:"outline-offset"},inputOutlineColor:{...Yr,property:"outline-color"},inputOutlineStyle:{...Yr,property:"outline-style"}}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Ft,zr)(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t${Nr}\n\t\t\t${Ee(ro.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"],componentName:Ur})),oo="2px",no=st(Nt),io=ro.cssVarList,ao={[io.hostWidth]:qe.width,[io.hostDirection]:qe.direction,[io.fontSize]:qe.fontSize,[io.fontFamily]:qe.fontFamily,[io.inputOutlineWidth]:qe.outlineWidth,[io.inputOutlineOffset]:qe.outlineOffset,[io.inputOutlineColor]:qe.outlineColor,[io.inputOutlineStyle]:qe.outlineStyle,[io.trackBorderStyle]:qe.borderStyle,[io.trackBorderWidth]:qe.borderWidth,[io.trackBorderColor]:qe.borderColor,[io.trackBackgroundColor]:qe.backgroundColor,[io.trackBorderRadius]:no.radius.md,[io.trackWidth]:"2.5em",[io.trackHeight]:"1.25em",[io.knobSize]:`calc(1em - ${oo})`,[io.knobRadius]:"50%",[io.knobTopOffset]:"1px",[io.knobLeftOffset]:oo,[io.knobColor]:qe.labelTextColor,[io.knobTransitionDuration]:"0.3s",[io.labelTextColor]:qe.labelTextColor,[io.labelFontWeight]:"400",[io.labelLineHeight]:"1.35em",[io.labelSpacing]:"1em",[io.labelRequiredIndicator]:qe.requiredIndicator,[io.errorMessageTextColor]:qe.errorMessageTextColor,_checked:{[io.trackBorderColor]:qe.borderColor,[io.knobLeftOffset]:`calc(100% - var(${io.knobSize}) - ${oo})`,[io.knobColor]:qe.valueTextColor,[io.knobTextColor]:qe.valueTextColor},_disabled:{[io.knobColor]:no.colors.surface.light,[io.trackBorderColor]:no.colors.surface.light,[io.trackBackgroundColor]:no.colors.surface.main,[io.labelTextColor]:qe.labelTextColor,_checked:{[io.knobColor]:no.colors.surface.light,[io.trackBackgroundColor]:no.colors.surface.main}},_invalid:{[io.trackBorderColor]:no.colors.error.main,[io.knobColor]:no.colors.error.main}},lo=X("container");class so extends(_t({componentName:lo,baseSelector:"slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<style>\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\t\t</style>\n\t\t<slot></slot>\n\t"}}const co=U(Wt({mappings:{hostHeight:{selector:()=>":host",property:"height"},hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],flexDirection:{},justifyContent:{},alignItems:{},gap:{},flexWrap:{},backgroundColor:{},color:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{}}}),Bt,Ft)(so),po=st(Nt),uo=co.cssVarList,[ho,mo,bo]=mt({verticalAlignment:{start:{verticalAlignment:"start"},center:{verticalAlignment:"safe center"},end:{verticalAlignment:"end"}},horizontalAlignment:{start:{horizontalAlignment:"start"},center:{horizontalAlignment:"safe center"},end:{horizontalAlignment:"end"}},shadowColor:"#00000020"},lo),{shadowColor:go}=mo,yo={...ho,[uo.hostWidth]:"100%",[uo.boxShadow]:"none",[uo.backgroundColor]:po.colors.surface.main,[uo.color]:po.colors.surface.contrast,[uo.borderRadius]:"0px",[uo.hostDirection]:po.direction,verticalPadding:{sm:{[uo.verticalPadding]:"5px"},md:{[uo.verticalPadding]:"10px"},lg:{[uo.verticalPadding]:"20px"}},horizontalPadding:{sm:{[uo.horizontalPadding]:"5px"},md:{[uo.horizontalPadding]:"10px"},lg:{[uo.horizontalPadding]:"20px"}},direction:{row:{[uo.flexDirection]:"row",[uo.alignItems]:mo.verticalAlignment,[uo.justifyContent]:mo.horizontalAlignment,[uo.flexWrap]:"wrap",horizontalAlignment:{spaceBetween:{[bo.horizontalAlignment]:"space-between"}}},column:{[uo.flexDirection]:"column",[uo.alignItems]:mo.horizontalAlignment,[uo.justifyContent]:mo.verticalAlignment,verticalAlignment:{spaceBetween:{[bo.verticalAlignment]:"space-between"}}}},spaceBetween:{sm:{[uo.gap]:"10px"},md:{[uo.gap]:"20px"},lg:{[uo.gap]:"30px"}},shadow:{sm:{[uo.boxShadow]:`${po.shadow.wide.sm} ${go}, ${po.shadow.narrow.sm} ${go}`},md:{[uo.boxShadow]:`${po.shadow.wide.md} ${go}, ${po.shadow.narrow.md} ${go}`},lg:{[uo.boxShadow]:`${po.shadow.wide.lg} ${go}, ${po.shadow.narrow.lg} ${go}`},xl:{[uo.boxShadow]:`${po.shadow.wide.xl} ${go}, ${po.shadow.narrow.xl} ${go}`},"2xl":{[bo.shadowColor]:"#00000050",[uo.boxShadow]:`${po.shadow.wide["2xl"]} ${go}`}},borderRadius:{sm:{[uo.borderRadius]:po.radius.sm},md:{[uo.borderRadius]:po.radius.md},lg:{[uo.borderRadius]:po.radius.lg},xl:{[uo.borderRadius]:po.radius.xl},"2xl":{[uo.borderRadius]:po.radius["2xl"]},"3xl":{[uo.borderRadius]:po.radius["3xl"]}}},fo={...uo,...bo},vo=({componentName:t,varName:e,fallbackVarName:r})=>{let o;class n extends(_t({componentName:t,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n\t\t\t<style>\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\t\t\t\t:host([draggable="true"]) > div {\n\t\t\t\t\tpointer-events: none\n\t\t\t\t}\t\t\n\t\t\t\t:host > div {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\tobject-fit: contain;\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\t${o}\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t<div></div>\n\t\t\t`}}const i=U(Wt({mappings:{height:{selector:()=>":host > div"},width:{selector:()=>":host > div"},[e]:{property:"content"},[r]:{property:"content"}}}),Bt,Ft)(n);return o=`content: var(${i.cssVarList[e]}, var(${i.cssVarList[r]}));`,i},xo=vo({componentName:X("logo"),varName:"url",fallbackVarName:"fallbackUrl"}).cssVarList,Co={[xo.fallbackUrl]:"url(https://imgs.descope.com/components/no-logo-placeholder.svg)"},wo=vo({componentName:X("totp-image"),varName:"url",fallbackVarName:"fallbackUrl"}).cssVarList,So={[wo.fallbackUrl]:"url(https://imgs.descope.com/components/totp-placeholder.svg)"},Mo=vo({componentName:X("notp-image"),varName:"url",fallbackVarName:"fallbackUrl"}).cssVarList,To={[Mo.fallbackUrl]:"url(https://imgs.descope.com/components/notp-placeholder.svg)"},ko=X("text");class Ao extends(_t({componentName:ko,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t<style>\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t\t:host > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t</style>\n\t\t<slot part="text-wrapper"></slot>\n\t\t'}}const Eo=U(Wt({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},textColor:{property:"color"},textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),Bt,Ft,(t=>class extends t{get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),Y(this,(()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""}))}}))(Ao),Io=st(Nt),Lo=Eo.cssVarList,Oo={[Lo.hostDirection]:Io.direction,[Lo.textLineHeight]:"1.35em",[Lo.textAlign]:"left",[Lo.textColor]:Io.colors.surface.dark,variant:{h1:{[Lo.fontSize]:Io.typography.h1.size,[Lo.fontWeight]:Io.typography.h1.weight,[Lo.fontFamily]:Io.typography.h1.font},h2:{[Lo.fontSize]:Io.typography.h2.size,[Lo.fontWeight]:Io.typography.h2.weight,[Lo.fontFamily]:Io.typography.h2.font},h3:{[Lo.fontSize]:Io.typography.h3.size,[Lo.fontWeight]:Io.typography.h3.weight,[Lo.fontFamily]:Io.typography.h3.font},subtitle1:{[Lo.fontSize]:Io.typography.subtitle1.size,[Lo.fontWeight]:Io.typography.subtitle1.weight,[Lo.fontFamily]:Io.typography.subtitle1.font},subtitle2:{[Lo.fontSize]:Io.typography.subtitle2.size,[Lo.fontWeight]:Io.typography.subtitle2.weight,[Lo.fontFamily]:Io.typography.subtitle2.font},body1:{[Lo.fontSize]:Io.typography.body1.size,[Lo.fontWeight]:Io.typography.body1.weight,[Lo.fontFamily]:Io.typography.body1.font},body2:{[Lo.fontSize]:Io.typography.body2.size,[Lo.fontWeight]:Io.typography.body2.weight,[Lo.fontFamily]:Io.typography.body2.font}},mode:{primary:{[Lo.textColor]:Io.colors.surface.contrast},secondary:{[Lo.textColor]:Io.colors.surface.dark},error:{[Lo.textColor]:Io.colors.error.main},success:{[Lo.textColor]:Io.colors.success.main}},textAlign:{right:{[Lo.textAlign]:"right"},left:{[Lo.textAlign]:"left"},center:{[Lo.textAlign]:"center"}},_fullWidth:{[Lo.hostWidth]:"100%"},_italic:{[Lo.fontStyle]:"italic"},_uppercase:{[Lo.textTransform]:"uppercase"},_lowercase:{[Lo.textTransform]:"lowercase"}},zo=X("link");class No extends(_t({componentName:zo,baseSelector:":host a"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<style>\n\t\t:host {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t:host a:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t\t</style>\n\t\t<div>\n\t\t\t<descope-text>\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",et(this,this.shadowRoot.querySelector("a"),{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),et(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]})}}const Vo={host:{selector:()=>":host"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>Eo.componentName}},{anchor:Do,text:Wo,host:Bo,wrapper:Fo}=Vo,$o=U(Wt({mappings:{hostWidth:{...Bo,property:"width"},hostDirection:{...Wo,property:"direction"},textAlign:Fo,textColor:[{...Do,property:"color"},{...Wo,property:Eo.cssVarList.textColor}],cursor:Do}}),Bt,Ft)(No),Ro=st(Nt),jo=$o.cssVarList,Po={[jo.hostDirection]:Ro.direction,[jo.cursor]:"pointer",[jo.textColor]:Ro.colors.primary.main,textAlign:{right:{[jo.textAlign]:"right"},left:{[jo.textAlign]:"left"},center:{[jo.textAlign]:"center"}},_fullWidth:{[jo.hostWidth]:"100%"},mode:{primary:{[jo.textColor]:Ro.colors.primary.main},secondary:{[jo.textColor]:Ro.colors.secondary.main},error:{[jo.textColor]:Ro.colors.error.main},success:{[jo.textColor]:Ro.colors.success.main}}},qo=X("divider");class _o extends(_t({componentName:qo,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t\t<style>\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-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\t\t\t</style>\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",this.textComponent=this.shadowRoot.querySelector("descope-text"),et(this,this.textComponent,{includeAttrs:["mode","variant","italic"]})}}const Ho=Eo.cssVarList,{host:Go,before:Uo,after:Zo,text:Qo}={host:{selector:()=>":host"},before:{selector:"::before"},after:{selector:"::after"},text:{selector:"descope-text"}},Yo=U(Wt({mappings:{hostWidth:{...Go,property:"width"},hostPadding:{...Go,property:"padding"},hostDirection:{...Qo,property:"direction"},minHeight:{},alignItems:{},alignSelf:{},flexDirection:{},textAlign:{...Qo,property:Ho.textAlign},labelTextWidth:{...Qo,property:"width"},labelTextMaxWidth:{...Qo,property:"max-width"},labelTextVerticalSpacing:[{...Qo,property:"padding-top"},{...Qo,property:"padding-bottom"}],labelTextHorizontalSpacing:[{...Qo,property:"padding-right"},{...Qo,property:"padding-left"}],stripeColor:[{...Uo,property:"background-color"},{...Zo,property:"background-color"}],stripeHorizontalThickness:[{...Uo,property:"height"},{...Zo,property:"height"}],stripeVerticalThickness:[{...Uo,property:"width"},{...Zo,property:"width"}],stripeColorOpacity:[{...Uo,property:"opacity"},{...Zo,property:"opacity"}]}}),Bt,Ft)(_o),Jo=st(Nt),Ko=Yo.cssVarList,[Xo,tn,en]=mt({thickness:"2px",spacing:"10px"},qo),rn={...Xo,[Ko.hostDirection]:Jo.direction,[Ko.alignItems]:"center",[Ko.flexDirection]:"row",[Ko.alignSelf]:"stretch",[Ko.hostWidth]:"100%",[Ko.stripeColor]:Jo.colors.surface.light,[Ko.stripeColorOpacity]:"0.5",[Ko.stripeHorizontalThickness]:tn.thickness,[Ko.labelTextWidth]:"fit-content",[Ko.labelTextMaxWidth]:"calc(100% - 100px)",[Ko.labelTextHorizontalSpacing]:tn.spacing,[Ko.textAlign]:"center",_vertical:{[Ko.minHeight]:"200px",[Ko.flexDirection]:"column",[Ko.hostWidth]:"fit-content",[Ko.hostPadding]:`0 calc(${tn.thickness} * 3)`,[Ko.stripeVerticalThickness]:tn.thickness,[Ko.labelTextWidth]:"fit-content",[Ko.labelTextMaxWidth]:"100%",[Ko.labelTextVerticalSpacing]:tn.spacing}},on={...Ko,...en},nn=X("passcode-internal");Lr({componentName:nn,baseSelector:"div"});const an=X("loader-radial");class ln extends(_t({componentName:an,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<style>\n\t\t\t@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\t\t</style>\n\t\t<div></div>\n\t"}}const sn=U(Wt({mappings:{hostDisplay:{property:"display"},spinnerSize:[{property:"width"},{property:"height"}],spinnerBorderWidth:{property:"border-width"},spinnerBorderStyle:{property:"border-style"},spinnerBorderRadius:{property:"border-radius"},spinnerQuadrant1Color:{property:"border-top-color"},spinnerQuadrant2Color:{property:"border-bottom-color"},spinnerQuadrant3Color:{property:"border-right-color"},spinnerQuadrant4Color:{property:"border-left-color"},animationDuration:{},animationTimingFunction:{},animationIterationCount:{}}}),Bt,Ft)(ln),dn=X("passcode"),cn=["digits"],{host:pn,digitField:un,label:hn,requiredIndicator:mn,internalWrapper:bn,focusedDigitField:gn,errorMessage:yn}={host:{selector:()=>":host"},focusedDigitField:{selector:()=>`${$e.componentName}[focused="true"]`},digitField:{selector:()=>$e.componentName},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},internalWrapper:{selector:"descope-passcode-internal .wrapper"},errorMessage:{selector:"::part(error-message)"}},fn=$e.cssVarList,vn=sn.cssVarList,xn=U(Wt({mappings:{fontSize:[{...un,property:fn.fontSize},pn],hostWidth:{property:"width"},hostDirection:{...pn,property:"direction"},fontFamily:[pn,{...hn}],labelTextColor:[{...hn,property:"color"},{...mn,property:"color"}],labelRequiredIndicator:{...mn,property:"content"},errorMessageTextColor:{...yn,property:"color"},digitValueTextColor:{selector:$e.componentName,property:fn.inputValueTextColor},digitSize:[{...un,property:"height"},{...un,property:"width"}],digitPadding:{...un,property:fn.inputHorizontalPadding},digitTextAlign:{...un,property:fn.inputTextAlign},digitCaretTextColor:{...un,property:fn.inputCaretTextColor},digitSpacing:{...bn,property:"gap"},digitOutlineColor:{...un,property:fn.inputOutlineColor},digitOutlineWidth:{...un,property:fn.inputOutlineWidth},focusedDigitFieldOutlineColor:{...gn,property:fn.inputOutlineColor},overlayOpacity:{...bn,property:"opacity"},spinnerSize:{selector:sn.componentName,property:vn.spinnerSize}}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Ft,(t=>class extends t{static get observedAttributes(){return cn.concat(t.observedAttributes||[])}get digits(){return Number.parseInt(this.getAttribute("digits"),10)||6}init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n      <${nn}\n        bordered="true"\n        name="code"\n        tabindex="-1"\n        slot="input"\n      ><slot></slot></${nn}>\n      `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(nn),et(this,this.inputElement,{includeAttrs:["digits","size","loading"]})}attributeChangedCallback(t,e,r){super.attributeChangedCallback?.(t,e,r),"digits"===t&&this.style.setProperty("--passcode-digits-count",r)}}))(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: calc(var(--passcode-digits-count) * 2em);\n\t\t\t}\n\t\t\t\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n      :host([loading="true"]) descope-passcode-internal .loader-container {\n        display: block;\n      }\n\n\t\t\tdescope-passcode-internal {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n\t\t\tdescope-passcode-internal .wrapper {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tmin-height: initial;\n\t\t\t\theight: 100%;\n\t\t\t\tjustify-content: space-between;\n\t\t\t}\n\n\t\t\tdescope-passcode-internal descope-text-field {\n\t\t\t\tmin-width: 2em;\n\t\t\t\tmax-width: var(${fn.inputHeight});\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n\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      ${We("vaadin-text-field")}\n\t\t\t${Oe("vaadin-text-field")}\n    \t`,excludeAttrsSync:["tabindex"],componentName:dn})).cssVarList,Cn={[xn.hostDirection]:qe.direction,[xn.fontFamily]:qe.fontFamily,[xn.fontSize]:qe.fontSize,[xn.labelTextColor]:qe.labelTextColor,[xn.labelRequiredIndicator]:qe.requiredIndicator,[xn.errorMessageTextColor]:qe.errorMessageTextColor,[xn.digitValueTextColor]:qe.valueTextColor,[xn.digitPadding]:"0",[xn.digitTextAlign]:"center",[xn.digitSpacing]:"4px",[xn.hostWidth]:qe.width,[xn.digitOutlineColor]:"transparent",[xn.digitOutlineWidth]:qe.outlineWidth,[xn.focusedDigitFieldOutlineColor]:qe.outlineColor,[xn.digitSize]:qe.inputHeight,size:{xs:{[xn.spinnerSize]:"15px"},sm:{[xn.spinnerSize]:"20px"},md:{[xn.spinnerSize]:"20px"},lg:{[xn.spinnerSize]:"20px"}},_hideCursor:{[xn.digitCaretTextColor]:"transparent"},_loading:{[xn.overlayOpacity]:qe.overlayOpacity}},wn=X("loader-linear");class Sn extends(_t({componentName:wn,baseSelector:":host > div"})){static get componentName(){return wn}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<style>\n\t\t\t@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\t\t</style>\n\t\t<div></div>\n\t"}}const{after:Mn,host:Tn}={after:{selector:"::after"},host:{selector:()=>":host"}},kn=U(Wt({mappings:{hostDisplay:{},hostWidth:{...Tn,property:"width"},barHeight:[{property:"height"},{...Mn,property:"height"}],barBorderRadius:[{property:"border-radius"},{...Mn,property:"border-radius"}],verticalPadding:[{...Tn,property:"padding-top"},{...Tn,property:"padding-bottom"}],barBackgroundColor:{property:"background-color"},barColor:{...Mn,property:"background-color"},barWidth:{...Mn,property:"width"},animationDuration:[{},Mn],animationTimingFunction:[{},Mn],animationIterationCount:[{},Mn]}}),Bt,Ft)(Sn),An=st(Nt),En=kn.cssVarList,In={[En.hostDisplay]:"inline-block",[En.hostWidth]:"100%",[En.barColor]:An.colors.surface.contrast,[En.barWidth]:"20%",[En.barBackgroundColor]:An.colors.surface.light,[En.barBorderRadius]:"4px",[En.animationDuration]:"2s",[En.animationTimingFunction]:"linear",[En.animationIterationCount]:"infinite",[En.verticalPadding]:"0.25em",size:{xs:{[En.barHeight]:"2px"},sm:{[En.barHeight]:"4px"},md:{[En.barHeight]:"6px"},lg:{[En.barHeight]:"8px"}},mode:{primary:{[En.barColor]:An.colors.primary.main},secondary:{[En.barColor]:An.colors.secondary.main}},_hidden:{[En.hostDisplay]:"none"}},Ln=st(Nt),On=sn.cssVarList,[zn,Nn,Vn]=mt({spinnerColor:Ln.colors.surface.contrast,mode:{primary:{spinnerColor:Ln.colors.primary.main},secondary:{spinnerColor:Ln.colors.secondary.main}}},an),Dn={...zn,[On.animationDuration]:"2s",[On.animationTimingFunction]:"linear",[On.animationIterationCount]:"infinite",[On.spinnerBorderStyle]:"solid",[On.spinnerBorderWidth]:"0.2em",[On.spinnerBorderRadius]:"50%",[On.spinnerQuadrant1Color]:Nn.spinnerColor,[On.spinnerQuadrant2Color]:"transparent",[On.spinnerQuadrant3Color]:Nn.spinnerColor,[On.spinnerQuadrant4Color]:"transparent",size:{xs:{[On.spinnerSize]:"20px"},sm:{[On.spinnerSize]:"30px"},md:{[On.spinnerSize]:"40px"},lg:{[On.spinnerSize]:"60px"},xl:{[On.spinnerSize]:"80px"}},_hidden:{[On.hostDisplay]:"none"}},Wn={...On,...Vn},Bn=X("combo-box"),{host:Fn,inputField:$n,inputElement:Rn,placeholder:jn,toggle:Pn,clearButton:qn,label:_n,requiredIndicator:Hn,helperText:Gn,errorMessage:Un}={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)"}},Zn=U(Wt({mappings:{hostWidth:{...Fn,property:"width"},hostDirection:{...Fn,property:"direction"},fontSize:[{},Fn],fontFamily:[_n,jn,$n,Gn,Un],labelTextColor:[{..._n,property:"color"},{...Hn,property:"color"}],errorMessageTextColor:{...Un,property:"color"},inputHeight:{...$n,property:"height"},inputBackgroundColor:{...$n,property:"background-color"},inputBorderColor:{...$n,property:"border-color"},inputBorderWidth:{...$n,property:"border-width"},inputBorderStyle:{...$n,property:"border-style"},inputBorderRadius:{...$n,property:"border-radius"},labelRequiredIndicator:{...Hn,property:"content"},inputValueTextColor:{...$n,property:"color"},inputPlaceholderTextColor:{...jn,property:"color"},inputDropdownButtonCursor:[{...Pn,property:"cursor"},{...qn,property:"cursor"}],inputDropdownButtonColor:[{...Pn,property:"color"},{...qn,property:"color"}],inputDropdownButtonSize:[{...Pn,property:"font-size"},{...qn,property:"font-size"}],inputDropdownButtonOffset:[{...Pn,property:"margin-right"},{...Pn,property:"margin-left"}],inputOutlineColor:{...$n,property:"outline-color"},inputOutlineWidth:{...$n,property:"outline-width"},inputOutlineStyle:{...$n,property:"outline-style"},inputOutlineOffset:{...$n,property:"outline-offset"},inputHorizontalPadding:[{...Rn,property:"padding-left"},{...Rn,property:"padding-right"}],overlayBackground:{property:()=>Zn.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>Zn.cssVarList.overlay.textColor},overlayBorder:{property:()=>Zn.cssVarList.overlay.border},overlayFontSize:{property:()=>Zn.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>Zn.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>Zn.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>Zn.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>Zn.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>Zn.cssVarList.overlay.itemPaddingInlineEnd}}}),Bt,Xt({name:"overlay",selector:"",mappings:{backgroundColor:{selector:"vaadin-combo-box-scroller"},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"}},forward:{include:!1,attributes:["size"]}}),Jt({proxyProps:["selectionStart"],inputEvent:"selected-item-changed"}),Ft,(t=>class extends t{#B=({displayName:t,value:e,label:r})=>`<span data-name="${r}" data-id="${e}">${t||r}</span>`;#F;get defaultValue(){return this.getAttribute("default-value")}get renderItem(){return this.#B}set renderItem(t){this.#B=t,this.renderItems()}get data(){if(this.#F)return this.#F;const t=this.getAttribute("data");if(t)try{const e=JSON.parse(t);if(this.isValidDataType(e))return e}catch(t){console.error('could not parse data string from attribute "data" -',t.message)}return[]}set data(t){this.isValidDataType(t)&&(this.#F=t,this.renderItems())}isValidDataType(t){const e=Array.isArray(t);return e||console.error("data must be an array, received:",t),e}getItemsTemplate(){return this.data?.reduce?.(((t,e)=>t+(this.renderItem?.(e||{})||"")),"")}renderItems(){const t=this.getItemsTemplate();t&&(this.innerHTML=t)}handleSelectedItem(){const t=this.baseElement.selectedItem?.["data-id"];this.baseElement.selectedItem=void 0,t&&(this.value=t),this.value||this.setDefaultValue()}customValueTransformFn(t){return t}setComboBoxDescriptor(){const t=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value"),e=this;Object.defineProperties(this.inputElement,{value:{...t,set(r){if(!e.baseElement.items?.length)return;const o=e.customValueTransformFn(r)||"";o!==this.value&&t.set.call(this,o)}}})}#$(){const t=this.shadowRoot.querySelector(this.baseSelector),e=Array.from(this.children);e.length&&(e.forEach((t=>{Object.defineProperty(t,"data-name",{value:t.getAttribute("data-name"),configurable:!0,writable:!0}),Object.defineProperty(t,"data-id",{value:t.getAttribute("data-id"),configurable:!0,writable:!0})})),t.items=e,setTimeout((()=>{this.handleSelectedItem()}),0)),t.renderer=(t,e,r)=>{t.innerHTML=r.item.outerHTML}}#R(){const t=this.baseElement.shadowRoot.querySelector("vaadin-combo-box-overlay");t._attachOverlay=()=>{t.bringToFront()},t._detachOverlay=()=>{},t._enterModalState=()=>{}}init(){super.init?.(),this.getValidity=function(){return!this.value&&this.isRequired?{valueMissing:!0}:{}},this.setComboBoxDescriptor(),this.#R(),this.renderItems(),Q(this,this.renderItems.bind(this),{includeAttrs:["data"]}),Y(this,this.#$.bind(this)),this.setDefaultValue(),this.baseElement.addEventListener("selected-item-changed",(()=>{this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}))}setDefaultValue(){this.value=this.defaultValue}set value(t){if(t){const e=this.baseElement.items?.find((e=>e["data-id"]===t));e&&(this.baseElement.selectedItem=e)}else this.baseElement.selectedItem=void 0}get value(){return this.baseElement.selectedItem?.["data-id"]||""}}))(Ht({slots:["","prefix"],wrappedEleName:"vaadin-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${Ee(Zn.cssVarList)}\n\t\t${Ne("vaadin-combo-box")}\n\t\t${ze("vaadin-combo-box")}\n\t\t${Oe("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    ${We("vaadin-combo-box")}\n\t\t`,excludeAttrsSync:["tabindex","size","data"],componentName:Bn,includeForwardProps:["items","renderer","selectedItem"]})),Qn=st(Nt),Yn=Zn.cssVarList,Jn={[Yn.hostWidth]:qe.width,[Yn.hostDirection]:qe.direction,[Yn.fontSize]:qe.fontSize,[Yn.fontFamily]:qe.fontFamily,[Yn.labelTextColor]:qe.labelTextColor,[Yn.errorMessageTextColor]:qe.errorMessageTextColor,[Yn.inputBorderColor]:qe.borderColor,[Yn.inputBorderWidth]:qe.borderWidth,[Yn.inputBorderStyle]:qe.borderStyle,[Yn.inputBorderRadius]:qe.borderRadius,[Yn.inputOutlineColor]:qe.outlineColor,[Yn.inputOutlineOffset]:qe.outlineOffset,[Yn.inputOutlineWidth]:qe.outlineWidth,[Yn.inputOutlineStyle]:qe.outlineStyle,[Yn.labelRequiredIndicator]:qe.requiredIndicator,[Yn.inputValueTextColor]:qe.valueTextColor,[Yn.inputPlaceholderTextColor]:qe.placeholderTextColor,[Yn.inputBackgroundColor]:qe.backgroundColor,[Yn.inputHorizontalPadding]:qe.horizontalPadding,[Yn.inputHeight]:qe.inputHeight,[Yn.inputDropdownButtonColor]:Qn.colors.surface.dark,[Yn.inputDropdownButtonCursor]:"pointer",[Yn.inputDropdownButtonSize]:qe.toggleButtonSize,[Yn.inputDropdownButtonOffset]:Qn.spacing.xs,[Yn.overlayItemPaddingInlineStart]:Qn.spacing.xs,[Yn.overlayItemPaddingInlineEnd]:Qn.spacing.lg,_readonly:{[Yn.inputDropdownButtonCursor]:"default"},[Yn.overlayFontSize]:qe.fontSize,[Yn.overlayFontFamily]:qe.fontFamily,[Yn.overlayCursor]:"pointer",[Yn.overlayItemBoxShadow]:"none",[Yn.overlayBackground]:qe.backgroundColor,[Yn.overlayTextColor]:qe.valueTextColor,[Yn.overlay.minHeight]:"400px",[Yn.overlay.margin]:"0"},Kn=Jn,Xn=["src","alt"],ti=X("image"),ei=_t({componentName:ti,baseSelector:":host > img"}),ri=U(Wt({mappings:{height:{selector:()=>":host"},width:{selector:()=>":host"}}}),Bt)(class extends ei{static get observedAttributes(){return Xn.concat(ei.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<style>\n\t\t\t:host > img {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n\t\t</style>\n\t\t<img/>\n\t"}connectedCallback(){super.connectedCallback?.(),et(this,this.baseElement,{includeAttrs:Xn})}}).cssVarList,oi={},ni=[{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:"Puerto Rico",dialCode:"+1939",code:"PR"},{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(((t,e)=>t.name<e.name?-1:1))],ii=X("phone-field-internal");[].concat(["disabled","size","bordered","invalid","readonly"],["country-input-placeholder","default-code","restrict-countries"],["phone-input-placeholder","maxlength"]),Lr({componentName:ii,baseSelector:"div"});const ai=$e.cssVarList,li=Zn.cssVarList,si=X("phone-field"),{host:di,label:ci,requiredIndicator:pi,inputField:ui,countryCodeInput:hi,phoneInput:mi,separator:bi,errorMessage:gi,helperText:yi}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},inputField:{selector:"::part(input-field)"},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)"}},fi=U(Wt({mappings:{fontSize:[di,ui,{selector:$e.componentName,property:$e.cssVarList.fontSize},{selector:Zn.componentName,property:Zn.cssVarList.fontSize}],fontFamily:[ci,gi,yi,{...hi,property:Zn.cssVarList.overlay.fontFamily}],hostWidth:[{...di,property:"width"},{...mi,property:"width"},{...hi,property:"--vaadin-combo-box-overlay-width"}],hostDirection:{...di,property:"direction"},inputBorderStyle:[{...ui,property:"border-style"},{...bi,property:"border-left-style"}],inputBorderWidth:[{...ui,property:"border-width"},{...bi,property:"border-left-width"}],inputBorderColor:[{...ui,property:"border-color"},{...bi,property:"border-left-color"}],inputBorderRadius:{...ui,property:"border-radius"},countryCodeInputWidth:{...hi,property:li.hostWidth},countryCodeDropdownWidth:{...hi,property:"--vaadin-combo-box-overlay-width"},phoneInputWidth:{...mi,property:"width"},labelTextColor:[{...ci,property:"color"},{...pi,property:"color"}],labelRequiredIndicator:{...pi,property:"content"},errorMessageTextColor:{...gi,property:"color"},inputValueTextColor:[{...mi,property:ai.inputValueTextColor},{...hi,property:li.inputValueTextColor}],inputPlaceholderTextColor:{...mi,property:ai.inputPlaceholderColor},overlayItemBackgroundColor:{selector:"descope-combo-box",property:li.overlayItemBackgroundColor},inputOutlineStyle:{...ui,property:"outline-style"},inputOutlineColor:{...ui,property:"outline-color"},inputOutlineWidth:{...ui,property:"outline-width"},inputOutlineOffset:{...ui,property:"outline-offset"}}}),Bt,Jt({proxyProps:["value","selectionStart"]}),(t=>class extends t{static get CountryCodes(){return ni}init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n\t\t\t\t<${ii}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${ii}>\n      \t\t`,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(ii),et(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","bordered","invalid","minlength","maxlength","default-code","country-input-placeholder","phone-input-placeholder","disabled","restrict-countries"]})}}))(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: 15em;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t\t${Ee(fi.cssVarList)}\n\t\t\t${Oe("vaadin-text-field")}\n\t\t\t${Ve("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(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\t\t\t}\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\t\t\tdescope-combo-box {\n\t\t\t\tflex-shrink: 0;\n\t\t\t\tmin-width: 5.75em;\n\t\t\t\t${li.inputOutlineWidth}: 0;\n\t\t\t\t${li.inputOutlineOffset}: 0;\n\t\t\t\t${li.inputBorderWidth}: 0;\n\t\t\t\t${li.inputBorderRadius}: 0;\n\t\t\t}\n\t\t\tdescope-text-field {\n\t\t\t\tflex-grow: 1;\n\t\t\t\t${ai.inputOutlineWidth}: 0;\n\t\t\t\t${ai.inputOutlineOffset}: 0;\n\t\t\t\t${ai.inputBorderWidth}: 0;\n\t\t\t\t${ai.inputBorderRadius}: 0;\n\t\t\t}\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t\tvaadin-text-field::part(input-field)::after {\n\t\t\t\tborder: none;\n\t\t\t}\n      ${We("vaadin-text-field")}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:si})),vi=fi.cssVarList,xi={[vi.hostWidth]:qe.width,[vi.hostDirection]:qe.direction,[vi.fontSize]:qe.fontSize,[vi.fontFamily]:qe.fontFamily,[vi.labelTextColor]:qe.labelTextColor,[vi.labelRequiredIndicator]:qe.requiredIndicator,[vi.errorMessageTextColor]:qe.errorMessageTextColor,[vi.inputValueTextColor]:qe.valueTextColor,[vi.inputPlaceholderTextColor]:qe.placeholderTextColor,[vi.inputBorderStyle]:qe.borderStyle,[vi.inputBorderWidth]:qe.borderWidth,[vi.inputBorderColor]:qe.borderColor,[vi.inputBorderRadius]:qe.borderRadius,[vi.inputOutlineStyle]:qe.outlineStyle,[vi.inputOutlineWidth]:qe.outlineWidth,[vi.inputOutlineColor]:qe.outlineColor,[vi.inputOutlineOffset]:qe.outlineOffset,[vi.phoneInputWidth]:qe.minWidth,[vi.countryCodeInputWidth]:"5em",[vi.countryCodeDropdownWidth]:"20em"},Ci=X("phone-field-internal-input-box");Lr({componentName:Ci,baseSelector:"div"});const wi=$e.cssVarList,Si=X("phone-input-box-field"),{host:Mi,label:Ti,requiredIndicator:ki,inputField:Ai,phoneInput:Ei,errorMessage:Ii,helperText:Li}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},inputField:{selector:"::part(input-field)"},phoneInput:{selector:()=>"descope-text-field"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},Oi=U(Wt({mappings:{fontSize:[Mi,Ai,{selector:$e.componentName,property:$e.cssVarList.fontSize}],fontFamily:[Ti,Ii,Li],hostWidth:{...Mi,property:"width"},hostMinWidth:{...Mi,property:"min-width"},hostDirection:{...Mi,property:"direction"},inputBorderStyle:{...Ai,property:"border-style"},inputBorderWidth:{...Ai,property:"border-width"},inputBorderColor:{...Ai,property:"border-color"},inputBorderRadius:{...Ai,property:"border-radius"},labelTextColor:[{...Ti,property:"color"},{...ki,property:"color"}],labelRequiredIndicator:{...ki,property:"content"},errorMessageTextColor:{...Ii,property:"color"},inputValueTextColor:{...Ei,property:wi.inputValueTextColor},inputPlaceholderTextColor:{...Ei,property:wi.inputPlaceholderColor},inputOutlineStyle:{...Ai,property:"outline-style"},inputOutlineColor:{...Ai,property:"outline-color"},inputOutlineWidth:{...Ai,property:"outline-width"},inputOutlineOffset:{...Ai,property:"outline-offset"}}}),Bt,Jt({proxyProps:["value","selectionStart"]}),(t=>class extends t{static get CountryCodes(){return ni}init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n\t\t\t\t<${Ci}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${Ci}>\n      `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Ci),et(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","bordered","invalid","minlength","maxlength","default-code","disabled","phone-input-placeholder"]})}}))(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n    :host {\n      display: inline-flex;\n      max-width: 100%;\n      box-sizing: border-box;\n    }\n    ${Ee(Oi.cssVarList)}\n    ${Oe("vaadin-text-field")}\n    ${Ve("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      height: 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      overflow: hidden;\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      height: 100%;\n    }\n    descope-phone-field-internal-input-box > div {\n      width: 100%;\n      height: 100%;\n    }\n    descope-phone-field-internal-input-box .separator {\n      flex: 0;\n      border: none;\n    }\n    descope-text-field {\n      flex-grow: 1;\n      width: 100%;\n      ${wi.inputOutlineWidth}: 0;\n      ${wi.inputOutlineOffset}: 0;\n      ${wi.inputBorderWidth}: 0;\n      ${wi.inputBorderRadius}: 0;\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    ${We("vaadin-text-field")}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:Si})),zi=Oi.cssVarList,Ni={[zi.hostWidth]:"16em",[zi.hostMinWidth]:qe.minWidth,[zi.hostDirection]:qe.direction,[zi.fontSize]:qe.fontSize,[zi.fontFamily]:qe.fontFamily,[zi.labelTextColor]:qe.labelTextColor,[zi.labelRequiredIndicator]:qe.requiredIndicator,[zi.errorMessageTextColor]:qe.errorMessageTextColor,[zi.inputValueTextColor]:qe.valueTextColor,[zi.inputPlaceholderTextColor]:qe.placeholderTextColor,[zi.inputBorderStyle]:qe.borderStyle,[zi.inputBorderWidth]:qe.borderWidth,[zi.inputBorderColor]:qe.borderColor,[zi.inputBorderRadius]:qe.borderRadius,[zi.inputOutlineStyle]:qe.outlineStyle,[zi.inputOutlineWidth]:qe.outlineWidth,[zi.inputOutlineColor]:qe.outlineColor,[zi.inputOutlineOffset]:qe.outlineOffset,_fullWidth:{[zi.hostWidth]:qe.width}},Vi=X("new-password-internal"),Di=(t,e)=>t.replace(/{{(\w+)+}}/g,((t,r)=>e?.[r]||t)),Wi=X("policy-validation"),Bi=["data","active-policies","overrides","data-password-policy-value-minlength"],Fi=["label","value",...Bi];class $i extends(_t({componentName:Wi,baseSelector:":host > div"})){#j;#P=[];#q;static get observedAttributes(){return Fi}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div>\n      <div class="label"></div>\n      <ul></ul>\n    </div>\n    <style>\n      :host > div {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n      }\n      .label {\n        max-width: 100%;\n        text-wrap: wrap;\n        overflow-wrap: break-word;\n      }\n      .hide-label .label {\n        display: none;\n      }\n      ul {\n        display: flex;\n        flex-direction: column;\n        padding: 0;\n        margin: 0;\n      }\n      ul, li {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n      }\n      li::before {\n        display: inline-block;\n        width: 1em;\n        text-align: center;\n      }\n    </style>\n\t\t',this.panel=this.shadowRoot.querySelector(":host > div"),this.label=this.shadowRoot.querySelector(".label"),this.list=this.shadowRoot.querySelector("ul")}attributeChangedCallback(t,e,r){if(super.attributeChangedCallback?.(t,e,r),e!==r){if("label"===t&&this.updateLabel(r),Bi.includes(t)){if("data"===t)try{this.availablePolicies=JSON.parse(r)}catch{console.error("Failed to set available policies")}if("active-policies"===t&&(this.#P=(r||"").split(",")),"data-password-policy-value-minlength"===t){const t=Number(r);!Number.isNaN(t)&&t>0&&(this.#q={...this.#q,minlength:{value:`${t}`}})}}this.renderItems(this.#j,this.#P,this.#q)}}get availablePolicies(){return this.#j||[]}set availablePolicies(t){this.#j=t}get value(){return this.getAttribute("value")||""}validate(){let t=this.#j;return this.#q&&(t=this.#j.map((t=>this.#q[t.id]?{...t,data:this.#q[t.id]}:t))),this.#P.reduce(((e,r)=>{const o=t.find((t=>t.id===r));if(!o)return e;const{pattern:n,message:i,data:a}=o;if(!n||!i)return e;const l={valid:new RegExp(Di(n,a)).test(this.value),message:Di(i,a),id:r};return e.push(l),e}),[])}get isValid(){return!this.validate().some((({valid:t})=>!1===t))}getValidationItemTemplate({valid:t,message:e}){return`\n      <li class="item" data-valid="${this.value?t:"none"}">\n        <span class="message">${e}</span>\n      </li>\n    `}renderItems(t,e){t&&e.length&&(this.list.innerHTML=this.validate().map(this.getValidationItemTemplate.bind(this)).join(""))}updateLabel(t){t?(this.label.innerHTML=t,this.classList.remove("hide-label")):(this.classList.add("hide-label"),this.label.innerHTML="")}}const{host:Ri,item:ji,symbolDefault:Pi,symbolSuccess:qi,symbolError:_i}={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'}},Hi=U(Wt({componentNameOverride:X("input-wrapper")}),Wt({mappings:{hostDirection:{selector:()=>":host",property:"direction"},fontSize:{},fontFamily:{},padding:{},borderWidth:{...Ri,property:"border-width"},borderStyle:{...Ri,property:"border-style"},borderColor:{...Ri,property:"border-color"},borderRadius:{...Ri,property:"border-radius"},backgroundColor:{...Ri,property:"background-color"},textColor:{property:"color"},labelMargin:{...Ri,property:"gap"},itemsSpacing:{...ji,property:"line-height"},itemSymbolSuccessColor:{...qi,property:"color"},itemSymbolErrorColor:{..._i,property:"color"},itemSymbolDefault:{...Pi,property:"content"},itemSymbolSuccess:{...qi,property:"content"},itemSymbolError:{..._i,property:"content"}}}),Bt,Ft)($i),Gi=X("new-password"),Ui=Hi.cssVarList,{host:Zi,label:Qi,internalInputsWrapper:Yi,errorMessage:Ji,helperText:Ki,passwordInput:Xi,policyPreview:ta}={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"}},ea=U(Wt({mappings:{fontSize:[Zi,{},{selector:ar.componentName,property:ar.cssVarList.fontSize}],fontFamily:[Qi,Ji,Ki],errorMessageTextColor:{...Ji,property:"color"},hostWidth:{...Zi,property:"width"},hostMinWidth:{...Zi,property:"min-width"},hostDirection:[{...Zi,property:"direction"},{...Xi,property:ar.cssVarList.hostDirection}],inputsRequiredIndicator:{...Zi,property:"content"},spaceBetweenInputs:{...Yi,property:"gap"},policyPreviewBackgroundColor:{...ta,property:Ui.backgroundColor},policyPreviewPadding:{...ta,property:Ui.padding}}}),Bt,Jt({proxyProps:["value","selectionStart"]}),(t=>class extends t{init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n\t\t\t<${Vi}\n\t\t\t\tname="new-password"\n\t\t\t\ttabindex="-1"\n\t\t\t\tslot="input"\n\t\t\t></${Vi}>\n\t\t\t`,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Vi),et(this,this.inputElement,{includeAttrs:["password-label","password-placeholder","confirm-label","confirm-placeholder","full-width","size","bordered","label","has-confirm","invalid","readonly","draggable","has-validation","policy-label","active-policies","available-policies","data-password-policy-value-minlength"]})}}))(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-block;\n\t\t\tmax-width: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t}\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n\t\t${Ee(ar.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\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\t\tdescope-password {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t}\n\t\tdescope-new-password-internal vaadin-password-field::before {\n\t\t\theight: initial;\n\t\t}\n    descope-policy-validation {\n      margin-top: 8px;\n      display: flex;\n    }\n    descope-policy-validation.hidden {\n      display: none;\n    }\n\t\t`,excludeAttrsSync:["tabindex"],componentName:Gi})),ra=st(Nt),oa=ea.cssVarList,na={[oa.hostWidth]:qe.width,[oa.hostMinWidth]:qe.minWidth,[oa.hostDirection]:qe.direction,[oa.fontSize]:qe.fontSize,[oa.fontFamily]:qe.fontFamily,[oa.spaceBetweenInputs]:"1em",[oa.errorMessageTextColor]:qe.errorMessageTextColor,[oa.policyPreviewBackgroundColor]:"none",[oa.policyPreviewPadding]:ra.spacing.lg,_required:{[oa.inputsRequiredIndicator]:qe.requiredIndicator}},ia=X("upload-file"),aa=["title","description","button-label","accept","readonly","button-mode","button-variant","required","size","icon"],la=Lr({componentName:ia,baseSelector:":host > div"}),sa=ae.cssVarList,{host:da,wrapper:ca,icon:pa,title:ua,description:ha,requiredIndicator:ma}={host:{selector:()=>":host"},wrapper:{selector:()=>":host > div"},icon:{selector:()=>"::slotted(*)"},title:{selector:()=>".title"},description:{selector:()=>".description"},requiredIndicator:{selector:()=>".title::after"}},ba=U(Wt({componentNameOverride:X("input-wrapper")}),Wt({mappings:{fontSize:{},fontFamily:{},borderColor:{},borderWidth:{},borderStyle:{},borderRadius:{},hostHeight:{...da,property:"height"},hostWidth:{...da,property:"width"},hostPadding:{property:"padding"},hostDirection:[{...da,property:"direction"},{selector:()=>ae.componentName,property:sa.hostDirection}],gap:{...ca},lineHeight:{...ca,property:"line-height"},titleFontSize:{...ua,property:"font-size"},titleFontWeight:{...ua,property:"font-weight"},descriptionFontSize:{...ha,property:"font-size"},labelTextColor:[{...ua,property:"color"},{...ha,property:"color"}],iconSize:{...pa,property:"width"},requiredIndicator:{...ma,property:"content"}}}),Bt,Ft)(class extends la{static get observedAttributes(){return aa.concat(la.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t\t<style>\n\t\t\t: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\t\t\t</style>\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" />\n\t\t\t\t\t<descope-button></descope-button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t',this.wrapperEle=this.shadowRoot.querySelector(".wrapper"),this.inputElement=this.shadowRoot.querySelector("input"),this.button.onclick=()=>this.inputElement.click(),this.inputElement.onchange=async t=>{const e=t.target.files;var r;e.length&&(this.value=await(r=e[0],new Promise((t=>{const e=new FileReader;e.onload=e=>t(e.target.result),e.readAsDataURL(r)}))),this.updateDescription((t=>t.name.replace(/^.*\\/,""))(e[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(t,e,r){super.attributeChangedCallback?.(t,e,r),e!==r&&("title"===t?this.updateTitle(r):"description"===t?this.updateDescription(r):"button-label"===t?this.updateButtonLabel(r):"button-mode"===t?this.updateButtonMode(r):"button-variant"===t?this.updateButtonVariant(r):"size"===t?this.updateButtonSize(r):"accept"===t?this.updateInputAccept(r):"readonly"===t&&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(t){this.title.innerHTML=t}updateDescription(t){this.description.innerHTML=t}updateButtonLabel(t){this.button.innerHTML=t}updateButtonSize(t){this.button.setAttribute("size",t)}updateButtonMode(t){this.button.setAttribute("mode",t)}updateButtonVariant(t){this.button.setAttribute("variant",t)}updateInputAccept(t){this.input.setAttribute("accept",t)}updateReadOnly(t){"true"===t?this.input.setAttribute("disabled","true"):this.input.removeAttribute("disabled")}}).cssVarList,ga={[ba.hostDirection]:qe.direction,[ba.labelTextColor]:qe.labelTextColor,[ba.fontFamily]:qe.fontFamily,[ba.iconSize]:"2em",[ba.hostPadding]:"0.75em",[ba.gap]:"0.5em",[ba.fontSize]:"16px",[ba.titleFontWeight]:"500",[ba.lineHeight]:"1em",[ba.borderWidth]:qe.borderWidth,[ba.borderColor]:qe.borderColor,[ba.borderRadius]:qe.borderRadius,[ba.borderStyle]:"dashed",_required:{[ba.requiredIndicator]:qe.requiredIndicator},size:{xs:{[ba.hostHeight]:"196px",[ba.hostWidth]:"200px",[ba.titleFontSize]:"0.875em",[ba.descriptionFontSize]:"0.875em",[ba.lineHeight]:"1.25em"},sm:{[ba.hostHeight]:"216px",[ba.hostWidth]:"230px",[ba.titleFontSize]:"1em",[ba.descriptionFontSize]:"0.875em",[ba.lineHeight]:"1.25em"},md:{[ba.hostHeight]:"256px",[ba.hostWidth]:"312px",[ba.titleFontSize]:"1.125em",[ba.descriptionFontSize]:"1em",[ba.lineHeight]:"1.5em"},lg:{[ba.hostHeight]:"280px",[ba.hostWidth]:"336px",[ba.titleFontSize]:"1.125em",[ba.descriptionFontSize]:"1.125em",[ba.lineHeight]:"1.75em"}},_fullWidth:{[ba.hostWidth]:qe.width}},ya=X("button-selection-group-item");class fa extends(_t({componentName:ya,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(t){this.setAttribute("value",t)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n\t\t<style>\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\t\t</style>\n    <descope-button variant="${this.variant}" size="${this.size}" mode="primary">\n      <slot></slot>\n    </descope-button>\n\t`,et(this,this.baseElement,{includeAttrs:["size","variant"]}),et(this.baseElement,this,{includeAttrs:["focused","active"]})}handleFocus(){this.shadowRoot.querySelector("descope-button")?.focus()}focus(){this.handleFocus()}init(){super.init(),this.addEventListener("focus",(t=>{t.isTrusted&&this.handleFocus()}))}}const va=U(Wt({mappings:{hostDirection:{selector:()=>ae.componentName,property:ae.cssVarList.hostDirection},backgroundColor:{selector:()=>ae.componentName,property:ae.cssVarList.backgroundColor},labelTextColor:{selector:()=>ae.componentName,property:ae.cssVarList.labelTextColor},borderColor:{selector:()=>ae.componentName,property:ae.cssVarList.borderColor},borderWidth:{selector:()=>ae.componentName,property:ae.cssVarList.borderWidth},borderStyle:{selector:()=>ae.componentName,property:ae.cssVarList.borderStyle},borderRadius:{selector:()=>ae.componentName,property:ae.cssVarList.borderRadius},outlineColor:{selector:()=>ae.componentName,property:ae.cssVarList.outlineColor}}}),Bt,Ft)(fa),xa=st(Nt),Ca=va.cssVarList,wa={[Ca.hostDirection]:"inherit",[Ca.backgroundColor]:xa.colors.surface.main,[Ca.labelTextColor]:xa.colors.surface.contrast,[Ca.borderColor]:xa.colors.surface.light,[Ca.borderStyle]:"solid",[Ca.borderRadius]:xa.radius.sm,[Ca.outlineColor]:"transparent",[Ca.borderWidth]:xa.border.xs,_hover:{[Ca.backgroundColor]:xa.colors.surface.highlight},_focused:{[Ca.outlineColor]:xa.colors.surface.light},_selected:{[Ca.borderColor]:xa.colors.surface.contrast,[Ca.backgroundColor]:xa.colors.surface.contrast,[Ca.labelTextColor]:xa.colors.surface.main}},Sa=t=>{class e extends(Lr({componentName:t,baseSelector:"slot"})){constructor(){super(),this.innerHTML='\n      <style>\n      slot {\n        box-sizing: border-box;\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n      }\n    </style>\n    <slot part="wrapper"></slot>\n      '}dispatchChange=$t.bind(this,"change");get items(){return this.querySelector("slot").assignedElements()}get isReadonly(){return"true"===this.getAttribute("readonly")}get size(){return this.getAttribute("size")||"md"}get value(){console.warn("get value","is not implemented")}set value(t){console.warn("set value","is not implemented")}onSizeChange(){this.items.forEach((t=>{t.setAttribute("size",this.size)}))}onReadOnlyChange(){this.querySelector("slot").toggleAttribute("inert",this.isReadonly)}getValidity(){console.warn("getValidity","is not implemented")}onObservedAttributeChange(t){t.forEach((t=>{switch(t){case"size":this.onSizeChange();break;case"readonly":this.onReadOnlyChange()}}))}init(){this.addEventListener("focus",(t=>{t.isTrusted&&this.items[0]?.focus()})),super.init?.(),Q(this,this.onObservedAttributeChange.bind(this),{includeAttrs:["size","readonly"]})}}return e},Ma=X("button-selection-group-internal");class Ta extends(Sa(Ma)){getSelectedNode(){return this.items.find((t=>t.hasAttribute("selected")))}get allowDeselect(){return"true"===this.getAttribute("allow-deselect")}removeSelected(){this.getSelectedNode()?.removeAttribute("selected")}onClick(t){t.target!==t.currentTarget&&(t.target===this.getSelectedNode()&&this.allowDeselect?this.removeSelected():this.setSelected(t.target),this.dispatchChange())}setSelected(t){t!==this.getSelectedNode()&&(this.removeSelected(),t?.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(t){const e=this.items.find((e=>e.value===t));this.setSelected(e)}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{}}init(){super.init(),this.setDefaultValue(),this.querySelector("slot").addEventListener("click",this.onClick.bind(this))}}const ka=t=>class extends t{#B=({value:t,label:e})=>`<descope-button-selection-group-item value="${t}">${e}</descope-button-selection-group-item>`;#F;get renderItem(){return this.#B}set renderItem(t){this.#B=t,this.renderItems()}get size(){return this.inputElement?.size}get data(){if(this.#F)return this.#F;const t=this.getAttribute("data");if(t)try{const e=JSON.parse(t);if(this.isValidDataType(e))return e}catch(t){console.error('could not parse data string from attribute "data" - ',t.message)}return[]}set data(t){this.isValidDataType(t)&&(this.#F=t,this.renderItems())}isValidDataType(t){const e=Array.isArray(t);return e||console.error("data must be an array, received:",t),e}getItemsTemplate(){return this.data?.reduce?.(((t,e)=>t+(this.renderItem?.(e||{})||"")),"")}renderItems(){const t=this.getItemsTemplate();t&&(this.innerHTML=t)}init(){super.init?.(),this.renderItems(),Q(this,this.renderItems.bind(this),{includeAttrs:["data"]}),Y(this,(({addedNodes:t})=>{t.forEach((t=>{t.setAttribute("size",this.size)}))}))}},{host:Aa,label:Ea,requiredIndicator:Ia,internalWrapper:La,errorMessage:Oa}={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)"}},za={hostWidth:{...Aa,property:"width"},hostDirection:{...Aa,property:"direction"},fontFamily:Aa,labelTextColor:[{...Ea,property:"color"},{...Ia,property:"color"}],labelRequiredIndicator:{...Ia,property:"content"},errorMessageTextColor:{...Oa,property:"color"},itemsSpacing:{...La,property:"gap"}},Na=`\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\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      ${We("vaadin-text-field")}\n\t\t\t${Oe("vaadin-text-field")}\n    `,Va=X("button-selection-group"),Da=U(Wt({mappings:{...za}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Ft,ka,(t=>class extends t{init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n      <${Ma}\n      \tname="button-selection-group"\n      \tslot="input"\n        tabindex="-1"\n        part="internal-component"\n      >\n        <slot></slot>\n      </${Ma}>\n      `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Ma),et(this,this.inputElement,{includeAttrs:["size","default-value","allow-deselect"]})}}))(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>Na,excludeAttrsSync:["tabindex"],componentName:Va})),Wa=st(Nt),Ba=t=>({[t.hostDirection]:qe.direction,[t.fontFamily]:qe.fontFamily,[t.labelTextColor]:qe.labelTextColor,[t.labelRequiredIndicator]:qe.requiredIndicator,[t.errorMessageTextColor]:qe.errorMessageTextColor,[t.itemsSpacing]:Wa.spacing.sm,[t.hostWidth]:qe.width}),Fa=Da.cssVarList,$a={...Ba(Fa)},Ra=X("button-multi-selection-group-internal");class ja extends(Sa(Ra)){#_(){return this.items.filter((t=>t.hasAttribute("selected")))}onClick(t){t.target!==t.currentTarget&&(this.#_().includes(t.target)?t.target.removeAttribute("selected"):t.target.setAttribute("selected","true"),this.dispatchChange())}get value(){return this.#_().map((t=>t.value))}set value(t){this.items.forEach((e=>{t.includes(e.value)?e.setAttribute("selected","true"):e.removeAttribute("selected")}))}get minItemsSelection(){return parseInt(this.getAttribute("min-items-selection"),10)||0}get maxItemsSelection(){return parseInt(this.getAttribute("max-items-selection"),10)||0}#H(t){const e=Array.isArray(t);return e||console.error("default-values must be an array, received:",t),e}get defaultValues(){const t=this.getAttribute("default-values");if(t)try{const e=JSON.parse(t);if(this.#H(e))return e}catch(t){console.error('could not parse data string from attribute "default-values" -',t.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 Pa=X("button-multi-selection-group"),qa=U(Wt({mappings:{...za}}),Bt,Jt({proxyProps:["value","selectionStart"]}),Ft,ka,(t=>class extends t{init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n      <${Ra}\n      \tname="button-selection-group"\n      \tslot="input"\n        tabindex="-1"\n        part="internal-component"\n      >\n        <slot></slot>\n      </${Ra}>\n      `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Ra),et(this,this.inputElement,{includeAttrs:["size","default-values","min-items-selection","max-items-selection"]})}}))(Ht({slots:[],wrappedEleName:"vaadin-text-field",style:()=>Na,excludeAttrsSync:["tabindex"],componentName:Pa})).cssVarList,_a={...Ba(qa)},Ha=X("modal"),Ga=U(Wt({mappings:{overlayBackgroundColor:{property:()=>Ga.cssVarList.overlay.backgroundColor},overlayShadow:{property:()=>Ga.cssVarList.overlay.shadow},overlayWidth:{property:()=>Ga.cssVarList.overlay.width}}}),Xt({name:"overlay",selector:"",mappings:{hostDisplay:{selector:()=>":host(.descope-modal)",property:"display",important:!0},backgroundColor:[{selector:()=>"::part(content)",property:"background-color"},{selector:()=>"::part(overlay)",property:"background-color"}],width:{selector:()=>"::part(overlay)",property:"width"},shadow:{selector:()=>"::part(overlay)",property:"box-shadow"}},forward:{include:!1,attributes:["opened"]}}),Bt,Ft,(t=>class extends t{get opened(){return"true"===this.getAttribute("opened")}handleOpened(){et(this,this.baseElement,{includeAttrs:["opened"]}),this.opened?this.style.display="":this.style.display="none"}init(){super.init?.(),this.style.display="none",setTimeout((()=>{this.baseElement.shadowRoot.querySelector("vaadin-dialog-overlay").appendChild(document.createElement("slot")),this.#R(),this.handleOpened()}))}#R(){const t=this.baseElement.shadowRoot.querySelector("vaadin-dialog-overlay");t._attachOverlay=()=>{t.bringToFront(),this.baseElement.setAttribute("style","display:flex!important;")},t._detachOverlay=()=>{this.baseElement.style.display="none"},t._enterModalState=()=>{},t.close=()=>!1}}))(Ht({slots:[""],wrappedEleName:"vaadin-dialog",style:()=>"",excludeAttrsSync:["tabindex","opened"],componentName:Ha})),Ua=st(Nt),Za=Ga.cssVarList,Qa={[Za.overlayBackgroundColor]:Ua.colors.surface.main,[Za.overlayShadow]:Ua.shadow.wide["2xl"],[Za.overlayWidth]:"540px"},Ya={...Za},Ja=t=>{const e=Array.isArray(t);return e||console.error("data must be an array, received:",t),e},Ka=X("grid"),{host:Xa,headerRow:tl,headerRowCell:el,contentRow:rl,firstRow:ol,sortIndicators:nl,activeSortIndicator:il,selectedRow:al,rowSeparator:ll,resizeHandle:sl}={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-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)"}},dl=U(Wt({componentNameOverride:X("input-wrapper")}),Wt({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostHeight:{selector:()=>":host",property:"height"},hostMinHeight:{selector:()=>":host",property:"min-height"},fontFamily:[{...tl},{...rl}],fontSize:[{...tl},{...rl}],fontWeight:{...rl},valueTextColor:{...rl,property:"color"},backgroundColor:[{...Xa,property:"background-color"},{...rl,property:"background-color"}],sortIndicatorsColor:{...nl,property:"color"},activeSortIndicator:{...il,property:"color"},borderColor:{...Xa,property:"border-color"},borderWidth:{...Xa,property:"border-width"},borderStyle:{...Xa,property:"border-style"},borderRadius:{...Xa,property:"border-radius"},selectedBackgroundColor:{...al,property:"background-color"},headerRowTextColor:{...el,property:"color"},separatorColor:[{...ol,property:"border-bottom-color"},{...ll,property:"border-top-color"}],resizeHandleColor:{...sl,property:"background-color"}}}),Bt,Ft,(t=>class extends t{#G;init(){super.init?.(),this.handleColumns(),this.forwardSelectedItemsChange(),this.baseElement._mapSorters=()=>{}}forwardSelectedItemsChange(){this.baseElement.addEventListener("selected-items-changed",(t=>{this.dispatchEvent(new CustomEvent("selected-items-changed",{bubbles:!0,composed:!0,detail:t.detail}))}))}attributeChangedCallback(t,e,r){super.attributeChangedCallback?.(t,e,r),"columns"===t&&this.setColumnsDataFromAttr()}handleColumns(){this.columnsAttr?this.setColumnsDataFromAttr():this.children.length&&this.setColumnsFromChildren()}setColumnsFromChildren(){this.#G=Array.from(this.children).map((t=>({path:t.getAttribute("path"),header:t.getAttribute("header"),type:t.localName.match("^descope-grid-(\\w+)-column$")?.[1]||"text",attrs:["frozen","resizable","auto-width","status"].reduce(((e,r)=>{const o=t.getAttribute(r);return o&&(e[r]=o),e}),{})})))}get columnsAttr(){return this.getAttribute("columns")}setColumnsDataFromAttr(){try{const t=JSON.parse(this.columnsAttr);Ja(t)&&(this.columns=t)}catch(t){console.error('could not parse data string from attribute "columns" -',t.message)}}#U=({path:t,header:e,type:r,attrs:o})=>{const n=`descope-grid-${r}-column`;return`<${n} header="${e}" path="${t}" ${Object.entries(o).map((([t,e])=>`${t}="${e}"`)).join(" ")}></${n}>`};get renderColumn(){return this.#U}set renderColumn(t){this.#U=t,this.renderColumns()}getColumnsTemplate(){return this.#G?.reduce?.(((t,e)=>t+(this.renderColumn?.(e||{})||"")),"")}renderColumns(){const t=this.getColumnsTemplate();t&&(this.innerHTML=t)}get grid(){return this.shadowRoot.querySelector("vaadin-grid")}get data(){return this.grid.items}set data(t){if(Ja(t)&&this.grid.items!==t&&(this.grid.items=t,this.grid.selectedItems)){const t=new Set(this.grid.items.map((t=>t[this.uniqueColumnId]??t))),e=this.grid.selectedItems.filter((e=>t.has(e[this.uniqueColumnId]??e)));this.grid.selectedItems.length!==e.length&&(this.grid.selectedItems=e)}}get columns(){return this.#G}set columns(t){this.#G=t,this.renderColumns()}get paths(){return this.columns.map((t=>t.path))}get uniqueColumnId(){return this.getAttribute("unique-column-id")}}))(Ht({delegatesFocus:!1,slots:[""],wrappedEleName:"vaadin-grid",style:()=>"\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      }\n\t\t",excludeAttrsSync:["columns","tabindex"],componentName:Ka})),cl=st(Nt),pl=dl.cssVarList,ul={[pl.hostWidth]:"100%",[pl.hostHeight]:"100%",[pl.hostMinHeight]:"400px",[pl.fontWeight]:"400",[pl.backgroundColor]:cl.colors.surface.main,[pl.fontSize]:qe.fontSize,[pl.fontFamily]:qe.fontFamily,[pl.sortIndicatorsColor]:cl.colors.surface.light,[pl.activeSortIndicator]:cl.colors.surface.dark,[pl.resizeHandleColor]:cl.colors.surface.light,[pl.borderWidth]:qe.borderWidth,[pl.borderStyle]:qe.borderStyle,[pl.borderRadius]:qe.borderRadius,[pl.borderColor]:"transparent",[pl.headerRowTextColor]:cl.colors.surface.dark,[pl.separatorColor]:cl.colors.surface.light,[pl.valueTextColor]:cl.colors.surface.contrast,[pl.selectedBackgroundColor]:cl.colors.surface.highlight,_bordered:{[pl.borderColor]:qe.borderColor}},hl=ul,ml=X("notification-card"),bl={content:()=>"vaadin-notification-card::part(content)",overlay:()=>"vaadin-notification-card::part(overlay)"},gl=U(Wt({mappings:{hostMinWidth:{selector:bl.content,property:"min-width"},fontFamily:{},fontSize:{},backgroundColor:{selector:bl.content},textColor:{property:"color"},boxShadow:{},borderWidth:{selector:bl.content,property:"border-width"},borderColor:{selector:bl.content,property:"border-color"},borderStyle:{selector:bl.content,property:"border-style"},borderRadius:[{selector:bl.content,property:"border-radius"},{selector:bl.overlay,property:"border-radius"}],verticalPadding:[{selector:bl.content,property:"padding-top"},{selector:bl.content,property:"padding-bottom"}],horizontalPadding:[{selector:bl.content,property:"padding-right"},{selector:bl.content,property:"padding-left"}]}}),(t=>class extends t{close(){this.baseElement.addEventListener("animationend",(()=>{this.remove(),this.dispatchEvent(new Event("card-closed"))})),this.setAttribute("opened","false")}constructor(){super(),this.baseElement.innerHTML='\n      <div part="root">\n        <div part="content">\n          <slot></slot>\n        </div>\n        <div part="close">\n          <slot name="close"></slot>\n        </div>\n      </div>\n      ',this.closeEle=this.shadowRoot.querySelector('[part="close"]')}init(){super.init?.(),this.closeEle.onclick=()=>{this.close()}}}))(Ht({slots:[],wrappedEleName:"vaadin-notification-card",style:()=>'\n    vaadin-notification-card {\n      box-shadow: none;\n    }\n    ::part(overlay) {\n      box-shadow: none;\n      background: none;\n    }\n\n    [part="close"] {\n      cursor: pointer;\n      display: flex;\n    }\n\n    [part="content"] {\n      display: flex;\n      align-items: center;\n      flex-grow: 1;\n    }\n\n    [part="root"] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n    }\n    ',excludeAttrsSync:["tabindex"],componentName:ml})),yl=st(Nt),fl=gl.cssVarList,vl="#00000020",xl={[fl.hostMinWidth]:"415px",[fl.fontFamily]:yl.fonts.font1.family,[fl.fontSize]:yl.typography.body1.size,[fl.backgroundColor]:yl.colors.surface.main,[fl.textColor]:yl.colors.surface.contrast,[fl.boxShadow]:`${yl.shadow.wide.xl} ${vl}, ${yl.shadow.narrow.xl} ${vl}`,[fl.verticalPadding]:"0.625em",[fl.horizontalPadding]:"1.5em",[fl.borderRadius]:yl.radius.xs,_bordered:{[fl.borderWidth]:yl.border.sm,[fl.borderStyle]:"solid",[fl.borderColor]:"transparent"},size:{xs:{[fl.fontSize]:"12px"},sm:{[fl.fontSize]:"14px"},md:{[fl.fontSize]:"16px"},lg:{[fl.fontSize]:"18px"}},mode:{primary:{[fl.backgroundColor]:yl.colors.primary.main,[fl.textColor]:yl.colors.primary.contrast,[fl.borderColor]:yl.colors.primary.light},success:{[fl.backgroundColor]:yl.colors.success.main,[fl.textColor]:yl.colors.success.contrast,[fl.borderColor]:yl.colors.success.light},error:{[fl.backgroundColor]:yl.colors.error.main,[fl.textColor]:yl.colors.error.contrast,[fl.borderColor]:yl.colors.error.light}}},Cl=X("multi-select-combo-box"),{host:wl,inputField:Sl,inputElement:Ml,placeholder:Tl,toggle:kl,clearButton:Al,label:El,requiredIndicator:Il,helperText:Ll,errorMessage:Ol,chip:zl,chipLabel:Nl,overflowChipFirstBorder:Vl,overflowChipSecondBorder:Dl}={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"}},Wl=U(Wt({mappings:{hostWidth:{...wl,property:"width"},hostDirection:{...wl,property:"direction"},fontSize:[{},wl],chipFontSize:{...Nl,property:"font-size"},fontFamily:[El,Tl,Sl,Ll,Ol,Nl],labelTextColor:[{...El,property:"color"},{...Il,property:"color"}],errorMessageTextColor:{...Ol,property:"color"},inputHeight:{...Sl,property:"min-height"},inputBackgroundColor:{...Sl,property:"background-color"},inputBorderColor:{...Sl,property:"border-color"},inputBorderWidth:{...Sl,property:"border-width"},inputBorderStyle:{...Sl,property:"border-style"},inputBorderRadius:{...Sl,property:"border-radius"},labelRequiredIndicator:{...Il,property:"content"},inputValueTextColor:{...Sl,property:"color"},inputPlaceholderTextColor:{...Tl,property:"color"},inputDropdownButtonCursor:[{...kl,property:"cursor"},{...Al,property:"cursor"}],inputDropdownButtonColor:[{...kl,property:"color"},{...Al,property:"color"}],inputDropdownButtonSize:[{...kl,property:"font-size"},{...Al,property:"font-size"}],inputDropdownButtonOffset:[{...kl,property:"margin-right"},{...kl,property:"margin-left"}],inputOutlineColor:{...Sl,property:"outline-color"},inputOutlineWidth:{...Sl,property:"outline-width"},inputOutlineStyle:{...Sl,property:"outline-style"},inputOutlineOffset:{...Sl,property:"outline-offset"},inputHorizontalPadding:[{...Ml,property:"padding-left"},{...Ml,property:"padding-right"},{...Sl,property:"padding-inline-start"}],inputVerticalPadding:[{...Sl,property:"padding-top"},{...Sl,property:"padding-bottom"}],chipTextColor:{...Nl,property:"color"},chipBackgroundColor:[{...zl,property:"background-color"},{...Vl,property:"border-color"},{...Dl,property:"border-color"}],overlayBackground:{property:()=>Wl.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>Wl.cssVarList.overlay.textColor},overlayBorder:{property:()=>Wl.cssVarList.overlay.border},overlayFontSize:{property:()=>Wl.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>Wl.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>Wl.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>Wl.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>Wl.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>Wl.cssVarList.overlay.itemPaddingInlineEnd}}}),Bt,Xt({name:"overlay",selector:"vaadin-multi-select-combo-box-internal",mappings:{backgroundColor:{selector:"vaadin-multi-select-combo-box-scroller"},minHeight:{selector:"vaadin-multi-select-combo-box-overlay"},margin:{selector:"vaadin-multi-select-combo-box-overlay"},cursor:{selector:"vaadin-multi-select-combo-box-item"},fontFamily:{selector:"vaadin-multi-select-combo-box-item"},textColor:{selector:"vaadin-multi-select-combo-box-item",property:"color"},fontSize:{selector:"vaadin-multi-select-combo-box-item"},itemBoxShadow:{selector:"vaadin-multi-select-combo-box-item",property:"box-shadow"},itemPaddingInlineStart:{selector:"vaadin-multi-select-combo-box-item",property:"padding-inline-start"},itemPaddingInlineEnd:{selector:"vaadin-multi-select-combo-box-item",property:"padding-inline-end"}},forward:{include:!1,attributes:["size"]}}),Jt({proxyProps:["selectionStart"],inputEvent:"selected-items-changed"}),te,Ft,(t=>class extends t{static get observedAttributes(){return["readonly"]}#B=({displayName:t,value:e,label:r})=>`<span data-name="${r}" data-id="${e}">${t||r}</span>`;#F;#Z=[];get defaultValues(){const t=this.getAttribute("default-values");if(t)try{const e=JSON.parse(t);if(this.isValidDataType(e))return e}catch(t){console.error('could not parse data string from attribute "default-values" -',t.message)}return[]}get renderItem(){return this.#B}set renderItem(t){this.#B=t,this.renderItems()}get data(){if(this.#F)return this.#F;const t=this.getAttribute("data");if(t)try{const e=JSON.parse(t);if(this.isValidDataType(e))return e}catch(t){console.error('could not parse data string from attribute "data" -',t.message)}return[]}set data(t){this.isValidDataType(t)&&(this.#F=t,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(t){const e=Array.isArray(t);return e||console.error("data and default-values must be an array, received:",t),e}getItemsTemplate(){return this.data?.reduce?.(((t,e)=>t+(this.renderItem?.(e||{})||"")),"")}renderItems(){const t=this.getItemsTemplate();t&&(this.innerHTML=t)}updateSelectedItems(){const t=this.baseElement.selectedItems?.map((t=>t.getAttribute("data-id")))||[];t.length>0&&(this.value=t),0===this.value.length&&this.setDefaultValues()}customValueTransformFn(t){return t}setComboBoxDescriptor(){const t=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value"),e=this;Object.defineProperties(this.inputElement,{value:{...t,set(r){const o=e.customValueTransformFn(r)||"";o!==this.value&&t.set.call(this,o)}}})}#Q(t){return Array.from(new Map(t.map((t=>[t.getAttribute("data-id"),t]))).values())}#$(){const t=Array.from(this.children),e=this.#Q(t);t.length?(this.removeAttribute("has-no-options"),e.forEach((t=>{Object.defineProperty(t,"data-name",{value:t.getAttribute("data-name"),configurable:!0,writable:!0}),Object.defineProperty(t,"data-id",{value:t.getAttribute("data-id"),configurable:!0,writable:!0})})),this.baseElement.items=e,setTimeout((()=>{this.updateSelectedItems()}),0)):(this.baseElement.items=[],this.setAttribute("has-no-options","")),this.baseElement.renderer=(t,e,r)=>{t.innerHTML=r.item.outerHTML}}#R(){const t=this.baseElement.shadowRoot.querySelector("vaadin-multi-select-combo-box-internal").shadowRoot.querySelector("vaadin-multi-select-combo-box-overlay");t._attachOverlay=()=>{t.bringToFront()},t._detachOverlay=()=>{},t._enterModalState=()=>{}}#Y(){this.allowCustomValues&&this.baseElement.addEventListener("custom-value-set",(t=>{const e=this.#B({label:t.detail,displayName:t.detail,value:t.detail});this.innerHTML+=e,this.baseElement._lastFilter="",setTimeout((()=>{this.value=[...this.value,t.detail]}),0)}))}setGetValidity(){this.getValidity=function(){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 t=this;this.baseElement.checkValidity=()=>t.validity.valid}init(){super.init?.(),this.setGetValidity(),this.setComboBoxDescriptor(),this.#R(),this.#Y(),this.renderItems(),Q(this,this.renderItems.bind(this),{includeAttrs:["data"]}),Y(this,this.#$.bind(this)),et(this,this.baseElement,{includeAttrs:["placeholder"]}),this.setDefaultValues(),this.baseElement.addEventListener("selected-items-changed",(()=>{this.#J(),this.dispatchEvent(new CustomEvent("input",{bubbles:!0}))}))}setDefaultValues(){this.defaultValues.length>0&&(this.value=this.defaultValues)}#J(){this.#Z=this.baseElement.selectedItems?.map((t=>t.getAttribute("data-id")))||[]}set value(t){if(t&&t.length>0){const e=this.baseElement.items?.filter((e=>t.includes(e["data-id"])));if(this.allowCustomValues){const r=e?.map((t=>t.getAttribute("data-id")))||[],o=t.filter((t=>!r.includes(t)));if(o.length){const e=o.reduce(((t,e)=>t+this.#B({label:e,displayName:e,value:e})),"");return this.innerHTML+=e,void setTimeout((()=>{this.value=t}),0)}}const r=e?.map((t=>t.getAttribute("data-id")))||[];((t,e)=>{if(!Array.isArray(t)||!Array.isArray(e))return!1;if(t.length!==e.length)return!1;const r=t.slice().sort(),o=e.slice().sort();for(let t=0;t<r.length;t++)if(r[t]!==o[t])return!1;return!0})(this.#Z,r)||(this.baseElement.selectedItems=e)}else this.baseElement.selectedItems=[]}get value(){return this.#Z}attributeChangedCallback(t,e,r){super.attributeChangedCallback?.(t,e,r),"readonly"===t&&this.onReadOnlyChange(null!==r&&"true"===r)}onReadOnlyChange(t){t?this.baseElement?.shadowRoot?.querySelector("vaadin-multi-select-combo-box-internal")?.setAttribute("inert",t):this.baseElement?.shadowRoot?.querySelector("vaadin-multi-select-combo-box-internal")?.removeAttribute("inert")}}))(Ht({slots:["","prefix"],wrappedEleName:"vaadin-multi-select-combo-box",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\tbox-sizing: border-box;\n\t\t\t-webkit-mask-image: none;\n\t\t}\n\t\t${Ee(Wl.cssVarList)}\n\t\t${Ne("vaadin-multi-select-combo-box")}\n\t\t${ze("vaadin-multi-select-combo-box")}\n\t\t${Oe("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    ${We("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\t\t`,excludeAttrsSync:["tabindex","size","data","placeholder"],componentName:Cl,includeForwardProps:["items","renderer","selectedItems"]})),Bl=st(Nt),Fl=Wl.cssVarList,$l={[Fl.hostWidth]:qe.width,[Fl.hostDirection]:qe.direction,[Fl.fontSize]:qe.fontSize,[Fl.fontFamily]:qe.fontFamily,[Fl.labelTextColor]:qe.labelTextColor,[Fl.errorMessageTextColor]:qe.errorMessageTextColor,[Fl.inputBorderColor]:qe.borderColor,[Fl.inputBorderWidth]:qe.borderWidth,[Fl.inputBorderStyle]:qe.borderStyle,[Fl.inputBorderRadius]:qe.borderRadius,[Fl.inputOutlineColor]:qe.outlineColor,[Fl.inputOutlineOffset]:qe.outlineOffset,[Fl.inputOutlineWidth]:qe.outlineWidth,[Fl.inputOutlineStyle]:qe.outlineStyle,[Fl.labelRequiredIndicator]:qe.requiredIndicator,[Fl.inputValueTextColor]:qe.valueTextColor,[Fl.inputPlaceholderTextColor]:qe.placeholderTextColor,[Fl.inputBackgroundColor]:qe.backgroundColor,[Fl.inputHorizontalPadding]:qe.horizontalPadding,[Fl.inputVerticalPadding]:qe.verticalPadding,[Fl.inputHeight]:qe.inputHeight,[Fl.inputDropdownButtonColor]:Bl.colors.surface.dark,[Fl.inputDropdownButtonCursor]:"pointer",[Fl.inputDropdownButtonSize]:qe.toggleButtonSize,[Fl.inputDropdownButtonOffset]:Bl.spacing.xs,[Fl.overlayItemPaddingInlineStart]:Bl.spacing.xs,[Fl.overlayItemPaddingInlineEnd]:Bl.spacing.lg,[Fl.chipFontSize]:qe.chipFontSize,[Fl.chipTextColor]:Bl.colors.surface.contrast,[Fl.chipBackgroundColor]:Bl.colors.surface.light,_readonly:{[Fl.inputDropdownButtonCursor]:"default"},[Fl.overlayFontSize]:qe.fontSize,[Fl.overlayFontFamily]:qe.fontFamily,[Fl.overlayCursor]:"pointer",[Fl.overlayItemBoxShadow]:"none",[Fl.overlayBackground]:qe.backgroundColor,[Fl.overlayTextColor]:qe.valueTextColor,[Fl.overlay.minHeight]:"400px",[Fl.overlay.margin]:"0"},Rl=$l,jl=X("badge");class Pl extends(_t({componentName:jl,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<style>\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\t\t</style>\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t"}}const ql=U(Wt({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:{}}}),Bt,Ft)(Pl),_l=st(Nt),Hl=ql.cssVarList,Gl={[Hl.hostWidth]:"fit-content",[Hl.hostDirection]:_l.direction,[Hl.textAlign]:"center",[Hl.fontFamily]:_l.fonts.font1.family,[Hl.fontWeight]:"400",[Hl.verticalPadding]:"0.25em",[Hl.horizontalPadding]:"0.5em",[Hl.borderWidth]:_l.border.xs,[Hl.borderRadius]:_l.radius.xs,[Hl.borderColor]:"transparent",[Hl.borderStyle]:"solid",_fullWidth:{[Hl.hostWidth]:"100%"},size:{xs:{[Hl.fontSize]:"12px"},sm:{[Hl.fontSize]:"14px"},md:{[Hl.fontSize]:"16px"},lg:{[Hl.fontSize]:"18px"}},mode:{default:{[Hl.textColor]:_l.colors.surface.dark,_bordered:{[Hl.borderColor]:_l.colors.surface.light}},primary:{[Hl.textColor]:_l.colors.primary.main,_bordered:{[Hl.borderColor]:_l.colors.primary.light}},secondary:{[Hl.textColor]:_l.colors.secondary.main,_bordered:{[Hl.borderColor]:_l.colors.secondary.light}},error:{[Hl.textColor]:_l.colors.error.main,_bordered:{[Hl.borderColor]:_l.colors.error.light}},success:{[Hl.textColor]:_l.colors.success.main,_bordered:{[Hl.borderColor]:_l.colors.success.light}}}},Ul=X("avatar");class Zl extends(_t({componentName:Ul,baseSelector:":host > .wrapper"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t\t<style>\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\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        }\n\n        .wrapper {\n          display: inline-flex;\n          position: relative;\n          width: 100%;\n          height: 100%;\n        }\n      </style>\n\n\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',this.avatarComponent=this.shadowRoot.querySelector("vaadin-avatar"),et(this,this.avatarComponent,{includeAttrs:["display-name","img"],mapAttrs:{"display-name":"name"}});const t=this.shadowRoot.querySelector(".editableBadge");Q(this,(()=>{t.style.display=this.isEditable?"":"none"}),{includeAttrs:["editable"]})}get isEditable(){return"true"===this.getAttribute("editable")}}const{host:Ql,editableBadge:Yl,avatar:Jl}={host:{selector:()=>":host"},editableBadge:{selector:"> .editableBadge"},avatar:{selector:"vaadin-avatar"}},Kl=U(Wt({mappings:{hostWidth:{...Ql,property:"width"},hostHeight:{...Ql,property:"height"},cursor:[Jl,Ql],hostDirection:{...Ql,property:"direction"},avatarTextColor:{...Jl,property:"color"},avatarBackgroundColor:{...Jl,property:"background-color"},editableIconColor:{...Yl,property:"color"},editableBorderColor:{...Yl,property:"border-color"},editableBackgroundColor:{...Yl,property:"background-color"}}}),Bt,Ft)(Zl),Xl=st(Nt),ts=Kl.cssVarList,es={[ts.hostDirection]:Xl.direction,[ts.editableIconColor]:Xl.colors.surface.dark,[ts.editableBorderColor]:Xl.colors.surface.dark,[ts.editableBackgroundColor]:Xl.colors.surface.main,[ts.avatarTextColor]:Xl.colors.surface.main,[ts.avatarBackgroundColor]:Xl.colors.surface.dark,_editable:{[ts.cursor]:"pointer"},size:{xs:{[ts.hostWidth]:"30px",[ts.hostHeight]:"30px"},sm:{[ts.hostWidth]:"40px",[ts.hostHeight]:"40px"},md:{[ts.hostWidth]:"60px",[ts.hostHeight]:"60px"},lg:{[ts.hostWidth]:"98px",[ts.hostHeight]:"98px"}}},rs={...ts},os=X("mappings-field-internal");Lr({componentName:os,baseSelector:"div"});const ns=X("mappings-field"),{host:is,helperText:as,errorMessage:ls,mappingItem:ss,labels:ds,labelsText:cs,valueLabel:ps,attrLabel:us,separator:hs,labelsContainer:ms}={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"]'}},bs=U(Wt({mappings:{hostWidth:{...is,property:"width"},hostDirection:{...is,property:"direction"},fontSize:[{},is,{...hs,property:"margin-top"}],fontFamily:[as,ls,ds],separatorFontSize:{...hs,property:"font-size"},labelsFontSize:{...cs,property:"font-size"},labelsLineHeight:[{...cs,property:"line-height"},{...ds,property:"line-height"}],labelTextColor:{...ds,property:Eo.cssVarList.textColor},itemMarginBottom:{...ss,property:"margin-bottom"},valueLabelMinWidth:{...ps,property:"min-width"},attrLabelMinWidth:{...us,property:"min-width"},labelsMarginBottom:{...ms,property:"margin-bottom"},separatorWidth:{},removeButtonWidth:{}}}),Bt,Jt({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),Ft,(t=>class extends t{get defaultValues(){const t=this.getAttribute("default-values");if(t)try{return JSON.parse(t)}catch(t){console.error('could not parse data string from attribute "default-values" -',t.message)}return[]}setDefaultValues(){const t=this.defaultValues;Object.keys(t).length>0&&(this.inputElement.value=t)}init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n      <${os}\n        tabindex="-1"\n      ></${os}>\n      `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(os),et(this,this.inputElement,{includeAttrs:["size","full-width","label-value","label-attr","button-label","separator","options","default-values","invalid","readonly","disabled"]}),K(this,this.inputElement,{includeAttrs:["invalid"]}),this.setDefaultValues()}}))(Ht({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>`\n      :host {\n        display: inline-flex;\n        max-width: 100%;\n        direction: ltr;\n      }\n      vaadin-custom-field {\n        line-height: unset;\n        width: 100%;\n      }\n\n      descope-mappings-field-internal [part="labels"] {\n        display: none;\n        grid-template-columns: 1fr var(${bs.cssVarList.separatorWidth}) 1fr var(${bs.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        ${Eo.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(${bs.cssVarList.separatorWidth}) 1fr var(${bs.cssVarList.removeButtonWidth});\n      }\n    `,excludeAttrsSync:["tabindex","label-value","label-attr","button-label","options","error-message"],componentName:ns})),gs=st(Nt),ys=bs.cssVarList,fs={[ys.hostWidth]:qe.width,[ys.hostDirection]:qe.direction,[ys.fontSize]:qe.fontSize,[ys.fontFamily]:qe.fontFamily,[ys.separatorFontSize]:"14px",[ys.labelsFontSize]:"14px",[ys.labelsLineHeight]:"1",[ys.labelsMarginBottom]:"6px",[ys.labelTextColor]:qe.labelTextColor,[ys.itemMarginBottom]:"1em",[ys.valueLabelMinWidth]:qe.minWidth,[ys.attrLabelMinWidth]:`calc(12em + 2 * ${gs.border.xs})`,[ys.separatorWidth]:"70px",[ys.removeButtonWidth]:"60px"},vs=fs;var xs=r(1747),Cs=r.n(xs),ws=r(8152),Ss=r.n(ws);const Ms=X("user-attribute");class Ts extends(_t({componentName:Ms,baseSelector:":host > .root"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n\t\t\t<style>\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\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        }\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        }\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(${Eo.cssVarList.textColor});\n        }\n      </style>\n\n\n      <div class="root">\n        <div class="text-wrapper">\n          <descope-text st-text-align="auto" data-id="label-text" variant="body1" mode="secondary"></descope-text>\n          <descope-text st-text-align="auto" data-id="value-text" variant="body1" mode="primary"></descope-text>\n        </div>\n\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=${Ss()}></vaadin-icon>\n          </descope-button>\n          <descope-button size="xs" data-id="delete-btn" square="true" variant="link" mode="primary">\n            <vaadin-icon src=${Cs()}></vaadin-icon>\n          </descope-button>\n        </div\n      </div>\n\t\t`,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 t=this.value||this.placeholder,e=this.value?"primary":"secondary";this.valueText.innerText=t,this.valueText.setAttribute("title",t),this.valueText.setAttribute("mode",e)}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(t,e,r){super.attributeChangedCallback?.(t,e,r),e!==r&&("label"===t?this.onLabelChange():"value"===t||"placeholder"===t?this.onValueOrPlaceholderChange():"required"===t?this.onIsRequiredChange():"badge-label"===t?this.onBadgeLabelChange():"badge-tooltip-text"===t&&this.onBadgeTooltipTextChange(),"value"!==t&&"required"!==t||this.handleDeleteButtonVisibility())}}const{host:ks,textFields:As,buttons:Es,badge:Is,labelText:Ls,valueText:Os,textWrapper:zs}={host:{selector:()=>":host"},textFields:{selector:"descope-text"},valueText:{selector:'descope-text[data-id="value-text"]'},labelText:{selector:'descope-text[data-id="label-text"]'},buttons:{selector:"descope-button"},badge:{selector:"descope-badge"},textWrapper:{selector:" .text-wrapper"}},Ns=U(Wt({mappings:{hostWidth:{...ks,property:"width"},hostMinWidth:{...ks,property:"min-width"},hostDirection:[{...ks,property:"direction"},{...As,property:Eo.cssVarList.hostDirection},{...Es,property:ae.cssVarList.hostDirection},{...Is,property:ql.cssVarList.hostDirection}],labelTextWidth:{...Ls,property:"width"},valueTextWidth:{...Os,property:"width"},badgeMaxWidth:{...Is,property:"max-width"},itemsGap:[{property:"gap"},{...zs,property:"gap"}]}}),Bt,Ft)(Ts),Vs=st(Nt),Ds=Ns.cssVarList,Ws={[Ds.hostDirection]:Vs.direction,[Ds.labelTextWidth]:"150px",[Ds.valueTextWidth]:"200px",[Ds.badgeMaxWidth]:"85px",[Ds.itemsGap]:"16px",[Ds.hostMinWidth]:"530px",_fullWidth:{[Ds.hostWidth]:"100%"}};var Bs=r(853),Fs=r.n(Bs);const $s=X("user-auth-method");class Rs extends(_t({componentName:$s,baseSelector:":host > .root"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n\t\t\t<style>\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\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        }\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        }\n\n        .fulfilled-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        }\n\n        slot[name="method-icon"]{\n          display: inline-flex;\n          align-items: center;\n        }\n      </style>\n\n\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 size="sm" variant="link" mode="primary">\n            <slot name="button-icon"></slot>\n          </descope-button>\n          <div class="fulfilled-indicator">\n            <vaadin-icon src=${Fs()}></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`,this.button=this.shadowRoot.querySelector("descope-button"),this.fulfilledIndicator=this.shadowRoot.querySelector(".fulfilled-indicator"),this.labelText=this.shadowRoot.querySelector('descope-text[data-id="label-text"]')}onLabelChange(){this.labelText.innerText=this.label,this.labelText.setAttribute("title",this.label)}onButtonLabelChange(){let t=this.button.querySelector("span");this.buttonLabel?(t||(t=document.createElement("span"),this.button.appendChild(t)),t.innerText=this.buttonLabel):t&&this.button.removeChild(t)}onFulfilledChange(){this.button.classList.toggle("hidden",this.isFulfilled),this.fulfilledIndicator.classList.toggle("hidden",!this.isFulfilled)}get label(){return this.getAttribute("label")||""}get buttonLabel(){return this.getAttribute("button-label")||""}get isFulfilled(){return"true"===this.getAttribute("fulfilled")}init(){this.onLabelChange(),this.onButtonLabelChange(),this.onFulfilledChange(),this.button.addEventListener("click",(()=>this.dispatchEvent(new CustomEvent("button-clicked",{bubbles:!0,composed:!0}))))}static get observedAttributes(){return["label","fulfilled"].concat(super.observedAttributes)}attributeChangedCallback(t,e,r){super.attributeChangedCallback?.(t,e,r),e!==r&&("label"===t?this.onLabelChange():"fulfilled"===t?this.onFulfilledChange():"button-label"===t&&this.onButtonLabelChange())}}const{host:js,textField:Ps,buttons:qs,badge:_s,textWrapper:Hs,methodIconSlot:Gs}={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"]'}},Us=U(Wt({mappings:{hostWidth:{...js,property:"width"},hostMinWidth:{...js,property:"min-width"},hostDirection:[{...js,property:"direction"},{...Ps,property:Eo.cssVarList.hostDirection},{...qs,property:ae.cssVarList.hostDirection},{..._s,property:ql.cssVarList.hostDirection}],labelTextWidth:{...Ps,property:"width"},itemsGap:[{property:"gap"},{...Hs,property:"gap"}],iconSize:[{...Gs,property:"width"},{...Gs,property:"height"}]}}),Bt,Ft)(Rs),Zs=st(Nt),Qs=Us.cssVarList,Ys={[Qs.hostDirection]:Zs.direction,[Qs.labelTextWidth]:"200px",[Qs.itemsGap]:"16px",[Qs.hostMinWidth]:"530px",[Qs.iconSize]:"24px",_fullWidth:{[Qs.hostWidth]:"100%"}},Js=X("saml-group-mappings-internal");Lr({componentName:Js,baseSelector:""});const Ks=X("saml-group-mappings"),{host:Xs,groupInput:td}={host:{selector:()=>":host"},groupInput:{selector:"descope-text-field"}},ed=U(Wt({mappings:{hostWidth:{...Xs,property:"width"},hostDirection:{...Xs,property:"direction"},groupNameInputMarginBottom:{...td,property:"margin-bottom"}}}),Bt,Jt({proxyProps:["value","selectionStart"],inputEvent:"input",triggerValidationEvents:["mapping-item-added","mapping-item-removed"],proxyParentValidation:!0}),Ft,(t=>class extends t{init(){super.init?.();const t=document.createElement("template");t.innerHTML=`\n      <${Js}\n        tabindex="-1"\n      ></${Js}>\n      `,this.baseElement.appendChild(t.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(Js),et(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"]})}}))(Ht({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>"\n      :host {\n        display: inline-flex;\n        max-width: 100%;\n        direction: ltr;\n      }\n\n      vaadin-custom-field {\n        line-height: unset;\n        width: 100%;\n      }\n\n      descope-text-field {\n        width: auto;\n      }\n\n      descope-mappings-field {\n        display: block;\n      }\n    ",excludeAttrsSync:["tabindex","label-group","label-value","label-attr","button-label","separator","options","error-message"],componentName:Ks})).cssVarList,rd={[ed.hostWidth]:qe.width,[ed.hostDirection]:qe.direction,[ed.groupNameInputMarginBottom]:"1em"},od=rd,nd=st(Nt),id=Hi.cssVarList,ad={[id.fontFamily]:qe.fontFamily,[id.fontSize]:qe.labelFontSize,[id.textColor]:qe.labelTextColor,[id.borderWidth]:qe.borderWidth,[id.borderStyle]:qe.borderStyle,[id.borderColor]:qe.borderColor,[id.borderRadius]:nd.radius.sm,[id.backgroundColor]:"none",[id.padding]:"0px",[id.labelMargin]:nd.spacing.sm,[id.itemsSpacing]:nd.spacing.lg,[id.itemSymbolDefault]:"'\\2022'",[id.itemSymbolSuccess]:"'\\2713'",[id.itemSymbolError]:"'\\2A09'",[id.itemSymbolSuccessColor]:nd.colors.success.main,[id.itemSymbolErrorColor]:nd.colors.error.main},ld={button:t,textField:n,password:i,numberField:a,emailField:l,textArea:s,checkbox:d,switchToggle:c,container:p,logo:u,totpImage:h,notpImage:m,text:b,link:g,divider:y,passcode:f,loaderRadial:x,loaderLinear:v,comboBox:C,image:w,phoneField:S,phoneInputBoxField:M,newPassword:T,inputWrapper:e,uploadFile:k,buttonSelectionGroupItem:A,buttonSelectionGroup:E,buttonMultiSelectionGroup:I,modal:L,grid:O,notificationCard:z,multiSelectComboBox:N,badge:V,avatar:D,mappingsField:W,userAttribute:B,userAuthMethod:F,samlGroupMappings:$,policyValidation:R},sd=Object.keys(ld).reduce(((t,e)=>({...t,[e]:ld[e].default})),{}),dd=(Object.keys(ld).reduce(((t,e)=>({...t,[e]:ld[e].vars})),{}),{globals:Nt,components:sd}),cd=P()({},dd,{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"}}}})})(),o})()));