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

package/dist/cdn/{IDNRZC6D.js → VBMZS3ZU.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{b as h}from"./JN6YLTUP.js";import{f as g}from"./RHTSOGXY.js";var x=new RegExp("\\.(0+)?$"),L=new RegExp("0+$"),p=class t{static{this.DECIMALS=100}static{this.ROUNDED=!0}static{this.SHIFT=BigInt("1"+"0".repeat(this.DECIMALS))}constructor(e){if(e instanceof t)return e;let[s,r]=j(e).split(".").concat("");this.value=BigInt(s+r.padEnd(t.DECIMALS,"0").slice(0,t.DECIMALS))+BigInt(t.ROUNDED&&r[t.DECIMALS]>="5"),this.isNegative=e.charAt(0)==="-"}static{this._divRound=(e,s)=>t.fromBigInt(e/s+(t.ROUNDED?e*BigInt(2)/s%BigInt(2):BigInt(0)))}static{this.fromBigInt=e=>Object.assign(Object.create(t.prototype),{value:e,isNegative:e<BigInt(0)})}getIntegersAndDecimals(){let e=this.value.toString().replace("-","").padStart(t.DECIMALS+1,"0"),s=e.slice(0,-t.DECIMALS),r=e.slice(-t.DECIMALS).replace(L,"");return{integers:s,decimals:r}}toString(){let{integers:e,decimals:s}=this.getIntegersAndDecimals();return`${this.isNegative?"-":""}${e}${s.length?"."+s:""}`}formatToParts(e,s=!1){let{integers:r,decimals:i}=this.getIntegersAndDecimals(),n=I(e,r,this.isNegative,s);return i.length&&(n.push({type:"decimal",value:e.decimal}),i.split("").forEach(c=>n.push({type:"fraction",value:c}))),n}format(e,s=!1){let{integers:r,decimals:i}=this.getIntegersAndDecimals(),n=I(e,r,this.isNegative,s).map(o=>o.value).join(""),c=i.length?`${e.decimal}${i.split("").map(o=>e.numberFormatter.format(Number(o))).join("")}`:"";return`${n}${c}`}add(e){return t.fromBigInt(this.value+new t(e).value)}subtract(e){return t.fromBigInt(this.value-new t(e).value)}multiply(e){return t._divRound(this.value*new t(e).value,t.SHIFT)}divide(e){return t._divRound(this.value*t.SHIFT,new t(e).value)}};function I(t,e,s,r){let i=t.numberFormatter.formatToParts(r&&s&&e==="0"?-0:BigInt(`${r&&s?"-":""}${e}`));return s&&!r&&i.unshift({type:"minusSign",value:t.minusSign}),i}function S(t){return!(!t||isNaN(Number(t)))}function Y(t){return!t||!M(t)?"":d(t,e=>{let s=!1,r=e.split("").filter((i,n)=>i.match(/\./g)&&!s?(s=!0,!0):i.match(/-/g)&&n===0?!0:h.includes(i)).join("");return S(r)?new p(r).toString():""})}var y=/^([-0])0+(?=\d)/,A=/(?!^\.)\.$/,_=/(?!^-)-/g,C=/^-\b0\b\.?0*$/,T=/0*$/,R=new Set(["e","E","-",",",".",...h]),V=t=>{let e=Array.from(t).filter(s=>R.has(s)).join("");return d(e,s=>{let r=s.replace(_,"").replace(A,"").replace(y,"$1");return S(r)?C.test(r)?r:B(r):s})};function B(t){let e=t.split(".")[1],s=new p(t).toString(),[r,i]=s.split(".");return e&&i!==e?`${r}.${e}`:s}function d(t,e){if(!t)return t;let s=t.toLowerCase().indexOf("e")+1;return s?t.replace(/[eE]*$/g,"").substring(0,s).concat(t.slice(s).replace(/[eE]/g,"")).split(/[eE]/).map((r,i)=>e(i===1?r.replace(/\./g,""):r)).join("e").replace(/^e/,"1e"):e(t)}function j(t){let e=t.split(/[eE]/);if(e.length===1)return t;let s=+t;if(Number.isSafeInteger(s))return`${s}`;let r=t.charAt(0)==="-",i=+e[1],n=e[0].split("."),c=(r?n[0].substring(1):n[0])||"",o=n[1]||"",v=(a,m)=>{let l=Math.abs(m)-a.length,f=l>0?`${"0".repeat(l)}${a}`:a;return`${f.slice(0,m)}.${f.slice(m)}`},N=(a,m)=>{let l=m>a.length?`${a}${"0".repeat(m-a.length)}`:a;return`${l.slice(0,m)}.${l.slice(m)}`},D=i>0?`${c}${N(o,i)}`:`${v(c,i)}${o}`;return`${r?"-":""}${D.charAt(0)==="."?"0":""}${D.replace(x,"").replace(y,"")}`}function M(t){return h.some(e=>t.includes(e))}function ee(t,e,s){let r=e.split(".")[1];if(r){let i=r.match(T)?.[0];if(i&&s.delocalize(t).length!==e.length&&r.indexOf("e")===-1){let n=s.decimal;return t=t.includes(n)?t:`${t}${n}`,t.padEnd(t.length+i.length,s.localize("0"))}}return t}var te=new Map(Object.entries({bg:{am:"\u043F\u0440.\u043E\u0431.",pm:"\u0441\u043B.\u043E\u0431."},bs:{am:"prijepodne",pm:"popodne"},ca:{am:"a.\xA0m.",pm:"p.\xA0m."},cs:{am:"dop.",pm:"odp."},es:{am:"a.\xA0m.",pm:"p.\xA0m."},"es-mx":{am:"a.m.",pm:"p.m."},"es-MX":{am:"a.m.",pm:"p.m."},fi:{am:"ap.",pm:"ip."},he:{am:"\u05DC\u05E4\u05E0\u05D4\u05F4\u05E6",pm:"\u05D0\u05D7\u05D4\u05F4\u05E6"},hu:{am:"de. ",pm:"du."},lt:{am:"prie\u0161piet",pm:"popiet"},lv:{am:"priek\u0161pusdien\u0101",pm:"p\u0113cpusdien\u0101"},mk:{am:"\u043F\u0440\u0435\u0442\u043F\u043B.",pm:"\u043F\u043E\u043F\u043B."},no:{am:"a.m.",pm:"p.m."},nl:{am:"a.m.",pm:"p.m."},"pt-pt":{am:"da manh\xE3",pm:"da tarde"},"pt-PT":{am:"da manh\xE3",pm:"da tarde"},ro:{am:"a.m.",pm:"p.m."},sl:{am:"dop.",pm:"pop."},sv:{am:"fm",pm:"em"},th:{am:"\u0E01\u0E48\u0E2D\u0E19\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",pm:"\u0E2B\u0E25\u0E31\u0E07\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07"},tr:{am:"\xD6\xD6",pm:"\xD6S"},uk:{am:"\u0434\u043F",pm:"\u043F\u043F"},vi:{am:"SA",pm:"CH"}})),F=["arab","arabext","latn"],w=t=>!!(F&&F.includes(t)),b=new Intl.NumberFormat().resolvedOptions().numberingSystem,P=/[\u061C\u200E\u200F]/g,E=b==="arab"||!w(b)?"latn":b,H=t=>w(t)?t:E;function se(t){switch(t){case"it-CH":return"de-CH";case"bs":return"sr-Latn-CS";default:return t}}var $=class{constructor(){this.delocalize=e=>this._numberFormatOptions?d(e,s=>this.#e(this.#t(s))):e,this.localize=(e,s=!1)=>this._numberFormatOptions?d(e,r=>S(r.trim())?new p(r.trim()).format(this,s).replace(new RegExp(`[${this._actualGroup}]`,"g"),this._group):r):e}get group(){return this._group}get decimal(){return this._decimal}get minusSign(){return this._minusSign}get digits(){return this._digits}get numberFormatter(){return this._numberFormatter}get numberFormatOptions(){return this._numberFormatOptions}set numberFormatOptions(e){if(e.numberingSystem=H(e?.numberingSystem),e.locale=e?.locale||g,!this._numberFormatOptions&&e.locale===g&&e.numberingSystem===E&&Object.keys(e).length===2||JSON.stringify(this._numberFormatOptions)===JSON.stringify(e))return;this._numberFormatOptions=e,this._numberFormatter=new Intl.NumberFormat(this._numberFormatOptions.locale,this._numberFormatOptions),this._digits=[...new Intl.NumberFormat(this._numberFormatOptions.locale,{useGrouping:!1,numberingSystem:this._numberFormatOptions.numberingSystem}).format(9876543210)].reverse();let s=new Map(this._digits.map((i,n)=>[i,n])),r=new Intl.NumberFormat(this._numberFormatOptions.locale,{numberingSystem:this._numberFormatOptions.numberingSystem}).formatToParts(-123456789e-1);this._actualGroup=r.find(i=>i.type==="group").value,this._group=this._actualGroup.trim().length===0||this._actualGroup==" "?"\xA0":this._actualGroup,this._decimal=e.locale==="bs"||e.locale==="mk"?",":r.find(i=>i.type==="decimal").value,this._minusSign=r.find(i=>i.type==="minusSign").value,this._getDigitIndex=i=>`${s.get(i)??""}`}#e(e){return e.replace(P,"").replace(new RegExp(`[${this._minusSign}]`,"g"),"-").replace(new RegExp(`[${this._digits.join("")}]`,"g"),this._getDigitIndex)}#t(e){if(this._group!==this._decimal)return e.replace(new RegExp(`[${this._group}]`,"g"),"").replace(new RegExp(`[${this._decimal}]`,"g"),".");let s=e.lastIndexOf(this._decimal);if(s===-1)return e;let r=e.slice(0,s).replace(new RegExp(`[${this._group}]`,"g"),""),i=e.slice(s+1);return`${r}.${i}`}},re=new $,u,O;function Z(t={}){return Object.entries(t).sort(([e],[s])=>e.localeCompare(s)).map(e=>`${e[0]}-${e[1]}`).flat().join(":")}function ie(t,e){u||(u=new Map),O!==t&&(u.clear(),O=t);let s=Z(e),r=u.get(s);if(r)return r;let i=new Intl.DateTimeFormat(t,e);return u.set(s,i),i}export{p as a,S as b,Y as c,V as d,ee as e,te as f,H as g,se as h,$ as i,re as j,ie as k};
+import{b as h}from"./JN6YLTUP.js";import{f as g}from"./TOTGM2SP.js";var x=new RegExp("\\.(0+)?$"),L=new RegExp("0+$"),p=class t{static{this.DECIMALS=100}static{this.ROUNDED=!0}static{this.SHIFT=BigInt("1"+"0".repeat(this.DECIMALS))}constructor(e){if(e instanceof t)return e;let[s,r]=j(e).split(".").concat("");this.value=BigInt(s+r.padEnd(t.DECIMALS,"0").slice(0,t.DECIMALS))+BigInt(t.ROUNDED&&r[t.DECIMALS]>="5"),this.isNegative=e.charAt(0)==="-"}static{this._divRound=(e,s)=>t.fromBigInt(e/s+(t.ROUNDED?e*BigInt(2)/s%BigInt(2):BigInt(0)))}static{this.fromBigInt=e=>Object.assign(Object.create(t.prototype),{value:e,isNegative:e<BigInt(0)})}getIntegersAndDecimals(){let e=this.value.toString().replace("-","").padStart(t.DECIMALS+1,"0"),s=e.slice(0,-t.DECIMALS),r=e.slice(-t.DECIMALS).replace(L,"");return{integers:s,decimals:r}}toString(){let{integers:e,decimals:s}=this.getIntegersAndDecimals();return`${this.isNegative?"-":""}${e}${s.length?"."+s:""}`}formatToParts(e,s=!1){let{integers:r,decimals:i}=this.getIntegersAndDecimals(),n=I(e,r,this.isNegative,s);return i.length&&(n.push({type:"decimal",value:e.decimal}),i.split("").forEach(c=>n.push({type:"fraction",value:c}))),n}format(e,s=!1){let{integers:r,decimals:i}=this.getIntegersAndDecimals(),n=I(e,r,this.isNegative,s).map(o=>o.value).join(""),c=i.length?`${e.decimal}${i.split("").map(o=>e.numberFormatter.format(Number(o))).join("")}`:"";return`${n}${c}`}add(e){return t.fromBigInt(this.value+new t(e).value)}subtract(e){return t.fromBigInt(this.value-new t(e).value)}multiply(e){return t._divRound(this.value*new t(e).value,t.SHIFT)}divide(e){return t._divRound(this.value*t.SHIFT,new t(e).value)}};function I(t,e,s,r){let i=t.numberFormatter.formatToParts(r&&s&&e==="0"?-0:BigInt(`${r&&s?"-":""}${e}`));return s&&!r&&i.unshift({type:"minusSign",value:t.minusSign}),i}function S(t){return!(!t||isNaN(Number(t)))}function Y(t){return!t||!M(t)?"":d(t,e=>{let s=!1,r=e.split("").filter((i,n)=>i.match(/\./g)&&!s?(s=!0,!0):i.match(/-/g)&&n===0?!0:h.includes(i)).join("");return S(r)?new p(r).toString():""})}var y=/^([-0])0+(?=\d)/,A=/(?!^\.)\.$/,_=/(?!^-)-/g,C=/^-\b0\b\.?0*$/,T=/0*$/,R=new Set(["e","E","-",",",".",...h]),V=t=>{let e=Array.from(t).filter(s=>R.has(s)).join("");return d(e,s=>{let r=s.replace(_,"").replace(A,"").replace(y,"$1");return S(r)?C.test(r)?r:B(r):s})};function B(t){let e=t.split(".")[1],s=new p(t).toString(),[r,i]=s.split(".");return e&&i!==e?`${r}.${e}`:s}function d(t,e){if(!t)return t;let s=t.toLowerCase().indexOf("e")+1;return s?t.replace(/[eE]*$/g,"").substring(0,s).concat(t.slice(s).replace(/[eE]/g,"")).split(/[eE]/).map((r,i)=>e(i===1?r.replace(/\./g,""):r)).join("e").replace(/^e/,"1e"):e(t)}function j(t){let e=t.split(/[eE]/);if(e.length===1)return t;let s=+t;if(Number.isSafeInteger(s))return`${s}`;let r=t.charAt(0)==="-",i=+e[1],n=e[0].split("."),c=(r?n[0].substring(1):n[0])||"",o=n[1]||"",v=(a,m)=>{let l=Math.abs(m)-a.length,f=l>0?`${"0".repeat(l)}${a}`:a;return`${f.slice(0,m)}.${f.slice(m)}`},N=(a,m)=>{let l=m>a.length?`${a}${"0".repeat(m-a.length)}`:a;return`${l.slice(0,m)}.${l.slice(m)}`},D=i>0?`${c}${N(o,i)}`:`${v(c,i)}${o}`;return`${r?"-":""}${D.charAt(0)==="."?"0":""}${D.replace(x,"").replace(y,"")}`}function M(t){return h.some(e=>t.includes(e))}function ee(t,e,s){let r=e.split(".")[1];if(r){let i=r.match(T)?.[0];if(i&&s.delocalize(t).length!==e.length&&r.indexOf("e")===-1){let n=s.decimal;return t=t.includes(n)?t:`${t}${n}`,t.padEnd(t.length+i.length,s.localize("0"))}}return t}var te=new Map(Object.entries({bg:{am:"\u043F\u0440.\u043E\u0431.",pm:"\u0441\u043B.\u043E\u0431."},bs:{am:"prijepodne",pm:"popodne"},ca:{am:"a.\xA0m.",pm:"p.\xA0m."},cs:{am:"dop.",pm:"odp."},es:{am:"a.\xA0m.",pm:"p.\xA0m."},"es-mx":{am:"a.m.",pm:"p.m."},"es-MX":{am:"a.m.",pm:"p.m."},fi:{am:"ap.",pm:"ip."},he:{am:"\u05DC\u05E4\u05E0\u05D4\u05F4\u05E6",pm:"\u05D0\u05D7\u05D4\u05F4\u05E6"},hu:{am:"de. ",pm:"du."},lt:{am:"prie\u0161piet",pm:"popiet"},lv:{am:"priek\u0161pusdien\u0101",pm:"p\u0113cpusdien\u0101"},mk:{am:"\u043F\u0440\u0435\u0442\u043F\u043B.",pm:"\u043F\u043E\u043F\u043B."},no:{am:"a.m.",pm:"p.m."},nl:{am:"a.m.",pm:"p.m."},"pt-pt":{am:"da manh\xE3",pm:"da tarde"},"pt-PT":{am:"da manh\xE3",pm:"da tarde"},ro:{am:"a.m.",pm:"p.m."},sl:{am:"dop.",pm:"pop."},sv:{am:"fm",pm:"em"},th:{am:"\u0E01\u0E48\u0E2D\u0E19\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",pm:"\u0E2B\u0E25\u0E31\u0E07\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07"},tr:{am:"\xD6\xD6",pm:"\xD6S"},uk:{am:"\u0434\u043F",pm:"\u043F\u043F"},vi:{am:"SA",pm:"CH"}})),F=["arab","arabext","latn"],w=t=>!!(F&&F.includes(t)),b=new Intl.NumberFormat().resolvedOptions().numberingSystem,P=/[\u061C\u200E\u200F]/g,E=b==="arab"||!w(b)?"latn":b,H=t=>w(t)?t:E;function se(t){switch(t){case"it-CH":return"de-CH";case"bs":return"sr-Latn-CS";default:return t}}var $=class{constructor(){this.delocalize=e=>this._numberFormatOptions?d(e,s=>this.#e(this.#t(s))):e,this.localize=(e,s=!1)=>this._numberFormatOptions?d(e,r=>S(r.trim())?new p(r.trim()).format(this,s).replace(new RegExp(`[${this._actualGroup}]`,"g"),this._group):r):e}get group(){return this._group}get decimal(){return this._decimal}get minusSign(){return this._minusSign}get digits(){return this._digits}get numberFormatter(){return this._numberFormatter}get numberFormatOptions(){return this._numberFormatOptions}set numberFormatOptions(e){if(e.numberingSystem=H(e?.numberingSystem),e.locale=e?.locale||g,!this._numberFormatOptions&&e.locale===g&&e.numberingSystem===E&&Object.keys(e).length===2||JSON.stringify(this._numberFormatOptions)===JSON.stringify(e))return;this._numberFormatOptions=e,this._numberFormatter=new Intl.NumberFormat(this._numberFormatOptions.locale,this._numberFormatOptions),this._digits=[...new Intl.NumberFormat(this._numberFormatOptions.locale,{useGrouping:!1,numberingSystem:this._numberFormatOptions.numberingSystem}).format(9876543210)].reverse();let s=new Map(this._digits.map((i,n)=>[i,n])),r=new Intl.NumberFormat(this._numberFormatOptions.locale,{numberingSystem:this._numberFormatOptions.numberingSystem}).formatToParts(-123456789e-1);this._actualGroup=r.find(i=>i.type==="group").value,this._group=this._actualGroup.trim().length===0||this._actualGroup==" "?"\xA0":this._actualGroup,this._decimal=e.locale==="bs"||e.locale==="mk"?",":r.find(i=>i.type==="decimal").value,this._minusSign=r.find(i=>i.type==="minusSign").value,this._getDigitIndex=i=>`${s.get(i)??""}`}#e(e){return e.replace(P,"").replace(new RegExp(`[${this._minusSign}]`,"g"),"-").replace(new RegExp(`[${this._digits.join("")}]`,"g"),this._getDigitIndex)}#t(e){if(this._group!==this._decimal)return e.replace(new RegExp(`[${this._group}]`,"g"),"").replace(new RegExp(`[${this._decimal}]`,"g"),".");let s=e.lastIndexOf(this._decimal);if(s===-1)return e;let r=e.slice(0,s).replace(new RegExp(`[${this._group}]`,"g"),""),i=e.slice(s+1);return`${r}.${i}`}},re=new $,u,O;function Z(t={}){return Object.entries(t).sort(([e],[s])=>e.localeCompare(s)).map(e=>`${e[0]}-${e[1]}`).flat().join(":")}function ie(t,e){u||(u=new Map),O!==t&&(u.clear(),O=t);let s=Z(e),r=u.get(s);if(r)return r;let i=new Intl.DateTimeFormat(t,e);return u.set(s,i),i}export{p as a,S as b,Y as c,V as d,ee as e,te as f,H as g,se as h,$ as i,re as j,ie as k};

package/dist/cdn/{5JXO4GIE.js → VXTRPJJ4.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{e as d}from"./I45Q373H.js";import"./RHTSOGXY.js";import{G as o,H as t,I as s,M as l,T as c,g as n,h as r}from"./6VHGCTFC.js";var v=n`:host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px;border-radius:var(--calcite-corner-radius)}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background-color:var(--calcite-progress-background-color, var(--calcite-color-border-3))}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-progress-fill-color, var(--calcite-color-brand))}@media(forced-colors:active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-progress-text-color, var(--calcite-color-text-2))}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%,0,0)}50%{inline-size:40%}to{transform:translate3d(600%,0,0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%,0,0)}50%{inline-size:40%}to{transform:translate3d(-600%,0,0)}}:host([hidden]){display:none}[hidden]{display:none}`,i={track:"track",bar:"bar",text:"text"},a=class extends o{constructor(){super(...arguments),this.direction=d(),this.reversed=!1,this.type="determinate",this.value=0}static{this.properties={label:1,reversed:[7,{},{reflect:!0,type:Boolean}],text:1,type:[3,{},{reflect:!0}],value:[9,{},{type:Number}]}}static{this.styles=v}render(){let e=this.type==="determinate",m=e?{width:`${this.value}%`}:{},p=this.direction;return r`<div .ariaLabel=${this.label||this.text} .ariaValueMax=${e?"100":void 0} .ariaValueMin=${e?"0":void 0} .ariaValueNow=${e?this.value:void 0} role=progressbar><div class=${t(i.track)}><div class=${t({[i.bar]:!0,indeterminate:this.type==="indeterminate",[l.rtl]:p==="rtl",reversed:this.reversed})} style=${s(m)}></div></div>${this.text?r`<div class=${t(i.text)}>${this.text}</div>`:null}</div>`}};c("calcite-progress",a);export{a as Progress};
+import{e as d}from"./E5NJW2ZG.js";import"./TOTGM2SP.js";import{G as o,H as t,I as s,M as l,T as c,g as n,h as r}from"./Y5VG6YLH.js";var v=n`:host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px;border-radius:var(--calcite-corner-radius)}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background-color:var(--calcite-progress-background-color, var(--calcite-color-border-3))}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-progress-fill-color, var(--calcite-color-brand))}@media(forced-colors:active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-progress-text-color, var(--calcite-color-text-2))}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%,0,0)}50%{inline-size:40%}to{transform:translate3d(600%,0,0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%,0,0)}50%{inline-size:40%}to{transform:translate3d(-600%,0,0)}}:host([hidden]){display:none}[hidden]{display:none}`,i={track:"track",bar:"bar",text:"text"},a=class extends o{constructor(){super(...arguments),this.direction=d(),this.reversed=!1,this.type="determinate",this.value=0}static{this.properties={label:1,reversed:[7,{},{reflect:!0,type:Boolean}],text:1,type:[3,{},{reflect:!0}],value:[9,{},{type:Number}]}}static{this.styles=v}render(){let e=this.type==="determinate",m=e?{width:`${this.value}%`}:{},p=this.direction;return r`<div .ariaLabel=${this.label||this.text} .ariaValueMax=${e?"100":void 0} .ariaValueMin=${e?"0":void 0} .ariaValueNow=${e?this.value:void 0} role=progressbar><div class=${t(i.track)}><div class=${t({[i.bar]:!0,indeterminate:this.type==="indeterminate",[l.rtl]:p==="rtl",reversed:this.reversed})} style=${s(m)}></div></div>${this.text?r`<div class=${t(i.text)}>${this.text}</div>`:null}</div>`}};c("calcite-progress",a);export{a as Progress};

package/dist/cdn/{MDBD25IA.js → W2W3CKTH.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as c,b as g}from"./FDHY2TZA.js";import{J as S,l as u,v as w}from"./2M4ETWZU.js";import{E as o,F as a,G as C,H as l,T as b,g as v,h}from"./6VHGCTFC.js";var M=v`:host{display:block;overflow-wrap:break-word;overflow:hidden;white-space:normal}:host([truncate-position=end]){text-overflow:ellipsis;white-space:nowrap}:host([truncate-position=middle]){white-space:nowrap}.text-container{overflow:inherit;text-overflow:inherit}:host([truncate-position=middle]:not([max-lines])) slot{display:none}:host(:not([truncate-position=middle])) .middle-truncated-text,:host([max-lines]) .middle-truncated-text{display:none}:host([max-lines]) .text-container{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--calcite-internal-text-max-lines, none);white-space:normal}:host([hidden]){display:none}[hidden]{display:none}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}`,E="\u2026",x={middleTruncatedText:"middle-truncated-text",textContainer:"text-container",assistiveText:"assistive-text"},p=class extends C{constructor(){super(...arguments),this.assistiveTextSpanRef=o(),this.defaultSlotRef=o(),this.middleTruncatedSpanRef=o(),this.mutationObserver=c("mutation",t=>{let e=S(this.defaultSlotRef.value);t.some(({target:i})=>e.includes(i))&&this.setValue(e.map(i=>i.textContent).join("").trim())}),this.resizeObserver=c("resize",()=>{this.handleTruncation()}),this.renderedText=""}static{this.properties={maxLines:[11,{},{type:Number,reflect:!0}],truncatePosition:[3,{},{reflect:!0}]}}static{this.styles=M}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{characterData:!0,subtree:!0})}willUpdate(t){t.has("maxLines")&&this.hasUpdated&&(this.maxLines||this.clearTooltipTitle(),this.updateMaxLinesToken())}updated(t){t.has("truncatePosition")&&!this.maxLines&&this.handleTruncatePositionChange(t.get("truncatePosition"))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect(),this.mutationObserver?.disconnect()}clearTooltipTitle(){this.textContainerEl.title=""}getTruncatedText(t,e,i,m){let s=0,r=t.length,T=n=>{let d=Math.ceil(n/2),y=Math.floor(n/2);return t.slice(0,d)+E+t.slice(t.length-y)};for(;s<r;){let n=Math.ceil((s+r)/2),d=T(n);u(d,i,m)<=e?s=n:r=n-1}let f=Math.max(0,s);return f<=1?E:T(f)}handleDefaultSlotChange(t){this.setValue(w(t))}setValue(t){this.value=t,this.renderedText=t,this.handleTruncation()}handleTruncation(){if(!this.textContainerEl)return;let{truncatePosition:t,maxLines:e}=this;this.isTruncatePositionMiddle()?(this.truncateMiddleText(),this.assistiveTextSpanRef.value.textContent=this.value||""):(t==="end"||e&&e>=1)&&this.syncTooltipState()}hasOverflow(){return this.textContainerEl.scrollWidth>this.textContainerEl.clientWidth||this.textContainerEl.scrollHeight>this.textContainerEl.clientHeight}syncTooltipState(){this.hasOverflow()?this.setTooltipTitle():this.clearTooltipTitle()}handleTruncatePositionChange(t){let e=this.truncatePosition;t&&!e?this.clearTooltipTitle():this.handleTruncation()}setTooltipTitle(){this.textContainerEl.title=this.value||""}setMiddleTruncatedText(t){let e=this.middleTruncatedSpanRef.value;e&&(e.textContent=t||"")}truncateMiddleText(){requestAnimationFrame(()=>{if(!this.textContainerEl||!this.textContainerEl.clientWidth||this.maxLines||this.truncatePosition!=="middle")return;let t=this.textContainerEl.clientWidth,e=getComputedStyle(this.el),i=e.font||`${e.fontSize} ${e.fontFamily}`;if(u(this.value,i,e.letterSpacing)<=t)this.setMiddleTruncatedText(this.value),this.clearTooltipTitle();else{let s=this.getTruncatedText(this.renderedText,t,i,e.letterSpacing);this.setMiddleTruncatedText(s),this.setTooltipTitle()}})}updateMaxLinesToken(){this.textContainerEl?.style.setProperty("--calcite-internal-text-max-lines",this.maxLines?.toString()||null)}setTextContainerRef(t){g(this.resizeObserver,this.textContainerEl,t),this.textContainerEl=t,this.updateMaxLinesToken()}isTruncatePositionMiddle(){return this.truncatePosition==="middle"&&!this.maxLines}render(){return h`<div class=${l(x.textContainer)} ${a(this.setTextContainerRef)}><slot @slotchange=${this.handleDefaultSlotChange} ${a(this.defaultSlotRef)}></slot><span aria-hidden=true class=${l(x.middleTruncatedText)} ${a(this.middleTruncatedSpanRef)}></span>${this.isTruncatePositionMiddle()&&h`<span aria-live=polite class=${l(x.assistiveText)} ${a(this.assistiveTextSpanRef)}></span>`||""}</div>`}};b("calcite-text",p);export{p as Text};
+import{a as c,b as g}from"./FDHY2TZA.js";import{J as S,l as u,v as w}from"./2M4ETWZU.js";import{E as o,F as a,G as C,H as l,T as b,g as v,h}from"./Y5VG6YLH.js";var M=v`:host{display:block;overflow-wrap:break-word;overflow:hidden;white-space:normal}:host([truncate-position=end]){text-overflow:ellipsis;white-space:nowrap}:host([truncate-position=middle]){white-space:nowrap}.text-container{overflow:inherit;text-overflow:inherit}:host([truncate-position=middle]:not([max-lines])) slot{display:none}:host(:not([truncate-position=middle])) .middle-truncated-text,:host([max-lines]) .middle-truncated-text{display:none}:host([max-lines]) .text-container{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--calcite-internal-text-max-lines, none);white-space:normal}:host([hidden]){display:none}[hidden]{display:none}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}`,E="\u2026",x={middleTruncatedText:"middle-truncated-text",textContainer:"text-container",assistiveText:"assistive-text"},p=class extends C{constructor(){super(...arguments),this.assistiveTextSpanRef=o(),this.defaultSlotRef=o(),this.middleTruncatedSpanRef=o(),this.mutationObserver=c("mutation",t=>{let e=S(this.defaultSlotRef.value);t.some(({target:i})=>e.includes(i))&&this.setValue(e.map(i=>i.textContent).join("").trim())}),this.resizeObserver=c("resize",()=>{this.handleTruncation()}),this.renderedText=""}static{this.properties={maxLines:[11,{},{type:Number,reflect:!0}],truncatePosition:[3,{},{reflect:!0}]}}static{this.styles=M}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{characterData:!0,subtree:!0})}willUpdate(t){t.has("maxLines")&&this.hasUpdated&&(this.maxLines||this.clearTooltipTitle(),this.updateMaxLinesToken())}updated(t){t.has("truncatePosition")&&!this.maxLines&&this.handleTruncatePositionChange(t.get("truncatePosition"))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect(),this.mutationObserver?.disconnect()}clearTooltipTitle(){this.textContainerEl.title=""}getTruncatedText(t,e,i,m){let s=0,r=t.length,T=n=>{let d=Math.ceil(n/2),y=Math.floor(n/2);return t.slice(0,d)+E+t.slice(t.length-y)};for(;s<r;){let n=Math.ceil((s+r)/2),d=T(n);u(d,i,m)<=e?s=n:r=n-1}let f=Math.max(0,s);return f<=1?E:T(f)}handleDefaultSlotChange(t){this.setValue(w(t))}setValue(t){this.value=t,this.renderedText=t,this.handleTruncation()}handleTruncation(){if(!this.textContainerEl)return;let{truncatePosition:t,maxLines:e}=this;this.isTruncatePositionMiddle()?(this.truncateMiddleText(),this.assistiveTextSpanRef.value.textContent=this.value||""):(t==="end"||e&&e>=1)&&this.syncTooltipState()}hasOverflow(){return this.textContainerEl.scrollWidth>this.textContainerEl.clientWidth||this.textContainerEl.scrollHeight>this.textContainerEl.clientHeight}syncTooltipState(){this.hasOverflow()?this.setTooltipTitle():this.clearTooltipTitle()}handleTruncatePositionChange(t){let e=this.truncatePosition;t&&!e?this.clearTooltipTitle():this.handleTruncation()}setTooltipTitle(){this.textContainerEl.title=this.value||""}setMiddleTruncatedText(t){let e=this.middleTruncatedSpanRef.value;e&&(e.textContent=t||"")}truncateMiddleText(){requestAnimationFrame(()=>{if(!this.textContainerEl||!this.textContainerEl.clientWidth||this.maxLines||this.truncatePosition!=="middle")return;let t=this.textContainerEl.clientWidth,e=getComputedStyle(this.el),i=e.font||`${e.fontSize} ${e.fontFamily}`;if(u(this.value,i,e.letterSpacing)<=t)this.setMiddleTruncatedText(this.value),this.clearTooltipTitle();else{let s=this.getTruncatedText(this.renderedText,t,i,e.letterSpacing);this.setMiddleTruncatedText(s),this.setTooltipTitle()}})}updateMaxLinesToken(){this.textContainerEl?.style.setProperty("--calcite-internal-text-max-lines",this.maxLines?.toString()||null)}setTextContainerRef(t){g(this.resizeObserver,this.textContainerEl,t),this.textContainerEl=t,this.updateMaxLinesToken()}isTruncatePositionMiddle(){return this.truncatePosition==="middle"&&!this.maxLines}render(){return h`<div class=${l(x.textContainer)} ${a(this.setTextContainerRef)}><slot @slotchange=${this.handleDefaultSlotChange} ${a(this.defaultSlotRef)}></slot><span aria-hidden=true class=${l(x.middleTruncatedText)} ${a(this.middleTruncatedSpanRef)}></span>${this.isTruncatePositionMiddle()&&h`<span aria-live=polite class=${l(x.assistiveText)} ${a(this.assistiveTextSpanRef)}></span>`||""}</div>`}};b("calcite-text",p);export{p as Text};

package/dist/cdn/{I4OYB7MM.js → W32WN6PV.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as s}from"./FDHY2TZA.js";import{G as n,H as o,T as r,g as i,h as c,p as a}from"./6VHGCTFC.js";var l={accordion:"accordion",transparent:"accordion--transparent"},d=i`:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-color-border-2));background-color:var(--calcite-accordion-background-color, var(--calcite-color-foreground-1))}.accordion--transparent{--calcite-accordion-border-color: transparent;border-color:var(--calcite-color-transparent);background-color:var(--calcite-color-transparent)}:host([scale=s]){--calcite-internal-accordion-item-spacing-unit: .25rem;--calcite-internal-accordion-icon-margin: .5rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) .5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=m]){--calcite-internal-accordion-item-spacing-unit: .5rem;--calcite-internal-accordion-icon-margin: .75rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) .75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]){--calcite-internal-accordion-item-spacing-unit: .75rem;--calcite-internal-accordion-icon-margin: 1rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([hidden]){display:none}[hidden]{display:none}`,t=class extends n{constructor(){super(),this.mutationObserver=s("mutation",()=>this.updateAccordionItems()),this.appearance="solid",this.iconPosition="end",this.iconType="chevron",this.scale="m",this.selectionMode="multiple",this.calciteInternalAccordionChange=a({cancelable:!1}),this.listen("calciteInternalAccordionItemSelect",this.updateActiveItemOnChange)}static{this.properties={appearance:[3,{},{reflect:!0}],iconPosition:[3,{},{reflect:!0}],iconType:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=d}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0}),this.updateAccordionItems()}willUpdate(e){(e.has("appearance")&&(this.hasUpdated||this.appearance!=="solid")||e.has("iconPosition")&&(this.hasUpdated||this.iconPosition!=="end")||e.has("iconType")&&(this.hasUpdated||this.iconType!=="chevron")||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="multiple"))&&this.updateAccordionItems()}loaded(){this.dispatchAccordionItemsSync()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}updateActiveItemOnChange(e){this.calciteInternalAccordionChange.emit({requestedAccordionItem:e.detail.requestedAccordionItem}),e.stopPropagation()}updateAccordionItems(){this.el.querySelectorAll("calcite-accordion-item").forEach(e=>{e.appearance=this.appearance,e.iconPosition=this.iconPosition,e.iconType=this.iconType,e.scale=this.scale}),this.manager.loadedCalled&&this.dispatchAccordionItemsSync()}dispatchAccordionItemsSync(){document.dispatchEvent(new CustomEvent("calciteInternalAccordionItemsSync"))}render(){let e=this.appearance==="transparent";return c`<div class=${o({[l.transparent]:e,[l.accordion]:!e})}><slot></slot></div>`}};r("calcite-accordion",t);export{t as Accordion};
+import{a as s}from"./FDHY2TZA.js";import{G as n,H as o,T as r,g as i,h as c,p as a}from"./Y5VG6YLH.js";var l={accordion:"accordion",transparent:"accordion--transparent"},d=i`:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-color-border-2));background-color:var(--calcite-accordion-background-color, var(--calcite-color-foreground-1))}.accordion--transparent{--calcite-accordion-border-color: transparent;border-color:var(--calcite-color-transparent);background-color:var(--calcite-color-transparent)}:host([scale=s]){--calcite-internal-accordion-item-spacing-unit: .25rem;--calcite-internal-accordion-icon-margin: .5rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) .5rem;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=m]){--calcite-internal-accordion-item-spacing-unit: .5rem;--calcite-internal-accordion-icon-margin: .75rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) .75rem;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]){--calcite-internal-accordion-item-spacing-unit: .75rem;--calcite-internal-accordion-icon-margin: 1rem;--calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([hidden]){display:none}[hidden]{display:none}`,t=class extends n{constructor(){super(),this.mutationObserver=s("mutation",()=>this.updateAccordionItems()),this.appearance="solid",this.iconPosition="end",this.iconType="chevron",this.scale="m",this.selectionMode="multiple",this.calciteInternalAccordionChange=a({cancelable:!1}),this.listen("calciteInternalAccordionItemSelect",this.updateActiveItemOnChange)}static{this.properties={appearance:[3,{},{reflect:!0}],iconPosition:[3,{},{reflect:!0}],iconType:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectionMode:[3,{},{reflect:!0}]}}static{this.styles=d}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0}),this.updateAccordionItems()}willUpdate(e){(e.has("appearance")&&(this.hasUpdated||this.appearance!=="solid")||e.has("iconPosition")&&(this.hasUpdated||this.iconPosition!=="end")||e.has("iconType")&&(this.hasUpdated||this.iconType!=="chevron")||e.has("scale")&&(this.hasUpdated||this.scale!=="m")||e.has("selectionMode")&&(this.hasUpdated||this.selectionMode!=="multiple"))&&this.updateAccordionItems()}loaded(){this.dispatchAccordionItemsSync()}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}updateActiveItemOnChange(e){this.calciteInternalAccordionChange.emit({requestedAccordionItem:e.detail.requestedAccordionItem}),e.stopPropagation()}updateAccordionItems(){this.el.querySelectorAll("calcite-accordion-item").forEach(e=>{e.appearance=this.appearance,e.iconPosition=this.iconPosition,e.iconType=this.iconType,e.scale=this.scale}),this.manager.loadedCalled&&this.dispatchAccordionItemsSync()}dispatchAccordionItemsSync(){document.dispatchEvent(new CustomEvent("calciteInternalAccordionItemsSync"))}render(){let e=this.appearance==="transparent";return c`<div class=${o({[l.transparent]:e,[l.accordion]:!e})}><slot></slot></div>`}};r("calcite-accordion",t);export{t as Accordion};

