@arcgis/common-components 5.0.18 → 5.0.19

package/dist/cdn/{J4NIY5OB.js → YAJOLKIL.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import{a as M}from"./3WYIVRKX.js";import{b as E}from"./63VVHNKM.js";import"./27FRM3HV.js";import{B as _,C as f,D as y,E as u,H as D,g as V,i as x,j as d}from"./VVONDUTR.js";export default $arcgis.t(([{substitute:N}])=>{var p={content:"content",svg:"svg",label:"label",dataLine:"data-line",averageDataLine:"average-data-line",dataLineSymbol:"data-line-symbol"},B=V`:host{display:flex;--arcgis-histogram-bar-color: var(--calcite-color-border-1);--arcgis-histogram-stop-color: color-mix(in srgb, var(--calcite-color-brand) 80%, transparent)}.content{display:flex;flex:1;direction:ltr}.svg{display:inline-block;flex:1;overflow:hidden}.data-line{stroke:#888;stroke-width:1px;shape-rendering:crispEdges}.average-data-line{stroke-width:1px;shape-rendering:crispEdges;stroke:#444}.label,.data-line-symbol{font-size:12px;stroke:#fff;stroke-width:2px;paint-order:stroke;unicode-bidi:plaintext}.data-line-symbol{font-family:"Georgia, serif",sans-serif;font-style:italic}`;function O(e,t,r,n,a){let[i,s]=a;if(!e||s===0||i===0||r==null||t==null)return null;let o=r-t,l=(e.length>1?e[e.length-1].maxValue-e[0].minValue:0)/o,[c,h]=n==="vertical"?[s*l,i]:[s,i*l],b=e?e.map(m=>m.count):[],g=Math.max(...b);return e.map(m=>{let[$,v]=n==="vertical"?[c/e.length,g!==0?m.count/g*h:0]:[g!==0?m.count/g*c:0,h/e.length],{maxValue:C}=m,L=r-C,[z,F]=n==="vertical"?[0,L*(s/o)]:[i-v-L*(i/o),s-$];return[z,F,v,$]})}function A(e,t,r,n,a){let i=[];return e!=null&&i.push({value:e,symbol:"x\u0304",lineClass:p.averageDataLine}),t!=null&&r!=null&&n!=null&&i.push(...U(r,n,t,e)),a&&i.push(...a),i}function P(e,t,r,n,a){if(r==null)return[0,0,0,0];let i=Math.round((a-r)/n*100)/100,[s,o]=e;if(t==="vertical"){let c=o-i*o||1;return c=Math.round(c)+.5,[0,"100%",c,c]}let l=i*s||1;return l=Math.round(l)+.5,[l,l,"100%",0]}function T(e,t,r,n,a){if(r==null)return[0,0];let i=Math.round((a-r)/n*100)/100,[s,o]=e;return t==="vertical"?[s,o-i*o]:[0,i*s]}function R(e,t,r){if(!e||e.length===0)return null;if(I(e)){let n=e.map(a=>({...a,color:S(a.color??r)}));return n.unshift({color:t,minValue:Number.NEGATIVE_INFINITY,maxValue:n[0].minValue}),n.push({color:t,minValue:n[n.length-1].maxValue,maxValue:Number.POSITIVE_INFINITY}),n}else return e.map(n=>({...n,color:S(n.color??r)}))}function G(e,t,r,n){if(!e||e.length===0)return r;if(I(e)){let a=Y(e,t);if(a.length===0)return r;if(n){let{color:i=r,weight:s}=a[0],{color:o=r,weight:l}=a[1]??a[0],c=s+l;return`color-mix(in srgb, ${i} ${s/c*100}%, ${o} ${l/c*100}%)`}return a[0].color??r}return H(e,t)}function Y(e,t){let r=[];for(let n of e){let a=Math.max(0,Math.min(t.maxValue,n.maxValue)-Math.max(t.minValue,n.minValue));a>0&&r.push({color:n.color,weight:a})}return r.sort((n,a)=>a.weight-n.weight)}function H(e,t){let r=(t.maxValue-t.minValue)/2+t.minValue;if(r>e[e.length-1].value)return e[e.length-1].color;for(let n=0;n<e.length-1;n++){let a=e[n],i=e[n+1];if(r<=a.value)return a.color;if(r<i.value){let s=(r-a.value)/(i.value-a.value)*100;return`color-mix(in srgb, ${a.color}, ${i.color} ${s}%)`}}return e[e.length-1].color}function I(e){return e[0]!=null&&"minValue"in e[0]}function S(e){if(typeof e=="string")return e;if(Array.isArray(e))return`rgba(${e[0]}, ${e[1]}, ${e[2]}, ${e[3]??1})`;let{r:t,g:r,b:n,a=1}=e;return`rgba(${t}, ${r}, ${n}, ${a})`}function U(e,t,r,n){let a=.06*(t-e);return j(r,n).filter(i=>Math.abs(n-i)>a).map((i,s,o)=>{let l=o.length/2,c=i>n?"+":"-",h=s>=l?s-l+1:l-s;return{symbol:`${c}${h===1?"":h}\u03C3`,value:i}})}function j(e,t){if(t==null||e==null)return[];let r=1,n=[];for(let a=r*-1;a<=r;a++)a!==0&&n.push(t+a*e);return n}var k="var(--arcgis-histogram-bar-color)",J="var(--arcgis-histogram-stop-color)",w=class extends _{constructor(){super(...arguments),this._messages=E(),this._normalizedStops=null,this._formatLabel=t=>M(this._messages._lang,this._numberFormatterOptions).format(t),this._numberFormatterOptions={maximumFractionDigits:2},this.containerDimensions=[0,0],this.icon="graph-histogram",this.layout="horizontal",this.colorBlendingEnabled=!1}static{this.properties={containerDimensions:16,colorStops:0,icon:3,average:11,messageOverrides:0,standardDeviation:11,bins:0,dataLines:0,label:1,layout:3,max:11,min:11,colorBlendingEnabled:5}}static{this.styles=B}loaded(){let t=new ResizeObserver(a=>{for(let i of a){let{width:s,height:o}=i.contentRect;this.containerDimensions=[s,o]}}),{width:r,height:n}=this.el.getBoundingClientRect();this.containerDimensions=[r,n],t.observe(this.el)}willUpdate(t){t.has("colorStops")&&(this._normalizedStops=R(this.colorStops,k,J))}render(){let{label:t}=this;return this.containerDimensions?x`<div role=img .ariaLabel=${t??void 0} class=${f(p.content)}>${this._renderContent()}</div>`:null}_renderContent(){let{containerDimensions:[t,r]}=this,n="bg-fill";return x`<svg class=${f(p.svg)} xmlns=http://www.w3.org/2000/svg>${d`<defs><clipPath id=${n}><rect height=${r??u} width=${t??u} x=0 y=0 /></clipPath></defs><g style=${y({clipPath:`url(#${n})`})}><g>${this._renderBars()}</g></g><g>${this._renderLines()}</g>`}</svg>`}_renderBars(){let{bins:t,_messages:r}=this,n=O(this.bins,this.min,this.max,this.layout,this.containerDimensions);return!n||!t?null:n.map((a,i)=>{let[s,o,l,c]=a,h=t[i],b=r?.barLabel?N(r.barLabel,h):"";return d`<rect style=${y({fill:G(this._normalizedStops,h,k,this.colorBlendingEnabled)})} .ariaLabel=${b} data-index=${i??u} height=${c??u} role=img shape-rendering=crispEdges stroke-width=0 width=${l??u} x=${s??u} y=${o??u} />`})}_renderLines(){return A(this.average,this.standardDeviation,this.min,this.max,this.dataLines)?.map(t=>W({dataLine:t,containerDimensions:this.containerDimensions,layout:this.layout,min:this.min,max:this.max,labelFormatter:this._formatLabel}))}},W=e=>{let{containerDimensions:t,layout:r,min:n,max:a,dataLine:i,labelFormatter:s}=e,o=a!=null&&n!=null?a-n:0,[l,c,h,b]=P(t,r,n,o,i.value),[g,m]=T(t,r,n,o,i.value),$="symbol"in i?[d`<tspan class=${f(p.dataLineSymbol)}>${i.symbol}</tspan>`,d`<tspan>${s(i.value)}</tspan>`]:i.label,v="lineClass"in i&&i.lineClass?i.lineClass:p.dataLine;return d`<g><title>${i.value}</title><line class=${f(v)} shape-rendering=crispEdges x1=${l??u} x2=${c??u} y1=${h??u} y2=${b??u} /><text class=${f(p.label)} text-anchor=end transform=${(r==="horizontal"?"rotate(270)":void 0)??u} x=${g??u} y=${m-2}>${$}</text></g>`};D("arcgis-histogram",w);return w},"intl")
+import{a as M}from"./3WYIVRKX.js";import{b as E}from"./N7DIUMSU.js";import"./27FRM3HV.js";import{B as _,C as f,D as y,E as u,H as D,g as V,i as x,j as d}from"./E4XZNNVC.js";export default $arcgis.t(([{substitute:N}])=>{var p={content:"content",svg:"svg",label:"label",dataLine:"data-line",averageDataLine:"average-data-line",dataLineSymbol:"data-line-symbol"},B=V`:host{display:flex;--arcgis-histogram-bar-color: var(--calcite-color-border-1);--arcgis-histogram-stop-color: color-mix(in srgb, var(--calcite-color-brand) 80%, transparent)}.content{display:flex;flex:1;direction:ltr}.svg{display:inline-block;flex:1;overflow:hidden}.data-line{stroke:#888;stroke-width:1px;shape-rendering:crispEdges}.average-data-line{stroke-width:1px;shape-rendering:crispEdges;stroke:#444}.label,.data-line-symbol{font-size:12px;stroke:#fff;stroke-width:2px;paint-order:stroke;unicode-bidi:plaintext}.data-line-symbol{font-family:"Georgia, serif",sans-serif;font-style:italic}`;function O(e,t,r,n,a){let[i,s]=a;if(!e||s===0||i===0||r==null||t==null)return null;let o=r-t,l=(e.length>1?e[e.length-1].maxValue-e[0].minValue:0)/o,[c,h]=n==="vertical"?[s*l,i]:[s,i*l],b=e?e.map(m=>m.count):[],g=Math.max(...b);return e.map(m=>{let[$,v]=n==="vertical"?[c/e.length,g!==0?m.count/g*h:0]:[g!==0?m.count/g*c:0,h/e.length],{maxValue:C}=m,L=r-C,[z,F]=n==="vertical"?[0,L*(s/o)]:[i-v-L*(i/o),s-$];return[z,F,v,$]})}function A(e,t,r,n,a){let i=[];return e!=null&&i.push({value:e,symbol:"x\u0304",lineClass:p.averageDataLine}),t!=null&&r!=null&&n!=null&&i.push(...U(r,n,t,e)),a&&i.push(...a),i}function P(e,t,r,n,a){if(r==null)return[0,0,0,0];let i=Math.round((a-r)/n*100)/100,[s,o]=e;if(t==="vertical"){let c=o-i*o||1;return c=Math.round(c)+.5,[0,"100%",c,c]}let l=i*s||1;return l=Math.round(l)+.5,[l,l,"100%",0]}function T(e,t,r,n,a){if(r==null)return[0,0];let i=Math.round((a-r)/n*100)/100,[s,o]=e;return t==="vertical"?[s,o-i*o]:[0,i*s]}function R(e,t,r){if(!e||e.length===0)return null;if(I(e)){let n=e.map(a=>({...a,color:S(a.color??r)}));return n.unshift({color:t,minValue:Number.NEGATIVE_INFINITY,maxValue:n[0].minValue}),n.push({color:t,minValue:n[n.length-1].maxValue,maxValue:Number.POSITIVE_INFINITY}),n}else return e.map(n=>({...n,color:S(n.color??r)}))}function G(e,t,r,n){if(!e||e.length===0)return r;if(I(e)){let a=Y(e,t);if(a.length===0)return r;if(n){let{color:i=r,weight:s}=a[0],{color:o=r,weight:l}=a[1]??a[0],c=s+l;return`color-mix(in srgb, ${i} ${s/c*100}%, ${o} ${l/c*100}%)`}return a[0].color??r}return H(e,t)}function Y(e,t){let r=[];for(let n of e){let a=Math.max(0,Math.min(t.maxValue,n.maxValue)-Math.max(t.minValue,n.minValue));a>0&&r.push({color:n.color,weight:a})}return r.sort((n,a)=>a.weight-n.weight)}function H(e,t){let r=(t.maxValue-t.minValue)/2+t.minValue;if(r>e[e.length-1].value)return e[e.length-1].color;for(let n=0;n<e.length-1;n++){let a=e[n],i=e[n+1];if(r<=a.value)return a.color;if(r<i.value){let s=(r-a.value)/(i.value-a.value)*100;return`color-mix(in srgb, ${a.color}, ${i.color} ${s}%)`}}return e[e.length-1].color}function I(e){return e[0]!=null&&"minValue"in e[0]}function S(e){if(typeof e=="string")return e;if(Array.isArray(e))return`rgba(${e[0]}, ${e[1]}, ${e[2]}, ${e[3]??1})`;let{r:t,g:r,b:n,a=1}=e;return`rgba(${t}, ${r}, ${n}, ${a})`}function U(e,t,r,n){let a=.06*(t-e);return j(r,n).filter(i=>Math.abs(n-i)>a).map((i,s,o)=>{let l=o.length/2,c=i>n?"+":"-",h=s>=l?s-l+1:l-s;return{symbol:`${c}${h===1?"":h}\u03C3`,value:i}})}function j(e,t){if(t==null||e==null)return[];let r=1,n=[];for(let a=r*-1;a<=r;a++)a!==0&&n.push(t+a*e);return n}var k="var(--arcgis-histogram-bar-color)",J="var(--arcgis-histogram-stop-color)",w=class extends _{constructor(){super(...arguments),this._messages=E(),this._normalizedStops=null,this._formatLabel=t=>M(this._messages._lang,this._numberFormatterOptions).format(t),this._numberFormatterOptions={maximumFractionDigits:2},this.containerDimensions=[0,0],this.icon="graph-histogram",this.layout="horizontal",this.colorBlendingEnabled=!1}static{this.properties={containerDimensions:16,colorStops:0,icon:3,average:11,messageOverrides:0,standardDeviation:11,bins:0,dataLines:0,label:1,layout:3,max:11,min:11,colorBlendingEnabled:5}}static{this.styles=B}loaded(){let t=new ResizeObserver(a=>{for(let i of a){let{width:s,height:o}=i.contentRect;this.containerDimensions=[s,o]}}),{width:r,height:n}=this.el.getBoundingClientRect();this.containerDimensions=[r,n],t.observe(this.el)}willUpdate(t){t.has("colorStops")&&(this._normalizedStops=R(this.colorStops,k,J))}render(){let{label:t}=this;return this.containerDimensions?x`<div role=img .ariaLabel=${t??void 0} class=${f(p.content)}>${this._renderContent()}</div>`:null}_renderContent(){let{containerDimensions:[t,r]}=this,n="bg-fill";return x`<svg class=${f(p.svg)} xmlns=http://www.w3.org/2000/svg>${d`<defs><clipPath id=${n}><rect height=${r??u} width=${t??u} x=0 y=0 /></clipPath></defs><g style=${y({clipPath:`url(#${n})`})}><g>${this._renderBars()}</g></g><g>${this._renderLines()}</g>`}</svg>`}_renderBars(){let{bins:t,_messages:r}=this,n=O(this.bins,this.min,this.max,this.layout,this.containerDimensions);return!n||!t?null:n.map((a,i)=>{let[s,o,l,c]=a,h=t[i],b=r?.barLabel?N(r.barLabel,h):"";return d`<rect style=${y({fill:G(this._normalizedStops,h,k,this.colorBlendingEnabled)})} .ariaLabel=${b} data-index=${i??u} height=${c??u} role=img shape-rendering=crispEdges stroke-width=0 width=${l??u} x=${s??u} y=${o??u} />`})}_renderLines(){return A(this.average,this.standardDeviation,this.min,this.max,this.dataLines)?.map(t=>W({dataLine:t,containerDimensions:this.containerDimensions,layout:this.layout,min:this.min,max:this.max,labelFormatter:this._formatLabel}))}},W=e=>{let{containerDimensions:t,layout:r,min:n,max:a,dataLine:i,labelFormatter:s}=e,o=a!=null&&n!=null?a-n:0,[l,c,h,b]=P(t,r,n,o,i.value),[g,m]=T(t,r,n,o,i.value),$="symbol"in i?[d`<tspan class=${f(p.dataLineSymbol)}>${i.symbol}</tspan>`,d`<tspan>${s(i.value)}</tspan>`]:i.label,v="lineClass"in i&&i.lineClass?i.lineClass:p.dataLine;return d`<g><title>${i.value}</title><line class=${f(v)} shape-rendering=crispEdges x1=${l??u} x2=${c??u} y1=${h??u} y2=${b??u} /><text class=${f(p.label)} text-anchor=end transform=${(r==="horizontal"?"rotate(270)":void 0)??u} x=${g??u} y=${m-2}>${$}</text></g>`};D("arcgis-histogram",w);return w},"intl")

package/dist/cdn/{AHBSEWIU.js → YOSOOJIA.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import{a as E}from"./72K7GT6K.js";import{a as n}from"./2MAPI3A7.js";import{b as k}from"./63VVHNKM.js";import{e as f}from"./27FRM3HV.js";import{A as l,B as w,H as v,g as C,i,j as u,l as m,q as r,z as g}from"./VVONDUTR.js";function y(a,e,t){window.localStorage.setItem(a,JSON.stringify(e))}function S(a,e){let t=window.localStorage.getItem(a);return t&&e?JSON.parse(t):t}var R=C`:host,arcgis-picker-input{display:block}.color-picker-container{display:flex;flex-direction:column}.color-picker{--calcite-color-border-1: transparent;overflow-x:hidden}.preview-swatch{width:100%;height:24px}.recent-colors-container{align-items:center;border:var(--calcite-border-width-sm) solid var(--calcite-color-border-input);display:flex;gap:var(--calcite-space-sm);height:32px;padding:0 var(--calcite-space-xs);transition:outline-offset .1s ease-in-out,outline-color .1s ease-in-out}.preview-recent-swatch{cursor:pointer}.recent-colors-container:focus,.preview-recent-swatch:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-brand);outline-offset:var(--calcite-border-width-md)}.empty-swatch{cursor:default}.end-action{display:flex}`,h=class extends w{constructor(){super(),this._messages=k(),this.actionEl=g(),this.setRecentColorElement=e=>t=>{switch(e){case 1:this.recentColor1El=t;break;case 2:this.recentColor2El=t;break;default:this.recentColor3El=t}},this.recentColors=[],this.clearable=!1,this.compact=!1,this.disabled=!1,this.placement="auto",this.storageId="arcgis-color-input-storage-colors",this.hideRecentColors=!1,this.showTransparency=!1,this.arcgisChange=r(),this.arcgisColorInputChange=r(),this.arcgisColorInputPopoverClose=r(),this.arcgisColorInputPopoverOpen=r(),this.arcgisColorInputSwatchUpdate=r(),this.arcgisInternalStoredColor=r(),this.arcgisPickerClose=r(),this.arcgisPickerOpen=r(),this.arcgisSwatchUpdate=r(),this.listenOn(document,"arcgisInternalStoredColor",this.handleUpdateRecentColors),this.listenOn(document,"arcgisRecentColorsUpdate",this.handleStoreNewRecentColor)}static{this.properties={recentColors:16,clearable:5,color:1,compact:5,disabled:5,messageOverrides:0,placement:1,popoverProps:0,storageId:1,hideRecentColors:5,showTransparency:5}}static{this.styles=R}async close(){await this.inlineInputEl?.close()}async setFocus(){await this.inlineInputEl?.setFocus()}load(){this.setRecentColorsFromStorage()}disconnectedCallback(){super.disconnectedCallback(),this.removeTooltip()}async handleOpen(){await this.colorPickerEl?.setFocus(),this.arcgisPickerOpen.emit(),this.arcgisColorInputPopoverOpen.emit()}setInlineInputRef(e){this.inlineInputEl=e}setColorPickerRef(e){e&&(this.colorPickerEl=e)}getRecentColorElement(e){switch(e){case 1:return this.recentColor1El;case 2:return this.recentColor2El;default:return this.recentColor3El}}setRecentColorsFromStorage(){let e=S(this.storageId,!0);e&&(this.recentColors=[...e])}handleSwatchClickOrKeyUp(e){if("key"in e&&e.key!=="Enter"&&e.key!=="Space")return;let t=e.currentTarget.color||void 0;this.updateColor(t),this.arcgisSwatchUpdate.emit(t),this.arcgisColorInputSwatchUpdate.emit(t),setTimeout(()=>this.recentColor1El?.focus(),200)}handleRecentColorsKeyDown(e){if(this.recentColors.length===1)return;let t=e.key,o;this.activeColorSwatchEl===this.recentColor1El?o=1:this.activeColorSwatchEl===this.recentColor2El?o=2:this.activeColorSwatchEl===this.recentColor3El&&(o=3),t==="ArrowLeft"&&(!o||o===1?this.getRecentColorElement(this.recentColors.length)?.focus():this.getRecentColorElement(o-1)?.focus()),t==="ArrowRight"&&(!o||o===this.recentColors.length?this.recentColor1El?.focus():this.getRecentColorElement(o+1)?.focus())}handleUpdateActiveSwatch(e){this.activeColorSwatchEl=e.target}handleStoreNewRecentColor(e){this.storeRecentColorToStorage(e.detail)}handleUpdateRecentColors(e){e.composedPath().includes(this.el)||this.setRecentColorsFromStorage()}handleClearColor(){this.updateColor(void 0)}updateColor(e,t=!0){e!==this.color&&(this.color=e,this.arcgisChange.emit(),this.arcgisColorInputChange.emit(),t&&this.storeRecentColorToStorage(e))}storeRecentColorToStorage(e){if(!e)return;e.length>7&&(e=e.slice(0,7));let t=[e,...this.recentColors.filter(o=>o!==e)].slice(0,3);y(this.storageId,t),this.recentColors=t,this.arcgisInternalStoredColor.emit()}handleClose(e){e.stopPropagation(),this.storeRecentColorToStorage(this.colorPickerEl?.value),this.arcgisPickerClose.emit(this.colorPickerEl?.value),this.arcgisColorInputPopoverClose.emit(this.colorPickerEl?.value)}addTooltip(e){this.removeTooltip(),this.tooltipContainerEl=document.createElement("div"),m(i`<calcite-tooltip .placement=${e.placement??"auto"} .referenceElement=${e.referenceElement} overlay-positioning=fixed open>${e.innerHTML}</calcite-tooltip>`,this.tooltipContainerEl),document.body.append(this.tooltipContainerEl)}removeTooltip(){this.tooltipContainerEl?.parentNode&&(this.tooltipContainerEl.remove(),this.tooltipContainerEl=void 0)}render(){let{compact:e,disabled:t,recentColors:o,_messages:s}=this,p=[o[0],o[1]],$=f(this.el)==="rtl";return e||p.push(o[2]),i`<arcgis-picker-input .disabled=${t} .intlDone=${s.commitColor} .heading=${s.selectColor} .label=${s.selectColor} @arcgisPopoverOpen=${this.handleOpen} @arcgisPopoverClose=${this.handleClose} .popoverProps=${this.popoverProps} ${l(this.setInlineInputRef)}><div class="color-picker-container" slot=content>${n(`color-picker${e?"--compact":""}`,i`<calcite-color-picker .clearable=${this.clearable} class="color-picker" @calciteColorPickerInput=${E(c=>{c.stopPropagation(),this.updateColor(this.colorPickerEl.value,!1)},500)} .scale=${e?"s":"m"} .storageId=${this.storageId} .alphaChannel=${this.showTransparency} .value=${this.color} ${l(this.setColorPickerRef)}></calcite-color-picker>`)}</div><div slot=preview><calcite-color-picker-swatch class="preview-swatch" .color=${this.color} scale=s></calcite-color-picker-swatch></div>${!this.hideRecentColors&&i`<div slot=content-end class="recent-colors-container" @keydown=${this.handleRecentColorsKeyDown} tabindex=-1>${p.map((c,d)=>c?n(c,i`<calcite-color-picker-swatch class="preview-recent-swatch" role=button scale=s tabindex=0 .active=${c===this.color} .color=${c} @click=${this.handleSwatchClickOrKeyUp} @keyup=${this.handleSwatchClickOrKeyUp} @focus=${this.handleUpdateActiveSwatch} ${l(this.setRecentColorElement(d+1))}></calcite-color-picker-swatch>`):this.renderEmptySwatch(`empty-swatch-${d}`))}</div>`||""}${this.clearable&&i`<div slot=content-end class="end-action"><calcite-action icon=circle-disallowed scale=s .label=${s.clearColor} .text=${s.clearColor??""} @click=${this.handleClearColor} @mouseover=${()=>this.addTooltip({referenceElement:this.actionEl.value,placement:$?"right-start":"left-start",innerHTML:s.noColor??""})} @mouseout=${()=>this.removeTooltip()} ${l(this.actionEl)}></calcite-action></div>`||""}</arcgis-picker-input>`}renderEmptySwatch(e){return n(e,i`<svg class="empty-swatch" viewBox="0 0 20 20" xmlns=http://www.w3.org/2000/svg width=20>${u`<rect width=20 height=20 fill=#f8f8f8 stroke=#000 stroke-dasharray=2 />`}</svg>`)}};v("arcgis-color-input",h);export{h as ArcgisColorInput};
+import{a as E}from"./72K7GT6K.js";import{a as n}from"./VTZTPXBM.js";import{b as k}from"./N7DIUMSU.js";import{e as f}from"./27FRM3HV.js";import{A as l,B as w,H as v,g as C,i,j as u,l as m,q as r,z as g}from"./E4XZNNVC.js";function y(a,e,t){window.localStorage.setItem(a,JSON.stringify(e))}function S(a,e){let t=window.localStorage.getItem(a);return t&&e?JSON.parse(t):t}var R=C`:host,arcgis-picker-input{display:block}.color-picker-container{display:flex;flex-direction:column}.color-picker{--calcite-color-border-1: transparent;overflow-x:hidden}.preview-swatch{width:100%;height:24px}.recent-colors-container{align-items:center;border:var(--calcite-border-width-sm) solid var(--calcite-color-border-input);display:flex;gap:var(--calcite-space-sm);height:32px;padding:0 var(--calcite-space-xs);transition:outline-offset .1s ease-in-out,outline-color .1s ease-in-out}.preview-recent-swatch{cursor:pointer}.recent-colors-container:focus,.preview-recent-swatch:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-brand);outline-offset:var(--calcite-border-width-md)}.empty-swatch{cursor:default}.end-action{display:flex}`,h=class extends w{constructor(){super(),this._messages=k(),this.actionEl=g(),this.setRecentColorElement=e=>t=>{switch(e){case 1:this.recentColor1El=t;break;case 2:this.recentColor2El=t;break;default:this.recentColor3El=t}},this.recentColors=[],this.clearable=!1,this.compact=!1,this.disabled=!1,this.placement="auto",this.storageId="arcgis-color-input-storage-colors",this.hideRecentColors=!1,this.showTransparency=!1,this.arcgisChange=r(),this.arcgisColorInputChange=r(),this.arcgisColorInputPopoverClose=r(),this.arcgisColorInputPopoverOpen=r(),this.arcgisColorInputSwatchUpdate=r(),this.arcgisInternalStoredColor=r(),this.arcgisPickerClose=r(),this.arcgisPickerOpen=r(),this.arcgisSwatchUpdate=r(),this.listenOn(document,"arcgisInternalStoredColor",this.handleUpdateRecentColors),this.listenOn(document,"arcgisRecentColorsUpdate",this.handleStoreNewRecentColor)}static{this.properties={recentColors:16,clearable:5,color:1,compact:5,disabled:5,messageOverrides:0,placement:1,popoverProps:0,storageId:1,hideRecentColors:5,showTransparency:5}}static{this.styles=R}async close(){await this.inlineInputEl?.close()}async setFocus(){await this.inlineInputEl?.setFocus()}load(){this.setRecentColorsFromStorage()}disconnectedCallback(){super.disconnectedCallback(),this.removeTooltip()}async handleOpen(){await this.colorPickerEl?.setFocus(),this.arcgisPickerOpen.emit(),this.arcgisColorInputPopoverOpen.emit()}setInlineInputRef(e){this.inlineInputEl=e}setColorPickerRef(e){e&&(this.colorPickerEl=e)}getRecentColorElement(e){switch(e){case 1:return this.recentColor1El;case 2:return this.recentColor2El;default:return this.recentColor3El}}setRecentColorsFromStorage(){let e=S(this.storageId,!0);e&&(this.recentColors=[...e])}handleSwatchClickOrKeyUp(e){if("key"in e&&e.key!=="Enter"&&e.key!=="Space")return;let t=e.currentTarget.color||void 0;this.updateColor(t),this.arcgisSwatchUpdate.emit(t),this.arcgisColorInputSwatchUpdate.emit(t),setTimeout(()=>this.recentColor1El?.focus(),200)}handleRecentColorsKeyDown(e){if(this.recentColors.length===1)return;let t=e.key,o;this.activeColorSwatchEl===this.recentColor1El?o=1:this.activeColorSwatchEl===this.recentColor2El?o=2:this.activeColorSwatchEl===this.recentColor3El&&(o=3),t==="ArrowLeft"&&(!o||o===1?this.getRecentColorElement(this.recentColors.length)?.focus():this.getRecentColorElement(o-1)?.focus()),t==="ArrowRight"&&(!o||o===this.recentColors.length?this.recentColor1El?.focus():this.getRecentColorElement(o+1)?.focus())}handleUpdateActiveSwatch(e){this.activeColorSwatchEl=e.target}handleStoreNewRecentColor(e){this.storeRecentColorToStorage(e.detail)}handleUpdateRecentColors(e){e.composedPath().includes(this.el)||this.setRecentColorsFromStorage()}handleClearColor(){this.updateColor(void 0)}updateColor(e,t=!0){e!==this.color&&(this.color=e,this.arcgisChange.emit(),this.arcgisColorInputChange.emit(),t&&this.storeRecentColorToStorage(e))}storeRecentColorToStorage(e){if(!e)return;e.length>7&&(e=e.slice(0,7));let t=[e,...this.recentColors.filter(o=>o!==e)].slice(0,3);y(this.storageId,t),this.recentColors=t,this.arcgisInternalStoredColor.emit()}handleClose(e){e.stopPropagation(),this.storeRecentColorToStorage(this.colorPickerEl?.value),this.arcgisPickerClose.emit(this.colorPickerEl?.value),this.arcgisColorInputPopoverClose.emit(this.colorPickerEl?.value)}addTooltip(e){this.removeTooltip(),this.tooltipContainerEl=document.createElement("div"),m(i`<calcite-tooltip .placement=${e.placement??"auto"} .referenceElement=${e.referenceElement} overlay-positioning=fixed open>${e.innerHTML}</calcite-tooltip>`,this.tooltipContainerEl),document.body.append(this.tooltipContainerEl)}removeTooltip(){this.tooltipContainerEl?.parentNode&&(this.tooltipContainerEl.remove(),this.tooltipContainerEl=void 0)}render(){let{compact:e,disabled:t,recentColors:o,_messages:s}=this,p=[o[0],o[1]],$=f(this.el)==="rtl";return e||p.push(o[2]),i`<arcgis-picker-input .disabled=${t} .intlDone=${s.commitColor} .heading=${s.selectColor} .label=${s.selectColor} @arcgisPopoverOpen=${this.handleOpen} @arcgisPopoverClose=${this.handleClose} .popoverProps=${this.popoverProps} ${l(this.setInlineInputRef)}><div class="color-picker-container" slot=content>${n(`color-picker${e?"--compact":""}`,i`<calcite-color-picker .clearable=${this.clearable} class="color-picker" @calciteColorPickerInput=${E(c=>{c.stopPropagation(),this.updateColor(this.colorPickerEl.value,!1)},500)} .scale=${e?"s":"m"} .storageId=${this.storageId} .alphaChannel=${this.showTransparency} .value=${this.color} ${l(this.setColorPickerRef)}></calcite-color-picker>`)}</div><div slot=preview><calcite-color-picker-swatch class="preview-swatch" .color=${this.color} scale=s></calcite-color-picker-swatch></div>${!this.hideRecentColors&&i`<div slot=content-end class="recent-colors-container" @keydown=${this.handleRecentColorsKeyDown} tabindex=-1>${p.map((c,d)=>c?n(c,i`<calcite-color-picker-swatch class="preview-recent-swatch" role=button scale=s tabindex=0 .active=${c===this.color} .color=${c} @click=${this.handleSwatchClickOrKeyUp} @keyup=${this.handleSwatchClickOrKeyUp} @focus=${this.handleUpdateActiveSwatch} ${l(this.setRecentColorElement(d+1))}></calcite-color-picker-swatch>`):this.renderEmptySwatch(`empty-swatch-${d}`))}</div>`||""}${this.clearable&&i`<div slot=content-end class="end-action"><calcite-action icon=circle-disallowed scale=s .label=${s.clearColor} .text=${s.clearColor??""} @click=${this.handleClearColor} @mouseover=${()=>this.addTooltip({referenceElement:this.actionEl.value,placement:$?"right-start":"left-start",innerHTML:s.noColor??""})} @mouseout=${()=>this.removeTooltip()} ${l(this.actionEl)}></calcite-action></div>`||""}</arcgis-picker-input>`}renderEmptySwatch(e){return n(e,i`<svg class="empty-swatch" viewBox="0 0 20 20" xmlns=http://www.w3.org/2000/svg width=20>${u`<rect width=20 height=20 fill=#f8f8f8 stroke=#000 stroke-dasharray=2 />`}</svg>`)}};v("arcgis-color-input",h);export{h as ArcgisColorInput};

package/dist/cdn/index.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import{G as i,v as e}from"./VVONDUTR.js";var s=e(i,{"arcgis-ckeditor5":[()=>import("./D4WGAIUL.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./FCZNCSDC.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./AHBSEWIU.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus"],"arcgis-field-info":[()=>import("./NOO7CFHV.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./HCKTKLVR.js"),"_messages:,customExpressionCheck:,expressionsGroupHeading,fields:,fieldsGroupHeading,filterNoResultsText,filterPlaceholderText,groupFieldsAndExpressions,heading,hideCancel,hideSort,layer:,listOnly,mapView:,multiple,okBtnText,popoverProps:,selectedFields:,showCancel,showDescription,showFieldInfo,showFieldName,showFieldTypeIcon,showFilterLength,showSelectionAll,showSort,sortBy,view:;reposition,setDisabled,setFocus"],"arcgis-histogram":[()=>import("./J4NIY5OB.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,layout,max,messageOverrides:,min,standardDeviation"],"arcgis-label-input":[()=>import("./GDDZH6LV.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./GH6PPRT3.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./OF2IP5MV.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./IFRFH4OK.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./FH4MTG72.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./PZ7CIRYL.js"),"activeValue:,allowValuesOverlap,autoDestroyDisabled,disabled,fillPlacement,fullRangeMax,fullRangeMin,keyboardLargeStep,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverLabel,popoverPlacement,precision,rangeLabelsEditingEnabled,rangeLabelsPlacement,segmentsDraggingDisabled,showRangeLabels,steps,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values;destroy"],"arcgis-slider-input":[()=>import("./NZIGW5TO.js"),"disabled,flipLabels,label,max,min,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./PJF3QAHN.js"),"interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],"arcgis-unique-values-list":[()=>import("./RVACLLBM.js"),"_messages:,fieldName,fieldSource,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:;getUniqueValues,setFocus"]});s({resourcesUrl:import.meta.url});var a=new CSSStyleSheet;a.replaceSync("@layer{:not([hydrated]):is(arcgis-ckeditor5,arcgis-ckeditor5-popover,arcgis-color-input,arcgis-field-info,arcgis-field-pick-list,arcgis-histogram,arcgis-label-input,arcgis-picker-input,arcgis-ramp-color,arcgis-ramp-color-break,arcgis-ramp-opacity,arcgis-slider,arcgis-slider-input,arcgis-ticks,arcgis-unique-values-list){visibility:hidden}:root{--arcgis-ckeditor5-initial-height: 30vh;--arcgis-ckeditor5-max-width: 35vw;--arcgis-ckeditor5-mentions-max-width: 33vw;--arcgis-common-ckeditor5-initial-height: 30vh;--arcgis-common-ckeditor5-max-width: 35vw;--arcgis-common-ckeditor5-mentions-max-width: 33vw}}");document.adoptedStyleSheets=[...document.adoptedStyleSheets,a];window.$arcgis||Object.defineProperty(window,"$arcgis",{configurable:!1,enumerable:!0,writable:!1,value:{}}),((a,r)=>{a.t=(c,...x)=>Promise.all(x.map(x=>x.then?x:(!a?.forceESM&&a?.import||(x=>import(x+".js").then(m=>m.default??m)))("@arcgis/core/"+x))).then(c);r.p=a.t(([m])=>{r.t=m.trackAccess;r.o=m.createObservable;r.c=m.createTrackingTarget;r.r=m.runTracked},"applications/Components/reactiveUtils")})($arcgis,i)
+import{G as i,v as e}from"./E4XZNNVC.js";var s=e(i,{"arcgis-ckeditor5":[()=>import("./H2BVMF74.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./BSDNFTJO.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./YOSOOJIA.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus"],"arcgis-field-info":[()=>import("./4GB75ZTF.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./RZ3OAEZR.js"),"_messages:,customExpressionCheck:,expressionsGroupHeading,fields:,fieldsGroupHeading,filterNoResultsText,filterPlaceholderText,groupFieldsAndExpressions,heading,hideCancel,hideSort,layer:,listOnly,mapView:,multiple,okBtnText,popoverProps:,selectedFields:,showCancel,showDescription,showFieldInfo,showFieldName,showFieldTypeIcon,showFilterLength,showSelectionAll,showSort,sortBy,view:;reposition,setDisabled,setFocus"],"arcgis-histogram":[()=>import("./YAJOLKIL.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,layout,max,messageOverrides:,min,standardDeviation"],"arcgis-label-input":[()=>import("./SNHG3XBB.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./HP5Y5YVC.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./2FQUZGYJ.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./XB5G476Y.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./XTTF5WK3.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./2D2NKM3O.js"),"activeValue:,allowValuesOverlap,autoDestroyDisabled,disabled,fillPlacement,fullRangeMax,fullRangeMin,keyboardLargeStep,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverLabel,popoverPlacement,precision,rangeLabelsEditingEnabled,rangeLabelsPlacement,segmentsDraggingDisabled,showRangeLabels,steps,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values;destroy"],"arcgis-slider-input":[()=>import("./POFRTJBW.js"),"disabled,flipLabels,label,max,min,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./AN7IRFRK.js"),"interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],"arcgis-unique-values-list":[()=>import("./ASOUKSL6.js"),"_messages:,fieldName,fieldSource,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:;getUniqueValues,setFocus"]});s({resourcesUrl:import.meta.url});var a=new CSSStyleSheet;a.replaceSync("@layer{:not([hydrated]):is(arcgis-ckeditor5,arcgis-ckeditor5-popover,arcgis-color-input,arcgis-field-info,arcgis-field-pick-list,arcgis-histogram,arcgis-label-input,arcgis-picker-input,arcgis-ramp-color,arcgis-ramp-color-break,arcgis-ramp-opacity,arcgis-slider,arcgis-slider-input,arcgis-ticks,arcgis-unique-values-list){visibility:hidden}:root{--arcgis-ckeditor5-initial-height: 30vh;--arcgis-ckeditor5-max-width: 35vw;--arcgis-ckeditor5-mentions-max-width: 33vw;--arcgis-common-ckeditor5-initial-height: 30vh;--arcgis-common-ckeditor5-max-width: 35vw;--arcgis-common-ckeditor5-mentions-max-width: 33vw}}");document.adoptedStyleSheets=[...document.adoptedStyleSheets,a];window.$arcgis||Object.defineProperty(window,"$arcgis",{configurable:!1,enumerable:!0,writable:!1,value:{}}),((a,r)=>{a.t=(c,...x)=>Promise.all(x.map(x=>x.then?x:(!a?.forceESM&&a?.import||(x=>import(x+".js").then(m=>m.default??m)))("@arcgis/core/"+x))).then(c);r.p=a.t(([m])=>{r.t=m.trackAccess;r.o=m.createObservable;r.c=m.createTrackingTarget;r.r=m.runTracked},"applications/Components/reactiveUtils")})($arcgis,i)

package/dist/chunks/runtime.js

@@ -2,7 +2,7 @@
 import "../cdn/main.css";
 import { makeRuntime as e } from "@arcgis/lumina";
 import { trackAccess as s, createObservable as r, createTrackingTarget as a, runTracked as c } from "@arcgis/core/applications/Components/reactiveUtils.js";
-const t = e({ defaultAssetPath: "https://js.arcgis.com/5.0.18/common-components/", hydratedAttribute: "hydrated" }), { customElement: n, getAssetPath: i, setAssetPath: d } = t;
+const t = e({ defaultAssetPath: "https://js.arcgis.com/5.0.19/common-components/", hydratedAttribute: "hydrated" }), { customElement: n, getAssetPath: i, setAssetPath: d } = t;
 t.t = s;
 t.o = r;
 t.c = a;