@arcgis/common-components 5.1.0-next.24 → 5.1.0-next.26

package/README.md

@@ -7,7 +7,7 @@ Want to get started immediately? See [Get started](https://developers.arcgis.com
 ## Documentation
 
 - [Key Features](https://developers.arcgis.com/javascript/latest/key-features/)
-- [Build with npm](https://developers.arcgis.com/javascript/latest/get-started/#npm)
+- [Build with npm](https://developers.arcgis.com/javascript/latest/get-started/#use-arcgiscreate)
 - [API and component references](https://developers.arcgis.com/javascript/latest/references/)
 - [Functionality samples](https://developers.arcgis.com/javascript/latest/sample-code/)
 - [TypeScript setup](https://developers.arcgis.com/javascript/latest/get-started/#typescript)

package/dist/cdn/IX44EZEC.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import{A as s,B as c,C as d,H as p,g as u,i as n,q as h,z as a}from"./QUHKOZYO.js";export default $arcgis.t(([{formatNumber:m}])=>{var _=u`:host{display:block}:host([hidden]){display:none}.content{display:flex;flex-direction:column}.readOnlyLabel{display:block;font-size:var(--calcite-font-size-sm);font-variant-numeric:tabular-nums;line-height:var(--calcite-font-line-height-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:.5rem;padding-block:3px;border-color:var(--calcite-color-transparent);border-style:solid;border-width:var(--calcite-button-border-size, 1px);color:var(--calcite-color-text-1)}:host(:not([read-only])) .readOnlyLabel{position:absolute;opacity:0}:host([alignment="start"]){.content{align-items:start}.readOnlyLabel{text-align:start}}:host([alignment="end"]){.content{align-items:end}.readOnlyLabel{text-align:end}}:host([alignment="center"]){.content{align-items:center}.readOnlyLabel{text-align:center}}calcite-button{inline-size:100%;--calcite-offset-invert-focus: 1;--calcite-internal-animation-timing-fast: 0}calcite-input-number{inline-size:100%;--calcite-internal-animation-timing-fast: 0}`,l=class extends c{constructor(){super(...arguments),this._buttonRef=a(),this._inputRef=a(),this._labelRef=a(),this._formatOptions={style:"decimal",useGrouping:!0,minimumFractionDigits:0,maximumFractionDigits:2},this._formatValue=t=>m(t,this._formatOptions),this._pointerDownPosition=null,this._displayedValue="",this._editing=!1,this.alignment="center",this.readOnly=!1,this.value=0,this.arcgisChange=h({cancelable:!1})}static{this.properties={_displayedValue:16,_editing:16,alignment:3,editing:39,labelFormatter:0,readOnly:7,value:11}}static{this.styles=_}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}get editing(){return this._editing}async edit(){this._enterEdit()}getLabelBoundingClientRect(){return this._labelRef.value?this._labelRef.value.getBoundingClientRect():this.el.getBoundingClientRect()}willUpdate(t){if(t.has("value")||t.has("labelFormatter")){let e=this.value;this._displayedValue=this._internalLabelFormatter(e)}}updated(t){let e=this._inputRef.value,i=this._buttonRef.value,o=this.renderRoot.querySelector(".readOnlyLabel");if(e&&i&&o){let r=o.offsetWidth;i.style.width=`${r}px`,e.style.width=`${r}px`}}_enterEdit(){this._editing||this.readOnly||(this._editing=!0,this.requestUpdate("editing",!1),this.updateComplete.then(async()=>{let t=this._inputRef.value;await t?.setFocus(),await t?.selectText()}))}_exitEdit(t,e=!1){this._editing&&(t&&this._commitValue(this._inputRef.value),this._displayedValue=this._internalLabelFormatter(this.value),this._inputRef.value&&(this._inputRef.value.value=`${this.value}`),this._editing=!1,this.requestUpdate("editing",!0),e||this.updateComplete.then(async()=>{await this._buttonRef.value?.setFocus()}))}_commitValue(t){let e=this._parseNumber(t?.value??"");e!==null&&this.value!==e&&(this.value=e,this.arcgisChange.emit())}_parseNumber(t){if(t.trim()==="")return null;let e=Number(t);return Number.isFinite(e)?e:this.value??null}_internalLabelFormatter(t){let e=this.labelFormatter;return e?e(t,this._formatValue)??this._formatValue(t):this._formatValue(t)}_onBlur(){this._exitEdit(!0,!0)}_onValueChange(t){this._commitValue(t.currentTarget)}_onKeyDown(t){t.key==="Enter"?(this._exitEdit(!0),t.stopPropagation(),t.preventDefault()):t.key==="Escape"&&(this._exitEdit(!1),t.stopPropagation(),t.preventDefault())}_onPointerDown(t){this._pointerDownPosition={x:t.clientX,y:t.clientY}}_onClick(t){if(this._pointerDownPosition){let e=t.clientX-this._pointerDownPosition.x,i=t.clientY-this._pointerDownPosition.y;if(Math.sqrt(e*e+i*i)>2)return}this._enterEdit(),this._pointerDownPosition=null}_onInput(t){let e=this._parseNumber(t.currentTarget.value??"");if(e===null){this._displayedValue="";return}this._displayedValue=this._internalLabelFormatter(e)}render(){let{alignment:t,_displayedValue:e}=this,i=[n`<span class="readOnlyLabel"><span ${s(this._labelRef)}>${e}</span></span>`];return this.readOnly||i.push(n`<calcite-button .alignment=${t} appearance=transparent .hidden=${this._editing} kind=neutral @pointerdown=${this._onPointerDown} @click=${this._onClick} scale=s width=full ${s(this._buttonRef)}>${e}</calcite-button>`,n`<calcite-input-number .alignment=${t} group-separator .hidden=${!this._editing} number-button-type=none @calciteInputNumberChange=${this._onValueChange} @keydown=${this._onKeyDown} @blur=${this._onBlur} @input=${this._onInput} scale=s status=idle .value=${`${this.value}`} ${s(this._inputRef)}></calcite-input-number>`),n`<div class=${d({content:!0})}>${i}</div>`}};p("arcgis-label-input",l);return l},"intl")

package/dist/cdn/QSJ6M2PE.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import{a as M}from"./EPX7DYFW.js";import{b as E}from"./DCSV6NIR.js";import"./7CI55VCH.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"./QUHKOZYO.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/VAJRJCXI.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import{a as Q}from"./EPCJOXLT.js";import{a as re}from"./EPX7DYFW.js";import{a as ee,b as te}from"./DCSV6NIR.js";import{a as V,b as X,d as J}from"./7CI55VCH.js";import{A as S,B as G,C as $,D as F,E,H as Z,g as K,i as x,o as q,p as W,q as C,s as Y,t as R,z as O}from"./QUHKOZYO.js";export default $arcgis.t(([{on:qe,watch:ne},{createObservable:me,trackAccess:pe},{property:Xe,subclass:Je},et,xe,{property:P,subclass:ye},{watch:H}])=>{var ae=(n,e)=>t=>fe(t,n),A=class extends Y{constructor(e,t){super(e),this.Y=new Map,this.A=void 0,this.#r=me();let r=this;r.#e=t,r.Z(),r.setProvisionalExports(ve(e,new WeakRef(r),e.M.length-1,r.instance,r.Y),!1),q(e,i=>{if(i){let a=ne(()=>e[i],o=>{if(o===r.instance)return;let s=r.instance;r.exports=o,r.instance=o,r.Y.forEach((l,c)=>e.requestUpdate(l,s[c])),r.#t&&s.destroy(),r.#t=!1},{sync:!0});r.onDestroy(a.remove)}},r.exports)}#t;#r;#e;get exports(){return pe(this.#r),super.exports}set exports(e){super.exports=e,this.#r.notify()}Z(){let e=this;e.instance="prototype"in e.#e&&"declaredClass"in e.#e.prototype?new e.#e:e.#e(),e.#t=!0}hostConnected(){this.exports=this.instance}hostDestroy(){this.#t&&this.instance.destroy?.()}},fe=ee(A),ve=(n,e,t,r,i)=>new Proxy(r,{get:(a,o)=>{let s=a[o];if(typeof o=="symbol"||i.has(o))return s;let l=n.M[t];return l.A=o,W(n,c=>{if(l.A=void 0,c!==void 0){let d=c.key;i.set(o,d);let h=n.constructor.getPropertyOptions(d),u=o!==d&&d.toLowerCase().includes("disable");be(e,h,o,d,u),h.i===void 0&&_e(h,t,o,u)}},s)}}),be=(n,e,t,r,i,a)=>a=ne(()=>{let o=n.deref();return o===void 0||o.component.manager.destroyed?a=a.remove():o.exports[t]},(o,s)=>{if(!a)return;n.deref().component?.requestUpdate(r,i?!s:s),e.c=!1},{sync:!0}),_e=(n,e,t,r)=>{n.d.get=function(){let i=this.M[e]?.exports[t];return r?!i:i},n.d.set=function(i){let a=this.M[e];a.A!==t&&(a.exports[t]=r?!i:i)}};function*ie(n,e){if(n!==void 0){let t=0;for(let r of n)yield e(r,t++)}}var v={increment:"ArrowUp",incrementHorizontal:"ArrowRight",decrement:"ArrowDown",decrementHorizontal:"ArrowLeft",pageIncrement:"PageUp",pageDecrement:"PageDown",jumpToStart:"Home",jumpToEnd:"End",confirmEdit:"Enter"};function se({key:n,shiftKey:e},t,r){let i=ke(n);if(i==null)return null;let a=De(n)||we(n)&&e?Ee(t):1;return{direction:r?i*-1:i,count:a}}function ke(n){return n===v.increment||n===v.incrementHorizontal||n===v.pageIncrement?1:n===v.decrement||n===v.decrementHorizontal||n===v.pageDecrement?-1:null}function oe(n){return n===v.jumpToEnd||n===v.jumpToStart}function we(n){return n===v.increment||n===v.decrement||n===v.decrementHorizontal||n===v.incrementHorizontal}function De(n){return n===v.pageIncrement||n===v.pageDecrement}function Ee(n){let e=Number.isFinite(n)?Math.floor(n):1;return Math.max(1,e)}var Pe=K`:host{display:flex;width:100%;height:100%;font-family:Avenir Next,Helvetica Neue,helvetica,arial,sans-serif;font-size:var(--calcite-font-size--2);font-variant-numeric:tabular-nums;--arcgis-slider-dash-length: 5px;--arcgis-slider-handle-size: .875rem;--arcgis-slider-track-background-color: var(--calcite-color-border-2);--arcgis-slider-internal-show-range-labels: 0;--arcgis-slider-internal-show-value-labels: 0;--arcgis-slider-internal-value-labels-placement-start: 0;--arcgis-slider-internal-value-labels-placement-end: 0;--arcgis-slider-internal-range-labels-placement-center: 0;--arcgis-slider-internal-range-labels-placement-end: 0;--arcgis-slider-internal-handle-offset: calc(var(--arcgis-slider-handle-size) / 2);--arcgis-slider-internal-label-input-margin: calc(var(--arcgis-slider-internal-handle-offset) + 4px);--arcgis-slider-internal-label-input-height: var(--calcite-input-number-height, 1.5rem);--arcgis-slider-internal-track-size: 2px}:host([show-range-labels]){--arcgis-slider-internal-show-range-labels: 1}:host(:not([value-labels-display="hidden"])){--arcgis-slider-internal-show-value-labels: 1}:host([value-labels-placement="start"]){--arcgis-slider-internal-value-labels-placement-start: var(--arcgis-slider-internal-show-value-labels)}:host([value-labels-placement="end"]){--arcgis-slider-internal-value-labels-placement-end: var(--arcgis-slider-internal-show-value-labels)}:host([range-labels-placement="center"]){--arcgis-slider-internal-range-labels-placement-center: var(--arcgis-slider-internal-show-range-labels)}:host([range-labels-placement="end"]){--arcgis-slider-internal-range-labels-placement-end: var(--arcgis-slider-internal-show-range-labels)}:host([disabled]){cursor:default;opacity:var(--calcite-opacity-disabled);pointer-events:none}.content{direction:ltr;flex:1;touch-action:none;user-select:none;display:grid;word-wrap:normal;word-break:normal;padding-block:var(--arcgis-slider-internal-handle-offset)}.track-container{grid-area:track-container;position:relative;display:flex;justify-content:center;align-items:center}.track{touch-action:none;position:relative}.track-bounds{background-color:var(--calcite-color-border-2)}.track-fill{--arcgis-slider-track-background-color: var(--calcite-color-brand)}:host([layout="vertical"]){.track-effective-start{background:repeating-linear-gradient(to bottom,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to top,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}:host([layout="horizontal"]){.track-effective-start{background:repeating-linear-gradient(to right,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to left,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}.track-range{background-color:var(--calcite-color-brand);&.active{box-shadow:0 0 8px #00000029;outline:1px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)))}}:host([disabled]) .track-range{background-color:var(--calcite-color-text-3)}:host([disabled]),:host([disabled][layout="horizontal"]),:host([disabled][layout="vertical"]){.track-range.interactive:after{cursor:default;pointer-events:none}}:host([layout="horizontal"]){.track-range.interactive:after{all:initial;cursor:ew-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-top:1px}}:host([layout="vertical"]){.track-range.interactive:after{all:initial;cursor:ns-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-left:1px;writing-mode:vertical-lr}}.segment{transform-origin:0 0;inset-block-start:0px;block-size:.125rem;position:absolute;top:0;left:0}.thumb{-webkit-user-select:none;user-select:none;background-color:#4c4c4c;position:absolute}.thumb:focus,.thumb.active{.handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px #00000029;outline:2px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}}.handle{cursor:pointer;box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;border-radius:var(--arcgis-slider-handle-size);width:var(--arcgis-slider-handle-size);height:var(--arcgis-slider-handle-size);transition:all var(--calcite-animation-timing, .125s) ease-in-out;position:absolute;top:calc(var(--arcgis-slider-internal-handle-offset) * -1);left:calc(var(--arcgis-slider-internal-handle-offset) * -1)}.handle:hover{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.label{position:absolute;will-change:transform}.label[hidden]{display:block;opacity:0;pointer-events:none}.min{grid-area:range-start}.max{grid-area:range-end}:host([layout="horizontal"][mirrored][range-labels-placement="center"]),:host([layout="vertical"]:not([mirrored])){.min{grid-area:range-end}.max{grid-area:range-start}}.content-start{grid-area:content-start;display:flex}.content-end{grid-area:content-end;display:flex}:host([layout="vertical"]){.content{grid-template:". range-start range-start range-start ." "content-start content-start track-container content-end content-end" ". range-end range-end range-end .";grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto auto auto 1fr;row-gap:var(--arcgis-slider-internal-handle-offset)}.track-container{flex-direction:column}.track{flex:1;width:var(--arcgis-slider-internal-track-size)}.segment{writing-mode:vertical-lr}.label{top:calc(var(--arcgis-slider-internal-label-input-height) * -.5)}&:host([value-labels-placement="start"]){.label{right:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{left:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="center"]){.content{--arcgis-slider-internal-content-start-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + (var(--arcgis-slider-internal-value-labels-placement-start) * var(--arcgis-slider-internal-label-input-height)) );--arcgis-slider-internal-content-end-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + (var(--arcgis-slider-internal-value-labels-placement-end) * var(--arcgis-slider-internal-label-input-height)) );column-gap:calc(var(--arcgis-slider-internal-show-range-labels) * var(--arcgis-slider-internal-handle-offset) / 2);padding-inline:calc((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset));grid-template:". content-start ." "range-start content-start range-end" "range-start track-container range-end" "range-start content-end range-end" ". content-end .";grid-template-columns:auto 1fr auto;grid-template-rows:minmax(var(--arcgis-slider-internal-content-start-min-height),auto) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) var(--arcgis-slider-internal-track-size) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) minmax(var(--arcgis-slider-internal-content-end-min-height),auto)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="end"]){.content{--arcgis-slider-internal-content-start-min-height: calc( var(--arcgis-slider-internal-handle-offset) + var(--arcgis-slider-internal-value-labels-placement-start) * var(--arcgis-slider-internal-label-input-height) );--arcgis-slider-internal-content-end-min-height: calc( var(--arcgis-slider-internal-value-labels-placement-end) * var(--arcgis-slider-internal-label-input-height) );padding-inline:var(--arcgis-slider-internal-handle-offset);grid-template:"content-start content-start content-start" "track-container track-container track-container" "content-end content-end content-end" "content-end content-end content-end" "content-end content-end content-end";grid-template-columns:auto;grid-template-rows:minmax(var(--arcgis-slider-internal-content-start-min-height),auto) var(--arcgis-slider-internal-track-size) var(--arcgis-slider-internal-handle-offset) calc(var(--arcgis-slider-internal-range-labels-placement-end) * var(--arcgis-slider-internal-label-input-height)) minmax(var(--arcgis-slider-internal-content-end-min-height),auto);column-gap:var(--arcgis-slider-internal-handle-offset)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:calc(var(--arcgis-slider-internal-label-input-margin) + var(--arcgis-slider-internal-range-labels-placement-end) * (var(--arcgis-slider-internal-label-input-height)))}}.min,.max{--arcgis-slider-internal-range-translation: calc(var(--arcgis-slider-internal-handle-offset) + .5rem + 1px);grid-area:unset;grid-row:-3}&:host(:not([mirrored])){.min{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}.max{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}}&:host([mirrored]){.min{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}.max{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}}}`,Ce=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,D=(n,e,t,r)=>{for(var i=r>1?void 0:r?$e(e,t):e,a=n.length-1,o;a>=0;a--)(o=n[a])&&(i=(r?o(e,t,i):o(i))||i);return r&&i&&Ce(e,t,i),i};function Me(){return{min:0,max:100,values:[]}}var k=class extends xe{constructor(n={}){super({...Me(),properties:n}),this._entries=new Map,this.precision=4,this.ready=!1}startup(){let{precision:n}=this,{min:e,max:t,values:r}=this;t=y(t,n),e=y(e,n),r=r?.map(a=>I(y(a,n),e,t)),this._set("min",e),this._set("max",t),this._set("values",r);let i=new Map(r?.map(a=>[R(),a]));this._entries=i,H(()=>this.min,a=>{let o=this.values;a!=null&&o?.length&&o.some(s=>s<a)&&(this._entries.forEach((s,l)=>{s<a&&this._entries.set(l,a)}),this._updatesValues())},{sync:!0}),H(()=>this.max,a=>{let o=this.values;a!=null&&o?.length&&o.some(s=>s>a)&&(this._entries.forEach((s,l)=>{s>a&&this._entries.set(l,a)}),this._updatesValues())},{sync:!0}),H(()=>this.precision,a=>{let{min:o,max:s,values:l}=this;this._set("min",y(o,a)),this._set("max",y(s,a)),l?.length&&(this._entries.forEach((c,d)=>{this._entries.set(d,y(c,a))}),this._updatesValues())},{sync:!0}),this._set("ready",!0)}get entries(){return this._entries}set max(n){if(!this.ready){this._set("max",n);return}let e=this._get("max"),t=y(n,this.precision);e!==t&&this._set("max",t)}set min(n){if(!this.ready){this._set("min",n);return}let e=this._get("min"),t=y(n,this.precision);e!==t&&this._set("min",t)}set values(n){if(!this.ready){this._set("values",n);return}let e=this._get("values");if(n=n?.map(r=>I(y(r,this.precision),this.min,this.max)).sort((r,i)=>r-i),e&&n&&e.length===n.length&&e.every((r,i)=>r===n[i]))return;let t=new Map(n?.map(r=>[R(),r]));this._entries=t,this._set("values",n)}getValue(n){return this._entries.get(n)}setValue(n,e){if(this.values==null)return!1;let{min:t,max:r}=this,i=this._entries.get(n),a=I(y(e,this.precision),t,r);return i===a?!1:(this._entries.set(n,a),this._updatesValues(),!0)}setValues(n){if(this.values==null)return!1;let e=!1,{min:t,max:r}=this;for(let[i,a]of n){let o=this._entries.get(i),s=I(y(a,this.precision),t,r);o!==s&&(e=!0,this._entries.set(i,s))}return e?(this._updatesValues(),!0):!1}_updatesValues(){let n=Array.from(this._entries.values()).sort((e,t)=>e-t);this._set("values",n)}};D([P()],k.prototype,"_entries",2);D([P({readOnly:!0})],k.prototype,"entries",1);D([P()],k.prototype,"max",1);D([P()],k.prototype,"min",1);D([P({cast:n=>I(n,0,20)})],k.prototype,"precision",2);D([P({readOnly:!0})],k.prototype,"ready",2);D([P()],k.prototype,"values",1);k=D([ye("esri.widgets.Slider.SliderData")],k);function I(n,e,t){return Math.min(Math.max(n,e),t)}function y(n,e){return Number.parseFloat(n.toFixed(e))}var N=class{constructor(e){this.steps=e,this.minIndex=0,this.maxIndex=this.steps.length-1}indexToValue(e){return this.steps[w(e,this.minIndex,this.maxIndex)]}valueToIndex(e){let t=this.steps.indexOf(e);return t!==-1?t:this.steps.reduce((r,i,a,o)=>Math.abs(i-e)<Math.abs(o[r]-e)?a:r)}getClosestStepDistances(e,t){if(t<=0)return[];let r=[];for(let i=this.minIndex;i<=this.maxIndex;i++){let a=this.indexToValue(i),o=Math.abs(a-e),s=!1;for(let l=0;l<r.length;l++)if(o<r[l].dist){r.splice(l,0,{idx:i,value:a,dist:o}),s=!0;break}!s&&r.length<t&&r.push({idx:i,value:a,dist:o}),r.length>t&&(r.length=t)}return r}},B=class{constructor(e,t,r){this.min=e,this.max=t,this.stepSize=r,this.minIndex=0,this.maxIndex=Math.round((this.max-this.min)/this.stepSize)}indexToValue(e){return this.min+w(e,this.minIndex,this.maxIndex)*this.stepSize}valueToIndex(e){return e=w(e,this.min,this.max),Math.round((e-this.min)/this.stepSize)}getClosestStepDistances(e,t){if(t<=0)return[];let r=[],i=this.minIndex,a=this.maxIndex,o=(w(e,this.min,this.max)-this.min)/this.stepSize,s=Math.floor(o),l=s+1;for(;r.length<t&&(s>=i||l<=a);){if(s<i){let p=this.indexToValue(l);r.push({idx:l,value:p,dist:Math.abs(p-e)}),l++;continue}if(l>a){let p=this.indexToValue(s);r.push({idx:s,value:p,dist:Math.abs(p-e)}),s--;continue}let c=this.indexToValue(s),d=this.indexToValue(l),h=Math.abs(c-e),u=Math.abs(d-e);h<=u?(r.push({idx:s,value:c,dist:h}),s--):(r.push({idx:l,value:d,dist:u}),l++)}return r}};function Ie(n){if(n.steps==null)return null;let e=n.steps;return Array.isArray(e)?e.length===0?null:new N(e):e<=0?null:new B(n.min,n.max,e)}function Te(n,e,t){if(n==null){let s=new Map;for(let[l,c]of e.entries())s.set(l,c+t);return s}let r=e.size,i=Array.from(e.entries()).map(([s,l])=>{let c=l+t,d=n.getClosestStepDistances(c,r);return{uuid:s,stepDistances:d}}),a=new Set,o=new Map;i.sort((s,l)=>s.stepDistances[0].dist-l.stepDistances[0].dist);for(let s of i){let l=s.stepDistances.find(c=>!a.has(c.idx));l?(a.add(l.idx),o.set(s.uuid,l.value)):o.set(s.uuid,e.get(s.uuid))}return o}function le(n,e,t,r,i){let a=e.get(t)??0;if(!n)return a+r;let o=a+r,s=n.minIndex,l=n.maxIndex,c=new Set;if(!i)for(let[g,f]of e.entries())g!==t&&c.add(n.valueToIndex(f));let d=w(n.valueToIndex(o),s,l);if(!c.has(d))return n.indexToValue(d);let h=null,u=1/0,p=Math.min(Math.max(d-s,l-d),c.size+1);for(let g=1;g<=p;g++){let f=d-g;if(f>=s&&!c.has(f)){let m=n.indexToValue(f),b=Math.abs(m-o);h=f,u=b}let _=d+g;if(_<=l&&!c.has(_)){let m=n.indexToValue(_),b=Math.abs(m-o);(h==null||b<u)&&(h=_,u=b)}if(h!=null)return n.indexToValue(h)}return h==null?a:n.indexToValue(h)}function Se(n,e,t,r=1){let i=he(r),a=e,o=!1;for(let s=0;s<i;s++){let l=Ve(n,a,t);if(o||=l.changed,a=l.entries,!l.changed)break}return{changed:o,entries:a}}function Fe(n,e,t,r,i=1){let a=he(i);if(a===1)return U(n,e,t,r);let o=new Map(e),s=o.get(t);for(let l=0;l<a;l++){let c=U(n,o,t,r);if(c===s)break;s=c,o.set(t,s)}return s}function he(n){let e=Number.isFinite(n)?Math.floor(n):1;return Math.max(1,e)}function Ve(n,e,t){let r=new Map,i=t>0?Re:ue,a=Array.from(e).sort((l,c)=>i(l[1],c[1])),o=!1,s=!0;for(let[l,c]of a)if(r.set(l,c),s){let d=U(n,r,l,t);c===d&&(s=!1),o||=s,r.set(l,d)}return{changed:o,entries:r}}function U(n,e,t,r){let{allowValuesOverlap:i,stepsProvider:a,resolution:o,min:s,max:l}=n,c=e.get(t);if(r=r>0?1:-1,!a){let m=w(c+r*o,s,l);if(i)return m;let b=new Set;for(let[T,ge]of e)T!==t&&b.add(ge);for(;b.has(m)&&m<=l&&m>=s;)m=w(m+r*o,s,l);return b.has(m)||m>l||m<s?c:m}let d=a.valueToIndex(c);if(d===-1)return c;if(i){let m=w(d+r,a.minIndex,a.maxIndex);return a.indexToValue(m)}let h=new Set;for(let[m,b]of e)m!==t&&h.add(a.valueToIndex(b));let u=d,p=!1,g=a.minIndex,f=a.maxIndex,_=0;for(;_<Math.abs(f-g)&&(u+=r,!(u<g||u>f));){if(!h.has(u)){p=!0;break}_++}return p?a.indexToValue(u):c}function ze(n,e,t,r){let{allowValuesOverlap:i,stepsProvider:a,resolution:o,min:s,max:l}=n,c=e.get(t);if(r=r>0?1:-1,!a){let p=new Set(Array.from(e).filter(([f])=>f!==t).map(([,f])=>f)),g=r>0?l:s;if(i)return g;for(;p.has(g);)if(g-=r*o,r>0&&g>l||r<0&&g<s){g=c;break}return g}if(i)return r>0?a.indexToValue(a.maxIndex):a.indexToValue(a.minIndex);let d=a.valueToIndex(c);if(d===-1)return c;let h=new Set(Array.from(e).filter(([p])=>p!==t).map(([,p])=>a.valueToIndex(p))),u=r>0?a.maxIndex:a.minIndex;for(;h.has(u);)if(u-=r,r>0&&u>l||r<0&&u<s){u=d;break}return a.indexToValue(u)}function Le(n,e,t){let{stepsProvider:r,min:i,max:a}=n,o=new Map,s=Array.from(e).sort((c,d)=>ue(c[1],d[1]));if(r){let c=0;if(t>0){let d=s[s.length-1],h=r.valueToIndex(d[1]);c=r.maxIndex-h}else{let d=s[0],h=r.valueToIndex(d[1]);c=r.minIndex-h}if(c===0)for(let[d,h]of s)o.set(d,h);for(let[d,h]of s){let u=r.indexToValue(r.valueToIndex(h)+c);o.set(d,u)}return o}let l=0;if(t>0){let c=s[s.length-1];l=a-c[1]}else{let c=s[0];l=i-c[1]}for(let[c,d]of s)o.set(c,d+l);return o}function ue(n,e){return n-e}function Re(n,e){return e-n}function w(n,e,t){return Math.max(e,Math.min(t,n))}var Oe=ae(k),j=class extends G{constructor(){super(...arguments),this._stepsProvider=null,this._popoverElement=O(),this._trackElement=O(),this.messages=te({}),this._onPointerMoveDragUpdate=e=>{this._updateDrag(this._mapEventToRange(e))},this._onPointerUpDragEnd=e=>{z(e)&&this._endDrag()},this._onPointerCancelDragEnd=()=>{this._endDrag()},this._formatLabel=(e,t,r)=>{let i=re(this.messages._lang,t),a=this.labelFormatter;return a?a(r,e,s=>i.format(s))??i.format(r):i.format(r)},this._numberFormatOptions={},this._createFormatter=(e,t)=>this._formatLabel.bind(this,e,t),this._minFormatter=this._createFormatter("min",this._numberFormatOptions),this._maxFormatter=this._createFormatter("max",this._numberFormatOptions),this._valueFormatter=this._createFormatter("value",this._numberFormatOptions),this._resizeObserver=new ResizeObserver(()=>{this._layoutLabelInputs()}),this._labelInputsUpdateComplete=null,this._dragInfo=null,this._hasPopoverContent=!1,this._hasContentStart=!1,this._hasContentEnd=!1,this._activePart=null,this._sliderData=Oe(this),this.allowValuesOverlap=!1,this.autoDestroyDisabled=!1,this.disabled=!1,this.fillPlacement="start",this.layout="horizontal",this.max=this._sliderData.max,this.min=this._sliderData.min,this.mirrored=!1,this.popoverLabel="",this.popoverPlacement="start",this.precision=this._sliderData.precision,this.rangeLabelsEditingEnabled=!1,this.rangeLabelsPlacement="center",this.segmentsDraggingDisabled=!1,this.showRangeLabels=!1,this.valueLabelsDisplay="hidden",this.valueLabelsPlacement="start",this.valueLabelsEditingEnabled=!1,this.keyboardLargeStep=10,this.values=this._sliderData.values,this.arcgisActiveValueChange=C({cancelable:!1}),this.arcgisChange=C({cancelable:!1}),this.arcgisInput=C({cancelable:!1}),this.arcgisRangeChange=C({cancelable:!1})}static{this.properties={_dragInfo:16,_hasPopoverContent:16,_hasContentStart:16,_hasContentEnd:16,_activePart:16,_sliderData:16,activeValue:32,allowValuesOverlap:5,autoDestroyDisabled:5,disabled:7,fullRangeMax:11,fullRangeMin:11,fillPlacement:1,labelFormatter:0,layout:3,max:11,min:11,mirrored:7,popoverLabel:1,popoverPlacement:3,precision:11,rangeLabelsEditingEnabled:5,rangeLabelsPlacement:3,segmentsDraggingDisabled:5,showRangeLabels:7,steps:[9,{converter:{fromAttribute(e){if(e.includes(","))return e.split(",").filter(r=>r.trim()!=="").map(parseFloat).filter(r=>Number.isFinite(r));let t=parseFloat(e);return Number.isFinite(t)?t:void 0}}}],valueLabelsDisplay:3,valueLabelsPlacement:3,valueLabelsEditingEnabled:5,keyboardLargeStep:9,values:[1,{converter:{fromAttribute(e){return e.includes(",")?e.split(",").filter(t=>t.trim()!=="").map(parseFloat).filter(t=>Number.isFinite(t)):[parseFloat(e)].filter(t=>Number.isFinite(t))}}}],messageOverrides:0}}static{this.styles=Pe}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}get _fullMin(){return this.fullRangeMin??this.min}get _fullMax(){return this.fullRangeMax??this.max}get _fullRange(){return this._fullMax-this._fullMin}get isHorizontal(){return this.layout==="horizontal"}get _trackWidthOrHeight(){let e=this._trackElement.value?.getBoundingClientRect();return e?this.isHorizontal?e.width:e.height:0}get _disabledOrInvalid(){return this.disabled||this.values.length===0||this._invalid}get _invalid(){let e=this.fullRangeMin==null||this.fullRangeMax==null||this.fullRangeMin<this.fullRangeMax,t=this.fullRangeMin==null||this.fullRangeMin<=this.min,r=this.fullRangeMax==null||this.fullRangeMax>=this.max;return this.min>=this.max||!e||!t||!r}get resolution(){let e=(this._sliderData.max-this._sliderData.min)/this._trackWidthOrHeight;return Math.max(e,1/Math.pow(10,this.precision))}get activeValue(){if(this._activePart)return this._activePart==="range"?"all":this._sliderData.getValue(this._activePart)}async destroy(){await this.manager.destroy()}load(){this._sliderData.startup()}willUpdate(e){if((e.has("steps")||e.has("min")||e.has("max"))&&(this._stepsProvider=Ie(this)),e.has("messages")||e.has("min")||e.has("max")||e.has("precision")||e.has("labelFormatter")){let t=this.max!=null&&this.min!=null&&this.max-this.min>10?2:this.precision;this._numberFormatOptions={maximumFractionDigits:t},this._minFormatter=this._createFormatter("min",this._numberFormatOptions),this._maxFormatter=this._createFormatter("max",this._numberFormatOptions),this._valueFormatter=this._createFormatter("value",this._numberFormatOptions)}}updated(e){this._layoutLabelInputs();let t=this._popoverElement.value;t&&(e.has("values")||e.has("min")||e.has("max"))&&t.reposition()}loaded(){this._resizeObserver.observe(this.el)}disconnectedCallback(){super.disconnectedCallback(),this._removeDragListeners()}_makeResizeRef(){let e=null;return t=>{t?(e=t,this._resizeObserver.observe(t)):e&&(this._resizeObserver.unobserve(e),e=null)}}async _layoutLabelInputs(){if(this.layout!=="horizontal"||!this._trackElement.value||this.valueLabelsDisplay==="hidden")return;let e=this.renderRoot.querySelectorAll("arcgis-label-input"),t=this.componentOnReady().then(()=>Promise.all(Array.from(e,a=>a.updateComplete)));if(this._labelInputsUpdateComplete=t,await t,t!==this._labelInputsUpdateComplete)return;this._labelInputsUpdateComplete=null;let r=this._trackElement.value;if(!r)return;let i=r.getBoundingClientRect();for(let a of this._sliderData.entries.keys()){let o=this._activePart==="range"||this._activePart===a;if(this.valueLabelsDisplay==="always"||o){let s=Be(this,a),l=ce(this,a);if(!s||!l)continue;let c=s.getBoundingClientRect(),d=l.getBoundingClientRect(),h=l.getLabelBoundingClientRect(),u=c.width/2,p=Math.round(c.left+u),g=Math.round(h.width/2),f=d.width/2,_=i.left-u,m=i.right+u,b=p-g,T=p+g;b<_?f+=b-_:T>m&&(f+=T-m),l.style.transform=`translateX(${-Math.round(f)}px)`}}}_onTrackFocus(){this._setActivePart("range")}_onTrackBlur(){this._setActivePart(null)}_onTrackRangePointerDown(e){this._disabledOrInvalid||!z(e)||(e.preventDefault(),e.currentTarget.focus(),this._startDrag("range",this._mapEventToRange(e)))}async _onPointerDown(e){if(this._disabledOrInvalid||!z(e))return;let t=this.renderRoot.querySelector("arcgis-label-input[editing]");if(e.target===t)return;if(t){t.blur(),this._focusEntry(M(t));return}if(Ae(e.target)||this.values?.length>1)return;let r=this._mapEventToRange(e),[i,a]=this._sliderData.entries.entries().next().value,o=r*this._fullRange+this._fullMin-a,s=L(this._fullMin,this._fullMax,a)/100;this._startDrag(i,s);let l=le(this._stepsProvider,this._sliderData.entries,i,o,this.allowValuesOverlap);this._setValue(i,l),this._focusEntry(i)}_onThumbPointerDown(e){let t=M(e.currentTarget);if(!z(e)||this._disabledOrInvalid||!t)return;let r=ce(this,t);e.target===r&&r?.editing||(e.stopPropagation(),e.preventDefault(),this._focusEntry(t),this._startDrag(t,this._mapEventToRange(e)))}_endDrag(){if(this._disabledOrInvalid)return;this._removeDragListeners();let e=!1;if(this._dragInfo){let{entries:t}=this._dragInfo;for(let[r,i]of t)if(this._sliderData.getValue(r)!==i){e=!0;break}}this._dragInfo=null,e&&this.arcgisChange.emit()}_startDrag(e,t){if(this._disabledOrInvalid)return;let{min:r,max:i,values:a}=this,o=r,s=i;if(this._setActivePart(e),e==="range"){if(this.segmentsDraggingDisabled)return;o=r-a[0],s=i-a[a.length-1]}this._dragInfo={position:t,entries:new Map(this._sliderData.entries.entries()),minDiff:o,maxDiff:s},this._addDragListeners()}_updateDrag(e){if(!this._dragInfo||!this._activePart)return;let{_activePart:t,_dragInfo:{position:r,entries:i,minDiff:a,maxDiff:o}}=this;if(r===e)return;let s=(e-r)*this._fullRange;if(t==="range"){s=Math.min(o,Math.max(a,s));let l=Te(this._stepsProvider,i,s);this._setValues(l)}else{let l=le(this._stepsProvider,i,t,s,this.allowValuesOverlap);this._setValue(t,l)}}_focusEntry(e){e&&Ne(this,e)?.focus()}_addDragListeners(){document.addEventListener("pointerup",this._onPointerUpDragEnd),document.addEventListener("pointermove",this._onPointerMoveDragUpdate),document.addEventListener("pointercancel",this._onPointerCancelDragEnd)}_removeDragListeners(){document.removeEventListener("pointerup",this._onPointerUpDragEnd),document.removeEventListener("pointermove",this._onPointerMoveDragUpdate),document.removeEventListener("pointercancel",this._onPointerCancelDragEnd)}_setValues(e){this._sliderData.setValues(e)&&(this._dragInfo||this.arcgisChange.emit(),this.arcgisInput.emit())}_setValue(e,t){this._sliderData.setValue(e,t)&&(this._dragInfo||this.arcgisChange.emit(),this.arcgisInput.emit())}_onThumbFocus(e){let t=M(e.currentTarget);this._setActivePart(t)}_onThumbBlur(){this._setActivePart(null)}_onRangeInputChange(e){let t=e.currentTarget,r=t.value,i=t.dataset.type,a=!1;switch(e.stopPropagation(),i){case"min":{r<this.max?(this.min=r,a=!0):t.value=this.min;break}case"max":{r>this.min?(this.max=r,a=!0):t.value=this.max;break}}a&&this.arcgisRangeChange.emit()}_onValueInputChange(e){let t=e.currentTarget,r=M(t),i=t.value;r&&(e.stopPropagation(),this._setValue(r,i),t.value=this._sliderData.getValue(r))}_mapEventToRange(e){let t=this._trackElement.value?.getBoundingClientRect();if(!t)return 0;let r=this.isHorizontal?(e.clientX-t.left)/t.width:1-(e.clientY-t.top)/t.height;return this.mirrored?1-r:r}_getPositionStyleForElement(e){let t=L(this._fullMin,this._fullMax,e);return{[this.isHorizontal?this.mirrored?"right":"left":this.mirrored?"top":"bottom"]:`${t}%`}}_popoverSlotChange(e){this._hasPopoverContent=V(e)}_onContentStartSlotChange(e){this._hasContentStart=V(e)}_onContentEndSlotChange(e){this._hasContentEnd=V(e)}_onThumbKeyDown(e){let t=M(e.currentTarget);if(!t)return;let r=e.currentTarget.querySelector("arcgis-label-input");if(!r||r.editing)return;if(e.key===v.confirmEdit){r.edit();return}let i=se(e,this.keyboardLargeStep,this.mirrored);if(i){e.preventDefault();let a=Fe(this._getStepsConfiguration(),this._sliderData.entries,t,i.direction,i.count);this._setValue(t,a);return}if(oe(e.key)){e.preventDefault();let a=ze(this._getStepsConfiguration(),this._sliderData.entries,t,this._getDirectionForHomeEndKey(e.key));this._setValue(t,a)}}_onTrackRangeKeyDown(e){if(this._disabledOrInvalid)return;let t=se(e,this.keyboardLargeStep,this.mirrored);if(t){e.preventDefault();let{entries:r}=Se(this._getStepsConfiguration(),this._sliderData.entries,t.direction,t.count);this._setValues(r);return}if(oe(e.key)){e.preventDefault();let r=Le(this._getStepsConfiguration(),this._sliderData.entries,this._getDirectionForHomeEndKey(e.key));this._setValues(r)}}_getStepsConfiguration(){return{allowValuesOverlap:this.allowValuesOverlap,stepsProvider:this._stepsProvider,resolution:this.resolution,min:this.min,max:this.max}}_getDirectionForHomeEndKey(e){return this.isHorizontal&&this.mirrored||this.layout==="vertical"?e===v.jumpToEnd?-1:1:e===v.jumpToStart?-1:1}_setActivePart(e){this._activePart!==e&&(this._activePart=e,this.arcgisActiveValueChange.emit())}render(){return x`<div class=${$({content:!0,disabled:this._disabledOrInvalid})} @pointerdown=${this._onPointerDown}>${this._renderContentStart()}${this._renderContentEnd()}${this._renderRangeLabel("min")}${this._renderTrackRange()}${this._renderRangeLabel("max")}${this._renderPopover()}</div>`}_renderPopover(){let{_activePart:e,layout:t,popoverPlacement:r,valueLabelsPlacement:i,valueLabelsDisplay:a,popoverLabel:o}=this,s=e?He(e)?e:"track-range":"",l=this._hasPopoverContent&&!!s,c=t==="horizontal"?r==="start"?"top":"bottom":r==="start"?"left":"right",d=14;return a!=="hidden"&&r===i&&(d+=24),x`<calcite-popover flip-disabled focus-trap-disabled .label=${o} .open=${l} .offsetDistance=${d} .placement=${c} pointer-disabled .referenceElement=${s} scale=s trigger-disabled ${S(this._popoverElement)}><slot name=popover @slotchange=${this._popoverSlotChange}></slot></calcite-popover>`}_renderContentStart(){return x`<div class="content-start" .hidden=${!this._hasContentStart}><slot name=content-start @slotchange=${this._onContentStartSlotChange}></slot></div>`}_renderContentEnd(){return x`<div class="content-end" .hidden=${!this._hasContentEnd}><slot name=content-end @slotchange=${this._onContentEndSlotChange}></slot></div>`}_renderTrackRange(){return x`<div class="track-container">${this._renderTrack()}${this._renderThumbs()}</div>`}_renderTrack(){return x`<div class="track" ${S(this._trackElement)}>${this._renderTrackBackground()}${this._renderFillSegment()}</div>`}_renderTrackBackground(){let{max:e,min:t,fillPlacement:r,values:i}=this,a=i.length>1,o=this._fullMin,s=this._fullMax,l=[];return this._invalid?x`<div class="segment track-bounds" style=${F({left:"0%",right:"0%",top:"0%",bottom:"0%"})}></div>`:(o<t&&(l.push(this._renderSegment(o,t,[this.mirrored?"track-effective-end":"track-effective-start",!a&&r==="start"?"track-fill":null])),o=t),s>e&&(l.push(this._renderSegment(e,s,[this.mirrored?"track-effective-start":"track-effective-end",!a&&r==="end"?"track-fill":null])),s=e),l.push(this._renderSegment(o,s,["track-bounds"])),l)}_renderFillSegment(){let{values:e,fillPlacement:t,min:r,max:i}=this;if(!e?.length||this._invalid)return;let a=[...e].sort((s,l)=>s-l);if(a.length===1)switch(t){case"start":if(r<a[0])return this._renderSegment(r,a[0],["track-range"]);break;case"end":if(i>a[0])return this._renderSegment(a[0],i,["track-range"]);break}let o=this.segmentsDraggingDisabled;return this._renderSegment(a[0],a[a.length-1],["track-range",o?null:"interactive",this._activePart==="range"?"active":null],{id:"track-range",onFocus:o?void 0:this._onTrackFocus,onBlur:o?void 0:this._onTrackBlur,onPointerDown:o?void 0:this._onTrackRangePointerDown,onKeyDown:o?void 0:this._onTrackRangeKeyDown})}_renderSegment(e,t,r,i){let{_fullMin:a,_fullMax:o,mirrored:s}=this,l=[L(a,o,de(e,a,o)),100-L(a,o,de(t,a,o))];s&&l.reverse();let c=this.isHorizontal?{left:`${l[0]}%`,right:`${l[1]}%`}:{top:`${l[1]}%`,bottom:`${l[0]}%`},d=X("segment",...r);return x`<div id=${i?.id??E} class=${$(d)} style=${F(c)} .tabIndex=${i?.onPointerDown?0:-1} @focus=${i?.onFocus} @blur=${i?.onBlur} @pointerdown=${i?.onPointerDown} @keydown=${i?.onKeyDown}></div>`}_renderThumbs(){let{_sliderData:e}=this,t=Array.from(e.entries).filter(([,r])=>r>=this._fullMin&&r<=this._fullMax);return ie(t,([r,i])=>this._renderThumb(r,i))}_renderThumb(e,t){let{valueLabelsDisplay:r}=this,i=this._disabledOrInvalid,a=this._activePart===e||this._activePart==="range",o=this._activePart==="range"||this._activePart===e,s=r==="always"||r==="auto"&&o,l=this.isHorizontal,c=l?"horizontal":"vertical",d=`label-${e}`,h=l?"center":this.valueLabelsPlacement==="start"?"end":"start";return Q(e,x`<div id=${e??E} .ariaLabel=${this.messages.sliderValue} aria-labelledby=${(r?d:void 0)??E} .ariaOrientation=${c} .ariaValueMin=${this._minFormatter(this.min)} .ariaValueMax=${this._maxFormatter(this.max)} .ariaValueNow=${t} .ariaValueText=${this._valueFormatter(t)} class=${$({thumb:!0,active:a})} data-entry=${e??E} @pointerdown=${this._onThumbPointerDown} @focus=${this._onThumbFocus} @blur=${this._onThumbBlur} @keydown=${this._onThumbKeyDown} role=slider style=${F({...this._getPositionStyleForElement(t),"z-index":this._activePart===e?1:0})} .tabIndex=${i?-1:0}><span class="handle"></span><arcgis-label-input .alignment=${h} class="label" .hidden=${!s} id=${d??E} .labelFormatter=${this._valueFormatter} @focus=${i?void 0:this._onThumbFocus} @blur=${i?void 0:this._onThumbBlur} @arcgisChange=${this._onValueInputChange} .readOnly=${!this.valueLabelsEditingEnabled} tabindex=-1 .value=${t} ${S(this._makeResizeRef())}></arcgis-label-input></div>`)}_renderRangeLabel(e){let t="center";return this.isHorizontal&&(t=e==="min"?"end":"start",this.rangeLabelsPlacement==="end"&&(t=t==="end"?"start":"end"),this.mirrored&&(t=t==="end"?"start":"end")),x`<arcgis-label-input .alignment=${t} class=${$(e)} data-type=${e??E} .hidden=${!this.showRangeLabels} .labelFormatter=${this[`_${e}Formatter`]} @arcgisChange=${this._onRangeInputChange} .readOnly=${!this.rangeLabelsEditingEnabled} .value=${this[e]}></arcgis-label-input>`}};function Ae(n){return"dataset"in n&&n.tagName==="ARCGIS-LABEL-INPUT"&&(n.dataset.type==="min"||n.dataset.type==="max")}function M(n){let e=J(n,"[data-entry]");return e&&"dataset"in e?e.dataset.entry:null}function He(n){return typeof n!=null&&n!=="range"}function Ne(n,e){return e?n.renderRoot.querySelector(`div[data-entry="${e}"]`):null}function Be(n,e){return e?n.renderRoot.querySelector(`div[data-entry="${e}"] span.handle`):null}function ce(n,e){return e?n.renderRoot.querySelector(`div[data-entry="${e}"] arcgis-label-input`):null}function z(n){return n.isPrimary&&n.button===0}var Ue=5;function L(n,e,t){let r=e-n,i=(t-n)/r*100;return Number.parseFloat(i.toFixed(Ue))}function de(n,e,t){return Math.max(e,Math.min(t,n))}Z("arcgis-slider",j);return j},"core/reactiveUtils","applications/Components/reactiveUtils","core/accessorSupport/decorators","core/Accessor","core/Accessor","core/accessorSupport/decorators","core/reactiveUtils")

package/dist/cdn/index.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{G as i,v as e}from"./QUHKOZYO.js";var s=e(i,{"arcgis-ckeditor5":[()=>import("./NP4KVPOJ.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./AYGNOPBR.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./TRGGRRXH.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus"],"arcgis-field-info":[()=>import("./WWSQP7OB.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./EPGDGJWT.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("./XAXRKQEF.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,layout,max,messageOverrides:,min,standardDeviation"],"arcgis-label-input":[()=>import("./EQVCUELN.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./72LISTVC.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./7474VDRO.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./DWHLHKW5.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./55SLJ565.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./Z54XLSSG.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("./K3TE7LFP.js"),"disabled,flipLabels,label,max,min,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./F6MIN3PL.js"),"interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],"arcgis-unique-values-list":[()=>import("./DGGGJODE.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"./QUHKOZYO.js";var s=e(i,{"arcgis-ckeditor5":[()=>import("./NP4KVPOJ.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./AYGNOPBR.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./TRGGRRXH.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus"],"arcgis-field-info":[()=>import("./WWSQP7OB.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./EPGDGJWT.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("./QSJ6M2PE.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,layout,max,messageOverrides:,min,standardDeviation"],"arcgis-label-input":[()=>import("./IX44EZEC.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./72LISTVC.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./7474VDRO.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./DWHLHKW5.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./55SLJ565.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./VAJRJCXI.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("./K3TE7LFP.js"),"disabled,flipLabels,label,max,min,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./F6MIN3PL.js"),"interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],"arcgis-unique-values-list":[()=>import("./DGGGJODE.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/components/arcgis-histogram/customElement.js

@@ -113,8 +113,6 @@ function _(t) {
   return t[0] != null && "minValue" in t[0];
 }
 function D(t) {
-  if (!t)
-    return;
   if (typeof t == "string")
     return t;
   if (Array.isArray(t))

package/dist/components/arcgis-histogram/types.d.ts

@@ -1,8 +1,6 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
-
 export type DataLine = {
   value: number;
-  label?: nullish | number | string;
+  label?: number | string | null;
 };
 
 export type HistogramColorStops = HistogramClassedColorStop[] | HistogramContinuousColorStop[];

package/dist/components/arcgis-label-input/customElement.d.ts

@@ -1,5 +1,4 @@
 /// <reference path="../../index.d.ts" />
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Button as Button } from "@esri/calcite-components/components/calcite-button";
 import type { InputNumber as InputNumber } from "@esri/calcite-components/components/calcite-input-number";
@@ -22,7 +21,7 @@ export abstract class ArcgisLabelInput extends LitElement {
    */
   get editing(): boolean;
   /** A function used to format the value. */
-  accessor labelFormatter: ((value: number, defaultFormatter: (value: number) => string) => nullish | string) | undefined;
+  accessor labelFormatter: (value: number, defaultFormatter: (value: number) => string) => string | null | undefined;
   /**
    * Indicates whether the component is in read-only mode.
    *

package/dist/components/arcgis-label-input/customElement.js

@@ -1,24 +1,24 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as l } from "../../chunks/runtime.js";
-import { formatNumber as r } from "@arcgis/core/intl.js";
-import { LitElement as o, createEvent as u } from "@arcgis/lumina";
-import { createRef as n, ref as a } from "lit/directives/ref.js";
-import { css as h, html as s } from "lit";
-const c = h`:host{display:block}:host([hidden]){display:none}.readOnlyLabel{display:block;font-size:var(--calcite-font-size-sm);font-variant-numeric:tabular-nums;line-height:var(--calcite-font-line-height-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:.5rem;padding-block:3px;border-color:var(--calcite-color-transparent);border-style:solid;border-width:var(--calcite-button-border-size, 1px);color:var(--calcite-color-text-1)}:host(:not([read-only])) .readOnlyLabel{position:absolute;opacity:0}:host([alignment="start"]){.readOnlyLabel{text-align:start}}:host([alignment="end"]){.readOnlyLabel{text-align:end}}:host([alignment="center"]){.readOnlyLabel{text-align:center}}calcite-button{inline-size:100%;--calcite-offset-invert-focus: 1;--calcite-internal-animation-timing-fast: 0}calcite-input-number{inline-size:100%;--calcite-internal-animation-timing-fast: 0}`;
-class d extends o {
+import { c as o } from "../../chunks/runtime.js";
+import { formatNumber as u } from "@arcgis/core/intl.js";
+import { LitElement as c, createEvent as h, safeClassMap as d } from "@arcgis/lumina";
+import { createRef as s, ref as l } from "lit/directives/ref.js";
+import { css as p, html as n } from "lit";
+const m = p`:host{display:block}:host([hidden]){display:none}.content{display:flex;flex-direction:column}.readOnlyLabel{display:block;font-size:var(--calcite-font-size-sm);font-variant-numeric:tabular-nums;line-height:var(--calcite-font-line-height-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:.5rem;padding-block:3px;border-color:var(--calcite-color-transparent);border-style:solid;border-width:var(--calcite-button-border-size, 1px);color:var(--calcite-color-text-1)}:host(:not([read-only])) .readOnlyLabel{position:absolute;opacity:0}:host([alignment="start"]){.content{align-items:start}.readOnlyLabel{text-align:start}}:host([alignment="end"]){.content{align-items:end}.readOnlyLabel{text-align:end}}:host([alignment="center"]){.content{align-items:center}.readOnlyLabel{text-align:center}}calcite-button{inline-size:100%;--calcite-offset-invert-focus: 1;--calcite-internal-animation-timing-fast: 0}calcite-input-number{inline-size:100%;--calcite-internal-animation-timing-fast: 0}`;
+class f extends c {
   constructor() {
-    super(...arguments), this._buttonRef = n(), this._inputRef = n(), this._labelRef = n(), this._formatOptions = {
+    super(...arguments), this._buttonRef = s(), this._inputRef = s(), this._labelRef = s(), this._formatOptions = {
       style: "decimal",
       useGrouping: !0,
       minimumFractionDigits: 0,
       maximumFractionDigits: 2
-    }, this._formatValue = (t) => r(t, this._formatOptions), this._pointerDownPosition = null, this._displayedValue = "", this._editing = !1, this.alignment = "center", this.readOnly = !1, this.value = 0, this.arcgisChange = u({ cancelable: !1 });
+    }, this._formatValue = (t) => u(t, this._formatOptions), this._pointerDownPosition = null, this._displayedValue = "", this._editing = !1, this.alignment = "center", this.readOnly = !1, this.value = 0, this.arcgisChange = h({ cancelable: !1 });
   }
   static {
     this.properties = { _displayedValue: 16, _editing: 16, alignment: 3, editing: 39, labelFormatter: 0, readOnly: 7, value: 11 };
   }
   static {
-    this.styles = c;
+    this.styles = m;
   }
   static {
     this.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
@@ -39,8 +39,11 @@ class d extends o {
     }
   }
   updated(t) {
-    const e = this._inputRef.value, i = this.renderRoot.querySelector(".readOnlyLabel");
-    e && i && (e.style.width = `${i.offsetWidth}px`);
+    const e = this._inputRef.value, i = this._buttonRef.value, a = this.renderRoot.querySelector(".readOnlyLabel");
+    if (e && i && a) {
+      const r = a.offsetWidth;
+      i.style.width = `${r}px`, e.style.width = `${r}px`;
+    }
   }
   _enterEdit() {
     this._editing || this.readOnly || (this._editing = !0, this.requestUpdate("editing", !1), this.updateComplete.then(async () => {
@@ -49,7 +52,7 @@ class d extends o {
     }));
   }
   _exitEdit(t, e = !1) {
-    this._editing && (t ? this._commitValue(this._inputRef.value) : this._inputRef.value && (this._displayedValue = this._internalLabelFormatter(this.value), this._inputRef.value.value = `${this.value}`), this._editing = !1, this.requestUpdate("editing", !0), e || this.updateComplete.then(async () => {
+    this._editing && (t && this._commitValue(this._inputRef.value), this._displayedValue = this._internalLabelFormatter(this.value), this._inputRef.value && (this._inputRef.value.value = `${this.value}`), this._editing = !1, this.requestUpdate("editing", !0), e || this.updateComplete.then(async () => {
       await this._buttonRef.value?.setFocus();
     }));
   }
@@ -100,12 +103,14 @@ class d extends o {
   }
   render() {
     const { alignment: t, _displayedValue: e } = this, i = [
-      s`<span class="readOnlyLabel"><span ${a(this._labelRef)}>${e}</span></span>`
+      n`<span class="readOnlyLabel"><span ${l(this._labelRef)}>${e}</span></span>`
     ];
-    return this.readOnly || i.push(s`<calcite-button .alignment=${t} appearance=transparent .hidden=${this._editing} kind=neutral @pointerdown=${this._onPointerDown} @click=${this._onClick} scale=s width=full ${a(this._buttonRef)}>${e}</calcite-button>`, s`<calcite-input-number .alignment=${t} group-separator .hidden=${!this._editing} number-button-type=none @calciteInputNumberChange=${this._onValueChange} @keydown=${this._onKeyDown} @blur=${this._onBlur} @input=${this._onInput} scale=s status=idle .value=${`${this.value}`} ${a(this._inputRef)}></calcite-input-number>`), i;
+    return this.readOnly || i.push(n`<calcite-button .alignment=${t} appearance=transparent .hidden=${this._editing} kind=neutral @pointerdown=${this._onPointerDown} @click=${this._onClick} scale=s width=full ${l(this._buttonRef)}>${e}</calcite-button>`, n`<calcite-input-number .alignment=${t} group-separator .hidden=${!this._editing} number-button-type=none @calciteInputNumberChange=${this._onValueChange} @keydown=${this._onKeyDown} @blur=${this._onBlur} @input=${this._onInput} scale=s status=idle .value=${`${this.value}`} ${l(this._inputRef)}></calcite-input-number>`), n`<div class=${d({
+      content: !0
+    })}>${i}</div>`;
   }
 }
-l("arcgis-label-input", d);
+o("arcgis-label-input", f);
 export {
-  d as ArcgisLabelInput
+  f as ArcgisLabelInput
 };

package/dist/components/arcgis-slider/customElement.d.ts

@@ -1,5 +1,4 @@
 /// <reference path="../../index.d.ts" />
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { Popover as Popover } from "@esri/calcite-components/components/calcite-popover";
@@ -152,7 +151,7 @@ export abstract class ArcgisSlider extends LitElement {
    * };
    * ```
    */
-  accessor labelFormatter: ((value: number, type: "max" | "min" | "value", defaultFormatter: (value: number) => string) => nullish | string) | undefined;
+  accessor labelFormatter: (value: number, type: "max" | "min" | "value", defaultFormatter: (value: number) => string) => string | null | undefined;
   /**
    * Determines the layout/orientation of the Slider component. By default, the slider will render horizontally with the min value on the left side
    * of the track.