package/dist/cdn/{TT6AXQDZ.js → WCO6AFY3.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{c as o}from"./2ZGOGJF6.js";import{a as S}from"./ZSOJW473.js";import{a as k}from"./JYQXE5IZ.js";import{c as A}from"./OL73GMPU.js";import{a as C}from"./XN5GTOTE.js";import{a as D}from"./JWLJNX6R.js";import{a as I}from"./PE4VKPFG.js";import{a as w}from"./LI7YAEGJ.js";import"./ZZDNIBT7.js";import{a as x}from"./FJPXMNQ2.js";import"./VMHJHFFS.js";import{e as b}from"./I45Q373H.js";import"./RHTSOGXY.js";import{z as y}from"./2M4ETWZU.js";import{G as u,H as f,L as g,T as v,g as h,h as c,l as m,p}from"./6VHGCTFC.js";var $={itemWrapper:"item-wrapper"},z={validationMessage:"segmentedControlValidationMessage"},E=h`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.item-wrapper{display:flex;background-color:var(--calcite-color-foreground-1);inline-size:fit-content;border-radius:var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius));outline:1px solid var(--calcite-segmented-control-border-color, var(--calcite-color-border-input));outline-offset:-1px}:host([appearance=outline])>.item-wrapper{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([layout=vertical])>.item-wrapper{flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full])>.item-wrapper{inline-size:100%;min-inline-size:fit-content}:host([width=full])>.item-wrapper ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical])>.item-wrapper ::slotted(calcite-segmented-control-item){justify-content:flex-start}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-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:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,d=class extends u{constructor(){super(),this.direction=b(),this.formSupport=A({inputType:"text"})(this),this.items=[],this.messages=w(),this.focusSetter=x()(this),this.interactiveContainer=I(this),this.appearance="solid",this.disabled=!1,this.layout="horizontal",this.required=!1,this.scale="m",this.status="idle",this.value=null,this.width="auto",this.calciteSegmentedControlChange=p({cancelable:!1}),D(this),this.listen("calciteInternalSegmentedControlItemChange",this.handleSelected),this.listen("keydown",this.handleKeyDown),this.listen("click",this.handleClick)}static{this.properties={appearance:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],labelText:1,messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedItem:[0,{},{attribute:!1}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:g},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1,width:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=E}async setFocus(e){return this.focusSetter(()=>this.selectedItem||this.items[0],e)}willUpdate(e){(e.has("appearance")&&(this.hasUpdated||this.appearance!=="solid")||e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")||e.has("scale")&&(this.hasUpdated||this.scale!=="m"))&&this.handleItemPropChange(),e.has("value")&&(this.hasUpdated||this.value!==null)&&this.valueHandler(this.value),e.has("selectedItem")&&this.handleSelectedItemChange(this.selectedItem,e.get("selectedItem"))}loaded(){this.formSupport.overrideDefaultValue(this.value)}valueHandler(e){let{items:t}=this;t.forEach(a=>a.checked=a.value===e)}handleSelectedItemChange(e,t){if(this.value=e?.value,e===t)return;let{items:a}=this,l=a.filter(s=>s===e).pop();l?this.selectItem(l):a[0]&&(a[0].tabIndex=0)}handleClick(e){this.disabled||o(e.target)&&this.selectItem(e.target,!0)}handleSelected(e){e.preventDefault();let t=e.target;t.checked&&this.selectItem(t),e.stopPropagation()}handleKeyDown(e){let t=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "],{key:a}=e,{selectedItem:l}=this;if(t.indexOf(a)===-1)return;let s=a;this.direction==="rtl"&&(a==="ArrowRight"&&(s="ArrowLeft"),a==="ArrowLeft"&&(s="ArrowRight"));let{items:i}=this,r=-1;switch(i.forEach((n,L)=>{n===l&&(r=L)}),s){case"ArrowLeft":case"ArrowUp":{e.preventDefault();let n=r<1?i[i.length-1]:i[r-1];this.selectItem(n,!0);return}case"ArrowRight":case"ArrowDown":{e.preventDefault();let n=r===-1?i[1]:i[r+1]||i[0];this.selectItem(n,!0);return}case" ":e.preventDefault(),this.selectItem(e.target,!0);return;default:return}}handleItemPropChange(){let{items:e}=this;e.forEach(t=>{t.appearance=this.appearance,t.layout=this.layout,t.scale=this.scale})}handleSelectedItem(){let{items:e}=this,t=e.filter(a=>a.checked).pop();t?this.selectItem(t):e[0]&&(e[0].tabIndex=0)}async handleDefaultSlotChange(e){let t=y(e).filter(o);await Promise.all(t.map(a=>a.componentOnReady())),this.items=t,this.handleSelectedItem(),this.handleItemPropChange()}onLabelClick(){this.setFocus()}async selectItem(e,t=!1){if(e===this.selectedItem)return;let{items:a}=this,l;a.forEach(s=>{let i=s===e;(i&&!s.checked||!i&&s.checked)&&(s.checked=i),s.tabIndex=i?0:-1,i&&(l=s)}),this.selectedItem=l,l&&t&&(await this.updateComplete,this.calciteSegmentedControlChange.emit(),l.focus())}render(){return this.el.role="radiogroup",c`${this.labelText&&k({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-errormessage=${z.validationMessage} aria-label=${C(this)??m} .ariaInvalid=${this.status==="invalid"} .ariaRequired=${this.required} class=${f($.itemWrapper)}>${this.interactiveContainer({disabled:this.disabled,children:c`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`})}</div>${this.validationMessage&&this.status==="invalid"?S({icon:this.validationIcon,id:z.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`}};v("calcite-segmented-control",d);export{d as SegmentedControl};
+import{c as o}from"./2ZGOGJF6.js";import{a as S}from"./LVU4SIXV.js";import{a as k}from"./O6FVXXVE.js";import{c as A}from"./WIHQLE5T.js";import{a as C}from"./XN5GTOTE.js";import{a as D}from"./66U3YQAK.js";import{a as I}from"./KHJVFQLY.js";import{a as w}from"./AULZNBSL.js";import"./ZZDNIBT7.js";import{a as x}from"./IHGUGSQZ.js";import"./VMHJHFFS.js";import{e as b}from"./E5NJW2ZG.js";import"./TOTGM2SP.js";import{z as y}from"./2M4ETWZU.js";import{G as u,H as f,L as g,T as v,g as h,h as c,l as m,p}from"./Y5VG6YLH.js";var $={itemWrapper:"item-wrapper"},z={validationMessage:"segmentedControlValidationMessage"},E=h`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.item-wrapper{display:flex;background-color:var(--calcite-color-foreground-1);inline-size:fit-content;border-radius:var(--calcite-segmented-control-corner-radius, var(--calcite-corner-radius));outline:1px solid var(--calcite-segmented-control-border-color, var(--calcite-color-border-input));outline-offset:-1px}:host([appearance=outline])>.item-wrapper{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([layout=vertical])>.item-wrapper{flex-direction:column;align-items:flex-start;align-self:flex-start}:host([width=full])>.item-wrapper{inline-size:100%;min-inline-size:fit-content}:host([width=full])>.item-wrapper ::slotted(calcite-segmented-control-item){flex:1 1 auto}:host([width=full][layout=vertical])>.item-wrapper ::slotted(calcite-segmented-control-item){justify-content:flex-start}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-theme-space-base, var(--calcite-spacing-base))}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-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:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`,d=class extends u{constructor(){super(),this.direction=b(),this.formSupport=A({inputType:"text"})(this),this.items=[],this.messages=w(),this.focusSetter=x()(this),this.interactiveContainer=I(this),this.appearance="solid",this.disabled=!1,this.layout="horizontal",this.required=!1,this.scale="m",this.status="idle",this.value=null,this.width="auto",this.calciteSegmentedControlChange=p({cancelable:!1}),D(this),this.listen("calciteInternalSegmentedControlItemChange",this.handleSelected),this.listen("keydown",this.handleKeyDown),this.listen("click",this.handleClick)}static{this.properties={appearance:[3,{},{reflect:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],form:[3,{},{reflect:!0}],layout:[3,{},{reflect:!0}],labelText:1,messageOverrides:[0,{},{attribute:!1}],name:[3,{},{reflect:!0}],required:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],selectedItem:[0,{},{attribute:!1}],status:[3,{},{reflect:!0}],validationIcon:[3,{converter:g},{reflect:!0}],validationMessage:1,validity:[32,{},{readOnly:!0,attribute:!1}],value:1,width:[3,{},{reflect:!0}]}}static{this.formAssociated=!0}static{this.styles=E}async setFocus(e){return this.focusSetter(()=>this.selectedItem||this.items[0],e)}willUpdate(e){(e.has("appearance")&&(this.hasUpdated||this.appearance!=="solid")||e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")||e.has("scale")&&(this.hasUpdated||this.scale!=="m"))&&this.handleItemPropChange(),e.has("value")&&(this.hasUpdated||this.value!==null)&&this.valueHandler(this.value),e.has("selectedItem")&&this.handleSelectedItemChange(this.selectedItem,e.get("selectedItem"))}loaded(){this.formSupport.overrideDefaultValue(this.value)}valueHandler(e){let{items:t}=this;t.forEach(a=>a.checked=a.value===e)}handleSelectedItemChange(e,t){if(this.value=e?.value,e===t)return;let{items:a}=this,l=a.filter(s=>s===e).pop();l?this.selectItem(l):a[0]&&(a[0].tabIndex=0)}handleClick(e){this.disabled||o(e.target)&&this.selectItem(e.target,!0)}handleSelected(e){e.preventDefault();let t=e.target;t.checked&&this.selectItem(t),e.stopPropagation()}handleKeyDown(e){let t=["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "],{key:a}=e,{selectedItem:l}=this;if(t.indexOf(a)===-1)return;let s=a;this.direction==="rtl"&&(a==="ArrowRight"&&(s="ArrowLeft"),a==="ArrowLeft"&&(s="ArrowRight"));let{items:i}=this,r=-1;switch(i.forEach((n,L)=>{n===l&&(r=L)}),s){case"ArrowLeft":case"ArrowUp":{e.preventDefault();let n=r<1?i[i.length-1]:i[r-1];this.selectItem(n,!0);return}case"ArrowRight":case"ArrowDown":{e.preventDefault();let n=r===-1?i[1]:i[r+1]||i[0];this.selectItem(n,!0);return}case" ":e.preventDefault(),this.selectItem(e.target,!0);return;default:return}}handleItemPropChange(){let{items:e}=this;e.forEach(t=>{t.appearance=this.appearance,t.layout=this.layout,t.scale=this.scale})}handleSelectedItem(){let{items:e}=this,t=e.filter(a=>a.checked).pop();t?this.selectItem(t):e[0]&&(e[0].tabIndex=0)}async handleDefaultSlotChange(e){let t=y(e).filter(o);await Promise.all(t.map(a=>a.componentOnReady())),this.items=t,this.handleSelectedItem(),this.handleItemPropChange()}onLabelClick(){this.setFocus()}async selectItem(e,t=!1){if(e===this.selectedItem)return;let{items:a}=this,l;a.forEach(s=>{let i=s===e;(i&&!s.checked||!i&&s.checked)&&(s.checked=i),s.tabIndex=i?0:-1,i&&(l=s)}),this.selectedItem=l,l&&t&&(await this.updateComplete,this.calciteSegmentedControlChange.emit(),l.focus())}render(){return this.el.role="radiogroup",c`${this.labelText&&k({labelText:this.labelText,onClick:this.onLabelClick,required:this.required,tooltipText:this.messages.required})||""}<div aria-errormessage=${z.validationMessage} aria-label=${C(this)??m} .ariaInvalid=${this.status==="invalid"} .ariaRequired=${this.required} class=${f($.itemWrapper)}>${this.interactiveContainer({disabled:this.disabled,children:c`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`})}</div>${this.validationMessage&&this.status==="invalid"?S({icon:this.validationIcon,id:z.validationMessage,message:this.validationMessage,scale:this.scale,status:this.status}):null}`}};v("calcite-segmented-control",d);export{d as SegmentedControl};

package/dist/cdn/{VUXNVU7N.js → WHGMG5VX.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as k}from"./XN5GTOTE.js";import{a as $}from"./JWLJNX6R.js";import{a as C}from"./PE4VKPFG.js";import{a as y}from"./LI7YAEGJ.js";import{a as v}from"./FJPXMNQ2.js";import"./VMHJHFFS.js";import"./I45Q373H.js";import"./RHTSOGXY.js";import{z as m}from"./2M4ETWZU.js";import{E as c,F as o,G as f,H as i,J as r,T as E,g as p,h as l,p as s}from"./6VHGCTFC.js";var x=p`: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]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}.wrapper{transition-property: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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;box-sizing:border-box;display:flex;justify-content:space-between;background-color:var(--calcite-inline-editable-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.wrapper .input-wrapper{flex:1 1 0%}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-inline-editable-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}.controls-wrapper{display:flex}.enable-editing-button--hidden{pointer-events:none;opacity:0;inline-size:0;margin-inline-start:0}.enable-editing-button{--calcite-action-text-color: var(--calcite-inline-editable-button-text-color, var(--calcite-color-text-1))}.enable-editing-button,.confirm-changes-button,.cancel-editing-button{margin-inline-start:var(--calcite-space-2xs)}:host([editing-enabled]) .confirm-changes-button{margin-inline-start:0}:host([editing-enabled]:not([controls])) .controls-wrapper{display:none}calcite-action{--calcite-action-background-color: var(--calcite-inline-editable-button-background-color);--calcite-action-corner-radius: var(--calcite-inline-editable-button-corner-radius);--calcite-action-loader-color: var(--calcite-inline-editable-button-loader-color);--calcite-action-text-color: var(--calcite-inline-editable-button-text-color)}calcite-action:hover{--calcite-action-background-color-hover: var( --calcite-inline-editable-button-background-color-hover, var(--calcite-inline-editable-button-background-color) );--calcite-action-text-color-press: var( --calcite-inline-editable-button-text-color-press, var(--calcite-inline-editable-button-text-color) )}calcite-action:active{--calcite-action-background-color-press: var( --calcite-inline-editable-button-background-color-press, var(--calcite-inline-editable-button-background-color) );--calcite-action-text-color-press: var( --calcite-inline-editable-button-text-color-press, var(--calcite-inline-editable-button-text-color) )}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,n={wrapper:"wrapper",confirmChangesButton:"confirm-changes-button",cancelEditingButton:"cancel-editing-button",inputWrapper:"input-wrapper",cancelEditingButtonWrapper:"cancel-editing-button-wrapper",enableEditingButton:"enable-editing-button",enableEditingButtonHidden:"enable-editing-button--hidden",controlsWrapper:"controls-wrapper"},h={check:"check",close:"x",pencil:"pencil"},b=class extends f{constructor(){super(),this.cancelEditingButtonRef=c(),this.confirmChangesButtonRef=c(),this._editingEnabled=!1,this.enableEditingButtonRef=c(),this.shouldEmitCancel=!1,this.valuePriorToEditing="",this.messages=y(),this.focusSetter=v()(this),this.interactiveContainer=C(this),this.controls=!1,this.disabled=!1,this.loading=!1,this.scale="m",this.calciteInlineEditableEditCancel=s({cancelable:!1}),this.calciteInlineEditableEditConfirm=s({cancelable:!1}),this.calciteInternalInlineEditableEnableEditingChange=s({cancelable:!1}),$(this),this.listen("calciteInternalInputBlur",this.blurHandler),this.listen("calciteInternalInputNumberBlur",this.blurHandler),this.listen("calciteInternalInputTextBlur",this.blurHandler),this.listen("keydown",this.escapeKeyHandler)}static{this.properties={afterConfirm:[0,{},{attribute:!1}],controls:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=x}get shouldShowControls(){return this.editingEnabled&&this.controls}get editingEnabled(){return this._editingEnabled}set editingEnabled(t){let e=this._editingEnabled;t!==e&&(this._editingEnabled=t,this.editingEnabledWatcher(t,e))}async setFocus(t){return this.focusSetter(()=>this.inputEl,t)}editingEnabledWatcher(t,e){this.inputEl&&(this.inputEl.inlineEditing=t),!t&&e&&(this.shouldEmitCancel=!0)}blurHandler(){this.controls||this.disableEditing()}async handleDefaultSlotChange(t){let e=m(t).filter(a=>a.matches("calcite-input, calcite-input-number, calcite-input-text"))[0];this.inputEl=e,e&&(await e.componentOnReady(),e.inlineEditing=this.editingEnabled,e.label=e.label||k(this))}onLabelClick(){this.setFocus()}enableEditing(){this.valuePriorToEditing=this.inputEl?.value??"",this.editingEnabled=!0,this.inputEl?.setFocus(),this.calciteInternalInlineEditableEnableEditingChange.emit()}disableEditing(){this.editingEnabled=!1}cancelEditing(){this.inputEl&&(this.inputEl.value=this.valuePriorToEditing),this.disableEditing(),this.enableEditingButtonRef.value?.setFocus(),!this.editingEnabled&&this.shouldEmitCancel&&this.calciteInlineEditableEditCancel.emit()}escapeKeyHandler(t){if(!t.defaultPrevented&&(t.key==="Escape"&&(t.preventDefault(),this.cancelEditing()),t.key==="Tab"&&this.shouldShowControls)){let e=this.confirmChangesButtonRef.value,a=this.cancelEditingButtonRef.value,d=t.composedPath(),B=this.inputEl?d.includes(this.inputEl):!1,u=e?d.includes(e):!1,g=a?d.includes(a):!1;!t.shiftKey&&u&&(t.preventDefault(),a?.setFocus()),!t.shiftKey&&(B||!u&&!g)&&(t.preventDefault(),e?.setFocus()),t.shiftKey&&g&&(t.preventDefault(),e?.setFocus()),t.shiftKey&&u&&(t.preventDefault(),this.inputEl?.setFocus())}}async cancelEditingHandler(t){t.preventDefault(),this.cancelEditing()}enableEditingHandler(t){this.disabled||t.target!==this.enableEditingButtonRef.value&&t.target!==this.inputEl||(t.preventDefault(),this.editingEnabled||this.enableEditing())}async confirmChangesHandler(t){t.preventDefault(),this.calciteInlineEditableEditConfirm.emit();try{this.afterConfirm&&(this.loading=!0,await this.afterConfirm(),this.disableEditing(),this.enableEditingButtonRef.value?.setFocus())}catch{}finally{this.loading=!1}}render(){return this.interactiveContainer({disabled:this.disabled,children:l`<div class=${i(n.wrapper)} @click=${this.enableEditingHandler}><div class=${i(n.inputWrapper)}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div><div class=${i(n.controlsWrapper)}><calcite-action .ariaLabel=${this.messages.enableEditing} class=${i({[n.enableEditingButton]:!0,[n.enableEditingButtonHidden]:this.editingEnabled})} .icon=${h.pencil} @click=${this.enableEditingHandler} .scale=${this.scale} .text=${this.messages.enableEditing} title=${this.messages.enableEditing??r} type=button ${o(this.enableEditingButtonRef)}></calcite-action>${this.shouldShowControls&&[l`<calcite-action .ariaLabel=${this.messages.confirmChanges} class=${i(n.confirmChangesButton)} .icon=${h.check} .loading=${this.loading} @click=${this.confirmChangesHandler} .scale=${this.scale} .text=${this.messages.confirmChanges} title=${this.messages.confirmChanges??r} type=button ${o(this.confirmChangesButtonRef)}></calcite-action>`,l`<div class=${i(n.cancelEditingButtonWrapper)}><calcite-action .ariaLabel=${this.messages.cancelEditing} class=${i(n.cancelEditingButton)} .icon=${h.close} @click=${this.cancelEditingHandler} .scale=${this.scale} .text=${this.messages.cancelEditing} title=${this.messages.cancelEditing??r} type=button ${o(this.cancelEditingButtonRef)}></calcite-action></div>`]||""}</div></div>`})}};E("calcite-inline-editable",b);export{b as InlineEditable};
+import{a as k}from"./XN5GTOTE.js";import{a as $}from"./66U3YQAK.js";import{a as C}from"./KHJVFQLY.js";import{a as y}from"./AULZNBSL.js";import{a as v}from"./IHGUGSQZ.js";import"./VMHJHFFS.js";import"./E5NJW2ZG.js";import"./TOTGM2SP.js";import{z as m}from"./2M4ETWZU.js";import{E as c,F as o,G as f,H as i,J as r,T as E,g as p,h as l,p as s}from"./Y5VG6YLH.js";var x=p`: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]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}.wrapper{transition-property: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;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;box-sizing:border-box;display:flex;justify-content:space-between;background-color:var(--calcite-inline-editable-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)))}.wrapper .input-wrapper{flex:1 1 0%}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-inline-editable-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)))}.controls-wrapper{display:flex}.enable-editing-button--hidden{pointer-events:none;opacity:0;inline-size:0;margin-inline-start:0}.enable-editing-button{--calcite-action-text-color: var(--calcite-inline-editable-button-text-color, var(--calcite-color-text-1))}.enable-editing-button,.confirm-changes-button,.cancel-editing-button{margin-inline-start:var(--calcite-space-2xs)}:host([editing-enabled]) .confirm-changes-button{margin-inline-start:0}:host([editing-enabled]:not([controls])) .controls-wrapper{display:none}calcite-action{--calcite-action-background-color: var(--calcite-inline-editable-button-background-color);--calcite-action-corner-radius: var(--calcite-inline-editable-button-corner-radius);--calcite-action-loader-color: var(--calcite-inline-editable-button-loader-color);--calcite-action-text-color: var(--calcite-inline-editable-button-text-color)}calcite-action:hover{--calcite-action-background-color-hover: var( --calcite-inline-editable-button-background-color-hover, var(--calcite-inline-editable-button-background-color) );--calcite-action-text-color-press: var( --calcite-inline-editable-button-text-color-press, var(--calcite-inline-editable-button-text-color) )}calcite-action:active{--calcite-action-background-color-press: var( --calcite-inline-editable-button-background-color-press, var(--calcite-inline-editable-button-background-color) );--calcite-action-text-color-press: var( --calcite-inline-editable-button-text-color-press, var(--calcite-inline-editable-button-text-color) )}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`,n={wrapper:"wrapper",confirmChangesButton:"confirm-changes-button",cancelEditingButton:"cancel-editing-button",inputWrapper:"input-wrapper",cancelEditingButtonWrapper:"cancel-editing-button-wrapper",enableEditingButton:"enable-editing-button",enableEditingButtonHidden:"enable-editing-button--hidden",controlsWrapper:"controls-wrapper"},h={check:"check",close:"x",pencil:"pencil"},b=class extends f{constructor(){super(),this.cancelEditingButtonRef=c(),this.confirmChangesButtonRef=c(),this._editingEnabled=!1,this.enableEditingButtonRef=c(),this.shouldEmitCancel=!1,this.valuePriorToEditing="",this.messages=y(),this.focusSetter=v()(this),this.interactiveContainer=C(this),this.controls=!1,this.disabled=!1,this.loading=!1,this.scale="m",this.calciteInlineEditableEditCancel=s({cancelable:!1}),this.calciteInlineEditableEditConfirm=s({cancelable:!1}),this.calciteInternalInlineEditableEnableEditingChange=s({cancelable:!1}),$(this),this.listen("calciteInternalInputBlur",this.blurHandler),this.listen("calciteInternalInputNumberBlur",this.blurHandler),this.listen("calciteInternalInputTextBlur",this.blurHandler),this.listen("keydown",this.escapeKeyHandler)}static{this.properties={afterConfirm:[0,{},{attribute:!1}],controls:[7,{},{reflect:!0,type:Boolean}],disabled:[7,{},{reflect:!0,type:Boolean}],editingEnabled:[7,{},{reflect:!0,type:Boolean}],loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],scale:[3,{},{reflect:!0}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=x}get shouldShowControls(){return this.editingEnabled&&this.controls}get editingEnabled(){return this._editingEnabled}set editingEnabled(t){let e=this._editingEnabled;t!==e&&(this._editingEnabled=t,this.editingEnabledWatcher(t,e))}async setFocus(t){return this.focusSetter(()=>this.inputEl,t)}editingEnabledWatcher(t,e){this.inputEl&&(this.inputEl.inlineEditing=t),!t&&e&&(this.shouldEmitCancel=!0)}blurHandler(){this.controls||this.disableEditing()}async handleDefaultSlotChange(t){let e=m(t).filter(a=>a.matches("calcite-input, calcite-input-number, calcite-input-text"))[0];this.inputEl=e,e&&(await e.componentOnReady(),e.inlineEditing=this.editingEnabled,e.label=e.label||k(this))}onLabelClick(){this.setFocus()}enableEditing(){this.valuePriorToEditing=this.inputEl?.value??"",this.editingEnabled=!0,this.inputEl?.setFocus(),this.calciteInternalInlineEditableEnableEditingChange.emit()}disableEditing(){this.editingEnabled=!1}cancelEditing(){this.inputEl&&(this.inputEl.value=this.valuePriorToEditing),this.disableEditing(),this.enableEditingButtonRef.value?.setFocus(),!this.editingEnabled&&this.shouldEmitCancel&&this.calciteInlineEditableEditCancel.emit()}escapeKeyHandler(t){if(!t.defaultPrevented&&(t.key==="Escape"&&(t.preventDefault(),this.cancelEditing()),t.key==="Tab"&&this.shouldShowControls)){let e=this.confirmChangesButtonRef.value,a=this.cancelEditingButtonRef.value,d=t.composedPath(),B=this.inputEl?d.includes(this.inputEl):!1,u=e?d.includes(e):!1,g=a?d.includes(a):!1;!t.shiftKey&&u&&(t.preventDefault(),a?.setFocus()),!t.shiftKey&&(B||!u&&!g)&&(t.preventDefault(),e?.setFocus()),t.shiftKey&&g&&(t.preventDefault(),e?.setFocus()),t.shiftKey&&u&&(t.preventDefault(),this.inputEl?.setFocus())}}async cancelEditingHandler(t){t.preventDefault(),this.cancelEditing()}enableEditingHandler(t){this.disabled||t.target!==this.enableEditingButtonRef.value&&t.target!==this.inputEl||(t.preventDefault(),this.editingEnabled||this.enableEditing())}async confirmChangesHandler(t){t.preventDefault(),this.calciteInlineEditableEditConfirm.emit();try{this.afterConfirm&&(this.loading=!0,await this.afterConfirm(),this.disableEditing(),this.enableEditingButtonRef.value?.setFocus())}catch{}finally{this.loading=!1}}render(){return this.interactiveContainer({disabled:this.disabled,children:l`<div class=${i(n.wrapper)} @click=${this.enableEditingHandler}><div class=${i(n.inputWrapper)}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div><div class=${i(n.controlsWrapper)}><calcite-action .ariaLabel=${this.messages.enableEditing} class=${i({[n.enableEditingButton]:!0,[n.enableEditingButtonHidden]:this.editingEnabled})} .icon=${h.pencil} @click=${this.enableEditingHandler} .scale=${this.scale} .text=${this.messages.enableEditing} title=${this.messages.enableEditing??r} type=button ${o(this.enableEditingButtonRef)}></calcite-action>${this.shouldShowControls&&[l`<calcite-action .ariaLabel=${this.messages.confirmChanges} class=${i(n.confirmChangesButton)} .icon=${h.check} .loading=${this.loading} @click=${this.confirmChangesHandler} .scale=${this.scale} .text=${this.messages.confirmChanges} title=${this.messages.confirmChanges??r} type=button ${o(this.confirmChangesButtonRef)}></calcite-action>`,l`<div class=${i(n.cancelEditingButtonWrapper)}><calcite-action .ariaLabel=${this.messages.cancelEditing} class=${i(n.cancelEditingButton)} .icon=${h.close} @click=${this.cancelEditingHandler} .scale=${this.scale} .text=${this.messages.cancelEditing} title=${this.messages.cancelEditing??r} type=button ${o(this.cancelEditingButtonRef)}></calcite-action></div>`]||""}</div></div>`})}};E("calcite-inline-editable",b);export{b as InlineEditable};

package/dist/cdn/{OL73GMPU.js → WIHQLE5T.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{b as x}from"./I45Q373H.js";import{o as L}from"./2M4ETWZU.js";import{f as F,s as k,t as E}from"./6VHGCTFC.js";var q=["date","datetime-local","month","number","range","time","week"],w=["email","password","search","tel","text","url"],S=["email","password","search","tel","text","textarea","url"];function v(a,e,i,s){let r=i.toLowerCase(),n=a[i];s&&n!=null?e.setAttribute(r,`${n}`):e.removeAttribute(r)}function N(a,e,i){i.type=a;let s=q.includes(a),r=e;v(r,i,"min",s),v(r,i,"max",s),v(r,i,"step",s);let n=S.includes(a),u=e;v(u,i,"minLength",n),v(u,i,"maxLength",n);let f=w.includes(a);v(u,i,"pattern",f)}function j(a){let e=a==="textarea"?"text":a;return q.includes(e)||w.includes(e)||S.includes(e)}var O=["text","email","search","hidden","tel","url"],A=Object.freeze({validity:{},validationMessage:""}),R=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"];function U({component:a,input:e,value:i}){if(!Array.isArray(i)){if(a&&e.type==="radio"){let n=a.elementInternals.form?.elements.namedItem(a.name);if(n){let f=("length"in n?Array.from(n):[n]).filter(l=>l.tagName===a.el.tagName),I=f.some(l=>l.required),m=f.some(l=>l.checked),c=f.filter(l=>l!==a.el),o=I&&!m;e.required=!!o;let b=M(e.validity),t=e.validationMessage;c?.length>0&&c.forEach(l=>{o!==l.validity?.valueMissing&&l.setValidity&&l.setValidity(b,t)})}}return C(e,i)?A:{validity:M(e.validity),validationMessage:e.validationMessage}}if(O.includes(e.type))return C(e,i.join(","))?A:{validity:M(e.validity),validationMessage:e.validationMessage};let s={},r=[];for(let n of i)C(e,n)||(Object.assign(s,M(e.validity)),e.validationMessage&&r.push(e.validationMessage));return{validity:s,validationMessage:r.join("; ")}}function C(a,e){if(a.type==="file"){a.value="";let i=!e||e instanceof FileList&&e.length===0;return!a.required||!i}return a.value=e==null?"":String(e),a.validity.valid}function M(a){let e={};for(let i of R)a[i]&&(e[i]=!0);return e}var z=["calcite-input","calcite-input-number","calcite-input-text","calcite-text-area"];function D(a){return`${E(k(a))}${z.includes(a)?"Input":"Change"}`}function P(a){return"form"in a&&"name"in a&&L(a)}function $(a,{status:e,message:i,icon:s}){"status"in a&&(a.status=e),"validationIcon"in a&&typeof a.validationIcon!="string"&&(a.validationIcon=s),"validationMessage"in a&&!a.validationMessage&&(a.validationMessage=i)}function T(a,e){"status"in a&&(a.status="idle"),"validationIcon"in a&&(!a.validationIcon||a.validationIcon===!0)&&(a.validationIcon=!1),"validationMessage"in a&&a.validationMessage===e&&(a.validationMessage="")}function G(a,e){let{disabled:i,name:s,required:r}=a;e.disabled=i,e.name=s||"",e.required=!!r,y(a)?e.checked=a.checked:H(a,e)&&N(e.type,a,e)}function y(a){return"checked"in a}function H(a,e){return a&&j(e.type)}function K(a){let e=Array.from(a.elements);requestAnimationFrame(()=>{let i=e.filter(s=>s.matches("[status=invalid]")&&P(s));for(let s of i)if(s.validationMessage){s.setFocus();break}})}var Y=a=>x((e,i)=>{let s="",r,n=null,u=a.inputType;u&&(r=document.createElement("input"));function f(t){if(t.defaultPrevented)return;t.preventDefault();let l=t.currentTarget;K(l)}function I(){"status"in e&&(e.status="idle"),"validationIcon"in e&&(e.validationIcon=!1),"validationMessage"in e&&(e.validationMessage=""),y(e)&&(e.checked=e.defaultChecked),e.value=e.defaultValue}e.listen("luminaFormResetCallback",()=>{I()}),e.listen("luminaFormAssociatedCallback",({detail:[t]})=>{t?t.addEventListener("invalid",f,{capture:!0}):n?.removeEventListener("invalid",f,{capture:!0}),n=t});function m(){let t=s||r?.validationMessage||"";$(e,{message:t,icon:!0,status:"invalid"}),e.el.dispatchEvent(new CustomEvent("calciteInvalid",{bubbles:!0,composed:!0}));let l=D(e.el.tagName.toLowerCase());e.listen(l,()=>{if(T(e,t),r?.type==="radio"){let d=e.elementInternals.form?.elements.namedItem(e.name);if(d){let V=("length"in d?Array.from(d):[d]).filter(g=>g.tagName===e.el.tagName).filter(g=>g!==e.el);V?.length>0&&V.forEach(g=>{T(g)})}}},{once:!0})}i.onConnected(()=>{e.el.addEventListener("invalid",m)}),i.onDisconnected(()=>{e.el.removeEventListener("invalid",m)}),i.onUpdate(t=>{e.hasUpdated||(e.defaultValue=e.value,y(e)&&(e.defaultChecked=e.checked)),(t.has("name")||t.has("value")||y(e)&&t.has("checked"))&&e.elementInternals.setFormValue(b()),e.hasUpdated&&c()}),i.onLoaded(()=>c());function c(){let{disabled:t,elementInternals:l}=e,d={},h="";t||(r&&(r.type=u,G(e,r),{validity:d,validationMessage:h}=U({component:e,input:r,value:o()})),s&&(d={...d,customError:!0},h=s)),l.setValidity(d,h),"validity"in e&&F(()=>{e.validity=l.validity})}function o(){return a.getValue?a.getValue():e.value}function b(){let t=o();if(Array.isArray(t)||t instanceof FileList){let l=new FormData;for(let d of t)l.append(e.name,d);return l}return y(e)?e.checked?t||"on":null:t}return{get active(){return!!e.elementInternals.form},overrideDefaultValue:t=>{e.defaultValue=t},overrideInputType:t=>{u=t,c()},requestSubmit:()=>{e.elementInternals.form?.requestSubmit()},setCustomValidity:t=>{s=t,c()}}});export{$ as a,T as b,Y as c};
+import{b as x}from"./E5NJW2ZG.js";import{o as L}from"./2M4ETWZU.js";import{f as F,s as k,t as E}from"./Y5VG6YLH.js";var q=["date","datetime-local","month","number","range","time","week"],w=["email","password","search","tel","text","url"],S=["email","password","search","tel","text","textarea","url"];function v(a,e,i,s){let r=i.toLowerCase(),n=a[i];s&&n!=null?e.setAttribute(r,`${n}`):e.removeAttribute(r)}function N(a,e,i){i.type=a;let s=q.includes(a),r=e;v(r,i,"min",s),v(r,i,"max",s),v(r,i,"step",s);let n=S.includes(a),u=e;v(u,i,"minLength",n),v(u,i,"maxLength",n);let f=w.includes(a);v(u,i,"pattern",f)}function j(a){let e=a==="textarea"?"text":a;return q.includes(e)||w.includes(e)||S.includes(e)}var O=["text","email","search","hidden","tel","url"],A=Object.freeze({validity:{},validationMessage:""}),R=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"];function U({component:a,input:e,value:i}){if(!Array.isArray(i)){if(a&&e.type==="radio"){let n=a.elementInternals.form?.elements.namedItem(a.name);if(n){let f=("length"in n?Array.from(n):[n]).filter(l=>l.tagName===a.el.tagName),I=f.some(l=>l.required),m=f.some(l=>l.checked),c=f.filter(l=>l!==a.el),o=I&&!m;e.required=!!o;let b=M(e.validity),t=e.validationMessage;c?.length>0&&c.forEach(l=>{o!==l.validity?.valueMissing&&l.setValidity&&l.setValidity(b,t)})}}return C(e,i)?A:{validity:M(e.validity),validationMessage:e.validationMessage}}if(O.includes(e.type))return C(e,i.join(","))?A:{validity:M(e.validity),validationMessage:e.validationMessage};let s={},r=[];for(let n of i)C(e,n)||(Object.assign(s,M(e.validity)),e.validationMessage&&r.push(e.validationMessage));return{validity:s,validationMessage:r.join("; ")}}function C(a,e){if(a.type==="file"){a.value="";let i=!e||e instanceof FileList&&e.length===0;return!a.required||!i}return a.value=e==null?"":String(e),a.validity.valid}function M(a){let e={};for(let i of R)a[i]&&(e[i]=!0);return e}var z=["calcite-input","calcite-input-number","calcite-input-text","calcite-text-area"];function D(a){return`${E(k(a))}${z.includes(a)?"Input":"Change"}`}function P(a){return"form"in a&&"name"in a&&L(a)}function $(a,{status:e,message:i,icon:s}){"status"in a&&(a.status=e),"validationIcon"in a&&typeof a.validationIcon!="string"&&(a.validationIcon=s),"validationMessage"in a&&!a.validationMessage&&(a.validationMessage=i)}function T(a,e){"status"in a&&(a.status="idle"),"validationIcon"in a&&(!a.validationIcon||a.validationIcon===!0)&&(a.validationIcon=!1),"validationMessage"in a&&a.validationMessage===e&&(a.validationMessage="")}function G(a,e){let{disabled:i,name:s,required:r}=a;e.disabled=i,e.name=s||"",e.required=!!r,y(a)?e.checked=a.checked:H(a,e)&&N(e.type,a,e)}function y(a){return"checked"in a}function H(a,e){return a&&j(e.type)}function K(a){let e=Array.from(a.elements);requestAnimationFrame(()=>{let i=e.filter(s=>s.matches("[status=invalid]")&&P(s));for(let s of i)if(s.validationMessage){s.setFocus();break}})}var Y=a=>x((e,i)=>{let s="",r,n=null,u=a.inputType;u&&(r=document.createElement("input"));function f(t){if(t.defaultPrevented)return;t.preventDefault();let l=t.currentTarget;K(l)}function I(){"status"in e&&(e.status="idle"),"validationIcon"in e&&(e.validationIcon=!1),"validationMessage"in e&&(e.validationMessage=""),y(e)&&(e.checked=e.defaultChecked),e.value=e.defaultValue}e.listen("luminaFormResetCallback",()=>{I()}),e.listen("luminaFormAssociatedCallback",({detail:[t]})=>{t?t.addEventListener("invalid",f,{capture:!0}):n?.removeEventListener("invalid",f,{capture:!0}),n=t});function m(){let t=s||r?.validationMessage||"";$(e,{message:t,icon:!0,status:"invalid"}),e.el.dispatchEvent(new CustomEvent("calciteInvalid",{bubbles:!0,composed:!0}));let l=D(e.el.tagName.toLowerCase());e.listen(l,()=>{if(T(e,t),r?.type==="radio"){let d=e.elementInternals.form?.elements.namedItem(e.name);if(d){let V=("length"in d?Array.from(d):[d]).filter(g=>g.tagName===e.el.tagName).filter(g=>g!==e.el);V?.length>0&&V.forEach(g=>{T(g)})}}},{once:!0})}i.onConnected(()=>{e.el.addEventListener("invalid",m)}),i.onDisconnected(()=>{e.el.removeEventListener("invalid",m)}),i.onUpdate(t=>{e.hasUpdated||(e.defaultValue=e.value,y(e)&&(e.defaultChecked=e.checked)),(t.has("name")||t.has("value")||y(e)&&t.has("checked"))&&e.elementInternals.setFormValue(b()),e.hasUpdated&&c()}),i.onLoaded(()=>c());function c(){let{disabled:t,elementInternals:l}=e,d={},h="";t||(r&&(r.type=u,G(e,r),{validity:d,validationMessage:h}=U({component:e,input:r,value:o()})),s&&(d={...d,customError:!0},h=s)),l.setValidity(d,h),"validity"in e&&F(()=>{e.validity=l.validity})}function o(){return a.getValue?a.getValue():e.value}function b(){let t=o();if(Array.isArray(t)||t instanceof FileList){let l=new FormData;for(let d of t)l.append(e.name,d);return l}return y(e)?e.checked?t||"on":null:t}return{get active(){return!!e.elementInternals.form},overrideDefaultValue:t=>{e.defaultValue=t},overrideInputType:t=>{u=t,c()},requestSubmit:()=>{e.elementInternals.form?.requestSubmit()},setCustomValidity:t=>{s=t,c()}}});export{$ as a,T as b,Y as c};

package/dist/cdn/{BZSD3BAZ.js → WMSWABKA.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as z,e as w,f as I}from"./G7RVPH4C.js";import"./NYT7VOUO.js";import{a as n}from"./PVJQV22U.js";import{a as S}from"./PE4VKPFG.js";import{a as l}from"./3L2HJTSA.js";import{a as y}from"./CASNTUXN.js";import{a as h}from"./VMHJHFFS.js";import"./I45Q373H.js";import"./RHTSOGXY.js";import{u as k}from"./2M4ETWZU.js";import{G as x,H as i,I as C,T as $,g as f,h as c,l as v,p as d}from"./6VHGCTFC.js";var t={active:"label--active",centerContent:"center-content",container:"container",iconCustom:"icon--custom",description:"description",icon:"icon",label:"label",containerHighlightSelected:"container--highlight-selected",scale:b=>`scale--${b}`,shortText:"short-text",single:"label--single",textContainer:"text-container",heading:"heading"},o={checked:"check-square-f",circle:"circle",indeterminate:"minus-square-f",selectedSingle:"circle-inset-large",unchecked:"square"},H={contentEnd:"content-end",contentStart:"content-start"},E="--calcite-combobox-item-spacing-indent-multiplier",L=f`: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([hidden]){display:none}[hidden]{display:none}.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-internal-combobox-item-spacing-unit-s: .25rem;--calcite-internal-combobox-item-spacing-unit-l: .5rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-internal-combobox-item-spacing-unit-s: .375rem;--calcite-internal-combobox-item-spacing-unit-l: .75rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-internal-combobox-item-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-internal-combobox-item-spacing-unit-l: 1rem;--calcite-combobox-item-selector-icon-size: 1.5rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size)}.container{--calcite-combobox-item-indent-value: calc( var(--calcite-internal-combobox-item-spacing-unit-l) * var(--calcite-combobox-item-spacing-indent-multiplier) )}:host(:focus){box-shadow:var(--calcite-shadow-none)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host,ul{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),ul:focus{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}.label{overflow-wrap:break-word;word-break:break-word;outline-color:transparent;position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;text-decoration-line:none;transition-timing-function:var(--calcite-animation-easing-function);justify-content:space-around;gap:var(--calcite-internal-combobox-item-spacing-unit-l);padding-block:var(--calcite-internal-combobox-item-spacing-unit-s);padding-inline-end:var(--calcite-internal-combobox-item-spacing-unit-l);padding-inline-start:var(--calcite-combobox-item-indent-value);color:var(--calcite-combobox-text-color, var(--calcite-color-text-3));transition-duration:var(--calcite-animation-timing)}:host([disabled]) .label{cursor:default}.label--active{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.label:hover{background-color:var(--calcite-combobox-item-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-combobox-text-color-hover, var(--calcite-color-text-1))}.label:active{background-color:var(--calcite-combobox-item-background-color-active, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host([selected]) .label,.label:active{color:var(--calcite-combobox-text-color-hover, var(--calcite-color-text-1))}:host([selected]) .label .description,:host([selected]) .label .short-text,.label:active .description,.label:active .short-text{color:var(--calcite-combobox-description-text-color-press, var(--calcite-color-text-2))}.icon{display:inline-flex;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-color-border-input)}:host([selected]) .icon,:host([indeterminate]) .icon{color:var(--calcite-combobox-selected-icon-color, var(--calcite-color-brand))}.icon--custom{margin-block-start:-1px}.center-content{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.description{font-size:var(--calcite-internal-combobox-item-description-font-size)}.short-text{white-space:nowrap}.heading{color:var(--calcite-combobox-heading-text-color, var(--calcite-color-text-1))}.description,.short-text{color:var(--calcite-combobox-description-text-color, var(--calcite-color-text-3))}:host([selected]) .heading{font-weight:var(--calcite-font-weight-medium)}.heading,.description,.short-text{line-height:var(--calcite-font-line-height-relative-snug)}.container--highlight-selected{background-color:var(--calcite-color-surface-highlight)}:host([item-hidden]){display:none}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}`,m=class extends x{constructor(){super(...arguments),this._selected=!1,this.interactiveContainer=S(this),this.hasContent=!1,this.active=!1,this.disabled=!1,this.filterDisabled=!1,this.guid=y(),this.iconFlipRtl=!1,this.scale="m",this.selectionMode="multiple",this.selectionAppearance="icon",this.itemHidden=!1,this.indeterminate=!1,this.calciteComboboxItemChange=d({cancelable:!1}),this.calciteInternalComboboxItemChange=d({cancelable:!1})}static{this.properties={hasContent:[16,{},{state:!0}],active:[7,{},{reflect:!0,type:Boolean}],ancestors:[0,{},{attribute:!1}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],filterDisabled:[7,{},{reflect:!0,type:Boolean}],filterTextMatchPattern:[3,{},{reflect:!0}],guid:[3,{},{reflect:!0}],heading:1,icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,metadata:[0,{},{attribute:!1}],scale:1,selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}],shortHeading:1,value:[3,{},{reflect:!0}],itemHidden:[7,{},{reflect:!0,type:Boolean}],indeterminate:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=L}get selected(){return this._selected}set selected(e){let a=this._selected;e!==a&&(this._selected=e,this.emitItemChange())}get value(){return this._value??this.heading}set value(e){this._value=e??this.heading}toggleSelection(){let e=this.selectionMode==="single-persist";this.disabled||e&&this.selected||(this.selected=!this.selected,this.calciteComboboxItemChange.emit())}connectedCallback(){super.connectedCallback(),this.ancestors=z(this.el)}willUpdate(e){this.hasUpdated&&(e.has("disabled")||e.has("heading")||e.has("label"))&&this.emitItemChange()}emitItemChange(){this.calciteInternalComboboxItemChange.emit()}handleDefaultSlotChange(e){this.hasContent=k(e)}itemClickHandler(){this.toggleSelection()}renderIcon(e){return this.icon?l("icon",c`<calcite-icon class=${i({[t.iconCustom]:!!this.icon})} .flipRtl=${this.iconFlipRtl} .icon=${this.icon||e} .scale=${h(this.scale)}></calcite-icon>`):null}renderSelectIndicator(e){return this.selectionAppearance==="highlight"?null:l("indicator",c`<calcite-icon class=${i({[t.icon]:!0})} .flipRtl=${this.iconFlipRtl} .icon=${e} .scale=${h(this.scale)}></calcite-icon>`)}renderChildren(){return l("default-slot-container",c`<ul .hidden=${!this.hasContent}><slot @slotchange=${this.handleDefaultSlotChange}></slot></ul>`)}render(){let{disabled:e,heading:a,label:M,value:u,filterTextMatchPattern:s,description:g,shortHeading:p}=this,r=I(this.selectionMode),B=e||r?void 0:o.checked,T=r?this.selected?o.selectedSingle:o.circle:this.indeterminate?o.indeterminate:this.selected?o.checked:o.unchecked,R=M||u||a,_=a||u,A={[t.label]:!0,[t.active]:this.active,[t.single]:r,[t.containerHighlightSelected]:this.selected&&this.selectionAppearance==="highlight"},D=w(this.el);return this.el.ariaHidden="true",this.el.ariaLabel=R,this.interactiveContainer({disabled:e,children:c`<div class=${i({[t.container]:!0,[t.scale(this.scale)]:!0})} style=${C({[E]:`${D}`})}><li class=${i(A)} id=${this.guid??v} @click=${this.itemClickHandler}>${this.renderSelectIndicator(T)}<slot name=${H.contentStart}></slot>${this.renderIcon(B)}<div class=${i(t.centerContent)}><div class=${i(t.heading)}>${n({text:_,pattern:s})}</div>${g?c`<div class=${i(t.description)}>${n({text:g,pattern:s})}</div>`:null}</div>${p?c`<div class=${i(t.shortText)}>${n({text:p,pattern:s})}</div>`:null}<slot name=${H.contentEnd}></slot></li>${this.renderChildren()}</div>`})}};$("calcite-combobox-item",m);export{m as ComboboxItem};
+import{a as z,e as w,f as I}from"./G7RVPH4C.js";import"./NYT7VOUO.js";import{a as n}from"./D6ZKUE5D.js";import{a as S}from"./KHJVFQLY.js";import{a as l}from"./KWWA7UIP.js";import{a as y}from"./CASNTUXN.js";import{a as h}from"./VMHJHFFS.js";import"./E5NJW2ZG.js";import"./TOTGM2SP.js";import{u as k}from"./2M4ETWZU.js";import{G as x,H as i,I as C,T as $,g as f,h as c,l as v,p as d}from"./Y5VG6YLH.js";var t={active:"label--active",centerContent:"center-content",container:"container",iconCustom:"icon--custom",description:"description",icon:"icon",label:"label",containerHighlightSelected:"container--highlight-selected",scale:b=>`scale--${b}`,shortText:"short-text",single:"label--single",textContainer:"text-container",heading:"heading"},o={checked:"check-square-f",circle:"circle",indeterminate:"minus-square-f",selectedSingle:"circle-inset-large",unchecked:"square"},H={contentEnd:"content-end",contentStart:"content-start"},E="--calcite-combobox-item-spacing-indent-multiplier",L=f`: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([hidden]){display:none}[hidden]{display:none}.scale--s{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);--calcite-internal-combobox-item-spacing-unit-s: .25rem;--calcite-internal-combobox-item-spacing-unit-l: .5rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-xs)}.scale--m{font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base);--calcite-internal-combobox-item-spacing-unit-s: .375rem;--calcite-internal-combobox-item-spacing-unit-l: .75rem;--calcite-combobox-item-selector-icon-size: 1rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size-sm)}.scale--l{font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);--calcite-internal-combobox-item-spacing-unit-s: var(--calcite-space-sm-plus);--calcite-internal-combobox-item-spacing-unit-l: 1rem;--calcite-combobox-item-selector-icon-size: 1.5rem;--calcite-internal-combobox-item-description-font-size: var(--calcite-font-size)}.container{--calcite-combobox-item-indent-value: calc( var(--calcite-internal-combobox-item-spacing-unit-l) * var(--calcite-combobox-item-spacing-indent-multiplier) )}:host(:focus){box-shadow:var(--calcite-shadow-none)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host,ul{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),ul:focus{outline:var(--calcite-border-width-md) solid transparent;outline-offset:var(--calcite-border-width-md)}.label{overflow-wrap:break-word;word-break:break-word;outline-color:transparent;position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;text-decoration-line:none;transition-timing-function:var(--calcite-animation-easing-function);justify-content:space-around;gap:var(--calcite-internal-combobox-item-spacing-unit-l);padding-block:var(--calcite-internal-combobox-item-spacing-unit-s);padding-inline-end:var(--calcite-internal-combobox-item-spacing-unit-l);padding-inline-start:var(--calcite-combobox-item-indent-value);color:var(--calcite-combobox-text-color, var(--calcite-color-text-3));transition-duration:var(--calcite-animation-timing)}:host([disabled]) .label{cursor:default}.label--active{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.label:hover{background-color:var(--calcite-combobox-item-background-color-hover, var(--calcite-theme-color-surface-3, var(--calcite-color-foreground-2)));color:var(--calcite-combobox-text-color-hover, var(--calcite-color-text-1))}.label:active{background-color:var(--calcite-combobox-item-background-color-active, var(--calcite-theme-color-surface-4, var(--calcite-color-foreground-3)))}:host([selected]) .label,.label:active{color:var(--calcite-combobox-text-color-hover, var(--calcite-color-text-1))}:host([selected]) .label .description,:host([selected]) .label .short-text,.label:active .description,.label:active .short-text{color:var(--calcite-combobox-description-text-color-press, var(--calcite-color-text-2))}.icon{display:inline-flex;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-color-border-input)}:host([selected]) .icon,:host([indeterminate]) .icon{color:var(--calcite-combobox-selected-icon-color, var(--calcite-color-brand))}.icon--custom{margin-block-start:-1px}.center-content{display:flex;flex-direction:column;flex-grow:1;padding-block:0}.description{font-size:var(--calcite-internal-combobox-item-description-font-size)}.short-text{white-space:nowrap}.heading{color:var(--calcite-combobox-heading-text-color, var(--calcite-color-text-1))}.description,.short-text{color:var(--calcite-combobox-description-text-color, var(--calcite-color-text-3))}:host([selected]) .heading{font-weight:var(--calcite-font-weight-medium)}.heading,.description,.short-text{line-height:var(--calcite-font-line-height-relative-snug)}.container--highlight-selected{background-color:var(--calcite-color-surface-highlight)}:host([item-hidden]){display:none}.text-match{background-color:transparent;color:inherit;font-weight:var(--calcite-font-weight-bold)}`,m=class extends x{constructor(){super(...arguments),this._selected=!1,this.interactiveContainer=S(this),this.hasContent=!1,this.active=!1,this.disabled=!1,this.filterDisabled=!1,this.guid=y(),this.iconFlipRtl=!1,this.scale="m",this.selectionMode="multiple",this.selectionAppearance="icon",this.itemHidden=!1,this.indeterminate=!1,this.calciteComboboxItemChange=d({cancelable:!1}),this.calciteInternalComboboxItemChange=d({cancelable:!1})}static{this.properties={hasContent:[16,{},{state:!0}],active:[7,{},{reflect:!0,type:Boolean}],ancestors:[0,{},{attribute:!1}],description:1,disabled:[7,{},{reflect:!0,type:Boolean}],filterDisabled:[7,{},{reflect:!0,type:Boolean}],filterTextMatchPattern:[3,{},{reflect:!0}],guid:[3,{},{reflect:!0}],heading:1,icon:[3,{},{reflect:!0}],iconFlipRtl:[7,{},{reflect:!0,type:Boolean}],label:1,metadata:[0,{},{attribute:!1}],scale:1,selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:[3,{},{reflect:!0}],selectionAppearance:[3,{},{reflect:!0}],shortHeading:1,value:[3,{},{reflect:!0}],itemHidden:[7,{},{reflect:!0,type:Boolean}],indeterminate:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=L}get selected(){return this._selected}set selected(e){let a=this._selected;e!==a&&(this._selected=e,this.emitItemChange())}get value(){return this._value??this.heading}set value(e){this._value=e??this.heading}toggleSelection(){let e=this.selectionMode==="single-persist";this.disabled||e&&this.selected||(this.selected=!this.selected,this.calciteComboboxItemChange.emit())}connectedCallback(){super.connectedCallback(),this.ancestors=z(this.el)}willUpdate(e){this.hasUpdated&&(e.has("disabled")||e.has("heading")||e.has("label"))&&this.emitItemChange()}emitItemChange(){this.calciteInternalComboboxItemChange.emit()}handleDefaultSlotChange(e){this.hasContent=k(e)}itemClickHandler(){this.toggleSelection()}renderIcon(e){return this.icon?l("icon",c`<calcite-icon class=${i({[t.iconCustom]:!!this.icon})} .flipRtl=${this.iconFlipRtl} .icon=${this.icon||e} .scale=${h(this.scale)}></calcite-icon>`):null}renderSelectIndicator(e){return this.selectionAppearance==="highlight"?null:l("indicator",c`<calcite-icon class=${i({[t.icon]:!0})} .flipRtl=${this.iconFlipRtl} .icon=${e} .scale=${h(this.scale)}></calcite-icon>`)}renderChildren(){return l("default-slot-container",c`<ul .hidden=${!this.hasContent}><slot @slotchange=${this.handleDefaultSlotChange}></slot></ul>`)}render(){let{disabled:e,heading:a,label:M,value:u,filterTextMatchPattern:s,description:g,shortHeading:p}=this,r=I(this.selectionMode),B=e||r?void 0:o.checked,T=r?this.selected?o.selectedSingle:o.circle:this.indeterminate?o.indeterminate:this.selected?o.checked:o.unchecked,R=M||u||a,_=a||u,A={[t.label]:!0,[t.active]:this.active,[t.single]:r,[t.containerHighlightSelected]:this.selected&&this.selectionAppearance==="highlight"},D=w(this.el);return this.el.ariaHidden="true",this.el.ariaLabel=R,this.interactiveContainer({disabled:e,children:c`<div class=${i({[t.container]:!0,[t.scale(this.scale)]:!0})} style=${C({[E]:`${D}`})}><li class=${i(A)} id=${this.guid??v} @click=${this.itemClickHandler}>${this.renderSelectIndicator(T)}<slot name=${H.contentStart}></slot>${this.renderIcon(B)}<div class=${i(t.centerContent)}><div class=${i(t.heading)}>${n({text:_,pattern:s})}</div>${g?c`<div class=${i(t.description)}>${n({text:g,pattern:s})}</div>`:null}</div>${p?c`<div class=${i(t.shortText)}>${n({text:p,pattern:s})}</div>`:null}<slot name=${H.contentEnd}></slot></li>${this.renderChildren()}</div>`})}};$("calcite-combobox-item",m);export{m as ComboboxItem};

package/dist/cdn/{UZFYAG6S.js → WN6KY7GO.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as s,b as o}from"./IZOUEOSQ.js";import{a as i}from"./3L2HJTSA.js";import{y as a}from"./2M4ETWZU.js";import{G as r,H as e,T as d,g as l,h as n}from"./6VHGCTFC.js";var h=l`:host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-stack-padding-inline, .75rem);padding-block:var(--calcite-stack-padding-block, .5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:.75rem;align-self:center}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends r{constructor(){super(...arguments),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.disabled=!1}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=h}handleActionsStartSlotChange(t){this.hasActionsStart=a(t)}handleActionsEndSlotChange(t){this.hasActionsEnd=a(t)}handleContentStartSlotChange(t){this.hasContentStart=a(t)}handleContentEndSlotChange(t){this.hasContentEnd=a(t)}renderActionsStart(){let{hasActionsStart:t}=this;return i("actions-start-container",n`<div class=${e(s.actionsStart)} .hidden=${!t}><slot name=${o.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`)}renderActionsEnd(){let{hasActionsEnd:t}=this;return i("actions-end-container",n`<div class=${e(s.actionsEnd)} .hidden=${!t}><slot name=${o.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>`)}renderContentStart(){let{hasContentStart:t}=this;return n`<div class=${e(s.contentStart)} .hidden=${!t}><slot name=${o.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderDefaultContent(){return n`<div class=${e(s.content)}><slot></slot></div>`}renderContentEnd(){let{hasContentEnd:t}=this;return n`<div class=${e(s.contentEnd)} .hidden=${!t}><slot name=${o.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}render(){return n`<div class=${e(s.container)}>${this.renderActionsStart()}${this.renderContentStart()}${this.renderDefaultContent()}${this.renderContentEnd()}${this.renderActionsEnd()}</div>`}};d("calcite-stack",c);export{c as Stack};
+import{a as s,b as o}from"./IZOUEOSQ.js";import{a as i}from"./KWWA7UIP.js";import{y as a}from"./2M4ETWZU.js";import{G as r,H as e,T as d,g as l,h as n}from"./Y5VG6YLH.js";var h=l`:host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);padding-inline:var(--calcite-stack-padding-inline, .75rem);padding-block:var(--calcite-stack-padding-block, .5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:.75rem;align-self:center}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}`,c=class extends r{constructor(){super(...arguments),this.hasActionsEnd=!1,this.hasActionsStart=!1,this.hasContentEnd=!1,this.hasContentStart=!1,this.disabled=!1}static{this.properties={hasActionsEnd:[16,{},{state:!0}],hasActionsStart:[16,{},{state:!0}],hasContentEnd:[16,{},{state:!0}],hasContentStart:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=h}handleActionsStartSlotChange(t){this.hasActionsStart=a(t)}handleActionsEndSlotChange(t){this.hasActionsEnd=a(t)}handleContentStartSlotChange(t){this.hasContentStart=a(t)}handleContentEndSlotChange(t){this.hasContentEnd=a(t)}renderActionsStart(){let{hasActionsStart:t}=this;return i("actions-start-container",n`<div class=${e(s.actionsStart)} .hidden=${!t}><slot name=${o.actionsStart} @slotchange=${this.handleActionsStartSlotChange}></slot></div>`)}renderActionsEnd(){let{hasActionsEnd:t}=this;return i("actions-end-container",n`<div class=${e(s.actionsEnd)} .hidden=${!t}><slot name=${o.actionsEnd} @slotchange=${this.handleActionsEndSlotChange}></slot></div>`)}renderContentStart(){let{hasContentStart:t}=this;return n`<div class=${e(s.contentStart)} .hidden=${!t}><slot name=${o.contentStart} @slotchange=${this.handleContentStartSlotChange}></slot></div>`}renderDefaultContent(){return n`<div class=${e(s.content)}><slot></slot></div>`}renderContentEnd(){let{hasContentEnd:t}=this;return n`<div class=${e(s.contentEnd)} .hidden=${!t}><slot name=${o.contentEnd} @slotchange=${this.handleContentEndSlotChange}></slot></div>`}render(){return n`<div class=${e(s.container)}>${this.renderActionsStart()}${this.renderContentStart()}${this.renderDefaultContent()}${this.renderContentEnd()}${this.renderActionsEnd()}</div>`}};d("calcite-stack",c);export{c as Stack};

package/dist/cdn/{KV2GNMSW.js → WQKFWH55.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as Ce,d as q,e as fe}from"./M7VG3ZLQ.js";import{a as ce}from"./PIQZMQFS.js";import{A as P,B as de,C as G,D as ue,E as pe,a as k,b as r,c as m,d as I,e as E,f,g as j,h as b,i as D,j as U,k as W,m as N,n as O,o as B,s as R,t as S,v as he,x as _,y as V,z as X}from"./4XVKHJ2X.js";import"./B3OV6FHO.js";import{a as le}from"./PE4VKPFG.js";import{a as F}from"./3L2HJTSA.js";import{a as re}from"./Z6SQR7YX.js";import{c as H}from"./5K4OZJAZ.js";import{a as ne}from"./JN6YLTUP.js";import{a as ie}from"./FDHY2TZA.js";import{a as se}from"./LI7YAEGJ.js";import{a as ae}from"./FJPXMNQ2.js";import"./VMHJHFFS.js";import{e as oe}from"./I45Q373H.js";import"./RHTSOGXY.js";import{B as K}from"./2M4ETWZU.js";import{E as T,F as g,G as ee,H as h,I as $,Q as x,T as te,g as Q,h as p,l as w,p as L}from"./6VHGCTFC.js";var Te=Q`: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{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);display:inline-block;font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));inline-size:var(--calcite-internal-color-picker-min-width);min-inline-size:var(--calcite-internal-color-picker-min-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-color-picker-min-width: 200px;--calcite-color-picker-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]){--calcite-internal-color-picker-min-width: 240px;--calcite-color-picker-spacing: var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]){--calcite-internal-color-picker-min-width: 304px;--calcite-color-picker-spacing: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .control-section{display:flex;flex-direction:column;flex-wrap:wrap;align-items:baseline}:host([scale=l]) .color-hex-options{inline-size:100%;display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}calcite-input-number{--calcite-input-number-background-color: var(--calcite-color-picker-input-background-color);--calcite-input-number-border-color: var(--calcite-color-picker-input-border-color);--calcite-input-number-text-color: var(--calcite-color-picker-input-text-color);--calcite-input-prefix-text-color: var(--calcite-color-picker-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-color-picker-input-suffix-text-color)}calcite-button{--calcite-button-text-color: var(--calcite-color-picker-action-text-color);--calcite-button-text-color-press: var(--calcite-color-picker-action-text-color-press)}calcite-button:hover,calcite-button:focus{--calcite-button-text-color: var(--calcite-color-picker-action-text-color-hover)}calcite-button:active{--calcite-button-text-color: var(--calcite-color-picker-action-text-color-press)}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-picker-tab-border-color);--calcite-tab-text-color: var(--calcite-color-picker-tab-text-color);--calcite-tab-accent-color-press: var(--calcite-color-picker-tab-accent-color);--calcite-swatch-corner-radius: var(--calcite-color-picker-swatch-corner-radius)}calcite-tab-title:hover{--calcite-color-text-1: var(--calcite-color-picker-tab-text-color-hover)}calcite-swatch{--calcite-swatch-corner-radius: var(--calcite-color-picker-swatch-corner-radius)}.container{display:flex;flex-direction:column;block-size:min-content;border:1px solid var(--calcite-color-picker-border-color, var(--calcite-color-border-3));background-color:var(--calcite-color-picker-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-radius:var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius));box-shadow:var(--calcite-color-picker-shadow, var(--calcite-shadow-none))}.control-and-scope{display:flex;position:relative;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;user-select:none;border-radius:var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius)) var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius)) var(--calcite-corner-radius-none) var(--calcite-corner-radius-none)}.scope{font-size:var(--calcite-font-size-relative-base);outline-color:transparent;position:absolute;z-index:var(--calcite-z-index);border-radius:var(--calcite-corner-radius-pill);background-color:transparent;inline-size:var(--calcite-size-px);block-size:var(--calcite-size-px);pointer-events:none}.scope:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)));outline-offset:6px}.hex-and-channels-group{display:flex;flex-direction:column;flex-wrap:wrap;inline-size:100%}.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);gap:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.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-picker-text-color, var(--calcite-color-text-1))}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex}.channel{flex-grow:1}.channel[data-channel-index="3"]{margin-inline-start:-1px;min-inline-size:81px}:host([scale=s]) .channel[data-channel-index="3"]{min-inline-size:68px}:host([scale=l]) .channel[data-channel-index="3"]{min-inline-size:88px}.saved-colors-buttons{display:flex}.swatch-group{margin-block-start:var(--calcite-color-picker-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,ve=16,Y=class extends ee{constructor(){super(),this._color=m,this.colorFieldScopeRef=T(),this.direction=oe(),this.hueScopeRef=T(),this.isActiveChannelInputEmpty=!1,this.mode=_.HEX,this.opacityScopeRef=T(),this.resizeObserver=ie("resize",e=>this.resizeCanvas(e)),this.shiftKeyChannelAdjustment=0,this._valueWasSet=!1,this.messages=se({blocking:!0}),this.captureColorFieldColor=(e,t,i=!0)=>{let{width:a,height:o}=this.dynamicDimensions.colorField,s=Math.round(f.s/a*e),l=Math.round(f.v/o*(o-t));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(s).value(l),i)},this.cancelable=re()(this),this.drawColorControls=H((e="all")=>{(e==="all"||e==="color-field")&&this.colorFieldRenderingContext&&this.drawColorField(),(e==="all"||e==="hue-slider")&&this.hueSliderRenderingContext&&this.drawHueSlider(),this.alphaChannel&&(e==="all"||e==="opacity-slider")&&this.opacitySliderRenderingContext&&this.drawOpacitySlider()},ve),this.globalPointerMoveHandler=e=>{let{activeCanvasInfo:t,el:i}=this;if(!i.isConnected||!t)return;let{context:a,bounds:o}=t,s,l,{clientX:c,clientY:n}=e;a.canvas.matches(":hover")?(s=c-o.x,l=n-o.y):(c<o.x+o.width&&c>o.x?s=c-o.x:c<o.x?s=0:s=o.width,n<o.y+o.height&&n>o.y?l=n-o.y:n<o.y?l=0:l=o.height),a===this.colorFieldRenderingContext?this.captureColorFieldColor(s,l,!1):a===this.hueSliderRenderingContext?this.captureHueSliderColor(s):a===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(s)},this.globalPointerUpHandler=e=>{if(!K(e))return;let t=this.activeCanvasInfo;this.activeCanvasInfo=void 0,this.drawColorControls(),t&&this.calciteColorPickerChange.emit()},this.resizeCanvas=H(e=>{if(!this.hasUpdated)return;let[t]=e,i=Math.floor(t.contentBoxSize[0].inlineSize);this.dynamicDimensions.colorField.width!==i&&(this.updateDynamicDimensions(i),this.updateCanvasSize(),this.drawColorControls())},ve),this.updateDynamicDimensions=e=>{let t={width:ue(e,this.staticDimensions,this.alphaChannel),height:this.staticDimensions.slider.height};this.dynamicDimensions={colorField:pe(e),slider:t}},this.focusSetter=ae()(this),this.interactiveContainer=le(this),this.channelMode="rgb",this.channels=this.toChannels(m),this.staticDimensions=D.m,this.savedColors=[],this.alphaChannel=!1,this.channelsDisabled=!1,this.clearable=!1,this.disabled=!1,this.fieldDisabled=!1,this.format="auto",this.hexDisabled=!1,this.savedDisabled=!1,this.scale="m",this.calciteColorPickerChange=L({cancelable:!1}),this.calciteColorPickerInput=L({cancelable:!1}),this.listen("keydown",this.handleChannelKeyUpOrDown,{capture:!0}),this.listen("keyup",this.handleChannelKeyUpOrDown,{capture:!0})}static{this.properties={channelMode:[16,{},{state:!0}],channels:[16,{},{state:!0}],colorFieldScopeLeft:[16,{},{state:!0}],colorFieldScopeTop:[16,{},{state:!0}],staticDimensions:[16,{},{state:!0}],hueScopeLeft:[16,{},{state:!0}],opacityScopeLeft:[16,{},{state:!0}],savedColors:[16,{},{state:!0}],scopeOrientation:[16,{},{state:!0}],alphaChannel:[5,{},{type:Boolean}],channelsDisabled:[5,{},{type:Boolean}],clearable:[7,{},{reflect:!0,type:Boolean}],color:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],fieldDisabled:[7,{},{reflect:!0,type:Boolean}],format:[3,{},{reflect:!0}],hexDisabled:[5,{},{type:Boolean}],messageOverrides:[0,{},{attribute:!1}],numberingSystem:[3,{},{reflect:!0}],savedDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],storageId:[3,{},{reflect:!0}],value:1}}static{this.styles=Te}get baseColorFieldColor(){return this.color||this.previousColor||m}get effectiveSliderWidth(){return this.dynamicDimensions.slider.width}get color(){return this._color}set color(e){let t=this._color;this._color=e,this.handleColorChange(e,t)}get value(){return this._value}set value(e){let t=this._value,i=e||void 0;this._value=i,this.handleValueChange(i,t),this._valueWasSet=!0}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.observeResize(),this.cancelable.add([this.drawColorControls,this.resizeCanvas])}async load(){this._valueWasSet||(this._value??=R(S(m,this.alphaChannel)));let{clearable:e,color:t,format:i}=this,a=this.value,o=e&&!a,s=V(a),l=o||i==="auto"&&s||i===s,c=l?N(a,e,s):t;l||this.showIncompatibleColorWarning(a,i),this.setMode(i,!1),this.internalColorSet(c,!1,"initial"),this.updateStaticDimensions(this.scale),this.updateDynamicDimensions(D[this.scale].minWidth);let n=`${I}${this.storageId}`;if(this.storageId){let d=localStorage.getItem(n);d&&(this.savedColors=JSON.parse(d))}}willUpdate(e){e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)&&this.handleAlphaChannelChange(this.alphaChannel),this.hasUpdated&&(e.has("alphaChannel")&&this.alphaChannel!==!1||e.has("staticDimensions")&&this.staticDimensions!==D.m)&&this.handleAlphaChannelDimensionsChange(),(e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)||e.has("format")&&(this.hasUpdated||this.format!=="auto"))&&this.handleFormatOrAlphaChannelChange(),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handleScaleChange(this.scale)}loaded(){this.handleAlphaChannelDimensionsChange()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("pointermove",this.globalPointerMoveHandler),window.removeEventListener("pointerup",this.globalPointerUpHandler),this.resizeObserver?.disconnect()}observeResize(){this.resizeObserver?.observe(this.el)}handleAlphaChannelChange(e){let{format:t}=this;e&&t!=="auto"&&!P(t)&&(x.warn(`ignoring alphaChannel as the current format (${t}) does not support alpha`),this.alphaChannel=!1)}handleAlphaChannelDimensionsChange(){this.drawColorControls()}handleColorChange(e,t){this.drawColorControls(),this.updateChannelsFromColor(e),this.previousColor=t}handleFormatOrAlphaChannelChange(){this.setMode(this.format),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(e="m"){this.updateStaticDimensions(e),this.updateCanvasSize(),this.drawColorControls()}handleValueChange(e,t){let{clearable:i,format:a}=this,o=!i||e,s=!1;if(o){let d=V(e);if(!d||a!=="auto"&&d!==a){this.showIncompatibleColorWarning(e,a),this._value=t;return}s=this.mode!==d,this.setMode(d,this.internalColorUpdateContext===void 0)}let l=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial")return;if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit(),l||this.calciteColorPickerChange.emit();return}let c=N(e,i,this.mode),n=!X(c,this.color);(s||n)&&this.internalColorSet(c,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css"))||this.internalColorUpdateContext==="internal","internal")}handleTabActivate(e){this.channelMode=e.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)}handleColorFieldScopeKeyDown(e){let{key:t}=e,a={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}}[t];a&&(e.preventDefault(),this.scopeOrientation=t==="ArrowDown"||t==="ArrowUp"?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft===void 0?0:this.colorFieldScopeLeft+a.x,this.colorFieldScopeTop===void 0?0:this.colorFieldScopeTop+a.y,!1))}handleHueScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,o={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1}[i];if(o){e.preventDefault();let s=o*t,l=this.baseColorFieldColor.hue(),c=this.baseColorFieldColor.hue(l+s);this.internalColorSet(c,!1)}}handleHexInputChange(e){e.stopPropagation();let{clearable:t,color:i}=this,o=e.target.value;if(t&&!o){this.internalColorSet(void 0);return}let s=i&&R(S(i,P(this.mode)));o!==s&&this.internalColorSet(k(o))}handleSavedColorSelect(e){let t=e.currentTarget;this.internalColorSet(k(t.color))}handleChannelInput(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),o=i===3?b.max:this.channelMode==="rgb"?Object.values(E)[i]:Object.values(f)[i],s;if(!t.value)s="",this.isActiveChannelInputEmpty=!0,this.upOrDownArrowKeyTracker=void 0;else{let c=Number(t.value)+this.shiftKeyChannelAdjustment;s=Ce(c,0,o).toString()}t.value=s,s!==""&&this.shiftKeyChannelAdjustment!==0?this.handleChannelChange(e):s!==""&&this.handleChannelChange(e)}handleChannelBlur(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];!t.value&&!this.clearable&&(t.value=a[i]?.toString()??"")}handleChannelFocus(e){e.currentTarget.selectText()}handleChannelKeyUpOrDown(e){this.shiftKeyChannelAdjustment=0;let{key:t}=e;if(t!=="ArrowUp"&&t!=="ArrowDown"||!e.composedPath().some(o=>o.classList?.contains(r.channel)))return;let{shiftKey:i}=e;if(e.preventDefault(),!this.color){this.internalColorSet(this.previousColor),e.stopPropagation();return}let a=9;this.shiftKeyChannelAdjustment=t==="ArrowUp"&&i?a:t==="ArrowDown"&&i?-a:0,t==="ArrowUp"&&(this.upOrDownArrowKeyTracker="up"),t==="ArrowDown"&&(this.upOrDownArrowKeyTracker="down")}getChannelInputLimit(e){return this.channelMode==="rgb"?Object.values(E)[e]:Object.values(f)[e]}handleChannelChange(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index"));if(this.clearable&&!t.value){this.channels=[void 0,void 0,void 0,void 0],this.internalColorSet(void 0);return}let o=[...this.channels],s=i===3;this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker&&(t.value=this.upOrDownArrowKeyTracker==="up"?(o[i]+1<=this.getChannelInputLimit(i)?o[i]+1:this.getChannelInputLimit(i)).toString():(o[i]-1>=0?o[i]-1:0).toString(),this.isActiveChannelInputEmpty=!1,this.upOrDownArrowKeyTracker=void 0);let l=t.value?Number(t.value):o[i];o[i]=s?B(l):l,this.updateColorFromChannels(o)}handleSavedColorKeyDown(e){ne(e.key)&&(e.preventDefault(),this.handleSavedColorSelect(e))}handleColorFieldPointerDown(e){this.handleCanvasControlPointerDown(e,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeRef.value)}focusScope(e){requestAnimationFrame(()=>{e.focus()})}handleHueSliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeRef.value)}handleOpacitySliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeRef.value)}handleCanvasControlPointerDown(e,t,i,a){K(e)&&(window.addEventListener("pointermove",this.globalPointerMoveHandler),window.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:t,bounds:t.canvas.getBoundingClientRect()},i.call(this,e.offsetX,e.offsetY),this.focusScope(a))}handleKeyDown(e){e.key==="Enter"&&e.preventDefault()}showIncompatibleColorWarning(e,t){x.warn(`ignoring color value (${e}) as it is not compatible with the current format (${t})`)}setMode(e,t=!0){let i=e==="auto"?this.mode:e;this.mode=this.ensureCompatibleMode(i,t)}ensureCompatibleMode(e,t){let{alphaChannel:i}=this,a=P(e);if(i&&!a){let o=de(e);return t&&x.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}if(!i&&a){let o=G(e);return t&&x.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}return e}captureHueSliderColor(e){let t=j/this.effectiveSliderWidth*e;this.internalColorSet(this.baseColorFieldColor.hue(t),!1)}captureOpacitySliderValue(e){let t=B(b.max/this.effectiveSliderWidth*e);this.internalColorSet(this.baseColorFieldColor.alpha(t),!1)}internalColorSet(e,t=!0,i="user-interaction"){t&&X(e,this.color)||(this.internalColorUpdateContext=i,this.color=e,this.value=this.toValue(e),this.internalColorUpdateContext=void 0)}toValue(e,t=this.mode){if(!e)return;if(t.includes("hex")){let n=t===_.HEXA;return R(S(e.round(),n),n)}if(t.includes("-css")){let n=(t.startsWith("rgb")?e.rgb():e.hsl()).round().string();if((t.endsWith("a")||t.endsWith("a-css"))&&e.alpha()===1){let u=n.slice(0,3),C=n.slice(4,-1);return`${u}a(${C}, ${e.alpha()})`}return n}let a=G(t),s=(a==="rgb"?e.rgb():a==="hsl"?e.hsl():e.hsv()).round().object();if(t.endsWith("a"))return he(s);if(a==="rgb"){let{r:n,g:d,b:u}=s;return{r:n,g:d,b:u}}let{h:l,s:c}=s;return a==="hsl"?{h:l,s:c,l:s.l}:{h:l,s:c,v:s.v}}getSliderCapSpacing(){let{staticDimensions:{slider:{height:e},thumb:{radius:t}}}=this;return t*2-e}updateStaticDimensions(e="m"){this.staticDimensions=D[e]}deleteColor(){let e=S(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(e)>-1))return;let i=this.savedColors.filter(o=>o!==e);this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}saveColor(){let e=S(this.color,this.alphaChannel);if(this.savedColors.indexOf(e)>-1)return;let i=[...this.savedColors,e];this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}drawColorField(){let e=this.colorFieldRenderingContext,{width:t,height:i}=this.dynamicDimensions.colorField;e.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),e.fillRect(0,0,t,i);let a=e.createLinearGradient(0,0,t,0);a.addColorStop(0,"rgba(255,255,255,1)"),a.addColorStop(1,"rgba(255,255,255,0)"),e.fillStyle=a,e.fillRect(0,0,t,i);let o=e.createLinearGradient(0,0,0,i);o.addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),e.fillStyle=o,e.fillRect(0,0,t,i),this.drawActiveColorFieldColor()}setCanvasContextSize(e,{height:t,width:i}){if(!e)return;let a=window.devicePixelRatio||1;e.width=i*a,e.height=t*a,e.style.height=`${t}px`,e.style.width=`${i}px`,e.getContext("2d").scale(a,a)}initColorField(e){e&&(this.colorFieldRenderingContext=e.getContext("2d"),this.updateCanvasSize("color-field"),this.drawColorControls())}initHueSlider(e){e&&(this.hueSliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("hue-slider"),this.drawHueSlider())}initOpacitySlider(e){e&&(this.opacitySliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("opacity-slider"),this.drawOpacitySlider())}updateCanvasSize(e="all"){let{dynamicDimensions:t,staticDimensions:i}=this;(e==="all"||e==="color-field")&&this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,t.colorField);let a={width:this.effectiveSliderWidth,height:i.slider.height+(i.thumb.radius-t.slider.height/2)*2};(e==="all"||e==="hue-slider")&&this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,a),(e==="all"||e==="opacity-slider")&&this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,a)}drawActiveColorFieldColor(){let{color:e}=this;if(!e)return;let t=e.hsv(),{staticDimensions:{thumb:{radius:i}}}=this,{width:a,height:o}=this.dynamicDimensions.colorField,s=t.saturationv()/(f.s/a),l=o-t.value()/(f.v/o);requestAnimationFrame(()=>{this.colorFieldScopeLeft=s,this.colorFieldScopeTop=l}),this.drawThumb(this.colorFieldRenderingContext,i,s,l,t,!1)}drawThumb(e,t,i,a,o,s){let c=2*Math.PI,n=1;if(e.beginPath(),e.arc(i,a,t,0,c),e.fillStyle="#fff",e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=n,e.stroke(),s&&o.alpha()<1){let u=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.beginPath(),e.arc(i,a,t-3,0,c),e.fillStyle=u,e.fill()}e.globalCompositeOperation="source-atop",e.beginPath(),e.arc(i,a,t-3,0,c);let d=s?o.alpha():1;e.fillStyle=o.rgb().alpha(d).string(),e.fill(),e.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){let{color:e}=this;if(!e)return;let t=e.hsv().saturationv(100).value(100),{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=t.hue()/(j/a),s=i,l=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.hueScopeLeft=l}),this.drawThumb(this.hueSliderRenderingContext,i,l,s,t,!1)}drawHueSlider(){let e=this.hueSliderRenderingContext,{staticDimensions:{slider:{height:t},thumb:{radius:i}}}=this,a=0,o=i-t/2,s=this.effectiveSliderWidth,l=e.createLinearGradient(0,0,s,0),c=["red","yellow","lime","cyan","blue","magenta","#ff0004"],n=1/(c.length-1),d=0;c.forEach(u=>{l.addColorStop(d,k(u).string()),d+=n}),e.clearRect(0,0,s,t+this.getSliderCapSpacing()*2),this.drawSliderPath(e,t,s,a,o),e.fillStyle=l,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){let e=this.opacitySliderRenderingContext,{baseColorFieldColor:t,staticDimensions:{slider:{height:i},thumb:{radius:a}}}=this,o=0,s=a-i/2,l=this.effectiveSliderWidth;e.clearRect(0,0,l,i+this.getSliderCapSpacing()*2);let c=e.createLinearGradient(0,s,l,0),n=t.rgb().alpha(0),d=t.rgb().alpha(.5),u=t.rgb().alpha(1);c.addColorStop(0,n.string()),c.addColorStop(.5,d.string()),c.addColorStop(1,u.string()),this.drawSliderPath(e,i,l,o,s);let C=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.fillStyle=C,e.fill(),e.fillStyle=c,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(e,t,i,a,o){let s=t/2+1;e.beginPath(),e.moveTo(a+s,o),e.lineTo(a+i-s,o),e.quadraticCurveTo(a+i,o,a+i,o+s),e.lineTo(a+i,o+t-s),e.quadraticCurveTo(a+i,o+t,a+i-s,o+t),e.lineTo(a+s,o+t),e.quadraticCurveTo(a,o+t,a,o+t-s),e.lineTo(a,o+s),e.quadraticCurveTo(a,o,a+s,o),e.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern)return this.checkerPattern;let e=document.createElement("canvas");e.width=10,e.height=10;let t=e.getContext("2d");return t.fillStyle="#ccc",t.fillRect(0,0,10,10),t.fillStyle="#fff",t.fillRect(0,0,5,5),t.fillRect(5,5,5,5),this.checkerPattern=e,e}drawActiveOpacitySliderColor(){let{color:e}=this;if(!e)return;let t=e,{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=O(t.alpha())/(b.max/a),s=i,l=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.opacityScopeLeft=l}),this.drawThumb(this.opacitySliderRenderingContext,i,l,s,t,!0)}getSliderBoundX(e,t,i){let a=fe(e,t,i);return a===0?e:a===-1?q(e,0,t,i,i*2):q(e,0,t,t-i*2,t-i)}handleOpacityScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,o={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01}[i];if(o){e.preventDefault();let s=o*t,l=this.baseColorFieldColor.alpha(),c=this.baseColorFieldColor.alpha(l+s);this.internalColorSet(c,!1)}}updateColorFromChannels(e){this.internalColorSet(k(e,this.channelMode))}updateChannelsFromColor(e){this.channels=e?this.toChannels(e):[void 0,void 0,void 0,void 0]}toChannels(e){let{channelMode:t}=this,i=(t==="rgb"?e.rgb():e.hsv()).round().array();return i.length===3&&i.push(1),i}getAdjustedScopePosition(e,t){return[e===void 0?NaN:e-U/2,t===void 0?NaN:t-U/2]}render(){let{channelsDisabled:e,color:t,colorFieldScopeLeft:i,colorFieldScopeTop:a,staticDimensions:{thumb:{radius:o}},fieldDisabled:s,hexDisabled:l,hueScopeLeft:c,messages:n,alphaChannel:d,opacityScopeLeft:u,savedColors:C,savedDisabled:y,scale:v,scopeOrientation:me}=this,J=this.effectiveSliderWidth,z=t?S(t,d):void 0,ge=o,be=c??J*m.hue()/f.h,Se=o,ye=u??J*O(m.alpha())/b.max,Z=t===void 0,M=me==="vertical",[we,$e]=this.getAdjustedScopePosition(i,a),[xe,ke]=this.getAdjustedScopePosition(be,ge),[De,Ae]=this.getAdjustedScopePosition(ye,Se);return this.interactiveContainer({disabled:this.disabled,children:p`<div class=${h(r.container)}>${s?null:p`<div class=${h(r.controlAndScope)}><canvas class=${h(r.colorField)} @pointerdown=${this.handleColorFieldPointerDown} ${g(this.initColorField)}></canvas><div .ariaLabel=${M?n.value:n.saturation} .ariaValueMax=${M?f.v:f.s} aria-valuemin=0 .ariaValueNow=${(M?t?.saturationv():t?.value())||"0"} class=${h({[r.scope]:!0,[r.colorFieldScope]:!0})} @keydown=${this.handleColorFieldScopeKeyDown} role=slider style=${$({top:`${$e||0}px`,left:`${we||0}px`})} tabindex=0 ${g(this.colorFieldScopeRef)}></div></div>`}<div class=${h(r.previewAndSliders)}><calcite-swatch class=${h(r.preview)} .color=${z} .label=${z} .scale=${this.alphaChannel?"l":this.scale}></calcite-swatch><div class=${h(r.sliders)}><div class=${h(r.controlAndScope)}><canvas class=${h({[r.slider]:!0,[r.hueSlider]:!0})} @pointerdown=${this.handleHueSliderPointerDown} ${g(this.initHueSlider)}></canvas><div .ariaLabel=${n.hue} .ariaValueMax=${f.h} aria-valuemin=0 .ariaValueNow=${t?.round().hue()||m.round().hue()} class=${h({[r.scope]:!0,[r.hueScope]:!0})} @keydown=${this.handleHueScopeKeyDown} role=slider style=${$({top:`${ke}px`,left:`${xe}px`})} tabindex=0 ${g(this.hueScopeRef)}></div></div>${d?p`<div class=${h(r.controlAndScope)}><canvas class=${h({[r.slider]:!0,[r.opacitySlider]:!0})} @pointerdown=${this.handleOpacitySliderPointerDown} ${g(this.initOpacitySlider)}></canvas><div .ariaLabel=${n.opacity} .ariaValueMax=${b.max} .ariaValueMin=${b.min} .ariaValueNow=${(t||m).round().alpha()} class=${h({[r.scope]:!0,[r.opacityScope]:!0})} @keydown=${this.handleOpacityScopeKeyDown} role=slider style=${$({top:`${Ae}px`,left:`${De}px`})} tabindex=0 ${g(this.opacityScopeRef)}></div></div>`:null}</div></div>${l&&e?null:p`<div class=${h({[r.controlSection]:!0,[r.section]:!0})}><div class=${h(r.hexAndChannelsGroup)}>${l?null:p`<div class=${h(r.hexOptions)}><calcite-color-picker-hex-input .allowEmpty=${this.clearable} .alphaChannel=${d} class=${h(r.control)} .messages=${n} .numberingSystem=${this.numberingSystem} @calciteColorPickerHexInputChange=${this.handleHexInputChange} .scale=${v} .value=${z}></calcite-color-picker-hex-input></div>`}${e?null:p`<calcite-tabs class=${h({[r.colorModeContainer]:!0,[r.splitSection]:!0})} .scale=${v==="l"?"m":"s"}><calcite-tab-nav slot=title-group>${this.renderChannelsTabTitle("rgb")}${this.renderChannelsTabTitle("hsv")}</calcite-tab-nav>${this.renderChannelsTab("rgb")}${this.renderChannelsTab("hsv")}</calcite-tabs>`}</div></div>`}${y?null:p`<div class=${h({[r.savedColorsSection]:!0,[r.section]:!0})}><div class=${h(r.header)}><label>${n.saved}</label><div class=${h(r.savedColorsButtons)}><calcite-button appearance=transparent class=${h(r.deleteColor)} .disabled=${Z} .iconStart=${W.minus} kind=neutral .label=${n.deleteColor} @click=${this.deleteColor} .scale=${v} type=button></calcite-button><calcite-button appearance=transparent class=${h(r.saveColor)} .disabled=${Z} .iconStart=${W.plus} kind=neutral .label=${n.saveColor} @click=${this.saveColor} .scale=${v} type=button></calcite-button></div></div>${C.length>0?p`<calcite-swatch-group class=${h(r.swatchGroup)} .label=${n.saved} .scale=${v} selection-mode=none>${ce(C,A=>A,A=>p`<calcite-swatch class=${h(r.savedColor)} .color=${A} .label=${A} @click=${this.handleSavedColorSelect} @keydown=${this.handleSavedColorKeyDown} .scale=${v} tabindex=0></calcite-swatch>`)}</calcite-swatch-group>`:null}</div>`}</div>`})}renderChannelsTabTitle(e){let{channelMode:t,messages:i}=this,a=e===t,o=e==="rgb"?i.rgb:i.hsv;return F(e,p`<calcite-tab-title class=${h(r.colorMode)} data-color-mode=${e??w} @calciteTabsActivate=${this.handleTabActivate} .selected=${a}>${o}</calcite-tab-title>`)}renderChannelsTab(e){let{clearable:t,channelMode:i,channels:a,messages:o,alphaChannel:s}=this,l=e===i,n=e==="rgb"?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value],d=this.direction,u=s?a:a.slice(0,3);return F(e,p`<calcite-tab class=${h(r.control)} .selected=${l}><div class=${h(r.channels)} dir=ltr>${u.map((C,y)=>{let v=y===3;return v&&(C=t&&!C?C:O(C)),this.renderChannel(C,y,n[y],d,v?"%":"")})}</div></calcite-tab>`)}renderChannel(e,t,i,a,o){return F(t,p`<calcite-input-number class=${h(r.channel)} data-channel-index=${t??w} dir=${a??w} .label=${i} lang=${this.messages._lang??w} number-button-type=none .numberingSystem=${this.numberingSystem} @calciteInputNumberChange=${this.handleChannelChange} @calciteInputNumberInput=${this.handleChannelInput} @calciteInternalInputNumberBlur=${this.handleChannelBlur} @calciteInternalInputNumberFocus=${this.handleChannelFocus} @keydown=${this.handleKeyDown} .scale=${this.scale==="l"?"m":"s"} style=${$({marginLeft:t>0&&!(this.scale==="s"&&this.alphaChannel&&t===3)?"-1px":""})} .suffixText=${o} .value=${e?.toString()}></calcite-input-number>`)}};te("calcite-color-picker",Y);export{Y as ColorPicker};
+import{a as Ce,d as q,e as fe}from"./M7VG3ZLQ.js";import{a as ce}from"./MSTEJZOI.js";import{A as P,B as de,C as G,D as ue,E as pe,a as k,b as r,c as m,d as I,e as E,f,g as j,h as b,i as D,j as U,k as W,m as N,n as O,o as B,s as R,t as S,v as he,x as _,y as V,z as X}from"./4XVKHJ2X.js";import"./B3OV6FHO.js";import{a as le}from"./KHJVFQLY.js";import{a as F}from"./KWWA7UIP.js";import{a as re}from"./UOBTIKWI.js";import{c as H}from"./5K4OZJAZ.js";import{a as ne}from"./JN6YLTUP.js";import{a as ie}from"./FDHY2TZA.js";import{a as se}from"./AULZNBSL.js";import{a as ae}from"./IHGUGSQZ.js";import"./VMHJHFFS.js";import{e as oe}from"./E5NJW2ZG.js";import"./TOTGM2SP.js";import{B as K}from"./2M4ETWZU.js";import{E as T,F as g,G as ee,H as h,I as $,Q as x,T as te,g as Q,h as p,l as w,p as L}from"./Y5VG6YLH.js";var Te=Q`: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{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm);display:inline-block;font-weight:var(--calcite-theme-font-weight-regular, var(--calcite-font-weight-normal));inline-size:var(--calcite-internal-color-picker-min-width);min-inline-size:var(--calcite-internal-color-picker-min-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-internal-color-picker-min-width: 200px;--calcite-color-picker-spacing: var(--calcite-theme-space-sm, var(--calcite-spacing-sm))}:host([scale=m]){--calcite-internal-color-picker-min-width: 240px;--calcite-color-picker-spacing: var(--calcite-theme-space-md, var(--calcite-spacing-md))}:host([scale=l]){--calcite-internal-color-picker-min-width: 304px;--calcite-color-picker-spacing: var(--calcite-theme-space-lg, var(--calcite-spacing-lg));font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .control-section{display:flex;flex-direction:column;flex-wrap:wrap;align-items:baseline}:host([scale=l]) .color-hex-options{inline-size:100%;display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}calcite-input-number{--calcite-input-number-background-color: var(--calcite-color-picker-input-background-color);--calcite-input-number-border-color: var(--calcite-color-picker-input-border-color);--calcite-input-number-text-color: var(--calcite-color-picker-input-text-color);--calcite-input-prefix-text-color: var(--calcite-color-picker-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-color-picker-input-suffix-text-color)}calcite-button{--calcite-button-text-color: var(--calcite-color-picker-action-text-color);--calcite-button-text-color-press: var(--calcite-color-picker-action-text-color-press)}calcite-button:hover,calcite-button:focus{--calcite-button-text-color: var(--calcite-color-picker-action-text-color-hover)}calcite-button:active{--calcite-button-text-color: var(--calcite-color-picker-action-text-color-press)}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-picker-tab-border-color);--calcite-tab-text-color: var(--calcite-color-picker-tab-text-color);--calcite-tab-accent-color-press: var(--calcite-color-picker-tab-accent-color);--calcite-swatch-corner-radius: var(--calcite-color-picker-swatch-corner-radius)}calcite-tab-title:hover{--calcite-color-text-1: var(--calcite-color-picker-tab-text-color-hover)}calcite-swatch{--calcite-swatch-corner-radius: var(--calcite-color-picker-swatch-corner-radius)}.container{display:flex;flex-direction:column;block-size:min-content;border:1px solid var(--calcite-color-picker-border-color, var(--calcite-color-border-3));background-color:var(--calcite-color-picker-background-color, var(--calcite-theme-color-surface-2, var(--calcite-color-foreground-1)));border-radius:var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius));box-shadow:var(--calcite-color-picker-shadow, var(--calcite-shadow-none))}.control-and-scope{display:flex;position:relative;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;user-select:none;border-radius:var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius)) var(--calcite-color-picker-corner-radius, var(--calcite-corner-radius)) var(--calcite-corner-radius-none) var(--calcite-corner-radius-none)}.scope{font-size:var(--calcite-font-size-relative-base);outline-color:transparent;position:absolute;z-index:var(--calcite-z-index);border-radius:var(--calcite-corner-radius-pill);background-color:transparent;inline-size:var(--calcite-size-px);block-size:var(--calcite-size-px);pointer-events:none}.scope:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)));outline-offset:6px}.hex-and-channels-group{display:flex;flex-direction:column;flex-wrap:wrap;inline-size:100%}.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);gap:var(--calcite-theme-space-2xs, var(--calcite-spacing-xxs))}.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-picker-text-color, var(--calcite-color-text-1))}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex}.channel{flex-grow:1}.channel[data-channel-index="3"]{margin-inline-start:-1px;min-inline-size:81px}:host([scale=s]) .channel[data-channel-index="3"]{min-inline-size:68px}:host([scale=l]) .channel[data-channel-index="3"]{min-inline-size:88px}.saved-colors-buttons{display:flex}.swatch-group{margin-block-start:var(--calcite-color-picker-spacing)}:host([hidden]){display:none}[hidden]{display:none}`,ve=16,Y=class extends ee{constructor(){super(),this._color=m,this.colorFieldScopeRef=T(),this.direction=oe(),this.hueScopeRef=T(),this.isActiveChannelInputEmpty=!1,this.mode=_.HEX,this.opacityScopeRef=T(),this.resizeObserver=ie("resize",e=>this.resizeCanvas(e)),this.shiftKeyChannelAdjustment=0,this._valueWasSet=!1,this.messages=se({blocking:!0}),this.captureColorFieldColor=(e,t,i=!0)=>{let{width:a,height:o}=this.dynamicDimensions.colorField,s=Math.round(f.s/a*e),l=Math.round(f.v/o*(o-t));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(s).value(l),i)},this.cancelable=re()(this),this.drawColorControls=H((e="all")=>{(e==="all"||e==="color-field")&&this.colorFieldRenderingContext&&this.drawColorField(),(e==="all"||e==="hue-slider")&&this.hueSliderRenderingContext&&this.drawHueSlider(),this.alphaChannel&&(e==="all"||e==="opacity-slider")&&this.opacitySliderRenderingContext&&this.drawOpacitySlider()},ve),this.globalPointerMoveHandler=e=>{let{activeCanvasInfo:t,el:i}=this;if(!i.isConnected||!t)return;let{context:a,bounds:o}=t,s,l,{clientX:c,clientY:n}=e;a.canvas.matches(":hover")?(s=c-o.x,l=n-o.y):(c<o.x+o.width&&c>o.x?s=c-o.x:c<o.x?s=0:s=o.width,n<o.y+o.height&&n>o.y?l=n-o.y:n<o.y?l=0:l=o.height),a===this.colorFieldRenderingContext?this.captureColorFieldColor(s,l,!1):a===this.hueSliderRenderingContext?this.captureHueSliderColor(s):a===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(s)},this.globalPointerUpHandler=e=>{if(!K(e))return;let t=this.activeCanvasInfo;this.activeCanvasInfo=void 0,this.drawColorControls(),t&&this.calciteColorPickerChange.emit()},this.resizeCanvas=H(e=>{if(!this.hasUpdated)return;let[t]=e,i=Math.floor(t.contentBoxSize[0].inlineSize);this.dynamicDimensions.colorField.width!==i&&(this.updateDynamicDimensions(i),this.updateCanvasSize(),this.drawColorControls())},ve),this.updateDynamicDimensions=e=>{let t={width:ue(e,this.staticDimensions,this.alphaChannel),height:this.staticDimensions.slider.height};this.dynamicDimensions={colorField:pe(e),slider:t}},this.focusSetter=ae()(this),this.interactiveContainer=le(this),this.channelMode="rgb",this.channels=this.toChannels(m),this.staticDimensions=D.m,this.savedColors=[],this.alphaChannel=!1,this.channelsDisabled=!1,this.clearable=!1,this.disabled=!1,this.fieldDisabled=!1,this.format="auto",this.hexDisabled=!1,this.savedDisabled=!1,this.scale="m",this.calciteColorPickerChange=L({cancelable:!1}),this.calciteColorPickerInput=L({cancelable:!1}),this.listen("keydown",this.handleChannelKeyUpOrDown,{capture:!0}),this.listen("keyup",this.handleChannelKeyUpOrDown,{capture:!0})}static{this.properties={channelMode:[16,{},{state:!0}],channels:[16,{},{state:!0}],colorFieldScopeLeft:[16,{},{state:!0}],colorFieldScopeTop:[16,{},{state:!0}],staticDimensions:[16,{},{state:!0}],hueScopeLeft:[16,{},{state:!0}],opacityScopeLeft:[16,{},{state:!0}],savedColors:[16,{},{state:!0}],scopeOrientation:[16,{},{state:!0}],alphaChannel:[5,{},{type:Boolean}],channelsDisabled:[5,{},{type:Boolean}],clearable:[7,{},{reflect:!0,type:Boolean}],color:[0,{},{attribute:!1}],disabled:[7,{},{reflect:!0,type:Boolean}],fieldDisabled:[7,{},{reflect:!0,type:Boolean}],format:[3,{},{reflect:!0}],hexDisabled:[5,{},{type:Boolean}],messageOverrides:[0,{},{attribute:!1}],numberingSystem:[3,{},{reflect:!0}],savedDisabled:[7,{},{reflect:!0,type:Boolean}],scale:[3,{},{reflect:!0}],storageId:[3,{},{reflect:!0}],value:1}}static{this.styles=Te}get baseColorFieldColor(){return this.color||this.previousColor||m}get effectiveSliderWidth(){return this.dynamicDimensions.slider.width}get color(){return this._color}set color(e){let t=this._color;this._color=e,this.handleColorChange(e,t)}get value(){return this._value}set value(e){let t=this._value,i=e||void 0;this._value=i,this.handleValueChange(i,t),this._valueWasSet=!0}async setFocus(e){return this.focusSetter(()=>this.el,e)}connectedCallback(){super.connectedCallback(),this.observeResize(),this.cancelable.add([this.drawColorControls,this.resizeCanvas])}async load(){this._valueWasSet||(this._value??=R(S(m,this.alphaChannel)));let{clearable:e,color:t,format:i}=this,a=this.value,o=e&&!a,s=V(a),l=o||i==="auto"&&s||i===s,c=l?N(a,e,s):t;l||this.showIncompatibleColorWarning(a,i),this.setMode(i,!1),this.internalColorSet(c,!1,"initial"),this.updateStaticDimensions(this.scale),this.updateDynamicDimensions(D[this.scale].minWidth);let n=`${I}${this.storageId}`;if(this.storageId){let d=localStorage.getItem(n);d&&(this.savedColors=JSON.parse(d))}}willUpdate(e){e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)&&this.handleAlphaChannelChange(this.alphaChannel),this.hasUpdated&&(e.has("alphaChannel")&&this.alphaChannel!==!1||e.has("staticDimensions")&&this.staticDimensions!==D.m)&&this.handleAlphaChannelDimensionsChange(),(e.has("alphaChannel")&&(this.hasUpdated||this.alphaChannel!==!1)||e.has("format")&&(this.hasUpdated||this.format!=="auto"))&&this.handleFormatOrAlphaChannelChange(),e.has("scale")&&(this.hasUpdated||this.scale!=="m")&&this.handleScaleChange(this.scale)}loaded(){this.handleAlphaChannelDimensionsChange()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("pointermove",this.globalPointerMoveHandler),window.removeEventListener("pointerup",this.globalPointerUpHandler),this.resizeObserver?.disconnect()}observeResize(){this.resizeObserver?.observe(this.el)}handleAlphaChannelChange(e){let{format:t}=this;e&&t!=="auto"&&!P(t)&&(x.warn(`ignoring alphaChannel as the current format (${t}) does not support alpha`),this.alphaChannel=!1)}handleAlphaChannelDimensionsChange(){this.drawColorControls()}handleColorChange(e,t){this.drawColorControls(),this.updateChannelsFromColor(e),this.previousColor=t}handleFormatOrAlphaChannelChange(){this.setMode(this.format),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(e="m"){this.updateStaticDimensions(e),this.updateCanvasSize(),this.drawColorControls()}handleValueChange(e,t){let{clearable:i,format:a}=this,o=!i||e,s=!1;if(o){let d=V(e);if(!d||a!=="auto"&&d!==a){this.showIncompatibleColorWarning(e,a),this._value=t;return}s=this.mode!==d,this.setMode(d,this.internalColorUpdateContext===void 0)}let l=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial")return;if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit(),l||this.calciteColorPickerChange.emit();return}let c=N(e,i,this.mode),n=!X(c,this.color);(s||n)&&this.internalColorSet(c,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css"))||this.internalColorUpdateContext==="internal","internal")}handleTabActivate(e){this.channelMode=e.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)}handleColorFieldScopeKeyDown(e){let{key:t}=e,a={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}}[t];a&&(e.preventDefault(),this.scopeOrientation=t==="ArrowDown"||t==="ArrowUp"?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft===void 0?0:this.colorFieldScopeLeft+a.x,this.colorFieldScopeTop===void 0?0:this.colorFieldScopeTop+a.y,!1))}handleHueScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,o={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1}[i];if(o){e.preventDefault();let s=o*t,l=this.baseColorFieldColor.hue(),c=this.baseColorFieldColor.hue(l+s);this.internalColorSet(c,!1)}}handleHexInputChange(e){e.stopPropagation();let{clearable:t,color:i}=this,o=e.target.value;if(t&&!o){this.internalColorSet(void 0);return}let s=i&&R(S(i,P(this.mode)));o!==s&&this.internalColorSet(k(o))}handleSavedColorSelect(e){let t=e.currentTarget;this.internalColorSet(k(t.color))}handleChannelInput(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),o=i===3?b.max:this.channelMode==="rgb"?Object.values(E)[i]:Object.values(f)[i],s;if(!t.value)s="",this.isActiveChannelInputEmpty=!0,this.upOrDownArrowKeyTracker=void 0;else{let c=Number(t.value)+this.shiftKeyChannelAdjustment;s=Ce(c,0,o).toString()}t.value=s,s!==""&&this.shiftKeyChannelAdjustment!==0?this.handleChannelChange(e):s!==""&&this.handleChannelChange(e)}handleChannelBlur(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index")),a=[...this.channels];!t.value&&!this.clearable&&(t.value=a[i]?.toString()??"")}handleChannelFocus(e){e.currentTarget.selectText()}handleChannelKeyUpOrDown(e){this.shiftKeyChannelAdjustment=0;let{key:t}=e;if(t!=="ArrowUp"&&t!=="ArrowDown"||!e.composedPath().some(o=>o.classList?.contains(r.channel)))return;let{shiftKey:i}=e;if(e.preventDefault(),!this.color){this.internalColorSet(this.previousColor),e.stopPropagation();return}let a=9;this.shiftKeyChannelAdjustment=t==="ArrowUp"&&i?a:t==="ArrowDown"&&i?-a:0,t==="ArrowUp"&&(this.upOrDownArrowKeyTracker="up"),t==="ArrowDown"&&(this.upOrDownArrowKeyTracker="down")}getChannelInputLimit(e){return this.channelMode==="rgb"?Object.values(E)[e]:Object.values(f)[e]}handleChannelChange(e){let t=e.currentTarget,i=Number(t.getAttribute("data-channel-index"));if(this.clearable&&!t.value){this.channels=[void 0,void 0,void 0,void 0],this.internalColorSet(void 0);return}let o=[...this.channels],s=i===3;this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker&&(t.value=this.upOrDownArrowKeyTracker==="up"?(o[i]+1<=this.getChannelInputLimit(i)?o[i]+1:this.getChannelInputLimit(i)).toString():(o[i]-1>=0?o[i]-1:0).toString(),this.isActiveChannelInputEmpty=!1,this.upOrDownArrowKeyTracker=void 0);let l=t.value?Number(t.value):o[i];o[i]=s?B(l):l,this.updateColorFromChannels(o)}handleSavedColorKeyDown(e){ne(e.key)&&(e.preventDefault(),this.handleSavedColorSelect(e))}handleColorFieldPointerDown(e){this.handleCanvasControlPointerDown(e,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeRef.value)}focusScope(e){requestAnimationFrame(()=>{e.focus()})}handleHueSliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeRef.value)}handleOpacitySliderPointerDown(e){this.handleCanvasControlPointerDown(e,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeRef.value)}handleCanvasControlPointerDown(e,t,i,a){K(e)&&(window.addEventListener("pointermove",this.globalPointerMoveHandler),window.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:t,bounds:t.canvas.getBoundingClientRect()},i.call(this,e.offsetX,e.offsetY),this.focusScope(a))}handleKeyDown(e){e.key==="Enter"&&e.preventDefault()}showIncompatibleColorWarning(e,t){x.warn(`ignoring color value (${e}) as it is not compatible with the current format (${t})`)}setMode(e,t=!0){let i=e==="auto"?this.mode:e;this.mode=this.ensureCompatibleMode(i,t)}ensureCompatibleMode(e,t){let{alphaChannel:i}=this,a=P(e);if(i&&!a){let o=de(e);return t&&x.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}if(!i&&a){let o=G(e);return t&&x.warn(`setting format to (${o}) as the provided one (${e}) does not support alpha`),o}return e}captureHueSliderColor(e){let t=j/this.effectiveSliderWidth*e;this.internalColorSet(this.baseColorFieldColor.hue(t),!1)}captureOpacitySliderValue(e){let t=B(b.max/this.effectiveSliderWidth*e);this.internalColorSet(this.baseColorFieldColor.alpha(t),!1)}internalColorSet(e,t=!0,i="user-interaction"){t&&X(e,this.color)||(this.internalColorUpdateContext=i,this.color=e,this.value=this.toValue(e),this.internalColorUpdateContext=void 0)}toValue(e,t=this.mode){if(!e)return;if(t.includes("hex")){let n=t===_.HEXA;return R(S(e.round(),n),n)}if(t.includes("-css")){let n=(t.startsWith("rgb")?e.rgb():e.hsl()).round().string();if((t.endsWith("a")||t.endsWith("a-css"))&&e.alpha()===1){let u=n.slice(0,3),C=n.slice(4,-1);return`${u}a(${C}, ${e.alpha()})`}return n}let a=G(t),s=(a==="rgb"?e.rgb():a==="hsl"?e.hsl():e.hsv()).round().object();if(t.endsWith("a"))return he(s);if(a==="rgb"){let{r:n,g:d,b:u}=s;return{r:n,g:d,b:u}}let{h:l,s:c}=s;return a==="hsl"?{h:l,s:c,l:s.l}:{h:l,s:c,v:s.v}}getSliderCapSpacing(){let{staticDimensions:{slider:{height:e},thumb:{radius:t}}}=this;return t*2-e}updateStaticDimensions(e="m"){this.staticDimensions=D[e]}deleteColor(){let e=S(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(e)>-1))return;let i=this.savedColors.filter(o=>o!==e);this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}saveColor(){let e=S(this.color,this.alphaChannel);if(this.savedColors.indexOf(e)>-1)return;let i=[...this.savedColors,e];this.savedColors=i;let a=`${I}${this.storageId}`;this.storageId&&localStorage.setItem(a,JSON.stringify(i))}drawColorField(){let e=this.colorFieldRenderingContext,{width:t,height:i}=this.dynamicDimensions.colorField;e.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),e.fillRect(0,0,t,i);let a=e.createLinearGradient(0,0,t,0);a.addColorStop(0,"rgba(255,255,255,1)"),a.addColorStop(1,"rgba(255,255,255,0)"),e.fillStyle=a,e.fillRect(0,0,t,i);let o=e.createLinearGradient(0,0,0,i);o.addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),e.fillStyle=o,e.fillRect(0,0,t,i),this.drawActiveColorFieldColor()}setCanvasContextSize(e,{height:t,width:i}){if(!e)return;let a=window.devicePixelRatio||1;e.width=i*a,e.height=t*a,e.style.height=`${t}px`,e.style.width=`${i}px`,e.getContext("2d").scale(a,a)}initColorField(e){e&&(this.colorFieldRenderingContext=e.getContext("2d"),this.updateCanvasSize("color-field"),this.drawColorControls())}initHueSlider(e){e&&(this.hueSliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("hue-slider"),this.drawHueSlider())}initOpacitySlider(e){e&&(this.opacitySliderRenderingContext=e.getContext("2d"),this.updateCanvasSize("opacity-slider"),this.drawOpacitySlider())}updateCanvasSize(e="all"){let{dynamicDimensions:t,staticDimensions:i}=this;(e==="all"||e==="color-field")&&this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,t.colorField);let a={width:this.effectiveSliderWidth,height:i.slider.height+(i.thumb.radius-t.slider.height/2)*2};(e==="all"||e==="hue-slider")&&this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,a),(e==="all"||e==="opacity-slider")&&this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,a)}drawActiveColorFieldColor(){let{color:e}=this;if(!e)return;let t=e.hsv(),{staticDimensions:{thumb:{radius:i}}}=this,{width:a,height:o}=this.dynamicDimensions.colorField,s=t.saturationv()/(f.s/a),l=o-t.value()/(f.v/o);requestAnimationFrame(()=>{this.colorFieldScopeLeft=s,this.colorFieldScopeTop=l}),this.drawThumb(this.colorFieldRenderingContext,i,s,l,t,!1)}drawThumb(e,t,i,a,o,s){let c=2*Math.PI,n=1;if(e.beginPath(),e.arc(i,a,t,0,c),e.fillStyle="#fff",e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=n,e.stroke(),s&&o.alpha()<1){let u=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.beginPath(),e.arc(i,a,t-3,0,c),e.fillStyle=u,e.fill()}e.globalCompositeOperation="source-atop",e.beginPath(),e.arc(i,a,t-3,0,c);let d=s?o.alpha():1;e.fillStyle=o.rgb().alpha(d).string(),e.fill(),e.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){let{color:e}=this;if(!e)return;let t=e.hsv().saturationv(100).value(100),{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=t.hue()/(j/a),s=i,l=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.hueScopeLeft=l}),this.drawThumb(this.hueSliderRenderingContext,i,l,s,t,!1)}drawHueSlider(){let e=this.hueSliderRenderingContext,{staticDimensions:{slider:{height:t},thumb:{radius:i}}}=this,a=0,o=i-t/2,s=this.effectiveSliderWidth,l=e.createLinearGradient(0,0,s,0),c=["red","yellow","lime","cyan","blue","magenta","#ff0004"],n=1/(c.length-1),d=0;c.forEach(u=>{l.addColorStop(d,k(u).string()),d+=n}),e.clearRect(0,0,s,t+this.getSliderCapSpacing()*2),this.drawSliderPath(e,t,s,a,o),e.fillStyle=l,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){let e=this.opacitySliderRenderingContext,{baseColorFieldColor:t,staticDimensions:{slider:{height:i},thumb:{radius:a}}}=this,o=0,s=a-i/2,l=this.effectiveSliderWidth;e.clearRect(0,0,l,i+this.getSliderCapSpacing()*2);let c=e.createLinearGradient(0,s,l,0),n=t.rgb().alpha(0),d=t.rgb().alpha(.5),u=t.rgb().alpha(1);c.addColorStop(0,n.string()),c.addColorStop(.5,d.string()),c.addColorStop(1,u.string()),this.drawSliderPath(e,i,l,o,s);let C=e.createPattern(this.getCheckeredBackgroundPattern(),"repeat");e.fillStyle=C,e.fill(),e.fillStyle=c,e.fill(),e.strokeStyle="rgba(0,0,0,0.3)",e.lineWidth=1,e.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(e,t,i,a,o){let s=t/2+1;e.beginPath(),e.moveTo(a+s,o),e.lineTo(a+i-s,o),e.quadraticCurveTo(a+i,o,a+i,o+s),e.lineTo(a+i,o+t-s),e.quadraticCurveTo(a+i,o+t,a+i-s,o+t),e.lineTo(a+s,o+t),e.quadraticCurveTo(a,o+t,a,o+t-s),e.lineTo(a,o+s),e.quadraticCurveTo(a,o,a+s,o),e.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern)return this.checkerPattern;let e=document.createElement("canvas");e.width=10,e.height=10;let t=e.getContext("2d");return t.fillStyle="#ccc",t.fillRect(0,0,10,10),t.fillStyle="#fff",t.fillRect(0,0,5,5),t.fillRect(5,5,5,5),this.checkerPattern=e,e}drawActiveOpacitySliderColor(){let{color:e}=this;if(!e)return;let t=e,{staticDimensions:{thumb:{radius:i}}}=this,a=this.effectiveSliderWidth,o=O(t.alpha())/(b.max/a),s=i,l=this.getSliderBoundX(o,a,i);requestAnimationFrame(()=>{this.opacityScopeLeft=l}),this.drawThumb(this.opacitySliderRenderingContext,i,l,s,t,!0)}getSliderBoundX(e,t,i){let a=fe(e,t,i);return a===0?e:a===-1?q(e,0,t,i,i*2):q(e,0,t,t-i*2,t-i)}handleOpacityScopeKeyDown(e){let t=e.shiftKey?10:1,{key:i}=e,o={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01}[i];if(o){e.preventDefault();let s=o*t,l=this.baseColorFieldColor.alpha(),c=this.baseColorFieldColor.alpha(l+s);this.internalColorSet(c,!1)}}updateColorFromChannels(e){this.internalColorSet(k(e,this.channelMode))}updateChannelsFromColor(e){this.channels=e?this.toChannels(e):[void 0,void 0,void 0,void 0]}toChannels(e){let{channelMode:t}=this,i=(t==="rgb"?e.rgb():e.hsv()).round().array();return i.length===3&&i.push(1),i}getAdjustedScopePosition(e,t){return[e===void 0?NaN:e-U/2,t===void 0?NaN:t-U/2]}render(){let{channelsDisabled:e,color:t,colorFieldScopeLeft:i,colorFieldScopeTop:a,staticDimensions:{thumb:{radius:o}},fieldDisabled:s,hexDisabled:l,hueScopeLeft:c,messages:n,alphaChannel:d,opacityScopeLeft:u,savedColors:C,savedDisabled:y,scale:v,scopeOrientation:me}=this,J=this.effectiveSliderWidth,z=t?S(t,d):void 0,ge=o,be=c??J*m.hue()/f.h,Se=o,ye=u??J*O(m.alpha())/b.max,Z=t===void 0,M=me==="vertical",[we,$e]=this.getAdjustedScopePosition(i,a),[xe,ke]=this.getAdjustedScopePosition(be,ge),[De,Ae]=this.getAdjustedScopePosition(ye,Se);return this.interactiveContainer({disabled:this.disabled,children:p`<div class=${h(r.container)}>${s?null:p`<div class=${h(r.controlAndScope)}><canvas class=${h(r.colorField)} @pointerdown=${this.handleColorFieldPointerDown} ${g(this.initColorField)}></canvas><div .ariaLabel=${M?n.value:n.saturation} .ariaValueMax=${M?f.v:f.s} aria-valuemin=0 .ariaValueNow=${(M?t?.saturationv():t?.value())||"0"} class=${h({[r.scope]:!0,[r.colorFieldScope]:!0})} @keydown=${this.handleColorFieldScopeKeyDown} role=slider style=${$({top:`${$e||0}px`,left:`${we||0}px`})} tabindex=0 ${g(this.colorFieldScopeRef)}></div></div>`}<div class=${h(r.previewAndSliders)}><calcite-swatch class=${h(r.preview)} .color=${z} .label=${z} .scale=${this.alphaChannel?"l":this.scale}></calcite-swatch><div class=${h(r.sliders)}><div class=${h(r.controlAndScope)}><canvas class=${h({[r.slider]:!0,[r.hueSlider]:!0})} @pointerdown=${this.handleHueSliderPointerDown} ${g(this.initHueSlider)}></canvas><div .ariaLabel=${n.hue} .ariaValueMax=${f.h} aria-valuemin=0 .ariaValueNow=${t?.round().hue()||m.round().hue()} class=${h({[r.scope]:!0,[r.hueScope]:!0})} @keydown=${this.handleHueScopeKeyDown} role=slider style=${$({top:`${ke}px`,left:`${xe}px`})} tabindex=0 ${g(this.hueScopeRef)}></div></div>${d?p`<div class=${h(r.controlAndScope)}><canvas class=${h({[r.slider]:!0,[r.opacitySlider]:!0})} @pointerdown=${this.handleOpacitySliderPointerDown} ${g(this.initOpacitySlider)}></canvas><div .ariaLabel=${n.opacity} .ariaValueMax=${b.max} .ariaValueMin=${b.min} .ariaValueNow=${(t||m).round().alpha()} class=${h({[r.scope]:!0,[r.opacityScope]:!0})} @keydown=${this.handleOpacityScopeKeyDown} role=slider style=${$({top:`${Ae}px`,left:`${De}px`})} tabindex=0 ${g(this.opacityScopeRef)}></div></div>`:null}</div></div>${l&&e?null:p`<div class=${h({[r.controlSection]:!0,[r.section]:!0})}><div class=${h(r.hexAndChannelsGroup)}>${l?null:p`<div class=${h(r.hexOptions)}><calcite-color-picker-hex-input .allowEmpty=${this.clearable} .alphaChannel=${d} class=${h(r.control)} .messages=${n} .numberingSystem=${this.numberingSystem} @calciteColorPickerHexInputChange=${this.handleHexInputChange} .scale=${v} .value=${z}></calcite-color-picker-hex-input></div>`}${e?null:p`<calcite-tabs class=${h({[r.colorModeContainer]:!0,[r.splitSection]:!0})} .scale=${v==="l"?"m":"s"}><calcite-tab-nav slot=title-group>${this.renderChannelsTabTitle("rgb")}${this.renderChannelsTabTitle("hsv")}</calcite-tab-nav>${this.renderChannelsTab("rgb")}${this.renderChannelsTab("hsv")}</calcite-tabs>`}</div></div>`}${y?null:p`<div class=${h({[r.savedColorsSection]:!0,[r.section]:!0})}><div class=${h(r.header)}><label>${n.saved}</label><div class=${h(r.savedColorsButtons)}><calcite-button appearance=transparent class=${h(r.deleteColor)} .disabled=${Z} .iconStart=${W.minus} kind=neutral .label=${n.deleteColor} @click=${this.deleteColor} .scale=${v} type=button></calcite-button><calcite-button appearance=transparent class=${h(r.saveColor)} .disabled=${Z} .iconStart=${W.plus} kind=neutral .label=${n.saveColor} @click=${this.saveColor} .scale=${v} type=button></calcite-button></div></div>${C.length>0?p`<calcite-swatch-group class=${h(r.swatchGroup)} .label=${n.saved} .scale=${v} selection-mode=none>${ce(C,A=>A,A=>p`<calcite-swatch class=${h(r.savedColor)} .color=${A} .label=${A} @click=${this.handleSavedColorSelect} @keydown=${this.handleSavedColorKeyDown} .scale=${v} tabindex=0></calcite-swatch>`)}</calcite-swatch-group>`:null}</div>`}</div>`})}renderChannelsTabTitle(e){let{channelMode:t,messages:i}=this,a=e===t,o=e==="rgb"?i.rgb:i.hsv;return F(e,p`<calcite-tab-title class=${h(r.colorMode)} data-color-mode=${e??w} @calciteTabsActivate=${this.handleTabActivate} .selected=${a}>${o}</calcite-tab-title>`)}renderChannelsTab(e){let{clearable:t,channelMode:i,channels:a,messages:o,alphaChannel:s}=this,l=e===i,n=e==="rgb"?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value],d=this.direction,u=s?a:a.slice(0,3);return F(e,p`<calcite-tab class=${h(r.control)} .selected=${l}><div class=${h(r.channels)} dir=ltr>${u.map((C,y)=>{let v=y===3;return v&&(C=t&&!C?C:O(C)),this.renderChannel(C,y,n[y],d,v?"%":"")})}</div></calcite-tab>`)}renderChannel(e,t,i,a,o){return F(t,p`<calcite-input-number class=${h(r.channel)} data-channel-index=${t??w} dir=${a??w} .label=${i} lang=${this.messages._lang??w} number-button-type=none .numberingSystem=${this.numberingSystem} @calciteInputNumberChange=${this.handleChannelChange} @calciteInputNumberInput=${this.handleChannelInput} @calciteInternalInputNumberBlur=${this.handleChannelBlur} @calciteInternalInputNumberFocus=${this.handleChannelFocus} @keydown=${this.handleKeyDown} .scale=${this.scale==="l"?"m":"s"} style=${$({marginLeft:t>0&&!(this.scale==="s"&&this.alphaChannel&&t===3)?"-1px":""})} .suffixText=${o} .value=${e?.toString()}></calcite-input-number>`)}};te("calcite-color-picker",Y);export{Y as ColorPicker};