@esri/calcite-components/dist/calcite/p-dda92054.entry.js

Web Components for Esri's Calcite Design System.

import{r as t,c as e,h as i,g as r}from"./p-c5b7f45e.js";import{f as n,g as a,C as s,a as o}from"./p-6b4b7af1.js";import{n as l,C as h,p as c,c as u,i as f,a as d,r as p,h as m,b}from"./p-19ac376f.js";import{g}from"./p-cebd4de5.js";import{d as v,i as w}from"./p-58421494.js";import"./p-a4e6e35b.js";function y(t,e,i){return t(i={path:e,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},i.exports),i.exports}var k={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]},x=y((function(t){var e=Array.prototype.concat,i=Array.prototype.slice,r=t.exports=function(t){for(var r,n=[],a=0,s=t.length;a<s;a++){var o=t[a];(r=o)&&"string"!=typeof r&&(r instanceof Array||Array.isArray(r)||r.length>=0&&(r.splice instanceof Function||Object.getOwnPropertyDescriptor(r,r.length-1)&&"String"!==r.constructor.name))?n=e.call(n,i.call(o)):n.push(o)}return n};r.wrap=function(t){return function(){return t(r(arguments))}}})),M=y((function(t){var e={};for(var i in k)k.hasOwnProperty(i)&&(e[k[i]]=i);var r=t.exports={to:{},get:{}};function n(t,e,i){return Math.min(Math.max(e,t),i)}function a(t){var e=t.toString(16).toUpperCase();return e.length<2?"0"+e:e}r.get=function(t){var e,i;switch(t.substring(0,3).toLowerCase()){case"hsl":e=r.get.hsl(t),i="hsl";break;case"hwb":e=r.get.hwb(t),i="hwb";break;default:e=r.get.rgb(t),i="rgb"}return e?{model:i,value:e}:null},r.get.rgb=function(t){if(!t)return null;var e,i,r,a=[0,0,0,1];if(e=t.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(r=e[2],e=e[1],i=0;i<3;i++){var s=2*i;a[i]=parseInt(e.slice(s,s+2),16)}r&&(a[3]=parseInt(r,16)/255)}else if(e=t.match(/^#([a-f0-9]{3,4})$/i)){for(r=(e=e[1])[3],i=0;i<3;i++)a[i]=parseInt(e[i]+e[i],16);r&&(a[3]=parseInt(r+r,16)/255)}else if(e=t.match(/^rgba?\(\s*([+-]?\d+)\s*,\s*([+-]?\d+)\s*,\s*([+-]?\d+)\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/)){for(i=0;i<3;i++)a[i]=parseInt(e[i+1],0);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(/(\D+)/))?"transparent"===e[1]?[0,0,0,0]:(a=k[e[1]])?(a[3]=1,a):null:null;for(i=0;i<3;i++)a[i]=Math.round(2.55*parseFloat(e[i+1]));e[4]&&(a[3]=parseFloat(e[4]))}for(i=0;i<3;i++)a[i]=n(a[i],0,255);return a[3]=n(a[3],0,1),a},r.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\.]+)\s*)?\)$/);if(e){var i=parseFloat(e[4]);return[(parseFloat(e[1])+360)%360,n(parseFloat(e[2]),0,100),n(parseFloat(e[3]),0,100),n(isNaN(i)?1:i,0,1)]}return null},r.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\.]+)\s*)?\)$/);if(e){var i=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,n(parseFloat(e[2]),0,100),n(parseFloat(e[3]),0,100),n(isNaN(i)?1:i,0,1)]}return null},r.to.hex=function(){var t=x(arguments);return"#"+a(t[0])+a(t[1])+a(t[2])+(t[3]<1?a(Math.round(255*t[3])):"")},r.to.rgb=function(){var t=x(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]+")"},r.to.rgb.percent=function(){var t=x(arguments),e=Math.round(t[0]/255*100),i=Math.round(t[1]/255*100),r=Math.round(t[2]/255*100);return t.length<4||1===t[3]?"rgb("+e+"%, "+i+"%, "+r+"%)":"rgba("+e+"%, "+i+"%, "+r+"%, "+t[3]+")"},r.to.hsl=function(){var t=x(arguments);return t.length<4||1===t[3]?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"},r.to.hwb=function(){var t=x(arguments),e="";return t.length>=4&&1!==t[3]&&(e=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"},r.to.keyword=function(t){return e[t.slice(0,3)]}})),D=y((function(t){var e={};for(var i in k)k.hasOwnProperty(i)&&(e[k[i]]=i);var r=t.exports={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"]}};for(var n in r)if(r.hasOwnProperty(n)){if(!("channels"in r[n]))throw new Error("missing channels property: "+n);if(!("labels"in r[n]))throw new Error("missing channel labels property: "+n);if(r[n].labels.length!==r[n].channels)throw new Error("channel and label counts mismatch: "+n);var a=r[n].channels,s=r[n].labels;delete r[n].channels,delete r[n].labels,Object.defineProperty(r[n],"channels",{value:a}),Object.defineProperty(r[n],"labels",{value:s})}r.rgb.hsl=function(t){var e,i,r=t[0]/255,n=t[1]/255,a=t[2]/255,s=Math.min(r,n,a),o=Math.max(r,n,a),l=o-s;return o===s?e=0:r===o?e=(n-a)/l:n===o?e=2+(a-r)/l:a===o&&(e=4+(r-n)/l),(e=Math.min(60*e,360))<0&&(e+=360),i=(s+o)/2,[e,100*(o===s?0:i<=.5?l/(o+s):l/(2-o-s)),100*i]},r.rgb.hsv=function(t){var e,i,r,n,a,s=t[0]/255,o=t[1]/255,l=t[2]/255,h=Math.max(s,o,l),c=h-Math.min(s,o,l),u=function(t){return(h-t)/6/c+.5};return 0===c?n=a=0:(a=c/h,e=u(s),i=u(o),r=u(l),s===h?n=r-i:o===h?n=1/3+e-r:l===h&&(n=2/3+i-e),n<0?n+=1:n>1&&(n-=1)),[360*n,100*a,100*h]},r.rgb.hwb=function(t){var e=t[0],i=t[1],n=t[2];return[r.rgb.hsl(t)[0],1/255*Math.min(e,Math.min(i,n))*100,100*(n=1-1/255*Math.max(e,Math.max(i,n)))]},r.rgb.cmyk=function(t){var e,i=t[0]/255,r=t[1]/255,n=t[2]/255;return[100*((1-i-(e=Math.min(1-i,1-r,1-n)))/(1-e)||0),100*((1-r-e)/(1-e)||0),100*((1-n-e)/(1-e)||0),100*e]},r.rgb.keyword=function(t){var i=e[t];if(i)return i;var r,n,a,s=1/0;for(var o in k)if(k.hasOwnProperty(o)){var l=(n=t,a=k[o],Math.pow(n[0]-a[0],2)+Math.pow(n[1]-a[1],2)+Math.pow(n[2]-a[2],2));l<s&&(s=l,r=o)}return r},r.keyword.rgb=function(t){return k[t]},r.rgb.xyz=function(t){var e=t[0]/255,i=t[1]/255,r=t[2]/255;return[100*(.4124*(e=e>.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.3576*(i=i>.04045?Math.pow((i+.055)/1.055,2.4):i/12.92)+.1805*(r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)),100*(.2126*e+.7152*i+.0722*r),100*(.0193*e+.1192*i+.9505*r)]},r.rgb.lab=function(t){var e=r.rgb.xyz(t),i=e[0],n=e[1],a=e[2];return n/=100,a/=108.883,i=(i/=95.047)>.008856?Math.pow(i,1/3):7.787*i+16/116,[116*(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116)-16,500*(i-n),200*(n-(a=a>.008856?Math.pow(a,1/3):7.787*a+16/116))]},r.hsl.rgb=function(t){var e,i,r,n,a,s=t[0]/360,o=t[1]/100,l=t[2]/100;if(0===o)return[a=255*l,a,a];e=2*l-(i=l<.5?l*(1+o):l+o-l*o),n=[0,0,0];for(var h=0;h<3;h++)(r=s+1/3*-(h-1))<0&&r++,r>1&&r--,n[h]=255*(a=6*r<1?e+6*(i-e)*r:2*r<1?i:3*r<2?e+(i-e)*(2/3-r)*6:e);return n},r.hsl.hsv=function(t){var e=t[0],i=t[1]/100,r=t[2]/100,n=i,a=Math.max(r,.01);return i*=(r*=2)<=1?r:2-r,n*=a<=1?a:2-a,[e,100*(0===r?2*n/(a+n):2*i/(r+i)),(r+i)/2*100]},r.hsv.rgb=function(t){var e=t[0]/60,i=t[1]/100,r=t[2]/100,n=Math.floor(e)%6,a=e-Math.floor(e),s=255*r*(1-i),o=255*r*(1-i*a),l=255*r*(1-i*(1-a));switch(r*=255,n){case 0:return[r,l,s];case 1:return[o,r,s];case 2:return[s,r,l];case 3:return[s,o,r];case 4:return[l,s,r];case 5:return[r,s,o]}},r.hsv.hsl=function(t){var e,i,r,n=t[0],a=t[1]/100,s=t[2]/100,o=Math.max(s,.01);return r=(2-a)*s,i=a*o,[n,100*(i=(i/=(e=(2-a)*o)<=1?e:2-e)||0),100*(r/=2)]},r.hwb.rgb=function(t){var e,i,r,n,a,s,o,l=t[0]/360,h=t[1]/100,c=t[2]/100,u=h+c;switch(u>1&&(h/=u,c/=u),r=6*l-(e=Math.floor(6*l)),0!=(1&e)&&(r=1-r),n=h+r*((i=1-c)-h),e){default:case 6:case 0:a=i,s=n,o=h;break;case 1:a=n,s=i,o=h;break;case 2:a=h,s=i,o=n;break;case 3:a=h,s=n,o=i;break;case 4:a=n,s=h,o=i;break;case 5:a=i,s=h,o=n}return[255*a,255*s,255*o]},r.cmyk.rgb=function(t){var e=t[1]/100,i=t[2]/100,r=t[3]/100;return[255*(1-Math.min(1,t[0]/100*(1-r)+r)),255*(1-Math.min(1,e*(1-r)+r)),255*(1-Math.min(1,i*(1-r)+r))]},r.xyz.rgb=function(t){var e,i,r,n=t[0]/100,a=t[1]/100,s=t[2]/100;return i=-.9689*n+1.8758*a+.0415*s,r=.0557*n+-.204*a+1.057*s,e=(e=3.2406*n+-1.5372*a+-.4986*s)>.0031308?1.055*Math.pow(e,1/2.4)-.055:12.92*e,i=i>.0031308?1.055*Math.pow(i,1/2.4)-.055:12.92*i,r=r>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,[255*(e=Math.min(Math.max(0,e),1)),255*(i=Math.min(Math.max(0,i),1)),255*(r=Math.min(Math.max(0,r),1))]},r.xyz.lab=function(t){var e=t[0],i=t[1],r=t[2];return i/=100,r/=108.883,e=(e/=95.047)>.008856?Math.pow(e,1/3):7.787*e+16/116,[116*(i=i>.008856?Math.pow(i,1/3):7.787*i+16/116)-16,500*(e-i),200*(i-(r=r>.008856?Math.pow(r,1/3):7.787*r+16/116))]},r.lab.xyz=function(t){var e,i,r;e=t[1]/500+(i=(t[0]+16)/116),r=i-t[2]/200;var n=Math.pow(i,3),a=Math.pow(e,3),s=Math.pow(r,3);return i=n>.008856?n:(i-16/116)/7.787,e=a>.008856?a:(e-16/116)/7.787,r=s>.008856?s:(r-16/116)/7.787,[e*=95.047,i*=100,r*=108.883]},r.lab.lch=function(t){var e,i=t[0],r=t[1],n=t[2];return(e=360*Math.atan2(n,r)/2/Math.PI)<0&&(e+=360),[i,Math.sqrt(r*r+n*n),e]},r.lch.lab=function(t){var e,i=t[1];return e=t[2]/360*2*Math.PI,[t[0],i*Math.cos(e),i*Math.sin(e)]},r.rgb.ansi16=function(t){var e=t[0],i=t[1],n=t[2],a=1 in arguments?arguments[1]:r.rgb.hsv(t)[2];if(0===(a=Math.round(a/50)))return 30;var s=30+(Math.round(n/255)<<2|Math.round(i/255)<<1|Math.round(e/255));return 2===a&&(s+=60),s},r.hsv.ansi16=function(t){return r.rgb.ansi16(r.hsv.rgb(t),t[2])},r.rgb.ansi256=function(t){var e=t[0],i=t[1],r=t[2];return e===i&&i===r?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(i/255*5)+Math.round(r/255*5)},r.ansi16.rgb=function(t){var e=t%10;if(0===e||7===e)return t>50&&(e+=3.5),[e=e/10.5*255,e,e];var i=.5*(1+~~(t>50));return[(1&e)*i*255,(e>>1&1)*i*255,(e>>2&1)*i*255]},r.ansi256.rgb=function(t){if(t>=232){var e=10*(t-232)+8;return[e,e,e]}var i;return t-=16,[Math.floor(t/36)/5*255,Math.floor((i=t%36)/6)/5*255,i%6/5*255]},r.rgb.hex=function(t){var 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},r.hex.rgb=function(t){var e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];var i=e[0];3===e[0].length&&(i=i.split("").map((function(t){return t+t})).join(""));var r=parseInt(i,16);return[r>>16&255,r>>8&255,255&r]},r.rgb.hcg=function(t){var e,i=t[0]/255,r=t[1]/255,n=t[2]/255,a=Math.max(Math.max(i,r),n),s=Math.min(Math.min(i,r),n),o=a-s;return e=o<=0?0:a===i?(r-n)/o%6:a===r?2+(n-i)/o:4+(i-r)/o+4,e/=6,[360*(e%=1),100*o,100*(o<1?s/(1-o):0)]},r.hsl.hcg=function(t){var e,i=t[1]/100,r=t[2]/100,n=0;return(e=r<.5?2*i*r:2*i*(1-r))<1&&(n=(r-.5*e)/(1-e)),[t[0],100*e,100*n]},r.hsv.hcg=function(t){var e=t[2]/100,i=t[1]/100*e,r=0;return i<1&&(r=(e-i)/(1-i)),[t[0],100*i,100*r]},r.hcg.rgb=function(t){var e=t[1]/100,i=t[2]/100;if(0===e)return[255*i,255*i,255*i];var r,n=[0,0,0],a=t[0]/360%1*6,s=a%1,o=1-s;switch(Math.floor(a)){case 0:n[0]=1,n[1]=s,n[2]=0;break;case 1:n[0]=o,n[1]=1,n[2]=0;break;case 2:n[0]=0,n[1]=1,n[2]=s;break;case 3:n[0]=0,n[1]=o,n[2]=1;break;case 4:n[0]=s,n[1]=0,n[2]=1;break;default:n[0]=1,n[1]=0,n[2]=o}return[255*(e*n[0]+(r=(1-e)*i)),255*(e*n[1]+r),255*(e*n[2]+r)]},r.hcg.hsv=function(t){var e=t[1]/100,i=e+t[2]/100*(1-e),r=0;return i>0&&(r=e/i),[t[0],100*r,100*i]},r.hcg.hsl=function(t){var e=t[1]/100,i=t[2]/100*(1-e)+.5*e,r=0;return i>0&&i<.5?r=e/(2*i):i>=.5&&i<1&&(r=e/(2*(1-i))),[t[0],100*r,100*i]},r.hcg.hwb=function(t){var e=t[1]/100,i=e+t[2]/100*(1-e);return[t[0],100*(i-e),100*(1-i)]},r.hwb.hcg=function(t){var e=1-t[2]/100,i=e-t[1]/100,r=0;return i<1&&(r=(e-i)/(1-i)),[t[0],100*i,100*r]},r.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]},r.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]},r.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]},r.gray.hsl=r.gray.hsv=function(t){return[0,0,t[0]]},r.gray.hwb=function(t){return[0,100,t[0]]},r.gray.cmyk=function(t){return[0,0,0,t[0]]},r.gray.lab=function(t){return[t[0],0,0]},r.gray.hex=function(t){var e=255&Math.round(t[0]/100*255),i=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(i.length)+i},r.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]}}));function C(t,e){return function(i){return e(t(i))}}function A(t,e){for(var i=[e[t].parent,t],r=D[e[t].parent][t],n=e[t].parent;e[n].parent;)i.unshift(e[n].parent),r=C(D[e[n].parent][n],r),n=e[n].parent;return r.conversion=i,r}var F={};Object.keys(D).forEach((function(t){F[t]={},Object.defineProperty(F[t],"channels",{value:D[t].channels}),Object.defineProperty(F[t],"labels",{value:D[t].labels});var e=function(t){for(var e=function(t){var e=function(){for(var t={},e=Object.keys(D),i=e.length,r=0;r<i;r++)t[e[r]]={distance:-1,parent:null};return t}(),i=[t];for(e[t].distance=0;i.length;)for(var r=i.pop(),n=Object.keys(D[r]),a=n.length,s=0;s<a;s++){var o=n[s],l=e[o];-1===l.distance&&(l.distance=e[r].distance+1,l.parent=r,i.unshift(o))}return e}(t),i={},r=Object.keys(e),n=r.length,a=0;a<n;a++){var s=r[a];null!==e[s].parent&&(i[s]=A(s,e))}return i}(t);Object.keys(e).forEach((function(i){var r=e[i];F[t][i]=function(t){var e=function(e){if(null==e)return e;arguments.length>1&&(e=Array.prototype.slice.call(arguments));var i=t(e);if("object"==typeof i)for(var r=i.length,n=0;n<r;n++)i[n]=Math.round(i[n]);return i};return"conversion"in t&&(e.conversion=t.conversion),e}(r),F[t][i].raw=function(t){var e=function(e){return null==e?e:(arguments.length>1&&(e=Array.prototype.slice.call(arguments)),t(e))};return"conversion"in t&&(e.conversion=t.conversion),e}(r)}))}));var S=F,j=[].slice,O=["keyword","gray","hex"],$={};Object.keys(S).forEach((function(t){$[j.call(S[t].labels).sort().join("")]=t}));var N={};function I(t,e){if(!(this instanceof I))return new I(t,e);if(e&&e in O&&(e=null),e&&!(e in S))throw new Error("Unknown model: "+e);var i,r;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof I)this.model=t.model,this.color=t.color.slice(),this.valpha=t.valpha;else if("string"==typeof t){var n=M.get(t);if(null===n)throw new Error("Unable to parse color from string: "+t);this.model=n.model,this.color=n.value.slice(0,r=S[this.model].channels),this.valpha="number"==typeof n.value[r]?n.value[r]:1}else if(t.length){this.model=e||"rgb";var a=j.call(t,0,r=S[this.model].channels);this.color=q(a,r),this.valpha="number"==typeof t[r]?t[r]:1}else if("number"==typeof t)t&=16777215,this.model="rgb",this.color=[t>>16&255,t>>8&255,255&t],this.valpha=1;else{this.valpha=1;var s=Object.keys(t);"alpha"in t&&(s.splice(s.indexOf("alpha"),1),this.valpha="number"==typeof t.alpha?t.alpha:0);var o=s.sort().join("");if(!(o in $))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=$[o];var l=S[this.model].labels,h=[];for(i=0;i<l.length;i++)h.push(t[l[i]]);this.color=q(h)}if(N[this.model])for(r=S[this.model].channels,i=0;i<r;i++){var c=N[this.model][i];c&&(this.color[i]=c(this.color[i]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}function z(t,e,i){return(t=Array.isArray(t)?t:[t]).forEach((function(t){(N[t]||(N[t]=[]))[e]=i})),t=t[0],function(r){var n;return arguments.length?(i&&(r=i(r)),(n=this[t]()).color[e]=r,n):(n=this[t]().color[e],i&&(n=i(n)),n)}}function H(t){return function(e){return Math.max(0,Math.min(t,e))}}function E(t){return Array.isArray(t)?t:[t]}function q(t,e){for(var i=0;i<e;i++)"number"!=typeof t[i]&&(t[i]=0);return t}I.prototype={toString:function(){return this.string()},toJSON:function(){return this[this.model]()},string:function(t){var e=this.model in M.to?this:this.rgb(),i=1===(e=e.round("number"==typeof t?t:1)).valpha?e.color:e.color.concat(this.valpha);return M.to[e.model](i)},percentString:function(t){var e=this.rgb().round("number"==typeof t?t:1),i=1===e.valpha?e.color:e.color.concat(this.valpha);return M.to.rgb.percent(i)},array:function(){return 1===this.valpha?this.color.slice():this.color.concat(this.valpha)},object:function(){for(var t={},e=S[this.model].channels,i=S[this.model].labels,r=0;r<e;r++)t[i[r]]=this.color[r];return 1!==this.valpha&&(t.alpha=this.valpha),t},unitArray:function(){var t=this.rgb().color;return t[0]/=255,t[1]/=255,t[2]/=255,1!==this.valpha&&t.push(this.valpha),t},unitObject:function(){var t=this.rgb().object();return t.r/=255,t.g/=255,t.b/=255,1!==this.valpha&&(t.alpha=this.valpha),t},round:function(t){return t=Math.max(t||0,0),new I(this.color.map(function(t){return function(e){return function(t,e){return Number(t.toFixed(e))}(e,t)}}(t)).concat(this.valpha),this.model)},alpha:function(t){return arguments.length?new I(this.color.concat(Math.max(0,Math.min(1,t))),this.model):this.valpha},red:z("rgb",0,H(255)),green:z("rgb",1,H(255)),blue:z("rgb",2,H(255)),hue:z(["hsl","hsv","hsl","hwb","hcg"],0,(function(t){return(t%360+360)%360})),saturationl:z("hsl",1,H(100)),lightness:z("hsl",2,H(100)),saturationv:z("hsv",1,H(100)),value:z("hsv",2,H(100)),chroma:z("hcg",1,H(100)),gray:z("hcg",2,H(100)),white:z("hwb",1,H(100)),wblack:z("hwb",2,H(100)),cyan:z("cmyk",0,H(100)),magenta:z("cmyk",1,H(100)),yellow:z("cmyk",2,H(100)),black:z("cmyk",3,H(100)),x:z("xyz",0,H(100)),y:z("xyz",1,H(100)),z:z("xyz",2,H(100)),l:z("lab",0,H(100)),a:z("lab",1),b:z("lab",2),keyword:function(t){return arguments.length?new I(t):S[this.model].keyword(this.color)},hex:function(t){return arguments.length?new I(t):M.to.hex(this.rgb().round().color)},rgbNumber:function(){var t=this.rgb().color;return(255&t[0])<<16|(255&t[1])<<8|255&t[2]},luminosity:function(){for(var t=this.rgb().color,e=[],i=0;i<t.length;i++){var r=t[i]/255;e[i]=r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4)}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast:function(t){var e=this.luminosity(),i=t.luminosity();return e>i?(e+.05)/(i+.05):(i+.05)/(e+.05)},level:function(t){var e=this.contrast(t);return e>=7.1?"AAA":e>=4.5?"AA":""},isDark:function(){var t=this.rgb().color;return(299*t[0]+587*t[1]+114*t[2])/1e3<128},isLight:function(){return!this.isDark()},negate:function(){for(var t=this.rgb(),e=0;e<3;e++)t.color[e]=255-t.color[e];return t},lighten:function(t){var e=this.hsl();return e.color[2]+=e.color[2]*t,e},darken:function(t){var e=this.hsl();return e.color[2]-=e.color[2]*t,e},saturate:function(t){var e=this.hsl();return e.color[1]+=e.color[1]*t,e},desaturate:function(t){var e=this.hsl();return e.color[1]-=e.color[1]*t,e},whiten:function(t){var e=this.hwb();return e.color[1]+=e.color[1]*t,e},blacken:function(t){var e=this.hwb();return e.color[2]+=e.color[2]*t,e},grayscale:function(){var t=this.rgb().color,e=.3*t[0]+.59*t[1]+.11*t[2];return I.rgb(e,e,e)},fade:function(t){return this.alpha(this.valpha-this.valpha*t)},opaquer:function(t){return this.alpha(this.valpha+this.valpha*t)},rotate:function(t){var e=this.hsl(),i=e.color[0];return e.color[0]=i=(i=(i+t)%360)<0?360+i:i,e},mix:function(t,e){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);var i=t.rgb(),r=this.rgb(),n=void 0===e?.5:e,a=2*n-1,s=i.alpha()-r.alpha(),o=((a*s==-1?a:(a+s)/(1+a*s))+1)/2,l=1-o;return I.rgb(o*i.red()+l*r.red(),o*i.green()+l*r.green(),o*i.blue()+l*r.blue(),i.alpha()*n+r.alpha()*(1-n))}},Object.keys(S).forEach((function(t){if(-1===O.indexOf(t)){var e=S[t].channels;I.prototype[t]=function(){if(this.model===t)return new I(this);if(arguments.length)return new I(arguments,t);var i="number"==typeof arguments[e]?e:this.valpha;return new I(E(S[this.model][t].raw(this.color)).concat(i),t)},I[t]=function(i){return"number"==typeof i&&(i=q(j.call(arguments),e)),new I(i,t)}}}));var U=I;const K=U("#007AC2"),R={r:255,g:255,b:255},V={h:360,s:100,v:100},_={s:{slider:{height:10,width:156},colorField:{height:80,width:156},thumb:{radius:8}},m:{slider:{height:14,width:272},colorField:{height:150,width:272},thumb:{radius:10}},l:{slider:{height:16,width:420},colorField:{height:200,width:420},thumb:{radius:12}}},B=(t,e,i)=>Math.max(e,Math.min(t,i)),L=l(K.hex()),T=class{constructor(r){var n,a,s,o;t(this,r),this.calciteColorPickerChange=e(this,"calciteColorPickerChange",7),this.allowEmpty=!1,this.appearance="default",this.color=K,this.format="auto",this.hideHex=!1,this.hideChannels=!1,this.hideSaved=!1,this.intlB="B",this.intlBlue="Blue",this.intlDeleteColor="Delete color",this.intlG="G",this.intlGreen="Green",this.intlH="H",this.intlHsv="HSV",this.intlHex="Hex",this.intlHue="Hue",this.intlNoColor="No color",this.intlR="R",this.intlRed="Red",this.intlRgb="RGB",this.intlS="S",this.intlSaturation="Saturation",this.intlSaveColor="Save color",this.intlSaved="Saved",this.intlV="V",this.intlValue="Value",this.scale="m",this.value=L,this.colorUpdateLocked=!1,this.hueThumbState="idle",this.mode=h.HEX,this.shiftKeyChannelAdjustment=0,this.sliderThumbState="idle",this.colorFieldAndSliderInteractive=!1,this.channelMode="rgb",this.channels=this.toChannels(K),this.dimensions=_.m,this.savedColors=[],this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)},this.handleColorFieldScopeKeyDown=t=>{const e=g(t.key),i={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};if(Object.keys(i).includes(e))return t.preventDefault(),this.scopeOrientation="ArrowDown"===e||"ArrowUp"===e?"vertical":"horizontal",void this.captureColorFieldColor(this.colorFieldScopeLeft+i[e].x||0,this.colorFieldScopeTop+i[e].y||0,!1)},this.handleHueScopeKeyDown=t=>{var e;const i=t.shiftKey?10:1,r=g(t.key),n={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(Object.keys(n).includes(r)){t.preventDefault();const a=n[r]*i,s=null===(e=this.baseColorFieldColor)||void 0===e?void 0:e.hue(),o=s?this.baseColorFieldColor.hue(s+a):U({h:0,s:0,v:100});this.internalColorSet(o,!1)}},this.handleHexInputChange=t=>{t.stopPropagation();const{allowEmpty:e,color:i}=this,r=t.target.value;!e||r?r!==(i&&l(i.hex()))&&this.internalColorSet(U(r)):this.internalColorSet(null)},this.handleSavedColorSelect=t=>{this.internalColorSet(U(t.currentTarget.color))},this.handleChannelInput=t=>{const e=t.currentTarget,i=t.detail.nativeEvent.target,r=Number(e.getAttribute("data-channel-index")),n="rgb"===this.channelMode?R[Object.keys(R)[r]]:V[Object.keys(V)[r]];let a;if(this.allowEmpty&&!e.value)a="";else{const t=Number(e.value)+this.shiftKeyChannelAdjustment;a=B(t,0,n).toString()}e.value=a,i.value=a},this.handleChannelChange=t=>{const e=t.currentTarget,i=Number(e.getAttribute("data-channel-index")),r=[...this.channels];if(this.allowEmpty&&!e.value)return this.channels=[null,null,null],void this.internalColorSet(null);r[i]=Number(e.value),this.updateColorFromChannels(r)},this.handleSavedColorKeyDown=t=>{" "!==t.key&&"Enter"!==t.key||(t.preventDefault(),t.stopPropagation(),this.handleSavedColorSelect(t))},this.handleColorFieldAndSliderMouseLeave=()=>{this.colorFieldAndSliderInteractive=!1,"drag"!==this.sliderThumbState&&"drag"!==this.hueThumbState&&(this.hueThumbState="idle",this.sliderThumbState="idle",this.drawColorFieldAndSlider())},this.handleColorFieldAndSliderMouseDown=t=>{const{offsetX:e,offsetY:i}=t;this.activeThumbX=e,this.activeThumbY=i,this.globalThumbX=e,this.globalThumbY=i;const r=this.getCanvasRegion(i);"color-field"===r?(this.hueThumbState="drag",this.captureColorFieldColor(e,i)):"slider"===r&&(this.sliderThumbState="drag",this.captureHueSliderColor(e)),t.preventDefault(),document.addEventListener("mousemove",this.globalMouseMoveHandler),document.addEventListener("mouseup",this.globalMouseUpHandler,{once:!0})},this.globalMouseUpHandler=()=>{this.hueThumbState="idle",this.sliderThumbState="idle",this.drawColorFieldAndSlider()},this.globalMouseMoveHandler=t=>{const{el:e,dimensions:i}=this,r="drag"===this.sliderThumbState,n="drag"===this.hueThumbState;if(!e.isConnected||!r&&!n)return;this.globalThumbX=this.globalThumbX+t.movementX,this.globalThumbY=this.globalThumbY+t.movementY,this.activeThumbX=B(this.globalThumbX,0,i.colorField.width),this.activeThumbY=B(this.globalThumbY,0,i.colorField.height+i.slider.height);const a=n?"color-field":r?"slider":this.getCanvasRegion(this.activeThumbY);"color-field"===a?this.captureColorFieldColor(this.activeThumbX,this.activeThumbY,!1):"slider"===a&&this.captureHueSliderColor(this.activeThumbX)},this.handleColorFieldAndSliderMouseEnterOrMove=({offsetX:t,offsetY:e})=>{const{dimensions:{colorField:i,slider:r,thumb:n}}=this;this.colorFieldAndSliderInteractive=e<=i.height+r.height;const a=this.getCanvasRegion(e);if("color-field"===a){const r=this.hueThumbState,a=this.baseColorFieldColor.hsv(),s=Math.round(a.saturationv()/(V.s/i.width)),o=Math.round(i.height-a.value()/(V.v/i.height)),l=this.containsPoint(t,e,s,o,n.radius);let h=!1;"idle"===r&&l?(this.hueThumbState="hover",h=!0):"hover"!==r||l||(this.hueThumbState="idle",h=!0),"drag"!==this.hueThumbState&&h&&this.drawColorFieldAndSlider()}else if("slider"===a){const a=this.baseColorFieldColor.hsv().saturationv(100).value(100),s=this.sliderThumbState,o=Math.round(a.hue()/(360/r.width)),l=Math.round((r.height+this.getSliderCapSpacing())/2)+i.height,h=this.containsPoint(t,e,o,l,n.radius);let c=!1;"idle"===s&&h?(this.sliderThumbState="hover",c=!0):"hover"!==s||h||(this.sliderThumbState="idle",c=!0),"drag"!==this.sliderThumbState&&c&&this.drawColorFieldAndSlider()}},this.storeColorFieldScope=t=>{this.colorFieldScopeNode=t},this.renderChannelsTabTitle=t=>{const{channelMode:e,intlRgb:r,intlHsv:n}=this;return i("calcite-tab-title",{active:t===e,class:"color-mode","data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate},"rgb"===t?r:n)},this.renderChannelsTab=t=>{const{channelMode:e,channels:r,intlB:n,intlBlue:a,intlG:s,intlGreen:o,intlH:l,intlHue:h,intlR:c,intlRed:u,intlS:f,intlSaturation:d,intlV:p,intlValue:m}=this,b="rgb"===t,g=b?[c,s,n]:[l,f,p],v=b?[u,o,a]:[h,d,m];return i("calcite-tab",{active:t===e,class:"control",key:t},i("div",{class:"channels"},r.map(((t,e)=>this.renderChannel(t,e,g[e],v[e])))))},this.renderChannel=(t,e,r,n)=>i("calcite-input",{"aria-label":n,class:"channel","data-channel-index":e,numberButtonType:"none",onCalciteInputChange:this.handleChannelChange,onCalciteInputInput:this.handleChannelInput,prefixText:r,scale:"s",type:"number",value:null==t?void 0:t.toString()}),this.deleteColor=()=>{const t=this.color.hex();if(!(this.savedColors.indexOf(t)>-1))return;const e=this.savedColors.filter((e=>e!==t));this.savedColors=e,this.storageId&&localStorage.setItem(`calcite-color-${this.storageId}`,JSON.stringify(e))},this.saveColor=()=>{const t=this.color.hex();if(this.savedColors.indexOf(t)>-1)return;const e=[...this.savedColors,t];this.savedColors=e,this.storageId&&localStorage.setItem(`calcite-color-${this.storageId}`,JSON.stringify(e))},this.drawColorFieldAndSlider=(n=()=>{this.fieldAndSliderRenderingContext&&(this.drawColorField(),this.drawHueSlider())},s=!0,o=!0,w(a)&&(s="leading"in a?!!a.leading:s,o="trailing"in a?!!a.trailing:o),v(n,16,{leading:s,maxWait:16,trailing:o})),this.captureColorFieldColor=(t,e,i=!0)=>{const{dimensions:{colorField:{height:r,width:n}}}=this,a=Math.round(V.s/n*t),s=Math.round(V.v/r*(r-e));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(a).value(s),i)},this.initColorFieldAndSlider=t=>{this.fieldAndSliderRenderingContext=t.getContext("2d"),this.setCanvasContextSize(t,{width:this.dimensions.colorField.width,height:this.dimensions.colorField.height+this.dimensions.slider.height+2*this.getSliderCapSpacing()}),this.drawColorFieldAndSlider()}}handleColorChange(t,e){this.drawColorFieldAndSlider(),this.updateChannelsFromColor(t),this.previousColor=e,this.colorUpdateLocked||(this.value=this.toValue(t))}handleFormatChange(t){this.mode="auto"===t?this.mode:t,this.value=this.toValue(this.color)}handleScaleChange(t="m"){this.updateDimensions(t)}handleValueChange(t,e){const{allowEmpty:i,format:r}=this;let n=!1;if(!i||t){const i=c(t);if(!i||"auto"!==r&&i!==r)return console.warn(`ignoring invalid color value: ${t}`),void(this.value=e);n=this.mode!==i,this.mode=i}if(this.colorUpdateLocked)return void this.calciteColorPickerChange.emit();const a=i&&!t?null:U(t),s=!u(a,this.color);(n||s)&&(this.color=a,this.calciteColorPickerChange.emit())}get baseColorFieldColor(){return this.color||this.previousColor||K}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const e=g(t.key);if("ArrowUp"!==e&&"ArrowDown"!==e||!t.composedPath().some((t=>{var e;return null===(e=t.classList)||void 0===e?void 0:e.contains("channel")})))return;const{shiftKey:i}=t;if(t.preventDefault(),!this.color)return this.internalColorSet(this.previousColor),void t.stopPropagation();this.shiftKeyChannelAdjustment="ArrowUp"===e&&i?9:"ArrowDown"===e&&i?-9:0}async setFocus(){return n(this.colorFieldScopeNode)}componentWillLoad(){const t=`calcite-color-${this.storageId}`;this.storageId&&localStorage.getItem(t)&&(this.savedColors=JSON.parse(localStorage.getItem(t)))}connectedCallback(){const{color:t,format:e,value:i}=this,r="auto"!==e?this.toValue(t,e):L;this.handleValueChange("auto"!==e&&i===L?r:i,r),this.updateDimensions(this.scale)}disconnectedCallback(){document.removeEventListener("mousemove",this.globalMouseMoveHandler),document.removeEventListener("mouseup",this.globalMouseUpHandler)}render(){const{allowEmpty:t,color:e,intlDeleteColor:r,el:n,hideHex:o,hideChannels:l,hideSaved:h,intlHex:c,intlSaved:u,intlSaveColor:f,savedColors:d,scale:p}=this,m=e?e.hex():null,b="s"!==p?"m":p,{colorFieldAndSliderInteractive:g,colorFieldScopeTop:v,colorFieldScopeLeft:w,hueScopeLeft:y,hueScopeTop:k,scopeOrientation:x,dimensions:{colorField:{height:M,width:D},slider:{height:C}}}=this,A=null!=k?k:C/2+M,F=null!=y?y:D*K.hue()/V.h,S=a(n),j=null===e,O="vertical"===x;return i("div",{class:"container"},i("div",{class:"color-field-and-slider-wrap"},i("canvas",{class:{"color-field-and-slider":!0,"color-field-and-slider--interactive":g},onMouseDown:this.handleColorFieldAndSliderMouseDown,onMouseEnter:this.handleColorFieldAndSliderMouseEnterOrMove,onMouseLeave:this.handleColorFieldAndSliderMouseLeave,onMouseMove:this.handleColorFieldAndSliderMouseEnterOrMove,ref:this.initColorFieldAndSlider}),i("div",{"aria-label":O?this.intlValue:this.intlSaturation,"aria-valuemax":O?V.v:V.s,"aria-valuemin":"0","aria-valuenow":(O?null==e?void 0:e.saturationv():null==e?void 0:e.value())||"0",class:{scope:!0,"scope--color-field":!0},onKeyDown:this.handleColorFieldScopeKeyDown,ref:this.storeColorFieldScope,role:"slider",style:{top:`${v||0}px`,left:`${w||0}px`},tabindex:"0"}),i("div",{"aria-label":this.intlHue,"aria-valuemax":V.h,"aria-valuemin":"0","aria-valuenow":(null==e?void 0:e.round().hue())||K.round().hue(),class:{scope:!0,"scope--hue":!0},onKeyDown:this.handleHueScopeKeyDown,role:"slider",style:{top:`${A}px`,left:`${F}px`},tabindex:"0"})),o&&l?null:i("div",{class:{"control-section":!0,section:!0,[s.rtl]:"rtl"===S}},o?null:i("div",{class:"color-hex-options"},i("span",{class:{header:!0,"header--hex":!0}},c),i("calcite-color-picker-hex-input",{allowEmpty:t,class:"control",dir:S,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:b,value:m})),l?null:i("calcite-tabs",{class:{"color-mode-container":!0,"section--split":!0},dir:S,scale:"s"},i("calcite-tab-nav",{slot:"tab-nav"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv"))),h?null:i("div",{class:{"saved-colors-section":!0,section:!0}},i("div",{class:"header"},i("label",null,u),i("div",{class:"saved-colors-buttons"},i("calcite-button",{appearance:"transparent",class:"delete-color",color:"neutral",disabled:j,iconStart:"minus",label:r,onClick:this.deleteColor,scale:p}),i("calcite-button",{appearance:"transparent",class:"save-color",color:"neutral",disabled:j,iconStart:"plus",label:f,onClick:this.saveColor,scale:p}))),d.length>0?i("div",{class:"saved-colors"},[...d.map((t=>i("calcite-color-picker-swatch",{active:m===t,class:"saved-color",color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:p,tabIndex:0})))]):null))}captureHueSliderColor(t){const{dimensions:{slider:{width:e}}}=this;this.internalColorSet(this.baseColorFieldColor.hue(360/e*t),!1)}getCanvasRegion(t){const{dimensions:{colorField:{height:e},slider:{height:i}}}=this;return t<=e?"color-field":t<=e+i?"slider":"none"}internalColorSet(t,e=!0){e&&u(t,this.color)||(this.colorUpdateLocked=!0,this.color=t,this.value=this.toValue(t),this.colorUpdateLocked=!1)}toValue(t,e=this.mode){if(!t)return null;if(e.includes("hex"))return l(t.round().hex());if(e.includes("-css"))return t[e.replace("-css","").replace("a","")]().round().string();const i=t[e]().round().object();return e.endsWith("a")&&(i.a=i.alpha,delete i.alpha),i}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:e}}}=this;return 2*e-t}updateDimensions(t="m"){this.dimensions=_[t]}drawColorField(){const t=this.fieldAndSliderRenderingContext,{dimensions:{colorField:{height:e,width:i}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).string(),t.fillRect(0,0,i,e);const r=t.createLinearGradient(0,0,i,0);r.addColorStop(0,"rgba(255,255,255,1)"),r.addColorStop(1,"rgba(255,255,255,0)"),t.fillStyle=r,t.fillRect(0,0,i,e);const n=t.createLinearGradient(0,0,0,e);n.addColorStop(0,"rgba(0,0,0,0)"),n.addColorStop(1,"rgba(0,0,0,1)"),t.fillStyle=n,t.fillRect(0,0,i,e),this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:e,width:i}){const r=window.devicePixelRatio||1;t.width=i*r,t.height=e*r,t.style.height=`${e}px`,t.style.width=`${i}px`,t.getContext("2d").scale(r,r)}containsPoint(t,e,i,r,n){return Math.pow(t-i,2)+Math.pow(e-r,2)<=Math.pow(n,2)}drawActiveColorFieldColor(){const{color:t}=this;if(!t)return;const e=t.hsv(),{dimensions:{colorField:{height:i,width:r},thumb:{radius:n}}}=this,a=e.saturationv()/(V.s/r),s=i-e.value()/(V.v/i);requestAnimationFrame((()=>{this.colorFieldScopeLeft=a,this.colorFieldScopeTop=s})),this.drawThumb(this.fieldAndSliderRenderingContext,n,a,s,e,this.hueThumbState)}drawThumb(t,e,i,r,n,a){const s=2*Math.PI;t.beginPath(),t.arc(i,r,e,0,s),t.shadowBlur="hover"===a?32:16,t.shadowColor=`rgba(0, 0, 0, ${"drag"===a?.32:.16})`,t.fillStyle="#fff",t.fill(),t.beginPath(),t.arc(i,r,e-3,0,s),t.shadowBlur=0,t.shadowColor="transparent",t.fillStyle=n.rgb().string(),t.fill()}drawActiveHueSliderColor(){const{color:t}=this;if(!t)return;const e=t.hsv().saturationv(100).value(100),{dimensions:{colorField:{height:i},slider:{height:r,width:n},thumb:{radius:a}}}=this,s=e.hue()/(360/n),o=r/2+i;requestAnimationFrame((()=>{this.hueScopeLeft=s,this.hueScopeTop=o})),this.drawThumb(this.fieldAndSliderRenderingContext,a,s,o,e,this.sliderThumbState)}drawHueSlider(){const t=this.fieldAndSliderRenderingContext,{dimensions:{colorField:{height:e},slider:{height:i,width:r}}}=this,n=t.createLinearGradient(0,0,r,0),a=["red","yellow","lime","cyan","blue","magenta","red"],s=1/(a.length-1);let o=0;a.forEach((t=>{n.addColorStop(o,U(t).string()),o+=s})),t.fillStyle=n,t.clearRect(0,e,r,i+2*this.getSliderCapSpacing()),t.fillRect(0,e,r,i),this.drawActiveHueSliderColor()}updateColorFromChannels(t){this.internalColorSet(U(t,this.channelMode))}updateChannelsFromColor(t){this.channels=t?this.toChannels(t):[null,null,null]}toChannels(t){const{channelMode:e}=this;return t[e]().array().map((t=>Math.floor(t)))}get el(){return r(this)}static get watchers(){return{color:["handleColorChange"],format:["handleFormatChange"],scale:["handleScaleChange"],value:["handleValueChange"]}}};T.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block}:host([scale=s]) .container{width:156px}:host([scale=s]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(20px, 1fr))}:host([scale=s]) .channels{-ms-flex-direction:column;flex-direction:column}:host([scale=s]) .channel{width:100%;margin-bottom:4px}:host([scale=s]) .channel:last-child{margin-bottom:0}:host([scale=m]) .container{width:272px}:host([scale=l]) .control-section.section.calcite--rtl>:nth-child(2){margin-left:0;margin-right:12px}:host([scale=l]) .container{width:420px}:host([scale=l]) .color-field-and-slider{margin-bottom:-20px}:host([scale=l]) .section{padding:0 16px 16px}:host([scale=l]) .section:first-of-type{padding-top:16px}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(28px, 1fr));grid-gap:12px;padding-top:16px}:host([scale=l]) .control-section{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:baseline;align-items:baseline}:host([scale=l]) .control-section>:nth-child(2){margin-left:12px}:host([scale=l]) .color-hex-options{-ms-flex-negative:1;flex-shrink:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;min-height:90px}:host([scale=l]) .color-mode-container{-ms-flex-negative:3;flex-shrink:3}:host([appearance=minimal]) .container{border:none}.container{background-color:var(--calcite-ui-foreground-1);display:inline-block;border:1px solid var(--calcite-ui-border-1)}.color-field-and-slider-wrap{position:relative}.scope{font-size:var(--calcite-font-size--1);padding:0;margin-bottom:0;margin-right:0;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;width:0.5rem;height:0.5rem;position:absolute;pointer-events:none;margin-top:-0.25rem;margin-left:-0.25rem;outline-offset:10px}.scope:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px;outline-offset:12px}.color-field-and-slider{margin-bottom:-16px}.color-field-and-slider--interactive{cursor:pointer}.control-section{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.section{padding:0 12px 12px}.section:first-of-type{padding-top:12px}.color-hex-options{margin-bottom:1rem}.color-hex-options,.section--split{-ms-flex-positive:1;flex-grow:1}.header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-ui-text-3);font-weight:500;font-size:0.875rem;line-height:1.5}.header--hex{line-height:1.5;font-size:0.875rem;line-height:1.5;padding-top:12px}.control{margin-top:8px}.channels{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.channel{width:31%}.saved-colors{padding-top:12px;display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill, minmax(24px, 1fr));grid-gap:8px;width:100%}.saved-colors-buttons{display:-ms-flexbox;display:flex}.saved-color{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.saved-color:hover{-webkit-transition:outline-color 100ms ease-in-out;transition:outline-color 100ms ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}";const G=U(),J=class{constructor(i){t(this,i),this.calciteColorPickerHexInputChange=e(this,"calciteColorPickerHexInputChange",7),this.allowEmpty=!1,this.intlHex="Hex",this.intlNoColor="No color",this.scale="m",this.value=l(G.hex()),this.onCalciteInputBlur=t=>{const e=t.currentTarget,i=e.value,r=`#${i}`;this.allowEmpty&&!i||f(r)&&d(r)||(e.value=this.allowEmpty&&!this.internalColor?"":this.formatForInternalInput(p(this.internalColor.object())))},this.onInputChange=t=>{const e=t.currentTarget.value;let i;if(e){const t=e;if(!m(`#${t}`))return;i=l(t)}else this.allowEmpty&&(i=null);this.value=i,this.calciteColorPickerHexInputChange.emit()},this.internalColor=G,this.previousNonNullValue=this.value,this.storeInputRef=t=>{this.inputNode=t}}connectedCallback(){const{allowEmpty:t,value:e}=this;if(e){const t=l(e);f(t)&&(this.internalColor=U(t),this.value=t)}else t&&(this.internalColor=null,this.value=null)}handleValueChange(t,e){if(t){const e=l(t);if(f(e)){const{internalColor:t}=this,i=!t||e!==l(t.hex());return this.internalColor=U(e),this.previousNonNullValue=e,this.value=e,void(i&&this.calciteColorPickerHexInputChange.emit())}}else if(this.allowEmpty)return this.internalColor=null,this.value=null,void this.calciteColorPickerHexInputChange.emit();this.value=e}onInputKeyDown(t){const{altKey:e,ctrlKey:i,metaKey:r,shiftKey:n}=t,{el:a,inputNode:s,internalColor:o,value:h}=this,c=g(t.key);if("ArrowDown"===c||"ArrowUp"===c)return h?(this.value=l(this.nudgeRGBChannels(o,(n?10:1)*("ArrowUp"===c?1:-1)).hex()),void t.preventDefault()):(this.value=this.previousNonNullValue,void t.preventDefault());const u=e||i||r,f=s.value.length>=6,d=a.shadowRoot.activeElement,p=d.selectionStart!=d.selectionEnd,m=1===c.length,v=b.test(c);!m||u||v&&(p||!f)||t.preventDefault()}render(){const{el:t,intlHex:e,value:r}=this,n=this.formatForInternalInput(r),s=a(t);return i("div",{class:"container"},i("calcite-input",{"aria-label":e,class:"input",dir:s,onCalciteInputBlur:this.onCalciteInputBlur,onChange:this.onInputChange,prefixText:"#",ref:this.storeInputRef,scale:"s",value:n}),n?i("calcite-color-picker-swatch",{active:!0,class:"preview",color:`#${n}`,scale:"s"}):null)}async setFocus(){n(this.inputNode)}formatForInternalInput(t){return t?t.replace("#",""):""}nudgeRGBChannels(t,e){return U.rgb(t.array().map((t=>t+e)))}get el(){return r(this)}static get watchers(){return{value:["handleValueChange"]}}};J.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}.container{width:100%;display:inline-grid;-ms-flex-align:center;align-items:center;grid-template-columns:1fr auto}.preview{grid-column:2/3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none;margin-top:0;margin-bottom:0;margin-left:0.25rem;margin-right:0.25rem;z-index:1}.preview,.input{grid-row:1}.input{grid-column:1/3;text-transform:uppercase;width:100%}";const P=class{constructor(e){t(this,e),this.active=!1,this.scale="m"}handleColorChange(t){this.internalColor=U(t)}componentWillLoad(){this.handleColorChange(this.color)}render(){const{active:t,el:e,internalColor:r}=this,n=t?"100%":"0",a=r.hex(),s="light"===o(e)?"rgba(0, 0, 0, 0.15)":"rgba(255, 255, 255, 0.15)";return i("svg",{class:"swatch",xmlns:"http://www.w3.org/2000/svg"},i("title",null,a),i("rect",{fill:a,height:"100%",id:"swatch",rx:n,stroke:s,"stroke-width":"2",style:{"clip-path":`inset(0 round ${n})`},width:"100%"}))}get el(){return r(this)}static get watchers(){return{color:["handleColorChange"]}}};P.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;position:relative}:host([scale=s]){height:1.25rem;width:1.25r