@esri/calcite-components 2.12.0 → 2.13.0-next.1

package/dist/calcite/p-45ac55e3.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{d as s}from"./p-6ff8e6fb.js";import"./p-e7104b8d.js";import"./p-d6a25fe2.js";import"./p-27ab49c7.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-8f8cbbc7.js";import"./p-3c4fe54e.js";import"./p-c473b37c.js";import"./p-64329e55.js";import"./p-cbed8c79.js";import"./p-5b45eef3.js";import"./p-29c291d1.js";import"./p-9a2f96d2.js";import"./p-a4ba2c4c.js";import"./p-d014effb.js";import"./p-769c1c82.js";import"./p-c60c7e01.js";import"./p-36ecadf9.js";import"./p-45d13552.js";var e={name:"lv",weekdays:"svētdiena_pirmdiena_otrdiena_trešdiena_ceturtdiena_piektdiena_sestdiena".split("_"),months:"janvāris_februāris_marts_aprīlis_maijs_jūnijs_jūlijs_augusts_septembris_oktobris_novembris_decembris".split("_"),weekStart:1,weekdaysShort:"Sv_P_O_T_C_Pk_S".split("_"),monthsShort:"jan_feb_mar_apr_mai_jūn_jūl_aug_sep_okt_nov_dec".split("_"),weekdaysMin:"Sv_P_O_T_C_Pk_S".split("_"),ordinal:function s(e){return e},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY.",LL:"YYYY. [gada] D. MMMM",LLL:"YYYY. [gada] D. MMMM, HH:mm",LLLL:"YYYY. [gada] D. MMMM, dddd, HH:mm"},relativeTime:{future:"pēc %s",past:"pirms %s",s:"dažām sekundēm",m:"minūtes",mm:"%d minūtēm",h:"stundas",hh:"%d stundām",d:"dienas",dd:"%d dienām",M:"mēneša",MM:"%d mēnešiem",y:"gada",yy:"%d gadiem"}};s.locale(e,null,true);export{e as default};
-//# sourceMappingURL=p-45ac55e3.js.map

package/dist/calcite/p-45d13552.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-const t=["date","datetime-local","month","number","range","time","week"];const e=["email","password","search","tel","text","url"];const n=["email","password","search","tel","text","textarea","url"];function s(t,e,n,s){const a=n.toLowerCase();const o=t[n];if(s&&o!=null){e.setAttribute(a,`${o}`)}else{e.removeAttribute(a)}}function a(a,o,c){c.type=a==="textarea"?"text":a;const r=t.includes(a);const l=o;s(l,c,"min",r);s(l,c,"max",r);s(l,c,"step",r);const m=n.includes(a);const i=o;s(i,c,"minLength",m);s(i,c,"maxLength",m);const x=e.includes(a);s(i,c,"pattern",x)}export{a as s};
-//# sourceMappingURL=p-45d13552.js.map

package/dist/calcite/p-46ee72e7.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-var t={exports:{}};var n={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 e={exports:{}};var r=function t(n){if(!n||typeof n==="string"){return false}return n instanceof Array||Array.isArray(n)||n.length>=0&&(n.splice instanceof Function||Object.getOwnPropertyDescriptor(n,n.length-1)&&n.constructor.name!=="String")};var s=r;var o=Array.prototype.concat;var c=Array.prototype.slice;var i=e.exports=function t(n){var e=[];for(var r=0,i=n.length;r<i;r++){var a=n[r];if(s(a)){e=o.call(e,c.call(a))}else{e.push(a)}}return e};i.wrap=function(t){return function(){return t(i(arguments))}};var a=n;var l=e.exports;var u=Object.hasOwnProperty;var h=Object.create(null);for(var f in a){if(u.call(a,f)){h[a[f]]=f}}var d=t.exports={to:{},get:{}};d.get=function(t){var n=t.substring(0,3).toLowerCase();var e;var r;switch(n){case"hsl":e=d.get.hsl(t);r="hsl";break;case"hwb":e=d.get.hwb(t);r="hwb";break;default:e=d.get.rgb(t);r="rgb";break}if(!e){return null}return{model:r,value:e}};d.get.rgb=function(t){if(!t){return null}var n=/^#([a-f0-9]{3,4})$/i;var e=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i;var r=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var s=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var o=/^(\w+)$/;var c=[0,0,0,1];var i;var l;var h;if(i=t.match(e)){h=i[2];i=i[1];for(l=0;l<3;l++){var f=l*2;c[l]=parseInt(i.slice(f,f+2),16)}if(h){c[3]=parseInt(h,16)/255}}else if(i=t.match(n)){i=i[1];h=i[3];for(l=0;l<3;l++){c[l]=parseInt(i[l]+i[l],16)}if(h){c[3]=parseInt(h+h,16)/255}}else if(i=t.match(r)){for(l=0;l<3;l++){c[l]=parseInt(i[l+1],0)}if(i[4]){if(i[5]){c[3]=parseFloat(i[4])*.01}else{c[3]=parseFloat(i[4])}}}else if(i=t.match(s)){for(l=0;l<3;l++){c[l]=Math.round(parseFloat(i[l+1])*2.55)}if(i[4]){if(i[5]){c[3]=parseFloat(i[4])*.01}else{c[3]=parseFloat(i[4])}}}else if(i=t.match(o)){if(i[1]==="transparent"){return[0,0,0,0]}if(!u.call(a,i[1])){return null}c=a[i[1]];c[3]=1;return c}else{return null}for(l=0;l<3;l++){c[l]=b(c[l],0,255)}c[3]=b(c[3],0,1);return c};d.get.hsl=function(t){if(!t){return null}var n=/^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 e=t.match(n);if(e){var r=parseFloat(e[4]);var s=(parseFloat(e[1])%360+360)%360;var o=b(parseFloat(e[2]),0,100);var c=b(parseFloat(e[3]),0,100);var i=b(isNaN(r)?1:r,0,1);return[s,o,c,i]}return null};d.get.hwb=function(t){if(!t){return null}var n=/^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 e=t.match(n);if(e){var r=parseFloat(e[4]);var s=(parseFloat(e[1])%360+360)%360;var o=b(parseFloat(e[2]),0,100);var c=b(parseFloat(e[3]),0,100);var i=b(isNaN(r)?1:r,0,1);return[s,o,c,i]}return null};d.to.hex=function(){var t=l(arguments);return"#"+g(t[0])+g(t[1])+g(t[2])+(t[3]<1?g(Math.round(t[3]*255)):"")};d.to.rgb=function(){var t=l(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]+")"};d.to.rgb.percent=function(){var t=l(arguments);var n=Math.round(t[0]/255*100);var e=Math.round(t[1]/255*100);var r=Math.round(t[2]/255*100);return t.length<4||t[3]===1?"rgb("+n+"%, "+e+"%, "+r+"%)":"rgba("+n+"%, "+e+"%, "+r+"%, "+t[3]+")"};d.to.hsl=function(){var t=l(arguments);return t.length<4||t[3]===1?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"};d.to.hwb=function(){var t=l(arguments);var n="";if(t.length>=4&&t[3]!==1){n=", "+t[3]}return"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+n+")"};d.to.keyword=function(t){return h[t.slice(0,3)]};function b(t,n,e){return Math.min(Math.max(n,t),e)}function g(t){var n=Math.round(t).toString(16).toUpperCase();return n.length<2?"0"+n:n}const p=n;const v={};for(const t of Object.keys(p)){v[p[t]]=t}const w={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=w;for(const t of Object.keys(w)){if(!("channels"in w[t])){throw new Error("missing channels property: "+t)}if(!("labels"in w[t])){throw new Error("missing channel labels property: "+t)}if(w[t].labels.length!==w[t].channels){throw new Error("channel and label counts mismatch: "+t)}const{channels:n,labels:e}=w[t];delete w[t].channels;delete w[t].labels;Object.defineProperty(w[t],"channels",{value:n});Object.defineProperty(w[t],"labels",{value:e})}w.rgb.hsl=function(t){const n=t[0]/255;const e=t[1]/255;const r=t[2]/255;const s=Math.min(n,e,r);const o=Math.max(n,e,r);const c=o-s;let i;let a;if(o===s){i=0}else if(n===o){i=(e-r)/c}else if(e===o){i=2+(r-n)/c}else if(r===o){i=4+(n-e)/c}i=Math.min(i*60,360);if(i<0){i+=360}const l=(s+o)/2;if(o===s){a=0}else if(l<=.5){a=c/(o+s)}else{a=c/(2-o-s)}return[i,a*100,l*100]};w.rgb.hsv=function(t){let n;let e;let r;let s;let o;const c=t[0]/255;const i=t[1]/255;const a=t[2]/255;const l=Math.max(c,i,a);const u=l-Math.min(c,i,a);const h=function(t){return(l-t)/6/u+1/2};if(u===0){s=0;o=0}else{o=u/l;n=h(c);e=h(i);r=h(a);if(c===l){s=r-e}else if(i===l){s=1/3+n-r}else if(a===l){s=2/3+e-n}if(s<0){s+=1}else if(s>1){s-=1}}return[s*360,o*100,l*100]};w.rgb.hwb=function(t){const n=t[0];const e=t[1];let r=t[2];const s=w.rgb.hsl(t)[0];const o=1/255*Math.min(n,Math.min(e,r));r=1-1/255*Math.max(n,Math.max(e,r));return[s,o*100,r*100]};w.rgb.cmyk=function(t){const n=t[0]/255;const e=t[1]/255;const r=t[2]/255;const s=Math.min(1-n,1-e,1-r);const o=(1-n-s)/(1-s)||0;const c=(1-e-s)/(1-s)||0;const i=(1-r-s)/(1-s)||0;return[o*100,c*100,i*100,s*100]};function m(t,n){return(t[0]-n[0])**2+(t[1]-n[1])**2+(t[2]-n[2])**2}w.rgb.keyword=function(t){const n=v[t];if(n){return n}let e=Infinity;let r;for(const n of Object.keys(p)){const s=p[n];const o=m(t,s);if(o<e){e=o;r=n}}return r};w.keyword.rgb=function(t){return p[t]};w.rgb.xyz=function(t){let n=t[0]/255;let e=t[1]/255;let r=t[2]/255;n=n>.04045?((n+.055)/1.055)**2.4:n/12.92;e=e>.04045?((e+.055)/1.055)**2.4:e/12.92;r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const s=n*.4124+e*.3576+r*.1805;const o=n*.2126+e*.7152+r*.0722;const c=n*.0193+e*.1192+r*.9505;return[s*100,o*100,c*100]};w.rgb.lab=function(t){const n=w.rgb.xyz(t);let e=n[0];let r=n[1];let s=n[2];e/=95.047;r/=100;s/=108.883;e=e>.008856?e**(1/3):7.787*e+16/116;r=r>.008856?r**(1/3):7.787*r+16/116;s=s>.008856?s**(1/3):7.787*s+16/116;const o=116*r-16;const c=500*(e-r);const i=200*(r-s);return[o,c,i]};w.hsl.rgb=function(t){const n=t[0]/360;const e=t[1]/100;const r=t[2]/100;let s;let o;let c;if(e===0){c=r*255;return[c,c,c]}if(r<.5){s=r*(1+e)}else{s=r+e-r*e}const i=2*r-s;const a=[0,0,0];for(let t=0;t<3;t++){o=n+1/3*-(t-1);if(o<0){o++}if(o>1){o--}if(6*o<1){c=i+(s-i)*6*o}else if(2*o<1){c=s}else if(3*o<2){c=i+(s-i)*(2/3-o)*6}else{c=i}a[t]=c*255}return a};w.hsl.hsv=function(t){const n=t[0];let e=t[1]/100;let r=t[2]/100;let s=e;const o=Math.max(r,.01);r*=2;e*=r<=1?r:2-r;s*=o<=1?o:2-o;const c=(r+e)/2;const i=r===0?2*s/(o+s):2*e/(r+e);return[n,i*100,c*100]};w.hsv.rgb=function(t){const n=t[0]/60;const e=t[1]/100;let r=t[2]/100;const s=Math.floor(n)%6;const o=n-Math.floor(n);const c=255*r*(1-e);const i=255*r*(1-e*o);const a=255*r*(1-e*(1-o));r*=255;switch(s){case 0:return[r,a,c];case 1:return[i,r,c];case 2:return[c,r,a];case 3:return[c,i,r];case 4:return[a,c,r];case 5:return[r,c,i]}};w.hsv.hsl=function(t){const n=t[0];const e=t[1]/100;const r=t[2]/100;const s=Math.max(r,.01);let o;let c;c=(2-e)*r;const i=(2-e)*s;o=e*s;o/=i<=1?i:2-i;o=o||0;c/=2;return[n,o*100,c*100]};w.hwb.rgb=function(t){const n=t[0]/360;let e=t[1]/100;let r=t[2]/100;const s=e+r;let o;if(s>1){e/=s;r/=s}const c=Math.floor(6*n);const i=1-r;o=6*n-c;if((c&1)!==0){o=1-o}const a=e+o*(i-e);let l;let u;let h;switch(c){default:case 6:case 0:l=i;u=a;h=e;break;case 1:l=a;u=i;h=e;break;case 2:l=e;u=i;h=a;break;case 3:l=e;u=a;h=i;break;case 4:l=a;u=e;h=i;break;case 5:l=i;u=e;h=a;break}return[l*255,u*255,h*255]};w.cmyk.rgb=function(t){const n=t[0]/100;const e=t[1]/100;const r=t[2]/100;const s=t[3]/100;const o=1-Math.min(1,n*(1-s)+s);const c=1-Math.min(1,e*(1-s)+s);const i=1-Math.min(1,r*(1-s)+s);return[o*255,c*255,i*255]};w.xyz.rgb=function(t){const n=t[0]/100;const e=t[1]/100;const r=t[2]/100;let s;let o;let c;s=n*3.2406+e*-1.5372+r*-.4986;o=n*-.9689+e*1.8758+r*.0415;c=n*.0557+e*-.204+r*1.057;s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92;o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92;c=c>.0031308?1.055*c**(1/2.4)-.055:c*12.92;s=Math.min(Math.max(0,s),1);o=Math.min(Math.max(0,o),1);c=Math.min(Math.max(0,c),1);return[s*255,o*255,c*255]};w.xyz.lab=function(t){let n=t[0];let e=t[1];let r=t[2];n/=95.047;e/=100;r/=108.883;n=n>.008856?n**(1/3):7.787*n+16/116;e=e>.008856?e**(1/3):7.787*e+16/116;r=r>.008856?r**(1/3):7.787*r+16/116;const s=116*e-16;const o=500*(n-e);const c=200*(e-r);return[s,o,c]};w.lab.xyz=function(t){const n=t[0];const e=t[1];const r=t[2];let s;let o;let c;o=(n+16)/116;s=e/500+o;c=o-r/200;const i=o**3;const a=s**3;const l=c**3;o=i>.008856?i:(o-16/116)/7.787;s=a>.008856?a:(s-16/116)/7.787;c=l>.008856?l:(c-16/116)/7.787;s*=95.047;o*=100;c*=108.883;return[s,o,c]};w.lab.lch=function(t){const n=t[0];const e=t[1];const r=t[2];let s;const o=Math.atan2(r,e);s=o*360/2/Math.PI;if(s<0){s+=360}const c=Math.sqrt(e*e+r*r);return[n,c,s]};w.lch.lab=function(t){const n=t[0];const e=t[1];const r=t[2];const s=r/360*2*Math.PI;const o=e*Math.cos(s);const c=e*Math.sin(s);return[n,o,c]};w.rgb.ansi16=function(t,n=null){const[e,r,s]=t;let o=n===null?w.rgb.hsv(t)[2]:n;o=Math.round(o/50);if(o===0){return 30}let c=30+(Math.round(s/255)<<2|Math.round(r/255)<<1|Math.round(e/255));if(o===2){c+=60}return c};w.hsv.ansi16=function(t){return w.rgb.ansi16(w.hsv.rgb(t),t[2])};w.rgb.ansi256=function(t){const n=t[0];const e=t[1];const r=t[2];if(n===e&&e===r){if(n<8){return 16}if(n>248){return 231}return Math.round((n-8)/247*24)+232}const s=16+36*Math.round(n/255*5)+6*Math.round(e/255*5)+Math.round(r/255*5);return s};w.ansi16.rgb=function(t){let n=t%10;if(n===0||n===7){if(t>50){n+=3.5}n=n/10.5*255;return[n,n,n]}const e=(~~(t>50)+1)*.5;const r=(n&1)*e*255;const s=(n>>1&1)*e*255;const o=(n>>2&1)*e*255;return[r,s,o]};w.ansi256.rgb=function(t){if(t>=232){const n=(t-232)*10+8;return[n,n,n]}t-=16;let n;const e=Math.floor(t/36)/5*255;const r=Math.floor((n=t%36)/6)/5*255;const s=n%6/5*255;return[e,r,s]};w.rgb.hex=function(t){const n=((Math.round(t[0])&255)<<16)+((Math.round(t[1])&255)<<8)+(Math.round(t[2])&255);const e=n.toString(16).toUpperCase();return"000000".substring(e.length)+e};w.hex.rgb=function(t){const n=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!n){return[0,0,0]}let e=n[0];if(n[0].length===3){e=e.split("").map((t=>t+t)).join("")}const r=parseInt(e,16);const s=r>>16&255;const o=r>>8&255;const c=r&255;return[s,o,c]};w.rgb.hcg=function(t){const n=t[0]/255;const e=t[1]/255;const r=t[2]/255;const s=Math.max(Math.max(n,e),r);const o=Math.min(Math.min(n,e),r);const c=s-o;let i;let a;if(c<1){i=o/(1-c)}else{i=0}if(c<=0){a=0}else if(s===n){a=(e-r)/c%6}else if(s===e){a=2+(r-n)/c}else{a=4+(n-e)/c}a/=6;a%=1;return[a*360,c*100,i*100]};w.hsl.hcg=function(t){const n=t[1]/100;const e=t[2]/100;const r=e<.5?2*n*e:2*n*(1-e);let s=0;if(r<1){s=(e-.5*r)/(1-r)}return[t[0],r*100,s*100]};w.hsv.hcg=function(t){const n=t[1]/100;const e=t[2]/100;const r=n*e;let s=0;if(r<1){s=(e-r)/(1-r)}return[t[0],r*100,s*100]};w.hcg.rgb=function(t){const n=t[0]/360;const e=t[1]/100;const r=t[2]/100;if(e===0){return[r*255,r*255,r*255]}const s=[0,0,0];const o=n%1*6;const c=o%1;const i=1-c;let a=0;switch(Math.floor(o)){case 0:s[0]=1;s[1]=c;s[2]=0;break;case 1:s[0]=i;s[1]=1;s[2]=0;break;case 2:s[0]=0;s[1]=1;s[2]=c;break;case 3:s[0]=0;s[1]=i;s[2]=1;break;case 4:s[0]=c;s[1]=0;s[2]=1;break;default:s[0]=1;s[1]=0;s[2]=i}a=(1-e)*r;return[(e*s[0]+a)*255,(e*s[1]+a)*255,(e*s[2]+a)*255]};w.hcg.hsv=function(t){const n=t[1]/100;const e=t[2]/100;const r=n+e*(1-n);let s=0;if(r>0){s=n/r}return[t[0],s*100,r*100]};w.hcg.hsl=function(t){const n=t[1]/100;const e=t[2]/100;const r=e*(1-n)+.5*n;let s=0;if(r>0&&r<.5){s=n/(2*r)}else if(r>=.5&&r<1){s=n/(2*(1-r))}return[t[0],s*100,r*100]};w.hcg.hwb=function(t){const n=t[1]/100;const e=t[2]/100;const r=n+e*(1-n);return[t[0],(r-n)*100,(1-r)*100]};w.hwb.hcg=function(t){const n=t[1]/100;const e=t[2]/100;const r=1-e;const s=r-n;let o=0;if(s<1){o=(r-s)/(1-s)}return[t[0],s*100,o*100]};w.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]};w.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]};w.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]};w.gray.hsl=function(t){return[0,0,t[0]]};w.gray.hsv=w.gray.hsl;w.gray.hwb=function(t){return[0,100,t[0]]};w.gray.cmyk=function(t){return[0,0,0,t[0]]};w.gray.lab=function(t){return[t[0],0,0]};w.gray.hex=function(t){const n=Math.round(t[0]/100*255)&255;const e=(n<<16)+(n<<8)+n;const r=e.toString(16).toUpperCase();return"000000".substring(r.length)+r};w.rgb.gray=function(t){const n=(t[0]+t[1]+t[2])/3;return[n/255*100]};const M=y;function k(){const t={};const n=Object.keys(M);for(let e=n.length,r=0;r<e;r++){t[n[r]]={distance:-1,parent:null}}return t}function S(t){const n=k();const e=[t];n[t].distance=0;while(e.length){const t=e.pop();const r=Object.keys(M[t]);for(let s=r.length,o=0;o<s;o++){const s=r[o];const c=n[s];if(c.distance===-1){c.distance=n[t].distance+1;c.parent=t;e.unshift(s)}}}return n}function A(t,n){return function(e){return n(t(e))}}function $(t,n){const e=[n[t].parent,t];let r=M[n[t].parent][t];let s=n[t].parent;while(n[s].parent){e.unshift(n[s].parent);r=A(M[n[s].parent][s],r);s=n[s].parent}r.conversion=e;return r}var j=function(t){const n=S(t);const e={};const r=Object.keys(n);for(let t=r.length,s=0;s<t;s++){const t=r[s];const o=n[t];if(o.parent===null){continue}e[t]=$(t,n)}return e};const O=y;const F=j;const x={};const C=Object.keys(O);function I(t){const n=function(...n){const e=n[0];if(e===undefined||e===null){return e}if(e.length>1){n=e}return t(n)};if("conversion"in t){n.conversion=t.conversion}return n}function N(t){const n=function(...n){const e=n[0];if(e===undefined||e===null){return e}if(e.length>1){n=e}const r=t(n);if(typeof r==="object"){for(let t=r.length,n=0;n<t;n++){r[n]=Math.round(r[n])}}return r};if("conversion"in t){n.conversion=t.conversion}return n}C.forEach((t=>{x[t]={};Object.defineProperty(x[t],"channels",{value:O[t].channels});Object.defineProperty(x[t],"labels",{value:O[t].labels});const n=F(t);const e=Object.keys(n);e.forEach((e=>{const r=n[e];x[t][e]=N(r);x[t][e].raw=I(r)}))}));var q=x;const E=t.exports;const z=q;const H=["keyword","gray","hex"];const B={};for(const t of Object.keys(z)){B[[...z[t].labels].sort().join("")]=t}const G={};function L(t,n){if(!(this instanceof L)){return new L(t,n)}if(n&&n in H){n=null}if(n&&!(n in z)){throw new Error("Unknown model: "+n)}let e;let r;if(t==null){this.model="rgb";this.color=[0,0,0];this.valpha=1}else if(t instanceof L){this.model=t.model;this.color=[...t.color];this.valpha=t.valpha}else if(typeof t==="string"){const n=E.get(t);if(n===null){throw new Error("Unable to parse color from string: "+t)}this.model=n.model;r=z[this.model].channels;this.color=n.value.slice(0,r);this.valpha=typeof n.value[r]==="number"?n.value[r]:1}else if(t.length>0){this.model=n||"rgb";r=z[this.model].channels;const e=Array.prototype.slice.call(t,0,r);this.color=V(e,r);this.valpha=typeof t[r]==="number"?t[r]: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 n=Object.keys(t);if("alpha"in t){n.splice(n.indexOf("alpha"),1);this.valpha=typeof t.alpha==="number"?t.alpha:0}const r=n.sort().join("");if(!(r in B)){throw new Error("Unable to parse color from object: "+JSON.stringify(t))}this.model=B[r];const{labels:s}=z[this.model];const o=[];for(e=0;e<s.length;e++){o.push(t[s[e]])}this.color=V(o)}if(G[this.model]){r=z[this.model].channels;for(e=0;e<r;e++){const t=G[this.model][e];if(t){this.color[e]=t(this.color[e])}}}this.valpha=Math.max(0,Math.min(1,this.valpha));if(Object.freeze){Object.freeze(this)}}L.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(t){let n=this.model in E.to?this:this.rgb();n=n.round(typeof t==="number"?t:1);const e=n.valpha===1?n.color:[...n.color,this.valpha];return E.to[n.model](e)},percentString(t){const n=this.rgb().round(typeof t==="number"?t:1);const e=n.valpha===1?n.color:[...n.color,this.valpha];return E.to.rgb.percent(e)},array(){return this.valpha===1?[...this.color]:[...this.color,this.valpha]},object(){const t={};const{channels:n}=z[this.model];const{labels:e}=z[this.model];for(let r=0;r<n;r++){t[e[r]]=this.color[r]}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 L([...this.color.map(_(t)),this.valpha],this.model)},alpha(t){if(t!==undefined){return new L([...this.color,Math.max(0,Math.min(1,t))],this.model)}return this.valpha},red:U("rgb",0,D(255)),green:U("rgb",1,D(255)),blue:U("rgb",2,D(255)),hue:U(["hsl","hsv","hsl","hwb","hcg"],0,(t=>(t%360+360)%360)),saturationl:U("hsl",1,D(100)),lightness:U("hsl",2,D(100)),saturationv:U("hsv",1,D(100)),value:U("hsv",2,D(100)),chroma:U("hcg",1,D(100)),gray:U("hcg",2,D(100)),white:U("hwb",1,D(100)),wblack:U("hwb",2,D(100)),cyan:U("cmyk",0,D(100)),magenta:U("cmyk",1,D(100)),yellow:U("cmyk",2,D(100)),black:U("cmyk",3,D(100)),x:U("xyz",0,D(95.047)),y:U("xyz",1,D(100)),z:U("xyz",2,D(108.833)),l:U("lab",0,D(100)),a:U("lab",1),b:U("lab",2),keyword(t){if(t!==undefined){return new L(t)}return z[this.model].keyword(this.color)},hex(t){if(t!==undefined){return new L(t)}return E.to.hex(this.rgb().round().color)},hexa(t){if(t!==undefined){return new L(t)}const n=this.rgb().round().color;let e=Math.round(this.valpha*255).toString(16).toUpperCase();if(e.length===1){e="0"+e}return E.to.hex(n)+e},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 n=[];for(const[e,r]of t.entries()){const t=r/255;n[e]=t<=.04045?t/12.92:((t+.055)/1.055)**2.4}return.2126*n[0]+.7152*n[1]+.0722*n[2]},contrast(t){const n=this.luminosity();const e=t.luminosity();if(n>e){return(n+.05)/(e+.05)}return(e+.05)/(n+.05)},level(t){const n=this.contrast(t);if(n>=7){return"AAA"}return n>=4.5?"AA":""},isDark(){const t=this.rgb().color;const n=(t[0]*2126+t[1]*7152+t[2]*722)/1e4;return n<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let n=0;n<3;n++){t.color[n]=255-t.color[n]}return t},lighten(t){const n=this.hsl();n.color[2]+=n.color[2]*t;return n},darken(t){const n=this.hsl();n.color[2]-=n.color[2]*t;return n},saturate(t){const n=this.hsl();n.color[1]+=n.color[1]*t;return n},desaturate(t){const n=this.hsl();n.color[1]-=n.color[1]*t;return n},whiten(t){const n=this.hwb();n.color[1]+=n.color[1]*t;return n},blacken(t){const n=this.hwb();n.color[2]+=n.color[2]*t;return n},grayscale(){const t=this.rgb().color;const n=t[0]*.3+t[1]*.59+t[2]*.11;return L.rgb(n,n,n)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const n=this.hsl();let e=n.color[0];e=(e+t)%360;e=e<0?360+e:e;n.color[0]=e;return n},mix(t,n){if(!t||!t.rgb){throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t)}const e=t.rgb();const r=this.rgb();const s=n===undefined?.5:n;const o=2*s-1;const c=e.alpha()-r.alpha();const i=((o*c===-1?o:(o+c)/(1+o*c))+1)/2;const a=1-i;return L.rgb(i*e.red()+a*r.red(),i*e.green()+a*r.green(),i*e.blue()+a*r.blue(),e.alpha()*s+r.alpha()*(1-s))}};for(const t of Object.keys(z)){if(H.includes(t)){continue}const{channels:n}=z[t];L.prototype[t]=function(...n){if(this.model===t){return new L(this)}if(n.length>0){return new L(n,t)}return new L([...J(z[this.model][t].raw(this.color)),this.valpha],t)};L[t]=function(...e){let r=e[0];if(typeof r==="number"){r=V(e,n)}return new L(r,t)}}function R(t,n){return Number(t.toFixed(n))}function _(t){return function(n){return R(n,t)}}function U(t,n,e){t=Array.isArray(t)?t:[t];for(const r of t){(G[r]||(G[r]=[]))[n]=e}t=t[0];return function(r){let s;if(r!==undefined){if(e){r=e(r)}s=this[t]();s.color[n]=r;return s}s=this[t]().color[n];if(e){s=e(s)}return s}}function D(t){return function(n){return Math.max(0,Math.min(t,n))}}function J(t){return Array.isArray(t)?t:[t]}function V(t,n){for(let e=0;e<n;e++){if(typeof t[e]!=="number"){t[e]=0}}return t}var X=L;const K=X;const P={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 Q=K("#007AC2");const T="calcite-color-";const W={r:255,g:255,b:255};const Y={h:360,s:100,v:100};const Z=Y.h-1;const tt={min:0,max:100};const nt={s:{slider:{height:12,width:104},colorField:{height:80,width:160},thumb:{radius:7},preview:{size:20}},m:{slider:{height:12,width:204},colorField:{height:150,width:272},thumb:{radius:7},preview:{size:24}},l:{slider:{height:12,width:384},colorField:{height:200,width:464},thumb:{radius:7},preview:{size:32}}};const et=1;const rt=/^[0-9A-F]$/i;const st=/^#[0-9A-F]{3}$/i;const ot=/^#[0-9A-F]{6}$/i;const ct=/^#[0-9A-F]{4}$/i;const it=/^#[0-9A-F]{8}$/i;const at=t=>Number((t*100).toFixed());const lt=t=>Number((t/100).toFixed(2));function ut(t,n=false){return ft(t,n)||dt(t,n)}function ht(t,n,e){if(!t){return false}return t.length===n&&e.test(t)}function ft(t,n=false){const e=n?5:4;const r=n?ct:st;return ht(t,e,r)}function dt(t,n=false){const e=n?9:7;const r=n?it:ot;return ht(t,e,r)}function bt(t,n=false,e=false){t=t.toLowerCase();if(!t.startsWith("#")){t=`#${t}`}if(ft(t,n)){return pt(mt(t,n))}if(n&&e&&ut(t,false)){const n=ft(t,false);return pt(mt(`${t}${n?"f":"ff"}`,true))}return t}function gt(t,n=false){return n?t.hexa():t.hex()}function pt(t){const{r:n,g:e,b:r}=t;const s=vt(n);const o=vt(e);const c=vt(r);const i="a"in t?vt(t.a*255):"";return`#${s}${o}${c}${i}`.toLowerCase()}function vt(t){return t.toString(16).padStart(2,"0")}function wt(t){const n={...t,a:t.alpha??1};delete n.alpha;return n}function yt(t){const n={...t,alpha:t.a??1};delete n.a;return n}function mt(t,n=false){if(!ut(t,n)){return null}t=t.replace("#","");let e;let r;let s;let o;const c=t.length===3||t.length===4;if(c){const[n,c,i,a]=t.split("");e=parseInt(`${n}${n}`,16);r=parseInt(`${c}${c}`,16);s=parseInt(`${i}${i}`,16);o=parseInt(`${a}${a}`,16)/255}else{e=parseInt(t.slice(0,2),16);r=parseInt(t.slice(2,4),16);s=parseInt(t.slice(4,6),16);o=parseInt(t.slice(6,8),16)/255}return isNaN(o)?{r:e,g:r,b:s}:{r:e,g:r,b:s,a:o}}const Mt=t=>t;const kt=Mt({HEX:"hex",HEXA:"hexa",RGB_CSS:"rgb-css",RGBA_CSS:"rgba-css",HSL_CSS:"hsl-css",HSLA_CSS:"hsla-css"});const St=Mt({RGB:"rgb",RGBA:"rgba",HSL:"hsl",HSLA:"hsla",HSV:"hsv",HSVA:"hsva"});function At(t){if(typeof t==="string"){if(t.startsWith("#")){const{length:n}=t;if(n===4||n===7){return kt.HEX}if(n===5||n===9){return kt.HEXA}}if(t.startsWith("rgba(")){return kt.RGBA_CSS}if(t.startsWith("rgb(")){return kt.RGB_CSS}if(t.startsWith("hsl(")){return kt.HSL_CSS}if(t.startsWith("hsla(")){return kt.HSLA_CSS}}if(typeof t==="object"){if($t(t,"r","g","b")){return $t(t,"a")?St.RGBA:St.RGB}if($t(t,"h","s","l")){return $t(t,"a")?St.HSLA:St.HSL}if($t(t,"h","s","v")){return $t(t,"a")?St.HSVA:St.HSV}}return null}function $t(t,...n){return n.every((n=>n&&t&&`${n}`in t))}function jt(t,n){return t?.rgb().array().toString()===n?.rgb().array().toString()}function Ot(t){return t===kt.HEXA||t===kt.RGBA_CSS||t===kt.HSLA_CSS||t===St.RGBA||t===St.HSLA||t===St.HSVA}function Ft(t){const n=t===kt.HEX?kt.HEXA:t===kt.RGB_CSS?kt.RGBA_CSS:t===kt.HSL_CSS?kt.HSLA_CSS:t===St.RGB?St.RGBA:t===St.HSL?St.HSLA:t===St.HSV?St.HSVA:t;return n}function xt(t){const n=t===kt.HEXA?kt.HEX:t===kt.RGBA_CSS?kt.RGB_CSS:t===kt.HSLA_CSS?kt.HSL_CSS:t===St.RGBA?St.RGB:t===St.HSLA?St.HSL:t===St.HSVA?St.HSV:t;return n}function Ct(t,n){const{slider:{width:e},preview:r}=t;if(n){return e}const s=nt["l"].preview.size-r.size;return e+s}export{kt as C,Q as D,Y as H,tt as O,W as R,et as S,gt as a,K as b,P as c,at as d,nt as e,Ot as f,Ct as g,mt as h,ut as i,yt as j,jt as k,wt as l,Z as m,bt as n,lt as o,At as p,T as q,Ft as r,dt as s,xt as t,ft as u,pt as v,rt as w};
-//# sourceMappingURL=p-46ee72e7.js.map

package/dist/calcite/p-4a322c0e.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{d as a}from"./p-6ff8e6fb.js";import"./p-e7104b8d.js";import"./p-d6a25fe2.js";import"./p-27ab49c7.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-8f8cbbc7.js";import"./p-3c4fe54e.js";import"./p-c473b37c.js";import"./p-64329e55.js";import"./p-cbed8c79.js";import"./p-5b45eef3.js";import"./p-29c291d1.js";import"./p-9a2f96d2.js";import"./p-a4ba2c4c.js";import"./p-d014effb.js";import"./p-769c1c82.js";import"./p-c60c7e01.js";import"./p-36ecadf9.js";import"./p-45d13552.js";var r={name:"tr",weekdays:"Pazar_Pazartesi_Salı_Çarşamba_Perşembe_Cuma_Cumartesi".split("_"),weekdaysShort:"Paz_Pts_Sal_Çar_Per_Cum_Cts".split("_"),weekdaysMin:"Pz_Pt_Sa_Ça_Pe_Cu_Ct".split("_"),months:"Ocak_Şubat_Mart_Nisan_Mayıs_Haziran_Temmuz_Ağustos_Eylül_Ekim_Kasım_Aralık".split("_"),monthsShort:"Oca_Şub_Mar_Nis_May_Haz_Tem_Ağu_Eyl_Eki_Kas_Ara".split("_"),weekStart:1,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},relativeTime:{future:"%s sonra",past:"%s önce",s:"birkaç saniye",m:"bir dakika",mm:"%d dakika",h:"bir saat",hh:"%d saat",d:"bir gün",dd:"%d gün",M:"bir ay",MM:"%d ay",y:"bir yıl",yy:"%d yıl"},ordinal:function a(r){return r+"."}};a.locale(r,null,true);export{r as default};
-//# sourceMappingURL=p-4a322c0e.js.map

package/dist/calcite/p-4e955a72.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{d as e}from"./p-6ff8e6fb.js";import"./p-e7104b8d.js";import"./p-d6a25fe2.js";import"./p-27ab49c7.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-8f8cbbc7.js";import"./p-3c4fe54e.js";import"./p-c473b37c.js";import"./p-64329e55.js";import"./p-cbed8c79.js";import"./p-5b45eef3.js";import"./p-29c291d1.js";import"./p-9a2f96d2.js";import"./p-a4ba2c4c.js";import"./p-d014effb.js";import"./p-769c1c82.js";import"./p-c60c7e01.js";import"./p-36ecadf9.js";import"./p-45d13552.js";function r(e){return e>1&&e<5&&~~(e/10)!==1}function t(e,t,s,n){var m=e+" ";switch(s){case"s":return t||n?"pár sekund":"pár sekundami";case"m":return t?"minuta":n?"minutu":"minutou";case"mm":if(t||n){return m+(r(e)?"minuty":"minut")}return m+"minutami";case"h":return t?"hodina":n?"hodinu":"hodinou";case"hh":if(t||n){return m+(r(e)?"hodiny":"hodin")}return m+"hodinami";case"d":return t||n?"den":"dnem";case"dd":if(t||n){return m+(r(e)?"dny":"dní")}return m+"dny";case"M":return t||n?"měsíc":"měsícem";case"MM":if(t||n){return m+(r(e)?"měsíce":"měsíců")}return m+"měsíci";case"y":return t||n?"rok":"rokem";case"yy":if(t||n){return m+(r(e)?"roky":"let")}return m+"lety"}}var s={name:"cs",weekdays:"neděle_pondělí_úterý_středa_čtvrtek_pátek_sobota".split("_"),weekdaysShort:"ne_po_út_st_čt_pá_so".split("_"),weekdaysMin:"ne_po_út_st_čt_pá_so".split("_"),months:"leden_únor_březen_duben_květen_červen_červenec_srpen_září_říjen_listopad_prosinec".split("_"),monthsShort:"led_úno_bře_dub_kvě_čvn_čvc_srp_zář_říj_lis_pro".split("_"),weekStart:1,yearStart:4,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:"za %s",past:"před %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(s,null,true);export{s as default};
-//# sourceMappingURL=p-4e955a72.js.map

package/dist/calcite/p-4eff860d.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{r as e,c as t,h as i,g as s,F as a}from"./p-e7104b8d.js";import{c as n,d as o,u as c,I as l}from"./p-8f8cbbc7.js";import{s as r,a as d,c as h}from"./p-5b45eef3.js";import{c as f}from"./p-9a2f96d2.js";import{l as p}from"./p-d3be4e55.js";import{m as b,d as m,a as u,s as g,h as v,b as x,c as k,k as y,i as w,f as z,l as C,j,r as L,o as I,p as H,n as W,q as F,t as _,I as D,L as R,u as V,v as M,w as S,C as A,S as P}from"./p-f08093d7.js";import{c as T,d as U}from"./p-dcecb4a0.js";import{e as K,t as O}from"./p-27ab49c7.js";import{H as q,c as E}from"./p-a9cce7b0.js";import{c as B,d as G}from"./p-29c291d1.js";import{u as J,c as N,s as Q,d as X}from"./p-c60c7e01.js";import"./p-3c4fe54e.js";import"./p-d014effb.js";import"./p-4f616cbe.js";import"./p-17c701ba.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-c473b37c.js";const Y=":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{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 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([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index)}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}:host([hidden]){display:none}[hidden]{display:none}";const Z=Y;p.deprecated("component",{name:"pick-list",removalVersion:3,suggested:"list"});const $=class{constructor(i){e(this,i);this.calciteListChange=t(this,"calciteListChange",6);this.calciteListFilter=t(this,"calciteListFilter",6);this.lastSelectedItem=null;this.mutationObserver=f("mutation",b.bind(this));this.setFilterEl=e=>{this.filterEl=e};this.setFilteredItems=e=>{this.filteredItems=e};this.deselectRemovedItems=m.bind(this);this.deselectSiblingItems=u.bind(this);this.selectSiblings=g.bind(this);this.handleFilter=v.bind(this);this.handleFilterEvent=x.bind(this);this.getItemData=k.bind(this);this.keyDownHandler=y.bind(this);this.disabled=false;this.filteredItems=[];this.filteredData=[];this.filterEnabled=false;this.filterPlaceholder=undefined;this.filterText=undefined;this.headingLevel=undefined;this.loading=false;this.multiple=false;this.selectionFollowsFocus=false;this.selectedValues=new Map;this.dataForFilter=[]}connectedCallback(){w.call(this);z.call(this);n(this)}disconnectedCallback(){C.call(this);o(this)}componentWillLoad(){r(this)}componentDidLoad(){d(this);j.call(this)}componentDidRender(){c(this)}calciteListItemRemoveHandler(e){L.call(this,e)}calciteListItemChangeHandler(e){I.call(this,e)}calciteInternalListItemPropsChangeHandler(e){e.stopPropagation();this.setUpFilter()}calciteInternalListItemValueChangeHandler(e){H.call(this,e);e.stopPropagation()}calciteListFocusOutHandler(e){W.call(this,e)}setUpItems(){F.call(this,"calcite-pick-list-item")}setUpFilter(){if(this.filterEnabled){this.dataForFilter=this.getItemData()}}async getSelectedItems(){return this.selectedValues}async setFocus(e){await h(this);return _.call(this,e)}getIconType(){return this.multiple?D.square:D.circle}render(){return i(R,{key:"870f354277bb55abb2c867ae250d85a8569505ec",onKeyDown:this.keyDownHandler,props:this})}get el(){return s(this)}};$.style=Z;const ee=":host{margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host(:last-child){margin-block-end: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}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-color-text-3)}.container--indented{margin-inline-start:1.5rem}:host([hidden]){display:none}[hidden]{display:none}";const te=ee;p.deprecated("component",{name:"pick-list-group",removalVersion:3,suggested:"list-item-group"});const ie=class{constructor(t){e(this,t);this.groupTitle=undefined;this.headingLevel=undefined}connectedCallback(){T(this)}disconnectedCallback(){U(this)}render(){const{el:e,groupTitle:t,headingLevel:s}=this;const n=K(e,V.parentItem)!==null;const o={[M.container]:true,[M.indented]:n};const c=t;const l=e.closest("calcite-pick-list")?.headingLevel;const r=l?E(l+1):null;const d=s||r;return i(a,{key:"ed20e87abe8e3b68153c0e132869953e379e76cd"},c?i(q,{class:M.heading,level:d},c):null,i("slot",{key:"cf2218ff15bf2d69ab1710bf7b272d0a32283bba",name:V.parentItem}),i("section",{key:"bbf9c988f97a38d8319feaf544090c35fb388f3e",class:o},i("slot",{key:"1a67fc5febf55333069ddc02577900f5e4e98171"})))}get el(){return s(this)}};ie.style=te;const se='@charset "UTF-8";: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{margin:0px;margin-block-end:1px;box-sizing:border-box;display:flex;align-items:stretch;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{box-sizing:border-box}.label{display:flex;flex:1 1 auto;cursor:pointer;align-items:center;background-color:transparent;outline-color:transparent}.label:focus{outline:2px solid var(--calcite-ui-focus-color, 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          )}.label:hover{background-color:var(--calcite-color-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-color-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-block:0px;display:flex;cursor:pointer;align-items:center;padding:0.25rem;color:var(--calcite-color-brand);flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-color-foreground-2)}.icon-dot{display:flex;inline-size:1.5rem;align-items:center;padding:0.5rem}.icon-dot::before{opacity:0;content:"•"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot::before,:host([selected]) .icon calcite-icon{transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}.description{margin-block-start:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.actions{margin:0px;display:flex;flex:0 1 auto;align-items:stretch;justify-content:flex-end}.actions--start~.label{padding-inline-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}';const ae=se;p.deprecated("component",{name:"pick-list-item",removalVersion:3,suggested:"list-item"});const ne=class{constructor(i){e(this,i);this.calciteListItemChange=t(this,"calciteListItemChange",6);this.calciteListItemRemove=t(this,"calciteListItemRemove",7);this.calciteInternalListItemPropsChange=t(this,"calciteInternalListItemPropsChange",6);this.calciteInternalListItemValueChange=t(this,"calciteInternalListItemValueChange",6);this.pickListClickHandler=e=>{if(this.disabled||this.deselectDisabled&&this.selected||this.nonInteractive){return}this.shiftPressed=e.shiftKey;this.selected=!this.selected};this.pickListKeyDownHandler=e=>{if(e.key===" "){e.preventDefault();if(this.deselectDisabled&&this.selected||this.nonInteractive){return}this.selected=!this.selected}};this.removeClickHandler=()=>{this.calciteListItemRemove.emit()};this.description=undefined;this.disabled=false;this.deselectDisabled=false;this.nonInteractive=false;this.icon=null;this.iconFlipRtl=false;this.label=undefined;this.messageOverrides=undefined;this.messages=undefined;this.metadata=undefined;this.removable=false;this.selected=false;this.value=undefined;this.defaultMessages=undefined;this.effectiveLocale=""}descriptionWatchHandler(){this.calciteInternalListItemPropsChange.emit()}labelWatchHandler(){this.calciteInternalListItemPropsChange.emit()}onMessagesChange(){}metadataWatchHandler(){this.calciteInternalListItemPropsChange.emit()}selectedWatchHandler(){this.calciteListItemChange.emit({item:this.el,value:this.value,selected:this.selected,shiftPressed:this.shiftPressed});this.shiftPressed=false}valueWatchHandler(e,t){this.calciteInternalListItemValueChange.emit({oldValue:t,newValue:e})}effectiveLocaleChange(){J(this,this.effectiveLocale)}connectedCallback(){n(this);B(this);N(this);T(this)}async componentWillLoad(){await Q(this);r(this)}componentDidLoad(){d(this)}disconnectedCallback(){o(this);G(this);X(this);U(this)}componentDidRender(){c(this)}async toggleSelected(e){this.selected=typeof e==="boolean"?e:!this.selected}async setFocus(){await h(this);this.focusEl?.focus()}renderIcon(){const{icon:e,iconFlipRtl:t}=this;if(!e){return null}return i("span",{class:{[A.icon]:true,[A.iconDot]:e===D.circle},onClick:this.pickListClickHandler},e===D.square?i("calcite-icon",{flipRtl:t,icon:S.checked,scale:"s"}):null)}renderRemoveAction(){return this.removable?i("calcite-action",{class:A.remove,icon:S.remove,onClick:this.removeClickHandler,slot:P.actionsEnd,text:this.messages.remove}):null}renderActionsStart(){const{el:e}=this;const t=K(e,P.actionsStart);return t?i("div",{class:{[A.actions]:true,[A.actionsStart]:true}},i("slot",{name:P.actionsStart})):null}renderActionsEnd(){const{el:e,removable:t}=this;const s=K(e,P.actionsEnd);return s||t?i("div",{class:{[A.actions]:true,[A.actionsEnd]:true}},i("slot",{name:P.actionsEnd}),this.renderRemoveAction()):null}render(){const{description:e,label:t}=this;return i(l,{key:"11397cbf6035e4f15e4d180bbd97296af3e1cd29",disabled:this.disabled},this.renderIcon(),this.renderActionsStart(),i("label",{key:"0c61b5554c54e84fe097c7a52e64206032443d74","aria-label":t,class:A.label,onClick:this.pickListClickHandler,onKeyDown:this.pickListKeyDownHandler,ref:e=>this.focusEl=e,tabIndex:0},i("div",{key:"8846e2bc50f2e12a57d7cfe885b3798c0d79c03c","aria-checked":O(this.selected),class:A.textContainer,role:"menuitemcheckbox"},i("span",{key:"79112c39b73b2453cec22e234cea66e4f8bb832d",class:A.title},t),e?i("span",{class:A.description},e):null)),this.renderActionsEnd())}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{description:["descriptionWatchHandler"],label:["labelWatchHandler"],defaultMessages:["onMessagesChange"],messageOverrides:["onMessagesChange"],metadata:["metadataWatchHandler"],selected:["selectedWatchHandler"],value:["valueWatchHandler"],effectiveLocale:["effectiveLocaleChange"]}}};ne.style=ae;export{$ as calcite_pick_list,ie as calcite_pick_list_group,ne as calcite_pick_list_item};
-//# sourceMappingURL=p-4eff860d.entry.js.map

package/dist/calcite/p-4eff860d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pickListCss","CalcitePickListStyle0","logger","deprecated","name","removalVersion","suggested","PickList","this","lastSelectedItem","mutationObserver","createObserver","mutationObserverCallback","bind","setFilterEl","el","filterEl","setFilteredItems","filteredItems","deselectRemovedItems","deselectSiblingItems","selectSiblings","handleFilter","handleFilterEvent","getItemData","keyDownHandler","Map","connectedCallback","initialize","call","initializeObserver","connectInteractive","disconnectedCallback","cleanUpObserver","disconnectInteractive","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","handleInitialFilter","componentDidRender","updateHostInteraction","calciteListItemRemoveHandler","event","removeItem","calciteListItemChangeHandler","calciteInternalListItemPropsChangeHandler","stopPropagation","setUpFilter","calciteInternalListItemValueChangeHandler","calciteListFocusOutHandler","setUpItems","filterEnabled","dataForFilter","getSelectedItems","selectedValues","setFocus","focusId","componentFocusable","getIconType","multiple","ICON_TYPES","square","circle","render","h","List","key","onKeyDown","props","pickListGroupCss","CalcitePickListGroupStyle0","PickListGroup","connectConditionalSlotComponent","disconnectConditionalSlotComponent","groupTitle","headingLevel","hasParentItem","getSlotted","SLOTS","parentItem","sectionClasses","CSS","container","indented","title","parentLevel","closest","relativeLevel","constrainHeadingLevel","level","Fragment","Heading","class","heading","pickListItemCss","CalcitePickListItemStyle0","PickListItem","pickListClickHandler","disabled","deselectDisabled","selected","nonInteractive","shiftPressed","shiftKey","pickListKeyDownHandler","preventDefault","removeClickHandler","calciteListItemRemove","emit","descriptionWatchHandler","calciteInternalListItemPropsChange","labelWatchHandler","onMessagesChange","metadataWatchHandler","selectedWatchHandler","calciteListItemChange","item","value","valueWatchHandler","newValue","oldValue","calciteInternalListItemValueChange","effectiveLocaleChange","updateMessages","effectiveLocale","connectLocalized","connectMessages","setUpMessages","disconnectLocalized","disconnectMessages","toggleSelected","coerce","focusEl","focus","renderIcon","icon","iconFlipRtl","iconDot","onClick","flipRtl","ICONS","checked","scale","renderRemoveAction","removable","remove","slot","actionsEnd","text","messages","renderActionsStart","hasActionsStart","actionsStart","actions","renderActionsEnd","hasActionsEnd","description","label","InteractiveContainer","ref","tabIndex","toAriaBoolean","textContainer","role"],"sources":["src/components/pick-list/pick-list.scss?tag=calcite-pick-list&encapsulation=shadow","src/components/pick-list/pick-list.tsx","src/components/pick-list-group/pick-list-group.scss?tag=calcite-pick-list-group&encapsulation=shadow","src/components/pick-list-group/pick-list-group.tsx","src/components/pick-list-item/pick-list-item.scss?tag=calcite-pick-list-item&encapsulation=shadow","src/components/pick-list-item/pick-list-item.tsx"],"sourcesContent":[":host {\n  @apply text-color-2\n    text-n1h\n    relative\n    box-border\n    flex\n    flex-shrink-0\n    flex-grow\n    flex-col\n    items-stretch\n    bg-transparent;\n\n  * {\n    @apply box-border;\n  }\n}\n\n@include disabled();\n\n:host([filter-enabled]) header {\n  @apply bg-foreground-1\n    mb-1\n    flex\n    items-stretch\n    justify-end;\n  &.sticky-pos {\n    @apply sticky top-0 z-default;\n  }\n  @apply shadow-border-bottom;\n}\n\ncalcite-filter {\n  @apply mb-0;\n}\n\n:host([loading][disabled]) {\n  min-block-size: 2rem;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport type { ValueUnion } from \"../types\";\nimport { logger } from \"../../utils/logger\";\nimport { ICON_TYPES } from \"./resources\";\nimport {\n  calciteInternalListItemValueChangeHandler,\n  calciteListFocusOutHandler,\n  calciteListItemChangeHandler,\n  cleanUpObserver,\n  deselectRemovedItems,\n  deselectSiblingItems,\n  getItemData,\n  handleFilter,\n  handleFilterEvent,\n  handleInitialFilter,\n  initialize,\n  initializeObserver,\n  ItemData,\n  keyDownHandler,\n  ListFocusId,\n  mutationObserverCallback,\n  removeItem,\n  selectSiblings,\n  setFocus,\n  setUpItems,\n} from \"./shared-list-logic\";\nimport List from \"./shared-list-render\";\n\nlogger.deprecated(\"component\", {\n  name: \"pick-list\",\n  removalVersion: 3,\n  suggested: \"list\",\n});\n\n/**\n * @deprecated Use the `calcite-list` component instead.\n * @slot - A slot for adding `calcite-pick-list-item` or `calcite-pick-list-group` elements. Items are displayed as a vertical list.\n * @slot menu-actions - A slot for adding a button and menu combination for performing actions, such as sorting.\n */\n@Component({\n  tag: \"calcite-pick-list\",\n  styleUrl: \"pick-list.scss\",\n  shadow: true,\n})\nexport class PickList<\n    ItemElement extends HTMLCalcitePickListItemElement = HTMLCalcitePickListItemElement,\n  >\n  implements InteractiveComponent, LoadableComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The component's filtered items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) filteredItems: HTMLCalcitePickListItemElement[] = [];\n\n  /**\n   * The component's filtered data.\n   *\n   * @readonly\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by shared-list-logic\n  @Prop({ mutable: true }) filteredData: ItemData = [];\n\n  /**\n   * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.\n   */\n  @Prop({ reflect: true }) filterEnabled = false;\n\n  /**\n   * Placeholder text for the filter input field.\n   */\n  @Prop({ reflect: true }) filterPlaceholder: string;\n\n  /**\n   * Text for the filter input field.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by shared-list-logic\n  @Prop({ reflect: true, mutable: true }) filterText: string;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Similar to standard radio buttons and checkboxes.\n   * When `true`, a user can select multiple `calcite-pick-list-item`s at a time.\n   * When `false`, only a single `calcite-pick-list-item` can be selected at a time,\n   * and a new selection will deselect previous selections.\n   */\n  @Prop({ reflect: true }) multiple = false;\n\n  /**\n   * When `true` and single selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.\n   */\n  @Prop({ reflect: true }) selectionFollowsFocus = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListElement;\n\n  @State() selectedValues: Map<string, ItemElement> = new Map();\n\n  @State() dataForFilter: ItemData = [];\n\n  items: ItemElement[];\n\n  lastSelectedItem: ItemElement = null;\n\n  mutationObserver = createObserver(\"mutation\", mutationObserverCallback.bind(this));\n\n  emitCalciteListChange: () => void;\n\n  emitCalciteListFilter: () => void;\n\n  filterEl: HTMLCalciteFilterElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    initialize.call(this);\n    initializeObserver.call(this);\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    cleanUpObserver.call(this);\n    disconnectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    handleInitialFilter.call(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits when any of the `calcite-pick-list-item` selections have changed.\n   */\n  @Event({ cancelable: false }) calciteListChange: EventEmitter<\n    Map<string, HTMLCalcitePickListItemElement>\n  >;\n\n  /**\n   * Emits when a filter has changed.\n   */\n  @Event({ cancelable: false }) calciteListFilter: EventEmitter<void>;\n\n  @Listen(\"calciteListItemRemove\")\n  calciteListItemRemoveHandler(event: CustomEvent<void>): void {\n    removeItem.call(this, event);\n  }\n\n  @Listen(\"calciteListItemChange\")\n  calciteListItemChangeHandler(event: CustomEvent): void {\n    calciteListItemChangeHandler.call(this, event);\n  }\n\n  @Listen(\"calciteInternalListItemPropsChange\")\n  calciteInternalListItemPropsChangeHandler(event: CustomEvent): void {\n    event.stopPropagation();\n    this.setUpFilter();\n  }\n\n  @Listen(\"calciteInternalListItemValueChange\")\n  calciteInternalListItemValueChangeHandler(event: CustomEvent): void {\n    calciteInternalListItemValueChangeHandler.call(this, event);\n    event.stopPropagation();\n  }\n\n  @Listen(\"focusout\")\n  calciteListFocusOutHandler(event: FocusEvent): void {\n    calciteListFocusOutHandler.call(this, event);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  setUpItems(): void {\n    setUpItems.call(this, \"calcite-pick-list-item\");\n  }\n\n  setUpFilter(): void {\n    if (this.filterEnabled) {\n      this.dataForFilter = this.getItemData();\n    }\n  }\n\n  setFilterEl = (el: HTMLCalciteFilterElement): void => {\n    this.filterEl = el;\n  };\n\n  setFilteredItems = (filteredItems: any[]): void => {\n    this.filteredItems = filteredItems;\n  };\n\n  deselectRemovedItems = deselectRemovedItems.bind(this);\n\n  deselectSiblingItems = deselectSiblingItems.bind(this);\n\n  selectSiblings = selectSiblings.bind(this);\n\n  handleFilter = handleFilter.bind(this);\n\n  handleFilterEvent = handleFilterEvent.bind(this);\n\n  getItemData = getItemData.bind(this);\n\n  keyDownHandler = keyDownHandler.bind(this);\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Returns the component's selected `calcite-pick-list-item`s. */\n  @Method()\n  async getSelectedItems(): Promise<Map<string, HTMLCalcitePickListItemElement>> {\n    return this.selectedValues;\n  }\n\n  /**\n   * Sets focus on the component's first focusable element.\n   *\n   * @param focusId\n   */\n  @Method()\n  async setFocus(focusId?: ListFocusId): Promise<void> {\n    await componentFocusable(this);\n\n    return setFocus.call(this, focusId);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getIconType(): ValueUnion<typeof ICON_TYPES> {\n    return this.multiple ? ICON_TYPES.square : ICON_TYPES.circle;\n  }\n\n  render(): VNode {\n    return <List onKeyDown={this.keyDownHandler} props={this} />;\n  }\n}\n",":host {\n  @apply text-color-2\n    text-n1\n    mb-1\n    box-border\n    block\n    bg-transparent;\n\n  * {\n    @apply box-border;\n  }\n}\n\n:host(:last-child) {\n  @apply mb-0;\n}\n\n@import \"../../assets/styles/header\";\n\n.heading {\n  @apply text-0h text-n1-wrap\n    text-color-3\n    my-2\n    mx-4;\n}\n\n.container--indented {\n  margin-inline-start: theme(\"margin.6\");\n}\n\n@include base-component();\n","import { Component, Element, Fragment, h, Prop, VNode } from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { constrainHeadingLevel, Heading, HeadingLevel } from \"../functional/Heading\";\nimport { logger } from \"../../utils/logger\";\nimport { CSS, SLOTS } from \"./resources\";\n\nlogger.deprecated(\"component\", {\n  name: \"pick-list-group\",\n  removalVersion: 3,\n  suggested: \"list-item-group\",\n});\n\n/**\n * @deprecated Use the `calcite-list` component instead.\n * @slot - A slot for adding `calcite-pick-list-item` elements.\n */\n@Component({\n  tag: \"calcite-pick-list-group\",\n  styleUrl: \"pick-list-group.scss\",\n  shadow: true,\n})\nexport class PickListGroup implements ConditionalSlotComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Specifies the title for all nested `calcite-pick-list-item`s.\n   *\n   */\n  @Prop({ reflect: true }) groupTitle: string;\n\n  /**\n   * Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListGroupElement;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { el, groupTitle, headingLevel } = this;\n    const hasParentItem = getSlotted(el, SLOTS.parentItem) !== null;\n    const sectionClasses = {\n      [CSS.container]: true,\n      [CSS.indented]: hasParentItem,\n    };\n\n    const title = groupTitle;\n    const parentLevel = el.closest(\"calcite-pick-list\")?.headingLevel;\n    const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;\n    const level = headingLevel || relativeLevel;\n\n    return (\n      <Fragment>\n        {title ? (\n          <Heading class={CSS.heading} level={level}>\n            {title}\n          </Heading>\n        ) : null}\n        <slot name={SLOTS.parentItem} />\n        <section class={sectionClasses}>\n          <slot />\n        </section>\n      </Fragment>\n    );\n  }\n}\n",":host {\n  @apply bg-foreground-1\n    text-n1\n    text-color-1\n    shadow-border-bottom\n    bg-foreground-1\n    text-n1h\n    m-0\n    mb-px\n    box-border\n    flex\n    items-stretch;\n  transition: background-color var(--calcite-animation-timing);\n  animation: calcite-fade-in var(--calcite-animation-timing);\n\n  * {\n    @apply box-border;\n  }\n}\n\n.label {\n  @apply focus-base\n    flex\n    flex-auto\n    cursor-pointer\n    items-center\n    bg-transparent;\n  &:focus {\n    @apply focus-inset;\n  }\n  &:hover {\n    @apply bg-foreground-2;\n  }\n}\n\n:host([non-interactive]:hover) {\n  @apply bg-foreground-1;\n}\n\n:host([non-interactive]) .label,\n:host([non-interactive]) .icon {\n  @apply pointer-events-none;\n}\n\n.icon {\n  @apply my-0 flex cursor-pointer items-center p-1;\n  color: theme(\"colors.brand\");\n  flex: 0 0 auto;\n  line-height: 0;\n  &:hover {\n    @apply bg-foreground-2;\n  }\n}\n\n.icon-dot {\n  @apply flex w-6 items-center p-2;\n  &::before {\n    @apply opacity-0;\n    content: \"\\2022\";\n  }\n}\n\n.icon calcite-icon {\n  @apply opacity-0;\n}\n\n:host([selected]) .icon-dot::before,\n:host([selected]) .icon calcite-icon {\n  transition: opacity var(--calcite-animation-timing);\n  @apply opacity-100;\n}\n\n.text-container {\n  @apply text-n2-wrap\n    word-break\n    pointer-events-none\n    flex\n    flex-col\n    flex-nowrap\n    overflow-hidden\n    py-2\n    px-3;\n}\n\n.title {\n  @apply text-color-1 font-normal;\n}\n\n.description {\n  @apply text-color-3 mt-0.5 font-normal;\n}\n\n.actions {\n  @apply m-0 flex flex-initial items-stretch justify-end;\n}\n\n.actions--start ~ .label {\n  padding-inline-start: theme(\"padding.1\");\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { ICON_TYPES } from \"../pick-list/resources\";\nimport { logger } from \"../../utils/logger\";\nimport { PickListItemMessages } from \"./assets/pick-list-item/t9n\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\nlogger.deprecated(\"component\", {\n  name: \"pick-list-item\",\n  removalVersion: 3,\n  suggested: \"list-item\",\n});\n\n/**\n * @deprecated Use the `calcite-list` component instead.\n * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component.\n * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component.\n */\n@Component({\n  tag: \"calcite-pick-list-item\",\n  styleUrl: \"pick-list-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class PickListItem\n  implements ConditionalSlotComponent, InteractiveComponent, LoadableComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * A description for the component that displays below the label text.\n   */\n  @Prop({ reflect: true }) description: string;\n\n  @Watch(\"description\")\n  descriptionWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\n  }\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When `false`, the component cannot be deselected by user interaction.\n   */\n  @Prop({ reflect: true }) deselectDisabled = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ reflect: true }) nonInteractive = false;\n\n  /**\n   * Determines the icon SVG symbol that will be shown. Options are `\"circle\"`, `\"square\"`, `\"grip\"` or `null`.\n   *\n   * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/dev/src/components/pick-list/resources.ts#L5)\n   */\n  @Prop({ reflect: true }) icon: ICON_TYPES | null = null;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * Label and accessible name for the component. Appears next to the icon.\n   */\n  @Prop({ reflect: true }) label!: string;\n\n  @Watch(\"label\")\n  labelWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\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<PickListItemMessages>;\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: PickListItemMessages;\n\n  @Watch(\"defaultMessages\")\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Provides additional metadata to the component. Primary use is for a filter on the parent list.\n   */\n  @Prop() metadata: Record<string, unknown>;\n\n  @Watch(\"metadata\")\n  metadataWatchHandler(): void {\n    this.calciteInternalListItemPropsChange.emit();\n  }\n\n  /**\n   * When `true`, displays a remove action that removes the item from the list.\n   */\n  @Prop({ reflect: true }) removable = false;\n\n  /**\n   * When `true`, selects an item. Toggles when an item is checked/unchecked.\n   */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  @Watch(\"selected\")\n  selectedWatchHandler(): void {\n    this.calciteListItemChange.emit({\n      item: this.el,\n      value: this.value,\n      selected: this.selected,\n      shiftPressed: this.shiftPressed,\n    });\n\n    this.shiftPressed = false;\n  }\n\n  /**\n   * The component's value.\n   */\n  @Prop() value!: any;\n\n  @Watch(\"value\")\n  valueWatchHandler(newValue: any, oldValue: any): void {\n    this.calciteInternalListItemValueChange.emit({ oldValue, newValue });\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalcitePickListItemElement;\n\n  private focusEl: HTMLLabelElement;\n\n  shiftPressed: boolean;\n\n  @State() defaultMessages: PickListItemMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    connectConditionalSlotComponent(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n    disconnectConditionalSlotComponent(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is selected or unselected.\n   */\n  @Event({ cancelable: false }) calciteListItemChange: EventEmitter<{\n    item: HTMLCalcitePickListItemElement;\n    value: any;\n    selected: boolean;\n    shiftPressed: boolean;\n  }>;\n\n  /**\n   * Fires when the remove button is pressed.\n   */\n  @Event({ cancelable: true }) calciteListItemRemove: EventEmitter<void>;\n\n  /**\n   * Emits when the component's label, description, value, or metadata properties are modified.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemPropsChange: EventEmitter<void>;\n\n  /**\n   * Emits when the component's value property is modified.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalListItemValueChange: EventEmitter<{\n    oldValue: any;\n    newValue: any;\n  }>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Toggles the selection state. By default this won't trigger an event.\n   * The first argument allows the value to be coerced, rather than swapping values.\n   *\n   * @param coerce\n   */\n  @Method()\n  async toggleSelected(coerce?: boolean): Promise<void> {\n    this.selected = typeof coerce === \"boolean\" ? coerce : !this.selected;\n  }\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.focusEl?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  pickListClickHandler = (event: MouseEvent): void => {\n    if (this.disabled || (this.deselectDisabled && this.selected) || this.nonInteractive) {\n      return;\n    }\n\n    this.shiftPressed = event.shiftKey;\n    this.selected = !this.selected;\n  };\n\n  pickListKeyDownHandler = (event: KeyboardEvent): void => {\n    if (event.key === \" \") {\n      event.preventDefault();\n      if ((this.deselectDisabled && this.selected) || this.nonInteractive) {\n        return;\n      }\n      this.selected = !this.selected;\n    }\n  };\n\n  removeClickHandler = (): void => {\n    this.calciteListItemRemove.emit();\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderIcon(): VNode {\n    const { icon, iconFlipRtl } = this;\n\n    if (!icon) {\n      return null;\n    }\n\n    return (\n      <span\n        class={{\n          [CSS.icon]: true,\n          [CSS.iconDot]: icon === ICON_TYPES.circle,\n        }}\n        onClick={this.pickListClickHandler}\n      >\n        {icon === ICON_TYPES.square ? (\n          <calcite-icon flipRtl={iconFlipRtl} icon={ICONS.checked} scale=\"s\" />\n        ) : null}\n      </span>\n    );\n  }\n\n  renderRemoveAction(): VNode {\n    return this.removable ? (\n      <calcite-action\n        class={CSS.remove}\n        icon={ICONS.remove}\n        onClick={this.removeClickHandler}\n        slot={SLOTS.actionsEnd}\n        text={this.messages.remove}\n      />\n    ) : null;\n  }\n\n  renderActionsStart(): VNode {\n    const { el } = this;\n    const hasActionsStart = getSlotted(el, SLOTS.actionsStart);\n\n    return hasActionsStart ? (\n      <div class={{ [CSS.actions]: true, [CSS.actionsStart]: true }}>\n        <slot name={SLOTS.actionsStart} />\n      </div>\n    ) : null;\n  }\n\n  renderActionsEnd(): VNode {\n    const { el, removable } = this;\n    const hasActionsEnd = getSlotted(el, SLOTS.actionsEnd);\n\n    return hasActionsEnd || removable ? (\n      <div class={{ [CSS.actions]: true, [CSS.actionsEnd]: true }}>\n        <slot name={SLOTS.actionsEnd} />\n        {this.renderRemoveAction()}\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { description, label } = this;\n\n    return (\n      <InteractiveContainer disabled={this.disabled}>\n        {this.renderIcon()}\n        {this.renderActionsStart()}\n        <label\n          aria-label={label}\n          class={CSS.label}\n          onClick={this.pickListClickHandler}\n          onKeyDown={this.pickListKeyDownHandler}\n          ref={(focusEl): HTMLLabelElement => (this.focusEl = focusEl)}\n          tabIndex={0}\n        >\n          <div\n            aria-checked={toAriaBoolean(this.selected)}\n            class={CSS.textContainer}\n            role=\"menuitemcheckbox\"\n          >\n            <span class={CSS.title}>{label}</span>\n            {description ? <span class={CSS.description}>{description}</span> : null}\n          </div>\n        </label>\n        {this.renderActionsEnd()}\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-4f53529c.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{d as e}from"./p-6ff8e6fb.js";import"./p-e7104b8d.js";import"./p-d6a25fe2.js";import"./p-27ab49c7.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";import"./p-8f8cbbc7.js";import"./p-3c4fe54e.js";import"./p-c473b37c.js";import"./p-64329e55.js";import"./p-cbed8c79.js";import"./p-5b45eef3.js";import"./p-29c291d1.js";import"./p-9a2f96d2.js";import"./p-a4ba2c4c.js";import"./p-d014effb.js";import"./p-769c1c82.js";import"./p-c60c7e01.js";import"./p-36ecadf9.js";import"./p-45d13552.js";var m={name:"es",monthsShort:"ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"),weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),weekStart:1,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},ordinal:function e(m){return m+"º"}};e.locale(m,null,true);export{m as default};
-//# sourceMappingURL=p-4f53529c.js.map

package/dist/calcite/p-4f616cbe.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-function n(n,r){return(n+r)%r}export{n as g};
-//# sourceMappingURL=p-4f616cbe.js.map

package/dist/calcite/p-51262907.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{r as t,c as e,h as i,H as s,g as o}from"./p-e7104b8d.js";import{f as n,t as a,k as c,d as r}from"./p-27ab49c7.js";import{f as l,c as d,d as h,a as p,F as f,r as b}from"./p-27b69025.js";import{g as m}from"./p-6f580f9d.js";import{c as u,u as w,d as g,I as v}from"./p-8f8cbbc7.js";import{i as k}from"./p-c473b37c.js";import{c as y,s as x,a as D}from"./p-5b45eef3.js";import{c as z}from"./p-9a2f96d2.js";import{o as I}from"./p-78673acb.js";import{g as C}from"./p-cbed8c79.js";import"./p-56bab01f.js";import"./p-3c4fe54e.js";import"./p-17c701ba.js";const E={dropdownTrigger:"trigger"};const H=":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}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host .calcite-dropdown-wrapper{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset, left, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{left:5px}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block:0;left:0}:host([open]) .calcite-dropdown-wrapper{visibility:visible}:host .calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-trigger-container{position:relative;display:flex;block-size:100%;flex:1 1 auto;word-wrap:break-word;word-break:break-word}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width-scale=s]){--calcite-dropdown-width:12rem}:host([width-scale=m]){--calcite-dropdown-width:14rem}:host([width-scale=l]){--calcite-dropdown-width:16rem}:host([hidden]){display:none}[hidden]{display:none}";const P=H;const j=class{constructor(i){t(this,i);this.calciteDropdownSelect=e(this,"calciteDropdownSelect",6);this.calciteDropdownBeforeClose=e(this,"calciteDropdownBeforeClose",6);this.calciteDropdownClose=e(this,"calciteDropdownClose",6);this.calciteDropdownBeforeOpen=e(this,"calciteDropdownBeforeOpen",6);this.calciteDropdownOpen=e(this,"calciteDropdownOpen",6);this.items=[];this.groups=[];this.mutationObserver=z("mutation",(()=>this.updateItems()));this.resizeObserver=z("resize",(t=>this.resizeObserverCallback(t)));this.openTransitionProp="opacity";this.guid=`calcite-dropdown-${m()}`;this.setFilteredPlacements=()=>{const{el:t,flipPlacements:e}=this;this.filteredFlipPlacements=e?l(e,t):null};this.updateTriggers=t=>{this.triggers=t.target.assignedElements({flatten:true});this.reposition(true)};this.updateItems=()=>{this.items=this.groups.map((t=>Array.from(t?.querySelectorAll("calcite-dropdown-item")))).reduce(((t,e)=>[...t,...e]),[]);this.updateSelectedItems();this.reposition(true);this.items.forEach((t=>t.scale=this.scale))};this.updateGroups=t=>{const e=t.target.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-dropdown-group")));this.groups=e;this.updateItems();this.updateGroupScale()};this.resizeObserverCallback=t=>{t.forEach((t=>{const{target:e}=t;if(e===this.referenceEl){this.setDropdownWidth()}else if(e===this.scrollerEl){this.setMaxScrollerHeight()}}))};this.setDropdownWidth=()=>{const{referenceEl:t,scrollerEl:e}=this;const i=t?.clientWidth;if(!i||!e){return}e.style.minWidth=`${i}px`};this.setMaxScrollerHeight=()=>{const{scrollerEl:t}=this;if(!t){return}this.reposition(true);const e=this.getMaxScrollerHeight();t.style.maxHeight=e>0?`${e}px`:"";this.reposition(true)};this.setScrollerAndTransitionEl=t=>{this.resizeObserver.observe(t);this.scrollerEl=t;this.transitionEl=t};this.setReferenceEl=t=>{this.referenceEl=t;d(this,this.referenceEl,this.floatingEl);this.resizeObserver.observe(t)};this.setFloatingEl=t=>{this.floatingEl=t;d(this,this.referenceEl,this.floatingEl)};this.keyDownHandler=t=>{if(!t.composedPath().includes(this.referenceEl)){return}const{defaultPrevented:e,key:i}=t;if(e){return}if(this.open){if(i==="Escape"){this.closeCalciteDropdown();t.preventDefault();return}else if(t.shiftKey&&i==="Tab"){this.closeCalciteDropdown();t.preventDefault();return}}if(k(i)){this.openCalciteDropdown();t.preventDefault()}else if(i==="Escape"){this.closeCalciteDropdown();t.preventDefault()}};this.focusOnFirstActiveOrFirstItem=()=>{this.getFocusableElement(this.getTraversableItems().find((t=>t.selected))||this.items[0])};this.toggleOpenEnd=()=>{this.focusOnFirstActiveOrFirstItem();this.el.removeEventListener("calciteDropdownOpen",this.toggleOpenEnd)};this.openCalciteDropdown=()=>{this.open=!this.open;if(this.open){this.el.addEventListener("calciteDropdownOpen",this.toggleOpenEnd)}};this.open=false;this.closeOnSelectDisabled=false;this.disabled=false;this.flipPlacements=undefined;this.maxItems=0;this.overlayPositioning="absolute";this.placement=h;this.selectedItems=[];this.type="click";this.widthScale=undefined;this.scale="m"}openHandler(){I(this);if(this.disabled){this.open=false;return}this.reposition(true)}handleDisabledChange(t){if(!t){this.open=false}}flipPlacementsHandler(){this.setFilteredPlacements();this.reposition(true)}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(true)}placementHandler(){this.reposition(true)}handlePropsChange(){this.updateItems();this.updateGroupScale()}async setFocus(){await y(this);n(this.referenceEl)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true});this.setFilteredPlacements();if(this.open){this.openHandler();I(this)}u(this);this.updateItems();d(this,this.referenceEl,this.floatingEl)}componentWillLoad(){x(this)}componentDidLoad(){D(this);d(this,this.referenceEl,this.floatingEl)}componentDidRender(){w(this)}disconnectedCallback(){this.mutationObserver?.disconnect();this.resizeObserver?.disconnect();g(this);p(this,this.referenceEl,this.floatingEl)}render(){const{open:t,guid:e}=this;return i(s,{key:"4b3349c1645b7d39263a20b688f7645d92148f23"},i(v,{key:"db1d56073b9f9db2fbf6eaef824e3f12411dd174",disabled:this.disabled},i("div",{key:"05de1bb5f3641147441f18eaeae104acb06e47c6",class:"calcite-trigger-container",id:`${e}-menubutton`,onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},i("slot",{key:"39b976c808c4f44983f2d6a056bb128537cf1aae","aria-controls":`${e}-menu`,"aria-expanded":a(t),"aria-haspopup":"menu",name:E.dropdownTrigger,onSlotchange:this.updateTriggers})),i("div",{key:"57ba0f8d3632febcab69b706a73a910f54f09b62","aria-hidden":a(!t),class:"calcite-dropdown-wrapper",ref:this.setFloatingEl},i("div",{key:"ae7505fa472d323ad6aed6ea0dd2ab7fdf8e7e59","aria-labelledby":`${e}-menubutton`,class:{["calcite-dropdown-content"]:true,[f.animation]:true,[f.animationActive]:t},id:`${e}-menu`,ref:this.setScrollerAndTransitionEl,role:"menu"},i("slot",{key:"ae94137311b106fbed88dfde346002d87e4efcbb",onSlotchange:this.updateGroups})))))}async reposition(t=false){const{floatingEl:e,referenceEl:i,placement:s,overlayPositioning:o,filteredFlipPlacements:n}=this;return b(this,{floatingEl:e,referenceEl:i,overlayPositioning:o,placement:s,flipPlacements:n,type:"menu"},t)}closeCalciteDropdownOnClick(t){if(this.disabled||!this.open||t.composedPath().includes(this.el)){return}this.closeCalciteDropdown(false)}closeCalciteDropdownOnEvent(t){this.closeCalciteDropdown();t.stopPropagation()}closeCalciteDropdownOnOpenEvent(t){if(t.composedPath().includes(this.el)){return}this.open=false}pointerEnterHandler(){if(this.disabled||this.type!=="hover"){return}this.openCalciteDropdown()}pointerLeaveHandler(){if(this.disabled||this.type!=="hover"){return}this.closeCalciteDropdown()}getTraversableItems(){return this.items.filter((t=>!t.disabled&&!t.hidden))}calciteInternalDropdownItemKeyEvent(t){const{keyboardEvent:e}=t.detail;const i=e.target;const s=this.getTraversableItems();switch(e.key){case"Tab":this.open=false;this.updateTabIndexOfItems(i);break;case"ArrowDown":c(s,i,"next");break;case"ArrowUp":c(s,i,"previous");break;case"Home":c(s,i,"first");break;case"End":c(s,i,"last");break}t.stopPropagation()}handleItemSelect(t){this.updateSelectedItems();t.stopPropagation();this.calciteDropdownSelect.emit();if(!this.closeOnSelectDisabled||t.detail.requestedDropdownGroup.selectionMode==="none"){this.closeCalciteDropdown()}t.stopPropagation()}updateGroupScale(){this.groups?.forEach((t=>t.scale=this.scale))}onBeforeOpen(){this.calciteDropdownBeforeOpen.emit()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit()}updateSelectedItems(){this.selectedItems=this.items.filter((t=>t.selected))}getMaxScrollerHeight(){const{maxItems:t,items:e}=this;let i=0;let s=0;let o;this.groups.forEach((e=>{if(t>0&&i<t){Array.from(e.children).forEach(((e,n)=>{if(n===0){if(isNaN(o)){o=e.offsetTop}s+=o}if(i<t){s+=e.offsetHeight;i+=1}}))}}));return e.length>t?s:0}closeCalciteDropdown(t=true){this.open=false;if(t){r(this.triggers[0])}}getFocusableElement(t){if(!t){return}r(t)}updateTabIndexOfItems(t){this.items.forEach((e=>{e.tabIndex=t!==e?-1:0}))}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{open:["openHandler"],disabled:["handleDisabledChange"],flipPlacements:["flipPlacementsHandler"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],scale:["handlePropsChange"]}}};j.style=P;const O={container:"container",containerNone:"container--none-selection",icon:"dropdown-item-icon",iconEnd:"dropdown-item-icon--end",iconStart:"dropdown-item-icon--start",itemContent:"dropdown-item-content",link:"dropdown-link"};const A=":host{position:relative;display:block}.container{text-align:start}.dropdown-title{margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.dropdown-separator{display:block;block-size:1px;background-color:var(--calcite-color-border-3)}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .dropdown-title{padding:0.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .dropdown-title{padding:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .dropdown-title{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";const S=A;const F=class{constructor(i){t(this,i);this.calciteInternalDropdownItemChange=e(this,"calciteInternalDropdownItemChange",6);this.updateItems=()=>{Array.from(this.el.querySelectorAll("calcite-dropdown-item")).forEach((t=>t.selectionMode=this.selectionMode))};this.mutationObserver=z("mutation",(()=>this.updateItems()));this.groupTitle=undefined;this.scale="m";this.selectionMode="single"}handlePropsChange(){this.updateItems()}connectedCallback(){this.updateItems();this.mutationObserver?.observe(this.el,{childList:true})}componentWillLoad(){this.groupPosition=this.getGroupPosition()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){const t=this.groupTitle?i("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;const e=this.groupPosition>0?i("div",{class:"dropdown-separator",role:"separator"}):null;return i(s,{key:"5e46ca1eb8f37e5af6f9ff4f417a9290c84f2f69","aria-label":this.groupTitle,role:"group"},i("div",{key:"af52f0ab422c21b0c10620b61fc7b6445d277878",class:{[O.container]:true}},e,t,i("slot",{key:"e320a38a327d6ca9802c9664c93907df2705fbf3"})))}updateActiveItemOnChange(t){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.calciteInternalDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})}getGroupPosition(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{selectionMode:["handlePropsChange"]}}};F.style=S;const L=":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{position:relative;display:flex;flex-grow:1;align-items:center;outline-color:transparent}.container{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.container a{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-color:transparent}.dropdown-item-content{flex:1 1 auto;padding-block:0.125rem}.dropdown-item-icon{position:relative;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:scale(0.9)}:host([scale=s]) .container{padding-block:0.25rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .dropdown-item-icon,:host([scale=s]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .container{padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .dropdown-item-icon,:host([scale=m]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .container{padding-block:0.625rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .dropdown-item-icon,:host([scale=l]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-xl)}:host([scale=l]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-xl)}:host(:focus){outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, 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(:focus) .container{color:var(--calcite-color-text-1);text-decoration-line:none}:host(:hover:not([disabled])) .container,:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host(:hover:not([disabled])) .dropdown-link,:host(:active:not([disabled])) .dropdown-link{color:var(--calcite-color-text-1)}:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-3)}:host([selected]) .container:not(.container--none-selection),:host([selected]) .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .container:not(.container--none-selection) calcite-icon,:host([selected]) .dropdown-link calcite-icon{color:var(--calcite-color-brand)}:host(:hover:not([disabled])) .dropdown-item-icon{color:var(--calcite-color-border-1);opacity:1}:host([selected]) .dropdown-item-icon{color:var(--calcite-color-brand);opacity:1}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";const R=L;const T=class{constructor(i){t(this,i);this.calciteDropdownItemSelect=e(this,"calciteDropdownItemSelect",6);this.calciteInternalDropdownItemSelect=e(this,"calciteInternalDropdownItemSelect",6);this.calciteInternalDropdownItemKeyEvent=e(this,"calciteInternalDropdownItemKeyEvent",6);this.calciteInternalDropdownCloseRequest=e(this,"calciteInternalDropdownCloseRequest",6);this.disabled=false;this.href=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.iconEnd=undefined;this.label=undefined;this.rel=undefined;this.selected=false;this.target=undefined;this.selectionMode="single";this.scale="m"}async setFocus(){await y(this);this.el?.focus()}componentWillLoad(){x(this);this.initialize()}componentDidLoad(){D(this)}connectedCallback(){this.initialize()}componentDidRender(){w(this)}render(){const{href:t,selectionMode:e,label:o,iconFlipRtl:n}=this;const c=i("calcite-icon",{key:"46fd6784a80e78a149e6796018f495f33c9fe172",class:O.iconStart,flipRtl:n==="start"||n==="both",icon:this.iconStart,scale:C(this.scale)});const r=i("span",{key:"feee494a9e26fad963b71e5aacf3abf9084ec463",class:O.itemContent},i("slot",{key:"33e49b095819a250f469d457279f6a340ff31fd4"}));const l=i("calcite-icon",{key:"ea58bc58292cf76bcda6826e3c402079b0d3ad69",class:O.iconEnd,flipRtl:n==="end"||n==="both",icon:this.iconEnd,scale:C(this.scale)});const d=this.iconStart&&this.iconEnd?[c,r,l]:this.iconStart?[c,r]:this.iconEnd?[r,l]:r;const h=!t?d:i("a",{"aria-label":o,class:O.link,href:t,ref:t=>this.childLink=t,rel:this.rel,tabIndex:-1,target:this.target},d);const p=t?null:e==="single"?"menuitemradio":e==="multiple"?"menuitemcheckbox":"menuitem";const f=e!=="none"?a(this.selected):null;const{disabled:b}=this;return i(s,{key:"269693a7a036a7e39f4f8d529695df44f34df22a","aria-checked":f,"aria-label":!t?o:"",role:p,tabIndex:b?-1:0},i(v,{key:"0c644e048c9e30b8062cd60f7574c3e8fb631b4c",disabled:b},i("div",{key:"d5c9098d6c3007d5f05b28770074f6833a43d53f",class:{[O.container]:true,[O.containerNone]:e==="none"}},e!=="none"?i("calcite-icon",{class:O.icon,icon:e==="multiple"?"check":"bullet-point",scale:C(this.scale)}):null,h)))}onClick(){this.emitRequestedItem()}keyDownHandler(t){switch(t.key){case" ":case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}t.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit();t.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":t.preventDefault();this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break}}updateActiveItemOnChange(t){const e=t.composedPath().includes(this.parentDropdownGroupEl);if(e){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.determineActiveItem()}t.stopPropagation()}initialize(){this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group");if(this.selectionMode==="none"){this.selected=false}}determineActiveItem(){switch(this.selectionMode){case"multiple":if(this.el===this.requestedDropdownItem){this.selected=!this.selected}break;case"single":if(this.el===this.requestedDropdownItem){this.selected=true}else if(this.requestedDropdownGroup===this.parentDropdownGroupEl){this.selected=false}break;case"none":this.selected=false;break}}emitRequestedItem(){this.calciteDropdownItemSelect.emit();this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})}get el(){return o(this)}};T.style=R;export{j as calcite_dropdown,F as calcite_dropdown_group,T as calcite_dropdown_item};
-//# sourceMappingURL=p-51262907.entry.js.map

package/dist/calcite/p-51262907.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SLOTS","dropdownTrigger","dropdownCss","CalciteDropdownStyle0","Dropdown","this","items","groups","mutationObserver","createObserver","updateItems","resizeObserver","entries","resizeObserverCallback","openTransitionProp","guid","setFilteredPlacements","el","flipPlacements","filteredFlipPlacements","filterValidFlipPlacements","updateTriggers","event","triggers","target","assignedElements","flatten","reposition","map","group","Array","from","querySelectorAll","reduce","previousValue","currentValue","updateSelectedItems","forEach","item","scale","updateGroups","filter","matches","updateGroupScale","entry","referenceEl","setDropdownWidth","scrollerEl","setMaxScrollerHeight","referenceElWidth","clientWidth","style","minWidth","maxScrollerHeight","getMaxScrollerHeight","maxHeight","setScrollerAndTransitionEl","observe","transitionEl","setReferenceEl","connectFloatingUI","floatingEl","setFloatingEl","keyDownHandler","composedPath","includes","defaultPrevented","key","open","closeCalciteDropdown","preventDefault","shiftKey","isActivationKey","openCalciteDropdown","focusOnFirstActiveOrFirstItem","getFocusableElement","getTraversableItems","find","selected","toggleOpenEnd","removeEventListener","addEventListener","defaultMenuPlacement","openHandler","onToggleOpenCloseComponent","disabled","handleDisabledChange","value","flipPlacementsHandler","maxItemsHandler","overlayPositioningHandler","placementHandler","handlePropsChange","setFocus","componentFocusable","focusFirstTabbable","connectedCallback","childList","subtree","connectInteractive","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnect","disconnectInteractive","disconnectFloatingUI","render","h","Host","InteractiveContainer","class","id","onClick","onKeyDown","ref","toAriaBoolean","name","onSlotchange","FloatingCSS","animation","animationActive","role","delayed","placement","overlayPositioning","type","closeCalciteDropdownOnClick","closeCalciteDropdownOnEvent","stopPropagation","closeCalciteDropdownOnOpenEvent","pointerEnterHandler","pointerLeaveHandler","hidden","calciteInternalDropdownItemKeyEvent","keyboardEvent","detail","traversableItems","updateTabIndexOfItems","focusElementInGroup","handleItemSelect","calciteDropdownSelect","emit","closeOnSelectDisabled","requestedDropdownGroup","selectionMode","onBeforeOpen","calciteDropdownBeforeOpen","onOpen","calciteDropdownOpen","onBeforeClose","calciteDropdownBeforeClose","onClose","calciteDropdownClose","selectedItems","maxItems","itemsToProcess","groupHeaderHeight","children","index","isNaN","offsetTop","offsetHeight","length","focusTrigger","focusElement","tabIndex","CSS","container","containerNone","icon","iconEnd","iconStart","itemContent","link","dropdownGroupCss","CalciteDropdownGroupStyle0","DropdownGroup","groupPosition","getGroupPosition","groupTitle","dropdownSeparator","updateActiveItemOnChange","requestedDropdownItem","calciteInternalDropdownItemChange","prototype","indexOf","call","parentElement","dropdownItemCss","CalciteDropdownItemStyle0","DropdownItem","focus","initialize","href","label","iconFlipRtl","iconStartEl","flipRtl","getIconScale","contentNode","iconEndEl","slottedContent","contentEl","childLink","rel","itemRole","itemAria","emitRequestedItem","click","calciteInternalDropdownCloseRequest","parentEmittedChange","parentDropdownGroupEl","determineActiveItem","closest","calciteDropdownItemSelect","calciteInternalDropdownItemSelect"],"sources":["src/components/dropdown/resources.ts","src/components/dropdown/dropdown.scss?tag=calcite-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx","src/components/dropdown-item/resources.ts","src/components/dropdown-group/dropdown-group.scss?tag=calcite-dropdown-group&encapsulation=shadow","src/components/dropdown-group/dropdown-group.tsx","src/components/dropdown-item/dropdown-item.scss?tag=calcite-dropdown-item&encapsulation=shadow","src/components/dropdown-item/dropdown-item.tsx"],"sourcesContent":["export const SLOTS = {\n  dropdownTrigger: \"trigger\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-dropdown-width: Specifies the width of the component's wrapper.\n */\n\n:host {\n  @apply inline-block;\n}\n\n@include disabled();\n\n:host .calcite-dropdown-wrapper {\n  --calcite-floating-ui-z-index: theme(\"zIndex.dropdown\");\n  @include floating-ui-container();\n  @include floating-ui-wrapper();\n}\n\n@include floating-ui-elem-anim(\".calcite-dropdown-wrapper\");\n:host([open]) .calcite-dropdown-wrapper {\n  @include floating-ui-wrapper-active();\n}\n\n:host .calcite-dropdown-content {\n  @apply bg-foreground-1\n    w-auto\n    overflow-y-auto\n    overflow-x-hidden\n    max-h-menu;\n  inline-size: var(--calcite-dropdown-width);\n}\n.calcite-trigger-container {\n  @apply relative flex flex-auto h-full;\n  @include word-break;\n}\n\n@media (forced-colors: active) {\n  /* use real border since box-shadow is removed in high contrast mode */\n  :host([open]) .calcite-dropdown-wrapper {\n    border: 1px solid canvasText;\n  }\n}\n\n// width\n:host([width-scale=\"s\"]) {\n  --calcite-dropdown-width: theme(\"spacing.48\");\n}\n:host([width-scale=\"m\"]) {\n  --calcite-dropdown-width: theme(\"spacing.56\");\n}\n:host([width-scale=\"l\"]) {\n  --calcite-dropdown-width: theme(\"spacing.64\");\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  focusElement,\n  focusElementInGroup,\n  focusFirstTabbable,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport {\n  connectFloatingUI,\n  defaultMenuPlacement,\n  disconnectFloatingUI,\n  filterValidFlipPlacements,\n  FlipPlacement,\n  FloatingCSS,\n  FloatingUIComponent,\n  MenuPlacement,\n  OverlayPositioning,\n  reposition,\n} from \"../../utils/floating-ui\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { createObserver } from \"../../utils/observers\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { RequestedItem } from \"../dropdown-group/interfaces\";\nimport { Scale } from \"../interfaces\";\nimport { ItemKeyboardEvent } from \"./interfaces\";\nimport { SLOTS } from \"./resources\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown-group` elements. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set.\n * @slot trigger - A slot for the element that triggers the `calcite-dropdown`.\n */\n@Component({\n  tag: \"calcite-dropdown\",\n  styleUrl: \"dropdown.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Dropdown\n  implements InteractiveComponent, LoadableComponent, OpenCloseComponent, FloatingUIComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, displays and positions the component.\n   */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n\n    if (this.disabled) {\n      this.open = false;\n      return;\n    }\n\n    this.reposition(true);\n  }\n\n  /**\n   * When `true`, the component will remain open after a selection is made.\n   *\n   * If the `selectionMode` of the selected `calcite-dropdown-item`'s containing `calcite-dropdown-group` is `\"none\"`, the component will always close.\n   *\n   */\n  @Prop({ reflect: true }) closeOnSelectDisabled = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  handleDisabledChange(value: boolean): void {\n    if (!value) {\n      this.open = false;\n    }\n  }\n\n  /**\n   * Defines the available placements that can be used when a flip occurs.\n   */\n  @Prop() flipPlacements: FlipPlacement[];\n\n  @Watch(\"flipPlacements\")\n  flipPlacementsHandler(): void {\n    this.setFilteredPlacements();\n    this.reposition(true);\n  }\n\n  /**\n   * Specifies the maximum number of `calcite-dropdown-item`s to display before showing a scroller.\n   * Value must be greater than `0`, and does not include `groupTitle`'s from `calcite-dropdown-group`.\n   */\n  @Prop({ reflect: true }) maxItems = 0;\n\n  @Watch(\"maxItems\")\n  maxItemsHandler(): void {\n    this.setMaxScrollerHeight();\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  @Watch(\"overlayPositioning\")\n  overlayPositioningHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Determines where the component will be positioned relative to the container element.\n   *\n   * @default \"bottom-start\"\n   */\n  @Prop({ reflect: true }) placement: MenuPlacement = defaultMenuPlacement;\n\n  @Watch(\"placement\")\n  placementHandler(): void {\n    this.reposition(true);\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteDropdownItemElement[] = [];\n\n  /**\n   * Specifies the action to open the component from the container element.\n   */\n  @Prop({ reflect: true }) type: \"hover\" | \"click\" = \"click\";\n\n  /**\n   * Specifies the width of the component.\n   */\n  @Prop({ reflect: true }) widthScale: Scale;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  @Watch(\"scale\")\n  handlePropsChange(): void {\n    this.updateItems();\n    this.updateGroupScale();\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    focusFirstTabbable(this.referenceEl);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n    this.setFilteredPlacements();\n    if (this.open) {\n      this.openHandler();\n      onToggleOpenCloseComponent(this);\n    }\n    connectInteractive(this);\n    this.updateItems();\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n    this.resizeObserver?.disconnect();\n    disconnectInteractive(this);\n    disconnectFloatingUI(this, this.referenceEl, this.floatingEl);\n  }\n\n  render(): VNode {\n    const { open, guid } = this;\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            class=\"calcite-trigger-container\"\n            id={`${guid}-menubutton`}\n            onClick={this.openCalciteDropdown}\n            onKeyDown={this.keyDownHandler}\n            ref={this.setReferenceEl}\n          >\n            <slot\n              aria-controls={`${guid}-menu`}\n              aria-expanded={toAriaBoolean(open)}\n              aria-haspopup=\"menu\"\n              name={SLOTS.dropdownTrigger}\n              onSlotchange={this.updateTriggers}\n            />\n          </div>\n          <div\n            aria-hidden={toAriaBoolean(!open)}\n            class=\"calcite-dropdown-wrapper\"\n            ref={this.setFloatingEl}\n          >\n            <div\n              aria-labelledby={`${guid}-menubutton`}\n              class={{\n                [\"calcite-dropdown-content\"]: true,\n                [FloatingCSS.animation]: true,\n                [FloatingCSS.animationActive]: open,\n              }}\n              id={`${guid}-menu`}\n              ref={this.setScrollerAndTransitionEl}\n              role=\"menu\"\n            >\n              <slot onSlotchange={this.updateGroups} />\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Updates the position of the component.\n   *\n   * @param delayed\n   */\n  @Method()\n  async reposition(delayed = false): Promise<void> {\n    const { floatingEl, referenceEl, placement, overlayPositioning, filteredFlipPlacements } = this;\n\n    return reposition(\n      this,\n      {\n        floatingEl,\n        referenceEl,\n        overlayPositioning,\n        placement,\n        flipPlacements: filteredFlipPlacements,\n        type: \"menu\",\n      },\n      delayed,\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when a `calcite-dropdown-item`'s selection changes. */\n  @Event({ cancelable: false }) calciteDropdownSelect: EventEmitter<void>;\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteDropdownBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteDropdownClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteDropdownBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteDropdownOpen: EventEmitter<void>;\n\n  @Listen(\"click\", { target: \"window\" })\n  closeCalciteDropdownOnClick(event: PointerEvent): void {\n    if (this.disabled || !this.open || event.composedPath().includes(this.el)) {\n      return;\n    }\n\n    this.closeCalciteDropdown(false);\n  }\n\n  @Listen(\"calciteInternalDropdownCloseRequest\")\n  closeCalciteDropdownOnEvent(event: Event): void {\n    this.closeCalciteDropdown();\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteDropdownOpen\", { target: \"window\" })\n  closeCalciteDropdownOnOpenEvent(event: Event): void {\n    if (event.composedPath().includes(this.el)) {\n      return;\n    }\n\n    this.open = false;\n  }\n\n  @Listen(\"pointerenter\")\n  pointerEnterHandler(): void {\n    if (this.disabled || this.type !== \"hover\") {\n      return;\n    }\n\n    this.openCalciteDropdown();\n  }\n\n  @Listen(\"pointerleave\")\n  pointerLeaveHandler(): void {\n    if (this.disabled || this.type !== \"hover\") {\n      return;\n    }\n\n    this.closeCalciteDropdown();\n  }\n\n  private getTraversableItems(): HTMLCalciteDropdownItemElement[] {\n    return this.items.filter((item) => !item.disabled && !item.hidden);\n  }\n\n  @Listen(\"calciteInternalDropdownItemKeyEvent\")\n  calciteInternalDropdownItemKeyEvent(event: CustomEvent<ItemKeyboardEvent>): void {\n    const { keyboardEvent } = event.detail;\n    const target = keyboardEvent.target as HTMLCalciteDropdownItemElement;\n    const traversableItems = this.getTraversableItems();\n\n    switch (keyboardEvent.key) {\n      case \"Tab\":\n        this.open = false;\n        this.updateTabIndexOfItems(target);\n        break;\n      case \"ArrowDown\":\n        focusElementInGroup(traversableItems, target, \"next\");\n        break;\n      case \"ArrowUp\":\n        focusElementInGroup(traversableItems, target, \"previous\");\n        break;\n      case \"Home\":\n        focusElementInGroup(traversableItems, target, \"first\");\n        break;\n      case \"End\":\n        focusElementInGroup(traversableItems, target, \"last\");\n        break;\n    }\n\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalDropdownItemSelect\")\n  handleItemSelect(event: CustomEvent<RequestedItem>): void {\n    this.updateSelectedItems();\n    event.stopPropagation();\n    this.calciteDropdownSelect.emit();\n    if (\n      !this.closeOnSelectDisabled ||\n      event.detail.requestedDropdownGroup.selectionMode === \"none\"\n    ) {\n      this.closeCalciteDropdown();\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownElement;\n\n  filteredFlipPlacements: FlipPlacement[];\n\n  private items: HTMLCalciteDropdownItemElement[] = [];\n\n  private groups: HTMLCalciteDropdownGroupElement[] = [];\n\n  /** trigger elements */\n  private triggers: HTMLElement[];\n\n  floatingEl: HTMLDivElement;\n\n  referenceEl: HTMLDivElement;\n\n  private scrollerEl: HTMLDivElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  resizeObserver = createObserver(\"resize\", (entries) => this.resizeObserverCallback(entries));\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLDivElement;\n\n  guid = `calcite-dropdown-${guid()}`;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  setFilteredPlacements = (): void => {\n    const { el, flipPlacements } = this;\n\n    this.filteredFlipPlacements = flipPlacements\n      ? filterValidFlipPlacements(flipPlacements, el)\n      : null;\n  };\n\n  updateTriggers = (event: Event): void => {\n    this.triggers = (event.target as HTMLSlotElement).assignedElements({\n      flatten: true,\n    }) as HTMLElement[];\n\n    this.reposition(true);\n  };\n\n  updateItems = (): void => {\n    this.items = this.groups\n      .map((group) => Array.from(group?.querySelectorAll(\"calcite-dropdown-item\")))\n      .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);\n\n    this.updateSelectedItems();\n\n    this.reposition(true);\n\n    this.items.forEach((item) => (item.scale = this.scale));\n  };\n\n  updateGroups = (event: Event): void => {\n    const groups = (event.target as HTMLSlotElement)\n      .assignedElements({ flatten: true })\n      .filter((el) => el?.matches(\"calcite-dropdown-group\")) as HTMLCalciteDropdownGroupElement[];\n\n    this.groups = groups;\n\n    this.updateItems();\n    this.updateGroupScale();\n  };\n\n  private updateGroupScale(): void {\n    this.groups?.forEach((group) => (group.scale = this.scale));\n  }\n\n  resizeObserverCallback = (entries: ResizeObserverEntry[]): void => {\n    entries.forEach((entry) => {\n      const { target } = entry;\n      if (target === this.referenceEl) {\n        this.setDropdownWidth();\n      } else if (target === this.scrollerEl) {\n        this.setMaxScrollerHeight();\n      }\n    });\n  };\n\n  setDropdownWidth = (): void => {\n    const { referenceEl, scrollerEl } = this;\n    const referenceElWidth = referenceEl?.clientWidth;\n\n    if (!referenceElWidth || !scrollerEl) {\n      return;\n    }\n\n    scrollerEl.style.minWidth = `${referenceElWidth}px`;\n  };\n\n  setMaxScrollerHeight = (): void => {\n    const { scrollerEl } = this;\n    if (!scrollerEl) {\n      return;\n    }\n\n    this.reposition(true);\n    const maxScrollerHeight = this.getMaxScrollerHeight();\n    scrollerEl.style.maxHeight = maxScrollerHeight > 0 ? `${maxScrollerHeight}px` : \"\";\n    this.reposition(true);\n  };\n\n  setScrollerAndTransitionEl = (el: HTMLDivElement): void => {\n    this.resizeObserver.observe(el);\n    this.scrollerEl = el;\n\n    this.transitionEl = el;\n  };\n\n  onBeforeOpen(): void {\n    this.calciteDropdownBeforeOpen.emit();\n  }\n\n  onOpen(): void {\n    this.calciteDropdownOpen.emit();\n  }\n\n  onBeforeClose(): void {\n    this.calciteDropdownBeforeClose.emit();\n  }\n\n  onClose(): void {\n    this.calciteDropdownClose.emit();\n  }\n\n  setReferenceEl = (el: HTMLDivElement): void => {\n    this.referenceEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n    this.resizeObserver.observe(el);\n  };\n\n  setFloatingEl = (el: HTMLDivElement): void => {\n    this.floatingEl = el;\n    connectFloatingUI(this, this.referenceEl, this.floatingEl);\n  };\n\n  private keyDownHandler = (event: KeyboardEvent): void => {\n    if (!event.composedPath().includes(this.referenceEl)) {\n      return;\n    }\n\n    const { defaultPrevented, key } = event;\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (this.open) {\n      if (key === \"Escape\") {\n        this.closeCalciteDropdown();\n        event.preventDefault();\n        return;\n      } else if (event.shiftKey && key === \"Tab\") {\n        this.closeCalciteDropdown();\n        event.preventDefault();\n        return;\n      }\n    }\n\n    if (isActivationKey(key)) {\n      this.openCalciteDropdown();\n      event.preventDefault();\n    } else if (key === \"Escape\") {\n      this.closeCalciteDropdown();\n      event.preventDefault();\n    }\n  };\n\n  private updateSelectedItems(): void {\n    this.selectedItems = this.items.filter((item) => item.selected);\n  }\n\n  private getMaxScrollerHeight(): number {\n    const { maxItems, items } = this;\n    let itemsToProcess = 0;\n    let maxScrollerHeight = 0;\n    let groupHeaderHeight: number;\n\n    this.groups.forEach((group) => {\n      if (maxItems > 0 && itemsToProcess < maxItems) {\n        Array.from(group.children).forEach((item: HTMLCalciteDropdownItemElement, index) => {\n          if (index === 0) {\n            if (isNaN(groupHeaderHeight)) {\n              groupHeaderHeight = item.offsetTop;\n            }\n\n            maxScrollerHeight += groupHeaderHeight;\n          }\n\n          if (itemsToProcess < maxItems) {\n            maxScrollerHeight += item.offsetHeight;\n            itemsToProcess += 1;\n          }\n        });\n      }\n    });\n\n    return items.length > maxItems ? maxScrollerHeight : 0;\n  }\n\n  private closeCalciteDropdown(focusTrigger = true) {\n    this.open = false;\n\n    if (focusTrigger) {\n      focusElement(this.triggers[0]);\n    }\n  }\n\n  private focusOnFirstActiveOrFirstItem = (): void => {\n    this.getFocusableElement(\n      this.getTraversableItems().find((item) => item.selected) || this.items[0],\n    );\n  };\n\n  private getFocusableElement(item: HTMLCalciteDropdownItemElement): void {\n    if (!item) {\n      return;\n    }\n\n    focusElement(item);\n  }\n\n  private toggleOpenEnd = (): void => {\n    this.focusOnFirstActiveOrFirstItem();\n    this.el.removeEventListener(\"calciteDropdownOpen\", this.toggleOpenEnd);\n  };\n\n  private openCalciteDropdown = () => {\n    this.open = !this.open;\n    if (this.open) {\n      this.el.addEventListener(\"calciteDropdownOpen\", this.toggleOpenEnd);\n    }\n  };\n\n  private updateTabIndexOfItems(target: HTMLCalciteDropdownItemElement): void {\n    this.items.forEach((item: HTMLCalciteDropdownItemElement) => {\n      item.tabIndex = target !== item ? -1 : 0;\n    });\n  }\n}\n","export const CSS = {\n  container: \"container\",\n  containerNone: \"container--none-selection\",\n  icon: \"dropdown-item-icon\",\n  iconEnd: \"dropdown-item-icon--end\",\n  iconStart: \"dropdown-item-icon--start\",\n  itemContent: \"dropdown-item-content\",\n  link: \"dropdown-link\",\n};\n",":host {\n  // we make the host relative, so items can consistently compute their offsetTop based on the group\n  @apply block relative;\n}\n\n.container {\n  @apply text-start;\n}\n\n.dropdown-title {\n  @apply border-color-3\n  text-color-2\n  -mb-px\n  block\n  cursor-default\n  break-words\n  border-0\n  border-b\n  border-solid\n  font-bold;\n}\n\n.dropdown-separator {\n  @apply block h-px;\n  background-color: theme(\"borderColor.color.3\");\n}\n\n:host([scale=\"s\"]) {\n  @apply text-n2h;\n  .dropdown-title {\n    @apply p-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  @apply text-n1h;\n  .dropdown-title {\n    @apply p-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  @apply text-0h;\n  .dropdown-title {\n    @apply p-4;\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS } from \"../dropdown-item/resources\";\nimport { RequestedItem } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding `calcite-dropdown-item`s.\n */\n@Component({\n  tag: \"calcite-dropdown-group\",\n  styleUrl: \"dropdown-group.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class DropdownGroup {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies and displays a group title. */\n  @Prop({ reflect: true }) groupTitle: string;\n\n  /**\n   * Specifies the size of the component inherited from the parent `calcite-dropdown`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection, and\n   *\n   * `\"none\"` does not allow any selections.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\"none\" | \"single\" | \"multiple\", SelectionMode> =\n    \"single\";\n\n  @Watch(\"selectionMode\")\n  handlePropsChange(): void {\n    this.updateItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDropdownItemChange: EventEmitter<RequestedItem>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.updateItems();\n    this.mutationObserver?.observe(this.el, { childList: true });\n  }\n\n  componentWillLoad(): void {\n    this.groupPosition = this.getGroupPosition();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const groupTitle = this.groupTitle ? (\n      <span aria-hidden=\"true\" class=\"dropdown-title\">\n        {this.groupTitle}\n      </span>\n    ) : null;\n\n    const dropdownSeparator =\n      this.groupPosition > 0 ? <div class=\"dropdown-separator\" role=\"separator\" /> : null;\n\n    return (\n      <Host aria-label={this.groupTitle} role=\"group\">\n        <div\n          class={{\n            [CSS.container]: true,\n          }}\n        >\n          {dropdownSeparator}\n          {groupTitle}\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalDropdownItemSelect\")\n  updateActiveItemOnChange(event: CustomEvent): void {\n    this.requestedDropdownGroup = event.detail.requestedDropdownGroup;\n    this.requestedDropdownItem = event.detail.requestedDropdownItem;\n    this.calciteInternalDropdownItemChange.emit({\n      requestedDropdownGroup: this.requestedDropdownGroup,\n      requestedDropdownItem: this.requestedDropdownItem,\n    });\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownGroupElement;\n\n  /** position of group within a dropdown */\n  private groupPosition: number;\n\n  /** the requested group */\n  private requestedDropdownGroup: HTMLCalciteDropdownGroupElement;\n\n  /** the requested item */\n  private requestedDropdownItem: HTMLCalciteDropdownItemElement;\n\n  private updateItems = (): void => {\n    Array.from(this.el.querySelectorAll(\"calcite-dropdown-item\")).forEach(\n      (item) => (item.selectionMode = this.selectionMode),\n    );\n  };\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private getGroupPosition(): number {\n    return Array.prototype.indexOf.call(\n      this.el.parentElement.querySelectorAll(\"calcite-dropdown-group\"),\n      this.el,\n    );\n  }\n}\n","@mixin item-styling {\n  @apply text-color-3\n    relative\n    flex\n    flex-grow\n    cursor-pointer\n    items-center\n    no-underline\n    duration-150\n    ease-in-out;\n}\n\n:host {\n  @apply relative\n    flex\n    flex-grow\n    items-center\n    focus-base;\n}\n\n.container {\n  @include item-styling;\n  @apply text-start;\n\n  & a {\n    @include item-styling;\n    @apply focus-base;\n  }\n}\n\n.dropdown-item-content {\n  @apply flex-auto py-0.5;\n}\n\n// item icon\n.dropdown-item-icon {\n  @apply relative\n    opacity-0\n    duration-150\n    ease-in-out;\n  transform: scale(0.9);\n}\n\n:host([scale=\"s\"]) {\n  .container {\n    @apply text-n2h py-1 px-2;\n  }\n\n  .dropdown-item-icon,\n  .dropdown-item-icon--start {\n    padding-inline-end: var(--calcite-spacing-sm);\n  }\n\n  .dropdown-item-icon--end {\n    padding-inline-start: var(--calcite-spacing-sm);\n  }\n}\n\n:host([scale=\"m\"]) {\n  .container {\n    @apply text-n1h py-2 px-3;\n  }\n\n  .dropdown-item-icon,\n  .dropdown-item-icon--start {\n    padding-inline-end: var(--calcite-spacing-md);\n  }\n\n  .dropdown-item-icon--end {\n    padding-inline-start: var(--calcite-spacing-md);\n  }\n}\n\n:host([scale=\"l\"]) {\n  .container {\n    @apply text-0h py-2.5 px-4;\n  }\n\n  .dropdown-item-icon,\n  .dropdown-item-icon--start {\n    padding-inline-end: var(--calcite-spacing-xl);\n  }\n\n  .dropdown-item-icon--end {\n    padding-inline-start: var(--calcite-spacing-xl);\n  }\n}\n\n//focus\n:host(:focus) {\n  @apply focus-inset outline-none;\n\n  .container {\n    @apply text-color-1 no-underline;\n  }\n}\n\n:host(:hover:not([disabled])),\n:host(:active:not([disabled])) {\n  .container {\n    @apply bg-foreground-2 text-color-1 no-underline;\n  }\n\n  .dropdown-link {\n    @apply text-color-1;\n  }\n}\n\n:host(:active:not([disabled])) .container {\n  @apply bg-foreground-3;\n}\n\n:host([selected]) .container:not(.container--none-selection),\n:host([selected]) .dropdown-link {\n  @apply text-color-1 font-medium;\n  & calcite-icon {\n    color: theme(\"backgroundColor.brand\");\n  }\n}\n\n:host(:hover:not([disabled])) .dropdown-item-icon {\n  color: theme(\"borderColor.color.1\");\n  @apply opacity-100;\n}\n\n:host([selected]) .dropdown-item-icon {\n  color: theme(\"backgroundColor.brand\");\n  @apply opacity-100;\n}\n\n@include base-component();\n@include disabled();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { ItemKeyboardEvent } from \"../dropdown/interfaces\";\nimport { RequestedItem } from \"../dropdown-group/interfaces\";\nimport { FlipContext, Scale, SelectionMode } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { getIconScale } from \"../../utils/component\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { CSS } from \"./resources\";\n\n/**\n * @slot - A slot for adding text.\n */\n@Component({\n  tag: \"calcite-dropdown-item\",\n  styleUrl: \"dropdown-item.scss\",\n  shadow: true,\n})\nexport class DropdownItem implements InteractiveComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   *  Specifies the URL of the linked resource, which can be set as an absolute or relative path.\n   *\n   * Determines if the component will render as an anchor.\n   */\n  @Prop({ reflect: true }) href: 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: IconNameOrString;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: IconNameOrString;\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /** Specifies the relationship to the linked document defined in `href`. */\n  @Prop({ reflect: true }) rel: string;\n\n  /** When `true`, the component is selected. */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /** Specifies the frame or window to open the linked document. */\n  @Prop({ reflect: true }) target: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is selected. */\n  @Event({ cancelable: false }) calciteDropdownItemSelect: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalDropdownItemSelect: EventEmitter<RequestedItem>;\n\n  /** @internal */\n  @Event({ cancelable: false })\n  calciteInternalDropdownItemKeyEvent: EventEmitter<ItemKeyboardEvent>;\n\n  /** @internal */\n  @Event({ cancelable: false }) calciteInternalDropdownCloseRequest: EventEmitter<void>;\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\n    this.el?.focus();\n  }\n\n  /**\n   * Specifies the selection mode inherited from `calcite-dropdown-group`, defaults to `single`:\n   * - `multiple` allows any number of selected items,\n   * - `single` allows only one selection (default),\n   * - `none` doesn't allow for any selection.\n   *\n   * @internal\n   */\n  @Prop() selectionMode: Extract<\"none\" | \"single\" | \"multiple\", SelectionMode> = \"single\";\n\n  /**\n   * Specifies the size of the component inherited from `calcite-dropdown`, defaults to `m`.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n    this.initialize();\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  connectedCallback(): void {\n    this.initialize();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    const { href, selectionMode, label, iconFlipRtl } = this;\n\n    const iconStartEl = (\n      <calcite-icon\n        class={CSS.iconStart}\n        flipRtl={iconFlipRtl === \"start\" || iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale={getIconScale(this.scale)}\n      />\n    );\n    const contentNode = (\n      <span class={CSS.itemContent}>\n        <slot />\n      </span>\n    );\n    const iconEndEl = (\n      <calcite-icon\n        class={CSS.iconEnd}\n        flipRtl={iconFlipRtl === \"end\" || iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const slottedContent =\n      this.iconStart && this.iconEnd\n        ? [iconStartEl, contentNode, iconEndEl]\n        : this.iconStart\n          ? [iconStartEl, contentNode]\n          : this.iconEnd\n            ? [contentNode, iconEndEl]\n            : contentNode;\n\n    const contentEl = !href ? (\n      slottedContent\n    ) : (\n      <a\n        aria-label={label}\n        class={CSS.link}\n        href={href}\n        ref={(el) => (this.childLink = el)}\n        rel={this.rel}\n        tabIndex={-1}\n        target={this.target}\n      >\n        {slottedContent}\n      </a>\n    );\n\n    const itemRole = href\n      ? null\n      : selectionMode === \"single\"\n        ? \"menuitemradio\"\n        : selectionMode === \"multiple\"\n          ? \"menuitemcheckbox\"\n          : \"menuitem\";\n\n    const itemAria = selectionMode !== \"none\" ? toAriaBoolean(this.selected) : null;\n    const { disabled } = this;\n\n    return (\n      <Host\n        aria-checked={itemAria}\n        aria-label={!href ? label : \"\"}\n        role={itemRole}\n        tabIndex={disabled ? -1 : 0}\n      >\n        <InteractiveContainer disabled={disabled}>\n          <div\n            class={{\n              [CSS.container]: true,\n              [CSS.containerNone]: selectionMode === \"none\",\n            }}\n          >\n            {selectionMode !== \"none\" ? (\n              <calcite-icon\n                class={CSS.icon}\n                icon={selectionMode === \"multiple\" ? \"check\" : \"bullet-point\"}\n                scale={getIconScale(this.scale)}\n              />\n            ) : null}\n            {contentEl}\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"click\") onClick(): void {\n    this.emitRequestedItem();\n  }\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        this.emitRequestedItem();\n        if (this.href) {\n          this.childLink.click();\n        }\n        event.preventDefault();\n        break;\n      case \"Escape\":\n        this.calciteInternalDropdownCloseRequest.emit();\n        event.preventDefault();\n        break;\n      case \"Tab\":\n        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });\n        break;\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n      case \"Home\":\n      case \"End\":\n        event.preventDefault();\n        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });\n        break;\n    }\n  }\n\n  @Listen(\"calciteInternalDropdownItemChange\", { target: \"body\" })\n  updateActiveItemOnChange(event: CustomEvent): void {\n    const parentEmittedChange = event.composedPath().includes(this.parentDropdownGroupEl);\n\n    if (parentEmittedChange) {\n      this.requestedDropdownGroup = event.detail.requestedDropdownGroup;\n      this.requestedDropdownItem = event.detail.requestedDropdownItem;\n      this.determineActiveItem();\n    }\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteDropdownItemElement;\n\n  /** id of containing group */\n  private parentDropdownGroupEl: HTMLCalciteDropdownGroupElement;\n\n  /** requested group */\n  private requestedDropdownGroup: HTMLCalciteDropdownGroupElement;\n\n  /** requested item */\n  private requestedDropdownItem: HTMLCalciteDropdownItemElement;\n\n  /** if href is requested, track the rendered child link*/\n  private childLink: HTMLAnchorElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private initialize(): void {\n    this.parentDropdownGroupEl = this.el.closest(\"calcite-dropdown-group\");\n    if (this.selectionMode === \"none\") {\n      this.selected = false;\n    }\n  }\n\n  private determineActiveItem(): void {\n    switch (this.selectionMode) {\n      case \"multiple\":\n        if (this.el === this.requestedDropdownItem) {\n          this.selected = !this.selected;\n        }\n        break;\n\n      case \"single\":\n        if (this.el === this.requestedDropdownItem) {\n          this.selected = true;\n        } else if (this.requestedDropdownGroup === this.parentDropdownGroupEl) {\n          this.selected = false;\n        }\n        break;\n\n      case \"none\":\n        this.selected = false;\n        break;\n    }\n  }\n\n  private emitRequestedItem(): void {\n    this.calciteDropdownItemSelect.emit();\n    this.calciteInternalDropdownItemSelect.emit({\n      requestedDropdownItem: this.el,\n      requestedDropdownGroup: this.parentDropdownGroupEl,\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-54cee839.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.0
- */
-import{r as e,c as t,h as n,g as o}from"./p-e7104b8d.js";import{c as i,d as c,u as a,I as s}from"./p-8f8cbbc7.js";import{b as l,t as r}from"./p-27ab49c7.js";import{c as d,a as h,s as p}from"./p-5b45eef3.js";import"./p-3c4fe54e.js";import"./p-6f580f9d.js";import"./p-56bab01f.js";const b={container:"container",contentContainer:"content-container",contentContainerHasContent:"content-container--has-content",contentContainerHasOnlyContentTopAndBottom:"content-container--has-only-content-top-and-bottom",textContentContainer:"text-content-container",description:"description",heading:"heading",icon:"icon",interactive:"interactive",largeVisualDeprecated:"large-visual-deprecated",row:"row",selected:"selected",selectionIcon:"selection-icon",textContent:"text-content"};const m={selectedMultiple:"check-square-f",selectedSingle:"circle-f",unselectedMultiple:"square",unselectedSingle:"circle"};const f={contentBottom:"content-bottom",contentEnd:"content-end",contentStart:"content-start",contentTop:"content-top"};const v=':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{--calcite-tile-background-color:var(--calcite-color-foreground-1);--calcite-tile-border-color:var(--calcite-color-border-2);--calcite-tile-description-text-color:var(--calcite-color-text-3);--calcite-tile-heading-text-color:var(--calcite-color-text-2);--calcite-icon-color:var(--calcite-color-text-3);box-sizing:border-box;display:inline-block}.container{background-color:var(--calcite-tile-background-color);block-size:var(--calcite-container-size-content-fluid);box-sizing:border-box;inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color);-webkit-user-select:none;user-select:none}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-color-brand);position:relative}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{--calcite-icon-color:var(--calcite-color-brand)}.container.interactive.selected{z-index:var(--calcite-z-index)}.container.interactive:focus{box-shadow:inset 0 0 0 1px var(--calcite-color-brand);z-index:var(--calcite-z-index-sticky)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{color:var(--calcite-tile-heading-text-color);font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated calcite-icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .text-content-container{justify-content:center}.description{color:var(--calcite-tile-description-text-color);font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content-container{justify-content:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-start]::slotted(*),:host([alignment=center]) slot[name=content-end]::slotted(*),:host([alignment=center]) slot[name=content-top]::slotted(*),:host([alignment=center]) slot[name=content-bottom]::slotted(*){align-self:center}:host([scale=s]){max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .container{padding:var(--calcite-spacing-sm)}:host([scale=s]) .content-container--has-content,:host([scale=s]) .row{gap:var(--calcite-spacing-sm)}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:0.85938rem}:host([scale=s]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]){max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .container{padding:var(--calcite-spacing-md)}:host([scale=m]) .content-container--has-content,:host([scale=m]) .row{gap:var(--calcite-spacing-md)}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=m]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-spacing-md)}:host([scale=l]){max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .container{padding:var(--calcite-spacing-xl)}:host([scale=l]) .content-container--has-content,:host([scale=l]) .row{gap:var(--calcite-spacing-xl)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=l]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-spacing-xl)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus::before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus::before{block-size:100%;box-shadow:inset 0 0 0 1px var(--calcite-color-brand);content:"";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0 -4px 0 0 var(--calcite-color-brand)}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0 0 0 var(--calcite-color-brand)}:host([href]:focus:not([disabled])),:host([href]:hover:not([disabled])){--calcite-tile-border-color:var(--calcite-color-text-link);--calcite-tile-heading-text-color:var(--calcite-color-text-link);--calcite-icon-color:var(--calcite-color-text-link)}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{position:relative;z-index:var(--calcite-z-index)}:host([href]:active:not([disabled])) .container{box-shadow:0 0 0 3px var(--calcite-tile-border-color)}:host([embed]) .container{box-shadow:none;padding:0}:host([selection-mode=none]) .container{outline-color:var(--calcite-tile-border-color)}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-color-brand);position:relative}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host(:hover:not([disabled])),:host([active]:not([disabled])){--calcite-tile-description-text-color:var(--calcite-color-text-2);--calcite-tile-heading-text-color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}';const g=v;const u=class{constructor(n){e(this,n);this.calciteInternalTileKeyEvent=t(this,"calciteInternalTileKeyEvent",6);this.calciteTileSelect=t(this,"calciteTileSelect",7);this.clickHandler=()=>{if(this.interactive){this.setFocus();this.handleSelectEvent()}};this.handleSelectEvent=()=>{if(this.disabled||!this.interactive||this.selectionMode==="single-persist"&&this.selected===true){return}this.calciteTileSelect.emit()};this.handleSlotChange=e=>{const t=e.target.dataset.name;this[`has${t}`]=l(e)};this.setContainerEl=e=>{this.containerEl=e};this.active=false;this.alignment="start";this.description=undefined;this.disabled=false;this.embed=false;this.heading=undefined;this.href=undefined;this.icon=undefined;this.iconFlipRtl=false;this.interactive=false;this.label=undefined;this.layout="horizontal";this.scale="m";this.selected=false;this.selectionAppearance="icon";this.selectionMode="none";this.hasContentBottom=false;this.hasContentEnd=false;this.hasContentStart=false;this.hasContentTop=false}async setFocus(){await d(this);if(!this.disabled&&this.interactive){this.containerEl?.focus()}}connectedCallback(){i(this)}componentDidLoad(){h(this)}disconnectedCallback(){c(this)}componentDidRender(){a(this)}async componentWillLoad(){p(this)}keyDownHandler(e){if(e.target===this.el){switch(e.key){case" ":case"Enter":this.handleSelectEvent();e.preventDefault();break;case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"Home":case"End":this.calciteInternalTileKeyEvent.emit(e);e.preventDefault();break}}}renderSelectionIcon(){const{selected:e,selectionAppearance:t,selectionMode:o}=this;if(t==="icon"&&o!=="none"){return n("calcite-icon",{class:b.selectionIcon,icon:e?o==="multiple"?m.selectedMultiple:m.selectedSingle:o==="multiple"?m.unselectedMultiple:m.unselectedSingle,scale:"s"})}return}renderTile(){const{description:e,disabled:t,hasContentBottom:o,hasContentEnd:i,hasContentStart:c,hasContentTop:a,heading:s,icon:l,iconFlipRtl:d,interactive:h,selectionMode:p}=this;const m=s&&l&&!e;const v=Boolean(this.href)||!h;const g=p==="multiple"&&h?"checkbox":p!=="none"&&h?"radio":h?"button":undefined;const u=!!(e||i||c||s||l);const x=!u&&a&&o;return n("div",{"aria-checked":p!=="none"&&h?r(this.selected):undefined,"aria-disabled":v?r(t):undefined,"aria-label":g&&this.label,class:{[b.container]:true,[b.interactive]:h,[b.largeVisualDeprecated]:m,[b.row]:true,[b.selected]:this.selected},onClick:this.clickHandler,ref:this.setContainerEl,role:g,tabIndex:v?undefined:0},this.renderSelectionIcon(),n("div",{class:{[b.contentContainer]:true,[b.contentContainerHasContent]:u,[b.contentContainerHasOnlyContentTopAndBottom]:x}},n("slot",{"data-name":"ContentTop",name:f.contentTop,onSlotchange:this.handleSlotChange}),l&&n("calcite-icon",{class:b.icon,flipRtl:d,icon:l,scale:"l"}),n("div",{class:{[b.textContentContainer]:true,[b.row]:true}},n("slot",{"data-name":"ContentStart",name:f.contentStart,onSlotchange:this.handleSlotChange}),n("div",{class:b.textContent},s&&n("div",{class:b.heading},s),e&&n("div",{class:b.description},e)),n("slot",{"data-name":"ContentEnd",name:f.contentEnd,onSlotchange:this.handleSlotChange})),n("slot",{"data-name":"ContentBottom",name:f.contentBottom,onSlotchange:this.handleSlotChange})))}render(){const{disabled:e}=this;return n(s,{key:"f865a9a77fa149a492adf4ccb7d620928ad1991e",disabled:e},this.href?n("calcite-link",{disabled:e,href:this.href},this.renderTile()):this.renderTile())}get el(){return o(this)}};u.style=g;export{u as calcite_tile};
-//# sourceMappingURL=p-54cee839.entry.js.map

package/dist/calcite/p-54cee839.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","container","contentContainer","contentContainerHasContent","contentContainerHasOnlyContentTopAndBottom","textContentContainer","description","heading","icon","interactive","largeVisualDeprecated","row","selected","selectionIcon","textContent","ICONS","selectedMultiple","selectedSingle","unselectedMultiple","unselectedSingle","SLOTS","contentBottom","contentEnd","contentStart","contentTop","tileCss","CalciteTileStyle0","Tile","this","clickHandler","setFocus","handleSelectEvent","disabled","selectionMode","calciteTileSelect","emit","handleSlotChange","event","slotName","target","dataset","name","slotChangeHasAssignedElement","setContainerEl","el","containerEl","componentFocusable","focus","connectedCallback","connectInteractive","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","componentDidRender","updateHostInteraction","componentWillLoad","setUpLoadableComponent","keyDownHandler","key","preventDefault","calciteInternalTileKeyEvent","renderSelectionIcon","selectionAppearance","h","class","scale","renderTile","hasContentBottom","hasContentEnd","hasContentStart","hasContentTop","iconFlipRtl","isLargeVisual","disableInteraction","Boolean","href","role","undefined","hasContent","hasOnlyContentTopAndBottom","toAriaBoolean","label","onClick","ref","tabIndex","onSlotchange","flipRtl","render","InteractiveContainer"],"sources":["src/components/tile/resources.ts","src/components/tile/tile.scss?tag=calcite-tile&encapsulation=shadow","src/components/tile/tile.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  contentContainer: \"content-container\",\n  contentContainerHasContent: \"content-container--has-content\",\n  contentContainerHasOnlyContentTopAndBottom: \"content-container--has-only-content-top-and-bottom\",\n  textContentContainer: \"text-content-container\",\n  description: \"description\",\n  heading: \"heading\",\n  icon: \"icon\",\n  interactive: \"interactive\",\n  largeVisualDeprecated: \"large-visual-deprecated\",\n  row: \"row\",\n  selected: \"selected\",\n  selectionIcon: \"selection-icon\",\n  textContent: \"text-content\",\n};\n\nexport const ICONS = {\n  selectedMultiple: \"check-square-f\",\n  selectedSingle: \"circle-f\",\n  unselectedMultiple: \"square\",\n  unselectedSingle: \"circle\",\n} as const;\n\nexport const SLOTS = {\n  contentBottom: \"content-bottom\",\n  contentEnd: \"content-end\",\n  contentStart: \"content-start\",\n  contentTop: \"content-top\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-tile-background-color: Specifies the background color of the component.\n * @prop --calcite-tile-border-color: Specifies the border color of the component.\n * @prop --calcite-tile-description-text-color: Specifies the description text color of the component.\n * @prop --calcite-tile-heading-text-color: Specifies the heading text color of the component.\n */\n\n:host {\n  --calcite-tile-background-color: var(--calcite-color-foreground-1);\n  --calcite-tile-border-color: var(--calcite-color-border-2);\n  --calcite-tile-description-text-color: var(--calcite-color-text-3);\n  --calcite-tile-heading-text-color: var(--calcite-color-text-2);\n  --calcite-icon-color: var(--calcite-color-text-3);\n\n  box-sizing: border-box;\n  display: inline-block;\n}\n\n.container {\n  background-color: var(--calcite-tile-background-color);\n  block-size: var(--calcite-container-size-content-fluid);\n  box-sizing: border-box;\n  inline-size: var(--calcite-container-size-content-fluid);\n  outline: var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color);\n  user-select: none;\n  &.interactive {\n    cursor: pointer;\n    &:hover,\n    &:focus,\n    &.selected {\n      outline-color: var(--calcite-color-brand);\n      position: relative;\n      .selection-icon {\n        --calcite-icon-color: var(--calcite-color-brand);\n      }\n    }\n    &.selected {\n      z-index: var(--calcite-z-index);\n    }\n    &:focus {\n      box-shadow: inset 0 0 0 1px var(--calcite-color-brand);\n      z-index: var(--calcite-z-index-sticky);\n    }\n  }\n}\n\n.content-container,\n.row {\n  align-items: flex-start;\n  display: flex;\n}\n\n.content-container {\n  flex-direction: column;\n}\n\n.text-content-container {\n  inline-size: 100%;\n  outline-color: transparent;\n  padding: 0;\n}\n\n.text-content {\n  display: flex;\n  flex-direction: column;\n}\n\n.heading {\n  color: var(--calcite-tile-heading-text-color);\n  font-weight: var(--calcite-font-weight-medium);\n  line-height: 1.20313rem;\n  overflow-wrap: break-word;\n}\n\n/* [Deprecated] Use the content-top slot for rendering icon with alignment=\"center\" instead */\n.large-visual-deprecated {\n  align-items: center;\n  justify-content: center;\n  min-block-size: 12rem;\n  text-align: center;\n\n  calcite-icon {\n    align-self: center;\n    block-size: 64px;\n    inline-size: 64px;\n  }\n  .text-content-container {\n    justify-content: center;\n  }\n}\n\n.description {\n  color: var(--calcite-tile-description-text-color);\n  font-weight: var(--calcite-font-weight-regular);\n  overflow-wrap: break-word;\n}\n\n:host([alignment=\"center\"]) {\n  .icon {\n    align-self: center;\n  }\n  .text-content-container {\n    justify-content: center;\n  }\n  .text-content {\n    text-align: center;\n  }\n  slot[name=\"content-start\"]::slotted(*),\n  slot[name=\"content-end\"]::slotted(*),\n  slot[name=\"content-top\"]::slotted(*),\n  slot[name=\"content-bottom\"]::slotted(*) {\n    align-self: center;\n  }\n}\n\n:host([scale=\"s\"]) {\n  max-inline-size: 400px;\n  min-inline-size: 100px;\n  .container {\n    padding: var(--calcite-spacing-sm);\n  }\n  .content-container--has-content,\n  .row {\n    gap: var(--calcite-spacing-sm);\n  }\n  .heading {\n    font-size: var(--calcite-font-size--2);\n    line-height: 1.03125rem;\n  }\n  .description {\n    font-size: var(--calcite-font-size--3);\n    line-height: 0.85938rem;\n  }\n  .content-container--has-only-content-top-and-bottom slot[name=\"content-top\"]::slotted(*) {\n    margin-block-end: var(--calcite-spacing-sm);\n  }\n}\n\n:host([scale=\"m\"]) {\n  max-inline-size: 460px;\n  min-inline-size: 140px;\n  .container {\n    padding: var(--calcite-spacing-md);\n  }\n  .content-container--has-content,\n  .row {\n    gap: var(--calcite-spacing-md);\n  }\n  .heading {\n    font-size: var(--calcite-font-size--1);\n    line-height: 1.20313rem;\n  }\n  .description {\n    font-size: var(--calcite-font-size--2);\n    line-height: 1.03125rem;\n  }\n  .content-container--has-only-content-top-and-bottom slot[name=\"content-top\"]::slotted(*) {\n    margin-block-end: var(--calcite-spacing-md);\n  }\n}\n\n:host([scale=\"l\"]) {\n  max-inline-size: 520px;\n  min-inline-size: 160px;\n  .container {\n    padding: var(--calcite-spacing-xl);\n  }\n  .content-container--has-content,\n  .row {\n    gap: var(--calcite-spacing-xl);\n  }\n  .heading {\n    font-size: var(--calcite-font-size-0);\n    line-height: 1.375rem;\n  }\n  .description {\n    font-size: var(--calcite-font-size--1);\n    line-height: 1.20313rem;\n  }\n  .content-container--has-only-content-top-and-bottom slot[name=\"content-top\"]::slotted(*) {\n    margin-block-end: var(--calcite-spacing-xl);\n  }\n}\n\n:host([selection-appearance=\"border\"][layout=\"horizontal\"]),\n:host([selection-appearance=\"border\"][layout=\"vertical\"]) {\n  .container.selected:focus::before {\n    block-size: 100%;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-brand);\n    content: \"\";\n    display: block;\n    inline-size: 100%;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    position: absolute;\n  }\n}\n\n:host([selection-appearance=\"border\"][layout=\"horizontal\"]) {\n  .container.selected {\n    box-shadow: inset 0 -4px 0 0 var(--calcite-color-brand);\n  }\n}\n\n:host([selection-appearance=\"border\"][layout=\"vertical\"]) {\n  .container.selected {\n    box-shadow: inset 4px 0 0 0 var(--calcite-color-brand);\n  }\n}\n\n:host([href]:focus:not([disabled])),\n:host([href]:hover:not([disabled])) {\n  --calcite-tile-border-color: var(--calcite-color-text-link);\n  --calcite-tile-heading-text-color: var(--calcite-color-text-link);\n  --calcite-icon-color: var(--calcite-color-text-link);\n  .container {\n    position: relative;\n    z-index: var(--calcite-z-index);\n  }\n}\n\n:host([href]:active:not([disabled])) {\n  .container {\n    box-shadow: 0 0 0 3px var(--calcite-tile-border-color);\n  }\n}\n\n:host([embed]) {\n  .container {\n    box-shadow: none;\n    padding: 0;\n  }\n}\n\n:host([selection-mode=\"none\"]) {\n  .container {\n    outline-color: var(--calcite-tile-border-color);\n    &:focus {\n      outline-color: var(--calcite-color-brand);\n      position: relative;\n    }\n  }\n}\n\n@include disabled();\n\n:host(:hover:not([disabled])),\n:host([active]:not([disabled])) {\n  --calcite-tile-description-text-color: var(--calcite-color-text-2);\n  --calcite-tile-heading-text-color: var(--calcite-color-text-1);\n}\n\n@include base-component();\n\n::slotted(*) {\n  max-inline-size: 100%;\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n} from \"@stencil/core\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { Alignment, Layout, Scale, SelectionAppearance, SelectionMode } from \"../interfaces\";\nimport { slotChangeHasAssignedElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { SelectableComponent } from \"../../utils/selectableComponent\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\n\n/**\n * @slot content-top - A slot for adding non-actionable elements above the component's content.  Content slotted here will render in place of the `icon` property.\n * @slot content-bottom - A slot for adding non-actionable elements below the component's content.\n * @slot content-start - [Deprecated] use `content-top` slot instead.  A slot for adding non-actionable elements before the component's content.\n * @slot content-end - [Deprecated] use `content-bottom` slot instead. A slot for adding non-actionable elements after the component's content.\n */\n@Component({\n  tag: \"calcite-tile\",\n  styleUrl: \"tile.scss\",\n  shadow: true,\n})\nexport class Tile implements InteractiveComponent, SelectableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is active.\n   *\n   * @deprecated\n   */\n  @Prop({ reflect: true }) active = false;\n\n  /**\n   * Specifies the alignment of the Tile's content.\n   */\n  @Prop({ reflect: true }) alignment: Exclude<Alignment, \"end\"> = \"start\";\n\n  /**\n   * A description for the component, which displays below the heading.\n   */\n  @Prop({ reflect: true }) description: string;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The component's embed mode.\n   *\n   * When `true`, renders without a border and padding for use by other components.\n   *\n   * @deprecated No longer necessary.\n   */\n  @Prop({ reflect: true }) embed = false;\n\n  /** The component header text, which displays between the icon and description. */\n  @Prop({ reflect: true }) heading: string;\n\n  /** When embed is `\"false\"`, the URL for the component. */\n  @Prop({ reflect: true }) href: string;\n\n  /** Specifies an icon to display. */\n  @Prop({ reflect: true }) icon: IconNameOrString;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /**\n   * When true, enables the tile to be focused, and allows the `calciteTileSelect` to emit.\n   * This is set to `true` by a parent Tile Group component.\n   *\n   * @internal\n   */\n  @Prop() interactive = false;\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /**\n   * Defines the layout of the component.\n   *\n   * Use `\"horizontal\"` for rows, and `\"vertical\"` for a single column.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) layout: Extract<Layout, \"horizontal\" | \"vertical\"> = \"horizontal\";\n\n  /**\n   * Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * When `true` and the parent's `selectionMode` is `\"single\"`, `\"single-persist\"', or `\"multiple\"`, the component is selected.\n   */\n  @Prop({ reflect: true }) selected = false;\n\n  /**\n   * Specifies the selection appearance, where:\n   *\n   * - `\"icon\"` (displays a checkmark or dot), or\n   * - `\"border\"` (displays a border).\n   *\n   * This property is set by the parent tile-group.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) selectionAppearance: SelectionAppearance = \"icon\";\n\n  /**\n   * Specifies the selection mode, where:\n   *\n   * - `\"multiple\"` (allows any number of selected items),\n   * - `\"single\"` (allows only one selected item),\n   * - `\"single-persist\"` (allows only one selected item and prevents de-selection),\n   * - `\"none\"` (allows no selected items).\n   *\n   * This property is set by the parent tile-group.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"multiple\" | \"none\" | \"single\" | \"single-persist\",\n    SelectionMode\n  > = \"none\";\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    if (!this.disabled && this.interactive) {\n      this.containerEl?.focus();\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteTileElement;\n\n  private clickHandler = (): void => {\n    if (this.interactive) {\n      this.setFocus();\n      this.handleSelectEvent();\n    }\n  };\n\n  private containerEl: HTMLDivElement;\n\n  @State() hasContentBottom = false;\n\n  @State() hasContentEnd = false;\n\n  @State() hasContentStart = false;\n\n  @State() hasContentTop = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalTileKeyEvent: EventEmitter<KeyboardEvent>;\n\n  /**\n   * Fires when the selected state of the component changes.\n   */\n  @Event() calciteTileSelect: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  private handleSelectEvent = (): void => {\n    if (\n      this.disabled ||\n      !this.interactive ||\n      (this.selectionMode === \"single-persist\" && this.selected === true)\n    ) {\n      return;\n    }\n    this.calciteTileSelect.emit();\n  };\n\n  private handleSlotChange = (event: Event): void => {\n    const slotName = (event.target as HTMLSlotElement).dataset.name;\n    this[`has${slotName}`] = slotChangeHasAssignedElement(event);\n  };\n\n  private setContainerEl = (el): void => {\n    this.containerEl = el;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    if (event.target === this.el) {\n      switch (event.key) {\n        case \" \":\n        case \"Enter\":\n          this.handleSelectEvent();\n          event.preventDefault();\n          break;\n        case \"ArrowDown\":\n        case \"ArrowLeft\":\n        case \"ArrowRight\":\n        case \"ArrowUp\":\n        case \"Home\":\n        case \"End\":\n          this.calciteInternalTileKeyEvent.emit(event);\n          event.preventDefault();\n          break;\n      }\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderSelectionIcon(): VNode {\n    const { selected, selectionAppearance, selectionMode } = this;\n    if (selectionAppearance === \"icon\" && selectionMode !== \"none\") {\n      return (\n        <calcite-icon\n          class={CSS.selectionIcon}\n          icon={\n            selected\n              ? selectionMode === \"multiple\"\n                ? ICONS.selectedMultiple\n                : ICONS.selectedSingle\n              : selectionMode === \"multiple\"\n                ? ICONS.unselectedMultiple\n                : ICONS.unselectedSingle\n          }\n          scale=\"s\"\n        />\n      );\n    }\n    return;\n  }\n\n  renderTile(): VNode {\n    const {\n      description,\n      disabled,\n      hasContentBottom,\n      hasContentEnd,\n      hasContentStart,\n      hasContentTop,\n      heading,\n      icon,\n      iconFlipRtl,\n      interactive,\n      selectionMode,\n    } = this;\n    const isLargeVisual = heading && icon && !description;\n    const disableInteraction = Boolean(this.href) || !interactive;\n    const role =\n      selectionMode === \"multiple\" && interactive\n        ? \"checkbox\"\n        : selectionMode !== \"none\" && interactive\n          ? \"radio\"\n          : interactive\n            ? \"button\"\n            : undefined;\n    const hasContent = !!(description || hasContentEnd || hasContentStart || heading || icon);\n    const hasOnlyContentTopAndBottom = !hasContent && hasContentTop && hasContentBottom;\n    return (\n      <div\n        aria-checked={\n          selectionMode !== \"none\" && interactive ? toAriaBoolean(this.selected) : undefined\n        }\n        aria-disabled={disableInteraction ? toAriaBoolean(disabled) : undefined}\n        aria-label={role && this.label}\n        class={{\n          [CSS.container]: true,\n          [CSS.interactive]: interactive,\n          // [Deprecated] Use the content-top slot for rendering icon with alignment=\"center\" instead\n          [CSS.largeVisualDeprecated]: isLargeVisual,\n          [CSS.row]: true,\n          [CSS.selected]: this.selected,\n        }}\n        onClick={this.clickHandler}\n        ref={this.setContainerEl}\n        role={role}\n        tabIndex={disableInteraction ? undefined : 0}\n      >\n        {this.renderSelectionIcon()}\n        <div\n          class={{\n            [CSS.contentContainer]: true,\n            [CSS.contentContainerHasContent]: hasContent,\n            [CSS.contentContainerHasOnlyContentTopAndBottom]: hasOnlyContentTopAndBottom,\n          }}\n        >\n          <slot\n            data-name=\"ContentTop\"\n            name={SLOTS.contentTop}\n            onSlotchange={this.handleSlotChange}\n          />\n          {icon && <calcite-icon class={CSS.icon} flipRtl={iconFlipRtl} icon={icon} scale=\"l\" />}\n          <div class={{ [CSS.textContentContainer]: true, [CSS.row]: true }}>\n            <slot\n              data-name=\"ContentStart\"\n              name={SLOTS.contentStart}\n              onSlotchange={this.handleSlotChange}\n            />\n            <div class={CSS.textContent}>\n              {heading && <div class={CSS.heading}>{heading}</div>}\n              {description && <div class={CSS.description}>{description}</div>}\n            </div>\n            <slot\n              data-name=\"ContentEnd\"\n              name={SLOTS.contentEnd}\n              onSlotchange={this.handleSlotChange}\n            />\n          </div>\n          <slot\n            data-name=\"ContentBottom\"\n            name={SLOTS.contentBottom}\n            onSlotchange={this.handleSlotChange}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  render(): VNode {\n    const { disabled } = this;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        {this.href ? (\n          <calcite-link disabled={disabled} href={this.href}>\n            {this.renderTile()}\n          </calcite-link>\n        ) : (\n          this.renderTile()\n        )}\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}