@esri/calcite-components 2.1.0-next.6 → 2.1.0-next.7

package/dist/calcite/p-95876f84.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.7
+ */
+import{r as t,c as e,h as s,g as n,F as i}from"./p-9621ebf7.js";import{i as o,g as r,d as a,j as l}from"./p-1fc0aa37.js";import{C as c,n as h,a as u,o as d,b as f,c as p,p as g,d as b,t as m,e as w,f as y,g as v,j as k,i as x,r as C,k as M}from"./p-35b28c33.js";import{c as S,d as A,u as j}from"./p-bad8b453.js";import{i as z}from"./p-66681f87.js";import{c as F,s as O,a as $}from"./p-6bb7f3c4.js";import{c as D,d as I}from"./p-07a609a8.js";import{r as q,c as E,a as N}from"./p-5328ecbe.js";import{u as L,s as K,c as U,d as P}from"./p-c5269d0a.js";import{t as T}from"./p-a18346a6.js";import"./p-a6e34d32.js";import"./p-fd3d6c96.js";import"./p-39a44c05.js";import"./p-f21908c0.js";import"./p-f29b8ca6.js";function _(t,e,s){return s={path:e,exports:{},require:function(t,e){return B()}},t(s,s.exports),s.exports}function B(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}var H={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]};var V=function t(e){if(!e||typeof e==="string"){return false}return e instanceof Array||Array.isArray(e)||e.length>=0&&(e.splice instanceof Function||Object.getOwnPropertyDescriptor(e,e.length-1)&&e.constructor.name!=="String")};var J=_((function(t){var e=Array.prototype.concat;var s=Array.prototype.slice;var n=t.exports=function t(n){var i=[];for(var o=0,r=n.length;o<r;o++){var a=n[o];if(V(a)){i=e.call(i,s.call(a))}else{i.push(a)}}return i};n.wrap=function(t){return function(){return t(n(arguments))}}}));var R=_((function(t){var e=Object.hasOwnProperty;var s=Object.create(null);for(var n in H){if(e.call(H,n)){s[H[n]]=n}}var i=t.exports={to:{},get:{}};i.get=function(t){var e=t.substring(0,3).toLowerCase();var s;var n;switch(e){case"hsl":s=i.get.hsl(t);n="hsl";break;case"hwb":s=i.get.hwb(t);n="hwb";break;default:s=i.get.rgb(t);n="rgb";break}if(!s){return null}return{model:n,value:s}};i.get.rgb=function(t){if(!t){return null}var s=/^#([a-f0-9]{3,4})$/i;var n=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i;var i=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var r=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var a=/^(\w+)$/;var l=[0,0,0,1];var c;var h;var u;if(c=t.match(n)){u=c[2];c=c[1];for(h=0;h<3;h++){var d=h*2;l[h]=parseInt(c.slice(d,d+2),16)}if(u){l[3]=parseInt(u,16)/255}}else if(c=t.match(s)){c=c[1];u=c[3];for(h=0;h<3;h++){l[h]=parseInt(c[h]+c[h],16)}if(u){l[3]=parseInt(u+u,16)/255}}else if(c=t.match(i)){for(h=0;h<3;h++){l[h]=parseInt(c[h+1],0)}if(c[4]){if(c[5]){l[3]=parseFloat(c[4])*.01}else{l[3]=parseFloat(c[4])}}}else if(c=t.match(r)){for(h=0;h<3;h++){l[h]=Math.round(parseFloat(c[h+1])*2.55)}if(c[4]){if(c[5]){l[3]=parseFloat(c[4])*.01}else{l[3]=parseFloat(c[4])}}}else if(c=t.match(a)){if(c[1]==="transparent"){return[0,0,0,0]}if(!e.call(H,c[1])){return null}l=H[c[1]];l[3]=1;return l}else{return null}for(h=0;h<3;h++){l[h]=o(l[h],0,255)}l[3]=o(l[3],0,1);return l};i.get.hsl=function(t){if(!t){return null}var e=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;var s=t.match(e);if(s){var n=parseFloat(s[4]);var i=(parseFloat(s[1])%360+360)%360;var r=o(parseFloat(s[2]),0,100);var a=o(parseFloat(s[3]),0,100);var l=o(isNaN(n)?1:n,0,1);return[i,r,a,l]}return null};i.get.hwb=function(t){if(!t){return null}var e=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;var s=t.match(e);if(s){var n=parseFloat(s[4]);var i=(parseFloat(s[1])%360+360)%360;var r=o(parseFloat(s[2]),0,100);var a=o(parseFloat(s[3]),0,100);var l=o(isNaN(n)?1:n,0,1);return[i,r,a,l]}return null};i.to.hex=function(){var t=J(arguments);return"#"+r(t[0])+r(t[1])+r(t[2])+(t[3]<1?r(Math.round(t[3]*255)):"")};i.to.rgb=function(){var t=J(arguments);return t.length<4||t[3]===1?"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=J(arguments);var e=Math.round(t[0]/255*100);var s=Math.round(t[1]/255*100);var n=Math.round(t[2]/255*100);return t.length<4||t[3]===1?"rgb("+e+"%, "+s+"%, "+n+"%)":"rgba("+e+"%, "+s+"%, "+n+"%, "+t[3]+")"};i.to.hsl=function(){var t=J(arguments);return t.length<4||t[3]===1?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"};i.to.hwb=function(){var t=J(arguments);var e="";if(t.length>=4&&t[3]!==1){e=", "+t[3]}return"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"};i.to.keyword=function(t){return s[t.slice(0,3)]};function o(t,e,s){return Math.min(Math.max(e,t),s)}function r(t){var e=Math.round(t).toString(16).toUpperCase();return e.length<2?"0"+e:e}}));var X={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]};const W={};for(const t of Object.keys(X)){W[X[t]]=t}const G={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"]}};var Y=G;for(const t of Object.keys(G)){if(!("channels"in G[t])){throw new Error("missing channels property: "+t)}if(!("labels"in G[t])){throw new Error("missing channel labels property: "+t)}if(G[t].labels.length!==G[t].channels){throw new Error("channel and label counts mismatch: "+t)}const{channels:e,labels:s}=G[t];delete G[t].channels;delete G[t].labels;Object.defineProperty(G[t],"channels",{value:e});Object.defineProperty(G[t],"labels",{value:s})}G.rgb.hsl=function(t){const e=t[0]/255;const s=t[1]/255;const n=t[2]/255;const i=Math.min(e,s,n);const o=Math.max(e,s,n);const r=o-i;let a;let l;if(o===i){a=0}else if(e===o){a=(s-n)/r}else if(s===o){a=2+(n-e)/r}else if(n===o){a=4+(e-s)/r}a=Math.min(a*60,360);if(a<0){a+=360}const c=(i+o)/2;if(o===i){l=0}else if(c<=.5){l=r/(o+i)}else{l=r/(2-o-i)}return[a,l*100,c*100]};G.rgb.hsv=function(t){let e;let s;let n;let i;let o;const r=t[0]/255;const a=t[1]/255;const l=t[2]/255;const c=Math.max(r,a,l);const h=c-Math.min(r,a,l);const u=function(t){return(c-t)/6/h+1/2};if(h===0){i=0;o=0}else{o=h/c;e=u(r);s=u(a);n=u(l);if(r===c){i=n-s}else if(a===c){i=1/3+e-n}else if(l===c){i=2/3+s-e}if(i<0){i+=1}else if(i>1){i-=1}}return[i*360,o*100,c*100]};G.rgb.hwb=function(t){const e=t[0];const s=t[1];let n=t[2];const i=G.rgb.hsl(t)[0];const o=1/255*Math.min(e,Math.min(s,n));n=1-1/255*Math.max(e,Math.max(s,n));return[i,o*100,n*100]};G.rgb.cmyk=function(t){const e=t[0]/255;const s=t[1]/255;const n=t[2]/255;const i=Math.min(1-e,1-s,1-n);const o=(1-e-i)/(1-i)||0;const r=(1-s-i)/(1-i)||0;const a=(1-n-i)/(1-i)||0;return[o*100,r*100,a*100,i*100]};function Q(t,e){return(t[0]-e[0])**2+(t[1]-e[1])**2+(t[2]-e[2])**2}G.rgb.keyword=function(t){const e=W[t];if(e){return e}let s=Infinity;let n;for(const e of Object.keys(X)){const i=X[e];const o=Q(t,i);if(o<s){s=o;n=e}}return n};G.keyword.rgb=function(t){return X[t]};G.rgb.xyz=function(t){let e=t[0]/255;let s=t[1]/255;let n=t[2]/255;e=e>.04045?((e+.055)/1.055)**2.4:e/12.92;s=s>.04045?((s+.055)/1.055)**2.4:s/12.92;n=n>.04045?((n+.055)/1.055)**2.4:n/12.92;const i=e*.4124+s*.3576+n*.1805;const o=e*.2126+s*.7152+n*.0722;const r=e*.0193+s*.1192+n*.9505;return[i*100,o*100,r*100]};G.rgb.lab=function(t){const e=G.rgb.xyz(t);let s=e[0];let n=e[1];let i=e[2];s/=95.047;n/=100;i/=108.883;s=s>.008856?s**(1/3):7.787*s+16/116;n=n>.008856?n**(1/3):7.787*n+16/116;i=i>.008856?i**(1/3):7.787*i+16/116;const o=116*n-16;const r=500*(s-n);const a=200*(n-i);return[o,r,a]};G.hsl.rgb=function(t){const e=t[0]/360;const s=t[1]/100;const n=t[2]/100;let i;let o;let r;if(s===0){r=n*255;return[r,r,r]}if(n<.5){i=n*(1+s)}else{i=n+s-n*s}const a=2*n-i;const l=[0,0,0];for(let t=0;t<3;t++){o=e+1/3*-(t-1);if(o<0){o++}if(o>1){o--}if(6*o<1){r=a+(i-a)*6*o}else if(2*o<1){r=i}else if(3*o<2){r=a+(i-a)*(2/3-o)*6}else{r=a}l[t]=r*255}return l};G.hsl.hsv=function(t){const e=t[0];let s=t[1]/100;let n=t[2]/100;let i=s;const o=Math.max(n,.01);n*=2;s*=n<=1?n:2-n;i*=o<=1?o:2-o;const r=(n+s)/2;const a=n===0?2*i/(o+i):2*s/(n+s);return[e,a*100,r*100]};G.hsv.rgb=function(t){const e=t[0]/60;const s=t[1]/100;let n=t[2]/100;const i=Math.floor(e)%6;const o=e-Math.floor(e);const r=255*n*(1-s);const a=255*n*(1-s*o);const l=255*n*(1-s*(1-o));n*=255;switch(i){case 0:return[n,l,r];case 1:return[a,n,r];case 2:return[r,n,l];case 3:return[r,a,n];case 4:return[l,r,n];case 5:return[n,r,a]}};G.hsv.hsl=function(t){const e=t[0];const s=t[1]/100;const n=t[2]/100;const i=Math.max(n,.01);let o;let r;r=(2-s)*n;const a=(2-s)*i;o=s*i;o/=a<=1?a:2-a;o=o||0;r/=2;return[e,o*100,r*100]};G.hwb.rgb=function(t){const e=t[0]/360;let s=t[1]/100;let n=t[2]/100;const i=s+n;let o;if(i>1){s/=i;n/=i}const r=Math.floor(6*e);const a=1-n;o=6*e-r;if((r&1)!==0){o=1-o}const l=s+o*(a-s);let c;let h;let u;switch(r){default:case 6:case 0:c=a;h=l;u=s;break;case 1:c=l;h=a;u=s;break;case 2:c=s;h=a;u=l;break;case 3:c=s;h=l;u=a;break;case 4:c=l;h=s;u=a;break;case 5:c=a;h=s;u=l;break}return[c*255,h*255,u*255]};G.cmyk.rgb=function(t){const e=t[0]/100;const s=t[1]/100;const n=t[2]/100;const i=t[3]/100;const o=1-Math.min(1,e*(1-i)+i);const r=1-Math.min(1,s*(1-i)+i);const a=1-Math.min(1,n*(1-i)+i);return[o*255,r*255,a*255]};G.xyz.rgb=function(t){const e=t[0]/100;const s=t[1]/100;const n=t[2]/100;let i;let o;let r;i=e*3.2406+s*-1.5372+n*-.4986;o=e*-.9689+s*1.8758+n*.0415;r=e*.0557+s*-.204+n*1.057;i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92;o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92;r=r>.0031308?1.055*r**(1/2.4)-.055:r*12.92;i=Math.min(Math.max(0,i),1);o=Math.min(Math.max(0,o),1);r=Math.min(Math.max(0,r),1);return[i*255,o*255,r*255]};G.xyz.lab=function(t){let e=t[0];let s=t[1];let n=t[2];e/=95.047;s/=100;n/=108.883;e=e>.008856?e**(1/3):7.787*e+16/116;s=s>.008856?s**(1/3):7.787*s+16/116;n=n>.008856?n**(1/3):7.787*n+16/116;const i=116*s-16;const o=500*(e-s);const r=200*(s-n);return[i,o,r]};G.lab.xyz=function(t){const e=t[0];const s=t[1];const n=t[2];let i;let o;let r;o=(e+16)/116;i=s/500+o;r=o-n/200;const a=o**3;const l=i**3;const c=r**3;o=a>.008856?a:(o-16/116)/7.787;i=l>.008856?l:(i-16/116)/7.787;r=c>.008856?c:(r-16/116)/7.787;i*=95.047;o*=100;r*=108.883;return[i,o,r]};G.lab.lch=function(t){const e=t[0];const s=t[1];const n=t[2];let i;const o=Math.atan2(n,s);i=o*360/2/Math.PI;if(i<0){i+=360}const r=Math.sqrt(s*s+n*n);return[e,r,i]};G.lch.lab=function(t){const e=t[0];const s=t[1];const n=t[2];const i=n/360*2*Math.PI;const o=s*Math.cos(i);const r=s*Math.sin(i);return[e,o,r]};G.rgb.ansi16=function(t,e=null){const[s,n,i]=t;let o=e===null?G.rgb.hsv(t)[2]:e;o=Math.round(o/50);if(o===0){return 30}let r=30+(Math.round(i/255)<<2|Math.round(n/255)<<1|Math.round(s/255));if(o===2){r+=60}return r};G.hsv.ansi16=function(t){return G.rgb.ansi16(G.hsv.rgb(t),t[2])};G.rgb.ansi256=function(t){const e=t[0];const s=t[1];const n=t[2];if(e===s&&s===n){if(e<8){return 16}if(e>248){return 231}return Math.round((e-8)/247*24)+232}const i=16+36*Math.round(e/255*5)+6*Math.round(s/255*5)+Math.round(n/255*5);return i};G.ansi16.rgb=function(t){let e=t%10;if(e===0||e===7){if(t>50){e+=3.5}e=e/10.5*255;return[e,e,e]}const s=(~~(t>50)+1)*.5;const n=(e&1)*s*255;const i=(e>>1&1)*s*255;const o=(e>>2&1)*s*255;return[n,i,o]};G.ansi256.rgb=function(t){if(t>=232){const e=(t-232)*10+8;return[e,e,e]}t-=16;let e;const s=Math.floor(t/36)/5*255;const n=Math.floor((e=t%36)/6)/5*255;const i=e%6/5*255;return[s,n,i]};G.rgb.hex=function(t){const e=((Math.round(t[0])&255)<<16)+((Math.round(t[1])&255)<<8)+(Math.round(t[2])&255);const s=e.toString(16).toUpperCase();return"000000".substring(s.length)+s};G.hex.rgb=function(t){const e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e){return[0,0,0]}let s=e[0];if(e[0].length===3){s=s.split("").map((t=>t+t)).join("")}const n=parseInt(s,16);const i=n>>16&255;const o=n>>8&255;const r=n&255;return[i,o,r]};G.rgb.hcg=function(t){const e=t[0]/255;const s=t[1]/255;const n=t[2]/255;const i=Math.max(Math.max(e,s),n);const o=Math.min(Math.min(e,s),n);const r=i-o;let a;let l;if(r<1){a=o/(1-r)}else{a=0}if(r<=0){l=0}else if(i===e){l=(s-n)/r%6}else if(i===s){l=2+(n-e)/r}else{l=4+(e-s)/r}l/=6;l%=1;return[l*360,r*100,a*100]};G.hsl.hcg=function(t){const e=t[1]/100;const s=t[2]/100;const n=s<.5?2*e*s:2*e*(1-s);let i=0;if(n<1){i=(s-.5*n)/(1-n)}return[t[0],n*100,i*100]};G.hsv.hcg=function(t){const e=t[1]/100;const s=t[2]/100;const n=e*s;let i=0;if(n<1){i=(s-n)/(1-n)}return[t[0],n*100,i*100]};G.hcg.rgb=function(t){const e=t[0]/360;const s=t[1]/100;const n=t[2]/100;if(s===0){return[n*255,n*255,n*255]}const i=[0,0,0];const o=e%1*6;const r=o%1;const a=1-r;let l=0;switch(Math.floor(o)){case 0:i[0]=1;i[1]=r;i[2]=0;break;case 1:i[0]=a;i[1]=1;i[2]=0;break;case 2:i[0]=0;i[1]=1;i[2]=r;break;case 3:i[0]=0;i[1]=a;i[2]=1;break;case 4:i[0]=r;i[1]=0;i[2]=1;break;default:i[0]=1;i[1]=0;i[2]=a}l=(1-s)*n;return[(s*i[0]+l)*255,(s*i[1]+l)*255,(s*i[2]+l)*255]};G.hcg.hsv=function(t){const e=t[1]/100;const s=t[2]/100;const n=e+s*(1-e);let i=0;if(n>0){i=e/n}return[t[0],i*100,n*100]};G.hcg.hsl=function(t){const e=t[1]/100;const s=t[2]/100;const n=s*(1-e)+.5*e;let i=0;if(n>0&&n<.5){i=e/(2*n)}else if(n>=.5&&n<1){i=e/(2*(1-n))}return[t[0],i*100,n*100]};G.hcg.hwb=function(t){const e=t[1]/100;const s=t[2]/100;const n=e+s*(1-e);return[t[0],(n-e)*100,(1-n)*100]};G.hwb.hcg=function(t){const e=t[1]/100;const s=t[2]/100;const n=1-s;const i=n-e;let o=0;if(i<1){o=(n-i)/(1-i)}return[t[0],i*100,o*100]};G.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]};G.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]};G.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]};G.gray.hsl=function(t){return[0,0,t[0]]};G.gray.hsv=G.gray.hsl;G.gray.hwb=function(t){return[0,100,t[0]]};G.gray.cmyk=function(t){return[0,0,0,t[0]]};G.gray.lab=function(t){return[t[0],0,0]};G.gray.hex=function(t){const e=Math.round(t[0]/100*255)&255;const s=(e<<16)+(e<<8)+e;const n=s.toString(16).toUpperCase();return"000000".substring(n.length)+n};G.rgb.gray=function(t){const e=(t[0]+t[1]+t[2])/3;return[e/255*100]};function Z(){const t={};const e=Object.keys(Y);for(let s=e.length,n=0;n<s;n++){t[e[n]]={distance:-1,parent:null}}return t}function tt(t){const e=Z();const s=[t];e[t].distance=0;while(s.length){const t=s.pop();const n=Object.keys(Y[t]);for(let i=n.length,o=0;o<i;o++){const i=n[o];const r=e[i];if(r.distance===-1){r.distance=e[t].distance+1;r.parent=t;s.unshift(i)}}}return e}function et(t,e){return function(s){return e(t(s))}}function st(t,e){const s=[e[t].parent,t];let n=Y[e[t].parent][t];let i=e[t].parent;while(e[i].parent){s.unshift(e[i].parent);n=et(Y[e[i].parent][i],n);i=e[i].parent}n.conversion=s;return n}var nt=function(t){const e=tt(t);const s={};const n=Object.keys(e);for(let t=n.length,i=0;i<t;i++){const t=n[i];const o=e[t];if(o.parent===null){continue}s[t]=st(t,e)}return s};const it={};const ot=Object.keys(Y);function rt(t){const e=function(...e){const s=e[0];if(s===undefined||s===null){return s}if(s.length>1){e=s}return t(e)};if("conversion"in t){e.conversion=t.conversion}return e}function at(t){const e=function(...e){const s=e[0];if(s===undefined||s===null){return s}if(s.length>1){e=s}const n=t(e);if(typeof n==="object"){for(let t=n.length,e=0;e<t;e++){n[e]=Math.round(n[e])}}return n};if("conversion"in t){e.conversion=t.conversion}return e}ot.forEach((t=>{it[t]={};Object.defineProperty(it[t],"channels",{value:Y[t].channels});Object.defineProperty(it[t],"labels",{value:Y[t].labels});const e=nt(t);const s=Object.keys(e);s.forEach((s=>{const n=e[s];it[t][s]=at(n);it[t][s].raw=rt(n)}))}));var lt=it;const ct=["keyword","gray","hex"];const ht={};for(const t of Object.keys(lt)){ht[[...lt[t].labels].sort().join("")]=t}const ut={};function dt(t,e){if(!(this instanceof dt)){return new dt(t,e)}if(e&&e in ct){e=null}if(e&&!(e in lt)){throw new Error("Unknown model: "+e)}let s;let n;if(t==null){this.model="rgb";this.color=[0,0,0];this.valpha=1}else if(t instanceof dt){this.model=t.model;this.color=[...t.color];this.valpha=t.valpha}else if(typeof t==="string"){const e=R.get(t);if(e===null){throw new Error("Unable to parse color from string: "+t)}this.model=e.model;n=lt[this.model].channels;this.color=e.value.slice(0,n);this.valpha=typeof e.value[n]==="number"?e.value[n]:1}else if(t.length>0){this.model=e||"rgb";n=lt[this.model].channels;const s=Array.prototype.slice.call(t,0,n);this.color=wt(s,n);this.valpha=typeof t[n]==="number"?t[n]:1}else if(typeof t==="number"){this.model="rgb";this.color=[t>>16&255,t>>8&255,t&255];this.valpha=1}else{this.valpha=1;const e=Object.keys(t);if("alpha"in t){e.splice(e.indexOf("alpha"),1);this.valpha=typeof t.alpha==="number"?t.alpha:0}const n=e.sort().join("");if(!(n in ht)){throw new Error("Unable to parse color from object: "+JSON.stringify(t))}this.model=ht[n];const{labels:i}=lt[this.model];const o=[];for(s=0;s<i.length;s++){o.push(t[i[s]])}this.color=wt(o)}if(ut[this.model]){n=lt[this.model].channels;for(s=0;s<n;s++){const t=ut[this.model][s];if(t){this.color[s]=t(this.color[s])}}}this.valpha=Math.max(0,Math.min(1,this.valpha));if(Object.freeze){Object.freeze(this)}}dt.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(t){let e=this.model in R.to?this:this.rgb();e=e.round(typeof t==="number"?t:1);const s=e.valpha===1?e.color:[...e.color,this.valpha];return R.to[e.model](s)},percentString(t){const e=this.rgb().round(typeof t==="number"?t:1);const s=e.valpha===1?e.color:[...e.color,this.valpha];return R.to.rgb.percent(s)},array(){return this.valpha===1?[...this.color]:[...this.color,this.valpha]},object(){const t={};const{channels:e}=lt[this.model];const{labels:s}=lt[this.model];for(let n=0;n<e;n++){t[s[n]]=this.color[n]}if(this.valpha!==1){t.alpha=this.valpha}return t},unitArray(){const t=this.rgb().color;t[0]/=255;t[1]/=255;t[2]/=255;if(this.valpha!==1){t.push(this.valpha)}return t},unitObject(){const t=this.rgb().object();t.r/=255;t.g/=255;t.b/=255;if(this.valpha!==1){t.alpha=this.valpha}return t},round(t){t=Math.max(t||0,0);return new dt([...this.color.map(pt(t)),this.valpha],this.model)},alpha(t){if(t!==undefined){return new dt([...this.color,Math.max(0,Math.min(1,t))],this.model)}return this.valpha},red:gt("rgb",0,bt(255)),green:gt("rgb",1,bt(255)),blue:gt("rgb",2,bt(255)),hue:gt(["hsl","hsv","hsl","hwb","hcg"],0,(t=>(t%360+360)%360)),saturationl:gt("hsl",1,bt(100)),lightness:gt("hsl",2,bt(100)),saturationv:gt("hsv",1,bt(100)),value:gt("hsv",2,bt(100)),chroma:gt("hcg",1,bt(100)),gray:gt("hcg",2,bt(100)),white:gt("hwb",1,bt(100)),wblack:gt("hwb",2,bt(100)),cyan:gt("cmyk",0,bt(100)),magenta:gt("cmyk",1,bt(100)),yellow:gt("cmyk",2,bt(100)),black:gt("cmyk",3,bt(100)),x:gt("xyz",0,bt(95.047)),y:gt("xyz",1,bt(100)),z:gt("xyz",2,bt(108.833)),l:gt("lab",0,bt(100)),a:gt("lab",1),b:gt("lab",2),keyword(t){if(t!==undefined){return new dt(t)}return lt[this.model].keyword(this.color)},hex(t){if(t!==undefined){return new dt(t)}return R.to.hex(this.rgb().round().color)},hexa(t){if(t!==undefined){return new dt(t)}const e=this.rgb().round().color;let s=Math.round(this.valpha*255).toString(16).toUpperCase();if(s.length===1){s="0"+s}return R.to.hex(e)+s},rgbNumber(){const t=this.rgb().color;return(t[0]&255)<<16|(t[1]&255)<<8|t[2]&255},luminosity(){const t=this.rgb().color;const e=[];for(const[s,n]of t.entries()){const t=n/255;e[s]=t<=.04045?t/12.92:((t+.055)/1.055)**2.4}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast(t){const e=this.luminosity();const s=t.luminosity();if(e>s){return(e+.05)/(s+.05)}return(s+.05)/(e+.05)},level(t){const e=this.contrast(t);if(e>=7){return"AAA"}return e>=4.5?"AA":""},isDark(){const t=this.rgb().color;const e=(t[0]*2126+t[1]*7152+t[2]*722)/1e4;return e<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let e=0;e<3;e++){t.color[e]=255-t.color[e]}return t},lighten(t){const e=this.hsl();e.color[2]+=e.color[2]*t;return e},darken(t){const e=this.hsl();e.color[2]-=e.color[2]*t;return e},saturate(t){const e=this.hsl();e.color[1]+=e.color[1]*t;return e},desaturate(t){const e=this.hsl();e.color[1]-=e.color[1]*t;return e},whiten(t){const e=this.hwb();e.color[1]+=e.color[1]*t;return e},blacken(t){const e=this.hwb();e.color[2]+=e.color[2]*t;return e},grayscale(){const t=this.rgb().color;const e=t[0]*.3+t[1]*.59+t[2]*.11;return dt.rgb(e,e,e)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const e=this.hsl();let s=e.color[0];s=(s+t)%360;s=s<0?360+s:s;e.color[0]=s;return e},mix(t,e){if(!t||!t.rgb){throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t)}const s=t.rgb();const n=this.rgb();const i=e===undefined?.5:e;const o=2*i-1;const r=s.alpha()-n.alpha();const a=((o*r===-1?o:(o+r)/(1+o*r))+1)/2;const l=1-a;return dt.rgb(a*s.red()+l*n.red(),a*s.green()+l*n.green(),a*s.blue()+l*n.blue(),s.alpha()*i+n.alpha()*(1-i))}};for(const t of Object.keys(lt)){if(ct.includes(t)){continue}const{channels:e}=lt[t];dt.prototype[t]=function(...e){if(this.model===t){return new dt(this)}if(e.length>0){return new dt(e,t)}return new dt([...mt(lt[this.model][t].raw(this.color)),this.valpha],t)};dt[t]=function(...s){let n=s[0];if(typeof n==="number"){n=wt(s,e)}return new dt(n,t)}}function ft(t,e){return Number(t.toFixed(e))}function pt(t){return function(e){return ft(e,t)}}function gt(t,e,s){t=Array.isArray(t)?t:[t];for(const n of t){(ut[n]||(ut[n]=[]))[e]=s}t=t[0];return function(n){let i;if(n!==undefined){if(s){n=s(n)}i=this[t]();i.color[e]=n;return i}i=this[t]().color[e];if(s){i=s(i)}return i}}function bt(t){return function(e){return Math.max(0,Math.min(t,e))}}function mt(t){return Array.isArray(t)?t:[t]}function wt(t,e){for(let s=0;s<e;s++){if(typeof t[s]!=="number"){t[s]=0}}return t}var yt=dt;const vt={channel:"channel",channels:"channels",colorField:"color-field",colorFieldScope:"scope--color-field",colorMode:"color-mode",colorModeContainer:"color-mode-container",container:"container",control:"control",controlAndScope:"control-and-scope",controlSection:"control-section",deleteColor:"delete-color",header:"header",hexAndChannelsGroup:"hex-and-channels-group",hexOptions:"color-hex-options",hueScope:"scope--hue",hueSlider:"hue-slider",opacityScope:"scope--opacity",opacitySlider:"opacity-slider",preview:"preview",previewAndSliders:"preview-and-sliders",saveColor:"save-color",savedColor:"saved-color",savedColors:"saved-colors",savedColorsButtons:"saved-colors-buttons",savedColorsSection:"saved-colors-section",scope:"scope",section:"section",slider:"slider",sliders:"sliders",splitSection:"section--split"};const kt=yt("#007AC2");const xt="calcite-color-";const Ct={r:255,g:255,b:255};const Mt={h:360,s:100,v:100};const St=Mt.h-1;const At={min:0,max:100};const jt={s:{slider:{height:12,width:104},colorField:{height:80,width:160},thumb:{radius:10}},m:{slider:{height:12,width:204},colorField:{height:150,width:272},thumb:{radius:10}},l:{slider:{height:12,width:384},colorField:{height:200,width:464},thumb:{radius:10}}};const zt=1;const Ft=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){--calcite-color-picker-spacing:8px}:host([scale=s]) .container{inline-size:160px}:host([scale=s]) .saved-colors{gap:0.25rem;grid-template-columns:repeat(auto-fill, 20px)}:host([scale=m]){--calcite-color-picker-spacing:12px}:host([scale=m]) .container{inline-size:272px}:host([scale=l]){--calcite-color-picker-spacing:16px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:464px}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, 32px)}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline;flex-wrap:wrap}:host([scale=l]) .color-hex-options{display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-color-foreground-1);display:inline-block;border:1px solid var(--calcite-color-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:11px}.hex-and-channels-group{inline-size:100%}.hex-and-channels-group,.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex;row-gap:0.125rem}.channel[data-channel-index="3"]{inline-size:159px}:host([scale=s]) .channels{flex-wrap:wrap}:host([scale=s]) .channel{flex-basis:30%;flex-grow:1}:host([scale=s]) .channel[data-channel-index="3"]{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .channel[data-channel-index="3"]{inline-size:131px}.saved-colors{display:grid;gap:0.5rem;padding-block-start:var(--calcite-color-picker-spacing);grid-template-columns:repeat(auto-fill, 24px)}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}';const Ot=16;const $t=class{constructor(n){t(this,n);this.calciteColorPickerChange=e(this,"calciteColorPickerChange",6);this.calciteColorPickerInput=e(this,"calciteColorPickerInput",6);this.internalColorUpdateContext=null;this.mode=c.HEX;this.shiftKeyChannelAdjustment=0;this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode");this.updateChannelsFromColor(this.color)};this.handleColorFieldScopeKeyDown=t=>{const{key:e}=t;const s={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};if(s[e]){t.preventDefault();this.scopeOrientation=e==="ArrowDown"||e==="ArrowUp"?"vertical":"horizontal";this.captureColorFieldColor(this.colorFieldScopeLeft+s[e].x||0,this.colorFieldScopeTop+s[e].y||0,false)}};this.handleHueScopeKeyDown=t=>{const e=t.shiftKey?10:1;const{key:s}=t;const n={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(n[s]){t.preventDefault();const i=n[s]*e;const o=this.baseColorFieldColor.hue();const r=this.baseColorFieldColor.hue(o+i);this.internalColorSet(r,false)}};this.handleHexInputChange=t=>{t.stopPropagation();const{allowEmpty:e,color:s}=this;const n=t.target;const i=n.value;if(e&&!i){this.internalColorSet(null);return}const o=s&&h(u(s,p(this.mode)));if(i!==o){this.internalColorSet(yt(i))}};this.handleSavedColorSelect=t=>{const e=t.currentTarget;this.internalColorSet(yt(e.color))};this.handleChannelInput=t=>{const e=t.currentTarget;const s=Number(e.getAttribute("data-channel-index"));const n=s===3;const i=n?At.max:this.channelMode==="rgb"?Ct[Object.keys(Ct)[s]]:Mt[Object.keys(Mt)[s]];let o;if(this.allowEmpty&&!e.value){o=""}else{const t=Number(e.value);const s=t+this.shiftKeyChannelAdjustment;const n=E(s,0,i);o=n.toString()}e.value=o};this.handleChannelChange=t=>{const e=t.currentTarget;const s=Number(e.getAttribute("data-channel-index"));const n=[...this.channels];const i=this.allowEmpty&&!e.value;if(i){this.channels=[null,null,null,null];this.internalColorSet(null);return}const o=s===3;const r=Number(e.value);n[s]=o?d(r):r;this.updateColorFromChannels(n)};this.handleSavedColorKeyDown=t=>{if(z(t.key)){t.preventDefault();this.handleSavedColorSelect(t)}};this.handleColorFieldPointerDown=t=>{if(!o(t)){return}const{offsetX:e,offsetY:s}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.colorFieldRenderingContext,bounds:this.colorFieldRenderingContext.canvas.getBoundingClientRect()};this.captureColorFieldColor(e,s);this.colorFieldScopeNode.focus()};this.handleHueSliderPointerDown=t=>{if(!o(t)){return}const{offsetX:e}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.hueSliderRenderingContext,bounds:this.hueSliderRenderingContext.canvas.getBoundingClientRect()};this.captureHueSliderColor(e);this.hueScopeNode.focus()};this.handleOpacitySliderPointerDown=t=>{if(!o(t)){return}const{offsetX:e}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.opacitySliderRenderingContext,bounds:this.opacitySliderRenderingContext.canvas.getBoundingClientRect()};this.captureOpacitySliderValue(e);this.opacityScopeNode.focus()};this.globalPointerUpHandler=t=>{if(!o(t)){return}const e=this.activeCanvasInfo;this.activeCanvasInfo=null;this.drawColorControls();if(e){this.calciteColorPickerChange.emit()}};this.globalPointerMoveHandler=t=>{const{activeCanvasInfo:e,el:s}=this;if(!s.isConnected||!e){return}const{context:n,bounds:i}=e;let o;let r;const{clientX:a,clientY:l}=t;if(n.canvas.matches(":hover")){o=a-i.x;r=l-i.y}else{if(a<i.x+i.width&&a>i.x){o=a-i.x}else if(a<i.x){o=0}else{o=i.width}if(l<i.y+i.height&&l>i.y){r=l-i.y}else if(l<i.y){r=0}else{r=i.height}}if(n===this.colorFieldRenderingContext){this.captureColorFieldColor(o,r,false)}else if(n===this.hueSliderRenderingContext){this.captureHueSliderColor(o)}else if(n===this.opacitySliderRenderingContext){this.captureOpacitySliderValue(o)}};this.storeColorFieldScope=t=>{this.colorFieldScopeNode=t};this.storeHueScope=t=>{this.hueScopeNode=t};this.renderChannelsTabTitle=t=>{const{channelMode:e,messages:n}=this;const i=t===e;const o=t==="rgb"?n.rgb:n.hsv;return s("calcite-tab-title",{class:vt.colorMode,"data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate,selected:i},o)};this.renderChannelsTab=t=>{const{allowEmpty:e,channelMode:n,channels:i,messages:o,alphaChannel:a}=this;const l=t===n;const c=t==="rgb";const h=c?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value];const u=r(this.el);const d=a?i:i.slice(0,3);return s("calcite-tab",{class:vt.control,key:t,selected:l},s("div",{class:vt.channels,dir:"ltr"},d.map(((t,s)=>{const n=s===3;if(n){t=e&&!t?t:f(t)}return this.renderChannel(t,s,h[s],u,n?"%":"")}))))};this.renderChannel=(t,e,n,i,o)=>s("calcite-input-number",{class:vt.channel,"data-channel-index":e,dir:i,key:e,label:n,lang:this.effectiveLocale,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.handleChannelChange,onCalciteInputNumberInput:this.handleChannelInput,onKeyDown:this.handleKeyDown,scale:this.scale==="l"?"m":"s",style:{marginLeft:e>0&&!(this.scale==="s"&&this.alphaChannel&&e===3)?"-1px":""},suffixText:o,value:t?.toString()});this.deleteColor=()=>{const t=u(this.color,this.alphaChannel);const e=this.savedColors.indexOf(t)>-1;if(!e){return}const s=this.savedColors.filter((e=>e!==t));this.savedColors=s;const n=`${xt}${this.storageId}`;if(this.storageId){localStorage.setItem(n,JSON.stringify(s))}};this.saveColor=()=>{const t=u(this.color,this.alphaChannel);const e=this.savedColors.indexOf(t)>-1;if(e){return}const s=[...this.savedColors,t];this.savedColors=s;const n=`${xt}${this.storageId}`;if(this.storageId){localStorage.setItem(n,JSON.stringify(s))}};this.drawColorControls=T(((t="all")=>{if((t==="all"||t==="color-field")&&this.colorFieldRenderingContext){this.drawColorField()}if((t==="all"||t==="hue-slider")&&this.hueSliderRenderingContext){this.drawHueSlider()}if(this.alphaChannel&&(t==="all"||t==="opacity-slider")&&this.opacitySliderRenderingContext){this.drawOpacitySlider()}}),Ot);this.captureColorFieldColor=(t,e,s=true)=>{const{dimensions:{colorField:{height:n,width:i}}}=this;const o=Math.round(Mt.s/i*t);const r=Math.round(Mt.v/n*(n-e));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(o).value(r),s)};this.initColorField=t=>{this.colorFieldRenderingContext=t.getContext("2d");this.updateCanvasSize("color-field");this.drawColorControls()};this.initHueSlider=t=>{this.hueSliderRenderingContext=t.getContext("2d");this.updateCanvasSize("hue-slider");this.drawHueSlider()};this.initOpacitySlider=t=>{if(!t){return}this.opacitySliderRenderingContext=t.getContext("2d");this.updateCanvasSize("opacity-slider");this.drawOpacitySlider()};this.storeOpacityScope=t=>{this.opacityScopeNode=t};this.handleOpacityScopeKeyDown=t=>{const e=t.shiftKey?10:1;const{key:s}=t;const n={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(n[s]){t.preventDefault();const i=n[s]*e;const o=this.baseColorFieldColor.alpha();const r=this.baseColorFieldColor.alpha(o+i);this.internalColorSet(r,false)}};this.allowEmpty=false;this.alphaChannel=false;this.channelsDisabled=false;this.color=kt;this.disabled=false;this.format="auto";this.hideChannels=false;this.hexDisabled=false;this.hideHex=false;this.hideSaved=false;this.savedDisabled=false;this.scale="m";this.storageId=undefined;this.messageOverrides=undefined;this.numberingSystem=undefined;this.value=h(u(kt,this.alphaChannel));this.defaultMessages=undefined;this.channelMode="rgb";this.channels=this.toChannels(kt);this.dimensions=jt.m;this.effectiveLocale="";this.messages=undefined;this.savedColors=[];this.colorFieldScopeTop=undefined;this.colorFieldScopeLeft=undefined;this.hueScopeLeft=undefined;this.opacityScopeLeft=undefined;this.scopeOrientation=undefined}handleAlphaChannelChange(t){const{format:e}=this;if(t&&e!=="auto"&&!p(e)){console.warn(`ignoring alphaChannel as the current format (${e}) does not support alpha`);this.alphaChannel=false}}handleColorChange(t,e){this.drawColorControls();this.updateChannelsFromColor(t);this.previousColor=e}handleFormatOrAlphaChannelChange(){this.setMode(this.format);this.internalColorSet(this.color,false,"internal")}handleScaleChange(t="m"){this.updateDimensions(t);this.updateCanvasSize("all");this.drawColorControls()}onMessagesChange(){}handleValueChange(t,e){const{allowEmpty:s,format:n}=this;const i=!s||t;let o=false;if(i){const s=g(t);if(!s||n!=="auto"&&s!==n){this.showIncompatibleColorWarning(t,n);this.value=e;return}o=this.mode!==s;this.setMode(s,this.internalColorUpdateContext===null)}const r=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial"){return}if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit();if(!r){this.calciteColorPickerChange.emit()}return}const a=s&&!t?null:yt(t!=null&&typeof t==="object"&&p(this.mode)?v(t):t);const l=!b(a,this.color);if(o||l){this.internalColorSet(a,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}}get baseColorFieldColor(){return this.color||this.previousColor||kt}effectiveLocaleChange(){L(this,this.effectiveLocale)}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const{key:e}=t;if(e!=="ArrowUp"&&e!=="ArrowDown"||!t.composedPath().some((t=>t.classList?.contains(vt.channel)))){return}const{shiftKey:s}=t;t.preventDefault();if(!this.color){this.internalColorSet(this.previousColor);t.stopPropagation();return}const n=9;this.shiftKeyChannelAdjustment=e==="ArrowUp"&&s?n:e==="ArrowDown"&&s?-n:0}async setFocus(){await F(this);this.el.focus()}async componentWillLoad(){O(this);const{allowEmpty:t,color:e,format:s,value:n}=this;const i=t&&!n;const o=g(n);const r=i||s==="auto"&&o||s===o;const a=i?null:r?yt(n):e;if(!r){this.showIncompatibleColorWarning(n,s)}this.setMode(s,false);this.internalColorSet(a,false,"initial");this.updateDimensions(this.scale);const l=`${xt}${this.storageId}`;if(this.storageId&&localStorage.getItem(l)){this.savedColors=JSON.parse(localStorage.getItem(l))}await K(this)}connectedCallback(){S(this);D(this);U(this)}componentDidLoad(){$(this)}disconnectedCallback(){window.removeEventListener("pointermove",this.globalPointerMoveHandler);window.removeEventListener("pointerup",this.globalPointerUpHandler);A(this);I(this);P(this)}componentDidRender(){j(this)}render(){const{allowEmpty:t,channelsDisabled:e,color:n,colorFieldScopeLeft:i,colorFieldScopeTop:o,dimensions:{slider:{width:r},thumb:{radius:a}},hexDisabled:l,hideChannels:c,hideHex:h,hideSaved:d,hueScopeLeft:p,messages:g,alphaChannel:b,opacityScopeLeft:m,savedColors:w,savedDisabled:y,scale:v,scopeOrientation:k}=this;const x=n?u(n,b):null;const C=a;const M=p??r*kt.hue()/Mt.h;const S=a;const A=m??r*f(kt.alpha())/At.max;const j=n===null;const z=k==="vertical";const F=l||h;const O=e||c;const $=y||d;const[D,I]=this.getAdjustedScopePosition(i,o);const[q,E]=this.getAdjustedScopePosition(M,C);const[N,L]=this.getAdjustedScopePosition(A,S);return s("div",{class:vt.container},s("div",{class:vt.controlAndScope},s("canvas",{class:vt.colorField,onPointerDown:this.handleColorFieldPointerDown,ref:this.initColorField}),s("div",{"aria-label":z?g.value:g.saturation,"aria-valuemax":z?Mt.v:Mt.s,"aria-valuemin":"0","aria-valuenow":(z?n?.saturationv():n?.value())||"0",class:{[vt.scope]:true,[vt.colorFieldScope]:true},onKeyDown:this.handleColorFieldScopeKeyDown,role:"slider",style:{top:`${I||0}px`,left:`${D||0}px`},tabindex:"0",ref:this.storeColorFieldScope})),s("div",{class:vt.previewAndSliders},s("calcite-color-picker-swatch",{class:vt.preview,color:x,scale:"l"}),s("div",{class:vt.sliders},s("div",{class:vt.controlAndScope},s("canvas",{class:{[vt.slider]:true,[vt.hueSlider]:true},onPointerDown:this.handleHueSliderPointerDown,ref:this.initHueSlider}),s("div",{"aria-label":g.hue,"aria-valuemax":Mt.h,"aria-valuemin":"0","aria-valuenow":n?.round().hue()||kt.round().hue(),class:{[vt.scope]:true,[vt.hueScope]:true},onKeyDown:this.handleHueScopeKeyDown,role:"slider",style:{top:`${E}px`,left:`${q}px`},tabindex:"0",ref:this.storeHueScope})),b?s("div",{class:vt.controlAndScope},s("canvas",{class:{[vt.slider]:true,[vt.opacitySlider]:true},onPointerDown:this.handleOpacitySliderPointerDown,ref:this.initOpacitySlider}),s("div",{"aria-label":g.opacity,"aria-valuemax":At.max,"aria-valuemin":At.min,"aria-valuenow":(n||kt).round().alpha(),class:{[vt.scope]:true,[vt.opacityScope]:true},onKeyDown:this.handleOpacityScopeKeyDown,role:"slider",style:{top:`${L}px`,left:`${N}px`},tabindex:"0",ref:this.storeOpacityScope})):null)),F&&O?null:s("div",{class:{[vt.controlSection]:true,[vt.section]:true}},s("div",{class:vt.hexAndChannelsGroup},F?null:s("div",{class:vt.hexOptions},s("calcite-color-picker-hex-input",{allowEmpty:t,alphaChannel:b,class:vt.control,messages:g,numberingSystem:this.numberingSystem,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:v,value:x})),O?null:s("calcite-tabs",{class:{[vt.colorModeContainer]:true,[vt.splitSection]:true},scale:v==="l"?"m":"s"},s("calcite-tab-nav",{slot:"title-group"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv")))),$?null:s("div",{class:{[vt.savedColorsSection]:true,[vt.section]:true}},s("div",{class:vt.header},s("label",null,g.saved),s("div",{class:vt.savedColorsButtons},s("calcite-button",{appearance:"transparent",class:vt.deleteColor,disabled:j,iconStart:"minus",kind:"neutral",label:g.deleteColor,onClick:this.deleteColor,scale:v,type:"button"}),s("calcite-button",{appearance:"transparent",class:vt.saveColor,disabled:j,iconStart:"plus",kind:"neutral",label:g.saveColor,onClick:this.saveColor,scale:v,type:"button"}))),w.length>0?s("div",{class:vt.savedColors},[...w.map((t=>s("calcite-color-picker-swatch",{class:vt.savedColor,color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:v,tabIndex:0})))]):null))}handleKeyDown(t){if(t.key==="Enter"){t.preventDefault()}}showIncompatibleColorWarning(t,e){console.warn(`ignoring color value (${t}) as it is not compatible with the current format (${e})`)}setMode(t,e=true){const s=t==="auto"?this.mode:t;this.mode=this.ensureCompatibleMode(s,e)}ensureCompatibleMode(t,e){const{alphaChannel:s}=this;const n=p(t);if(s&&!n){const s=y(t);if(e){console.warn(`setting format to (${s}) as the provided one (${t}) does not support alpha`)}return s}if(!s&&n){const s=m(t);if(e){console.warn(`setting format to (${s}) as the provided one (${t}) does not support alpha`)}return s}return t}captureHueSliderColor(t){const{dimensions:{slider:{width:e}}}=this;const s=St/e*t;this.internalColorSet(this.baseColorFieldColor.hue(s),false)}captureOpacitySliderValue(t){const{dimensions:{slider:{width:e}}}=this;const s=d(At.max/e*t);this.internalColorSet(this.baseColorFieldColor.alpha(s),false)}internalColorSet(t,e=true,s="user-interaction"){if(e&&b(t,this.color)){return}this.internalColorUpdateContext=s;this.color=t;this.value=this.toValue(t);this.internalColorUpdateContext=null}toValue(t,e=this.mode){if(!t){return null}const s="hex";if(e.includes(s)){const s=e===c.HEXA;return h(u(t.round(),s),s)}if(e.includes("-css")){const s=t[e.replace("-css","").replace("a","")]().round().string();const n=(e.endsWith("a")||e.endsWith("a-css"))&&t.alpha()===1;if(n){const e=s.slice(0,3);const n=s.slice(4,-1);return`${e}a(${n}, ${t.alpha()})`}return s}const n=t[m(e)]().round().object();if(e.endsWith("a")){return w(n)}return n}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:e}}}=this;return e*2-t}updateDimensions(t="m"){this.dimensions=jt[t]}drawColorField(){const t=this.colorFieldRenderingContext;const{dimensions:{colorField:{height:e,width:s}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string();t.fillRect(0,0,s,e);const n=t.createLinearGradient(0,0,s,0);n.addColorStop(0,"rgba(255,255,255,1)");n.addColorStop(1,"rgba(255,255,255,0)");t.fillStyle=n;t.fillRect(0,0,s,e);const i=t.createLinearGradient(0,0,0,e);i.addColorStop(0,"rgba(0,0,0,0)");i.addColorStop(1,"rgba(0,0,0,1)");t.fillStyle=i;t.fillRect(0,0,s,e);this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:e,width:s}){if(!t){return}const n=window.devicePixelRatio||1;t.width=s*n;t.height=e*n;t.style.height=`${e}px`;t.style.width=`${s}px`;const i=t.getContext("2d");i.scale(n,n)}updateCanvasSize(t="all"){const{dimensions:e}=this;if(t==="all"||t==="color-field"){this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,e.colorField)}const s={width:e.slider.width,height:e.slider.height+(e.thumb.radius-e.slider.height/2)*2};if(t==="all"||t==="hue-slider"){this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,s)}if(t==="all"||t==="opacity-slider"){this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,s)}}drawActiveColorFieldColor(){const{color:t}=this;if(!t){return}const e=t.hsv();const{dimensions:{colorField:{height:s,width:n},thumb:{radius:i}}}=this;const o=e.saturationv()/(Mt.s/n);const r=s-e.value()/(Mt.v/s);requestAnimationFrame((()=>{this.colorFieldScopeLeft=o;this.colorFieldScopeTop=r}));this.drawThumb(this.colorFieldRenderingContext,i,o,r,e)}drawThumb(t,e,s,n,i){const o=0;const r=2*Math.PI;const a=1;t.beginPath();t.arc(s,n,e,o,r);t.fillStyle="#fff";t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=a;t.stroke();t.beginPath();t.arc(s,n,e-3,o,r);t.fillStyle=i.rgb().alpha(1).string();t.fill()}drawActiveHueSliderColor(){const{color:t}=this;if(!t){return}const e=t.hsv().saturationv(100).value(100);const{dimensions:{slider:{width:s},thumb:{radius:n}}}=this;const i=e.hue()/(St/s);const o=n;const r=this.getSliderBoundX(i,s,n);requestAnimationFrame((()=>{this.hueScopeLeft=r}));this.drawThumb(this.hueSliderRenderingContext,n,r,o,e)}drawHueSlider(){const t=this.hueSliderRenderingContext;const{dimensions:{slider:{height:e,width:s},thumb:{radius:n}}}=this;const i=0;const o=n-e/2;const r=t.createLinearGradient(0,0,s,0);const a=["red","yellow","lime","cyan","blue","magenta","#ff0004"];const l=1/(a.length-1);let c=0;a.forEach((t=>{r.addColorStop(c,yt(t).string());c+=l}));t.clearRect(0,0,s,e+this.getSliderCapSpacing()*2);this.drawSliderPath(t,e,s,i,o);t.fillStyle=r;t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=1;t.stroke();this.drawActiveHueSliderColor()}drawOpacitySlider(){const t=this.opacitySliderRenderingContext;const{baseColorFieldColor:e,dimensions:{slider:{height:s,width:n},thumb:{radius:i}}}=this;const o=0;const r=i-s/2;t.clearRect(0,0,n,s+this.getSliderCapSpacing()*2);const a=t.createLinearGradient(0,r,n,0);const l=e.rgb().alpha(0);const c=e.rgb().alpha(.5);const h=e.rgb().alpha(1);a.addColorStop(0,l.string());a.addColorStop(.5,c.string());a.addColorStop(1,h.string());this.drawSliderPath(t,s,n,o,r);const u=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.fillStyle=u;t.fill();t.fillStyle=a;t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=1;t.stroke();this.drawActiveOpacitySliderColor()}drawSliderPath(t,e,s,n,i){const o=e/2+1;t.beginPath();t.moveTo(n+o,i);t.lineTo(n+s-o,i);t.quadraticCurveTo(n+s,i,n+s,i+o);t.lineTo(n+s,i+e-o);t.quadraticCurveTo(n+s,i+e,n+s-o,i+e);t.lineTo(n+o,i+e);t.quadraticCurveTo(n,i+e,n,i+e-o);t.lineTo(n,i+o);t.quadraticCurveTo(n,i,n+o,i);t.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern){return this.checkerPattern}const t=document.createElement("canvas");t.width=10;t.height=10;const e=t.getContext("2d");e.fillStyle="#ccc";e.fillRect(0,0,10,10);e.fillStyle="#fff";e.fillRect(0,0,5,5);e.fillRect(5,5,5,5);this.checkerPattern=t;return t}drawActiveOpacitySliderColor(){const{color:t}=this;if(!t){return}const e=t;const{dimensions:{slider:{width:s},thumb:{radius:n}}}=this;const i=f(e.alpha())/(At.max/s);const o=n;const r=this.getSliderBoundX(i,s,n);requestAnimationFrame((()=>{this.opacityScopeLeft=r}));this.drawThumb(this.opacitySliderRenderingContext,n,r,o,e)}getSliderBoundX(t,e,s){const n=N(t,e,s);return n===0?t:n===-1?q(t,0,e,s,s*2):q(t,0,e,e-s*2,e-s)}updateColorFromChannels(t){this.internalColorSet(yt(t,this.channelMode))}updateChannelsFromColor(t){this.channels=t?this.toChannels(t):[null,null,null,null]}toChannels(t){const{channelMode:e}=this;const s=t[e]().array().map(((t,e)=>{const s=e===3;return s?t:Math.floor(t)}));if(s.length===3){s.push(1)}return s}getAdjustedScopePosition(t,e){return[t-zt/2,e-zt/2]}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{alphaChannel:["handleAlphaChannelChange","handleFormatOrAlphaChannelChange"],color:["handleColorChange"],format:["handleFormatOrAlphaChannelChange"],scale:["handleScaleChange"],messageOverrides:["onMessagesChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleChange"]}}};$t.style=Ft;const Dt={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"};const It=":host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:68px;margin-inline-start:-1px}:host([scale=s]) .container{flex-wrap:wrap;row-gap:0.125rem}:host([scale=s]) .opacity-input{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .opacity-input{inline-size:88px}:host([hidden]){display:none}[hidden]{display:none}";const qt=yt();const Et=class{constructor(s){t(this,s);this.calciteColorPickerHexInputChange=e(this,"calciteColorPickerHexInputChange",6);this.onHexInputBlur=()=>{const t=this.hexInputNode;const e=t.value;const s=`#${e}`;const{allowEmpty:n,internalColor:i}=this;const o=n&&!e;const r=k(s);this.onHexInputChange();if(o||x(s)&&r){return}t.value=n&&!i?"":this.formatHexForInternalInput(C(i.object()))};this.onOpacityInputBlur=()=>{const t=this.opacityInputNode;const e=t.value;const{allowEmpty:s,internalColor:n}=this;const i=s&&!e;if(i){return}t.value=s&&!n?"":this.formatOpacityForInternalInput(n)};this.onHexInputChange=()=>{const t=this.hexInputNode.value;let e=t;if(e){const t=h(e,false);const s=x(t)&&this.alphaChannel;if(s&&this.internalColor){const s=h(this.internalColor.hexa(),true).slice(-2);e=`${t+s}`}}this.internalSetValue(e,this.value)};this.onOpacityInputChange=()=>{const t=this.opacityInputNode;let e;if(!t.value){e=t.value}else{const s=d(Number(t.value));e=this.internalColor?.alpha(s).hexa()}this.internalSetValue(e,this.value)};this.onInputKeyDown=t=>{const{altKey:e,ctrlKey:s,metaKey:n,shiftKey:i}=t;const{alphaChannel:o,hexInputNode:r,internalColor:a,value:l}=this;const{key:c}=t;const h=t.composedPath();if(c==="Tab"||c==="Enter"){if(h.includes(r)){this.onHexInputChange()}else{this.onOpacityInputChange()}if(c==="Enter"){t.preventDefault()}return}const d=c==="ArrowDown"||c==="ArrowUp";const f=this.value;if(d){if(!l){this.internalSetValue(this.previousNonNullValue,f);t.preventDefault();return}const e=c==="ArrowUp"?1:-1;const s=i?10:1;this.internalSetValue(u(this.nudgeRGBChannels(a,s*e,h.includes(r)?"rgb":"a"),o),f);t.preventDefault();return}const p=e||s||n;const g=c.length===1;const b=M.test(c);if(g&&!p&&!b){t.preventDefault()}};this.onHexInputPaste=t=>{const e=t.clipboardData.getData("text");if(x(e)){t.preventDefault();this.hexInputNode.value=e.slice(1)}};this.previousNonNullValue=this.value;this.storeHexInputRef=t=>{this.hexInputNode=t};this.storeOpacityInputRef=t=>{this.opacityInputNode=t};this.allowEmpty=false;this.alphaChannel=false;this.hexLabel="Hex";this.messages=undefined;this.numberingSystem=undefined;this.scale="m";this.value=h(u(qt,this.alphaChannel),this.alphaChannel,true);this.internalColor=qt}connectedCallback(){const{allowEmpty:t,alphaChannel:e,value:s}=this;if(s){const t=h(s,e);if(x(t,e)){this.internalSetValue(t,t,false)}return}if(t){this.internalSetValue(null,null,false)}}componentWillLoad(){O(this)}componentDidLoad(){$(this)}handleValueChange(t,e){this.internalSetValue(t,e,false)}render(){const{alphaChannel:t,hexLabel:e,internalColor:n,messages:i,scale:o,value:r}=this;const a=this.formatHexForInternalInput(r);const l=this.formatOpacityForInternalInput(n);const c=o==="l"?"m":"s";return s("div",{class:Dt.container},s("calcite-input-text",{class:Dt.hexInput,label:i?.hex||e,maxLength:6,onCalciteInputTextChange:this.onHexInputChange,onCalciteInternalInputTextBlur:this.onHexInputBlur,onKeyDown:this.onInputKeyDown,onPaste:this.onHexInputPaste,prefixText:"#",scale:c,value:a,ref:this.storeHexInputRef}),t?s("calcite-input-number",{class:Dt.opacityInput,key:"opacity-input",label:i?.opacity,max:At.max,maxLength:3,min:At.min,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.onOpacityInputChange,onCalciteInternalInputNumberBlur:this.onOpacityInputBlur,onKeyDown:this.onInputKeyDown,scale:c,suffixText:"%",value:l,ref:this.storeOpacityInputRef}):null)}async setFocus(){await F(this);return a(this.hexInputNode)}internalSetValue(t,e,s=true){if(t){const{alphaChannel:e}=this;const n=h(t,e,e);if(x(n,e)){const{internalColor:t}=this;const i=yt(n);const o=h(u(i,e),e);const r=!t||o!==h(u(t,e),e);this.internalColor=i;this.previousNonNullValue=o;this.value=o;if(r&&s){this.calciteColorPickerHexInputChange.emit()}return}}else if(this.allowEmpty){this.internalColor=null;this.value=null;if(s){this.calciteColorPickerHexInputChange.emit()}return}this.value=e}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${f(t.alpha())}`:""}nudgeRGBChannels(t,e,s){let n;const i=t.array();const o=i.slice(0,3);if(s==="rgb"){const t=o.map((t=>t+e));n=[...t,this.alphaChannel?i[3]:undefined]}else{const s=d(f(t.alpha())+e);n=[...o,s]}return yt(n)}get el(){return n(this)}static get watchers(){return{value:["handleValueChange"]}}};Et.style=It;const Nt={swatch:"swatch",noColorSwatch:"swatch--no-color",checker:"checker"};const Lt={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"};const Kt=4;const Ut={squareSize:Kt,size:Kt*2};const Pt=":host{position:relative;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch rect{transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.swatch--no-color rect{fill:var(--calcite-color-foreground-1)}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}";const Tt=class{constructor(e){t(this,e);this.active=false;this.color=undefined;this.scale="m"}handleColorChange(t){this.internalColor=t?yt(t):null}componentWillLoad(){this.handleColorChange(this.color)}render(){const t=!this.internalColor;const e={[Nt.swatch]:true,[Nt.noColorSwatch]:t};return s("svg",{class:e,xmlns:"http://www.w3.org/2000/svg"},this.renderSwatch())}renderSwatch(){const{active:t,el:e,internalColor:n}=this;const o=t?"100%":"0";const r=l(e);const a=r==="light"?Lt.borderLight:Lt.borderDark;const c={height:"100%",rx:o,stroke:a,["stroke-width"]:"2",width:"100%"};const h=!n;if(h){return s(i,null,s("clipPath",{id:"shape"},s("rect",{height:"100%",rx:o,width:"100%"})),s("rect",{"clip-path":`inset(0 round ${o})`,rx:o,...c}),s("line",{"clip-path":"url(#shape)","stroke-width":"3",x1:"100%",x2:"0",y1:"0",y2:"100%"}))}const d=n.alpha();const f=u(n);const p=u(n,d<1);return s(i,null,s("title",null,p),s("defs",null,s("pattern",{height:Ut.size,id:"checker",patternUnits:"userSpaceOnUse",width:Ut.size,x:"0",y:"0"},s("rect",{class:Nt.checker,height:Ut.squareSize,width:Ut.squareSize,x:"0",y:"0"}),s("rect",{class:Nt.checker,height:Ut.squareSize,width:Ut.squareSize,x:Ut.squareSize,y:Ut.squareSize}))),s("rect",{fill:"url(#checker)",height:"100%",rx:o,width:"100%"}),s("rect",{fill:f,style:{"clip-path":d<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${o})`},...c}),d<1?s("rect",{fill:p,key:"opacity-fill",style:{"clip-path":"polygon(100% 0, 100% 100%, 0 100%)"},...c}):null)}get el(){return n(this)}static get watchers(){return{color:["handleColorChange"]}}};Tt.style=Pt;export{$t as calcite_color_picker,Et as calcite_color_picker_hex_input,Tt as calcite_color_picker_swatch};
+//# sourceMappingURL=p-95876f84.entry.js.map

package/dist/calcite/p-95ffad55.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.7
+ */
+import{r as t,c as e,h as i,H as o,g as s}from"./p-9621ebf7.js";import{c as a,d as n}from"./p-45875887.js";import{s as l,b as c,f as r}from"./p-1fc0aa37.js";import{a as d,s as h,c as p}from"./p-6bb7f3c4.js";import{c as u,d as f}from"./p-07a609a8.js";import{c as g}from"./p-f21908c0.js";import{u as b,c as x,s as m,d as y}from"./p-c5269d0a.js";import{t as v,o as w,q as j,g as z,a as H,E as A,b as C}from"./p-a98a05f3.js";import{d as D}from"./p-f29b8ca6.js";import"./p-a6e34d32.js";import"./p-fd3d6c96.js";import"./p-66681f87.js";import"./p-1b16a2ad.js";import"./p-4a27a5e0.js";const L={actionGroupEnd:"action-group--end"};const k={actionsEnd:"actions-end",bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"};const G=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{pointer-events:auto;display:inline-flex;align-self:stretch;--calcite-action-bar-expanded-max-width:auto}:host([layout=vertical]){flex-direction:column}:host([layout=vertical]) .action-group--end{margin-block-start:auto}:host([layout=horizontal]){flex-direction:row}:host([layout=horizontal]) .action-group--end{margin-inline-start:auto}:host([layout=vertical][overflow-actions-disabled]){overflow-y:auto}:host([layout=horizontal][overflow-actions-disabled]){overflow-x:auto}:host([layout=vertical][expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width)}::slotted(calcite-action-group){border-block-end:1px solid var(--calcite-color-border-3)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-block-end:0;border-inline-end:1px solid var(--calcite-color-border-3)}:host([layout=horizontal][expand-disabled]) ::slotted(calcite-action-group:last-of-type){border-inline-end:0}::slotted(calcite-action-group:last-child){border-block-end:0;border-inline-end:0}.action-group--end{justify-content:flex-end}:host([hidden]){display:none}[hidden]{display:none}";const E=class{constructor(i){t(this,i);this.calciteActionBarToggle=e(this,"calciteActionBarToggle",6);this.mutationObserver=g("mutation",(()=>{const{el:t,expanded:e}=this;v({el:t,expanded:e});this.overflowActions()}));this.resizeObserver=g("resize",(t=>this.resizeHandlerEntries(t)));this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const e=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{if(!e.includes(t)){t.menuOpen=false}}))}};this.resizeHandlerEntries=t=>{t.forEach(this.resizeHandler)};this.resizeHandler=t=>{const{width:e,height:i}=t.contentRect;this.resize({width:e,height:i})};this.resize=D((({width:t,height:e})=>{const{el:i,expanded:o,expandDisabled:s,layout:a,overflowActionsDisabled:n}=this;if(n||a==="vertical"&&!e||a==="horizontal"&&!t){return}const l=j(i);const c=s?l.length:l.length+1;const r=Array.from(i.querySelectorAll("calcite-action-group"));this.setGroupLayout(r);const d=this.hasActionsEnd||this.hasBottomActions||!s?r.length+1:r.length;const{actionHeight:h,actionWidth:p}=z(l);const u=C({layout:a,actionCount:c,actionHeight:h,actionWidth:p,height:e,width:t,groupCount:d});H({actionGroups:r,expanded:o,overflowCount:u})}),w);this.toggleExpand=()=>{this.expanded=!this.expanded;this.calciteActionBarToggle.emit()};this.setExpandToggleRef=t=>{this.expandToggleEl=t};this.handleDefaultSlotChange=t=>{const e=l(t).filter((t=>t.matches("calcite-action-group")));this.setGroupLayout(e)};this.handleActionsEndSlotChange=t=>{this.hasActionsEnd=c(t)};this.handleBottomActionsSlotChange=t=>{this.hasBottomActions=c(t)};this.handleTooltipSlotChange=t=>{const e=l(t).filter((t=>t?.matches("calcite-tooltip")));this.expandTooltip=e[0]};this.actionsEndGroupLabel=undefined;this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.overflowActionsDisabled=false;this.position=undefined;this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.hasActionsEnd=false;this.hasBottomActions=false;this.expandTooltip=undefined;this.defaultMessages=undefined}expandHandler(){this.overflowActions()}expandedHandler(){const{el:t,expanded:e}=this;v({el:t,expanded:e});this.overflowActions()}layoutHandler(){this.updateGroups()}overflowDisabledHandler(t){if(t){this.resizeObserver?.disconnect();return}this.resizeObserver?.observe(this.el);this.overflowActions()}onMessagesChange(){}effectiveLocaleChange(){b(this,this.effectiveLocale)}componentDidLoad(){const{el:t,expanded:e}=this;d(this);v({el:t,expanded:e});this.overflowActions()}connectedCallback(){const{el:t,expanded:e}=this;u(this);x(this);v({el:t,expanded:e});this.mutationObserver?.observe(t,{childList:true,subtree:true});if(!this.overflowActionsDisabled){this.resizeObserver?.observe(t)}this.overflowActions();a(this)}async componentWillLoad(){h(this);await m(this)}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();n(this);f(this);y(this)}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(){await p(this);r(this.el)}updateGroups(){this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))}setGroupLayout(t){t.forEach((t=>t.layout=this.layout))}renderBottomActionGroup(){const{expanded:t,expandDisabled:e,el:o,position:s,toggleExpand:a,scale:n,layout:l,messages:c,actionsEndGroupLabel:r}=this;const d=!e?i(A,{collapseText:c.collapse,el:o,expandText:c.expand,expanded:t,position:s,scale:n,toggle:a,tooltip:this.expandTooltip,ref:this.setExpandToggleRef}):null;return i("calcite-action-group",{class:L.actionGroupEnd,hidden:this.expandDisabled&&!(this.hasActionsEnd||this.hasBottomActions),label:r,layout:l,scale:n},i("slot",{name:k.actionsEnd,onSlotchange:this.handleActionsEndSlotChange}),i("slot",{name:k.bottomActions,onSlotchange:this.handleBottomActionsSlotChange}),i("slot",{name:k.expandTooltip,onSlotchange:this.handleTooltipSlotChange}),d)}render(){return i(o,{onCalciteActionMenuOpen:this.actionMenuOpenHandler},i("slot",{onSlotchange:this.handleDefaultSlotChange}),this.renderBottomActionGroup())}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],layout:["layoutHandler"],overflowActionsDisabled:["overflowDisabledHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};E.style=G;export{E as calcite_action_bar};
+//# sourceMappingURL=p-95ffad55.entry.js.map

package/dist/calcite/p-9621ebf7.js

@@ -0,0 +1,8 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.7
+ */
+const t="calcite";let n;let e;let s=false;let l=false;const o=t=>{const n=new URL(t,qt.t);return n.origin!==Tt.location.origin?n.href:n.pathname};const i=(t,n="")=>{{return()=>{}}};const c=(t,n)=>{{return()=>{}}};const f="r";const r="o";const u="s";const a="t";const d="s-id";const $="sty-id";const v="c-id";const h="{visibility:hidden}[calcite-hydrated]{visibility:inherit}";const p="slot-fb{display:contents}slot-fb[hidden]{display:none}";const y="http://www.w3.org/1999/xlink";const m={};const w="http://www.w3.org/2000/svg";const b="http://www.w3.org/1999/xhtml";const g=t=>t!=null;const S=t=>{t=typeof t;return t==="object"||t==="function"};function k(t){var n,e,s;return(s=(e=(n=t.head)===null||n===void 0?void 0:n.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&s!==void 0?s:undefined}const j=(t,n,...e)=>{let s=null;let l=null;let o=false;let i=false;const c=[];const f=n=>{for(let e=0;e<n.length;e++){s=n[e];if(Array.isArray(s)){f(s)}else if(s!=null&&typeof s!=="boolean"){if(o=typeof t!=="function"&&!S(s)){s=String(s)}if(o&&i){c[c.length-1].l+=s}else{c.push(o?O(null,s):s)}i=o}}};f(e);if(n){if(n.key){l=n.key}{const t=n.className||n.class;if(t){n.class=typeof t!=="object"?t:Object.keys(t).filter((n=>t[n])).join(" ")}}}if(typeof t==="function"){return t(n===null?{}:n,c,M)}const r=O(t,null);r.o=n;if(c.length>0){r.i=c}{r.u=l}return r};const O=(t,n)=>{const e={$:0,v:t,l:n,h:null,i:null};{e.o=null}{e.u=null}return e};const x={};const C=t=>t&&t.v===x;const M={forEach:(t,n)=>t.map(P).forEach(n),map:(t,n)=>t.map(P).map(n).map(R)};const P=t=>({vattrs:t.o,vchildren:t.i,vkey:t.u,vname:t.p,vtag:t.v,vtext:t.l});const R=t=>{if(typeof t.vtag==="function"){const n=Object.assign({},t.vattrs);if(t.vkey){n.key=t.vkey}if(t.vname){n.name=t.vname}return j(t.vtag,n,...t.vchildren||[])}const n=O(t.vtag,t.vtext);n.o=t.vattrs;n.i=t.vchildren;n.u=t.vkey;n.p=t.vname;return n};const U=(t,n,e,s)=>{const l=i("hydrateClient",n);const o=t.shadowRoot;const c=[];const f=[];const r=o?[]:null;const u=s.m=O(n,null);if(!qt.S){I(Ht.body,qt.S=new Map)}t[d]=e;t.removeAttribute(d);E(u,c,f,r,t,t,e);c.map((t=>{const e=t.k+"."+t.j;const s=qt.S.get(e);const l=t.h;if(s&&Vt&&s["s-en"]===""){s.parentNode.insertBefore(l,s.nextSibling)}if(!o){l["s-hn"]=n;if(s){l["s-ol"]=s;l["s-ol"]["s-nr"]=l}}qt.S.delete(e)}));if(o){r.map((t=>{if(t){o.appendChild(t)}}))}l()};const E=(t,n,e,s,l,o,i)=>{let c;let r;let d;let $;if(o.nodeType===1){c=o.getAttribute(v);if(c){r=c.split(".");if(r[0]===i||r[0]==="0"){d={$:0,k:r[0],j:r[1],O:r[2],C:r[3],v:o.tagName.toLowerCase(),h:o,o:null,i:null,u:null,p:null,l:null};n.push(d);o.removeAttribute(v);if(!t.i){t.i=[]}t.i[d.C]=d;t=d;if(s&&d.O==="0"){s[d.C]=d.h}}}for($=o.childNodes.length-1;$>=0;$--){E(t,n,e,s,l,o.childNodes[$],i)}if(o.shadowRoot){for($=o.shadowRoot.childNodes.length-1;$>=0;$--){E(t,n,e,s,l,o.shadowRoot.childNodes[$],i)}}}else if(o.nodeType===8){r=o.nodeValue.split(".");if(r[1]===i||r[1]==="0"){c=r[0];d={$:0,k:r[1],j:r[2],O:r[3],C:r[4],h:o,o:null,i:null,u:null,p:null,v:null,l:null};if(c===a){d.h=o.nextSibling;if(d.h&&d.h.nodeType===3){d.l=d.h.textContent;n.push(d);o.remove();if(!t.i){t.i=[]}t.i[d.C]=d;if(s&&d.O==="0"){s[d.C]=d.h}}}else if(d.k===i){if(c===u){d.v="slot";if(r[5]){o["s-sn"]=d.p=r[5]}else{o["s-sn"]=""}o["s-sr"]=true;if(s){d.h=Ht.createElement(d.v);if(d.p){d.h.setAttribute("name",d.p)}o.parentNode.insertBefore(d.h,o);o.remove();if(d.O==="0"){s[d.C]=d.h}}e.push(d);if(!t.i){t.i=[]}t.i[d.C]=d}else if(c===f){if(s){o.remove()}}}}}else if(t&&t.v==="style"){const n=O(null,o.textContent);n.h=o;n.C="0";t.i=[n]}};const I=(t,n)=>{if(t.nodeType===1){let e=0;for(;e<t.childNodes.length;e++){I(t.childNodes[e],n)}if(t.shadowRoot){for(e=0;e<t.shadowRoot.childNodes.length;e++){I(t.shadowRoot.childNodes[e],n)}}}else if(t.nodeType===8){const e=t.nodeValue.split(".");if(e[0]===r){n.set(e[1]+"."+e[2],t);t.nodeValue="";t["s-en"]=e[3]}}};const L=(t,n)=>{if(t!=null&&!S(t)){if(n&4){return t==="false"?false:t===""||!!t}if(n&2){return parseFloat(t)}if(n&1){return String(t)}return t}return t};const F=t=>Et(t).$hostElement$;const N=(t,n,e)=>{const s=F(t);return{emit:t=>W(s,n,{bubbles:!!(e&4),composed:!!(e&2),cancelable:!!(e&1),detail:t})}};const W=(t,n,e)=>{const s=qt.ce(n,e);t.dispatchEvent(s);return s};const A=new WeakMap;const D=(t,n,e)=>{let s=Dt.get(t);if(zt&&e){s=s||new CSSStyleSheet;if(typeof s==="string"){s=n}else{s.replaceSync(n)}}else{s=n}Dt.set(t,s)};const T=(t,n,e)=>{var s;const l=q(n);const o=Dt.get(l);t=t.nodeType===11?t:Ht;if(o){if(typeof o==="string"){t=t.head||t;let e=A.get(t);let i;if(!e){A.set(t,e=new Set)}if(!e.has(l)){if(t.host&&(i=t.querySelector(`[${$}="${l}"]`))){i.innerHTML=o}else{i=Ht.createElement("style");i.innerHTML=o;const n=(s=qt.M)!==null&&s!==void 0?s:k(Ht);if(n!=null){i.setAttribute("nonce",n)}t.insertBefore(i,t.querySelector("link"))}if(n.$&4){i.innerHTML+=p}if(e){e.add(l)}}}else if(!t.adoptedStyleSheets.includes(o)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]}}return l};const H=t=>{const n=t.P;const e=t.$hostElement$;const s=n.$;const l=i("attachStyles",n.R);const o=T(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);if(s&10){e["s-sc"]=o;e.classList.add(o+"-h")}l()};const q=(t,n)=>"sc-"+t.R;const V=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");const _=(t,n,e,s,l,o)=>{if(e!==s){let i=Ft(t,n);let c=n.toLowerCase();if(n==="class"){const n=t.classList;const l=B(e);const o=B(s);n.remove(...l.filter((t=>t&&!o.includes(t))));n.add(...o.filter((t=>t&&!l.includes(t))))}else if(n==="style"){{for(const n in e){if(!s||s[n]==null){if(n.includes("-")){t.style.removeProperty(n)}else{t.style[n]=""}}}}for(const n in s){if(!e||s[n]!==e[n]){if(n.includes("-")){t.style.setProperty(n,s[n])}else{t.style[n]=s[n]}}}}else if(n==="key");else if(n==="ref"){if(s){s(t)}}else if(!i&&n[0]==="o"&&n[1]==="n"){if(n[2]==="-"){n=n.slice(3)}else if(Ft(Tt,c)){n=c.slice(2)}else{n=c[2]+n.slice(3)}if(e||s){const l=n.endsWith(G);n=n.replace(J,"");if(e){qt.rel(t,n,e,l)}if(s){qt.ael(t,n,s,l)}}}else{const f=S(s);if((i||f&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(n==="list"){i=false}else if(e==null||t[n]!=l){t[n]=l}}else{t[n]=s}}catch(t){}}let r=false;{if(c!==(c=c.replace(/^xlink\:?/,""))){n=c;r=true}}if(s==null||s===false){if(s!==false||t.getAttribute(n)===""){if(r){t.removeAttributeNS(y,n)}else{t.removeAttribute(n)}}}else if((!i||o&4||l)&&!f){s=s===true?"":s;if(r){t.setAttributeNS(y,n,s)}else{t.setAttribute(n,s)}}}}};const z=/\s/;const B=t=>!t?[]:t.split(z);const G="Capture";const J=new RegExp(G+"$");const K=(t,n,e,s)=>{const l=n.h.nodeType===11&&n.h.host?n.h.host:n.h;const o=t&&t.o||m;const i=n.o||m;{for(s in o){if(!(s in i)){_(l,s,o[s],undefined,e,n.$)}}}for(s in i){_(l,s,o[s],i[s],e,n.$)}};const Q=(t,e,l,o)=>{const i=e.i[l];let c=0;let f;let r;if(i.l!==null){f=i.h=Ht.createTextNode(i.l)}else{if(!s){s=i.v==="svg"}f=i.h=Ht.createElementNS(s?w:b,i.v);if(s&&i.v==="foreignObject"){s=false}{K(null,i,s)}if(g(n)&&f["s-si"]!==n){f.classList.add(f["s-si"]=n)}if(i.i){for(c=0;c<i.i.length;++c){r=Q(t,i,c);if(r){f.appendChild(r)}}}{if(i.v==="svg"){s=false}else if(f.tagName==="foreignObject"){s=true}}}return f};const X=(t,n,s,l,o,i)=>{let c=t;let f;if(c.shadowRoot&&c.tagName===e){c=c.shadowRoot}for(;o<=i;++o){if(l[o]){f=Q(null,s,o);if(f){l[o].h=f;c.insertBefore(f,n)}}}};const Y=(t,n,e)=>{for(let s=n;s<=e;++s){const n=t[s];if(n){const t=n.h;et(n);if(t){t.remove()}}}};const Z=(t,n,e,s)=>{let l=0;let o=0;let i=0;let c=0;let f=n.length-1;let r=n[0];let u=n[f];let a=s.length-1;let d=s[0];let $=s[a];let v;let h;while(l<=f&&o<=a){if(r==null){r=n[++l]}else if(u==null){u=n[--f]}else if(d==null){d=s[++o]}else if($==null){$=s[--a]}else if(tt(r,d)){nt(r,d);r=n[++l];d=s[++o]}else if(tt(u,$)){nt(u,$);u=n[--f];$=s[--a]}else if(tt(r,$)){nt(r,$);t.insertBefore(r.h,u.h.nextSibling);r=n[++l];$=s[--a]}else if(tt(u,d)){nt(u,d);t.insertBefore(u.h,r.h);u=n[--f];d=s[++o]}else{i=-1;{for(c=l;c<=f;++c){if(n[c]&&n[c].u!==null&&n[c].u===d.u){i=c;break}}}if(i>=0){h=n[i];if(h.v!==d.v){v=Q(n&&n[o],e,i)}else{nt(h,d);n[i]=undefined;v=h.h}d=s[++o]}else{v=Q(n&&n[o],e,o);d=s[++o]}if(v){{r.h.parentNode.insertBefore(v,r.h)}}}}if(l>f){X(t,s[a+1]==null?null:s[a+1].h,e,s,o,a)}else if(o>a){Y(n,l,f)}};const tt=(t,n)=>{if(t.v===n.v){{return t.u===n.u}}return false};const nt=(t,n)=>{const e=n.h=t.h;const l=t.i;const o=n.i;const i=n.v;const c=n.l;if(c===null){{s=i==="svg"?true:i==="foreignObject"?false:s}{if(i==="slot");else{K(t,n,s)}}if(l!==null&&o!==null){Z(e,l,n,o)}else if(o!==null){if(t.l!==null){e.textContent=""}X(e,null,n,o,0,o.length-1)}else if(l!==null){Y(l,0,l.length-1)}if(s&&i==="svg"){s=false}}else if(t.l!==c){e.data=c}};const et=t=>{{t.o&&t.o.ref&&t.o.ref(null);t.i&&t.i.map(et)}};const st=(t,s,l=false)=>{const o=t.$hostElement$;const i=t.P;const c=t.m||O(null,null);const f=C(s)?s:j(null,null,s);e=o.tagName;if(i.U){f.o=f.o||{};i.U.map((([t,n])=>f.o[n]=o[t]))}if(l&&f.o){for(const t of Object.keys(f.o)){if(o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){f.o[t]=o[t]}}}f.v=null;f.$|=4;t.m=f;f.h=c.h=o.shadowRoot||o;{n=o["s-sc"]}nt(c,f)};const lt=(t,n)=>{if(n&&!t.I&&n["s-p"]){n["s-p"].push(new Promise((n=>t.I=n)))}};const ot=(t,n)=>{{t.$|=16}if(t.$&4){t.$|=512;return}lt(t,t.L);const e=()=>it(t,n);return Zt(e)};const it=(t,n)=>{const e=i("scheduleUpdate",t.P.R);const s=t.F;let l;if(n){{t.$|=256;if(t.N){t.N.map((([t,n])=>vt(s,t,n)));t.N=undefined}}{l=vt(s,"componentWillLoad")}}{l=ct(l,(()=>vt(s,"componentWillRender")))}e();return ct(l,(()=>rt(t,s,n)))};const ct=(t,n)=>ft(t)?t.then(n):n();const ft=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const rt=async(t,n,e)=>{var s;const l=t.$hostElement$;const o=i("update",t.P.R);const c=l["s-rc"];if(e){H(t)}const f=i("render",t.P.R);{ut(t,n,l,e)}if(c){c.map((t=>t()));l["s-rc"]=undefined}f();o();{const n=(s=l["s-p"])!==null&&s!==void 0?s:[];const e=()=>at(t);if(n.length===0){e()}else{Promise.all(n).then(e);t.$|=4;n.length=0}}};const ut=(t,n,e,s)=>{try{n=n.render();{t.$&=~16}{t.$|=2}{{{st(t,n,s)}}}}catch(n){Nt(n,t.$hostElement$)}return null};const at=t=>{const n=t.P.R;const e=t.$hostElement$;const s=i("postUpdate",n);const l=t.F;const o=t.L;{vt(l,"componentDidRender")}if(!(t.$&64)){t.$|=64;{ht(e)}{vt(l,"componentDidLoad")}s();{t.W(e);if(!o){$t()}}}else{{vt(l,"componentDidUpdate")}s()}{t.A(e)}{if(t.I){t.I();t.I=undefined}if(t.$&512){Xt((()=>ot(t,false)))}t.$&=~(4|512)}};const dt=t=>{{const n=Et(t);const e=n.$hostElement$.isConnected;if(e&&(n.$&(2|16))===2){ot(n,false)}return e}};const $t=n=>{{ht(Ht.documentElement)}Xt((()=>W(Tt,"appload",{detail:{namespace:t}})))};const vt=(t,n,e)=>{if(t&&t[n]){try{return t[n](e)}catch(t){Nt(t)}}return undefined};const ht=t=>t.setAttribute("calcite-hydrated","");const pt=(t,n)=>Et(t).D.get(n);const yt=(t,n,e,s)=>{const l=Et(t);const o=l.$hostElement$;const i=l.D.get(n);const c=l.$;const f=l.F;e=L(e,s.T[n][0]);const r=Number.isNaN(i)&&Number.isNaN(e);const u=e!==i&&!r;if((!(c&8)||i===undefined)&&u){l.D.set(n,e);if(f){if(s.H&&c&128){const t=s.H[n];if(t){t.map((t=>{try{f[t](e,i,n)}catch(t){Nt(t,o)}}))}}if((c&(2|16))===2){if(f.componentShouldUpdate){if(f.componentShouldUpdate(e,i,n)===false){return}}ot(l,false)}}}};const mt=(t,n,e)=>{var s;const l=t.prototype;if(n.T){if(t.watchers){n.H=t.watchers}const o=Object.entries(n.T);o.map((([t,[s]])=>{if(s&31||e&2&&s&32){Object.defineProperty(l,t,{get(){return pt(this,t)},set(e){yt(this,t,e,n)},configurable:true,enumerable:true})}else if(e&1&&s&64){Object.defineProperty(l,t,{value(...n){var e;const s=Et(this);return(e=s===null||s===void 0?void 0:s.q)===null||e===void 0?void 0:e.then((()=>{var e;return(e=s.F)===null||e===void 0?void 0:e[t](...n)}))}})}}));if(e&1){const e=new Map;l.attributeChangedCallback=function(t,s,o){qt.jmp((()=>{var i;const c=e.get(t);if(this.hasOwnProperty(c)){o=this[c];delete this[c]}else if(l.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==o){return}else if(c==null){const e=Et(this);const l=e===null||e===void 0?void 0:e.$;if(l&&!(l&8)&&l&128&&o!==s){const l=e.F;const c=(i=n.H)===null||i===void 0?void 0:i[t];c===null||c===void 0?void 0:c.forEach((n=>{if(l[n]!=null){l[n].call(l,o,s,t)}}))}return}this[c]=o===null&&typeof this[c]==="boolean"?false:o}))};t.observedAttributes=Array.from(new Set([...Object.keys((s=n.H)!==null&&s!==void 0?s:{}),...o.filter((([t,n])=>n[0]&15)).map((([t,s])=>{var l;const o=s[1]||t;e.set(o,t);if(s[0]&512){(l=n.U)===null||l===void 0?void 0:l.push([t,o])}return o}))]))}}return t};const wt=async(t,n,e,s)=>{let l;if((n.$&32)===0){n.$|=32;{l=At(e);if(l.then){const t=c();l=await l;t()}if(!l.isProxied){{e.H=l.watchers}mt(l,e,2);l.isProxied=true}const t=i("createInstance",e.R);{n.$|=8}try{new l(n)}catch(t){Nt(t)}{n.$&=~8}{n.$|=128}t();bt(n.F)}if(l.style){let t=l.style;const n=q(e);if(!Dt.has(n)){const s=i("registerStyles",e.R);D(n,t,!!(e.$&1));s()}}}const o=n.L;const f=()=>ot(n,true);if(o&&o["s-rc"]){o["s-rc"].push(f)}else{f()}};const bt=t=>{{vt(t,"connectedCallback")}};const gt=t=>{if((qt.$&1)===0){const n=Et(t);const e=n.P;const s=i("connectedCallback",e.R);if(!(n.$&1)){n.$|=1;let s;{s=t.getAttribute(d);if(s){if(e.$&1){const n=T(t.shadowRoot,e);t.classList.remove(n+"-h",n+"-s")}U(t,e.R,s,n)}}{let e=t;while(e=e.parentNode||e.host){if(e.nodeType===1&&e.hasAttribute("s-id")&&e["s-p"]||e["s-p"]){lt(n,n.L=e);break}}}if(e.T){Object.entries(e.T).map((([n,[e]])=>{if(e&31&&t.hasOwnProperty(n)){const e=t[n];delete t[n];t[n]=e}}))}{wt(t,n,e)}}else{xt(t,n,e.V);if(n===null||n===void 0?void 0:n.F){bt(n.F)}else if(n===null||n===void 0?void 0:n._){n._.then((()=>bt(n.F)))}}s()}};const St=t=>{{vt(t,"disconnectedCallback")}};const kt=async t=>{if((qt.$&1)===0){const n=Et(t);{if(n.B){n.B.map((t=>t()));n.B=undefined}}if(n===null||n===void 0?void 0:n.F){St(n.F)}else if(n===null||n===void 0?void 0:n._){n._.then((()=>St(n.F)))}}};const jt=(t,n={})=>{var e;const s=i();const l=[];const o=n.exclude||[];const c=Tt.customElements;const f=Ht.head;const r=f.querySelector("meta[charset]");const u=Ht.createElement("style");const a=[];const d=Ht.querySelectorAll(`[${$}]`);let v;let y=true;let m=0;Object.assign(qt,n);qt.t=new URL(n.resourcesUrl||"./",Ht.baseURI).href;{qt.$|=2}{for(;m<d.length;m++){D(d[m].getAttribute($),V(d[m].innerHTML),true)}}let w=false;t.map((t=>{t[1].map((n=>{var e;const s={$:n[0],R:n[1],T:n[2],V:n[3]};if(s.$&4){w=true}{s.T=n[2]}{s.V=n[3]}{s.U=[]}{s.H=(e=n[4])!==null&&e!==void 0?e:{}}const i=s.R;const f=class extends HTMLElement{constructor(t){super(t);t=this;Lt(t,s);if(s.$&1){{{t.attachShadow({mode:"open",delegatesFocus:!!(s.$&16)})}}}}connectedCallback(){if(v){clearTimeout(v);v=null}if(y){a.push(this)}else{qt.jmp((()=>gt(this)))}}disconnectedCallback(){qt.jmp((()=>kt(this)))}componentOnReady(){return Et(this)._}};s.G=t[0];if(!o.includes(i)&&!c.get(i)){l.push(i);c.define(i,mt(f,s,1))}}))}));if(w){u.innerHTML+=p}{u.innerHTML+=l+h}if(u.innerHTML.length){u.setAttribute("data-styles","");const t=(e=qt.M)!==null&&e!==void 0?e:k(Ht);if(t!=null){u.setAttribute("nonce",t)}f.insertBefore(u,r?r.nextSibling:f.firstChild)}y=false;if(a.length){a.map((t=>t.connectedCallback()))}else{{qt.jmp((()=>v=setTimeout($t,30)))}}s()};const Ot=(t,n)=>n;const xt=(t,n,e,s)=>{if(e){e.map((([e,s,l])=>{const o=Mt(t,e);const i=Ct(n,l);const c=Pt(e);qt.ael(o,s,i,c);(n.B=n.B||[]).push((()=>qt.rel(o,s,i,c)))}))}};const Ct=(t,n)=>e=>{try{{if(t.$&256){t.F[n](e)}else{(t.N=t.N||[]).push([n,e])}}}catch(t){Nt(t)}};const Mt=(t,n)=>{if(n&4)return Ht;if(n&8)return Tt;if(n&16)return Ht.body;return t};const Pt=t=>(t&2)!==0;const Rt=t=>qt.M=t;const Ut=new WeakMap;const Et=t=>Ut.get(t);const It=(t,n)=>Ut.set(n.F=t,n);const Lt=(t,n)=>{const e={$:0,$hostElement$:t,P:n,D:new Map};{e.q=new Promise((t=>e.A=t))}{e._=new Promise((t=>e.W=t));t["s-p"]=[];t["s-rc"]=[]}xt(t,e,n.V);return Ut.set(t,e)};const Ft=(t,n)=>n in t;const Nt=(t,n)=>(0,console.error)(t,n);const Wt=new Map;const At=(t,n,e)=>{const s=t.R.replace(/-/g,"_");const l=t.G;const o=Wt.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Wt.set(l,t)}return t[s]}),Nt)};const Dt=new Map;const Tt=typeof window!=="undefined"?window:{};const Ht=Tt.document||{head:{}};const qt={$:0,t:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,s)=>t.addEventListener(n,e,s),rel:(t,n,e,s)=>t.removeEventListener(n,e,s),ce:(t,n)=>new CustomEvent(t,n)};const Vt=true;const _t=t=>Promise.resolve(t);const zt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Bt=[];const Gt=[];const Jt=(t,n)=>e=>{t.push(e);if(!l){l=true;if(n&&qt.$&4){Xt(Qt)}else{qt.raf(Qt)}}};const Kt=t=>{for(let n=0;n<t.length;n++){try{t[n](performance.now())}catch(t){Nt(t)}}t.length=0};const Qt=()=>{Kt(Bt);{Kt(Gt);if(l=Bt.length>0){qt.raf(Qt)}}};const Xt=t=>_t().then(t);const Yt=Jt(Bt,false);const Zt=Jt(Gt,true);export{Ot as F,x as H,t as N,o as a,jt as b,N as c,Ht as d,Yt as e,dt as f,F as g,j as h,_t as p,It as r,Rt as s};
+//# sourceMappingURL=p-9621ebf7.js.map

package/dist/calcite/p-974209b6.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.7
+ */
+import{r as e,c as t,h as i,F as n,g as a}from"./p-9621ebf7.js";import{c as s,d as o}from"./p-45875887.js";import{e as c,g as r,t as l}from"./p-1fc0aa37.js";import{c as d,d as h}from"./p-07a609a8.js";import{u as p,c as g,s as f,d as m}from"./p-c5269d0a.js";import{H as u,c as x}from"./p-f4e78a16.js";import{c as v}from"./p-f21908c0.js";import"./p-a6e34d32.js";import"./p-fd3d6c96.js";import"./p-66681f87.js";const b={container:"container",header:"header",heading:"heading",close:"close",imageFrame:"image-frame",content:"content",info:"info"};const y={close:"x"};const k={thumbnail:"thumbnail"};const z=":host{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{margin-block-end:0.5rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-1)}.container[hidden]{display:none}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info:only-child{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-color-brand)}::slotted(a:focus){outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";const w=class{constructor(i){e(this,i);this.calciteTipDismiss=t(this,"calciteTipDismiss",6);this.hideTip=()=>{this.closed=true;this.calciteTipDismiss.emit()};this.closed=false;this.closeDisabled=false;this.heading=undefined;this.headingLevel=undefined;this.selected=false;this.messages=undefined;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}effectiveLocaleChange(){p(this,this.effectiveLocale)}connectedCallback(){s(this);d(this);g(this)}async componentWillLoad(){await f(this)}disconnectedCallback(){o(this);h(this);m(this)}renderHeader(){const{heading:e,headingLevel:t,el:n}=this;const a=n.closest("calcite-tip-manager")?.headingLevel;const s=a?x(a+1):null;const o=t||s;return e?i("header",{class:b.header},i(u,{class:b.heading,level:o},e)):null}renderDismissButton(){const{closeDisabled:e,hideTip:t}=this;return!e?i("calcite-action",{class:b.close,icon:y.close,onClick:t,scale:"l",text:this.messages.close}):null}renderImageFrame(){const{el:e}=this;return c(e,k.thumbnail)?i("div",{class:b.imageFrame,key:"thumbnail"},i("slot",{name:k.thumbnail})):null}renderInfoNode(){return i("div",{class:b.info},i("slot",null))}renderContent(){return i("div",{class:b.content},this.renderImageFrame(),this.renderInfoNode())}render(){return i(n,null,i("article",{class:b.container},this.renderHeader(),this.renderContent()),this.renderDismissButton())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};w.style=z;const C=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}:host([hidden]){display:none}[hidden]{display:none}";const L=class{constructor(t){e(this,t);this.groupTitle=undefined}render(){return i("slot",null)}};L.style=C;const j={header:"header",heading:"heading",close:"close",container:"container",tipContainer:"tip-container",tipContainerAdvancing:"tip-container--advancing",tipContainerRetreating:"tip-container--retreating",pagination:"pagination",pagePosition:"page-position",pageNext:"page-next",pagePrevious:"page-previous"};const T={chevronLeft:"chevron-left",chevronRight:"chevron-right",close:"x"};const H=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);--calcite-tip-manager-height:19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}:host([hidden]){display:none}[hidden]{display:none}";const I=class{constructor(i){e(this,i);this.calciteTipManagerClose=t(this,"calciteTipManagerClose",6);this.mutationObserver=v("mutation",(()=>this.setUpTips()));this.hideTipManager=()=>{this.closed=true;this.calciteTipManagerClose.emit()};this.previousClicked=()=>{this.previousTip()};this.nextClicked=()=>{this.nextTip()};this.tipManagerKeyDownHandler=e=>{if(e.target!==this.container){return}switch(e.key){case"ArrowRight":e.preventDefault();this.nextTip();break;case"ArrowLeft":e.preventDefault();this.previousTip();break;case"Home":e.preventDefault();this.selectedIndex=0;break;case"End":e.preventDefault();this.selectedIndex=this.total-1;break}};this.storeContainerRef=e=>{this.container=e};this.closed=false;this.headingLevel=undefined;this.messages=undefined;this.messageOverrides=undefined;this.selectedIndex=undefined;this.tips=undefined;this.total=undefined;this.direction=undefined;this.groupTitle=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}closedChangeHandler(){this.direction=null}onMessagesChange(){}selectedChangeHandler(){this.showSelectedTip();this.updateGroupTitle()}async effectiveLocaleChange(){await p(this,this.effectiveLocale);this.updateGroupTitle()}connectedCallback(){d(this);g(this);this.setUpTips();this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}async componentWillLoad(){await f(this);this.updateGroupTitle()}disconnectedCallback(){this.mutationObserver?.disconnect();h(this);m(this)}async nextTip(){this.direction="advancing";const e=this.selectedIndex+1;this.selectedIndex=(e+this.total)%this.total}async previousTip(){this.direction="retreating";const e=this.selectedIndex-1;this.selectedIndex=(e+this.total)%this.total}setUpTips(){const e=Array.from(this.el.querySelectorAll("calcite-tip"));this.total=e.length;if(this.total===0){return}const t=this.el.querySelector("calcite-tip[selected]");this.tips=e;this.selectedIndex=t?e.indexOf(t):0;e.forEach((e=>{e.closeDisabled=true}));this.showSelectedTip()}showSelectedTip(){this.tips.forEach(((e,t)=>{const i=this.selectedIndex===t;e.selected=i;e.hidden=!i}))}updateGroupTitle(){if(this.tips){const e=this.tips[this.selectedIndex];const t=e.closest("calcite-tip-group");this.groupTitle=t?.groupTitle||this.messages?.defaultGroupTitle}}renderPagination(){const e=r(this.el);const{selectedIndex:t,tips:n,total:a,messages:s}=this;const o=s.next;const c=s.previous;const l=s.defaultPaginationLabel;return n.length>1?i("footer",{class:j.pagination},i("calcite-action",{class:j.pagePrevious,icon:e==="ltr"?T.chevronLeft:T.chevronRight,onClick:this.previousClicked,scale:"m",text:c}),i("span",{class:j.pagePosition},`${l} ${t+1}/${a}`),i("calcite-action",{class:j.pageNext,icon:e==="ltr"?T.chevronRight:T.chevronLeft,onClick:this.nextClicked,scale:"m",text:o})):null}render(){const{closed:e,direction:t,headingLevel:n,groupTitle:a,selectedIndex:s,messages:o,total:c}=this;const r=o.close;if(c===0){return null}return i("section",{"aria-hidden":l(e),class:j.container,hidden:e,onKeyDown:this.tipManagerKeyDownHandler,tabIndex:0,ref:this.storeContainerRef},i("header",{class:j.header},i(u,{class:j.heading,level:n},a),i("calcite-action",{class:j.close,onClick:this.hideTipManager,scale:"m",text:r},i("calcite-icon",{icon:T.close,scale:"m"}))),i("div",{class:{[j.tipContainer]:true,[j.tipContainerAdvancing]:!e&&t==="advancing",[j.tipContainerRetreating]:!e&&t==="retreating"},key:s,tabIndex:0},i("slot",null)),this.renderPagination())}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{closed:["closedChangeHandler"],messageOverrides:["onMessagesChange"],selectedIndex:["selectedChangeHandler"],effectiveLocale:["effectiveLocaleChange"]}}};I.style=H;export{w as calcite_tip,L as calcite_tip_group,I as calcite_tip_manager};
+//# sourceMappingURL=p-974209b6.entry.js.map

package/dist/calcite/p-9b557aba.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.7
+ */
+import{h as e,r as t,c as i,H as s,e as o,g as r}from"./p-9621ebf7.js";import{s as n,l as a}from"./p-1fc0aa37.js";import{c}from"./p-f21908c0.js";import{g as l}from"./p-a6e34d32.js";import{c as h,d as p,n as d}from"./p-07a609a8.js";import{c as m,s as u,d as b,u as f}from"./p-c5269d0a.js";import{c as g,u as v,d as y}from"./p-bad8b453.js";import{s as x,a as z,c as w}from"./p-6bb7f3c4.js";import"./p-fd3d6c96.js";import"./p-66681f87.js";import"./p-39a44c05.js";const k={stepBar:"step-bar",stepBarActive:"step-bar--active",stepBarComplete:"step-bar--complete",stepBarDisabled:"step-bar--disabled",stepBarError:"step-bar--error",stepBarInActive:"step-bar--inactive"};const I=({disabled:t,active:i,complete:s,error:o,key:r})=>e("svg",{class:{[k.stepBar]:true},key:r},e("rect",{class:{[k.stepBarActive]:i,[k.stepBarComplete]:s,[k.stepBarDisabled]:t,[k.stepBarError]:o,[k.stepBarInActive]:true},width:"100%",x:"0",y:"0"}));const C={s:120,m:180,l:200};const S={actionIcon:"action-icon",actionIconStart:"action-icon--start",actionIconEnd:"action-icon--end",actionContainer:"action-container",stepBarContainer:"step-bar-container",singleView:"single-view"};const A=':host([scale=s]){--calcite-internal-stepper-item-spacing-unit-s:0.25rem;--calcite-internal-stepper-action-block-size:2.75rem;--calcite-internal-stepper-action-inline-size:2rem;--calcite-internal-step-bar-gap:0.25rem}:host([scale=m]){--calcite-internal-stepper-item-spacing-unit-s:0.5rem;--calcite-internal-stepper-action-block-size:3.25rem;--calcite-internal-stepper-action-inline-size:2.5rem}:host([scale=l]){--calcite-internal-stepper-item-spacing-unit-s:0.75rem;--calcite-internal-stepper-action-block-size:4rem;--calcite-internal-stepper-action-inline-size:3rem;--calcite-internal-step-bar-gap:0.75rem}:host{display:flex}.container{position:relative;display:flex;inline-size:100%;min-inline-size:-moz-fit-content;min-inline-size:fit-content;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between}:host([layout=vertical]) .container{flex:1 1 auto;flex-direction:column}:host([layout=horizontal]) .container{display:grid;grid-template-areas:"items" "content";gap:0.5rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal][scale=s]) .container{gap:0.25rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal][scale=l]) .container{gap:0.75rem var(--calcite-internal-stepper-item-spacing-unit-s)}:host([layout=horizontal]) .container.single-view{display:flex;grid-template-columns:none}.action-icon{position:relative;display:flex;flex-grow:0;block-size:var(--calcite-internal-stepper-action-block-size);inline-size:var(--calcite-internal-stepper-action-inline-size)}.action-container{position:absolute;display:flex;justify-content:space-between;padding-block:0.25rem;inline-size:100%}.step-bar{display:flex;block-size:100%;inline-size:100%}.step-bar-container{position:absolute;display:flex;align-items:flex-start;justify-content:space-between;block-size:0.125rem;inline-size:100%;gap:var(--calcite-internal-step-bar-gap, 0.5rem)}.step-bar--inactive{fill:var(--calcite-color-border-3, #dfdfdf);fill-opacity:1;block-size:100%}.step-bar--active{fill:var(--calcite-color-brand)}.step-bar--complete{fill:var(--calcite-color-brand);fill-opacity:0.5}.step-bar--error{fill:var(--calcite-color-status-danger)}.step-bar--disabled{opacity:0.5}:host([hidden]){display:none}[hidden]{display:none}';const E=class{constructor(e){t(this,e);this.calciteStepperItemChange=i(this,"calciteStepperItemChange",6);this.calciteInternalStepperItemChange=i(this,"calciteInternalStepperItemChange",6);this.enabledItems=[];this.itemMap=new Map;this.items=[];this.mutationObserver=c("mutation",(()=>this.updateItems()));this.multipleViewMode=false;this.guid=`calcite-stepper-action-${l()}`;this.resizeObserver=c("resize",(e=>this.elWidth=e[0].contentRect.width));this.handleActionClick=e=>{const t=this.currentActivePosition;const i=e.target;if(i.getAttribute("data-position")==="start"){this.prevStep()}else{this.nextStep()}if(this.currentActivePosition&&t!==this.currentActivePosition&&!this.items[this.currentActivePosition].disabled){this.calciteStepperItemChange.emit()}};this.setContainerEl=e=>{this.containerEl=e};this.handleDefaultSlotChange=e=>{const t=n(e).filter((e=>e?.tagName==="CALCITE-STEPPER-ITEM"));this.items=t;this.setGridTemplateColumns(t);this.setStepperItemNumberingSystem()};this.icon=false;this.layout="horizontal";this.numbered=false;this.scale="m";this.messages=undefined;this.numberingSystem=undefined;this.selectedItem=null;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.currentActivePosition=undefined;this.elWidth=undefined}handleItemPropChange(){this.updateItems()}numberingSystemChange(){this.setStepperItemNumberingSystem()}onMessagesChange(){}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true});this.updateItems();m(this);h(this)}async componentWillLoad(){await u(this)}componentDidLoad(){this.resizeObserver?.observe(this.containerEl);if(typeof this.currentActivePosition!=="number"){const e=this.getFirstEnabledStepperPosition();if(e===0){this.currentActivePosition=e}this.calciteInternalStepperItemChange.emit({position:e})}}disconnectedCallback(){this.resizeObserver?.disconnect();b(this);p(this);this.mutationObserver?.disconnect()}render(){return e(s,{"aria-label":this.messages.label,role:"region"},e("div",{class:{container:true,[S.singleView]:!this.multipleViewMode},ref:this.setContainerEl},!this.multipleViewMode&&this.layout==="horizontal"&&e("div",{class:{[S.stepBarContainer]:true}},this.items.map(((t,i)=>e(I,{active:i===this.currentActivePosition,complete:t.complete&&i!==this.currentActivePosition&&!t.error,disabled:t.disabled&&i!==this.currentActivePosition,error:t.error&&i!==this.currentActivePosition,key:i})))),e("div",{class:{[S.actionContainer]:true}},this.renderAction("start"),this.renderAction("end")),e("slot",{onSlotchange:this.handleDefaultSlotChange})))}calciteInternalStepperItemKeyEvent(e){const t=e.detail.item;const i=e.target;switch(t.key){case"ArrowDown":case"ArrowRight":a(this.enabledItems,i,"next");break;case"ArrowUp":case"ArrowLeft":a(this.enabledItems,i,"previous");break;case"Home":a(this.enabledItems,i,"first");break;case"End":a(this.enabledItems,i,"last");break}e.stopPropagation()}registerItem(e){const t=e.target;const{content:i,position:s}=e.detail;this.itemMap.set(t,{position:s,content:i});this.enabledItems=this.filterItems();e.stopPropagation()}updateItem(e){const{position:t}=e.detail;if(typeof t==="number"){this.currentActivePosition=t;this.selectedItem=e.target}this.calciteInternalStepperItemChange.emit({position:t})}handleUserRequestedStepperItemSelect(){this.calciteStepperItemChange.emit()}async nextStep(){const e=this.getEnabledStepIndex(this.currentActivePosition+1,"next");if(typeof e!=="number"){return}this.updateStep(e)}async prevStep(){const e=this.getEnabledStepIndex(this.currentActivePosition-1,"previous");if(typeof e!=="number"){return}this.updateStep(e)}async goToStep(e){const t=e-1;if(this.currentActivePosition!==t){this.updateStep(t)}}async startStep(){const e=this.getEnabledStepIndex(0,"next");if(typeof e!=="number"){return}this.updateStep(e)}async endStep(){const e=this.getEnabledStepIndex(this.items.length-1,"previous");if(typeof e!=="number"){return}this.updateStep(e)}effectiveLocaleChange(){f(this,this.effectiveLocale)}handlePositionChange(){o((()=>{this.determineActiveStepper(true)}))}handleElWidthChange(){o((()=>{this.determineActiveStepper()}))}updateItems(){this.el.querySelectorAll("calcite-stepper-item").forEach((e=>{e.icon=this.icon;e.numbered=this.numbered;e.layout=this.layout;e.scale=this.scale}))}determineActiveStepper(e=false){const t=this.items.length;if(!this.elWidth||!t||this.layout!=="horizontal"||t===1){return}const i=this.currentActivePosition||0;const s=t*this.getMinWidthOfStepperItem();const o=(t-1)*(parseInt(window.getComputedStyle(this.containerEl).rowGap)||0);if(this.elWidth<=s+o){this.multipleViewMode=false;this.items.forEach(((e,t)=>{if(t!==i){e.hidden=true}else{e.hidden=false;e.multipleViewMode=false}}))}else if(this.elWidth>s+o){if(this.multipleViewMode&&!e){return}this.multipleViewMode=true;this.setGridTemplateColumns(this.items);this.items.forEach((e=>{e.hidden=false;e.multipleViewMode=true}))}}getEnabledStepIndex(e,t="next"){const{items:i,currentActivePosition:s}=this;let o=e;while(i[o]?.disabled&&this.multipleViewMode){o=o+(t==="previous"?-1:1)}return o!==s&&o<i.length&&o>=0?o:null}updateStep(e){this.currentActivePosition=e;this.calciteInternalStepperItemChange.emit({position:e})}filterItems(){return this.items.filter((e=>!e.disabled))}setStepperItemNumberingSystem(){this.items.forEach((e=>{e.numberingSystem=this.numberingSystem}))}renderAction(t){const i=t==="start";const s=i?"chevron-left":"chevron-right";const{currentActivePosition:o,multipleViewMode:r,layout:n}=this;const a=this.items.length;const c=`${this.guid}-${i?"start":"end"}`;return n==="horizontal"&&!r?e("calcite-action",{alignment:"center",appearance:"transparent",class:{[S.actionIcon]:true},compact:true,"data-position":t,disabled:o===0&&i||o===a-1&&!i,icon:s,iconFlipRtl:true,id:c,onClick:this.handleActionClick,scale:this.scale,text:i?this.messages.previousStep:this.messages.nextStep}):null}getFirstEnabledStepperPosition(){const e=this.items.findIndex((e=>!e.disabled));if(e>-1){return e}return 0}setGridTemplateColumns(e){const t=this.getMinWidthOfStepperItem();const i=Array(e.length).fill(`minmax(${t}px, 1fr)`).join(" ");this.containerEl.style.gridTemplateAreas=i;this.containerEl.style.gridTemplateColumns=i}getMinWidthOfStepperItem(){return C[this.scale]}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{icon:["handleItemPropChange"],layout:["handleItemPropChange"],numbered:["handleItemPropChange"],scale:["handleItemPropChange"],numberingSystem:["numberingSystemChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],currentActivePosition:["handlePositionChange"],elWidth:["handleElWidthChange"]}}};E.style=A;const j={container:"container",stepperItemContent:"stepper-item-content",stepperItemDescription:"stepper-item-description",stepperItemHeader:"stepper-item-header",stepperItemHeading:"stepper-item-heading",stepperItemHeaderText:"stepper-item-header-text",stepperItemNumber:"stepper-item-number",visuallyHidden:"visually-hidden"};const L=":host([layout=horizontal][disabled]) .stepper-item-header,:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal][disabled]) .stepper-item-header *,:host([disabled]) *,:host([layout=horizontal][disabled]) .stepper-item-header ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;--calcite-internal-stepper-action-inline-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-inline-end:0.25rem}:host([scale=s]) .stepper-item-description{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;--calcite-internal-stepper-action-inline-size:2.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-inline-end:0.5rem}:host([scale=m]) .stepper-item-description{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;--calcite-internal-stepper-action-inline-size:3rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;margin-inline-end:0.75rem}:host([scale=l]) .stepper-item-description{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:flex;flex-grow:1;flex-direction:column;align-self:flex-start;margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}:host .container{position:relative;display:flex;flex-grow:1;cursor:pointer;flex-direction:column;border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);color:var(--calcite-color-text-3);text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host{outline-color:transparent}:host(:focus){outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host .stepper-item-header{display:flex;cursor:pointer;align-items:flex-start}:host .stepper-item-content,:host .stepper-item-header{transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:var(--calcite-stepper-item-spacing-unit-l);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host .stepper-item-header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-content{display:none;inline-size:100%;flex-direction:column;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{margin-inline-end:var(--calcite-stepper-item-spacing-unit-m);margin-block-start:1px;display:inline-flex;block-size:0.75rem;flex-shrink:0;align-self:flex-start;color:var(--calcite-color-text-3);opacity:var(--calcite-opacity-disabled);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .stepper-item-header-text{flex-direction:column;text-align:initial;margin-inline-end:auto}:host .stepper-item-heading,:host .stepper-item-description{display:flex;inline-size:100%}:host .stepper-item-heading{margin-block-end:0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}:host .stepper-item-description{color:var(--calcite-color-text-3)}:host .stepper-item-number{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-color-brand)}:host([error]) .container{border-block-start-color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-color-status-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-color-status-danger)}:host(:hover:not([disabled]):not([selected])) .container,:host(:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-brand)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-heading,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-heading{color:var(--calcite-color-text-1)}:host(:hover:not([disabled]):not([selected])) .container .stepper-item-description,:host(:focus:not([disabled]):not([selected])) .container .stepper-item-description{color:var(--calcite-color-text-2)}:host([error]:hover:not([disabled]):not([selected])) .container,:host([error]:focus:not([disabled]):not([selected])) .container{border-block-start-color:var(--calcite-color-status-danger-hover)}:host([selected]) .container{border-block-start-color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-heading{color:var(--calcite-color-text-1)}:host([selected]) .container .stepper-item-description{color:var(--calcite-color-text-2)}:host([selected]) .container .stepper-item-number{color:var(--calcite-color-brand)}:host([selected]) .container .stepper-item-icon{color:var(--calcite-color-brand);opacity:1}:host([selected]) .container .stepper-item-content{display:flex}:host([layout=vertical]) .container{margin-inline:0px;margin-block-start:0px;flex:1 1 auto;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;border-inline-start-width:2px;padding-inline-start:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]) .container .stepper-item-icon{order:3;margin-block:1px 0px;padding-inline-start:var(--calcite-stepper-item-spacing-unit-s);margin-inline-start:auto}:host([layout=vertical]) .container .stepper-item-header{padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0px}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-color-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-color-status-danger)}:host([layout=vertical][selected]) .container{border-color:var(--calcite-color-brand)}:host([layout=vertical][selected]) .container .stepper-item-content:not(:empty){margin-block-end:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical]:focus:not([disabled]):not([selected])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([selected])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([selected])) .container{border-color:var(--calcite-color-status-danger-hover)}:host([layout=horizontal]){display:contents}:host([layout=horizontal]) .container{display:contents}:host([layout=horizontal]) .stepper-item-header{border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-color-border-3);outline-color:transparent;grid-row:items}:host([layout=horizontal]) .stepper-item-header:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([layout=horizontal]) .stepper-item-content{cursor:auto;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:0;padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}:host([layout=horizontal][selected]) .stepper-item-content{grid-area:2/1/2/-1}:host([layout=horizontal][complete]) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][complete]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][complete]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-color-brand)}:host([layout=horizontal][error]) .stepper-item-header{border-color:var(--calcite-color-status-danger)}:host([layout=horizontal][selected][multiple-view-mode]) .stepper-item-header{border-color:var(--calcite-color-brand)}:host([layout=horizontal]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:rgba(0, 122, 194, 0.5)}:host([layout=horizontal][error]:hover:not([disabled]):not([selected])) .stepper-item-header,:host([layout=horizontal][error]:focus:not([disabled]):not([selected])) .stepper-item-header{border-color:var(--calcite-color-status-danger-hover)}@media (forced-colors: active){:host .container{outline-width:0;outline-offset:0}:host(:focus),:host(:focus-visible){outline-color:canvasText}:host([selected]) .container{border-block-start-color:highlight}:host([selected]) .container .stepper-item-number{color:highlight}:host([selected]) .container .stepper-item-icon{color:highlight}:host([layout=vertical][selected]) .container{border-color:highlight}}:host([layout=horizontal]:not([multiple-view-mode])) .stepper-item-header{margin-inline-end:0px;border-style:none;inline-size:100%;padding-inline:calc(var(--calcite-internal-stepper-action-inline-size) + 0.5rem)}:host([layout=horizontal][error]:not([multiple-view-mode])) .container .stepper-item-number{color:var(--calcite-color-status-danger)}:host([layout=horizontal][error]:not([multiple-view-mode])) .container .stepper-item-icon{opacity:1;color:var(--calcite-color-status-danger)}:host([layout=horizontal][error][selected]:not([multiple-view-mode])),:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container{color:var(--calcite-color-text-3)}:host([layout=horizontal][error][selected]:not([multiple-view-mode])) .stepper-item-heading,:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-heading{color:var(--calcite-color-text-2)}:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-icon{opacity:var(--calcite-opacity-disabled)}:host([layout=horizontal][complete][selected]:not([multiple-view-mode])) .container .stepper-item-number{color:var(--calcite-color-text-3)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";const P=class{constructor(e){t(this,e);this.calciteInternalStepperItemKeyEvent=i(this,"calciteInternalStepperItemKeyEvent",6);this.calciteInternalStepperItemSelect=i(this,"calciteInternalStepperItemSelect",6);this.calciteInternalUserRequestedStepperItemSelect=i(this,"calciteInternalUserRequestedStepperItemSelect",6);this.calciteInternalStepperItemRegister=i(this,"calciteInternalStepperItemRegister",6);this.keyDownHandler=e=>{if(!this.disabled&&e.target===this.el){switch(e.key){case" ":case"Enter":this.emitUserRequestedItem();e.preventDefault();break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"Home":case"End":this.calciteInternalStepperItemKeyEvent.emit({item:e});e.preventDefault();break}}};this.handleItemClick=e=>{if(this.disabled||this.layout==="horizontal"&&e.composedPath().some((e=>e.classList?.contains("stepper-item-content")))){return}this.emitUserRequestedItem()};this.emitUserRequestedItem=()=>{this.emitRequestedItem();if(!this.disabled){const e=this.itemPosition;this.calciteInternalUserRequestedStepperItemSelect.emit({position:e})}};this.emitRequestedItem=()=>{if(!this.disabled){const e=this.itemPosition;this.calciteInternalStepperItemSelect.emit({position:e})}};this.selected=false;this.complete=false;this.error=false;this.disabled=false;this.heading=undefined;this.description=undefined;this.iconFlipRtl=false;this.numberingSystem=undefined;this.icon=false;this.layout=undefined;this.messages=undefined;this.numbered=false;this.scale="m";this.multipleViewMode=false;this.messageOverrides=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}selectedHandler(){if(this.selected){this.emitRequestedItem()}}disabledWatcher(){this.registerStepperItem()}onMessagesChange(){}effectiveLocaleWatcher(e){d.numberFormatOptions={locale:e,numberingSystem:this.numberingSystem,useGrouping:false};f(this,this.effectiveLocale)}connectedCallback(){g(this);h(this);m(this)}async componentWillLoad(){x(this);this.parentStepperEl=this.el.parentElement;this.itemPosition=this.getItemPosition();this.registerStepperItem();if(this.selected){this.emitRequestedItem()}await u(this)}componentDidLoad(){z(this)}componentDidRender(){v(this,true)}disconnectedCallback(){y(this);p(this);b(this)}render(){return e(s,{"aria-current":this.selected?"step":"false",onClick:this.handleItemClick,onKeyDown:this.keyDownHandler},e("div",{class:j.container},this.complete&&e("span",{"aria-live":"polite",class:j.visuallyHidden},this.messages.complete),e("div",{class:j.stepperItemHeader,tabIndex:this.layout==="horizontal"&&!this.disabled&&this.multipleViewMode?0:null,ref:e=>this.headerEl=e},this.icon?this.renderIcon():null,this.numbered?e("div",{class:j.stepperItemNumber},this.renderNumbers(),"."):null,e("div",{class:j.stepperItemHeaderText},e("span",{class:j.stepperItemHeading},this.heading),e("span",{class:j.stepperItemDescription},this.description))),e("div",{class:j.stepperItemContent},e("slot",null))))}updateActiveItemOnChange(e){if(e.target===this.parentStepperEl||e.composedPath().includes(this.parentStepperEl)){this.selectedPosition=e.detail.position;this.determineSelectedItem()}}async setFocus(){await w(this);(this.layout==="vertical"?this.el:this.headerEl)?.focus()}renderIcon(){let t="circle";if(this.selected&&(this.multipleViewMode||!this.error&&!this.complete)){t="circleF"}else if(this.error){t="exclamationMarkCircleF"}else if(this.complete){t="checkCircleF"}return e("calcite-icon",{class:"stepper-item-icon",flipRtl:this.iconFlipRtl,icon:t,scale:"s"})}determineSelectedItem(){this.selected=!this.disabled&&this.itemPosition===this.selectedPosition}registerStepperItem(){this.calciteInternalStepperItemRegister.emit({position:this.itemPosition})}getItemPosition(){return Array.from(this.parentStepperEl?.querySelectorAll("calcite-stepper-item")).indexOf(this.el)}renderNumbers(){d.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:false};return d.numberFormatter.format(this.itemPosition+1)}static get assetsDirs(){return["assets"]}get el(){return r(this)}static get watchers(){return{selected:["selectedHandler"],disabled:["disabledWatcher"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};P.style=L;export{E as calcite_stepper,P as calcite_stepper_item};
+//# sourceMappingURL=p-9b557aba.entry.js.map

package/dist/calcite/p-9bb4de9b.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.7
+ */
+import{r as t,f as e,h as i,H as n,g as o,c as s,F as r}from"./p-9621ebf7.js";import{s as a,l as c,d as l,g as h}from"./p-1fc0aa37.js";import{s as d,a as u,c as f}from"./p-6bb7f3c4.js";import{c as p,d as m}from"./p-07a609a8.js";import{u as v,c as b,s as g,d as y}from"./p-c5269d0a.js";import{C as x}from"./p-fd3d6c96.js";import"./p-a6e34d32.js";import"./p-66681f87.js";import"./p-f21908c0.js";const w=":host{display:flex}ul{margin:0px;display:inline-flex;block-size:100%;align-items:center;padding:0px}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";const k=class{constructor(e){t(this,e);this.menuItems=[];this.handleMenuSlotChange=t=>{this.menuItems=a(t);this.setMenuItemLayout(this.menuItems,this.layout)};this.label=undefined;this.layout="horizontal";this.messageOverrides=undefined;this.messages=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}handleGlobalAttributesChanged(){e(this);this.setMenuItemLayout(this.menuItems,this.layout)}handleLayoutChange(t){this.setMenuItemLayout(this.menuItems,t)}onMessagesChange(){}effectiveLocaleChange(){v(this,this.effectiveLocale)}connectedCallback(){p(this);b(this)}async componentWillLoad(){d(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){m(this);y(this)}async setFocus(){await f(this);this.el.focus()}calciteInternalNavMenuItemKeyEvent(t){const e=t.target;const i=t.detail.children;const n=t.detail.event.key;t.stopPropagation();if(n==="ArrowDown"){if(e.layout==="vertical"){c(this.menuItems,e,"next",false)}else{if(t.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowUp"){if(this.layout==="vertical"){c(this.menuItems,e,"previous",false)}else{if(t.detail.isSubmenuOpen){i[i.length-1].setFocus()}}}else if(n==="ArrowRight"){if(this.layout==="horizontal"){c(this.menuItems,e,"next",false)}else{if(t.detail.isSubmenuOpen){i[0].setFocus()}}}else if(n==="ArrowLeft"){if(this.layout==="horizontal"){c(this.menuItems,e,"previous",false)}else{if(t.detail.isSubmenuOpen){this.focusParentElement(t.target)}}}else if(n==="Escape"){this.focusParentElement(t.target)}t.preventDefault()}focusParentElement(t){const e=t.parentElement;if(e){l(e);e.open=false}}setMenuItemLayout(t,e){t.forEach((t=>{t.layout=e;if(this.getEffectiveRole()==="menubar"){t.isTopLevelItem=true;t.topLevelMenuLayout=this.layout}}))}getEffectiveRole(){return this.el.getAttribute("role")||"menubar"}render(){return i(n,null,i("ul",{"aria-label":this.label,role:this.getEffectiveRole()},i("slot",{onSlotchange:this.handleMenuSlotChange})))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{role:["handleGlobalAttributesChanged"],layout:["handleLayoutChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};k.style=w;const z={container:"container",content:"content",dropdownVertical:"dropdown--vertical",dropdownMenuItems:"dropdown-menu-items",dropdownAction:"dropdown-action",layoutVertical:"layout--vertical",hoverHrefIcon:"hover-href-icon",icon:"icon",iconBreadcrumb:"icon--breadcrumb",iconDropdown:"icon--dropdown",iconEnd:"icon--end",iconStart:"icon--start",isParentVertical:"parent--vertical",itemContent:"item-content",open:"open",nested:"nested",textContainer:"text-container"};const C=':host{position:relative;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-color-foreground-1);padding-inline:1rem;font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);outline:2px solid transparent;outline-offset:2px;text-decoration:none;border-block-end:0.125rem solid transparent;padding-block-start:0.125rem}.content:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2)}.content:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-2);outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.content:active{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:0.25rem solid transparent}:host([active]) .content{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand)}:host([active]) .content .icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host([layout=vertical]) .content{padding-inline:0.75rem}.icon--start{margin-inline-end:0.75rem}.icon--end{margin-inline-start:0.75rem}:host([layout=vertical]) .icon--end{margin-inline-start:auto;padding-inline-start:0.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--end~.icon--dropdown{margin-inline-start:0.75rem}:host([layout=vertical]) .hover-href-icon{padding-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--end{margin-inline-start:0.5rem}:host([layout=vertical]) .hover-href-icon~.icon--breadcrumb{margin-inline-start:0.75rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-color-text-3)}:host([layout=vertical]) .icon--breadcrumb{margin-inline-start:auto}:host([layout=vertical]) .icon--breadcrumb~.icon--dropdown{margin-inline-start:0.5rem}:host([layout=vertical]) .icon--end~.icon--breadcrumb{margin-inline-start:0.5rem}:host([breadcrumb]) .content{padding-inline-end:0.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-color-foreground-1)}calcite-action:after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:"";inset-block:0.75rem;background-color:var(--calcite-color-border-3)}calcite-action:hover:after{block-size:100%;inset-block:0}.content:focus~calcite-action,.content:hover~calcite-action{color:var(--calcite-color-text-1);border-inline-start:1px solid var(--calcite-color-border-3)}.container:hover .dropdown-action{background-color:var(--calcite-color-foreground-2)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);inset-block-start:100%;z-index:var(--calcite-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translateX(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;border-radius:0px;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([layout=vertical]:last-of-type) .dropdown-menu-items{border-block-end:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.5rem}.dropdown-menu-items.nested.calcite--rtl{transform:translateX(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:0.25rem;margin-inline-start:auto;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}.content:focus .hover-href-icon,.content:hover .hover-href-icon{inset-inline-end:-0.25rem;opacity:1}:host([hidden]){display:none}[hidden]{display:none}';const I=class{constructor(e){t(this,e);this.calciteInternalMenuItemKeyEvent=s(this,"calciteInternalMenuItemKeyEvent",7);this.calciteMenuItemSelect=s(this,"calciteMenuItemSelect",7);this.clickHandler=t=>{if(this.href&&t.target===this.dropdownActionEl||!this.href&&this.hasSubmenu){this.open=!this.open}this.selectMenuItem(t)};this.handleMenuItemSlotChange=t=>{this.submenuItems=a(t);this.submenuItems.forEach((t=>{if(!t.topLevelMenuLayout){t.topLevelMenuLayout=this.topLevelMenuLayout}}));this.hasSubmenu=this.submenuItems.length>0};this.keyDownHandler=async t=>{if(t.key===" "||t.key==="Enter"){this.selectMenuItem(t);if(this.hasSubmenu&&(!this.href||this.href&&t.target===this.dropdownActionEl)){this.open=!this.open}t.preventDefault()}else if(t.key==="Escape"){if(this.open){this.open=false;return}this.calciteInternalMenuItemKeyEvent.emit({event:t});t.preventDefault()}else if(t.key==="ArrowDown"||t.key==="ArrowUp"){t.preventDefault();if((t.target===this.dropdownActionEl||!this.href)&&this.hasSubmenu&&!this.open&&this.layout==="horizontal"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:t,children:this.submenuItems,isSubmenuOpen:this.open&&this.hasSubmenu})}else if(t.key==="ArrowLeft"){t.preventDefault();this.calciteInternalMenuItemKeyEvent.emit({event:t,children:this.submenuItems,isSubmenuOpen:true})}else if(t.key==="ArrowRight"){t.preventDefault();if((t.target===this.dropdownActionEl||!this.href)&&this.hasSubmenu&&!this.open&&this.layout==="vertical"){this.open=true;return}this.calciteInternalMenuItemKeyEvent.emit({event:t,children:this.submenuItems,isSubmenuOpen:this.open&&this.hasSubmenu})}};this.active=undefined;this.breadcrumb=undefined;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.isTopLevelItem=false;this.label=undefined;this.layout=undefined;this.messageOverrides=undefined;this.messages=undefined;this.open=false;this.rel=undefined;this.target=undefined;this.text=undefined;this.topLevelMenuLayout=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasSubmenu=false;this.submenuItems=undefined}onMessagesChange(){}effectiveLocaleChange(){v(this,this.effectiveLocale)}async setFocus(){await f(this);this.anchorEl.focus()}handleClickOut(t){if(this.topLevelMenuLayout!=="vertical"&&this.hasSubmenu&&this.open&&!t.composedPath().includes(this.el)){this.open=false}}handleFocusOut(t){if(this.topLevelMenuLayout!=="vertical"&&!this.el.contains(t.relatedTarget)){this.open=false}}connectedCallback(){p(this);b(this)}async componentWillLoad(){d(this);await g(this)}componentDidLoad(){u(this)}disconnectedCallback(){m(this);y(this)}blurHandler(){this.isFocused=false}focusHandler(t){const e=t.target;this.isFocused=true;if(e.open&&!this.open){e.open=false}}selectMenuItem(t){if(t.target!==this.dropdownActionEl){this.calciteMenuItemSelect.emit()}}renderIconStart(){return i("calcite-icon",{class:`${z.icon} ${z.iconStart}`,flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,key:z.iconStart,scale:"s"})}renderIconEnd(){return i("calcite-icon",{class:`${z.icon} ${z.iconEnd}`,flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,key:z.iconEnd,scale:"s"})}renderBreadcrumbIcon(t){return i("calcite-icon",{class:`${z.icon} ${z.iconBreadcrumb}`,icon:t==="rtl"?"chevron-left":"chevron-right",key:z.iconBreadcrumb,scale:"s"})}renderDropdownIcon(t){const e=t==="rtl"?"chevron-left":"chevron-right";return i("calcite-icon",{class:`${z.icon} ${z.iconDropdown}`,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":e,key:z.iconDropdown,scale:"s"})}renderDropdownAction(t){const e=t==="rtl"?"chevron-left":"chevron-right";return i("calcite-action",{class:z.dropdownAction,icon:this.topLevelMenuLayout==="vertical"||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":e,key:z.dropdownAction,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,text:this.messages.open,ref:t=>this.dropdownActionEl=t})}renderSubmenuItems(t){return i("calcite-menu",{class:{[z.dropdownMenuItems]:true,[z.open]:this.open,[z.nested]:!this.isTopLevelItem,[x.rtl]:t==="rtl",[z.dropdownVertical]:this.topLevelMenuLayout==="vertical"},label:this.messages.submenu,layout:"vertical",role:"menu"},i("slot",{name:"submenu-item",onSlotchange:this.handleMenuItemSlotChange}))}renderHrefIcon(t){return i("calcite-icon",{class:z.hoverHrefIcon,icon:t==="rtl"?"arrow-left":"arrow-right",key:z.hoverHrefIcon,scale:"s"})}renderItemContent(t){const e=this.href&&(this.topLevelMenuLayout==="vertical"||!this.isTopLevelItem);return i(r,null,this.iconStart&&this.renderIconStart(),i("div",{class:z.textContainer},i("span",null,this.text)),e&&this.renderHrefIcon(t),this.iconEnd&&this.renderIconEnd(),this.breadcrumb?this.renderBreadcrumbIcon(t):null,!this.href&&this.hasSubmenu?this.renderDropdownIcon(t):null)}render(){const t=h(this.el);return i(n,{onBlur:this.blurHandler,onFocus:this.focusHandler},i("li",{class:{[z.container]:true,[z.isParentVertical]:this.topLevelMenuLayout==="vertical"},role:"none"},i("div",{class:z.itemContent},i("a",{"aria-current":this.isFocused?"page":false,"aria-expanded":this.open,"aria-haspopup":this.hasSubmenu,"aria-label":this.label,class:{[z.layoutVertical]:this.layout==="vertical",[z.content]:true},href:this.href,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,rel:this.rel,role:"menuitem",tabIndex:this.isTopLevelItem?0:-1,target:this.target,ref:t=>this.anchorEl=t},this.renderItemContent(t)),this.href&&this.hasSubmenu?this.renderDropdownAction(t):null),this.renderSubmenuItems(t)))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};I.style=C;export{k as calcite_menu,I as calcite_menu_item};
+//# sourceMappingURL=p-9bb4de9b.entry.js.map

package/dist/calcite/p-9bb4de9b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["menuCss","CalciteMenu","this","menuItems","handleMenuSlotChange","event","slotChangeGetAssignedElements","setMenuItemLayout","layout","handleGlobalAttributesChanged","forceUpdate","handleLayoutChange","value","onMessagesChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectedCallback","connectLocalized","connectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectLocalized","disconnectMessages","setFocus","componentFocusable","el","focus","calciteInternalNavMenuItemKeyEvent","target","submenuItems","detail","children","key","stopPropagation","focusElementInGroup","isSubmenuOpen","length","focusParentElement","preventDefault","parentEl","parentElement","focusElement","open","items","forEach","item","getEffectiveRole","isTopLevelItem","topLevelMenuLayout","getAttribute","render","h","Host","label","role","onSlotchange","CSS","container","content","dropdownVertical","dropdownMenuItems","dropdownAction","layoutVertical","hoverHrefIcon","icon","iconBreadcrumb","iconDropdown","iconEnd","iconStart","isParentVertical","itemContent","nested","textContainer","menuItemCss","CalciteMenuItem","clickHandler","href","dropdownActionEl","hasSubmenu","selectMenuItem","handleMenuItemSlotChange","keyDownHandler","async","calciteInternalMenuItemKeyEvent","emit","anchorEl","handleClickOut","composedPath","includes","handleFocusOut","contains","relatedTarget","blurHandler","isFocused","focusHandler","calciteMenuItemSelect","renderIconStart","class","flipRtl","iconFlipRtl","scale","renderIconEnd","renderBreadcrumbIcon","dir","renderDropdownIcon","dirChevron","renderDropdownAction","onClick","onKeyDown","text","messages","ref","renderSubmenuItems","CSS_UTILITY","rtl","submenu","name","renderHrefIcon","renderItemContent","hasHref","Fragment","breadcrumb","getElementDir","onBlur","onFocus","rel","tabIndex"],"sources":["src/components/menu/menu.scss?tag=calcite-menu&encapsulation=shadow","src/components/menu/menu.tsx","src/components/menu-item/resources.ts","src/components/menu-item/menu-item.scss?tag=calcite-menu-item&encapsulation=shadow","src/components/menu-item/menu-item.tsx"],"sourcesContent":[":host {\n  @apply flex;\n}\n\nul {\n  @apply inline-flex items-center h-full m-0 p-0;\n}\n\n:host([layout=\"vertical\"]) ul {\n  @apply flex flex-col w-full;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n  Method,\n  VNode,\n  forceUpdate,\n} from \"@stencil/core\";\nimport { focusElement, focusElementInGroup, slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { MenuMessages } from \"./assets/menu/t9n\";\n\ntype Layout = \"horizontal\" | \"vertical\";\n\n@Component({\n  tag: \"calcite-menu\",\n  styleUrl: \"menu.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n  assetsDirs: [\"assets\"],\n})\nexport class CalciteMenu implements LocalizedComponent, T9nComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Global attributes\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"role\")\n  handleGlobalAttributesChanged(): void {\n    forceUpdate(this);\n    this.setMenuItemLayout(this.menuItems, this.layout);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Accessible name for the component.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Specifies the layout of the component.\n   */\n  @Prop({ reflect: true }) layout: Layout = \"horizontal\";\n\n  @Watch(\"layout\")\n  handleLayoutChange(value: Layout): void {\n    this.setMenuItemLayout(this.menuItems, value);\n  }\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<MenuMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Made into a prop for testing purposes only.\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: MenuMessages;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteMenuElement;\n\n  @State() defaultMessages: MenuMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  menuItems: HTMLCalciteMenuItemElement[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.el.focus();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalMenuItemKeyEvent\")\n  calciteInternalNavMenuItemKeyEvent(event: CustomEvent): void {\n    const target = event.target as HTMLCalciteMenuItemElement;\n    const submenuItems = event.detail.children;\n    const key = event.detail.event.key;\n    event.stopPropagation();\n\n    if (key === \"ArrowDown\") {\n      if (target.layout === \"vertical\") {\n        focusElementInGroup(this.menuItems, target, \"next\", false);\n      } else {\n        if (event.detail.isSubmenuOpen) {\n          submenuItems[0].setFocus();\n        }\n      }\n    } else if (key === \"ArrowUp\") {\n      if (this.layout === \"vertical\") {\n        focusElementInGroup(this.menuItems, target, \"previous\", false);\n      } else {\n        if (event.detail.isSubmenuOpen) {\n          submenuItems[submenuItems.length - 1].setFocus();\n        }\n      }\n    } else if (key === \"ArrowRight\") {\n      if (this.layout === \"horizontal\") {\n        focusElementInGroup(this.menuItems, target, \"next\", false);\n      } else {\n        if (event.detail.isSubmenuOpen) {\n          submenuItems[0].setFocus();\n        }\n      }\n    } else if (key === \"ArrowLeft\") {\n      if (this.layout === \"horizontal\") {\n        focusElementInGroup(this.menuItems, target, \"previous\", false);\n      } else {\n        if (event.detail.isSubmenuOpen) {\n          this.focusParentElement(event.target as HTMLCalciteMenuItemElement);\n        }\n      }\n    } else if (key === \"Escape\") {\n      this.focusParentElement(event.target as HTMLCalciteMenuItemElement);\n    }\n    event.preventDefault();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  handleMenuSlotChange = (event: Event): void => {\n    this.menuItems = slotChangeGetAssignedElements(event) as HTMLCalciteMenuItemElement[];\n    this.setMenuItemLayout(this.menuItems, this.layout);\n  };\n\n  focusParentElement(el: HTMLCalciteMenuItemElement): void {\n    const parentEl = el.parentElement as HTMLCalciteMenuItemElement;\n    if (parentEl) {\n      focusElement(parentEl);\n      parentEl.open = false;\n    }\n  }\n\n  setMenuItemLayout(items: HTMLCalciteMenuItemElement[], layout: Layout): void {\n    items.forEach((item) => {\n      item.layout = layout;\n      if (this.getEffectiveRole() === \"menubar\") {\n        item.isTopLevelItem = true;\n        item.topLevelMenuLayout = this.layout;\n      }\n    });\n  }\n\n  private getEffectiveRole(): string {\n    return this.el.getAttribute(\"role\") || \"menubar\";\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Host>\n        <ul aria-label={this.label} role={this.getEffectiveRole()}>\n          <slot onSlotchange={this.handleMenuSlotChange} />\n        </ul>\n      </Host>\n    );\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  content: \"content\",\n  dropdownVertical: \"dropdown--vertical\",\n  dropdownMenuItems: \"dropdown-menu-items\",\n  dropdownAction: \"dropdown-action\",\n  layoutVertical: \"layout--vertical\",\n  hoverHrefIcon: \"hover-href-icon\",\n  icon: \"icon\",\n  iconBreadcrumb: \"icon--breadcrumb\",\n  iconDropdown: \"icon--dropdown\",\n  iconEnd: \"icon--end\",\n  iconStart: \"icon--start\",\n  isParentVertical: \"parent--vertical\",\n  itemContent: \"item-content\",\n  open: \"open\",\n  nested: \"nested\",\n  textContainer: \"text-container\",\n};\n",":host {\n  @apply flex\n  items-center\n  relative\n  box-border;\n  flex-shrink: 0;\n  & .container,\n  & .item-content,\n  & .content {\n    min-block-size: theme(\"spacing.12\");\n  }\n}\n\n:host([layout=\"vertical\"]) {\n  @apply w-full;\n}\n\n:host(:not([layout=\"vertical\"])) {\n  @apply h-full;\n}\n\n.container,\n.item-content {\n  @apply flex flex-row w-full h-full items-stretch;\n}\n\n.content {\n  @apply flex\n  items-center\n  relative\n  justify-center\n  cursor-pointer\n  outline-none\n  text-0\n  text-color-2\n  box-border\n  bg-foreground-1\n  px-4\n  h-full\n  w-full;\n  text-decoration: none;\n  border-block-end: theme(\"spacing[0.5]\") solid transparent;\n  padding-block-start: theme(\"spacing[0.5]\");\n  &:hover {\n    @apply bg-foreground-2 text-color-2;\n  }\n  &:focus {\n    @apply bg-foreground-2 text-color-2 focus-inset;\n  }\n  &:active {\n    @apply bg-foreground-3 text-color-1;\n  }\n  & span {\n    display: inline-flex;\n  }\n  &.layout--vertical {\n    @apply flex w-full justify-start;\n    padding-block: 1rem;\n    border-block-end: 0;\n    border-inline-end: theme(\"spacing.1\") solid transparent;\n  }\n}\n\n:host([active]) .content {\n  @apply text-color-1;\n  border-color: var(--calcite-color-brand);\n  .icon {\n    --calcite-ui-icon-color: var(--calcite-color-brand);\n  }\n}\n:host([layout=\"vertical\"]) .content {\n  @apply px-3;\n}\n\n.icon--start {\n  @apply me-3;\n}\n\n.icon--end {\n  @apply ms-3;\n}\n\n:host([layout=\"vertical\"]) .icon--end {\n  @apply ms-auto ps-3;\n}\n\n.icon--dropdown {\n  @apply ms-auto me-0 ps-2 relative;\n  --calcite-ui-icon-color: var(--calcite-color-text-3);\n}\n\n:host([layout=\"vertical\"]) .icon--end ~ .icon--dropdown {\n  @apply ms-3;\n}\n\n:host([layout=\"vertical\"]) .hover-href-icon {\n  @apply ps-2;\n}\n:host([layout=\"vertical\"]) .hover-href-icon ~ .icon--end {\n  @apply ms-2;\n}\n\n:host([layout=\"vertical\"]) .hover-href-icon ~ .icon--breadcrumb {\n  @apply ms-3;\n}\n\n.icon--breadcrumb {\n  @apply ps-2 me-0;\n  --calcite-ui-icon-color: var(--calcite-color-text-3);\n}\n\n:host([layout=\"vertical\"]) .icon--breadcrumb {\n  @apply ms-auto;\n}\n\n:host([layout=\"vertical\"]) .icon--breadcrumb ~ .icon--dropdown {\n  @apply ms-2;\n}\n\n:host([layout=\"vertical\"]) .icon--end ~ .icon--breadcrumb {\n  @apply ms-2;\n}\n\n:host([breadcrumb]) .content {\n  @apply pe-3;\n}\n\ncalcite-action {\n  @apply relative h-auto;\n  border-inline-start: 1px solid var(--calcite-color-foreground-1);\n  &:after {\n    @apply block w-px  absolute -start-px;\n    content: \"\";\n    inset-block: theme(\"spacing.3\");\n    background-color: var(--calcite-color-border-3);\n  }\n  &:hover:after {\n    @apply h-full;\n    inset-block: 0;\n  }\n}\n\n.content:focus ~ calcite-action,\n.content:hover ~ calcite-action {\n  @apply text-color-1;\n  border-inline-start: 1px solid var(--calcite-color-border-3);\n}\n\n.container:hover .dropdown-action {\n  @apply bg-foreground-2;\n}\n\n.dropdown-menu-items {\n  @apply absolute h-auto flex-col hidden overflow-visible min-w-full;\n  border: 1px solid var(--calcite-color-border-3);\n  background: var(--calcite-color-foreground-1);\n  inset-block-start: 100%;\n  z-index: theme(\"zIndex.dropdown\");\n  &.open {\n    @apply block;\n  }\n  &.nested {\n    @apply absolute;\n    inset-block-start: -1px;\n    transform: translateX(calc(100% - 2px));\n  }\n}\n\n.parent--vertical {\n  @apply flex-col;\n}\n\n.dropdown--vertical.dropdown-menu-items {\n  @apply relative rounded-none;\n  box-shadow: none;\n  inset-block-start: 0;\n  transform: none;\n  &:last-of-type {\n    border-inline: 0;\n  }\n}\n\n:host([layout=\"vertical\"]:last-of-type) .dropdown-menu-items {\n  border-block-end: 0;\n}\n\n:host([slot=\"submenu-item\"]) .parent--vertical {\n  @apply ps-6;\n}\n\n.dropdown-menu-items.nested.calcite--rtl {\n  transform: translateX(calc(-100% + 2px));\n}\n\n.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl {\n  transform: none;\n}\n\n.hover-href-icon {\n  @apply ms-auto relative end-1 opacity-0;\n  transition: all var(--calcite-internal-animation-timing-medium) ease-in-out;\n}\n\n.content:focus .hover-href-icon,\n.content:hover .hover-href-icon {\n  @apply opacity-100 -end-1;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { FlipContext } from \"../interfaces\";\nimport { Direction, getElementDir, slotChangeGetAssignedElements } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { CSS } from \"./resources\";\nimport { MenuItemCustomEvent } from \"./interfaces\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { MenuItemMessages } from \"./assets/menu-item/t9n\";\nimport { LocalizedComponent, connectLocalized, disconnectLocalized } from \"../../utils/locale\";\n\ntype Layout = \"horizontal\" | \"vertical\";\n\n/**\n * @slot submenu-item - A slot for adding `calcite-menu-item`s in a submenu.\n */\n@Component({\n  tag: \"calcite-menu-item\",\n  styleUrl: \"menu-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class CalciteMenuItem implements LoadableComponent, T9nComponent, LocalizedComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is highlighted. */\n  @Prop({ reflect: true }) active: boolean;\n\n  /** When `true`, the component displays a breadcrumb trail for use as a navigational aid. */\n  @Prop({ reflect: true }) breadcrumb: boolean;\n\n  /** Specifies the URL destination of the component, which can be set as an absolute or relative path.*/\n  @Prop() href: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /**\n   * @internal\n   */\n  @Prop() isTopLevelItem = false;\n\n  /** Accessible name for the component.*/\n  @Prop() label!: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true }) layout: Layout;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<MenuItemMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Made into a prop for testing purposes only.\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: MenuItemMessages;\n\n  /** When `true`, the component will display any slotted `calcite-menu-item` in an open overflow menu.*/\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * Defines the relationship between the `href` value and the current document.\n   *\n   * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)\n   */\n  @Prop({ reflect: true }) rel: string;\n\n  /**\n   * Specifies where to open the linked document defined in the `href` property.\n   *\n   * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)\n   */\n  @Prop({ reflect: true }) target: string;\n\n  /** Specifies the text to display.*/\n  @Prop() text: string;\n\n  /**\n   * @internal\n   */\n  @Prop() topLevelMenuLayout: Layout;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteMenuItemElement;\n\n  @State() defaultMessages: MenuItemMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() hasSubmenu = false;\n\n  @State() submenuItems: HTMLCalciteMenuItemElement[];\n\n  anchorEl: HTMLAnchorElement;\n\n  dropdownActionEl: HTMLCalciteActionElement;\n\n  isFocused: boolean;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    this.anchorEl.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  /** @internal */\n  @Event({ cancelable: true }) calciteInternalMenuItemKeyEvent: EventEmitter<MenuItemCustomEvent>;\n\n  /** Emits when the component is selected.*/\n  @Event() calciteMenuItemSelect: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n  @Listen(\"click\", { target: \"window\" })\n  handleClickOut(event: Event): void {\n    if (\n      this.topLevelMenuLayout !== \"vertical\" &&\n      this.hasSubmenu &&\n      this.open &&\n      !event.composedPath().includes(this.el)\n    ) {\n      this.open = false;\n    }\n  }\n\n  @Listen(\"focusout\")\n  handleFocusOut(event: FocusEvent): void {\n    if (\n      this.topLevelMenuLayout !== \"vertical\" &&\n      !this.el.contains(event.relatedTarget as Element)\n    ) {\n      this.open = false;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private blurHandler(): void {\n    this.isFocused = false;\n  }\n\n  private clickHandler = (event: MouseEvent): void => {\n    if ((this.href && event.target === this.dropdownActionEl) || (!this.href && this.hasSubmenu)) {\n      this.open = !this.open;\n    }\n    this.selectMenuItem(event);\n  };\n\n  private focusHandler(event: FocusEvent): void {\n    const target = event.target as HTMLCalciteMenuItemElement;\n    this.isFocused = true;\n    if (target.open && !this.open) {\n      target.open = false;\n    }\n  }\n\n  private handleMenuItemSlotChange = (event: Event): void => {\n    this.submenuItems = slotChangeGetAssignedElements(event) as HTMLCalciteMenuItemElement[];\n    this.submenuItems.forEach((item) => {\n      if (!item.topLevelMenuLayout) {\n        item.topLevelMenuLayout = this.topLevelMenuLayout;\n      }\n    });\n    this.hasSubmenu = this.submenuItems.length > 0;\n  };\n\n  private keyDownHandler = async (event: KeyboardEvent): Promise<void> => {\n    // opening and closing of submenu is handled here. Any other functionality is bubbled to parent menu.\n    if (event.key === \" \" || event.key === \"Enter\") {\n      this.selectMenuItem(event);\n      if (\n        this.hasSubmenu &&\n        (!this.href || (this.href && event.target === this.dropdownActionEl))\n      ) {\n        this.open = !this.open;\n      }\n      event.preventDefault();\n    } else if (event.key === \"Escape\") {\n      if (this.open) {\n        this.open = false;\n        return;\n      }\n      this.calciteInternalMenuItemKeyEvent.emit({ event });\n      event.preventDefault();\n    } else if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      if (\n        (event.target === this.dropdownActionEl || !this.href) &&\n        this.hasSubmenu &&\n        !this.open &&\n        this.layout === \"horizontal\"\n      ) {\n        this.open = true;\n        return;\n      }\n      this.calciteInternalMenuItemKeyEvent.emit({\n        event,\n        children: this.submenuItems,\n        isSubmenuOpen: this.open && this.hasSubmenu,\n      });\n    } else if (event.key === \"ArrowLeft\") {\n      event.preventDefault();\n      this.calciteInternalMenuItemKeyEvent.emit({\n        event,\n        children: this.submenuItems,\n        isSubmenuOpen: true,\n      });\n    } else if (event.key === \"ArrowRight\") {\n      event.preventDefault();\n      if (\n        (event.target === this.dropdownActionEl || !this.href) &&\n        this.hasSubmenu &&\n        !this.open &&\n        this.layout === \"vertical\"\n      ) {\n        this.open = true;\n        return;\n      }\n      this.calciteInternalMenuItemKeyEvent.emit({\n        event,\n        children: this.submenuItems,\n        isSubmenuOpen: this.open && this.hasSubmenu,\n      });\n    }\n  };\n\n  private selectMenuItem(event: MouseEvent | KeyboardEvent): void {\n    if (event.target !== this.dropdownActionEl) {\n      this.calciteMenuItemSelect.emit();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  renderIconStart(): VNode {\n    return (\n      <calcite-icon\n        class={`${CSS.icon} ${CSS.iconStart}`}\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        key={CSS.iconStart}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderIconEnd(): VNode {\n    return (\n      <calcite-icon\n        class={`${CSS.icon} ${CSS.iconEnd}`}\n        flipRtl={this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        key={CSS.iconEnd}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderBreadcrumbIcon(dir: Direction): VNode {\n    return (\n      <calcite-icon\n        class={`${CSS.icon} ${CSS.iconBreadcrumb}`}\n        icon={dir === \"rtl\" ? \"chevron-left\" : \"chevron-right\"}\n        key={CSS.iconBreadcrumb}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderDropdownIcon(dir: Direction): VNode {\n    const dirChevron = dir === \"rtl\" ? \"chevron-left\" : \"chevron-right\";\n    return (\n      <calcite-icon\n        class={`${CSS.icon} ${CSS.iconDropdown}`}\n        icon={\n          this.topLevelMenuLayout === \"vertical\" || this.isTopLevelItem\n            ? this.open\n              ? \"chevron-up\"\n              : \"chevron-down\"\n            : dirChevron\n        }\n        key={CSS.iconDropdown}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderDropdownAction(dir: Direction): VNode {\n    const dirChevron = dir === \"rtl\" ? \"chevron-left\" : \"chevron-right\";\n    return (\n      <calcite-action\n        class={CSS.dropdownAction}\n        icon={\n          this.topLevelMenuLayout === \"vertical\" || this.isTopLevelItem\n            ? this.open\n              ? \"chevron-up\"\n              : \"chevron-down\"\n            : dirChevron\n        }\n        key={CSS.dropdownAction}\n        onClick={this.clickHandler}\n        onKeyDown={this.keyDownHandler}\n        text={this.messages.open}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={(el) => (this.dropdownActionEl = el)}\n      />\n    );\n  }\n\n  renderSubmenuItems(dir: Direction): VNode {\n    return (\n      <calcite-menu\n        class={{\n          [CSS.dropdownMenuItems]: true,\n          [CSS.open]: this.open,\n          [CSS.nested]: !this.isTopLevelItem,\n          [CSS_UTILITY.rtl]: dir === \"rtl\",\n          [CSS.dropdownVertical]: this.topLevelMenuLayout === \"vertical\",\n        }}\n        label={this.messages.submenu}\n        layout=\"vertical\"\n        role=\"menu\"\n      >\n        <slot name=\"submenu-item\" onSlotchange={this.handleMenuItemSlotChange} />\n      </calcite-menu>\n    );\n  }\n\n  renderHrefIcon(dir: Direction): VNode {\n    return (\n      <calcite-icon\n        class={CSS.hoverHrefIcon}\n        icon={dir === \"rtl\" ? \"arrow-left\" : \"arrow-right\"}\n        key={CSS.hoverHrefIcon}\n        scale=\"s\"\n      />\n    );\n  }\n\n  renderItemContent(dir: Direction): VNode {\n    const hasHref = this.href && (this.topLevelMenuLayout === \"vertical\" || !this.isTopLevelItem);\n    return (\n      <Fragment>\n        {this.iconStart && this.renderIconStart()}\n        <div class={CSS.textContainer}>\n          <span>{this.text}</span>\n        </div>\n        {hasHref && this.renderHrefIcon(dir)}\n        {this.iconEnd && this.renderIconEnd()}\n        {this.breadcrumb ? this.renderBreadcrumbIcon(dir) : null}\n        {!this.href && this.hasSubmenu ? this.renderDropdownIcon(dir) : null}\n      </Fragment>\n    );\n  }\n\n  render() {\n    const dir = getElementDir(this.el);\n    return (\n      <Host onBlur={this.blurHandler} onFocus={this.focusHandler}>\n        <li\n          class={{\n            [CSS.container]: true,\n            [CSS.isParentVertical]: this.topLevelMenuLayout === \"vertical\",\n          }}\n          role=\"none\"\n        >\n          <div class={CSS.itemContent}>\n            <a\n              aria-current={this.isFocused ? \"page\" : false}\n              aria-expanded={this.open}\n              aria-haspopup={this.hasSubmenu}\n              aria-label={this.label}\n              class={{ [CSS.layoutVertical]: this.layout === \"vertical\", [CSS.content]: true }}\n              href={this.href}\n              onClick={this.clickHandler}\n              onKeyDown={this.keyDownHandler}\n              rel={this.rel}\n              role=\"menuitem\"\n              tabIndex={this.isTopLevelItem ? 0 : -1}\n              target={this.target}\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={(el) => (this.anchorEl = el)}\n            >\n              {this.renderItemContent(dir)}\n            </a>\n            {this.href && this.hasSubmenu ? this.renderDropdownAction(dir) : null}\n          </div>\n          {this.renderSubmenuItems(dir)}\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;yYAAA,MAAMA,EAAU,0O,MCwCHC,EAAW,M,yBAsEtBC,KAAAC,UAA0C,GAgG1CD,KAAAE,qBAAwBC,IACtBH,KAAKC,UAAYG,EAA8BD,GAC/CH,KAAKK,kBAAkBL,KAAKC,UAAWD,KAAKM,OAAO,E,iCA7IX,a,4GAoCf,E,CAvD3B,6BAAAC,GACEC,EAAYR,MACZA,KAAKK,kBAAkBL,KAAKC,UAAWD,KAAKM,O,CAoB9C,kBAAAG,CAAmBC,GACjBV,KAAKK,kBAAkBL,KAAKC,UAAWS,E,CAUzC,gBAAAC,G,CAyBA,qBAAAC,GACEC,EAAeb,KAAMA,KAAKc,gB,CAW5B,iBAAAC,GACEC,EAAiBhB,MACjBiB,EAAgBjB,K,CAGlB,uBAAMkB,GACJC,EAAuBnB,YACjBoB,EAAcpB,K,CAGtB,gBAAAqB,GACEC,EAAmBtB,K,CAGrB,oBAAAuB,GACEC,EAAoBxB,MACpByB,EAAmBzB,K,CAWrB,cAAM0B,SACEC,EAAmB3B,MACzBA,KAAK4B,GAAGC,O,CASV,kCAAAC,CAAmC3B,GACjC,MAAM4B,EAAS5B,EAAM4B,OACrB,MAAMC,EAAe7B,EAAM8B,OAAOC,SAClC,MAAMC,EAAMhC,EAAM8B,OAAO9B,MAAMgC,IAC/BhC,EAAMiC,kBAEN,GAAID,IAAQ,YAAa,CACvB,GAAIJ,EAAOzB,SAAW,WAAY,CAChC+B,EAAoBrC,KAAKC,UAAW8B,EAAQ,OAAQ,M,KAC/C,CACL,GAAI5B,EAAM8B,OAAOK,cAAe,CAC9BN,EAAa,GAAGN,U,QAGf,GAAIS,IAAQ,UAAW,CAC5B,GAAInC,KAAKM,SAAW,WAAY,CAC9B+B,EAAoBrC,KAAKC,UAAW8B,EAAQ,WAAY,M,KACnD,CACL,GAAI5B,EAAM8B,OAAOK,cAAe,CAC9BN,EAAaA,EAAaO,OAAS,GAAGb,U,QAGrC,GAAIS,IAAQ,aAAc,CAC/B,GAAInC,KAAKM,SAAW,aAAc,CAChC+B,EAAoBrC,KAAKC,UAAW8B,EAAQ,OAAQ,M,KAC/C,CACL,GAAI5B,EAAM8B,OAAOK,cAAe,CAC9BN,EAAa,GAAGN,U,QAGf,GAAIS,IAAQ,YAAa,CAC9B,GAAInC,KAAKM,SAAW,aAAc,CAChC+B,EAAoBrC,KAAKC,UAAW8B,EAAQ,WAAY,M,KACnD,CACL,GAAI5B,EAAM8B,OAAOK,cAAe,CAC9BtC,KAAKwC,mBAAmBrC,EAAM4B,O,QAG7B,GAAII,IAAQ,SAAU,CAC3BnC,KAAKwC,mBAAmBrC,EAAM4B,O,CAEhC5B,EAAMsC,gB,CAcR,kBAAAD,CAAmBZ,GACjB,MAAMc,EAAWd,EAAGe,cACpB,GAAID,EAAU,CACZE,EAAaF,GACbA,EAASG,KAAO,K,EAIpB,iBAAAxC,CAAkByC,EAAqCxC,GACrDwC,EAAMC,SAASC,IACbA,EAAK1C,OAASA,EACd,GAAIN,KAAKiD,qBAAuB,UAAW,CACzCD,EAAKE,eAAiB,KACtBF,EAAKG,mBAAqBnD,KAAKM,M,KAK7B,gBAAA2C,GACN,OAAOjD,KAAK4B,GAAGwB,aAAa,SAAW,S,CASzC,MAAAC,GACE,OACEC,EAACC,EAAI,KACHD,EAAA,mBAAgBtD,KAAKwD,MAAOC,KAAMzD,KAAKiD,oBACrCK,EAAA,QAAMI,aAAc1D,KAAKE,wB,ySCnP5B,MAAMyD,EAAM,CACjBC,UAAW,YACXC,QAAS,UACTC,iBAAkB,qBAClBC,kBAAmB,sBACnBC,eAAgB,kBAChBC,eAAgB,mBAChBC,cAAe,kBACfC,KAAM,OACNC,eAAgB,mBAChBC,aAAc,iBACdC,QAAS,YACTC,UAAW,cACXC,iBAAkB,mBAClBC,YAAa,eACb5B,KAAM,OACN6B,OAAQ,SACRC,cAAe,kBCjBjB,MAAMC,EAAc,ypJ,MC+CPC,EAAe,M,uKAmMlB7E,KAAA8E,aAAgB3E,IACtB,GAAKH,KAAK+E,MAAQ5E,EAAM4B,SAAW/B,KAAKgF,mBAAuBhF,KAAK+E,MAAQ/E,KAAKiF,WAAa,CAC5FjF,KAAK6C,MAAQ7C,KAAK6C,I,CAEpB7C,KAAKkF,eAAe/E,EAAM,EAWpBH,KAAAmF,yBAA4BhF,IAClCH,KAAKgC,aAAe5B,EAA8BD,GAClDH,KAAKgC,aAAae,SAASC,IACzB,IAAKA,EAAKG,mBAAoB,CAC5BH,EAAKG,mBAAqBnD,KAAKmD,kB,KAGnCnD,KAAKiF,WAAajF,KAAKgC,aAAaO,OAAS,CAAC,EAGxCvC,KAAAoF,eAAiBC,MAAOlF,IAE9B,GAAIA,EAAMgC,MAAQ,KAAOhC,EAAMgC,MAAQ,QAAS,CAC9CnC,KAAKkF,eAAe/E,GACpB,GACEH,KAAKiF,cACHjF,KAAK+E,MAAS/E,KAAK+E,MAAQ5E,EAAM4B,SAAW/B,KAAKgF,kBACnD,CACAhF,KAAK6C,MAAQ7C,KAAK6C,I,CAEpB1C,EAAMsC,gB,MACD,GAAItC,EAAMgC,MAAQ,SAAU,CACjC,GAAInC,KAAK6C,KAAM,CACb7C,KAAK6C,KAAO,MACZ,M,CAEF7C,KAAKsF,gCAAgCC,KAAK,CAAEpF,UAC5CA,EAAMsC,gB,MACD,GAAItC,EAAMgC,MAAQ,aAAehC,EAAMgC,MAAQ,UAAW,CAC/DhC,EAAMsC,iBACN,IACGtC,EAAM4B,SAAW/B,KAAKgF,mBAAqBhF,KAAK+E,OACjD/E,KAAKiF,aACJjF,KAAK6C,MACN7C,KAAKM,SAAW,aAChB,CACAN,KAAK6C,KAAO,KACZ,M,CAEF7C,KAAKsF,gCAAgCC,KAAK,CACxCpF,QACA+B,SAAUlC,KAAKgC,aACfM,cAAetC,KAAK6C,MAAQ7C,KAAKiF,Y,MAE9B,GAAI9E,EAAMgC,MAAQ,YAAa,CACpChC,EAAMsC,iBACNzC,KAAKsF,gCAAgCC,KAAK,CACxCpF,QACA+B,SAAUlC,KAAKgC,aACfM,cAAe,M,MAEZ,GAAInC,EAAMgC,MAAQ,aAAc,CACrChC,EAAMsC,iBACN,IACGtC,EAAM4B,SAAW/B,KAAKgF,mBAAqBhF,KAAK+E,OACjD/E,KAAKiF,aACJjF,KAAK6C,MACN7C,KAAKM,SAAW,WAChB,CACAN,KAAK6C,KAAO,KACZ,M,CAEF7C,KAAKsF,gCAAgCC,KAAK,CACxCpF,QACA+B,SAAUlC,KAAKgC,aACfM,cAAetC,KAAK6C,MAAQ7C,KAAKiF,Y,sKAvPd,M,6GA8BsB,M,mJAkCpB,G,gBAOL,M,4BAtDtB,gBAAAtE,G,CAkDA,qBAAAC,GACEC,EAAeb,KAAMA,KAAKc,gB,CAqB5B,cAAMY,SACEC,EAAmB3B,MACzBA,KAAKwF,SAAS3D,O,CAoBhB,cAAA4D,CAAetF,GACb,GACEH,KAAKmD,qBAAuB,YAC5BnD,KAAKiF,YACLjF,KAAK6C,OACJ1C,EAAMuF,eAAeC,SAAS3F,KAAK4B,IACpC,CACA5B,KAAK6C,KAAO,K,EAKhB,cAAA+C,CAAezF,GACb,GACEH,KAAKmD,qBAAuB,aAC3BnD,KAAK4B,GAAGiE,SAAS1F,EAAM2F,eACxB,CACA9F,KAAK6C,KAAO,K,EAUhB,iBAAA9B,GACEC,EAAiBhB,MACjBiB,EAAgBjB,K,CAGlB,uBAAMkB,GACJC,EAAuBnB,YACjBoB,EAAcpB,K,CAGtB,gBAAAqB,GACEC,EAAmBtB,K,CAGrB,oBAAAuB,GACEC,EAAoBxB,MACpByB,EAAmBzB,K,CASb,WAAA+F,GACN/F,KAAKgG,UAAY,K,CAUX,YAAAC,CAAa9F,GACnB,MAAM4B,EAAS5B,EAAM4B,OACrB/B,KAAKgG,UAAY,KACjB,GAAIjE,EAAOc,OAAS7C,KAAK6C,KAAM,CAC7Bd,EAAOc,KAAO,K,EA0EV,cAAAqC,CAAe/E,GACrB,GAAIA,EAAM4B,SAAW/B,KAAKgF,iBAAkB,CAC1ChF,KAAKkG,sBAAsBX,M,EAU/B,eAAAY,GACE,OACE7C,EAAA,gBACE8C,MAAO,GAAGzC,EAAIQ,QAAQR,EAAIY,YAC1B8B,QAASrG,KAAKsG,cAAgB,SAAWtG,KAAKsG,cAAgB,OAC9DnC,KAAMnE,KAAKuE,UACXpC,IAAKwB,EAAIY,UACTgC,MAAM,K,CAKZ,aAAAC,GACE,OACElD,EAAA,gBACE8C,MAAO,GAAGzC,EAAIQ,QAAQR,EAAIW,UAC1B+B,QAASrG,KAAKsG,cAAgB,OAAStG,KAAKsG,cAAgB,OAC5DnC,KAAMnE,KAAKsE,QACXnC,IAAKwB,EAAIW,QACTiC,MAAM,K,CAKZ,oBAAAE,CAAqBC,GACnB,OACEpD,EAAA,gBACE8C,MAAO,GAAGzC,EAAIQ,QAAQR,EAAIS,iBAC1BD,KAAMuC,IAAQ,MAAQ,eAAiB,gBACvCvE,IAAKwB,EAAIS,eACTmC,MAAM,K,CAKZ,kBAAAI,CAAmBD,GACjB,MAAME,EAAaF,IAAQ,MAAQ,eAAiB,gBACpD,OACEpD,EAAA,gBACE8C,MAAO,GAAGzC,EAAIQ,QAAQR,EAAIU,eAC1BF,KACEnE,KAAKmD,qBAAuB,YAAcnD,KAAKkD,eAC3ClD,KAAK6C,KACH,aACA,eACF+D,EAENzE,IAAKwB,EAAIU,aACTkC,MAAM,K,CAKZ,oBAAAM,CAAqBH,GACnB,MAAME,EAAaF,IAAQ,MAAQ,eAAiB,gBACpD,OACEpD,EAAA,kBACE8C,MAAOzC,EAAIK,eACXG,KACEnE,KAAKmD,qBAAuB,YAAcnD,KAAKkD,eAC3ClD,KAAK6C,KACH,aACA,eACF+D,EAENzE,IAAKwB,EAAIK,eACT8C,QAAS9G,KAAK8E,aACdiC,UAAW/G,KAAKoF,eAChB4B,KAAMhH,KAAKiH,SAASpE,KAEpBqE,IAAMtF,GAAQ5B,KAAKgF,iBAAmBpD,G,CAK5C,kBAAAuF,CAAmBT,GACjB,OACEpD,EAAA,gBACE8C,MAAO,CACL,CAACzC,EAAII,mBAAoB,KACzB,CAACJ,EAAId,MAAO7C,KAAK6C,KACjB,CAACc,EAAIe,SAAU1E,KAAKkD,eACpB,CAACkE,EAAYC,KAAMX,IAAQ,MAC3B,CAAC/C,EAAIG,kBAAmB9D,KAAKmD,qBAAuB,YAEtDK,MAAOxD,KAAKiH,SAASK,QACrBhH,OAAO,WACPmD,KAAK,QAELH,EAAA,QAAMiE,KAAK,eAAe7D,aAAc1D,KAAKmF,2B,CAKnD,cAAAqC,CAAed,GACb,OACEpD,EAAA,gBACE8C,MAAOzC,EAAIO,cACXC,KAAMuC,IAAQ,MAAQ,aAAe,cACrCvE,IAAKwB,EAAIO,cACTqC,MAAM,K,CAKZ,iBAAAkB,CAAkBf,GAChB,MAAMgB,EAAU1H,KAAK+E,OAAS/E,KAAKmD,qBAAuB,aAAenD,KAAKkD,gBAC9E,OACEI,EAACqE,EAAQ,KACN3H,KAAKuE,WAAavE,KAAKmG,kBACxB7C,EAAA,OAAK8C,MAAOzC,EAAIgB,eACdrB,EAAA,YAAOtD,KAAKgH,OAEbU,GAAW1H,KAAKwH,eAAed,GAC/B1G,KAAKsE,SAAWtE,KAAKwG,gBACrBxG,KAAK4H,WAAa5H,KAAKyG,qBAAqBC,GAAO,MAClD1G,KAAK+E,MAAQ/E,KAAKiF,WAAajF,KAAK2G,mBAAmBD,GAAO,K,CAKtE,MAAArD,GACE,MAAMqD,EAAMmB,EAAc7H,KAAK4B,IAC/B,OACE0B,EAACC,EAAI,CAACuE,OAAQ9H,KAAK+F,YAAagC,QAAS/H,KAAKiG,cAC5C3C,EAAA,MACE8C,MAAO,CACL,CAACzC,EAAIC,WAAY,KACjB,CAACD,EAAIa,kBAAmBxE,KAAKmD,qBAAuB,YAEtDM,KAAK,QAELH,EAAA,OAAK8C,MAAOzC,EAAIc,aACdnB,EAAA,oBACgBtD,KAAKgG,UAAY,OAAS,MAAK,gBAC9BhG,KAAK6C,KAAI,gBACT7C,KAAKiF,WAAU,aAClBjF,KAAKwD,MACjB4C,MAAO,CAAE,CAACzC,EAAIM,gBAAiBjE,KAAKM,SAAW,WAAY,CAACqD,EAAIE,SAAU,MAC1EkB,KAAM/E,KAAK+E,KACX+B,QAAS9G,KAAK8E,aACdiC,UAAW/G,KAAKoF,eAChB4C,IAAKhI,KAAKgI,IACVvE,KAAK,WACLwE,SAAUjI,KAAKkD,eAAiB,GAAK,EACrCnB,OAAQ/B,KAAK+B,OAEbmF,IAAMtF,GAAQ5B,KAAKwF,SAAW5D,GAE7B5B,KAAKyH,kBAAkBf,IAEzB1G,KAAK+E,MAAQ/E,KAAKiF,WAAajF,KAAK6G,qBAAqBH,GAAO,MAElE1G,KAAKmH,mBAAmBT,I"}

package/dist/calcite/p-9c7f7d1a.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.7
+ */
+import{r as i,c as t,h as e,H as n,g as a}from"./p-9621ebf7.js";import{w as s,g as o,f as c}from"./p-1fc0aa37.js";import{d as l,a as r,c as h,u as d}from"./p-5be0a4a7.js";import{s as p,a as m,c as x}from"./p-6bb7f3c4.js";import{c as b}from"./p-f21908c0.js";import{o as v}from"./p-ebd3d6fe.js";import{C as f}from"./p-fd3d6c96.js";import"./p-a6e34d32.js";const g={scrim:"scrim",container:"container",containerOpen:"container--open",content:"content",containerSlottedInShell:"container--slotted-in-shell"};const u=":host{position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;visibility:hidden !important;--calcite-sheet-scrim-background-internal:rgba(0, 0, 0, 0.85);--calcite-scrim-shadow-block-start-internal:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-block-end-internal:0 -4px 8px -1px rgba(0, 0, 0, 0.08), 0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-start-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl{--calcite-scrim-shadow-inline-start-internal:-4px 0 8px -1px rgba(0, 0, 0, 0.08), -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-scrim-shadow-inline-end-internal:4px 0 8px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04)}.container{visibility:hidden;position:fixed;z-index:var(--calcite-z-index-overlay);display:flex;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;transition:visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([position=inline-start]) .container{justify-content:flex-start;inset-block:0;inset-inline:0 auto;--calcite-sheet-hidden-position-internal:translate3d(-1rem, 0, 0)}:host([position=inline-end]) .container{justify-content:flex-end;inset-block:0;inset-inline:auto 0;--calcite-sheet-hidden-position-internal:translate3d(1rem, 0, 0)}:host([position=block-start]) .container{align-items:flex-start;inset-block:0 auto;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, -1rem, 0)}:host([position=block-end]) .container{align-items:flex-end;inset-block:auto 0;inset-inline:0;--calcite-sheet-hidden-position-internal:translate3d(0, 1rem, 0)}:host([display-mode=float]) .content{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([display-mode=overlay][position=inline-start]) .container{box-shadow:var(--calcite-scrim-shadow-inline-start-internal)}:host([display-mode=overlay][position=inline-end]) .container{box-shadow:var(--calcite-scrim-shadow-inline-end-internal)}:host([display-mode=overlay][position=block-start]) .container{box-shadow:var(--calcite-scrim-shadow-block-start-internal)}:host([display-mode=overlay][position=block-end]) .container{box-shadow:var(--calcite-scrim-shadow-block-end-internal)}:host([position^=inline]) .container,:host([position^=inline]) .content{inline-size:var(--calcite-sheet-width-internal);max-inline-size:var(--calcite-sheet-max-width-internal);min-inline-size:var(--calcite-sheet-min-width-internal)}:host([position^=block]) .container,:host([position^=block]) .content{block-size:var(--calcite-sheet-height-internal);max-block-size:var(--calcite-sheet-max-height-internal);min-block-size:var(--calcite-sheet-min-height-internal)}:host([display-mode=float][position^=inline]) .container{block-size:calc(100% - 1.5rem);max-block-size:calc(100% - 1.5rem);min-block-size:calc(100% - 1.5rem)}:host([display-mode=float][position^=block]) .container{inline-size:calc(100% - 1.5rem);max-inline-size:calc(100% - 1.5rem);min-inline-size:calc(100% - 1.5rem)}:host([position^=inline][width-scale=s]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 15vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 360px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 260px)}:host([position^=inline][width-scale=m]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 25vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 420px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 300px)}:host([position^=inline][width-scale=l]){--calcite-sheet-width-internal:var(--calcite-sheet-width, 45vw);--calcite-sheet-max-width-internal:var(--calcite-sheet-max-width, 680px);--calcite-sheet-min-width-internal:var(--calcite-sheet-min-width, 340px)}:host([position^=block][height-scale=s]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 160px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 30vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 30vh)}:host([position^=block][height-scale=m]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 200px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 45vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 50vh)}:host([position^=block][height-scale=l]){--calcite-sheet-min-height-internal:var(--calcite-sheet-min-height, 240px);--calcite-sheet-height-internal:var(--calcite-sheet-height, 60vh);--calcite-sheet-max-height-internal:var(--calcite-sheet-max-height, 70vh)}.scrim{--calcite-scrim-background:var(--calcite-sheet-scrim-background, var(--calcite-sheet-scrim-background-internal));position:fixed;inset:0px;display:flex;overflow-y:hidden}:host([opened]){visibility:visible !important}.content{position:relative;z-index:var(--calcite-z-index-modal);box-sizing:border-box;display:block;max-block-size:100%;max-inline-size:100%;overflow-y:hidden;padding:0px;background-color:var(--calcite-color-foreground-1);max-block-size:100%;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-medium), opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transform:var(--calcite-sheet-hidden-position-internal)}.container--open .content{transform:translate3d(0, 0, 0)}:host([display-mode=float]) .content,:host([display-mode=float]) .container{border-radius:0.25rem}:host([display-mode=float]) .container{padding:0.75rem}.container--open{visibility:visible;opacity:1;transition-delay:0ms}.container--open .content{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-medium) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}:host([position=inline-start]) .content,:host([position=inline-end]) .content{block-size:100%}:host([position=block-start]) .content,:host([position=block-end]) .content{inline-size:100%}:host([position]) .container--slotted-in-shell{pointer-events:auto;position:absolute;inline-size:100%;max-inline-size:100%;min-inline-size:100%;block-size:100%;max-block-size:100%;min-block-size:100%}:host([position]) .container--slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";const w=class{constructor(e){i(this,e);this.calciteSheetBeforeClose=t(this,"calciteSheetBeforeClose",6);this.calciteSheetClose=t(this,"calciteSheetClose",6);this.calciteSheetBeforeOpen=t(this,"calciteSheetBeforeOpen",6);this.calciteSheetOpen=t(this,"calciteSheetOpen",6);this.openTransitionProp="opacity";this.ignoreOpenChange=false;this.mutationObserver=b("mutation",(()=>this.handleMutationObserver()));this.setTransitionEl=i=>{this.transitionEl=i;this.contentId=s(i)};this.openEnd=()=>{this.setFocus();this.el.removeEventListener("calciteSheetOpen",this.openEnd)};this.handleOutsideClose=()=>{if(this.outsideCloseDisabled){return}this.open=false};this.closeSheet=async()=>{if(this.beforeClose){try{await this.beforeClose(this.el)}catch(i){requestAnimationFrame((()=>{this.ignoreOpenChange=true;this.open=true;this.ignoreOpenChange=false}));return}}this.opened=false;this.removeOverflowHiddenClass()};this.beforeClose=undefined;this.displayMode="overlay";this.escapeDisabled=false;this.heightScale="m";this.focusTrapDisabled=false;this.label=undefined;this.open=false;this.opened=false;this.outsideCloseDisabled=false;this.position="inline-start";this.slottedInShell=undefined;this.widthScale="m"}handleFocusTrapDisabled(i){if(!this.open){return}i?l(this):r(this)}toggleSheet(i){if(this.ignoreOpenChange){return}if(i){this.openSheet()}else{this.closeSheet()}}handleOpenedChange(){v(this)}async componentWillLoad(){p(this);if(this.open){requestAnimationFrame((()=>this.openSheet()))}}componentDidLoad(){m(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});h(this)}disconnectedCallback(){this.removeOverflowHiddenClass();this.mutationObserver?.disconnect();l(this);this.slottedInShell=false}render(){const i=o(this.el);return e(n,{"aria-describedby":this.contentId,"aria-label":this.label,"aria-modal":"true",role:"dialog"},e("div",{class:{[g.container]:true,[g.containerOpen]:this.opened,[g.containerSlottedInShell]:this.slottedInShell,[f.rtl]:i==="rtl"}},e("calcite-scrim",{class:g.scrim,onClick:this.handleOutsideClose}),e("div",{class:{[g.content]:true},ref:this.setTransitionEl},e("slot",null))))}handleEscape(i){if(this.open&&!this.escapeDisabled&&i.key==="Escape"&&!i.defaultPrevented){this.open=false;i.preventDefault()}}async setFocus(){await x(this);c(this.el)}async updateFocusTrapElements(){d(this)}onBeforeOpen(){this.calciteSheetBeforeOpen.emit()}onOpen(){this.calciteSheetOpen.emit();r(this)}onBeforeClose(){this.calciteSheetBeforeClose.emit()}onClose(){this.calciteSheetClose.emit();l(this)}openSheet(){this.el.addEventListener("calciteSheetOpen",this.openEnd);this.opened=true;if(!this.slottedInShell){this.initialOverflowCSS=document.documentElement.style.overflow;document.documentElement.style.setProperty("overflow","hidden")}}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",this.initialOverflowCSS)}handleMutationObserver(){this.updateFocusTrapElements()}get el(){return a(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],open:["toggleSheet"],opened:["handleOpenedChange"]}}};w.style=u;export{w as calcite_sheet};
+//# sourceMappingURL=p-9c7f7d1a.entry.js.map

package/dist/calcite/p-9cbb98ff.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.7
+ */
+import{d as r}from"./p-a5bdaff6.js";import"./p-9621ebf7.js";import"./p-23c52e87.js";import"./p-1fc0aa37.js";import"./p-a6e34d32.js";import"./p-fd3d6c96.js";import"./p-bad8b453.js";import"./p-39a44c05.js";import"./p-66681f87.js";import"./p-94d1e684.js";import"./p-52d1ce74.js";import"./p-6bb7f3c4.js";import"./p-07a609a8.js";import"./p-f21908c0.js";import"./p-5be0a4a7.js";import"./p-5328ecbe.js";import"./p-c5269d0a.js";import"./p-ebd3d6fe.js";var m={name:"sv",weekdays:"söndag_måndag_tisdag_onsdag_torsdag_fredag_lördag".split("_"),weekdaysShort:"sön_mån_tis_ons_tor_fre_lör".split("_"),weekdaysMin:"sö_må_ti_on_to_fr_lö".split("_"),months:"januari_februari_mars_april_maj_juni_juli_augusti_september_oktober_november_december".split("_"),monthsShort:"jan_feb_mar_apr_maj_jun_jul_aug_sep_okt_nov_dec".split("_"),weekStart:1,yearStart:4,ordinal:function r(m){var a=m%10;var e=a===1||a===2?"a":"e";return"["+m+e+"]"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [kl.] HH:mm",LLLL:"dddd D MMMM YYYY [kl.] HH:mm",lll:"D MMM YYYY HH:mm",llll:"ddd D MMM YYYY HH:mm"},relativeTime:{future:"om %s",past:"för %s sedan",s:"några sekunder",m:"en minut",mm:"%d minuter",h:"en timme",hh:"%d timmar",d:"en dag",dd:"%d dagar",M:"en månad",MM:"%d månader",y:"ett år",yy:"%d år"}};r.locale(m,null,true);export default m;
+//# sourceMappingURL=p-9cbb98ff.js.map

package/dist/calcite/p-a11279ab.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.7
+ */
+import{d as s}from"./p-a5bdaff6.js";import"./p-9621ebf7.js";import"./p-23c52e87.js";import"./p-1fc0aa37.js";import"./p-a6e34d32.js";import"./p-fd3d6c96.js";import"./p-bad8b453.js";import"./p-39a44c05.js";import"./p-66681f87.js";import"./p-94d1e684.js";import"./p-52d1ce74.js";import"./p-6bb7f3c4.js";import"./p-07a609a8.js";import"./p-f21908c0.js";import"./p-5be0a4a7.js";import"./p-5328ecbe.js";import"./p-c5269d0a.js";import"./p-ebd3d6fe.js";var a="sausio_vasario_kovo_balandžio_gegužės_birželio_liepos_rugpjūčio_rugsėjo_spalio_lapkričio_gruodžio".split("_");var i="sausis_vasaris_kovas_balandis_gegužė_birželis_liepa_rugpjūtis_rugsėjis_spalis_lapkritis_gruodis".split("_");var m=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?|MMMM?(\[[^\[\]]*\]|\s)+D[oD]?/;var M=function s(M,d){if(m.test(d)){return a[M.month()]}return i[M.month()]};M.s=i;M.f=a;var d={name:"lt",weekdays:"sekmadienis_pirmadienis_antradienis_trečiadienis_ketvirtadienis_penktadienis_šeštadienis".split("_"),weekdaysShort:"sek_pir_ant_tre_ket_pen_šeš".split("_"),weekdaysMin:"s_p_a_t_k_pn_š".split("_"),months:M,monthsShort:"sau_vas_kov_bal_geg_bir_lie_rgp_rgs_spa_lap_grd".split("_"),ordinal:function s(a){return a+"."},weekStart:1,relativeTime:{future:"už %s",past:"prieš %s",s:"kelias sekundes",m:"minutę",mm:"%d minutes",h:"valandą",hh:"%d valandas",d:"dieną",dd:"%d dienas",M:"mėnesį",MM:"%d mėnesius",y:"metus",yy:"%d metus"},format:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"YYYY [m.] MMMM D [d.]",LLL:"YYYY [m.] MMMM D [d.], HH:mm [val.]",LLLL:"YYYY [m.] MMMM D [d.], dddd, HH:mm [val.]",l:"YYYY-MM-DD",ll:"YYYY [m.] MMMM D [d.]",lll:"YYYY [m.] MMMM D [d.], HH:mm [val.]",llll:"YYYY [m.] MMMM D [d.], ddd, HH:mm [val.]"}};s.locale(d,null,true);export default d;
+//# sourceMappingURL=p-a11279ab.js.map

package/dist/calcite/p-a12dfe9b.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.7
+ */
+import{d as e}from"./p-a5bdaff6.js";import"./p-9621ebf7.js";import"./p-23c52e87.js";import"./p-1fc0aa37.js";import"./p-a6e34d32.js";import"./p-fd3d6c96.js";import"./p-bad8b453.js";import"./p-39a44c05.js";import"./p-66681f87.js";import"./p-94d1e684.js";import"./p-52d1ce74.js";import"./p-6bb7f3c4.js";import"./p-07a609a8.js";import"./p-f21908c0.js";import"./p-5be0a4a7.js";import"./p-5328ecbe.js";import"./p-c5269d0a.js";import"./p-ebd3d6fe.js";function r(e){return e%100==2}function t(e){return e%100==3||e%100==4}function m(e,m,n,a){var i=e+" ";switch(n){case"s":return m||a?"nekaj sekund":"nekaj sekundami";case"m":return m?"ena minuta":"eno minuto";case"mm":if(r(e)){return i+(m||a?"minuti":"minutama")}if(t(e)){return i+(m||a?"minute":"minutami")}return i+(m||a?"minut":"minutami");case"h":return m?"ena ura":a?"eno uro":"eno uro";case"hh":if(r(e)){return i+(m||a?"uri":"urama")}if(t(e)){return i+(m||a?"ure":"urami")}return i+(m||a?"ur":"urami");case"d":return m||a?"en dan":"enim dnem";case"dd":if(r(e)){return i+(m||a?"dneva":"dnevoma")}return i+(m||a?"dni":"dnevi");case"M":return m||a?"en mesec":"enim mesecem";case"MM":if(r(e)){return i+(m||a?"meseca":"mesecema")}if(t(e)){return i+(m||a?"mesece":"meseci")}return i+(m||a?"mesecev":"meseci");case"y":return m||a?"eno leto":"enim letom";case"yy":if(r(e)){return i+(m||a?"leti":"letoma")}if(t(e)){return i+(m||a?"leta":"leti")}return i+(m||a?"let":"leti")}}var n={name:"sl",weekdays:"nedelja_ponedeljek_torek_sreda_četrtek_petek_sobota".split("_"),months:"januar_februar_marec_april_maj_junij_julij_avgust_september_oktober_november_december".split("_"),weekStart:1,weekdaysShort:"ned._pon._tor._sre._čet._pet._sob.".split("_"),monthsShort:"jan._feb._mar._apr._maj._jun._jul._avg._sep._okt._nov._dec.".split("_"),weekdaysMin:"ne_po_to_sr_če_pe_so".split("_"),ordinal:function e(r){return r+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm",l:"D. M. YYYY"},relativeTime:{future:"čez %s",past:"pred %s",s:m,m,mm:m,h:m,hh:m,d:m,dd:m,M:m,MM:m,y:m,yy:m}};e.locale(n,null,true);export default n;
+//# sourceMappingURL=p-a12dfe9b.js.map

package/dist/calcite/p-a18346a6.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.1.0-next.7
+ */
+import{d as i,i as r}from"./p-f29b8ca6.js";var t="Expected a function";function n(n,a,e){var o=true,f=true;if(typeof n!="function"){throw new TypeError(t)}if(r(e)){o="leading"in e?!!e.leading:o;f="trailing"in e?!!e.trailing:f}return i(n,a,{leading:o,maxWait:a,trailing:f})}export{n as t};
+//# sourceMappingURL=p-a18346a6.js.map