@esri/calcite-components/dist/calcite/p-7396c712.entry.js

Web Components for Esri's Calcite Design System.

import{r as t,c as e,h as r,g as i,H as n}from"./p-ff68592a.js";import{f as a,g as s}from"./p-fbd3d700.js";import{n as o,C as l,p as h,c,i as u,a as f,r as d,h as p,b as m}from"./p-40bd14c4.js";import{g as b}from"./p-e75286c4.js";import{d as g,i as v}from"./p-fc8feabd.js";function w(t,e,r){return t(r={path:e,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},r.exports),r.exports}var y={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]},k=w((function(t){var e=Array.prototype.concat,r=Array.prototype.slice,i=t.exports=function(t){for(var i,n=[],a=0,s=t.length;a<s;a++){var o=t[a];(i=o)&&"string"!=typeof i&&(i instanceof Array||Array.isArray(i)||i.length>=0&&(i.splice instanceof Function||Object.getOwnPropertyDescriptor(i,i.length-1)&&"String"!==i.constructor.name))?n=e.call(n,r.call(o)):n.push(o)}return n};i.wrap=function(t){return function(){return t(i(arguments))}}})),x=w((function(t){var e={};for(var r in y)y.hasOwnProperty(r)&&(e[y[r]]=r);var i=t.exports={to:{},get:{}};function n(t,e,r){return Math.min(Math.max(e,t),r)}function a(t){var e=t.toString(16).toUpperCase();return e.length<2?"0"+e:e}i.get=function(t){var e,r;switch(t.substring(0,3).toLowerCase()){case"hsl":e=i.get.hsl(t),r="hsl";break;case"hwb":e=i.get.hwb(t),r="hwb";break;default:e=i.get.rgb(t),r="rgb"}return e?{model:r,value:e}:null},i.get.rgb=function(t){if(!t)return null;var e,r,i,a=[0,0,0,1];if(e=t.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(i=e[2],e=e[1],r=0;r<3;r++){var s=2*r;a[r]=parseInt(e.slice(s,s+2),16)}i&&(a[3]=parseInt(i,16)/255)}else if(e=t.match(/^#([a-f0-9]{3,4})$/i)){for(i=(e=e[1])[3],r=0;r<3;r++)a[r]=parseInt(e[r]+e[r],16);i&&(a[3]=parseInt(i+i,16)/255)}else if(e=t.match(/^rgba?\(\s*([+-]?\d+)\s*,\s*([+-]?\d+)\s*,\s*([+-]?\d+)\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/)){for(r=0;r<3;r++)a[r]=parseInt(e[r+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=y[e[1]])?(a[3]=1,a):null:null;for(r=0;r<3;r++)a[r]=Math.round(2.55*parseFloat(e[r+1]));e[4]&&(a[3]=parseFloat(e[4]))}for(r=0;r<3;r++)a[r]=n(a[r],0,255);return a[3]=n(a[3],0,1),a},i.get.hsl=function(t){if(!t)return null;var e=t.match(/^hsla?\(\s*([+-]?(?:\d*\.)?\d+)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/);if(e){var r=parseFloat(e[4]);return[(parseFloat(e[1])+360)%360,n(parseFloat(e[2]),0,100),n(parseFloat(e[3]),0,100),n(isNaN(r)?1:r,0,1)]}return null},i.get.hwb=function(t){if(!t)return null;var e=t.match(/^hwb\(\s*([+-]?\d*[\.]?\d+)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/);if(e){var r=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,n(parseFloat(e[2]),0,100),n(parseFloat(e[3]),0,100),n(isNaN(r)?1:r,0,1)]}return null},i.to.hex=function(){var t=k(arguments);return"#"+a(t[0])+a(t[1])+a(t[2])+(t[3]<1?a(Math.round(255*t[3])):"")},i.to.rgb=function(){var t=k(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]+")"},i.to.rgb.percent=function(){var t=k(arguments),e=Math.round(t[0]/255*100),r=Math.round(t[1]/255*100),i=Math.round(t[2]/255*100);return t.length<4||1===t[3]?"rgb("+e+"%, "+r+"%, "+i+"%)":"rgba("+e+"%, "+r+"%, "+i+"%, "+t[3]+")"},i.to.hsl=function(){var t=k(arguments);return t.length<4||1===t[3]?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"},i.to.hwb=function(){var t=k(arguments),e="";return t.length>=4&&1!==t[3]&&(e=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"},i.to.keyword=function(t){return e[t.slice(0,3)]}})),M=w((function(t){var e={};for(var r in y)y.hasOwnProperty(r)&&(e[y[r]]=r);var i=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 i)if(i.hasOwnProperty(n)){if(!("channels"in i[n]))throw new Error("missing channels property: "+n);if(!("labels"in i[n]))throw new Error("missing channel labels property: "+n);if(i[n].labels.length!==i[n].channels)throw new Error("channel and label counts mismatch: "+n);var a=i[n].channels,s=i[n].labels;delete i[n].channels,delete i[n].labels,Object.defineProperty(i[n],"channels",{value:a}),Object.defineProperty(i[n],"labels",{value:s})}i.rgb.hsl=function(t){var e,r,i=t[0]/255,n=t[1]/255,a=t[2]/255,s=Math.min(i,n,a),o=Math.max(i,n,a),l=o-s;return o===s?e=0:i===o?e=(n-a)/l:n===o?e=2+(a-i)/l:a===o&&(e=4+(i-n)/l),(e=Math.min(60*e,360))<0&&(e+=360),r=(s+o)/2,[e,100*(o===s?0:r<=.5?l/(o+s):l/(2-o-s)),100*r]},i.rgb.hsv=function(t){var e,r,i,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),r=u(o),i=u(l),s===h?n=i-r:o===h?n=1/3+e-i:l===h&&(n=2/3+r-e),n<0?n+=1:n>1&&(n-=1)),[360*n,100*a,100*h]},i.rgb.hwb=function(t){var e=t[0],r=t[1],n=t[2];return[i.rgb.hsl(t)[0],1/255*Math.min(e,Math.min(r,n))*100,100*(n=1-1/255*Math.max(e,Math.max(r,n)))]},i.rgb.cmyk=function(t){var e,r=t[0]/255,i=t[1]/255,n=t[2]/255;return[100*((1-r-(e=Math.min(1-r,1-i,1-n)))/(1-e)||0),100*((1-i-e)/(1-e)||0),100*((1-n-e)/(1-e)||0),100*e]},i.rgb.keyword=function(t){var r=e[t];if(r)return r;var i,n,a,s=1/0;for(var o in y)if(y.hasOwnProperty(o)){var l=(n=t,a=y[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,i=o)}return i},i.keyword.rgb=function(t){return y[t]},i.rgb.xyz=function(t){var e=t[0]/255,r=t[1]/255,i=t[2]/255;return[100*(.4124*(e=e>.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)+.3576*(r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)+.1805*(i=i>.04045?Math.pow((i+.055)/1.055,2.4):i/12.92)),100*(.2126*e+.7152*r+.0722*i),100*(.0193*e+.1192*r+.9505*i)]},i.rgb.lab=function(t){var e=i.rgb.xyz(t),r=e[0],n=e[1],a=e[2];return n/=100,a/=108.883,r=(r/=95.047)>.008856?Math.pow(r,1/3):7.787*r+16/116,[116*(n=n>.008856?Math.pow(n,1/3):7.787*n+16/116)-16,500*(r-n),200*(n-(a=a>.008856?Math.pow(a,1/3):7.787*a+16/116))]},i.hsl.rgb=function(t){var e,r,i,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-(r=l<.5?l*(1+o):l+o-l*o),n=[0,0,0];for(var h=0;h<3;h++)(i=s+1/3*-(h-1))<0&&i++,i>1&&i--,n[h]=255*(a=6*i<1?e+6*(r-e)*i:2*i<1?r:3*i<2?e+(r-e)*(2/3-i)*6:e);return n},i.hsl.hsv=function(t){var e=t[0],r=t[1]/100,i=t[2]/100,n=r,a=Math.max(i,.01);return r*=(i*=2)<=1?i:2-i,n*=a<=1?a:2-a,[e,100*(0===i?2*n/(a+n):2*r/(i+r)),(i+r)/2*100]},i.hsv.rgb=function(t){var e=t[0]/60,r=t[1]/100,i=t[2]/100,n=Math.floor(e)%6,a=e-Math.floor(e),s=255*i*(1-r),o=255*i*(1-r*a),l=255*i*(1-r*(1-a));switch(i*=255,n){case 0:return[i,l,s];case 1:return[o,i,s];case 2:return[s,i,l];case 3:return[s,o,i];case 4:return[l,s,i];case 5:return[i,s,o]}},i.hsv.hsl=function(t){var e,r,i,n=t[0],a=t[1]/100,s=t[2]/100,o=Math.max(s,.01);return i=(2-a)*s,r=a*o,[n,100*(r=(r/=(e=(2-a)*o)<=1?e:2-e)||0),100*(i/=2)]},i.hwb.rgb=function(t){var e,r,i,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),i=6*l-(e=Math.floor(6*l)),0!=(1&e)&&(i=1-i),n=h+i*((r=1-c)-h),e){default:case 6:case 0:a=r,s=n,o=h;break;case 1:a=n,s=r,o=h;break;case 2:a=h,s=r,o=n;break;case 3:a=h,s=n,o=r;break;case 4:a=n,s=h,o=r;break;case 5:a=r,s=h,o=n}return[255*a,255*s,255*o]},i.cmyk.rgb=function(t){var e=t[1]/100,r=t[2]/100,i=t[3]/100;return[255*(1-Math.min(1,t[0]/100*(1-i)+i)),255*(1-Math.min(1,e*(1-i)+i)),255*(1-Math.min(1,r*(1-i)+i))]},i.xyz.rgb=function(t){var e,r,i,n=t[0]/100,a=t[1]/100,s=t[2]/100;return r=-.9689*n+1.8758*a+.0415*s,i=.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,r=r>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,i=i>.0031308?1.055*Math.pow(i,1/2.4)-.055:12.92*i,[255*(e=Math.min(Math.max(0,e),1)),255*(r=Math.min(Math.max(0,r),1)),255*(i=Math.min(Math.max(0,i),1))]},i.xyz.lab=function(t){var e=t[0],r=t[1],i=t[2];return r/=100,i/=108.883,e=(e/=95.047)>.008856?Math.pow(e,1/3):7.787*e+16/116,[116*(r=r>.008856?Math.pow(r,1/3):7.787*r+16/116)-16,500*(e-r),200*(r-(i=i>.008856?Math.pow(i,1/3):7.787*i+16/116))]},i.lab.xyz=function(t){var e,r,i;e=t[1]/500+(r=(t[0]+16)/116),i=r-t[2]/200;var n=Math.pow(r,3),a=Math.pow(e,3),s=Math.pow(i,3);return r=n>.008856?n:(r-16/116)/7.787,e=a>.008856?a:(e-16/116)/7.787,i=s>.008856?s:(i-16/116)/7.787,[e*=95.047,r*=100,i*=108.883]},i.lab.lch=function(t){var e,r=t[0],i=t[1],n=t[2];return(e=360*Math.atan2(n,i)/2/Math.PI)<0&&(e+=360),[r,Math.sqrt(i*i+n*n),e]},i.lch.lab=function(t){var e,r=t[1];return e=t[2]/360*2*Math.PI,[t[0],r*Math.cos(e),r*Math.sin(e)]},i.rgb.ansi16=function(t){var e=t[0],r=t[1],n=t[2],a=1 in arguments?arguments[1]:i.rgb.hsv(t)[2];if(0===(a=Math.round(a/50)))return 30;var s=30+(Math.round(n/255)<<2|Math.round(r/255)<<1|Math.round(e/255));return 2===a&&(s+=60),s},i.hsv.ansi16=function(t){return i.rgb.ansi16(i.hsv.rgb(t),t[2])},i.rgb.ansi256=function(t){var e=t[0],r=t[1],i=t[2];return e===r&&r===i?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(i/255*5)},i.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 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){var e=10*(t-232)+8;return[e,e,e]}var r;return t-=16,[Math.floor(t/36)/5*255,Math.floor((r=t%36)/6)/5*255,r%6/5*255]},i.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},i.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 r=e[0];3===e[0].length&&(r=r.split("").map((function(t){return t+t})).join(""));var i=parseInt(r,16);return[i>>16&255,i>>8&255,255&i]},i.rgb.hcg=function(t){var e,r=t[0]/255,i=t[1]/255,n=t[2]/255,a=Math.max(Math.max(r,i),n),s=Math.min(Math.min(r,i),n),o=a-s;return e=o<=0?0:a===r?(i-n)/o%6:a===i?2+(n-r)/o:4+(r-i)/o+4,e/=6,[360*(e%=1),100*o,100*(o<1?s/(1-o):0)]},i.hsl.hcg=function(t){var e,r=t[1]/100,i=t[2]/100,n=0;return(e=i<.5?2*r*i:2*r*(1-i))<1&&(n=(i-.5*e)/(1-e)),[t[0],100*e,100*n]},i.hsv.hcg=function(t){var e=t[2]/100,r=t[1]/100*e,i=0;return r<1&&(i=(e-r)/(1-r)),[t[0],100*r,100*i]},i.hcg.rgb=function(t){var e=t[1]/100,r=t[2]/100;if(0===e)return[255*r,255*r,255*r];var i,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]+(i=(1-e)*r)),255*(e*n[1]+i),255*(e*n[2]+i)]},i.hcg.hsv=function(t){var e=t[1]/100,r=e+t[2]/100*(1-e),i=0;return r>0&&(i=e/r),[t[0],100*i,100*r]},i.hcg.hsl=function(t){var e=t[1]/100,r=t[2]/100*(1-e)+.5*e,i=0;return r>0&&r<.5?i=e/(2*r):r>=.5&&r<1&&(i=e/(2*(1-r))),[t[0],100*i,100*r]},i.hcg.hwb=function(t){var 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){var e=1-t[2]/100,r=e-t[1]/100,i=0;return r<1&&(i=(e-r)/(1-r)),[t[0],100*r,100*i]},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=i.gray.hsv=function(t){return[0,0,t[0]]},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){var 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]}}));function D(t,e){return function(r){return e(t(r))}}function C(t,e){for(var r=[e[t].parent,t],i=M[e[t].parent][t],n=e[t].parent;e[n].parent;)r.unshift(e[n].parent),i=D(M[e[n].parent][n],i),n=e[n].parent;return i.conversion=r,i}var F={};Object.keys(M).forEach((function(t){F[t]={},Object.defineProperty(F[t],"channels",{value:M[t].channels}),Object.defineProperty(F[t],"labels",{value:M[t].labels});var e=function(t){for(var e=function(t){var e=function(){for(var t={},e=Object.keys(M),r=e.length,i=0;i<r;i++)t[e[i]]={distance:-1,parent:null};return t}(),r=[t];for(e[t].distance=0;r.length;)for(var i=r.pop(),n=Object.keys(M[i]),a=n.length,s=0;s<a;s++){var o=n[s],l=e[o];-1===l.distance&&(l.distance=e[i].distance+1,l.parent=i,r.unshift(o))}return e}(t),r={},i=Object.keys(e),n=i.length,a=0;a<n;a++){var s=i[a];null!==e[s].parent&&(r[s]=C(s,e))}return r}(t);Object.keys(e).forEach((function(r){var i=e[r];F[t][r]=function(t){var e=function(e){if(null==e)return e;arguments.length>1&&(e=Array.prototype.slice.call(arguments));var r=t(e);if("object"==typeof r)for(var i=r.length,n=0;n<i;n++)r[n]=Math.round(r[n]);return r};return"conversion"in t&&(e.conversion=t.conversion),e}(i),F[t][r].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}(i)}))}));var S=F,j=[].slice,A=["keyword","gray","hex"],O={};Object.keys(S).forEach((function(t){O[j.call(S[t].labels).sort().join("")]=t}));var N={};function H(t,e){if(!(this instanceof H))return new H(t,e);if(e&&e in A&&(e=null),e&&!(e in S))throw new Error("Unknown model: "+e);var r,i;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof H)this.model=t.model,this.color=t.color.slice(),this.valpha=t.valpha;else if("string"==typeof t){var n=x.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,i=S[this.model].channels),this.valpha="number"==typeof n.value[i]?n.value[i]:1}else if(t.length){this.model=e||"rgb";var a=j.call(t,0,i=S[this.model].channels);this.color=z(a,i),this.valpha="number"==typeof t[i]?t[i]: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 O))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=O[o];var l=S[this.model].labels,h=[];for(r=0;r<l.length;r++)h.push(t[l[r]]);this.color=z(h)}if(N[this.model])for(i=S[this.model].channels,r=0;r<i;r++){var c=N[this.model][r];c&&(this.color[r]=c(this.color[r]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}function E(t,e,r){return(t=Array.isArray(t)?t:[t]).forEach((function(t){(N[t]||(N[t]=[]))[e]=r})),t=t[0],function(i){var n;return arguments.length?(r&&(i=r(i)),(n=this[t]()).color[e]=i,n):(n=this[t]().color[e],r&&(n=r(n)),n)}}function I(t){return function(e){return Math.max(0,Math.min(t,e))}}function q(t){return Array.isArray(t)?t:[t]}function z(t,e){for(var r=0;r<e;r++)"number"!=typeof t[r]&&(t[r]=0);return t}H.prototype={toString:function(){return this.string()},toJSON:function(){return this[this.model]()},string:function(t){var e=this.model in x.to?this:this.rgb(),r=1===(e=e.round("number"==typeof t?t:1)).valpha?e.color:e.color.concat(this.valpha);return x.to[e.model](r)},percentString:function(t){var e=this.rgb().round("number"==typeof t?t:1),r=1===e.valpha?e.color:e.color.concat(this.valpha);return x.to.rgb.percent(r)},array:function(){return 1===this.valpha?this.color.slice():this.color.concat(this.valpha)},object:function(){for(var t={},e=S[this.model].channels,r=S[this.model].labels,i=0;i<e;i++)t[r[i]]=this.color[i];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 H(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 H(this.color.concat(Math.max(0,Math.min(1,t))),this.model):this.valpha},red:E("rgb",0,I(255)),green:E("rgb",1,I(255)),blue:E("rgb",2,I(255)),hue:E(["hsl","hsv","hsl","hwb","hcg"],0,(function(t){return(t%360+360)%360})),saturationl:E("hsl",1,I(100)),lightness:E("hsl",2,I(100)),saturationv:E("hsv",1,I(100)),value:E("hsv",2,I(100)),chroma:E("hcg",1,I(100)),gray:E("hcg",2,I(100)),white:E("hwb",1,I(100)),wblack:E("hwb",2,I(100)),cyan:E("cmyk",0,I(100)),magenta:E("cmyk",1,I(100)),yellow:E("cmyk",2,I(100)),black:E("cmyk",3,I(100)),x:E("xyz",0,I(100)),y:E("xyz",1,I(100)),z:E("xyz",2,I(100)),l:E("lab",0,I(100)),a:E("lab",1),b:E("lab",2),keyword:function(t){return arguments.length?new H(t):S[this.model].keyword(this.color)},hex:function(t){return arguments.length?new H(t):x.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=[],r=0;r<t.length;r++){var i=t[r]/255;e[r]=i<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4)}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast:function(t){var e=this.luminosity(),r=t.luminosity();return e>r?(e+.05)/(r+.05):(r+.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 H.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(),r=e.color[0];return e.color[0]=r=(r=(r+t)%360)<0?360+r:r,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 r=t.rgb(),i=this.rgb(),n=void 0===e?.5:e,a=2*n-1,s=r.alpha()-i.alpha(),o=((a*s==-1?a:(a+s)/(1+a*s))+1)/2,l=1-o;return H.rgb(o*r.red()+l*i.red(),o*r.green()+l*i.green(),o*r.blue()+l*i.blue(),r.alpha()*n+i.alpha()*(1-n))}},Object.keys(S).forEach((function(t){if(-1===A.indexOf(t)){var e=S[t].channels;H.prototype[t]=function(){if(this.model===t)return new H(this);if(arguments.length)return new H(arguments,t);var r="number"==typeof arguments[e]?e:this.valpha;return new H(q(S[this.model][t].raw(this.color)).concat(r),t)},H[t]=function(r){return"number"==typeof r&&(r=z(j.call(arguments),e)),new H(r,t)}}}));var V=H;const K=V("#007AC2"),B={r:255,g:255,b:255},R={h:360,s:100,v:100},U={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}}},$=o(K.hex()),G=class{constructor(i){var n,a,s,h;t(this,i),this.calciteColorChange=e(this,"calciteColorChange",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.theme="light",this.value=$,this.colorUpdateLocked=!1,this.hueThumbState="idle",this.mode=l.HEX,this.shiftKeyChannelAdjustment=0,this.sliderThumbState="idle",this.colorFieldAndSliderInteractive=!1,this.channelMode="rgb",this.channels=this.toChannels(K),this.dimensions=U.m,this.savedColors=[],this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)},this.handleHexInputChange=t=>{t.stopPropagation();const{allowEmpty:e,color:r}=this,i=t.target.value;!e||i?i!==(r&&o(r.hex()))&&this.internalColorSet(V(i)):this.internalColorSet(null)},this.handleSavedColorSelect=t=>{this.internalColorSet(V(t.currentTarget.color))},this.handleChannelInput=t=>{const e=t.currentTarget,r=t.target,i=Number(r.getAttribute("data-channel-index")),n="rgb"===this.channelMode?B[Object.keys(B)[i]]:R[Object.keys(R)[i]];let a;if(this.allowEmpty&&!r.value)a="";else{const t=Number(r.value)+this.shiftKeyChannelAdjustment;a=Math.max(0,Math.min(t,n)).toString()}e.value=a,r.value=a},this.handleChannelKeyUpOrDown=t=>{const{shiftKey:e}=t,r=b(t.key);this.color||"ArrowUp"!==r&&"ArrowDown"!==r?this.shiftKeyChannelAdjustment="ArrowUp"===r&&e?9:"ArrowDown"===r&&e?-9:0:t.preventDefault()},this.handleChannelChange=t=>{const e=t.target,r=Number(e.getAttribute("data-channel-index")),i=[...this.channels];if(this.allowEmpty&&!e.value)return this.channels=[null,null,null],void this.internalColorSet(null);i[r]=Number(e.value),this.updateColorFromChannels(i)},this.handleSavedColorKeyDown=t=>{" "!==t.key&&"Enter"!==t.key||(t.preventDefault(),t.stopPropagation(),this.handleSavedColorSelect(t))},this.handleColorFieldAndSliderMouseLeave=()=>{this.colorFieldAndSliderInteractive=!1},this.handleColorFieldAndSliderMouseEnterOrMove=({offsetY:t})=>{const{dimensions:{colorField:{height:e},slider:{height:r}}}=this;this.colorFieldAndSliderInteractive=t<=e+r},this.storeHexInputRef=t=>{this.hexInputNode=t},this.renderChannelsTabTitle=t=>{const{channelMode:e,intlRgb:i,intlHsv:n}=this;return r("calcite-tab-title",{active:t===e,class:"color-mode","data-color-mode":t,onCalciteTabsActivate:this.handleTabActivate},"rgb"===t?i:n)},this.renderChannelsTab=t=>{const{channelMode:e,channels:i,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 r("calcite-tab",{active:t===e,class:"control"},r("div",{class:"channels"},i.map(((t,e)=>this.renderChannel(t,e,g[e],v[e])))))},this.renderChannel=(t,e,i,n)=>r("calcite-input",{"aria-label":n,class:"channel","data-channel-index":e,numberButtonType:"none",onChange:this.handleChannelChange,onInput:this.handleChannelInput,onKeyDown:this.handleChannelKeyUpOrDown,onKeyUp:this.handleChannelKeyUpOrDown,prefixText:i,scale:"s",type:"number",value:null!==t?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,h=!0,v(a)&&(s="leading"in a?!!a.leading:s,h="trailing"in a?!!a.trailing:h),g(n,16,{leading:s,maxWait:16,trailing:h})),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();const e=t=>{const{dimensions:{colorField:{height:e},slider:{height:r}}}=this;return t<=e?"color-field":t<=e+r?"slider":"none"},r=(t,e)=>{const{dimensions:{colorField:{height:r,width:i}}}=this,n=Math.round(R.s/i*t),a=Math.round(R.v/r*(r-e));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(n).value(a))};t.addEventListener("mousedown",(({offsetX:t,offsetY:n})=>{const a=e(n);"color-field"===a?(this.hueThumbState="drag",r(t,n)):"slider"===a&&(this.sliderThumbState="drag",i(t))})),t.addEventListener("mouseout",(()=>{this.hueThumbState="idle",this.sliderThumbState="idle",this.drawColorFieldAndSlider()})),t.addEventListener("mouseup",(()=>{this.hueThumbState="hover",this.sliderThumbState="hover",this.drawColorFieldAndSlider()})),t.addEventListener("mousemove",(({offsetX:t,offsetY:n})=>{const a=e(n);if("color-field"===a){const e=this.hueThumbState,i=this.baseColorFieldColor.hsv(),{dimensions:{colorField:{height:a,width:s},thumb:{radius:o}}}=this,l=Math.round(i.saturationv()/(R.s/s)),h=Math.round(a-i.value()/(R.v/a)),c=this.containsPoint(t,n,l,h,o);let u=!1;if("idle"===e&&c?(this.hueThumbState="hover",u=!0):"hover"!==e||c||(this.hueThumbState="idle",u=!0),"drag"!==this.hueThumbState)return void(u&&this.drawColorFieldAndSlider());r(t,n)}else if("slider"===a){const{dimensions:{slider:{height:e,width:r},thumb:{radius:a}}}=this,s=this.sliderThumbState,o=this.baseColorFieldColor.hsv().saturationv(100).value(100),l=Math.round(o.hue()/(360/r)),h=Math.round((e+this.getSliderCapSpacing())/2),c=this.containsPoint(t,n,l,h,a);let u=!1;if("idle"===s&&c?(this.sliderThumbState="hover",u=!0):"hover"!==s||c||(this.sliderThumbState="idle",u=!0),"drag"!==this.sliderThumbState)return void(u&&this.drawColorFieldAndSlider());i(t)}}));const i=t=>{const{dimensions:{slider:{width:e}}}=this;this.internalColorSet(this.baseColorFieldColor.hue(360/e*t))}}}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:r,format:i}=this;let n=!1;if(!r||t){const r=h(t);if(!r||"auto"!==i&&r!==i)return console.warn("ignoring invalid color value: "+t),void(this.value=e);n=this.mode!==r,this.mode=r}if(this.colorUpdateLocked)return void this.calciteColorChange.emit();const a=r&&!t?null:V(t),s=!c(a,this.color);(n||s)&&(this.color=a,this.calciteColorChange.emit())}get baseColorFieldColor(){return this.color||this.previousColor||K}async setFocus(){a(this.hexInputNode)}componentWillLoad(){const t="calcite-color-"+this.storageId;this.storageId&&localStorage.getItem(t)&&(this.savedColors=JSON.parse(localStorage.getItem(t))),this.handleValueChange(this.value,$),this.updateDimensions(this.scale)}render(){const{allowEmpty:t,color:e,intlDeleteColor:i,el:n,hideHex:a,hideChannels:o,hideSaved:l,intlHex:h,intlSaved:c,intlSaveColor:u,savedColors:f,scale:d,theme:p}=this,m=e?e.hex():null,b="s"!==d?"m":d,{colorFieldAndSliderInteractive:g}=this,v=s(n),w=null===e;return r("div",{class:"container"},r("canvas",{class:{"color-field-and-slider":!0,"color-field-and-slider--interactive":g},onMouseEnter:this.handleColorFieldAndSliderMouseEnterOrMove,onMouseLeave:this.handleColorFieldAndSliderMouseLeave,onMouseMove:this.handleColorFieldAndSliderMouseEnterOrMove,ref:this.initColorFieldAndSlider}),a&&o?null:r("div",{class:{"control-section":!0,section:!0}},a?null:r("div",{class:"color-hex-options"},r("span",{class:{header:!0,"header--hex":!0,"header--underlined":!0}},h),r("calcite-color-hex-input",{allowEmpty:t,class:"control",dir:v,onCalciteColorHexInputChange:this.handleHexInputChange,ref:this.storeHexInputRef,scale:b,theme:p,value:m})),o?null:r("calcite-tabs",{class:{"color-mode-container":!0,"section--split":!0},dir:v},r("calcite-tab-nav",{slot:"tab-nav"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv"))),l?null:r("div",{class:{"saved-colors-section":!0,section:!0}},r("div",{class:"header"},r("label",null,c),r("div",{class:"saved-colors-buttons"},r("calcite-button",{appearance:"transparent","aria-label":i,class:"delete-color",color:"dark",disabled:w,iconStart:"minus",onClick:this.deleteColor,scale:d,theme:p}),r("calcite-button",{appearance:"transparent","aria-label":u,class:"save-color",color:"dark",disabled:w,iconStart:"plus",onClick:this.saveColor,scale:d,theme:p}))),f.length>0?r("div",{class:"saved-colors"},[...f.map((t=>r("calcite-color-swatch",{active:m===t,class:"saved-color",color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:d,tabIndex:0,theme:p})))]):null))}internalColorSet(t){c(t,this.color)||(this.colorUpdateLocked=!0,this.color=t,this.value=this.toValue(t),this.colorUpdateLocked=!1)}toValue(t){if(!t)return null;const{mode:e}=this;if(e.includes("hex"))return o(t.hex());if(e.includes("-css"))return t[e.replace("-css","").replace("a","")]().string();const r=t[e]().round().object();return e.endsWith("a")&&(r.a=r.alpha,delete r.alpha),r}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:e}}}=this;return 2*e-t}updateDimensions(t="m"){this.dimensions=U[t]}drawColorField(){const t=this.fieldAndSliderRenderingContext,{dimensions:{colorField:{height:e,width:r}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).string(),t.fillRect(0,0,r,e);const i=t.createLinearGradient(0,0,r,0);i.addColorStop(0,"rgba(255,255,255,1)"),i.addColorStop(1,"rgba(255,255,255,0)"),t.fillStyle=i,t.fillRect(0,0,r,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,r,e),this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:e,width:r}){const i=window.devicePixelRatio||1;t.width=r*i,t.height=e*i,t.style.height=e+"px",t.style.width=r+"px",t.getContext("2d").scale(i,i)}containsPoint(t,e,r,i,n){return Math.pow(t-r,2)+Math.pow(e-i,2)<=Math.pow(n,2)}drawActiveColorFieldColor(){const{color:t}=this;if(!t)return;const e=t.hsv(),{dimensions:{colorField:{height:r,width:i},thumb:{radius:n}}}=this,a=e.saturationv()/(R.s/i),s=r-e.value()/(R.v/r);this.drawThumb(this.fieldAndSliderRenderingContext,n,a,s,e,this.hueThumbState)}drawThumb(t,e,r,i,n,a){const s=2*Math.PI;t.beginPath(),t.arc(r,i,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(r,i,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:r},slider:{height:i,width:n},thumb:{radius:a}}}=this,s=e.hue()/(360/n);this.drawThumb(this.fieldAndSliderRenderingContext,a,s,i/2+r,e,this.sliderThumbState)}drawHueSlider(){const t=this.fieldAndSliderRenderingContext,{dimensions:{colorField:{height:e},slider:{height:r,width:i}}}=this,n=t.createLinearGradient(0,0,i,0),a=["red","yellow","lime","cyan","blue","magenta","red"],s=1/(a.length-1);let o=0;a.forEach((t=>{n.addColorStop(o,V(t).string()),o+=s})),t.fillStyle=n,t.clearRect(0,e,i,r+2*this.getSliderCapSpacing()),t.fillRect(0,e,i,r),this.drawActiveHueSliderColor()}updateColorFromChannels(t){this.internalColorSet(V(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 i(this)}static get watchers(){return{color:["handleColorChange"],format:["handleFormatChange"],scale:["handleScaleChange"],value:["handleValueChange"]}}};G.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([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][dir=rtl]) .control-section>: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}:host([scale=l]) .control-section>:nth-child(2){margin-left:12px}:host([scale=l]) .color-hex-options{-ms-flex-negative:1;flex-shrink:1}:host([scale=l]) .color-mode-container{-ms-flex-negative:3;flex-shrink:3}:host([appearance=minimal]) .container{border:none}.container{display:inline-block;border:1px solid var(--calcite-ui-border-1);background-color:var(--calcite-ui-foreground-1)}.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,.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.header--underlined{border-bottom:1px solid var(--calcite-ui-border-1)}.header--hex{line-height:1.5;font-size:0.875rem;line-height:1.5;padding:12px 0 15px}.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-blue-1);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 _=V(),J=class{constructor(r){t(this,r),this.calciteColorHexInputChange=e(this,"calciteColorHexInputChange",7),this.allowEmpty=!1,this.intlHex="Hex",this.intlNoColor="No color",this.scale="m",this.theme="light",this.value=o(_.hex()),this.onCalciteInputBlur=t=>{const e=t.currentTarget,r=e.value,i="#"+r;this.allowEmpty&&!r||u(i)&&f(i)||(e.value=this.allowEmpty&&!this.internalColor?"":this.formatForInternalInput(d(this.internalColor.object())))},this.onInputChange=t=>{const e=t.currentTarget.value;let r;if(e){const t=e;if(!p("#"+t))return;r=o(t)}else this.allowEmpty&&(r=null);this.value=r,this.calciteColorHexInputChange.emit()},this.onInputKeyDown=t=>{const{altKey:e,ctrlKey:r,metaKey:i,shiftKey:n}=t,{inputNode:a,internalColor:s,value:l}=this,h=b(t.key);if(l&&("ArrowDown"===h||"ArrowUp"===h))return this.value=o(this.nudgeRGBChannels(s,(n?10:1)*("ArrowUp"===h?1:-1)).hex()),void t.preventDefault();const c=e||r||i,u=a.value.length>=6,f="Range"===getSelection().type;1!==h.length||c||f||m.test(h)&&!u||t.preventDefault()},this.internalColor=_,this.storeInputRef=t=>{this.inputNode=t}}connectedCallback(){const{allowEmpty:t,value:e}=this;if(e){const t=o(e);u(t)&&(this.internalColor=V(t),this.value=t)}else t&&(this.internalColor=null,this.value=null)}handleValueChange(t,e){if(t){const e=o(t);if(u(e)){const{internalColor:t}=this,r=!t||e!==o(t.hex());return this.internalColor=V(e),this.value=e,void(r&&this.calciteColorHexInputChange.emit())}}else if(this.allowEmpty)return this.internalColor=null,this.value=null,void this.calciteColorHexInputChange.emit();this.value=e}render(){const{el:t,intlHex:e,value:i}=this,n=this.formatForInternalInput(i),a=s(t);return r("div",{class:"container"},r("calcite-input",{"aria-label":e,class:"input",dir:a,onCalciteInputBlur:this.onCalciteInputBlur,onChange:this.onInputChange,onKeyDown:this.onInputKeyDown,prefixText:"#",ref:this.storeInputRef,scale:"s",value:n}),n?r("calcite-color-swatch",{active:!0,class:"preview",color:"#"+n,scale:"s"}):null)}async setFocus(){a(this.inputNode)}formatForInternalInput(t){return t?t.replace("#",""):""}nudgeRGBChannels(t,e){return V.rgb(t.array().map((t=>t+e)))}get el(){return i(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:-ms-inline-grid;display:inline-grid;-ms-grid-columns:1fr auto;grid-template-columns:1fr auto;-ms-flex-align:center;align-items:center}.preview{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none;margin:0 6px;z-index:1}.preview,.input{-ms-grid-row:1;grid-row:1}.input{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;text-transform:uppercase;width:100%}";const T=class{constructor(e){t(this,e),this.active=!1,this.scale="m",this.theme="light"}handleColorChange(t){this.internalColor=V(t)}componentWillLoad(){this.handleColorChange(this.color)}render(){const{active:t,internalColor:e,theme:i}=this,a=t?"100%":"0",s=e.hex(),o=t?"rgba(0, 0, 0, 0.15)":e["light"===i?"darken":"whiten"](.25).hex();return r(n,{"aria-label":s,title:s},r("svg",{class:"swatch",xmlns:"http://www.w3.org/2000/svg"},r("rect",{fill:s,height:"100%",rx:a,stroke:o,width:"100%"})))}static get watchers(){return{color:["handleColorChange"]}}};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:-ms-inline-flexbox;display:inline-flex;position:relative}:host([scale=s]){height:20px;width:20px}:host([scale=m]){height:24px;width:24px}:host([scale=l]){height:28px;width:28px}.swatch{height:inherit;width:inherit;overflow:visible}.swatch rect{-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}.no-color-icon{height:100%;width:100%;top:0;left:0;bottom:0;right:0;position:absolute}";export{G as calcite_color,J as calcite_color_hex_input,T as calcite_color_swatch}