@esri/calcite-components 2.7.0-next.0 → 2.7.0-next.2

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as t,c as e,h as s,g as n,F as i}from"./p-b803ea41.js";import{i as o,g as r,d as a,j as l}from"./p-45ff4eb2.js";import{C as c,n as h,a as u,o as d,b as f,c as p,p as g,d as b,t as m,e as w,f as y,g as v,j as k,i as x,r as C,k as M}from"./p-e9372c0b.js";import{c as S,d as A,u as j,I as z}from"./p-e2450177.js";import{i as F}from"./p-18fefdd4.js";import{c as O,s as $,a as D}from"./p-395e11a4.js";import{c as I,d as q}from"./p-3e11754e.js";import{r as E,c as N,a as L}from"./p-3cb9d125.js";import{u as K,s as U,c as P,d as T}from"./p-f70e0d88.js";import{t as _}from"./p-c818f40a.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-4ff2dc44.js";import"./p-4c100949.js";import"./p-c526578a.js";function B(t,e,s){return s={path:e,exports:{},require:function(t,e){return H()}},t(s,s.exports),s.exports}function H(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}var V={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 J=function t(e){if(!e||typeof e==="string"){return false}return e instanceof Array||Array.isArray(e)||e.length>=0&&(e.splice instanceof Function||Object.getOwnPropertyDescriptor(e,e.length-1)&&e.constructor.name!=="String")};var R=B((function(t){var e=Array.prototype.concat;var s=Array.prototype.slice;var n=t.exports=function t(n){var i=[];for(var o=0,r=n.length;o<r;o++){var a=n[o];if(J(a)){i=e.call(i,s.call(a))}else{i.push(a)}}return i};n.wrap=function(t){return function(){return t(n(arguments))}}}));var X=B((function(t){var e=Object.hasOwnProperty;var s=Object.create(null);for(var n in V){if(e.call(V,n)){s[V[n]]=n}}var i=t.exports={to:{},get:{}};i.get=function(t){var e=t.substring(0,3).toLowerCase();var s;var n;switch(e){case"hsl":s=i.get.hsl(t);n="hsl";break;case"hwb":s=i.get.hwb(t);n="hwb";break;default:s=i.get.rgb(t);n="rgb";break}if(!s){return null}return{model:n,value:s}};i.get.rgb=function(t){if(!t){return null}var s=/^#([a-f0-9]{3,4})$/i;var n=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i;var i=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var r=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var a=/^(\w+)$/;var l=[0,0,0,1];var c;var h;var u;if(c=t.match(n)){u=c[2];c=c[1];for(h=0;h<3;h++){var d=h*2;l[h]=parseInt(c.slice(d,d+2),16)}if(u){l[3]=parseInt(u,16)/255}}else if(c=t.match(s)){c=c[1];u=c[3];for(h=0;h<3;h++){l[h]=parseInt(c[h]+c[h],16)}if(u){l[3]=parseInt(u+u,16)/255}}else if(c=t.match(i)){for(h=0;h<3;h++){l[h]=parseInt(c[h+1],0)}if(c[4]){if(c[5]){l[3]=parseFloat(c[4])*.01}else{l[3]=parseFloat(c[4])}}}else if(c=t.match(r)){for(h=0;h<3;h++){l[h]=Math.round(parseFloat(c[h+1])*2.55)}if(c[4]){if(c[5]){l[3]=parseFloat(c[4])*.01}else{l[3]=parseFloat(c[4])}}}else if(c=t.match(a)){if(c[1]==="transparent"){return[0,0,0,0]}if(!e.call(V,c[1])){return null}l=V[c[1]];l[3]=1;return l}else{return null}for(h=0;h<3;h++){l[h]=o(l[h],0,255)}l[3]=o(l[3],0,1);return l};i.get.hsl=function(t){if(!t){return null}var e=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;var s=t.match(e);if(s){var n=parseFloat(s[4]);var i=(parseFloat(s[1])%360+360)%360;var r=o(parseFloat(s[2]),0,100);var a=o(parseFloat(s[3]),0,100);var l=o(isNaN(n)?1:n,0,1);return[i,r,a,l]}return null};i.get.hwb=function(t){if(!t){return null}var e=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;var s=t.match(e);if(s){var n=parseFloat(s[4]);var i=(parseFloat(s[1])%360+360)%360;var r=o(parseFloat(s[2]),0,100);var a=o(parseFloat(s[3]),0,100);var l=o(isNaN(n)?1:n,0,1);return[i,r,a,l]}return null};i.to.hex=function(){var t=R(arguments);return"#"+r(t[0])+r(t[1])+r(t[2])+(t[3]<1?r(Math.round(t[3]*255)):"")};i.to.rgb=function(){var t=R(arguments);return t.length<4||t[3]===1?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"};i.to.rgb.percent=function(){var t=R(arguments);var e=Math.round(t[0]/255*100);var s=Math.round(t[1]/255*100);var n=Math.round(t[2]/255*100);return t.length<4||t[3]===1?"rgb("+e+"%, "+s+"%, "+n+"%)":"rgba("+e+"%, "+s+"%, "+n+"%, "+t[3]+")"};i.to.hsl=function(){var t=R(arguments);return t.length<4||t[3]===1?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"};i.to.hwb=function(){var t=R(arguments);var e="";if(t.length>=4&&t[3]!==1){e=", "+t[3]}return"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"};i.to.keyword=function(t){return s[t.slice(0,3)]};function o(t,e,s){return Math.min(Math.max(e,t),s)}function r(t){var e=Math.round(t).toString(16).toUpperCase();return e.length<2?"0"+e:e}}));var W={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const G={};for(const t of Object.keys(W)){G[W[t]]=t}const Y={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 Q=Y;for(const t of Object.keys(Y)){if(!("channels"in Y[t])){throw new Error("missing channels property: "+t)}if(!("labels"in Y[t])){throw new Error("missing channel labels property: "+t)}if(Y[t].labels.length!==Y[t].channels){throw new Error("channel and label counts mismatch: "+t)}const{channels:e,labels:s}=Y[t];delete Y[t].channels;delete Y[t].labels;Object.defineProperty(Y[t],"channels",{value:e});Object.defineProperty(Y[t],"labels",{value:s})}Y.rgb.hsl=function(t){const e=t[0]/255;const s=t[1]/255;const n=t[2]/255;const i=Math.min(e,s,n);const o=Math.max(e,s,n);const r=o-i;let a;let l;if(o===i){a=0}else if(e===o){a=(s-n)/r}else if(s===o){a=2+(n-e)/r}else if(n===o){a=4+(e-s)/r}a=Math.min(a*60,360);if(a<0){a+=360}const c=(i+o)/2;if(o===i){l=0}else if(c<=.5){l=r/(o+i)}else{l=r/(2-o-i)}return[a,l*100,c*100]};Y.rgb.hsv=function(t){let e;let s;let n;let i;let o;const r=t[0]/255;const a=t[1]/255;const l=t[2]/255;const c=Math.max(r,a,l);const h=c-Math.min(r,a,l);const u=function(t){return(c-t)/6/h+1/2};if(h===0){i=0;o=0}else{o=h/c;e=u(r);s=u(a);n=u(l);if(r===c){i=n-s}else if(a===c){i=1/3+e-n}else if(l===c){i=2/3+s-e}if(i<0){i+=1}else if(i>1){i-=1}}return[i*360,o*100,c*100]};Y.rgb.hwb=function(t){const e=t[0];const s=t[1];let n=t[2];const i=Y.rgb.hsl(t)[0];const o=1/255*Math.min(e,Math.min(s,n));n=1-1/255*Math.max(e,Math.max(s,n));return[i,o*100,n*100]};Y.rgb.cmyk=function(t){const e=t[0]/255;const s=t[1]/255;const n=t[2]/255;const i=Math.min(1-e,1-s,1-n);const o=(1-e-i)/(1-i)||0;const r=(1-s-i)/(1-i)||0;const a=(1-n-i)/(1-i)||0;return[o*100,r*100,a*100,i*100]};function Z(t,e){return(t[0]-e[0])**2+(t[1]-e[1])**2+(t[2]-e[2])**2}Y.rgb.keyword=function(t){const e=G[t];if(e){return e}let s=Infinity;let n;for(const e of Object.keys(W)){const i=W[e];const o=Z(t,i);if(o<s){s=o;n=e}}return n};Y.keyword.rgb=function(t){return W[t]};Y.rgb.xyz=function(t){let e=t[0]/255;let s=t[1]/255;let n=t[2]/255;e=e>.04045?((e+.055)/1.055)**2.4:e/12.92;s=s>.04045?((s+.055)/1.055)**2.4:s/12.92;n=n>.04045?((n+.055)/1.055)**2.4:n/12.92;const i=e*.4124+s*.3576+n*.1805;const o=e*.2126+s*.7152+n*.0722;const r=e*.0193+s*.1192+n*.9505;return[i*100,o*100,r*100]};Y.rgb.lab=function(t){const e=Y.rgb.xyz(t);let s=e[0];let n=e[1];let i=e[2];s/=95.047;n/=100;i/=108.883;s=s>.008856?s**(1/3):7.787*s+16/116;n=n>.008856?n**(1/3):7.787*n+16/116;i=i>.008856?i**(1/3):7.787*i+16/116;const o=116*n-16;const r=500*(s-n);const a=200*(n-i);return[o,r,a]};Y.hsl.rgb=function(t){const e=t[0]/360;const s=t[1]/100;const n=t[2]/100;let i;let o;let r;if(s===0){r=n*255;return[r,r,r]}if(n<.5){i=n*(1+s)}else{i=n+s-n*s}const a=2*n-i;const l=[0,0,0];for(let t=0;t<3;t++){o=e+1/3*-(t-1);if(o<0){o++}if(o>1){o--}if(6*o<1){r=a+(i-a)*6*o}else if(2*o<1){r=i}else if(3*o<2){r=a+(i-a)*(2/3-o)*6}else{r=a}l[t]=r*255}return l};Y.hsl.hsv=function(t){const e=t[0];let s=t[1]/100;let n=t[2]/100;let i=s;const o=Math.max(n,.01);n*=2;s*=n<=1?n:2-n;i*=o<=1?o:2-o;const r=(n+s)/2;const a=n===0?2*i/(o+i):2*s/(n+s);return[e,a*100,r*100]};Y.hsv.rgb=function(t){const e=t[0]/60;const s=t[1]/100;let n=t[2]/100;const i=Math.floor(e)%6;const o=e-Math.floor(e);const r=255*n*(1-s);const a=255*n*(1-s*o);const l=255*n*(1-s*(1-o));n*=255;switch(i){case 0:return[n,l,r];case 1:return[a,n,r];case 2:return[r,n,l];case 3:return[r,a,n];case 4:return[l,r,n];case 5:return[n,r,a]}};Y.hsv.hsl=function(t){const e=t[0];const s=t[1]/100;const n=t[2]/100;const i=Math.max(n,.01);let o;let r;r=(2-s)*n;const a=(2-s)*i;o=s*i;o/=a<=1?a:2-a;o=o||0;r/=2;return[e,o*100,r*100]};Y.hwb.rgb=function(t){const e=t[0]/360;let s=t[1]/100;let n=t[2]/100;const i=s+n;let o;if(i>1){s/=i;n/=i}const r=Math.floor(6*e);const a=1-n;o=6*e-r;if((r&1)!==0){o=1-o}const l=s+o*(a-s);let c;let h;let u;switch(r){default:case 6:case 0:c=a;h=l;u=s;break;case 1:c=l;h=a;u=s;break;case 2:c=s;h=a;u=l;break;case 3:c=s;h=l;u=a;break;case 4:c=l;h=s;u=a;break;case 5:c=a;h=s;u=l;break}return[c*255,h*255,u*255]};Y.cmyk.rgb=function(t){const e=t[0]/100;const s=t[1]/100;const n=t[2]/100;const i=t[3]/100;const o=1-Math.min(1,e*(1-i)+i);const r=1-Math.min(1,s*(1-i)+i);const a=1-Math.min(1,n*(1-i)+i);return[o*255,r*255,a*255]};Y.xyz.rgb=function(t){const e=t[0]/100;const s=t[1]/100;const n=t[2]/100;let i;let o;let r;i=e*3.2406+s*-1.5372+n*-.4986;o=e*-.9689+s*1.8758+n*.0415;r=e*.0557+s*-.204+n*1.057;i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92;o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92;r=r>.0031308?1.055*r**(1/2.4)-.055:r*12.92;i=Math.min(Math.max(0,i),1);o=Math.min(Math.max(0,o),1);r=Math.min(Math.max(0,r),1);return[i*255,o*255,r*255]};Y.xyz.lab=function(t){let e=t[0];let s=t[1];let n=t[2];e/=95.047;s/=100;n/=108.883;e=e>.008856?e**(1/3):7.787*e+16/116;s=s>.008856?s**(1/3):7.787*s+16/116;n=n>.008856?n**(1/3):7.787*n+16/116;const i=116*s-16;const o=500*(e-s);const r=200*(s-n);return[i,o,r]};Y.lab.xyz=function(t){const e=t[0];const s=t[1];const n=t[2];let i;let o;let r;o=(e+16)/116;i=s/500+o;r=o-n/200;const a=o**3;const l=i**3;const c=r**3;o=a>.008856?a:(o-16/116)/7.787;i=l>.008856?l:(i-16/116)/7.787;r=c>.008856?c:(r-16/116)/7.787;i*=95.047;o*=100;r*=108.883;return[i,o,r]};Y.lab.lch=function(t){const e=t[0];const s=t[1];const n=t[2];let i;const o=Math.atan2(n,s);i=o*360/2/Math.PI;if(i<0){i+=360}const r=Math.sqrt(s*s+n*n);return[e,r,i]};Y.lch.lab=function(t){const e=t[0];const s=t[1];const n=t[2];const i=n/360*2*Math.PI;const o=s*Math.cos(i);const r=s*Math.sin(i);return[e,o,r]};Y.rgb.ansi16=function(t,e=null){const[s,n,i]=t;let o=e===null?Y.rgb.hsv(t)[2]:e;o=Math.round(o/50);if(o===0){return 30}let r=30+(Math.round(i/255)<<2|Math.round(n/255)<<1|Math.round(s/255));if(o===2){r+=60}return r};Y.hsv.ansi16=function(t){return Y.rgb.ansi16(Y.hsv.rgb(t),t[2])};Y.rgb.ansi256=function(t){const e=t[0];const s=t[1];const n=t[2];if(e===s&&s===n){if(e<8){return 16}if(e>248){return 231}return Math.round((e-8)/247*24)+232}const i=16+36*Math.round(e/255*5)+6*Math.round(s/255*5)+Math.round(n/255*5);return i};Y.ansi16.rgb=function(t){let e=t%10;if(e===0||e===7){if(t>50){e+=3.5}e=e/10.5*255;return[e,e,e]}const s=(~~(t>50)+1)*.5;const n=(e&1)*s*255;const i=(e>>1&1)*s*255;const o=(e>>2&1)*s*255;return[n,i,o]};Y.ansi256.rgb=function(t){if(t>=232){const e=(t-232)*10+8;return[e,e,e]}t-=16;let e;const s=Math.floor(t/36)/5*255;const n=Math.floor((e=t%36)/6)/5*255;const i=e%6/5*255;return[s,n,i]};Y.rgb.hex=function(t){const e=((Math.round(t[0])&255)<<16)+((Math.round(t[1])&255)<<8)+(Math.round(t[2])&255);const s=e.toString(16).toUpperCase();return"000000".substring(s.length)+s};Y.hex.rgb=function(t){const e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e){return[0,0,0]}let s=e[0];if(e[0].length===3){s=s.split("").map((t=>t+t)).join("")}const n=parseInt(s,16);const i=n>>16&255;const o=n>>8&255;const r=n&255;return[i,o,r]};Y.rgb.hcg=function(t){const e=t[0]/255;const s=t[1]/255;const n=t[2]/255;const i=Math.max(Math.max(e,s),n);const o=Math.min(Math.min(e,s),n);const r=i-o;let a;let l;if(r<1){a=o/(1-r)}else{a=0}if(r<=0){l=0}else if(i===e){l=(s-n)/r%6}else if(i===s){l=2+(n-e)/r}else{l=4+(e-s)/r}l/=6;l%=1;return[l*360,r*100,a*100]};Y.hsl.hcg=function(t){const e=t[1]/100;const s=t[2]/100;const n=s<.5?2*e*s:2*e*(1-s);let i=0;if(n<1){i=(s-.5*n)/(1-n)}return[t[0],n*100,i*100]};Y.hsv.hcg=function(t){const e=t[1]/100;const s=t[2]/100;const n=e*s;let i=0;if(n<1){i=(s-n)/(1-n)}return[t[0],n*100,i*100]};Y.hcg.rgb=function(t){const e=t[0]/360;const s=t[1]/100;const n=t[2]/100;if(s===0){return[n*255,n*255,n*255]}const i=[0,0,0];const o=e%1*6;const r=o%1;const a=1-r;let l=0;switch(Math.floor(o)){case 0:i[0]=1;i[1]=r;i[2]=0;break;case 1:i[0]=a;i[1]=1;i[2]=0;break;case 2:i[0]=0;i[1]=1;i[2]=r;break;case 3:i[0]=0;i[1]=a;i[2]=1;break;case 4:i[0]=r;i[1]=0;i[2]=1;break;default:i[0]=1;i[1]=0;i[2]=a}l=(1-s)*n;return[(s*i[0]+l)*255,(s*i[1]+l)*255,(s*i[2]+l)*255]};Y.hcg.hsv=function(t){const e=t[1]/100;const s=t[2]/100;const n=e+s*(1-e);let i=0;if(n>0){i=e/n}return[t[0],i*100,n*100]};Y.hcg.hsl=function(t){const e=t[1]/100;const s=t[2]/100;const n=s*(1-e)+.5*e;let i=0;if(n>0&&n<.5){i=e/(2*n)}else if(n>=.5&&n<1){i=e/(2*(1-n))}return[t[0],i*100,n*100]};Y.hcg.hwb=function(t){const e=t[1]/100;const s=t[2]/100;const n=e+s*(1-e);return[t[0],(n-e)*100,(1-n)*100]};Y.hwb.hcg=function(t){const e=t[1]/100;const s=t[2]/100;const n=1-s;const i=n-e;let o=0;if(i<1){o=(n-i)/(1-i)}return[t[0],i*100,o*100]};Y.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]};Y.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]};Y.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]};Y.gray.hsl=function(t){return[0,0,t[0]]};Y.gray.hsv=Y.gray.hsl;Y.gray.hwb=function(t){return[0,100,t[0]]};Y.gray.cmyk=function(t){return[0,0,0,t[0]]};Y.gray.lab=function(t){return[t[0],0,0]};Y.gray.hex=function(t){const e=Math.round(t[0]/100*255)&255;const s=(e<<16)+(e<<8)+e;const n=s.toString(16).toUpperCase();return"000000".substring(n.length)+n};Y.rgb.gray=function(t){const e=(t[0]+t[1]+t[2])/3;return[e/255*100]};function tt(){const t={};const e=Object.keys(Q);for(let s=e.length,n=0;n<s;n++){t[e[n]]={distance:-1,parent:null}}return t}function et(t){const e=tt();const s=[t];e[t].distance=0;while(s.length){const t=s.pop();const n=Object.keys(Q[t]);for(let i=n.length,o=0;o<i;o++){const i=n[o];const r=e[i];if(r.distance===-1){r.distance=e[t].distance+1;r.parent=t;s.unshift(i)}}}return e}function st(t,e){return function(s){return e(t(s))}}function nt(t,e){const s=[e[t].parent,t];let n=Q[e[t].parent][t];let i=e[t].parent;while(e[i].parent){s.unshift(e[i].parent);n=st(Q[e[i].parent][i],n);i=e[i].parent}n.conversion=s;return n}var it=function(t){const e=et(t);const s={};const n=Object.keys(e);for(let t=n.length,i=0;i<t;i++){const t=n[i];const o=e[t];if(o.parent===null){continue}s[t]=nt(t,e)}return s};const ot={};const rt=Object.keys(Q);function at(t){const e=function(...e){const s=e[0];if(s===undefined||s===null){return s}if(s.length>1){e=s}return t(e)};if("conversion"in t){e.conversion=t.conversion}return e}function lt(t){const e=function(...e){const s=e[0];if(s===undefined||s===null){return s}if(s.length>1){e=s}const n=t(e);if(typeof n==="object"){for(let t=n.length,e=0;e<t;e++){n[e]=Math.round(n[e])}}return n};if("conversion"in t){e.conversion=t.conversion}return e}rt.forEach((t=>{ot[t]={};Object.defineProperty(ot[t],"channels",{value:Q[t].channels});Object.defineProperty(ot[t],"labels",{value:Q[t].labels});const e=it(t);const s=Object.keys(e);s.forEach((s=>{const n=e[s];ot[t][s]=lt(n);ot[t][s].raw=at(n)}))}));var ct=ot;const ht=["keyword","gray","hex"];const ut={};for(const t of Object.keys(ct)){ut[[...ct[t].labels].sort().join("")]=t}const dt={};function ft(t,e){if(!(this instanceof ft)){return new ft(t,e)}if(e&&e in ht){e=null}if(e&&!(e in ct)){throw new Error("Unknown model: "+e)}let s;let n;if(t==null){this.model="rgb";this.color=[0,0,0];this.valpha=1}else if(t instanceof ft){this.model=t.model;this.color=[...t.color];this.valpha=t.valpha}else if(typeof t==="string"){const e=X.get(t);if(e===null){throw new Error("Unable to parse color from string: "+t)}this.model=e.model;n=ct[this.model].channels;this.color=e.value.slice(0,n);this.valpha=typeof e.value[n]==="number"?e.value[n]:1}else if(t.length>0){this.model=e||"rgb";n=ct[this.model].channels;const s=Array.prototype.slice.call(t,0,n);this.color=yt(s,n);this.valpha=typeof t[n]==="number"?t[n]:1}else if(typeof t==="number"){this.model="rgb";this.color=[t>>16&255,t>>8&255,t&255];this.valpha=1}else{this.valpha=1;const e=Object.keys(t);if("alpha"in t){e.splice(e.indexOf("alpha"),1);this.valpha=typeof t.alpha==="number"?t.alpha:0}const n=e.sort().join("");if(!(n in ut)){throw new Error("Unable to parse color from object: "+JSON.stringify(t))}this.model=ut[n];const{labels:i}=ct[this.model];const o=[];for(s=0;s<i.length;s++){o.push(t[i[s]])}this.color=yt(o)}if(dt[this.model]){n=ct[this.model].channels;for(s=0;s<n;s++){const t=dt[this.model][s];if(t){this.color[s]=t(this.color[s])}}}this.valpha=Math.max(0,Math.min(1,this.valpha));if(Object.freeze){Object.freeze(this)}}ft.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(t){let e=this.model in X.to?this:this.rgb();e=e.round(typeof t==="number"?t:1);const s=e.valpha===1?e.color:[...e.color,this.valpha];return X.to[e.model](s)},percentString(t){const e=this.rgb().round(typeof t==="number"?t:1);const s=e.valpha===1?e.color:[...e.color,this.valpha];return X.to.rgb.percent(s)},array(){return this.valpha===1?[...this.color]:[...this.color,this.valpha]},object(){const t={};const{channels:e}=ct[this.model];const{labels:s}=ct[this.model];for(let n=0;n<e;n++){t[s[n]]=this.color[n]}if(this.valpha!==1){t.alpha=this.valpha}return t},unitArray(){const t=this.rgb().color;t[0]/=255;t[1]/=255;t[2]/=255;if(this.valpha!==1){t.push(this.valpha)}return t},unitObject(){const t=this.rgb().object();t.r/=255;t.g/=255;t.b/=255;if(this.valpha!==1){t.alpha=this.valpha}return t},round(t){t=Math.max(t||0,0);return new ft([...this.color.map(gt(t)),this.valpha],this.model)},alpha(t){if(t!==undefined){return new ft([...this.color,Math.max(0,Math.min(1,t))],this.model)}return this.valpha},red:bt("rgb",0,mt(255)),green:bt("rgb",1,mt(255)),blue:bt("rgb",2,mt(255)),hue:bt(["hsl","hsv","hsl","hwb","hcg"],0,(t=>(t%360+360)%360)),saturationl:bt("hsl",1,mt(100)),lightness:bt("hsl",2,mt(100)),saturationv:bt("hsv",1,mt(100)),value:bt("hsv",2,mt(100)),chroma:bt("hcg",1,mt(100)),gray:bt("hcg",2,mt(100)),white:bt("hwb",1,mt(100)),wblack:bt("hwb",2,mt(100)),cyan:bt("cmyk",0,mt(100)),magenta:bt("cmyk",1,mt(100)),yellow:bt("cmyk",2,mt(100)),black:bt("cmyk",3,mt(100)),x:bt("xyz",0,mt(95.047)),y:bt("xyz",1,mt(100)),z:bt("xyz",2,mt(108.833)),l:bt("lab",0,mt(100)),a:bt("lab",1),b:bt("lab",2),keyword(t){if(t!==undefined){return new ft(t)}return ct[this.model].keyword(this.color)},hex(t){if(t!==undefined){return new ft(t)}return X.to.hex(this.rgb().round().color)},hexa(t){if(t!==undefined){return new ft(t)}const e=this.rgb().round().color;let s=Math.round(this.valpha*255).toString(16).toUpperCase();if(s.length===1){s="0"+s}return X.to.hex(e)+s},rgbNumber(){const t=this.rgb().color;return(t[0]&255)<<16|(t[1]&255)<<8|t[2]&255},luminosity(){const t=this.rgb().color;const e=[];for(const[s,n]of t.entries()){const t=n/255;e[s]=t<=.04045?t/12.92:((t+.055)/1.055)**2.4}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast(t){const e=this.luminosity();const s=t.luminosity();if(e>s){return(e+.05)/(s+.05)}return(s+.05)/(e+.05)},level(t){const e=this.contrast(t);if(e>=7){return"AAA"}return e>=4.5?"AA":""},isDark(){const t=this.rgb().color;const e=(t[0]*2126+t[1]*7152+t[2]*722)/1e4;return e<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let e=0;e<3;e++){t.color[e]=255-t.color[e]}return t},lighten(t){const e=this.hsl();e.color[2]+=e.color[2]*t;return e},darken(t){const e=this.hsl();e.color[2]-=e.color[2]*t;return e},saturate(t){const e=this.hsl();e.color[1]+=e.color[1]*t;return e},desaturate(t){const e=this.hsl();e.color[1]-=e.color[1]*t;return e},whiten(t){const e=this.hwb();e.color[1]+=e.color[1]*t;return e},blacken(t){const e=this.hwb();e.color[2]+=e.color[2]*t;return e},grayscale(){const t=this.rgb().color;const e=t[0]*.3+t[1]*.59+t[2]*.11;return ft.rgb(e,e,e)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const e=this.hsl();let s=e.color[0];s=(s+t)%360;s=s<0?360+s:s;e.color[0]=s;return e},mix(t,e){if(!t||!t.rgb){throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t)}const s=t.rgb();const n=this.rgb();const i=e===undefined?.5:e;const o=2*i-1;const r=s.alpha()-n.alpha();const a=((o*r===-1?o:(o+r)/(1+o*r))+1)/2;const l=1-a;return ft.rgb(a*s.red()+l*n.red(),a*s.green()+l*n.green(),a*s.blue()+l*n.blue(),s.alpha()*i+n.alpha()*(1-i))}};for(const t of Object.keys(ct)){if(ht.includes(t)){continue}const{channels:e}=ct[t];ft.prototype[t]=function(...e){if(this.model===t){return new ft(this)}if(e.length>0){return new ft(e,t)}return new ft([...wt(ct[this.model][t].raw(this.color)),this.valpha],t)};ft[t]=function(...s){let n=s[0];if(typeof n==="number"){n=yt(s,e)}return new ft(n,t)}}function pt(t,e){return Number(t.toFixed(e))}function gt(t){return function(e){return pt(e,t)}}function bt(t,e,s){t=Array.isArray(t)?t:[t];for(const n of t){(dt[n]||(dt[n]=[]))[e]=s}t=t[0];return function(n){let i;if(n!==undefined){if(s){n=s(n)}i=this[t]();i.color[e]=n;return i}i=this[t]().color[e];if(s){i=s(i)}return i}}function mt(t){return function(e){return Math.max(0,Math.min(t,e))}}function wt(t){return Array.isArray(t)?t:[t]}function yt(t,e){for(let s=0;s<e;s++){if(typeof t[s]!=="number"){t[s]=0}}return t}var vt=ft;const kt={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 xt=vt("#007AC2");const Ct="calcite-color-";const Mt={r:255,g:255,b:255};const St={h:360,s:100,v:100};const At=St.h-1;const jt={min:0,max:100};const zt={s:{slider:{height:12,width:104},colorField:{height:80,width:160},thumb:{radius:10}},m:{slider:{height:12,width:204},colorField:{height:150,width:272},thumb:{radius:10}},l:{slider:{height:12,width:384},colorField:{height:200,width:464},thumb:{radius:10}}};const Ft=1;const Ot=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-color-picker-spacing:8px}:host([scale=s]) .container{inline-size:160px}:host([scale=s]) .saved-colors{gap:0.25rem;grid-template-columns:repeat(auto-fill, 20px)}:host([scale=m]){--calcite-color-picker-spacing:12px}:host([scale=m]) .container{inline-size:272px}:host([scale=l]){--calcite-color-picker-spacing:16px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:464px}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, 32px)}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline;flex-wrap:wrap}:host([scale=l]) .color-hex-options{display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-color-foreground-1);display:inline-block;border:1px solid var(--calcite-color-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:11px}.hex-and-channels-group{inline-size:100%}.hex-and-channels-group,.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex;row-gap:0.125rem}.channel[data-channel-index="3"]{inline-size:159px}:host([scale=s]) .channels{flex-wrap:wrap}:host([scale=s]) .channel{flex-basis:30%;flex-grow:1}:host([scale=s]) .channel[data-channel-index="3"]{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .channel[data-channel-index="3"]{inline-size:131px}.saved-colors{display:grid;gap:0.5rem;padding-block-start:var(--calcite-color-picker-spacing);grid-template-columns:repeat(auto-fill, 24px)}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}';const $t=16;const Dt=class{constructor(n){t(this,n);this.calciteColorPickerChange=e(this,"calciteColorPickerChange",6);this.calciteColorPickerInput=e(this,"calciteColorPickerInput",6);this.internalColorUpdateContext=null;this.mode=c.HEX;this.shiftKeyChannelAdjustment=0;this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode");this.updateChannelsFromColor(this.color)};this.handleColorFieldScopeKeyDown=t=>{const{key:e}=t;const s={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};if(s[e]){t.preventDefault();this.scopeOrientation=e==="ArrowDown"||e==="ArrowUp"?"vertical":"horizontal";this.captureColorFieldColor(this.colorFieldScopeLeft+s[e].x||0,this.colorFieldScopeTop+s[e].y||0,false)}};this.handleHueScopeKeyDown=t=>{const e=t.shiftKey?10:1;const{key:s}=t;const n={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(n[s]){t.preventDefault();const i=n[s]*e;const o=this.baseColorFieldColor.hue();const r=this.baseColorFieldColor.hue(o+i);this.internalColorSet(r,false)}};this.handleHexInputChange=t=>{t.stopPropagation();const{allowEmpty:e,color:s}=this;const n=t.target;const i=n.value;if(e&&!i){this.internalColorSet(null);return}const o=s&&h(u(s,p(this.mode)));if(i!==o){this.internalColorSet(vt(i))}};this.handleSavedColorSelect=t=>{const e=t.currentTarget;this.internalColorSet(vt(e.color))};this.handleChannelInput=t=>{const e=t.currentTarget;const s=Number(e.getAttribute("data-channel-index"));const n=s===3;const i=n?jt.max:this.channelMode==="rgb"?Mt[Object.keys(Mt)[s]]:St[Object.keys(St)[s]];let o;if(this.allowEmpty&&!e.value){o=""}else{const t=Number(e.value);const s=t+this.shiftKeyChannelAdjustment;const n=N(s,0,i);o=n.toString()}e.value=o;if(o!==""&&this.shiftKeyChannelAdjustment!==0){this.handleChannelChange(t)}};this.handleChannelChange=t=>{const e=t.currentTarget;const s=Number(e.getAttribute("data-channel-index"));const n=[...this.channels];const i=this.allowEmpty&&!e.value;if(i){this.channels=[null,null,null,null];this.internalColorSet(null);return}const o=s===3;const r=Number(e.value);n[s]=o?d(r):r;this.updateColorFromChannels(n)};this.handleSavedColorKeyDown=t=>{if(F(t.key)){t.preventDefault();this.handleSavedColorSelect(t)}};this.handleColorFieldPointerDown=t=>{if(!o(t)){return}const{offsetX:e,offsetY:s}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.colorFieldRenderingContext,bounds:this.colorFieldRenderingContext.canvas.getBoundingClientRect()};this.captureColorFieldColor(e,s);this.colorFieldScopeNode.focus()};this.handleHueSliderPointerDown=t=>{if(!o(t)){return}const{offsetX:e}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.hueSliderRenderingContext,bounds:this.hueSliderRenderingContext.canvas.getBoundingClientRect()};this.captureHueSliderColor(e);this.hueScopeNode.focus()};this.handleOpacitySliderPointerDown=t=>{if(!o(t)){return}const{offsetX:e}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.opacitySliderRenderingContext,bounds:this.opacitySliderRenderingContext.canvas.getBoundingClientRect()};this.captureOpacitySliderValue(e);this.opacityScopeNode.focus()};this.globalPointerUpHandler=t=>{if(!o(t)){return}const e=this.activeCanvasInfo;this.activeCanvasInfo=null;this.drawColorControls();if(e){this.calciteColorPickerChange.emit()}};this.globalPointerMoveHandler=t=>{const{activeCanvasInfo:e,el:s}=this;if(!s.isConnected||!e){return}const{context:n,bounds:i}=e;let o;let r;const{clientX:a,clientY:l}=t;if(n.canvas.matches(":hover")){o=a-i.x;r=l-i.y}else{if(a<i.x+i.width&&a>i.x){o=a-i.x}else if(a<i.x){o=0}else{o=i.width}if(l<i.y+i.height&&l>i.y){r=l-i.y}else if(l<i.y){r=0}else{r=i.height}}if(n===this.colorFieldRenderingContext){this.captureColorFieldColor(o,r,false)}else if(n===this.hueSliderRenderingContext){this.captureHueSliderColor(o)}else if(n===this.opacitySliderRenderingContext){this.captureOpacitySliderValue(o)}};this.storeColorFieldScope=t=>{this.colorFieldScopeNode=t};this.storeHueScope=t=>{this.hueScopeNode=t};this.renderChannelsTabTitle=t=>{const{channelMode:e,messages:n}=this;const i=t===e;const o=t==="rgb"?n.rgb:n.hsv;return s("calcite-tab-title",{class:kt.colorMode,"data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate,selected:i},o)};this.renderChannelsTab=t=>{const{allowEmpty:e,channelMode:n,channels:i,messages:o,alphaChannel:a}=this;const l=t===n;const c=t==="rgb";const h=c?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value];const u=r(this.el);const d=a?i:i.slice(0,3);return s("calcite-tab",{class:kt.control,key:t,selected:l},s("div",{class:kt.channels,dir:"ltr"},d.map(((t,s)=>{const n=s===3;if(n){t=e&&!t?t:f(t)}return this.renderChannel(t,s,h[s],u,n?"%":"")}))))};this.renderChannel=(t,e,n,i,o)=>s("calcite-input-number",{class:kt.channel,"data-channel-index":e,dir:i,key:e,label:n,lang:this.effectiveLocale,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.handleChannelChange,onCalciteInputNumberInput:this.handleChannelInput,onKeyDown:this.handleKeyDown,scale:this.scale==="l"?"m":"s",style:{marginLeft:e>0&&!(this.scale==="s"&&this.alphaChannel&&e===3)?"-1px":""},suffixText:o,value:t?.toString()});this.deleteColor=()=>{const t=u(this.color,this.alphaChannel);const e=this.savedColors.indexOf(t)>-1;if(!e){return}const s=this.savedColors.filter((e=>e!==t));this.savedColors=s;const n=`${Ct}${this.storageId}`;if(this.storageId){localStorage.setItem(n,JSON.stringify(s))}};this.saveColor=()=>{const t=u(this.color,this.alphaChannel);const e=this.savedColors.indexOf(t)>-1;if(e){return}const s=[...this.savedColors,t];this.savedColors=s;const n=`${Ct}${this.storageId}`;if(this.storageId){localStorage.setItem(n,JSON.stringify(s))}};this.drawColorControls=_(((t="all")=>{if((t==="all"||t==="color-field")&&this.colorFieldRenderingContext){this.drawColorField()}if((t==="all"||t==="hue-slider")&&this.hueSliderRenderingContext){this.drawHueSlider()}if(this.alphaChannel&&(t==="all"||t==="opacity-slider")&&this.opacitySliderRenderingContext){this.drawOpacitySlider()}}),$t);this.captureColorFieldColor=(t,e,s=true)=>{const{dimensions:{colorField:{height:n,width:i}}}=this;const o=Math.round(St.s/i*t);const r=Math.round(St.v/n*(n-e));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(o).value(r),s)};this.initColorField=t=>{this.colorFieldRenderingContext=t.getContext("2d");this.updateCanvasSize("color-field");this.drawColorControls()};this.initHueSlider=t=>{this.hueSliderRenderingContext=t.getContext("2d");this.updateCanvasSize("hue-slider");this.drawHueSlider()};this.initOpacitySlider=t=>{if(!t){return}this.opacitySliderRenderingContext=t.getContext("2d");this.updateCanvasSize("opacity-slider");this.drawOpacitySlider()};this.storeOpacityScope=t=>{this.opacityScopeNode=t};this.handleOpacityScopeKeyDown=t=>{const e=t.shiftKey?10:1;const{key:s}=t;const n={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(n[s]){t.preventDefault();const i=n[s]*e;const o=this.baseColorFieldColor.alpha();const r=this.baseColorFieldColor.alpha(o+i);this.internalColorSet(r,false)}};this.allowEmpty=false;this.alphaChannel=false;this.channelsDisabled=false;this.color=xt;this.disabled=false;this.format="auto";this.hideChannels=false;this.hexDisabled=false;this.hideHex=false;this.hideSaved=false;this.savedDisabled=false;this.scale="m";this.storageId=undefined;this.messageOverrides=undefined;this.numberingSystem=undefined;this.value=h(u(xt,this.alphaChannel));this.defaultMessages=undefined;this.channelMode="rgb";this.channels=this.toChannels(xt);this.dimensions=zt.m;this.effectiveLocale="";this.messages=undefined;this.savedColors=[];this.colorFieldScopeTop=undefined;this.colorFieldScopeLeft=undefined;this.hueScopeLeft=undefined;this.opacityScopeLeft=undefined;this.scopeOrientation=undefined}handleAlphaChannelChange(t){const{format:e}=this;if(t&&e!=="auto"&&!p(e)){console.warn(`ignoring alphaChannel as the current format (${e}) does not support alpha`);this.alphaChannel=false}}handleColorChange(t,e){this.drawColorControls();this.updateChannelsFromColor(t);this.previousColor=e}handleFormatOrAlphaChannelChange(){this.setMode(this.format);this.internalColorSet(this.color,false,"internal")}handleScaleChange(t="m"){this.updateDimensions(t);this.updateCanvasSize("all");this.drawColorControls()}onMessagesChange(){}handleValueChange(t,e){const{allowEmpty:s,format:n}=this;const i=!s||t;let o=false;if(i){const s=g(t);if(!s||n!=="auto"&&s!==n){this.showIncompatibleColorWarning(t,n);this.value=e;return}o=this.mode!==s;this.setMode(s,this.internalColorUpdateContext===null)}const r=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial"){return}if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit();if(!r){this.calciteColorPickerChange.emit()}return}const a=s&&!t?null:vt(t!=null&&typeof t==="object"&&p(this.mode)?v(t):t);const l=!b(a,this.color);if(o||l){this.internalColorSet(a,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}}get baseColorFieldColor(){return this.color||this.previousColor||xt}effectiveLocaleChange(){K(this,this.effectiveLocale)}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const{key:e}=t;if(e!=="ArrowUp"&&e!=="ArrowDown"||!t.composedPath().some((t=>t.classList?.contains(kt.channel)))){return}const{shiftKey:s}=t;t.preventDefault();if(!this.color){this.internalColorSet(this.previousColor);t.stopPropagation();return}const n=9;this.shiftKeyChannelAdjustment=e==="ArrowUp"&&s?n:e==="ArrowDown"&&s?-n:0}async setFocus(){await O(this);this.el.focus()}async componentWillLoad(){$(this);const{allowEmpty:t,color:e,format:s,value:n}=this;const i=t&&!n;const o=g(n);const r=i||s==="auto"&&o||s===o;const a=i?null:r?vt(n):e;if(!r){this.showIncompatibleColorWarning(n,s)}this.setMode(s,false);this.internalColorSet(a,false,"initial");this.updateDimensions(this.scale);const l=`${Ct}${this.storageId}`;if(this.storageId&&localStorage.getItem(l)){this.savedColors=JSON.parse(localStorage.getItem(l))}await U(this)}connectedCallback(){S(this);I(this);P(this)}componentDidLoad(){D(this)}disconnectedCallback(){window.removeEventListener("pointermove",this.globalPointerMoveHandler);window.removeEventListener("pointerup",this.globalPointerUpHandler);A(this);q(this);T(this)}componentDidRender(){j(this)}render(){const{allowEmpty:t,channelsDisabled:e,color:n,colorFieldScopeLeft:i,colorFieldScopeTop:o,dimensions:{slider:{width:r},thumb:{radius:a}},hexDisabled:l,hideChannels:c,hideHex:h,hideSaved:d,hueScopeLeft:p,messages:g,alphaChannel:b,opacityScopeLeft:m,savedColors:w,savedDisabled:y,scale:v,scopeOrientation:k}=this;const x=n?u(n,b):null;const C=a;const M=p??r*xt.hue()/St.h;const S=a;const A=m??r*f(xt.alpha())/jt.max;const j=n===null;const F=k==="vertical";const O=l||h;const $=e||c;const D=y||d;const[I,q]=this.getAdjustedScopePosition(i,o);const[E,N]=this.getAdjustedScopePosition(M,C);const[L,K]=this.getAdjustedScopePosition(A,S);return s(z,{disabled:this.disabled},s("div",{class:kt.container},s("div",{class:kt.controlAndScope},s("canvas",{class:kt.colorField,onPointerDown:this.handleColorFieldPointerDown,ref:this.initColorField}),s("div",{"aria-label":F?g.value:g.saturation,"aria-valuemax":F?St.v:St.s,"aria-valuemin":"0","aria-valuenow":(F?n?.saturationv():n?.value())||"0",class:{[kt.scope]:true,[kt.colorFieldScope]:true},onKeyDown:this.handleColorFieldScopeKeyDown,role:"slider",style:{top:`${q||0}px`,left:`${I||0}px`},tabindex:"0",ref:this.storeColorFieldScope})),s("div",{class:kt.previewAndSliders},s("calcite-color-picker-swatch",{class:kt.preview,color:x,scale:"l"}),s("div",{class:kt.sliders},s("div",{class:kt.controlAndScope},s("canvas",{class:{[kt.slider]:true,[kt.hueSlider]:true},onPointerDown:this.handleHueSliderPointerDown,ref:this.initHueSlider}),s("div",{"aria-label":g.hue,"aria-valuemax":St.h,"aria-valuemin":"0","aria-valuenow":n?.round().hue()||xt.round().hue(),class:{[kt.scope]:true,[kt.hueScope]:true},onKeyDown:this.handleHueScopeKeyDown,role:"slider",style:{top:`${N}px`,left:`${E}px`},tabindex:"0",ref:this.storeHueScope})),b?s("div",{class:kt.controlAndScope},s("canvas",{class:{[kt.slider]:true,[kt.opacitySlider]:true},onPointerDown:this.handleOpacitySliderPointerDown,ref:this.initOpacitySlider}),s("div",{"aria-label":g.opacity,"aria-valuemax":jt.max,"aria-valuemin":jt.min,"aria-valuenow":(n||xt).round().alpha(),class:{[kt.scope]:true,[kt.opacityScope]:true},onKeyDown:this.handleOpacityScopeKeyDown,role:"slider",style:{top:`${K}px`,left:`${L}px`},tabindex:"0",ref:this.storeOpacityScope})):null)),O&&$?null:s("div",{class:{[kt.controlSection]:true,[kt.section]:true}},s("div",{class:kt.hexAndChannelsGroup},O?null:s("div",{class:kt.hexOptions},s("calcite-color-picker-hex-input",{allowEmpty:t,alphaChannel:b,class:kt.control,messages:g,numberingSystem:this.numberingSystem,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:v,value:x})),$?null:s("calcite-tabs",{class:{[kt.colorModeContainer]:true,[kt.splitSection]:true},scale:v==="l"?"m":"s"},s("calcite-tab-nav",{slot:"title-group"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv")))),D?null:s("div",{class:{[kt.savedColorsSection]:true,[kt.section]:true}},s("div",{class:kt.header},s("label",null,g.saved),s("div",{class:kt.savedColorsButtons},s("calcite-button",{appearance:"transparent",class:kt.deleteColor,disabled:j,iconStart:"minus",kind:"neutral",label:g.deleteColor,onClick:this.deleteColor,scale:v,type:"button"}),s("calcite-button",{appearance:"transparent",class:kt.saveColor,disabled:j,iconStart:"plus",kind:"neutral",label:g.saveColor,onClick:this.saveColor,scale:v,type:"button"}))),w.length>0?s("div",{class:kt.savedColors},[...w.map((t=>s("calcite-color-picker-swatch",{class:kt.savedColor,color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:v,tabIndex:0})))]):null)))}handleKeyDown(t){if(t.key==="Enter"){t.preventDefault()}}showIncompatibleColorWarning(t,e){console.warn(`ignoring color value (${t}) as it is not compatible with the current format (${e})`)}setMode(t,e=true){const s=t==="auto"?this.mode:t;this.mode=this.ensureCompatibleMode(s,e)}ensureCompatibleMode(t,e){const{alphaChannel:s}=this;const n=p(t);if(s&&!n){const s=y(t);if(e){console.warn(`setting format to (${s}) as the provided one (${t}) does not support alpha`)}return s}if(!s&&n){const s=m(t);if(e){console.warn(`setting format to (${s}) as the provided one (${t}) does not support alpha`)}return s}return t}captureHueSliderColor(t){const{dimensions:{slider:{width:e}}}=this;const s=At/e*t;this.internalColorSet(this.baseColorFieldColor.hue(s),false)}captureOpacitySliderValue(t){const{dimensions:{slider:{width:e}}}=this;const s=d(jt.max/e*t);this.internalColorSet(this.baseColorFieldColor.alpha(s),false)}internalColorSet(t,e=true,s="user-interaction"){if(e&&b(t,this.color)){return}this.internalColorUpdateContext=s;this.color=t;this.value=this.toValue(t);this.internalColorUpdateContext=null}toValue(t,e=this.mode){if(!t){return null}const s="hex";if(e.includes(s)){const s=e===c.HEXA;return h(u(t.round(),s),s)}if(e.includes("-css")){const s=t[e.replace("-css","").replace("a","")]().round().string();const n=(e.endsWith("a")||e.endsWith("a-css"))&&t.alpha()===1;if(n){const e=s.slice(0,3);const n=s.slice(4,-1);return`${e}a(${n}, ${t.alpha()})`}return s}const n=t[m(e)]().round().object();if(e.endsWith("a")){return w(n)}return n}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:e}}}=this;return e*2-t}updateDimensions(t="m"){this.dimensions=zt[t]}drawColorField(){const t=this.colorFieldRenderingContext;const{dimensions:{colorField:{height:e,width:s}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string();t.fillRect(0,0,s,e);const n=t.createLinearGradient(0,0,s,0);n.addColorStop(0,"rgba(255,255,255,1)");n.addColorStop(1,"rgba(255,255,255,0)");t.fillStyle=n;t.fillRect(0,0,s,e);const i=t.createLinearGradient(0,0,0,e);i.addColorStop(0,"rgba(0,0,0,0)");i.addColorStop(1,"rgba(0,0,0,1)");t.fillStyle=i;t.fillRect(0,0,s,e);this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:e,width:s}){if(!t){return}const n=window.devicePixelRatio||1;t.width=s*n;t.height=e*n;t.style.height=`${e}px`;t.style.width=`${s}px`;const i=t.getContext("2d");i.scale(n,n)}updateCanvasSize(t="all"){const{dimensions:e}=this;if(t==="all"||t==="color-field"){this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,e.colorField)}const s={width:e.slider.width,height:e.slider.height+(e.thumb.radius-e.slider.height/2)*2};if(t==="all"||t==="hue-slider"){this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,s)}if(t==="all"||t==="opacity-slider"){this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,s)}}drawActiveColorFieldColor(){const{color:t}=this;if(!t){return}const e=t.hsv();const{dimensions:{colorField:{height:s,width:n},thumb:{radius:i}}}=this;const o=e.saturationv()/(St.s/n);const r=s-e.value()/(St.v/s);requestAnimationFrame((()=>{this.colorFieldScopeLeft=o;this.colorFieldScopeTop=r}));this.drawThumb(this.colorFieldRenderingContext,i,o,r,e,false)}drawThumb(t,e,s,n,i,o){const r=0;const a=2*Math.PI;const l=1;t.beginPath();t.arc(s,n,e,r,a);t.fillStyle="#fff";t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=l;t.stroke();if(o&&i.alpha()<1){const i=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.beginPath();t.arc(s,n,e-3,r,a);t.fillStyle=i;t.fill()}t.globalCompositeOperation="source-atop";t.beginPath();t.arc(s,n,e-3,r,a);const c=o?i.alpha():1;t.fillStyle=i.rgb().alpha(c).string();t.fill();t.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){const{color:t}=this;if(!t){return}const e=t.hsv().saturationv(100).value(100);const{dimensions:{slider:{width:s},thumb:{radius:n}}}=this;const i=e.hue()/(At/s);const o=n;const r=this.getSliderBoundX(i,s,n);requestAnimationFrame((()=>{this.hueScopeLeft=r}));this.drawThumb(this.hueSliderRenderingContext,n,r,o,e,false)}drawHueSlider(){const t=this.hueSliderRenderingContext;const{dimensions:{slider:{height:e,width:s},thumb:{radius:n}}}=this;const i=0;const o=n-e/2;const r=t.createLinearGradient(0,0,s,0);const a=["red","yellow","lime","cyan","blue","magenta","#ff0004"];const l=1/(a.length-1);let c=0;a.forEach((t=>{r.addColorStop(c,vt(t).string());c+=l}));t.clearRect(0,0,s,e+this.getSliderCapSpacing()*2);this.drawSliderPath(t,e,s,i,o);t.fillStyle=r;t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=1;t.stroke();this.drawActiveHueSliderColor()}drawOpacitySlider(){const t=this.opacitySliderRenderingContext;const{baseColorFieldColor:e,dimensions:{slider:{height:s,width:n},thumb:{radius:i}}}=this;const o=0;const r=i-s/2;t.clearRect(0,0,n,s+this.getSliderCapSpacing()*2);const a=t.createLinearGradient(0,r,n,0);const l=e.rgb().alpha(0);const c=e.rgb().alpha(.5);const h=e.rgb().alpha(1);a.addColorStop(0,l.string());a.addColorStop(.5,c.string());a.addColorStop(1,h.string());this.drawSliderPath(t,s,n,o,r);const u=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.fillStyle=u;t.fill();t.fillStyle=a;t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=1;t.stroke();this.drawActiveOpacitySliderColor()}drawSliderPath(t,e,s,n,i){const o=e/2+1;t.beginPath();t.moveTo(n+o,i);t.lineTo(n+s-o,i);t.quadraticCurveTo(n+s,i,n+s,i+o);t.lineTo(n+s,i+e-o);t.quadraticCurveTo(n+s,i+e,n+s-o,i+e);t.lineTo(n+o,i+e);t.quadraticCurveTo(n,i+e,n,i+e-o);t.lineTo(n,i+o);t.quadraticCurveTo(n,i,n+o,i);t.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern){return this.checkerPattern}const t=document.createElement("canvas");t.width=10;t.height=10;const e=t.getContext("2d");e.fillStyle="#ccc";e.fillRect(0,0,10,10);e.fillStyle="#fff";e.fillRect(0,0,5,5);e.fillRect(5,5,5,5);this.checkerPattern=t;return t}drawActiveOpacitySliderColor(){const{color:t}=this;if(!t){return}const e=t;const{dimensions:{slider:{width:s},thumb:{radius:n}}}=this;const i=f(e.alpha())/(jt.max/s);const o=n;const r=this.getSliderBoundX(i,s,n);requestAnimationFrame((()=>{this.opacityScopeLeft=r}));this.drawThumb(this.opacitySliderRenderingContext,n,r,o,e,true)}getSliderBoundX(t,e,s){const n=L(t,e,s);return n===0?t:n===-1?E(t,0,e,s,s*2):E(t,0,e,e-s*2,e-s)}updateColorFromChannels(t){this.internalColorSet(vt(t,this.channelMode))}updateChannelsFromColor(t){this.channels=t?this.toChannels(t):[null,null,null,null]}toChannels(t){const{channelMode:e}=this;const s=t[e]().array().map(((t,e)=>{const s=e===3;return s?t:Math.floor(t)}));if(s.length===3){s.push(1)}return s}getAdjustedScopePosition(t,e){return[t-Ft/2,e-Ft/2]}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{alphaChannel:["handleAlphaChannelChange","handleFormatOrAlphaChannelChange"],color:["handleColorChange"],format:["handleFormatOrAlphaChannelChange"],scale:["handleScaleChange"],messageOverrides:["onMessagesChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleChange"]}}};Dt.style=Ot;const It={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"};const qt=":host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:68px;margin-inline-start:-1px}:host([scale=s]) .container{flex-wrap:wrap;row-gap:0.125rem}:host([scale=s]) .opacity-input{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .opacity-input{inline-size:88px}:host([hidden]){display:none}[hidden]{display:none}";const Et=vt();const Nt=class{constructor(s){t(this,s);this.calciteColorPickerHexInputChange=e(this,"calciteColorPickerHexInputChange",6);this.onHexInputBlur=()=>{const t=this.hexInputNode;const e=t.value;const s=`#${e}`;const{allowEmpty:n,internalColor:i}=this;const o=n&&!e;const r=k(s);this.onHexInputChange();if(o||x(s)&&r){return}t.value=n&&!i?"":this.formatHexForInternalInput(C(i.object()))};this.onOpacityInputBlur=()=>{const t=this.opacityInputNode;const e=t.value;const{allowEmpty:s,internalColor:n}=this;const i=s&&!e;if(i){return}t.value=s&&!n?"":this.formatOpacityForInternalInput(n)};this.onHexInputChange=()=>{const t=this.hexInputNode.value;let e=t;if(e){const t=h(e,false);const s=x(t)&&this.alphaChannel;if(s&&this.internalColor){const s=h(this.internalColor.hexa(),true).slice(-2);e=`${t+s}`}}this.internalSetValue(e,this.value)};this.onOpacityInputChange=()=>{const t=this.opacityInputNode;let e;if(!t.value){e=t.value}else{const s=d(Number(t.value));e=this.internalColor?.alpha(s).hexa()}this.internalSetValue(e,this.value)};this.onInputKeyDown=t=>{const{altKey:e,ctrlKey:s,metaKey:n,shiftKey:i}=t;const{alphaChannel:o,hexInputNode:r,internalColor:a,value:l}=this;const{key:c}=t;const h=t.composedPath();if(c==="Tab"||c==="Enter"){if(h.includes(r)){this.onHexInputChange()}else{this.onOpacityInputChange()}if(c==="Enter"){t.preventDefault()}return}const d=c==="ArrowDown"||c==="ArrowUp";const f=this.value;if(d){if(!l){this.internalSetValue(this.previousNonNullValue,f);t.preventDefault();return}const e=c==="ArrowUp"?1:-1;const s=i?10:1;this.internalSetValue(u(this.nudgeRGBChannels(a,s*e,h.includes(r)?"rgb":"a"),o),f);t.preventDefault();return}const p=e||s||n;const g=c.length===1;const b=M.test(c);if(g&&!p&&!b){t.preventDefault()}};this.onHexInputPaste=t=>{const e=t.clipboardData.getData("text");if(x(e)){t.preventDefault();this.hexInputNode.value=e.slice(1)}};this.previousNonNullValue=this.value;this.storeHexInputRef=t=>{this.hexInputNode=t};this.storeOpacityInputRef=t=>{this.opacityInputNode=t};this.allowEmpty=false;this.alphaChannel=false;this.hexLabel="Hex";this.messages=undefined;this.numberingSystem=undefined;this.scale="m";this.value=h(u(Et,this.alphaChannel),this.alphaChannel,true);this.internalColor=Et}connectedCallback(){const{allowEmpty:t,alphaChannel:e,value:s}=this;if(s){const t=h(s,e);if(x(t,e)){this.internalSetValue(t,t,false)}return}if(t){this.internalSetValue(null,null,false)}}componentWillLoad(){$(this)}componentDidLoad(){D(this)}handleValueChange(t,e){this.internalSetValue(t,e,false)}render(){const{alphaChannel:t,hexLabel:e,internalColor:n,messages:i,scale:o,value:r}=this;const a=this.formatHexForInternalInput(r);const l=this.formatOpacityForInternalInput(n);const c=o==="l"?"m":"s";return s("div",{class:It.container},s("calcite-input-text",{class:It.hexInput,label:i?.hex||e,maxLength:6,onCalciteInputTextChange:this.onHexInputChange,onCalciteInternalInputTextBlur:this.onHexInputBlur,onKeyDown:this.onInputKeyDown,onPaste:this.onHexInputPaste,prefixText:"#",scale:c,value:a,ref:this.storeHexInputRef}),t?s("calcite-input-number",{class:It.opacityInput,key:"opacity-input",label:i?.opacity,max:jt.max,maxLength:3,min:jt.min,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.onOpacityInputChange,onCalciteInternalInputNumberBlur:this.onOpacityInputBlur,onKeyDown:this.onInputKeyDown,scale:c,suffixText:"%",value:l,ref:this.storeOpacityInputRef}):null)}async setFocus(){await O(this);return a(this.hexInputNode)}internalSetValue(t,e,s=true){if(t){const{alphaChannel:e}=this;const n=h(t,e,e);if(x(n,e)){const{internalColor:t}=this;const i=vt(n);const o=h(u(i,e),e);const r=!t||o!==h(u(t,e),e);this.internalColor=i;this.previousNonNullValue=o;this.value=o;if(r&&s){this.calciteColorPickerHexInputChange.emit()}return}}else if(this.allowEmpty){this.internalColor=null;this.value=null;if(s){this.calciteColorPickerHexInputChange.emit()}return}this.value=e}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${f(t.alpha())}`:""}nudgeRGBChannels(t,e,s){let n;const i=t.array();const o=i.slice(0,3);if(s==="rgb"){const t=o.map((t=>t+e));n=[...t,this.alphaChannel?i[3]:undefined]}else{const s=d(f(t.alpha())+e);n=[...o,s]}return vt(n)}get el(){return n(this)}static get watchers(){return{value:["handleValueChange"]}}};Nt.style=qt;const Lt={swatch:"swatch",noColorSwatch:"swatch--no-color",checker:"checker"};const Kt={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"};const Ut=4;const Pt={squareSize:Ut,size:Ut*2};const Tt=":host{position:relative;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch rect{transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.swatch--no-color rect{fill:var(--calcite-color-foreground-1)}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}";const _t=class{constructor(e){t(this,e);this.active=false;this.color=undefined;this.scale="m"}handleColorChange(t){this.internalColor=t?vt(t):null}componentWillLoad(){this.handleColorChange(this.color)}render(){const t=!this.internalColor;const e={[Lt.swatch]:true,[Lt.noColorSwatch]:t};return s("svg",{class:e,xmlns:"http://www.w3.org/2000/svg"},this.renderSwatch())}renderSwatch(){const{active:t,el:e,internalColor:n}=this;const o=t?"100%":"0";const r=l(e);const a=r==="light"?Kt.borderLight:Kt.borderDark;const c={height:"100%",rx:o,stroke:a,["stroke-width"]:"2",width:"100%"};const h=!n;if(h){return s(i,null,s("clipPath",{id:"shape"},s("rect",{height:"100%",rx:o,width:"100%"})),s("rect",{"clip-path":`inset(0 round ${o})`,rx:o,...c}),s("line",{"clip-path":"url(#shape)","stroke-width":"3",x1:"100%",x2:"0",y1:"0",y2:"100%"}))}const d=n.alpha();const f=u(n);const p=u(n,d<1);return s(i,null,s("title",null,p),s("defs",null,s("pattern",{height:Pt.size,id:"checker",patternUnits:"userSpaceOnUse",width:Pt.size,x:"0",y:"0"},s("rect",{class:Lt.checker,height:Pt.squareSize,width:Pt.squareSize,x:"0",y:"0"}),s("rect",{class:Lt.checker,height:Pt.squareSize,width:Pt.squareSize,x:Pt.squareSize,y:Pt.squareSize}))),s("rect",{fill:"url(#checker)",height:"100%",rx:o,width:"100%"}),s("rect",{fill:f,style:{"clip-path":d<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${o})`},...c}),d<1?s("rect",{fill:p,key:"opacity-fill",style:{"clip-path":"polygon(100% 0, 100% 100%, 0 100%)"},...c}):null)}get el(){return n(this)}static get watchers(){return{color:["handleColorChange"]}}};_t.style=Tt;export{Dt as calcite_color_picker,Nt as calcite_color_picker_hex_input,_t as calcite_color_picker_swatch};
+//# sourceMappingURL=p-cef3ebc6.entry.js.map

package/dist/calcite/p-d00ce9b7.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{d as e}from"./p-777bf10b.js";import"./p-b803ea41.js";import"./p-4806287d.js";import"./p-45ff4eb2.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-e2450177.js";import"./p-4ff2dc44.js";import"./p-18fefdd4.js";import"./p-f293a0e6.js";import"./p-2b02889a.js";import"./p-395e11a4.js";import"./p-3e11754e.js";import"./p-4c100949.js";import"./p-42064ede.js";import"./p-3cb9d125.js";import"./p-f70e0d88.js";import"./p-fe4ceb2a.js";import"./p-a3f74f31.js";var a={name:"nl",weekdays:"zondag_maandag_dinsdag_woensdag_donderdag_vrijdag_zaterdag".split("_"),weekdaysShort:"zo._ma._di._wo._do._vr._za.".split("_"),weekdaysMin:"zo_ma_di_wo_do_vr_za".split("_"),months:"januari_februari_maart_april_mei_juni_juli_augustus_september_oktober_november_december".split("_"),monthsShort:"jan_feb_mrt_apr_mei_jun_jul_aug_sep_okt_nov_dec".split("_"),ordinal:function e(a){return"["+a+(a===1||a===8||a>=20?"ste":"de")+"]"},weekStart:1,yearStart:4,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:"over %s",past:"%s geleden",s:"een paar seconden",m:"een minuut",mm:"%d minuten",h:"een uur",hh:"%d uur",d:"een dag",dd:"%d dagen",M:"een maand",MM:"%d maanden",y:"een jaar",yy:"%d jaar"}};e.locale(a,null,true);export default a;
+//# sourceMappingURL=p-d00ce9b7.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as t,c as s,h as e,g as i}from"./p-b803ea41.js";import{l as a,t as o}from"./p-45ff4eb2.js";import{c as n,d as c,u as h,I as r}from"./p-e2450177.js";import{c as l}from"./p-4c100949.js";import{a as d,s as p,c as f}from"./p-395e11a4.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-4ff2dc44.js";const u=":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:flex}.container{display:flex;inline-size:100%;flex-wrap:wrap;gap:0.5rem}::slotted(calcite-chip){flex:none}:host([scale=s]) .container{gap:0.25rem}:host([scale=l]) .container{gap:0.75rem}: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 b=class{constructor(e){t(this,e);this.calciteChipGroupSelect=s(this,"calciteChipGroupSelect",6);this.mutationObserver=l("mutation",(()=>this.updateItems()));this.items=[];this.updateItems=t=>{const s=t?t.target:this.slotRefEl;this.items=s?.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-chip")));this.items?.forEach((t=>{t.interactive=true;t.scale=this.scale;t.selectionMode=this.selectionMode}));this.setSelectedItems(false)};this.setSelectedItems=(t,s)=>{if(s){this.items?.forEach((t=>{const e=s===t;switch(this.selectionMode){case"multiple":if(e){t.selected=!t.selected}break;case"single":t.selected=e?!t.selected:false;break;case"single-persist":t.selected=!!e;break}}))}this.selectedItems=this.items?.filter((t=>t.selected));if(t){this.calciteChipGroupSelect.emit()}};this.disabled=false;this.label=undefined;this.scale="m";this.selectionMode="none";this.selectedItems=[]}onSelectionModeChange(){this.updateItems()}connectedCallback(){n(this);this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}componentDidRender(){c(this);h(this)}componentDidLoad(){d(this)}disconnectedCallback(){this.mutationObserver?.disconnect()}async componentWillLoad(){p(this)}calciteInternalChipKeyEventListener(t){if(t.composedPath().includes(this.el)){const s=this.items?.filter((t=>!t.disabled));switch(t.detail.key){case"ArrowRight":a(s,t.detail.target,"next");break;case"ArrowLeft":a(s,t.detail.target,"previous");break;case"Home":a(s,t.detail.target,"first");break;case"End":a(s,t.detail.target,"last");break}}}calciteChipCloseListener(t){const s=t.target;if(this.items?.includes(s)){if(this.items?.indexOf(s)>0){a(this.items,s,"previous")}else if(this.items?.indexOf(s)===0){a(this.items,s,"next")}else{a(this.items,s,"first")}}this.items=this.items?.filter((t=>t!==s))}calciteChipSelectListener(t){if(t.composedPath().includes(this.el)){this.setSelectedItems(true,t.target)}}async setFocus(){await f(this);if(!this.disabled){return(this.selectedItems[0]||this.items[0])?.setFocus()}}render(){const t=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";const{disabled:s}=this;return e(r,{disabled:s},e("div",{"aria-disabled":o(s),"aria-label":this.label,class:"container",role:t},e("slot",{onSlotchange:this.updateItems,ref:t=>this.slotRefEl=t})))}get el(){return i(this)}static get watchers(){return{selectionMode:["onSelectionModeChange"]}}};b.style=u;export{b as calcite_chip_group};
+//# sourceMappingURL=p-d66f403e.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["chipGroupCss","ChipGroup","this","mutationObserver","createObserver","updateItems","items","event","target","slotRefEl","assignedElements","flatten","filter","el","matches","forEach","interactive","scale","selectionMode","setSelectedItems","emit","elToMatch","matchingEl","selected","selectedItems","calciteChipGroupSelect","onSelectionModeChange","connectedCallback","connectInteractive","observe","childList","subtree","componentDidRender","disconnectInteractive","updateHostInteraction","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnect","componentWillLoad","setUpLoadableComponent","calciteInternalChipKeyEventListener","composedPath","includes","interactiveItems","disabled","detail","key","focusElementInGroup","calciteChipCloseListener","item","indexOf","calciteChipSelectListener","setFocus","componentFocusable","render","role","h","InteractiveContainer","toAriaBoolean","label","class","onSlotchange","ref"],"sources":["src/components/chip-group/chip-group.scss?tag=calcite-chip-group&encapsulation=shadow","src/components/chip-group/chip-group.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n\n.container {\n  display: flex;\n  inline-size: 100%;\n  flex-wrap: wrap;\n  gap: theme(\"spacing.2\");\n}\n\n::slotted(calcite-chip) {\n  flex: none;\n}\n\n:host([scale=\"s\"]) .container {\n  gap: theme(\"spacing.1\");\n}\n\n:host([scale=\"l\"]) .container {\n  gap: theme(\"spacing.3\");\n}\n\n@include disabled();\n@include base-component();\n","import {\n  Component,\n  h,\n  VNode,\n  Prop,\n  Element,\n  Listen,\n  EventEmitter,\n  Event,\n  Method,\n  Watch,\n} from \"@stencil/core\";\nimport { focusElementInGroup, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { Scale, SelectionMode } from \"../interfaces\";\nimport {\n  componentFocusable,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\n/**\n * @slot - A slot for adding one or more `calcite-chip`s.\n */\n@Component({\n  tag: \"calcite-chip-group\",\n  styleUrl: \"chip-group.scss\",\n  shadow: true,\n})\nexport class ChipGroup implements InteractiveComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Accessible name for the component. */\n  @Prop() label!: string;\n\n  /** Specifies the size of the component. Child `calcite-chip`s inherit the component's value. */\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,\n   *\n   * `\"single-persist\"` allows one selection and prevents de-selection, and\n   *\n   * `\"none\"` does not allow any selections.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"multiple\" | \"single\" | \"single-persist\" | \"none\",\n    SelectionMode\n  > = \"none\";\n\n  @Watch(\"selectionMode\")\n  onSelectionModeChange(): void {\n    this.updateItems();\n  }\n\n  /**\n   * Specifies the component's selected items.\n   *\n   * @readonly\n   */\n  @Prop({ mutable: true }) selectedItems: HTMLCalciteChipElement[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteChipGroupElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateItems());\n\n  private items: HTMLCalciteChipElement[] = [];\n\n  private slotRefEl: HTMLSlotElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component's selection changes. */\n  @Event({ cancelable: false }) calciteChipGroupSelect: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  componentDidRender(): void {\n    disconnectInteractive(this);\n    updateHostInteraction(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalChipKeyEvent\")\n  calciteInternalChipKeyEventListener(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      const interactiveItems = this.items?.filter((el) => !el.disabled);\n      switch (event.detail.key) {\n        case \"ArrowRight\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"next\");\n          break;\n        case \"ArrowLeft\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"previous\");\n          break;\n        case \"Home\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"first\");\n          break;\n        case \"End\":\n          focusElementInGroup(interactiveItems, event.detail.target, \"last\");\n          break;\n      }\n    }\n  }\n\n  @Listen(\"calciteChipClose\")\n  calciteChipCloseListener(event: CustomEvent): void {\n    const item = event.target as HTMLCalciteChipElement;\n    if (this.items?.includes(item)) {\n      if (this.items?.indexOf(item) > 0) {\n        focusElementInGroup(this.items, item as HTMLCalciteChipElement, \"previous\");\n      } else if (this.items?.indexOf(item) === 0) {\n        focusElementInGroup(this.items, item as HTMLCalciteChipElement, \"next\");\n      } else {\n        focusElementInGroup(this.items, item as HTMLCalciteChipElement, \"first\");\n      }\n    }\n    this.items = this.items?.filter((el) => el !== item);\n  }\n\n  @Listen(\"calciteChipSelect\")\n  calciteChipSelectListener(event: CustomEvent): void {\n    if (event.composedPath().includes(this.el)) {\n      this.setSelectedItems(true, event.target as HTMLCalciteChipElement);\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component's first focusable element.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    if (!this.disabled) {\n      return (this.selectedItems[0] || this.items[0])?.setFocus();\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private updateItems = (event?: Event): void => {\n    const target = event ? (event.target as HTMLSlotElement) : this.slotRefEl;\n    this.items = target\n      ?.assignedElements({ flatten: true })\n      .filter((el) => el?.matches(\"calcite-chip\")) as HTMLCalciteChipElement[];\n\n    this.items?.forEach((el) => {\n      el.interactive = true;\n      el.scale = this.scale;\n      el.selectionMode = this.selectionMode;\n    });\n\n    this.setSelectedItems(false);\n  };\n\n  private setSelectedItems = (emit: boolean, elToMatch?: HTMLCalciteChipElement): void => {\n    if (elToMatch) {\n      this.items?.forEach((el) => {\n        const matchingEl = elToMatch === el;\n        switch (this.selectionMode) {\n          case \"multiple\":\n            if (matchingEl) {\n              el.selected = !el.selected;\n            }\n            break;\n\n          case \"single\":\n            el.selected = matchingEl ? !el.selected : false;\n            break;\n\n          case \"single-persist\":\n            el.selected = !!matchingEl;\n            break;\n        }\n      });\n    }\n\n    this.selectedItems = this.items?.filter((el) => el.selected);\n\n    if (emit) {\n      this.calciteChipGroupSelect.emit();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n\n  render(): VNode {\n    const role =\n      this.selectionMode === \"none\" || this.selectionMode === \"multiple\" ? \"group\" : \"radiogroup\";\n    const { disabled } = this;\n\n    return (\n      <InteractiveContainer disabled={disabled}>\n        <div\n          aria-disabled={toAriaBoolean(disabled)}\n          aria-label={this.label}\n          class=\"container\"\n          role={role}\n        >\n          <slot\n            onSlotchange={this.updateItems}\n            ref={(el) => (this.slotRefEl = el as HTMLSlotElement)}\n          />\n        </div>\n      </InteractiveContainer>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-d7f4dbe7.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{d as e}from"./p-777bf10b.js";import"./p-b803ea41.js";import"./p-4806287d.js";import"./p-45ff4eb2.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-e2450177.js";import"./p-4ff2dc44.js";import"./p-18fefdd4.js";import"./p-f293a0e6.js";import"./p-2b02889a.js";import"./p-395e11a4.js";import"./p-3e11754e.js";import"./p-4c100949.js";import"./p-42064ede.js";import"./p-3cb9d125.js";import"./p-f70e0d88.js";import"./p-fe4ceb2a.js";import"./p-a3f74f31.js";var a={words:{m:["jedan minut","jednog minuta"],mm:["%d minut","%d minuta","%d minuta"],h:["jedan sat","jednog sata"],hh:["%d sat","%d sata","%d sati"],d:["jedan dan","jednog dana"],dd:["%d dan","%d dana","%d dana"],M:["jedan mesec","jednog meseca"],MM:["%d mesec","%d meseca","%d meseci"],y:["jednu godinu","jedne godine"],yy:["%d godinu","%d godine","%d godina"]},correctGrammarCase:function e(a,r){if(a%10>=1&&a%10<=4&&(a%100<10||a%100>=20)){return a%10===1?r[0]:r[1]}return r[2]},relativeTimeFormatter:function e(r,d,t,n){var m=a.words[t];if(t.length===1){if(t==="y"&&d)return"jedna godina";return n||d?m[0]:m[1]}var o=a.correctGrammarCase(r,m);if(t==="yy"&&d&&o==="%d godinu")return r+" godina";return o.replace("%d",r)}};var r={name:"sr",weekdays:"Nedelja_Ponedeljak_Utorak_Sreda_Četvrtak_Petak_Subota".split("_"),weekdaysShort:"Ned._Pon._Uto._Sre._Čet._Pet._Sub.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),months:"Januar_Februar_Mart_April_Maj_Jun_Jul_Avgust_Septembar_Oktobar_Novembar_Decembar".split("_"),monthsShort:"Jan._Feb._Mar._Apr._Maj_Jun_Jul_Avg._Sep._Okt._Nov._Dec.".split("_"),weekStart:1,relativeTime:{future:"za %s",past:"pre %s",s:"nekoliko sekundi",m:a.relativeTimeFormatter,mm:a.relativeTimeFormatter,h:a.relativeTimeFormatter,hh:a.relativeTimeFormatter,d:a.relativeTimeFormatter,dd:a.relativeTimeFormatter,M:a.relativeTimeFormatter,MM:a.relativeTimeFormatter,y:a.relativeTimeFormatter,yy:a.relativeTimeFormatter},ordinal:function e(a){return a+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"D. M. YYYY.",LL:"D. MMMM YYYY.",LLL:"D. MMMM YYYY. H:mm",LLLL:"dddd, D. MMMM YYYY. H:mm"}};e.locale(r,null,true);export default r;
+//# sourceMappingURL=p-d7f4dbe7.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as t,c as i,h as e,H as n,g as o}from"./p-b803ea41.js";import{e as s,i as r,h as a,g as l}from"./p-45ff4eb2.js";import{s as c,c as u,i as h,d,H as b}from"./p-4806287d.js";import{c as p,d as m,u as f,I as v}from"./p-e2450177.js";import{n as g}from"./p-18fefdd4.js";import{c as x,d as w,g as k}from"./p-f293a0e6.js";import{a as y,s as z,c as j}from"./p-395e11a4.js";import{n as I,i as W,p as E,s as D,a as C,c as L,d as N,B}from"./p-3e11754e.js";import{c as $}from"./p-4c100949.js";import{C as F}from"./p-a6db335a.js";import{u as P,c as V,d as A,s as H}from"./p-f70e0d88.js";import{g as K}from"./p-2b02889a.js";import{V as M}from"./p-a3f74f31.js";import{s as O}from"./p-2b62259a.js";import"./p-61de3618.js";import"./p-4ff2dc44.js";const R={loader:"loader",clearButton:"clear-button",editingEnabled:"editing-enabled",inlineChild:"inline-child",inputIcon:"icon",prefix:"prefix",suffix:"suffix",numberButtonWrapper:"number-button-wrapper",buttonItemHorizontal:"number-button-item--horizontal",wrapper:"element-wrapper",inputWrapper:"wrapper",actionWrapper:"action-wrapper",resizeIconWrapper:"resize-icon-wrapper",numberButtonItem:"number-button-item"};const S={action:"action"};const U=":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:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-radius:0px;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-color-status-danger);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([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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          )}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0px;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);padding-block:0px;padding-inline:0.5rem;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.number-button-item:focus{background-color:var(--calcite-color-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-color-text-1)}.number-button-item:active{background-color:var(--calcite-color-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const G=class{constructor(e){t(this,e);this.calciteInternalInputNumberFocus=i(this,"calciteInternalInputNumberFocus",6);this.calciteInternalInputNumberBlur=i(this,"calciteInternalInputNumberBlur",6);this.calciteInputNumberInput=i(this,"calciteInputNumberInput",7);this.calciteInputNumberChange=i(this,"calciteInputNumberChange",6);this.previousValueOrigin="initial";this.mutationObserver=$("mutation",(()=>this.setDisabledAction()));this.userChangedValue=false;this.keyDownHandler=t=>{if(this.readOnly||this.disabled){return}if(this.isClearable&&t.key==="Escape"){this.clearInputValue(t);t.preventDefault()}if(t.key==="Enter"&&!t.defaultPrevented){if(c(this)){t.preventDefault()}}};this.clearInputValue=t=>{this.setNumberValue({committing:true,nativeEvent:t,origin:"user",value:""})};this.emitChangeIfUserModified=()=>{if(this.previousValueOrigin==="user"&&this.value!==this.previousEmittedNumberValue){this.calciteInputNumberChange.emit();this.setPreviousEmittedNumberValue(this.value)}};this.inputNumberBlurHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId);this.calciteInternalInputNumberBlur.emit();this.emitChangeIfUserModified()};this.clickHandler=t=>{if(this.disabled){return}const i=s(this.el,"action");if(t.target!==i){this.setFocus()}};this.inputNumberFocusHandler=()=>{this.calciteInternalInputNumberFocus.emit()};this.inputNumberInputHandler=t=>{if(this.disabled||this.readOnly){return}if(this.value==="Infinity"||this.value==="-Infinity"){return}const i=t.target.value;I.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const e=I.delocalize(i);if(t.inputType==="insertFromPaste"){if(!W(e)||this.integer&&(e.includes("e")||e.includes("."))){t.preventDefault()}this.setNumberValue({nativeEvent:t,origin:"user",value:E(e)});this.childNumberEl.value=this.displayedValue}else{this.setNumberValue({nativeEvent:t,origin:"user",value:e})}};this.inputNumberKeyDownHandler=t=>{if(this.disabled||this.readOnly){return}if(this.value==="Infinity"||this.value==="-Infinity"){t.preventDefault();if(t.key==="Backspace"||t.key==="Delete"){this.clearInputValue(t)}return}if(t.key==="ArrowUp"){t.preventDefault();this.nudgeNumberValue("up",t);return}if(t.key==="ArrowDown"){this.nudgeNumberValue("down",t);return}const i=[...g,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(t.altKey||t.ctrlKey||t.metaKey){return}const e=t.shiftKey&&t.key==="Tab";if(i.includes(t.key)||e){if(t.key==="Enter"){this.emitChangeIfUserModified()}return}I.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};if(t.key===I.decimal&&!this.integer){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.indexOf(I.decimal)===-1){return}}if(/[eE]/.test(t.key)&&!this.integer){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&!/[eE]/.test(this.childNumberEl.value)){return}}if(t.key==="-"){if(!this.value&&!this.childNumberEl.value){return}if(this.value&&this.childNumberEl.value.split("-").length<=2){return}}t.preventDefault()};this.nudgeNumberValue=(t,i)=>{if(i instanceof KeyboardEvent&&i.repeat){return}const e=this.maxString?parseFloat(this.maxString):null;const n=this.minString?parseFloat(this.minString):null;const o=150;this.incrementOrDecrementNumberValue(t,e,n,i);if(this.nudgeNumberValueIntervalId){window.clearInterval(this.nudgeNumberValueIntervalId)}let s=true;this.nudgeNumberValueIntervalId=window.setInterval((()=>{if(s){s=false;return}this.incrementOrDecrementNumberValue(t,e,n,i)}),o)};this.nudgeButtonPointerUpHandler=t=>{if(!r(t)){return}window.clearInterval(this.nudgeNumberValueIntervalId)};this.nudgeButtonPointerOutHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.nudgeButtonPointerDownHandler=t=>{if(!r(t)){return}t.preventDefault();const i=t.target.dataset.adjustment;if(!this.disabled){this.nudgeNumberValue(i,t)}};this.onHiddenFormInputInput=t=>{if(t.target.name===this.name){this.setNumberValue({value:t.target.value,origin:"direct"})}this.setFocus();t.stopPropagation()};this.setChildNumberElRef=t=>{this.childNumberEl=t};this.setInputNumberValue=t=>{if(!this.childNumberEl){return}this.childNumberEl.value=t};this.setPreviousEmittedNumberValue=t=>{this.previousEmittedNumberValue=this.normalizeValue(t)};this.setPreviousNumberValue=t=>{this.previousValue=this.normalizeValue(t)};this.setNumberValue=({committing:t=false,nativeEvent:i,origin:e,previousValue:n,value:o})=>{I.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const s=this.previousValue?.length>o.length||this.value?.length>o.length;const r=this.integer?o.replace(/[e.]/g,""):o;const a=r.charAt(r.length-1)===".";const l=a&&s?r:D(r);const c=o&&!l?W(this.previousValue)?this.previousValue:"":l;let u=I.localize(c);if(e!=="connected"&&!a){u=C(u,c,I)}this.displayedValue=a&&s?`${u}${I.decimal}`:u;this.setPreviousNumberValue(n??this.value);this.previousValueOrigin=e;this.userChangedValue=e==="user"&&this.value!==c;this.value=["-","."].includes(c)?"":c;if(e==="direct"){this.setInputNumberValue(u);this.setPreviousEmittedNumberValue(u)}if(i){const i=this.calciteInputNumberInput.emit();if(i.defaultPrevented){this.value=this.previousValue;this.displayedValue=I.localize(this.previousValue)}else if(t){this.emitChangeIfUserModified()}}};this.inputNumberKeyUpHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)};this.alignment="start";this.autofocus=false;this.clearable=false;this.disabled=false;this.form=undefined;this.groupSeparator=false;this.icon=undefined;this.iconFlipRtl=false;this.integer=false;this.label=undefined;this.loading=false;this.numberingSystem=undefined;this.localeFormat=false;this.max=undefined;this.min=undefined;this.maxLength=undefined;this.minLength=undefined;this.validationMessage=undefined;this.validationIcon=undefined;this.name=undefined;this.numberButtonType="vertical";this.placeholder=undefined;this.prefixText=undefined;this.readOnly=false;this.required=false;this.scale="m";this.status="idle";this.step=undefined;this.autocomplete=undefined;this.inputMode="decimal";this.enterKeyHint=undefined;this.suffixText=undefined;this.editingEnabled=false;this.value="";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale="";this.defaultMessages=undefined;this.displayedValue=undefined;this.slottedActionElDisabledInternally=false}disabledWatcher(){this.setDisabledAction()}maxWatcher(){this.maxString=this.max?.toString()||null}minWatcher(){this.minString=this.min?.toString()||null}onMessagesChange(){}valueWatcher(t,i){if(!this.userChangedValue){if(t==="Infinity"||t==="-Infinity"){this.displayedValue=t;this.previousEmittedNumberValue=t;return}this.setNumberValue({origin:"direct",previousValue:i,value:t==null||t==""?"":W(t)?t:this.previousValue||""});this.warnAboutInvalidNumberValue(t)}this.userChangedValue=false}updateRequestedIcon(){this.requestedIcon=a({},this.icon,"number")}get isClearable(){return this.clearable&&this.value.length>0}effectiveLocaleWatcher(t){P(this,this.effectiveLocale);I.numberFormatOptions={locale:t,numberingSystem:this.numberingSystem,useGrouping:false}}connectedCallback(){p(this);L(this);V(this);this.inlineEditableEl=this.el.closest("calcite-inline-editable");if(this.inlineEditableEl){this.editingEnabled=this.inlineEditableEl.editingEnabled||false}x(this);u(this);this.setPreviousEmittedNumberValue(this.value);this.setPreviousNumberValue(this.value);this.warnAboutInvalidNumberValue(this.value);if(this.value==="Infinity"||this.value==="-Infinity"){this.displayedValue=this.value;this.previousEmittedNumberValue=this.value}else{this.setNumberValue({origin:"connected",value:W(this.value)?this.value:""})}this.mutationObserver?.observe(this.el,{childList:true});this.setDisabledAction();this.el.addEventListener(h,this.onHiddenFormInputInput)}componentDidLoad(){y(this)}disconnectedCallback(){m(this);w(this);d(this);N(this);A(this);this.mutationObserver?.disconnect();this.el.removeEventListener(h,this.onHiddenFormInputInput)}async componentWillLoad(){z(this);this.maxString=this.max?.toString();this.minString=this.min?.toString();this.requestedIcon=a({},this.icon,"number");await H(this)}componentShouldUpdate(t,i,e){if(e==="value"&&t&&!W(t)){this.setNumberValue({origin:"reset",value:i});return false}return true}componentDidRender(){f(this)}async setFocus(){await j(this);this.childNumberEl?.focus()}async selectText(){this.childNumberEl?.select()}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(t,i,e,n){const{value:o}=this;if(o==="Infinity"||o==="-Infinity"){return}const s=t==="up"?1:-1;const r=this.integer&&this.step!=="any"?Math.round(this.step):this.step;const a=r==="any"?1:Math.abs(r||1);const l=new B(o!==""?o:"0");const c=l.add(`${a*s}`);const u=()=>typeof e==="number"&&!isNaN(e)&&c.subtract(`${e}`).isNegative;const h=()=>typeof i==="number"&&!isNaN(i)&&!c.subtract(`${i}`).isNegative;const d=u()?`${e}`:h()?`${i}`:c.toString();this.setNumberValue({committing:true,nativeEvent:n,origin:"user",value:d})}syncHiddenFormInput(t){O("number",this,t)}setDisabledAction(){const t=s(this.el,"action");if(!t){return}if(this.disabled){if(t.getAttribute("disabled")==null){this.slottedActionElDisabledInternally=true}t.setAttribute("disabled","")}else if(this.slottedActionElDisabledInternally){t.removeAttribute("disabled");this.slottedActionElDisabledInternally=false}}normalizeValue(t){return W(t)?t:""}warnAboutInvalidNumberValue(t){if(t&&!W(t)){console.warn(`The specified value "${t}" cannot be parsed, or is out of range.`)}}render(){const t=l(this.el);const i=e("div",{class:R.loader},e("calcite-progress",{label:this.messages.loading,type:"indeterminate"}));const o=e("button",{"aria-label":this.messages.clear,class:R.clearButton,disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"x",scale:K(this.scale)}));const s=e("calcite-icon",{class:R.inputIcon,flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:K(this.scale)});const r=this.numberButtonType==="horizontal";const a=e("button",{"aria-hidden":"true",class:{[R.numberButtonItem]:true,[R.buttonItemHorizontal]:r},"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerOutHandler,onPointerUp:this.nudgeButtonPointerUpHandler,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"chevron-up",scale:K(this.scale)}));const c=e("button",{"aria-hidden":"true",class:{[R.numberButtonItem]:true,[R.buttonItemHorizontal]:r},"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerOutHandler,onPointerUp:this.nudgeButtonPointerUpHandler,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"chevron-down",scale:K(this.scale)}));const u=e("div",{class:R.numberButtonWrapper},a,c);const h=e("div",{class:R.prefix},this.prefixText);const d=e("div",{class:R.suffix},this.suffixText);const p=e("input",{"aria-label":k(this),autocomplete:this.autocomplete,autofocus:this.autofocus?true:null,defaultValue:this.defaultValue,disabled:this.disabled?true:null,enterKeyHint:this.enterKeyHint,inputMode:this.inputMode,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,name:undefined,onBlur:this.inputNumberBlurHandler,onFocus:this.inputNumberFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputNumberKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,type:"text",value:this.displayedValue,ref:this.setChildNumberElRef});return e(n,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},e(v,{disabled:this.disabled},e("div",{class:{[R.inputWrapper]:true,[F.rtl]:t==="rtl"}},this.numberButtonType==="horizontal"&&!this.readOnly?c:null,this.prefixText?h:null,e("div",{class:R.wrapper},p,this.isClearable?o:null,this.requestedIcon?s:null,this.loading?i:null),e("div",{class:R.actionWrapper},e("slot",{name:S.action})),this.numberButtonType==="vertical"&&!this.readOnly?u:null,this.suffixText?d:null,this.numberButtonType==="horizontal"&&!this.readOnly?a:null,e(b,{component:this})),this.validationMessage&&this.status==="invalid"?e(M,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleWatcher"]}}};G.style=U;export{G as calcite_input_number};
+//# sourceMappingURL=p-da2907d0.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","loader","clearButton","editingEnabled","inlineChild","inputIcon","prefix","suffix","numberButtonWrapper","buttonItemHorizontal","wrapper","inputWrapper","actionWrapper","resizeIconWrapper","numberButtonItem","SLOTS","action","inputNumberCss","InputNumber","this","previousValueOrigin","mutationObserver","createObserver","setDisabledAction","userChangedValue","keyDownHandler","event","readOnly","disabled","isClearable","key","clearInputValue","preventDefault","defaultPrevented","submitForm","nativeEvent","setNumberValue","committing","origin","value","emitChangeIfUserModified","previousEmittedNumberValue","calciteInputNumberChange","emit","setPreviousEmittedNumberValue","inputNumberBlurHandler","window","clearInterval","nudgeNumberValueIntervalId","calciteInternalInputNumberBlur","clickHandler","slottedActionEl","getSlotted","el","target","setFocus","inputNumberFocusHandler","calciteInternalInputNumberFocus","inputNumberInputHandler","numberStringFormatter","numberFormatOptions","locale","effectiveLocale","numberingSystem","useGrouping","groupSeparator","delocalizedValue","delocalize","inputType","isValidNumber","integer","includes","parseNumberString","childNumberEl","displayedValue","inputNumberKeyDownHandler","nudgeNumberValue","supportedKeys","numberKeys","altKey","ctrlKey","metaKey","isShiftTabEvent","shiftKey","decimal","indexOf","test","split","length","direction","KeyboardEvent","repeat","inputMax","maxString","parseFloat","inputMin","minString","valueNudgeDelayInMs","incrementOrDecrementNumberValue","firstValueNudge","setInterval","nudgeButtonPointerUpHandler","isPrimaryPointerButton","nudgeButtonPointerOutHandler","nudgeButtonPointerDownHandler","dataset","adjustment","onHiddenFormInputInput","name","stopPropagation","setChildNumberElRef","setInputNumberValue","newInputValue","normalizeValue","setPreviousNumberValue","previousValue","isValueDeleted","valueHandleInteger","replace","hasTrailingDecimalSeparator","charAt","sanitizedValue","sanitizeNumberString","newValue","newLocalizedValue","localize","addLocalizedTrailingDecimalZeros","calciteInputNumberInputEvent","calciteInputNumberInput","inputNumberKeyUpHandler","disabledWatcher","maxWatcher","max","toString","minWatcher","min","onMessagesChange","valueWatcher","warnAboutInvalidNumberValue","updateRequestedIcon","requestedIcon","setRequestedIcon","icon","clearable","effectiveLocaleWatcher","updateMessages","connectedCallback","connectInteractive","connectLocalized","connectMessages","inlineEditableEl","closest","connectLabel","connectForm","observe","childList","addEventListener","internalHiddenInputInputEvent","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","disconnectLocalized","disconnectMessages","disconnect","removeEventListener","componentWillLoad","setUpLoadableComponent","setUpMessages","componentShouldUpdate","oldValue","property","componentDidRender","updateHostInteraction","componentFocusable","focus","selectText","select","onLabelClick","stepHandleInteger","step","Math","round","inputStep","abs","inputVal","BigDecimal","nudgedValue","add","nudgedValueBelowInputMin","isNaN","subtract","isNegative","nudgedValueAboveInputMax","finalValue","syncHiddenFormInput","input","getAttribute","slottedActionElDisabledInternally","setAttribute","removeAttribute","console","warn","render","dir","getElementDir","h","class","label","messages","loading","type","inputClearButton","clear","onClick","tabIndex","scale","getIconScale","iconEl","flipRtl","iconFlipRtl","isHorizontalNumberButton","numberButtonType","numberButtonsHorizontalUp","onPointerDown","onPointerOut","onPointerUp","numberButtonsHorizontalDown","numberButtonsVertical","prefixText","suffixText","childEl","getLabelText","autocomplete","autofocus","defaultValue","enterKeyHint","inputMode","maxLength","minLength","undefined","onBlur","onFocus","onInput","onKeyDown","onKeyUp","placeholder","ref","Host","InteractiveContainer","CSS_UTILITY","rtl","HiddenFormInputSlot","component","validationMessage","status","Validation","validationIcon","message"],"sources":["src/components/input-number/resources.ts","src/components/input-number/input-number.scss?tag=calcite-input-number&encapsulation=shadow","src/components/input-number/input-number.tsx"],"sourcesContent":["export const CSS = {\n  loader: \"loader\",\n  clearButton: \"clear-button\",\n  editingEnabled: \"editing-enabled\",\n  inlineChild: \"inline-child\",\n  inputIcon: \"icon\",\n  prefix: \"prefix\",\n  suffix: \"suffix\",\n  numberButtonWrapper: \"number-button-wrapper\",\n  buttonItemHorizontal: \"number-button-item--horizontal\",\n  wrapper: \"element-wrapper\",\n  inputWrapper: \"wrapper\",\n  actionWrapper: \"action-wrapper\",\n  resizeIconWrapper: \"resize-icon-wrapper\",\n  numberButtonItem: \"number-button-item\",\n};\n\nexport const SLOTS = {\n  action: \"action\",\n};\n",":host {\n  @apply block;\n}\n\n// scales\n:host([scale=\"s\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n2h h-6 px-2;\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-6;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.6\");\n    min-inline-size: theme(\"spacing.6\");\n  }\n}\n\n:host([scale=\"m\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-n1h h-8 px-3;\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-8;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.8\");\n    min-inline-size: theme(\"spacing.8\");\n  }\n}\n\n:host([scale=\"l\"]) {\n  & input,\n  & .prefix,\n  & .suffix {\n    @apply text-0h h-11 px-4;\n  }\n  & .number-button-wrapper,\n  & .action-wrapper calcite-button,\n  & .action-wrapper calcite-button button {\n    @apply h-11;\n  }\n  & .clear-button {\n    min-block-size: theme(\"spacing.11\");\n    min-inline-size: theme(\"spacing.11\");\n  }\n}\n\n@include disabled();\n\ninput {\n  transition:\n    var(--calcite-animation-timing),\n    block-size 0,\n    outline-offset 0s;\n  -webkit-appearance: none;\n  @apply bg-foreground-1\n    box-border\n    flex\n    flex-1\n    font-inherit\n    font-normal\n    m-0\n    max-h-full\n    max-w-full\n    relative\n    rounded-none\n    text-color-1\n    text-ellipsis\n    w-full;\n\n  &:placeholder-shown {\n    @apply text-ellipsis;\n  }\n}\n\n// states\ninput {\n  @apply text-color-1\n    border-color-input\n    border\n    border-solid;\n  &::placeholder,\n  &:-ms-input-placeholder,\n  &::-ms-input-placeholder {\n    @apply text-color-3 font-normal;\n  }\n}\ninput:focus {\n  @apply border-color-brand text-color-1;\n}\ninput[readonly] {\n  @apply bg-background font-medium;\n}\ninput[readonly]:focus {\n  @apply text-color-1;\n}\ncalcite-icon {\n  @apply text-color-3;\n}\n\n//focus\ninput {\n  @apply focus-base;\n}\n\ninput:focus {\n  @apply focus-inset;\n}\n\n:host([status=\"invalid\"]) {\n  & input {\n    @apply border-color-danger;\n  }\n  & input:focus {\n    @apply focus-inset-danger;\n  }\n}\n\n// ICONS\n\n// position icons\n\n:host([scale=\"s\"]) .icon {\n  inset-inline-start: theme(\"spacing.2\");\n}\n\n:host([scale=\"m\"]) .icon {\n  inset-inline-start: theme(\"spacing.3\");\n}\n\n:host([scale=\"l\"]) .icon {\n  inset-inline-start: theme(\"spacing.4\");\n}\n\n// position placeholder/value text in relation to icons\n\n:host([icon][scale=\"s\"]) input {\n  padding-inline-start: theme(\"padding.8\");\n}\n\n:host([icon][scale=\"m\"]) input {\n  padding-inline-start: theme(\"padding.10\");\n}\n\n:host([icon][scale=\"l\"]) input {\n  padding-inline-start: theme(\"padding.14\");\n}\n\n// positioning wrapper for icon and loader\n\n.element-wrapper {\n  @apply relative\n    order-3\n    inline-flex\n    flex-1\n    items-center;\n}\n\n.icon {\n  @apply transition-default\n    pointer-events-none\n    absolute\n    block\n\n    z-default; // needed for firefox to display the icon properly\n}\n\n.clear-button {\n  pointer-events: initial;\n  @apply focus-base\n    border-color-input\n    bg-foreground-1\n    order-4\n    m-0\n    box-border\n    flex\n    min-h-full\n    cursor-pointer\n    items-center\n    justify-center\n    self-stretch\n    border\n    border-solid;\n\n  border-inline-start-width: theme(\"borderWidth.0\");\n\n  &:hover {\n    @apply bg-foreground-2 transition-default;\n    calcite-icon {\n      @apply text-color-1 transition-default;\n    }\n  }\n  &:active {\n    @apply bg-foreground-3;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n  &:focus {\n    @apply focus-inset;\n  }\n  &:disabled {\n    @apply opacity-disabled;\n  }\n}\n\n// loading\n.loader {\n  inset-block-start: 1px;\n  inset-inline: 1px;\n  @apply pointer-events-none\n    absolute\n    block;\n}\n\n// slotted action\n.action-wrapper {\n  @apply order-7 flex;\n}\n\n// prefix and suffix\n.prefix,\n.suffix {\n  @apply border-color-input\n    bg-background\n    text-color-2\n    box-border\n    flex\n    h-auto\n    min-h-full\n    select-none\n    content-center\n    items-center\n    break-words\n    border\n    border-solid\n    font-medium\n    leading-none;\n}\n\n.prefix {\n  @apply order-2;\n  border-inline-end-width: theme(\"borderWidth.0\");\n}\n.suffix {\n  @apply order-5;\n  border-inline-start-width: theme(\"borderWidth.0\");\n}\n\n// alignment type\n:host([alignment=\"start\"]) {\n  & input {\n    text-align: start;\n  }\n}\n\n:host([alignment=\"end\"]) {\n  & input {\n    text-align: end;\n  }\n}\n\n.number-button-wrapper {\n  @apply transition-default\n    pointer-events-none\n    order-6\n    box-border\n    flex\n    flex-col;\n}\n\n:host([number-button-type=\"vertical\"]) .wrapper {\n  flex-direction: row;\n  display: flex;\n}\n\n:host([number-button-type=\"vertical\"]) {\n  & input {\n    @apply order-2;\n  }\n}\n\n:host([number-button-type=\"horizontal\"]) .calcite--rtl {\n  & .number-button-item[data-adjustment=\"down\"] calcite-icon {\n    transform: rotate(-90deg);\n  }\n  & .number-button-item[data-adjustment=\"up\"] calcite-icon {\n    transform: rotate(-90deg);\n  }\n}\n\n.number-button-item.number-button-item--horizontal {\n  &[data-adjustment=\"down\"],\n  &[data-adjustment=\"up\"] {\n    @apply order-1\n      max-h-full\n      min-h-full\n      self-stretch;\n    & calcite-icon {\n      transform: rotate(90deg);\n    }\n  }\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=\"down\"] {\n  @apply border-color-input\n    border\n    border-solid;\n  border-inline-end-width: theme(\"borderWidth.0\");\n  &:hover {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n}\n\n.number-button-item.number-button-item--horizontal[data-adjustment=\"up\"] {\n  @apply order-5;\n  &:hover {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"down\"]:hover {\n  @apply bg-foreground-2;\n  calcite-icon {\n    @apply text-color-1;\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"up\"]:hover {\n  @apply bg-foreground-2;\n  calcite-icon {\n    @apply text-color-1;\n  }\n}\n\n:host([number-button-type=\"vertical\"]) .number-button-item[data-adjustment=\"down\"] {\n  @apply border-t-0;\n}\n\n.number-button-item {\n  max-block-size: 50%;\n  min-block-size: 50%;\n  pointer-events: initial;\n  @apply border-color-input\n    bg-foreground-1\n    transition-default\n    m-0\n    box-border\n    flex\n    cursor-pointer\n    items-center\n    self-center\n    border\n    border-solid\n    py-0\n    px-2;\n  border-inline-start-width: theme(\"borderWidth.0\");\n  & calcite-icon {\n    @apply transition-default pointer-events-none;\n  }\n  &:focus {\n    @apply bg-foreground-2;\n    calcite-icon {\n      @apply text-color-1;\n    }\n  }\n  &:active {\n    @apply bg-foreground-3;\n  }\n  &:disabled {\n    @apply pointer-events-none;\n  }\n}\n\n.wrapper {\n  @apply relative\n    flex\n    flex-row\n    items-center;\n}\n\n:host(.no-bottom-border) input {\n  @apply border-b-0;\n}\n\n:host(.border-top-color-one) input {\n  @apply border-t-color-1;\n}\n\n// input needed for higher specificity of these overrides\ninput {\n  &.inline-child {\n    @apply transition-default bg-transparent;\n    .editing-enabled {\n      background-color: inherit;\n    }\n  }\n\n  &.inline-child:not(.editing-enabled) {\n    @apply border-color-transparent\n    flex\n    cursor-pointer text-ellipsis;\n    padding-inline-start: 0;\n  }\n}\n\n@include form-validation-message();\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  getElementDir,\n  getSlotted,\n  isPrimaryPointerButton,\n  setRequestedIcon,\n} from \"../../utils/dom\";\nimport { Alignment, Scale, Status } from \"../interfaces\";\n\nimport {\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  internalHiddenInputInputEvent,\n  submitForm,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { numberKeys } from \"../../utils/key\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport {\n  addLocalizedTrailingDecimalZeros,\n  BigDecimal,\n  isValidNumber,\n  parseNumberString,\n  sanitizeNumberString,\n} from \"../../utils/number\";\nimport { createObserver } from \"../../utils/observers\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { InputPlacement, NumberNudgeDirection, SetValueOrigin } from \"../input/interfaces\";\nimport { InputNumberMessages } from \"./assets/input-number/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { Validation } from \"../functional/Validation\";\nimport {\n  NumericInputComponent,\n  syncHiddenFormInput,\n  TextualInputComponent,\n} from \"../input/common/input\";\n\n/**\n * @slot action - A slot for positioning a button next to the component.\n */\n@Component({\n  tag: \"calcite-input-number\",\n  styleUrl: \"input-number.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class InputNumber\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    LocalizedComponent,\n    NumericInputComponent,\n    T9nComponent,\n    TextualInputComponent,\n    LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the text alignment of the component's value. */\n  @Prop({ reflect: true }) alignment: Extract<\"start\" | \"end\", Alignment> = \"start\";\n\n  /**\n   * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.\n   *\n   * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)\n   */\n  @Prop({ reflect: true }) autofocus = false;\n\n  /**\n   * When `true`, a clear button is displayed when the component has a value.\n   */\n  @Prop({ reflect: true }) clearable = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   *\n   * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  disabledWatcher(): void {\n    this.setDisabledAction();\n  }\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true }) form: string;\n\n  /**\n   * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n   */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /**\n   * Specifies an icon to display.\n   *\n   * @futureBreaking Remove boolean type as it is not supported.\n   */\n  @Prop({ reflect: true }) icon: string | boolean;\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  /** When `true`, restricts the component to integer numbers only and disables exponential notation. */\n  @Prop() integer = false;\n\n  /** Accessible name for the component's button or hyperlink. */\n  @Prop() label: string;\n\n  /** When `true`, the component is in the loading state and `calcite-progress` is displayed. */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop({ reflect: true }) numberingSystem: NumberingSystem;\n\n  /**\n   * Toggles locale formatting for numbers.\n   *\n   * @internal\n   */\n  @Prop() localeFormat = false;\n\n  /**\n   * Specifies the maximum value.\n   *\n   * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)\n   */\n  @Prop({ reflect: true }) max: number;\n\n  /** watcher to update number-to-string for max */\n  @Watch(\"max\")\n  maxWatcher(): void {\n    this.maxString = this.max?.toString() || null;\n  }\n\n  /**\n   * Specifies the minimum value.\n   *\n   * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)\n   */\n  @Prop({ reflect: true }) min: number;\n\n  /** watcher to update number-to-string for min */\n  @Watch(\"min\")\n  minWatcher(): void {\n    this.minString = this.min?.toString() || null;\n  }\n\n  /**\n   * Specifies the maximum length of text for the component's value.\n   *\n   * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)\n   *\n   * @deprecated This property has no effect on the component.\n   */\n  @Prop({ reflect: true }) maxLength: number;\n\n  /**\n   * Specifies the minimum length of text for the component's value.\n   *\n   * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)\n   *\n   * @deprecated This property has no effect on the component.\n   */\n  @Prop({ reflect: true }) minLength: number;\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: string | boolean;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   *\n   * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** Specifies the placement of the buttons. */\n  @Prop({ reflect: true }) numberButtonType: InputPlacement = \"vertical\";\n\n  /**\n   * Specifies placeholder text for the component.\n   *\n   * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)\n   */\n  @Prop() placeholder: string;\n\n  /** Adds text to the start of the component. */\n  @Prop() prefixText: string;\n\n  /**\n   * When `true`, the component's value can be read, but cannot be modified.\n   *\n   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  /** When `true`, the component must have a value in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /**\n   * Specifies the granularity that the component's value must adhere to.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)\n   */\n  @Prop({ reflect: true }) step: number | \"any\";\n\n  /**\n   * Specifies the type of content to autocomplete, for use in forms.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * Specifies the type of content to help devices display an appropriate virtual keyboard.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)\n   */\n  @Prop() inputMode = \"decimal\";\n\n  /**\n   * Specifies the action label or icon for the Enter key on virtual keyboards.\n   * Read the native attribute's documentation on MDN for more info.\n   *\n   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)\n   */\n  @Prop() enterKeyHint: string;\n\n  /** Adds text to the end of the component.  */\n  @Prop() suffixText: string;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) editingEnabled = false;\n\n  /** The component's value. */\n  @Prop({ mutable: true }) value = \"\";\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: InputNumberMessages;\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<InputNumberMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string, previousValue: string): void {\n    if (!this.userChangedValue) {\n      if (newValue === \"Infinity\" || newValue === \"-Infinity\") {\n        this.displayedValue = newValue;\n        this.previousEmittedNumberValue = newValue;\n        return;\n      }\n\n      this.setNumberValue({\n        origin: \"direct\",\n        previousValue,\n        value:\n          newValue == null || newValue == \"\"\n            ? \"\"\n            : isValidNumber(newValue)\n              ? newValue\n              : this.previousValue || \"\",\n      });\n      this.warnAboutInvalidNumberValue(newValue);\n    }\n    this.userChangedValue = false;\n  }\n\n  @Watch(\"icon\")\n  updateRequestedIcon(): void {\n    this.requestedIcon = setRequestedIcon({}, this.icon, \"number\");\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputNumberElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: InputNumber[\"value\"];\n\n  inlineEditableEl: HTMLCalciteInlineEditableElement;\n\n  /** number text input element for locale */\n  private childNumberEl?: HTMLInputElement;\n\n  get isClearable(): boolean {\n    return this.clearable && this.value.length > 0;\n  }\n\n  private minString?: string;\n\n  private maxString?: string;\n\n  private previousEmittedNumberValue: string;\n\n  private previousValue: string;\n\n  private previousValueOrigin: SetValueOrigin = \"initial\";\n\n  /** the computed icon to render */\n  private requestedIcon?: string;\n\n  private nudgeNumberValueIntervalId: number;\n\n  mutationObserver = createObserver(\"mutation\", () => this.setDisabledAction());\n\n  private userChangedValue = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  State\n  //\n  //--------------------------------------------------------------------------\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleWatcher(locale: string): void {\n    updateMessages(this, this.effectiveLocale);\n    numberStringFormatter.numberFormatOptions = {\n      locale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: false,\n    };\n  }\n\n  @State() defaultMessages: InputNumberMessages;\n\n  @State() displayedValue: string;\n\n  @State() slottedActionElDisabledInternally = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n    this.inlineEditableEl = this.el.closest(\"calcite-inline-editable\");\n    if (this.inlineEditableEl) {\n      this.editingEnabled = this.inlineEditableEl.editingEnabled || false;\n    }\n    connectLabel(this);\n    connectForm(this);\n\n    this.setPreviousEmittedNumberValue(this.value);\n    this.setPreviousNumberValue(this.value);\n\n    this.warnAboutInvalidNumberValue(this.value);\n\n    if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n      this.displayedValue = this.value;\n      this.previousEmittedNumberValue = this.value;\n    } else {\n      this.setNumberValue({\n        origin: \"connected\",\n        value: isValidNumber(this.value) ? this.value : \"\",\n      });\n    }\n\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.setDisabledAction();\n    this.el.addEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n\n    this.mutationObserver?.disconnect();\n    this.el.removeEventListener(internalHiddenInputInputEvent, this.onHiddenFormInputInput);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.maxString = this.max?.toString();\n    this.minString = this.min?.toString();\n    this.requestedIcon = setRequestedIcon({}, this.icon, \"number\");\n    await setUpMessages(this);\n  }\n\n  componentShouldUpdate(newValue: string, oldValue: string, property: string): boolean {\n    if (property === \"value\" && newValue && !isValidNumber(newValue)) {\n      this.setNumberValue({\n        origin: \"reset\",\n        value: oldValue,\n      });\n      return false;\n    }\n    return true;\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalInputNumberFocus: EventEmitter<void>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalInputNumberBlur: EventEmitter<void>;\n\n  /**\n   * Fires each time a new value is typed.\n   */\n  @Event({ cancelable: true }) calciteInputNumberInput: EventEmitter<void>;\n\n  /**\n   * Fires each time a new value is typed and committed.\n   */\n  @Event({ cancelable: false }) calciteInputNumberChange: EventEmitter<void>;\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\n    this.childNumberEl?.focus();\n  }\n\n  /** Selects the text of the component's `value`. */\n  @Method()\n  async selectText(): Promise<void> {\n    this.childNumberEl?.select();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (this.readOnly || this.disabled) {\n      return;\n    }\n    if (this.isClearable && event.key === \"Escape\") {\n      this.clearInputValue(event);\n      event.preventDefault();\n    }\n    if (event.key === \"Enter\" && !event.defaultPrevented) {\n      if (submitForm(this)) {\n        event.preventDefault();\n      }\n    }\n  };\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  incrementOrDecrementNumberValue(\n    direction: NumberNudgeDirection,\n    inputMax: number | null,\n    inputMin: number | null,\n    nativeEvent: KeyboardEvent | MouseEvent,\n  ): void {\n    const { value } = this;\n\n    if (value === \"Infinity\" || value === \"-Infinity\") {\n      return;\n    }\n\n    const adjustment = direction === \"up\" ? 1 : -1;\n    const stepHandleInteger =\n      this.integer && this.step !== \"any\" ? Math.round(this.step) : this.step;\n    const inputStep = stepHandleInteger === \"any\" ? 1 : Math.abs(stepHandleInteger || 1);\n    const inputVal = new BigDecimal(value !== \"\" ? value : \"0\");\n    const nudgedValue = inputVal.add(`${inputStep * adjustment}`);\n\n    const nudgedValueBelowInputMin = () =>\n      typeof inputMin === \"number\" &&\n      !isNaN(inputMin) &&\n      nudgedValue.subtract(`${inputMin}`).isNegative;\n\n    const nudgedValueAboveInputMax = () =>\n      typeof inputMax === \"number\" &&\n      !isNaN(inputMax) &&\n      !nudgedValue.subtract(`${inputMax}`).isNegative;\n\n    const finalValue = nudgedValueBelowInputMin()\n      ? `${inputMin}`\n      : nudgedValueAboveInputMax()\n        ? `${inputMax}`\n        : nudgedValue.toString();\n\n    this.setNumberValue({\n      committing: true,\n      nativeEvent,\n      origin: \"user\",\n      value: finalValue,\n    });\n  }\n\n  private clearInputValue = (nativeEvent: KeyboardEvent | MouseEvent): void => {\n    this.setNumberValue({\n      committing: true,\n      nativeEvent,\n      origin: \"user\",\n      value: \"\",\n    });\n  };\n\n  private emitChangeIfUserModified = (): void => {\n    if (this.previousValueOrigin === \"user\" && this.value !== this.previousEmittedNumberValue) {\n      this.calciteInputNumberChange.emit();\n      this.setPreviousEmittedNumberValue(this.value);\n    }\n  };\n\n  private inputNumberBlurHandler = () => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n    this.calciteInternalInputNumberBlur.emit();\n    this.emitChangeIfUserModified();\n  };\n\n  private clickHandler = (event: MouseEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    const slottedActionEl = getSlotted(this.el, \"action\");\n    if (event.target !== slottedActionEl) {\n      this.setFocus();\n    }\n  };\n\n  private inputNumberFocusHandler = (): void => {\n    this.calciteInternalInputNumberFocus.emit();\n  };\n\n  private inputNumberInputHandler = (nativeEvent: InputEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n\n    if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n      return;\n    }\n\n    const value = (nativeEvent.target as HTMLInputElement).value;\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n    const delocalizedValue = numberStringFormatter.delocalize(value);\n    if (nativeEvent.inputType === \"insertFromPaste\") {\n      if (\n        !isValidNumber(delocalizedValue) ||\n        (this.integer && (delocalizedValue.includes(\"e\") || delocalizedValue.includes(\".\")))\n      ) {\n        nativeEvent.preventDefault();\n      }\n      this.setNumberValue({\n        nativeEvent,\n        origin: \"user\",\n        value: parseNumberString(delocalizedValue),\n      });\n      this.childNumberEl.value = this.displayedValue;\n    } else {\n      this.setNumberValue({\n        nativeEvent,\n        origin: \"user\",\n        value: delocalizedValue,\n      });\n    }\n  };\n\n  private inputNumberKeyDownHandler = (event: KeyboardEvent): void => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n\n    if (this.value === \"Infinity\" || this.value === \"-Infinity\") {\n      event.preventDefault();\n      if (event.key === \"Backspace\" || event.key === \"Delete\") {\n        this.clearInputValue(event);\n      }\n      return;\n    }\n\n    if (event.key === \"ArrowUp\") {\n      /* prevent default behavior of moving cursor to the beginning of the input when holding down ArrowUp */\n      event.preventDefault();\n      this.nudgeNumberValue(\"up\", event);\n      return;\n    }\n    if (event.key === \"ArrowDown\") {\n      this.nudgeNumberValue(\"down\", event);\n      return;\n    }\n    const supportedKeys = [\n      ...numberKeys,\n      \"ArrowLeft\",\n      \"ArrowRight\",\n      \"Backspace\",\n      \"Delete\",\n      \"Enter\",\n      \"Escape\",\n      \"Tab\",\n    ];\n    if (event.altKey || event.ctrlKey || event.metaKey) {\n      return;\n    }\n    const isShiftTabEvent = event.shiftKey && event.key === \"Tab\";\n    if (supportedKeys.includes(event.key) || isShiftTabEvent) {\n      if (event.key === \"Enter\") {\n        this.emitChangeIfUserModified();\n      }\n      return;\n    }\n\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n\n    if (event.key === numberStringFormatter.decimal && !this.integer) {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && this.childNumberEl.value.indexOf(numberStringFormatter.decimal) === -1) {\n        return;\n      }\n    }\n    if (/[eE]/.test(event.key) && !this.integer) {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && !/[eE]/.test(this.childNumberEl.value)) {\n        return;\n      }\n    }\n\n    if (event.key === \"-\") {\n      if (!this.value && !this.childNumberEl.value) {\n        return;\n      }\n      if (this.value && this.childNumberEl.value.split(\"-\").length <= 2) {\n        return;\n      }\n    }\n    event.preventDefault();\n  };\n\n  private nudgeNumberValue = (\n    direction: NumberNudgeDirection,\n    nativeEvent: KeyboardEvent | MouseEvent,\n  ): void => {\n    if (nativeEvent instanceof KeyboardEvent && nativeEvent.repeat) {\n      return;\n    }\n\n    const inputMax = this.maxString ? parseFloat(this.maxString) : null;\n    const inputMin = this.minString ? parseFloat(this.minString) : null;\n    const valueNudgeDelayInMs = 150;\n\n    this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);\n\n    if (this.nudgeNumberValueIntervalId) {\n      window.clearInterval(this.nudgeNumberValueIntervalId);\n    }\n    let firstValueNudge = true;\n    this.nudgeNumberValueIntervalId = window.setInterval(() => {\n      if (firstValueNudge) {\n        firstValueNudge = false;\n        return;\n      }\n\n      this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);\n    }, valueNudgeDelayInMs);\n  };\n\n  private nudgeButtonPointerUpHandler = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n  };\n\n  private nudgeButtonPointerOutHandler = (): void => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n  };\n\n  private nudgeButtonPointerDownHandler = (event: PointerEvent): void => {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    event.preventDefault();\n    const direction = (event.target as HTMLDivElement).dataset.adjustment as NumberNudgeDirection;\n    if (!this.disabled) {\n      this.nudgeNumberValue(direction, event);\n    }\n  };\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    syncHiddenFormInput(\"number\", this, input);\n  }\n\n  private onHiddenFormInputInput = (event: Event): void => {\n    if ((event.target as HTMLInputElement).name === this.name) {\n      this.setNumberValue({\n        value: (event.target as HTMLInputElement).value,\n        origin: \"direct\",\n      });\n    }\n    this.setFocus();\n    event.stopPropagation();\n  };\n\n  private setChildNumberElRef = (el: HTMLInputElement) => {\n    this.childNumberEl = el;\n  };\n\n  private setDisabledAction(): void {\n    const slottedActionEl = getSlotted(this.el, \"action\");\n\n    if (!slottedActionEl) {\n      return;\n    }\n\n    if (this.disabled) {\n      if (slottedActionEl.getAttribute(\"disabled\") == null) {\n        this.slottedActionElDisabledInternally = true;\n      }\n      slottedActionEl.setAttribute(\"disabled\", \"\");\n    } else if (this.slottedActionElDisabledInternally) {\n      slottedActionEl.removeAttribute(\"disabled\");\n      this.slottedActionElDisabledInternally = false;\n    }\n  }\n\n  private setInputNumberValue = (newInputValue: string): void => {\n    if (!this.childNumberEl) {\n      return;\n    }\n    this.childNumberEl.value = newInputValue;\n  };\n\n  private setPreviousEmittedNumberValue = (value: string): void => {\n    this.previousEmittedNumberValue = this.normalizeValue(value);\n  };\n\n  private normalizeValue(value: string): string {\n    return isValidNumber(value) ? value : \"\";\n  }\n\n  private setPreviousNumberValue = (value: string): void => {\n    this.previousValue = this.normalizeValue(value);\n  };\n\n  private setNumberValue = ({\n    committing = false,\n    nativeEvent,\n    origin,\n    previousValue,\n    value,\n  }: {\n    committing?: boolean;\n    nativeEvent?: MouseEvent | KeyboardEvent | InputEvent;\n    origin: SetValueOrigin;\n    previousValue?: string;\n    value: string;\n  }): void => {\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n\n    const isValueDeleted =\n      this.previousValue?.length > value.length || this.value?.length > value.length;\n\n    const valueHandleInteger = this.integer ? value.replace(/[e.]/g, \"\") : value;\n\n    const hasTrailingDecimalSeparator =\n      valueHandleInteger.charAt(valueHandleInteger.length - 1) === \".\";\n\n    const sanitizedValue =\n      hasTrailingDecimalSeparator && isValueDeleted\n        ? valueHandleInteger\n        : sanitizeNumberString(valueHandleInteger);\n\n    const newValue =\n      value && !sanitizedValue\n        ? isValidNumber(this.previousValue)\n          ? this.previousValue\n          : \"\"\n        : sanitizedValue;\n\n    let newLocalizedValue = numberStringFormatter.localize(newValue);\n\n    if (origin !== \"connected\" && !hasTrailingDecimalSeparator) {\n      newLocalizedValue = addLocalizedTrailingDecimalZeros(\n        newLocalizedValue,\n        newValue,\n        numberStringFormatter,\n      );\n    }\n\n    // adds localized trailing decimal separator\n    this.displayedValue =\n      hasTrailingDecimalSeparator && isValueDeleted\n        ? `${newLocalizedValue}${numberStringFormatter.decimal}`\n        : newLocalizedValue;\n\n    this.setPreviousNumberValue(previousValue ?? this.value);\n    this.previousValueOrigin = origin;\n    this.userChangedValue = origin === \"user\" && this.value !== newValue;\n    // don't sanitize the start of negative/decimal numbers, but\n    // don't set value to an invalid number\n    this.value = [\"-\", \".\"].includes(newValue) ? \"\" : newValue;\n\n    if (origin === \"direct\") {\n      this.setInputNumberValue(newLocalizedValue);\n      this.setPreviousEmittedNumberValue(newLocalizedValue);\n    }\n\n    if (nativeEvent) {\n      const calciteInputNumberInputEvent = this.calciteInputNumberInput.emit();\n      if (calciteInputNumberInputEvent.defaultPrevented) {\n        this.value = this.previousValue;\n        this.displayedValue = numberStringFormatter.localize(this.previousValue);\n      } else if (committing) {\n        this.emitChangeIfUserModified();\n      }\n    }\n  };\n\n  private inputNumberKeyUpHandler = (): void => {\n    window.clearInterval(this.nudgeNumberValueIntervalId);\n  };\n\n  private warnAboutInvalidNumberValue(value: string): void {\n    if (value && !isValidNumber(value)) {\n      console.warn(`The specified value \"${value}\" cannot be parsed, or is out of range.`);\n    }\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const dir = getElementDir(this.el);\n    const loader = (\n      <div class={CSS.loader}>\n        <calcite-progress label={this.messages.loading} type=\"indeterminate\" />\n      </div>\n    );\n\n    const inputClearButton = (\n      <button\n        aria-label={this.messages.clear}\n        class={CSS.clearButton}\n        disabled={this.disabled || this.readOnly}\n        onClick={this.clearInputValue}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n    const iconEl = (\n      <calcite-icon\n        class={CSS.inputIcon}\n        flipRtl={this.iconFlipRtl}\n        icon={this.requestedIcon}\n        scale={getIconScale(this.scale)}\n      />\n    );\n\n    const isHorizontalNumberButton = this.numberButtonType === \"horizontal\";\n\n    const numberButtonsHorizontalUp = (\n      <button\n        aria-hidden=\"true\"\n        class={{\n          [CSS.numberButtonItem]: true,\n          [CSS.buttonItemHorizontal]: isHorizontalNumberButton,\n        }}\n        data-adjustment=\"up\"\n        disabled={this.disabled || this.readOnly}\n        onPointerDown={this.nudgeButtonPointerDownHandler}\n        onPointerOut={this.nudgeButtonPointerOutHandler}\n        onPointerUp={this.nudgeButtonPointerUpHandler}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"chevron-up\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n\n    const numberButtonsHorizontalDown = (\n      <button\n        aria-hidden=\"true\"\n        class={{\n          [CSS.numberButtonItem]: true,\n          [CSS.buttonItemHorizontal]: isHorizontalNumberButton,\n        }}\n        data-adjustment=\"down\"\n        disabled={this.disabled || this.readOnly}\n        onPointerDown={this.nudgeButtonPointerDownHandler}\n        onPointerOut={this.nudgeButtonPointerOutHandler}\n        onPointerUp={this.nudgeButtonPointerUpHandler}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <calcite-icon icon=\"chevron-down\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n\n    const numberButtonsVertical = (\n      <div class={CSS.numberButtonWrapper}>\n        {numberButtonsHorizontalUp}\n        {numberButtonsHorizontalDown}\n      </div>\n    );\n\n    const prefixText = <div class={CSS.prefix}>{this.prefixText}</div>;\n\n    const suffixText = <div class={CSS.suffix}>{this.suffixText}</div>;\n\n    const childEl = (\n      <input\n        aria-label={getLabelText(this)}\n        autocomplete={this.autocomplete}\n        autofocus={this.autofocus ? true : null}\n        defaultValue={this.defaultValue}\n        disabled={this.disabled ? true : null}\n        enterKeyHint={this.enterKeyHint}\n        inputMode={this.inputMode}\n        key=\"localized-input\"\n        maxLength={this.maxLength}\n        minLength={this.minLength}\n        name={undefined}\n        onBlur={this.inputNumberBlurHandler}\n        onFocus={this.inputNumberFocusHandler}\n        onInput={this.inputNumberInputHandler}\n        onKeyDown={this.inputNumberKeyDownHandler}\n        onKeyUp={this.inputNumberKeyUpHandler}\n        placeholder={this.placeholder || \"\"}\n        readOnly={this.readOnly}\n        type=\"text\"\n        value={this.displayedValue}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={this.setChildNumberElRef}\n      />\n    );\n\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div class={{ [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === \"rtl\" }}>\n            {this.numberButtonType === \"horizontal\" && !this.readOnly\n              ? numberButtonsHorizontalDown\n              : null}\n            {this.prefixText ? prefixText : null}\n            <div class={CSS.wrapper}>\n              {childEl}\n              {this.isClearable ? inputClearButton : null}\n              {this.requestedIcon ? iconEl : null}\n              {this.loading ? loader : null}\n            </div>\n            <div class={CSS.actionWrapper}>\n              <slot name={SLOTS.action} />\n            </div>\n            {this.numberButtonType === \"vertical\" && !this.readOnly ? numberButtonsVertical : null}\n            {this.suffixText ? suffixText : null}\n            {this.numberButtonType === \"horizontal\" && !this.readOnly\n              ? numberButtonsHorizontalUp\n              : null}\n            <HiddenFormInputSlot component={this} />\n          </div>\n          {this.validationMessage && this.status === \"invalid\" ? (\n            <Validation\n              icon={this.validationIcon}\n              message={this.validationMessage}\n              scale={this.scale}\n              status={this.status}\n            />\n          ) : null}\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/calcite/p-dd22bda7.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{d as e}from"./p-777bf10b.js";import"./p-b803ea41.js";import"./p-4806287d.js";import"./p-45ff4eb2.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-e2450177.js";import"./p-4ff2dc44.js";import"./p-18fefdd4.js";import"./p-f293a0e6.js";import"./p-2b02889a.js";import"./p-395e11a4.js";import"./p-3e11754e.js";import"./p-4c100949.js";import"./p-42064ede.js";import"./p-3cb9d125.js";import"./p-f70e0d88.js";import"./p-fe4ceb2a.js";import"./p-a3f74f31.js";var m={name:"id",weekdays:"Minggu_Senin_Selasa_Rabu_Kamis_Jumat_Sabtu".split("_"),months:"Januari_Februari_Maret_April_Mei_Juni_Juli_Agustus_September_Oktober_November_Desember".split("_"),weekdaysShort:"Min_Sen_Sel_Rab_Kam_Jum_Sab".split("_"),monthsShort:"Jan_Feb_Mar_Apr_Mei_Jun_Jul_Agt_Sep_Okt_Nov_Des".split("_"),weekdaysMin:"Mg_Sn_Sl_Rb_Km_Jm_Sb".split("_"),weekStart:1,formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [pukul] HH.mm",LLLL:"dddd, D MMMM YYYY [pukul] HH.mm"},relativeTime:{future:"dalam %s",past:"%s yang lalu",s:"beberapa detik",m:"semenit",mm:"%d menit",h:"sejam",hh:"%d jam",d:"sehari",dd:"%d hari",M:"sebulan",MM:"%d bulan",y:"setahun",yy:"%d tahun"},ordinal:function e(m){return m+"."}};e.locale(m,null,true);export default m;
+//# sourceMappingURL=p-dd22bda7.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as e,c as o,h as t,H as i,g as r}from"./p-b803ea41.js";import{d as s,t as a}from"./p-45ff4eb2.js";import{c as n,d as c,H as l}from"./p-4806287d.js";import{c as d,d as h,u as p,I as b}from"./p-e2450177.js";import{i as m}from"./p-18fefdd4.js";import{c as u,d as k,g as f}from"./p-f293a0e6.js";import{c as v,s as g,a as x}from"./p-395e11a4.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-4ff2dc44.js";import"./p-2b02889a.js";const z=":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([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline-width:0px}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-2);vertical-align:top;outline-color:transparent}:host(:focus) .track{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, 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          )}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([checked]) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]) .handle{border-color:var(--calcite-color-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const y=class{constructor(t){e(this,t);this.calciteSwitchChange=o(this,"calciteSwitchChange",6);this.keyDownHandler=e=>{if(!this.disabled&&m(e.key)){this.toggle();e.preventDefault()}};this.clickHandler=()=>{if(this.disabled){return}this.toggle()};this.setSwitchEl=e=>{this.switchEl=e};this.disabled=false;this.form=undefined;this.label=undefined;this.name=undefined;this.scale="m";this.checked=false;this.value=undefined}async setFocus(){await v(this);s(this.switchEl)}syncHiddenFormInput(e){e.type="checkbox"}onLabelClick(){if(!this.disabled){this.toggle();this.setFocus()}}toggle(){this.checked=!this.checked;this.calciteSwitchChange.emit()}connectedCallback(){d(this);u(this);n(this)}componentWillLoad(){g(this)}componentDidLoad(){x(this)}disconnectedCallback(){h(this);k(this);c(this)}componentDidRender(){p(this)}render(){return t(i,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},t(b,{disabled:this.disabled},t("div",{"aria-checked":a(this.checked),"aria-label":f(this),class:"container",role:"switch",tabIndex:0,ref:this.setSwitchEl},t("div",{class:"track"},t("div",{class:"handle"})),t(l,{component:this}))))}get el(){return r(this)}};y.style=z;export{y as calcite_switch};
+//# sourceMappingURL=p-df44e3c7.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["switchCss","Switch","this","keyDownHandler","event","disabled","isActivationKey","key","toggle","preventDefault","clickHandler","setSwitchEl","el","switchEl","setFocus","componentFocusable","focusElement","syncHiddenFormInput","input","type","onLabelClick","checked","calciteSwitchChange","emit","connectedCallback","connectInteractive","connectLabel","connectForm","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectInteractive","disconnectLabel","disconnectForm","componentDidRender","updateHostInteraction","render","h","Host","onClick","onKeyDown","InteractiveContainer","toAriaBoolean","getLabelText","class","role","tabIndex","ref","HiddenFormInputSlot","component"],"sources":["src/components/switch/switch.scss?tag=calcite-switch&encapsulation=shadow","src/components/switch/switch.tsx"],"sourcesContent":["// sizes\n:host([scale=\"s\"]) {\n  .container {\n    @apply h-3;\n  }\n  .track {\n    @apply h-3 w-6;\n  }\n  .handle {\n    @apply h-2 w-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  .container {\n    @apply h-4;\n  }\n  .track {\n    @apply h-4 w-8;\n  }\n  .handle {\n    @apply h-3 w-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .container {\n    @apply h-6;\n  }\n  .track {\n    @apply h-6 w-12;\n  }\n  .handle {\n    @apply h-5 w-5;\n  }\n}\n\n:host {\n  @apply relative\n    inline-block\n    w-auto\n    cursor-pointer\n    select-none\n    align-middle;\n  tap-highlight-color: transparent;\n}\n\n@include disabled();\n\n.container {\n  @apply outline-0;\n}\n\n.track {\n  @apply bg-foreground-2\n    border-color-2\n    pointer-events-none\n    relative\n    box-border\n    inline-block\n    rounded-full\n    border\n    border-solid\n    align-top\n    focus-base;\n}\n\n:host(:focus) .track {\n  @apply focus-outset;\n}\n\n.handle {\n  @apply bg-foreground-1\n    border-color-input\n    pointer-events-none\n    absolute\n    block\n    rounded-full\n    border-2\n    border-solid\n    transition-all\n    duration-150\n    ease-in-out;\n  inset-block-start: -1px;\n  inset-inline: -1px theme(\"inset.auto\");\n}\n\n:host(:hover),\n:host(:focus) {\n  .handle {\n    @apply border-color-brand;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-brand);\n  }\n}\n\n:host([checked]) {\n  .track {\n    @apply bg-brand border-color-brand-hover;\n  }\n  .handle {\n    @apply border-color-brand;\n    inset-inline: theme(\"inset.auto\") -1px;\n  }\n}\n\n:host([checked]:hover) {\n  .track {\n    @apply bg-brand border-color-brand-hover;\n  }\n  .handle {\n    @apply border-color-brand-hover;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-brand-hover);\n  }\n}\n\n@media (forced-colors: active) {\n  :host([checked]) {\n    .track {\n      background-color: canvasText;\n    }\n  }\n}\n\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { focusElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  CheckableFormComponent,\n  connectForm,\n  disconnectForm,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Scale } from \"../interfaces\";\n\n@Component({\n  tag: \"calcite-switch\",\n  styleUrl: \"switch.scss\",\n  shadow: true,\n})\nexport class Switch\n  implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /** Accessible name for the component. */\n  @Prop() label: string;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** When `true`, the component is checked. */\n  @Prop({ reflect: true, mutable: true }) checked = false;\n\n  /** The component's value. */\n  @Prop() value: any;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSwitchElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  switchEl: HTMLDivElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Switch[\"checked\"];\n\n  defaultChecked: boolean;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    focusElement(this.switchEl);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.type = \"checkbox\";\n  }\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (!this.disabled && isActivationKey(event.key)) {\n      this.toggle();\n      event.preventDefault();\n    }\n  };\n\n  onLabelClick(): void {\n    if (!this.disabled) {\n      this.toggle();\n      this.setFocus();\n    }\n  }\n\n  private toggle(): void {\n    this.checked = !this.checked;\n    this.calciteSwitchChange.emit();\n  }\n\n  private clickHandler = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.toggle();\n  };\n\n  private setSwitchEl = (el: HTMLDivElement): void => {\n    this.switchEl = el;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the `checked` value has changed.\n   */\n  @Event({ cancelable: false }) calciteSwitchChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-checked={toAriaBoolean(this.checked)}\n            aria-label={getLabelText(this)}\n            class=\"container\"\n            role=\"switch\"\n            tabIndex={0}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.setSwitchEl}\n          >\n            <div class=\"track\">\n              <div class=\"handle\" />\n            </div>\n            <HiddenFormInputSlot component={this} />\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;8bAAA,MAAMA,EAAY,w/F,MCwCLC,EAAM,M,kFAiFjBC,KAAAC,eAAkBC,IAChB,IAAKF,KAAKG,UAAYC,EAAgBF,EAAMG,KAAM,CAChDL,KAAKM,SACLJ,EAAMK,gB,GAgBFP,KAAAQ,aAAe,KACrB,GAAIR,KAAKG,SAAU,CACjB,M,CAGFH,KAAKM,QAAQ,EAGPN,KAAAS,YAAeC,IACrBV,KAAKW,SAAWD,CAAE,E,cAnGgB,M,wEAqBI,I,aAGU,M,qBA+BlD,cAAME,SACEC,EAAmBb,MAEzBc,EAAad,KAAKW,S,CASpB,mBAAAI,CAAoBC,GAClBA,EAAMC,KAAO,U,CAUf,YAAAC,GACE,IAAKlB,KAAKG,SAAU,CAClBH,KAAKM,SACLN,KAAKY,U,EAID,MAAAN,GACNN,KAAKmB,SAAWnB,KAAKmB,QACrBnB,KAAKoB,oBAAoBC,M,CAgC3B,iBAAAC,GACEC,EAAmBvB,MACnBwB,EAAaxB,MACbyB,EAAYzB,K,CAGd,iBAAA0B,GACEC,EAAuB3B,K,CAGzB,gBAAA4B,GACEC,EAAmB7B,K,CAGrB,oBAAA8B,GACEC,EAAsB/B,MACtBgC,EAAgBhC,MAChBiC,EAAejC,K,CAGjB,kBAAAkC,GACEC,EAAsBnC,K,CASxB,MAAAoC,GACE,OACEC,EAACC,EAAI,CAACC,QAASvC,KAAKQ,aAAcgC,UAAWxC,KAAKC,gBAChDoC,EAACI,EAAoB,CAACtC,SAAUH,KAAKG,UACnCkC,EAAA,sBACgBK,EAAc1C,KAAKmB,SAAQ,aAC7BwB,EAAa3C,MACzB4C,MAAM,YACNC,KAAK,SACLC,SAAU,EAEVC,IAAK/C,KAAKS,aAEV4B,EAAA,OAAKO,MAAM,SACTP,EAAA,OAAKO,MAAM,YAEbP,EAACW,EAAmB,CAACC,UAAWjD,S"}

package/dist/calcite/p-e060f1e4.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{d as r}from"./p-777bf10b.js";import"./p-b803ea41.js";import"./p-4806287d.js";import"./p-45ff4eb2.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-e2450177.js";import"./p-4ff2dc44.js";import"./p-18fefdd4.js";import"./p-f293a0e6.js";import"./p-2b02889a.js";import"./p-395e11a4.js";import"./p-3e11754e.js";import"./p-4c100949.js";import"./p-42064ede.js";import"./p-3cb9d125.js";import"./p-f70e0d88.js";import"./p-fe4ceb2a.js";import"./p-a3f74f31.js";var e={name:"hu",weekdays:"vasárnap_hétfő_kedd_szerda_csütörtök_péntek_szombat".split("_"),weekdaysShort:"vas_hét_kedd_sze_csüt_pén_szo".split("_"),weekdaysMin:"v_h_k_sze_cs_p_szo".split("_"),months:"január_február_március_április_május_június_július_augusztus_szeptember_október_november_december".split("_"),monthsShort:"jan_feb_márc_ápr_máj_jún_júl_aug_szept_okt_nov_dec".split("_"),ordinal:function r(e){return e+"."},weekStart:1,relativeTime:{future:"%s múlva",past:"%s",s:function r(e,t,n,p){return"néhány másodperc"+(p||t?"":"e")},m:function r(e,t,n,p){return"egy perc"+(p||t?"":"e")},mm:function r(e,t,n,p){return e+" perc"+(p||t?"":"e")},h:function r(e,t,n,p){return"egy "+(p||t?"óra":"órája")},hh:function r(e,t,n,p){return e+" "+(p||t?"óra":"órája")},d:function r(e,t,n,p){return"egy "+(p||t?"nap":"napja")},dd:function r(e,t,n,p){return e+" "+(p||t?"nap":"napja")},M:function r(e,t,n,p){return"egy "+(p||t?"hónap":"hónapja")},MM:function r(e,t,n,p){return e+" "+(p||t?"hónap":"hónapja")},y:function r(e,t,n,p){return"egy "+(p||t?"év":"éve")},yy:function r(e,t,n,p){return e+" "+(p||t?"év":"éve")}},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY. MMMM D.",LLL:"YYYY. MMMM D. H:mm",LLLL:"YYYY. MMMM D., dddd H:mm"}};r.locale(e,null,true);export default e;
+//# sourceMappingURL=p-e060f1e4.js.map

package/dist/calcite/p-e2450177.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{g as n}from"./p-4ff2dc44.js";import{h as t}from"./p-b803ea41.js";const i=/firefox/i.test(n());const o=i?new WeakMap:null;function e(){const{disabled:n}=this;if(!n){HTMLElement.prototype.click.call(this)}}function r(n){const t=n.target;if(i&&!o.get(t)){return}const{disabled:e}=t;if(e){n.preventDefault()}}const c=["mousedown","mouseup","click"];function u(n){const t=n.target;if(i&&!o.get(t)){return}if(t.disabled){n.stopImmediatePropagation();n.preventDefault()}}const f={capture:true};function s(n){if(n.disabled){n.el.setAttribute("aria-disabled","true");if(n.el.contains(document.activeElement)){document.activeElement.blur()}a(n);return}p(n);n.el.removeAttribute("aria-disabled")}function a(n){n.el.click=e;if(i){const t=l(n);const i=o.get(n.el);if(i!==t){m(i);o.set(n.el,t)}d(o.get(n.el));return}d(n.el)}function d(n){if(!n){return}n.addEventListener("pointerdown",r,f);c.forEach((t=>n.addEventListener(t,u,f)))}function l(n){return n.el.parentElement||n.el}function p(n){delete n.el.click;if(i){m(o.get(n.el));o.delete(n.el);return}m(n.el)}function m(n){if(!n){return}n.removeEventListener("pointerdown",r,f);c.forEach((t=>n.removeEventListener(t,u,f)))}function b(n){if(!n.disabled||!i){return}a(n)}function w(n){if(!i){return}p(n)}const h={container:"interaction-container"};function j({disabled:n},i){return t("div",{class:h.container,inert:n},...i)}export{j as I,b as c,w as d,s as u};
+//# sourceMappingURL=p-e2450177.js.map

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.0-next.2
+ */
+import{r as t,c as s,h as e,H as i,g as a}from"./p-b803ea41.js";import{l as o,d as c,t as r}from"./p-45ff4eb2.js";import{c as n,u as h,d as l,I as d}from"./p-e2450177.js";import{a as p,s as b,b as f}from"./p-395e11a4.js";import"./p-61de3618.js";import"./p-a6db335a.js";import"./p-4ff2dc44.js";const u=":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-card-group-gap:var(--calcite-size-md);display:block}.container{display:flex;flex-wrap:wrap;gap:var(--calcite-card-group-gap)}: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 m=class{constructor(e){t(this,e);this.calciteCardGroupSelect=s(this,"calciteCardGroupSelect",6);this.items=[];this.udpateItemsOnSelectionModeChange=()=>{this.updateSlottedItems(this.slotRefEl);this.updateSelectedItems()};this.updateItemsOnSlotChange=t=>{this.updateSlottedItems(t.target);this.updateSelectedItems()};this.updateSlottedItems=t=>{this.items=t.assignedElements({flatten:true}).filter((t=>t?.matches("calcite-card")))};this.updateSelectedItems=()=>{this.items.forEach((t=>{t.selectionMode=this.selectionMode}));this.setSelectedItems(false)};this.setSelectedItems=(t,s)=>{if(s){this.items.forEach((t=>{const e=s===t;switch(this.selectionMode){case"multiple":if(e){t.selected=!t.selected}break;case"single":t.selected=e?!t.selected:false;break;case"single-persist":t.selected=!!e;break}}))}this.selectedItems=this.items.filter((t=>t.selected));if(t&&this.selectionMode!=="none"&&!this.disabled){this.calciteCardGroupSelect.emit()}};this.disabled=false;this.label=undefined;this.selectionMode="none";this.selectedItems=[]}onSelectionModeChange(){this.udpateItemsOnSelectionModeChange()}connectedCallback(){n(this)}componentDidRender(){h(this)}componentDidLoad(){p(this)}disconnectedCallback(){l(this)}async componentWillLoad(){b(this)}calciteInternalCardKeyEventListener(t){if(t.composedPath().includes(this.el)){const s=this.items.filter((t=>!t.disabled));switch(t.detail["key"]){case"ArrowRight":o(s,t.target,"next");break;case"ArrowLeft":o(s,t.target,"previous");break;case"Home":o(s,t.target,"first");break;case"End":o(s,t.target,"last");break}}}calciteCardSelectListener(t){if(t.composedPath().includes(this.el)&&!t.target.selectable){this.setSelectedItems(true,t.target)}}async setFocus(){await f(this);if(!this.disabled){c(this.items[0])}}render(){const t=this.selectionMode==="none"||this.selectionMode==="multiple"?"group":"radiogroup";return e(i,null,e(d,{disabled:this.disabled},e("div",{"aria-disabled":r(this.disabled),"aria-label":this.label,class:"container",role:t},e("slot",{onSlotchange:this.updateItemsOnSlotChange,ref:t=>this.slotRefEl=t}))))}get el(){return a(this)}static get watchers(){return{selectionMode:["onSelectionModeChange"]}}};m.style=u;export{m as calcite_card_group};
+//# sourceMappingURL=p-e2a9b056.entry.js.map