@arcgis/common-components 6.0.0-next.2 → 6.0.0-next.3

package/dist/cdn/5XRYXPOX.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
+import{e as n}from"./LLATF73T.js";import"./XX2ZCFWI.js";import{L as r,R as c,h as s,j as a}from"./BCN6LPOG.js";var o=s`:host{display:flex;flex:auto;min-width:300px;padding:var(--calcite-space-sm)}:host([disabled]){opacity:var(--calcite-opacity-disabled);pointer-events:none}.container{align-items:center;border:solid var(--calcite-border-width-sm) var(--calcite-color-border-3);display:flex;flex:auto;padding-inline:var(--calcite-space-sm)}.text{color:var(--calcite-color-text-1);flex:auto;font-family:inherit;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--calcite-space-none)}`,i=class extends r{constructor(){super(...arguments),this.autoDestroyDisabled=!1,this.disabled=!1,this.canNext=!1,this.canPlay=!1,this.canPrevious=!1,this.arcgisPropertyChange=n()("canNext","canPlay","canPrevious","currentValue")}static{this.properties={autoDestroyDisabled:5,disabled:7,items:0,currentValue:0,canNext:5,canPlay:5,canPrevious:5}}static{this.styles=o}async destroy(){await this.manager.destroy()}reset(){this.currentValue=this.items?.[0]}step(e){if(!this.items||!this.currentValue)return;let t=this.items.findIndex(({value:l})=>l===this.currentValue?.value)+(e==="next"?1:-1);t>=this.items.length||t<0||(this.currentValue=this.items[t],this._checkState())}connectedCallback(){super.connectedCallback(),this.el.hidden=!0}willUpdate(e){(e.has("currentValue")||e.has("items"))&&this.items?.length&&!this.currentValue&&(this.currentValue=this.items[0]),this.el.hidden=!this.items?.length,this._checkState()}_checkState(){if(!this.items?.length){this.canPlay=!1,this.canNext=!1,this.canPrevious=!1;return}this.canPlay=!0;let e=this.items.findIndex(({value:t})=>t===this.currentValue?.value);this.canNext=e<this.items.length-1,this.canPrevious=e>0}render(){return a`<div class="container"><div class="text">${this.currentValue?.label}</div></div>`}};c("arcgis-value-picker-label",i);export{i as ArcgisValuePickerLabel};

package/dist/cdn/B33S3YBM.js

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

package/dist/cdn/M3SFEFPX.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
+import{e as n}from"./LLATF73T.js";import"./XX2ZCFWI.js";import{L as r,R as l,h as c,j as t}from"./BCN6LPOG.js";var h=c`:host{display:flex;flex:auto;padding-inline:var(--calcite-space-sm)}arcgis-slider{flex:auto}arcgis-ticks{--arcgis-ticks-font-size: var(--calcite-font-size--3);--arcgis-ticks-gap: var(--calcite-space-base)}.content-end-stack{display:flex;flex-direction:column;flex:1}.ticks-stack{height:var(--calcite-space-sm);position:relative}.ticks-stack arcgis-ticks{inset:var(--calcite-space-none);position:absolute}.label-ticks{--arcgis-ticks-tick-length: var(--calcite-space-2xs);--arcgis-ticks-tick-color: transparent}.minor-ticks{--arcgis-ticks-tick-length: var(--calcite-space-2xs)}.major-ticks{--arcgis-ticks-tick-length: var(--calcite-space-sm)}:host([layout="vertical"]){padding-inline:var(--calcite-space-none);width:var(--calcite-size-xl);arcgis-ticks{--arcgis-ticks-gap: var(--calcite-space-sm)}.content-end-stack{position:relative}.ticks-stack{height:100%}.label-ticks{inset:var(--calcite-space-none);position:absolute}}`,a=class extends r{constructor(){super(...arguments),this.autoDestroyDisabled=!1,this.canNext=!1,this.canPlay=!1,this.canPrevious=!1,this.disabled=!1,this.layout="horizontal",this.mirrored=!1,this.arcgisPropertyChange=n()("canNext","canPlay","canPrevious","currentValue")}static{this.properties={autoDestroyDisabled:5,canNext:5,canPlay:5,canPrevious:5,currentValue:9,disabled:5,labelFormatter:0,labels:0,layout:3,max:9,min:9,mirrored:5,steps:0,majorTicks:0,minorTicks:0}}static{this.styles=h}get _ascending(){return!this.mirrored}async destroy(){await this.manager.destroy()}reset(){this.currentValue=this._ascending?this.steps?.at(0):this.steps?.at(-1)}step(s){if(!this.steps||this.currentValue===void 0)return;let e=s==="next"===this._ascending?1:-1,i=this.steps.indexOf(this.currentValue)+e;i>=this.steps.length||i<0||(this.currentValue=this.steps[i],this._checkState())}connectedCallback(){super.connectedCallback(),this.el.hidden=!0}willUpdate(s){s.has("steps")&&this.steps?.length&&(this.min??=this.steps[0],this.max??=this.steps.at(-1)),(s.has("currentValue")||s.has("max"))&&this.max!==void 0&&(this.currentValue??=this.max),this.el.hidden=this.min===void 0||this.max===void 0||this.currentValue===void 0,this._checkState()}_checkState(){if(!this.steps?.length){this.canPlay=!1,this.canNext=!1,this.canPrevious=!1;return}this.canPlay=!0;let s=this.steps.findIndex(i=>i===this.currentValue),e=this.steps.length-1;this.canNext=this._ascending?s<e:s>0,this.canPrevious=this._ascending?s>0:s<e}_handleSliderChange(s){this.currentValue=s.currentTarget.values[0],this._checkState()}_handleSliderInput(s){this.currentValue=s.currentTarget.values[0],this._checkState()}render(){return this.currentValue===void 0?null:t`<arcgis-slider .disabled=${this.disabled} .layout=${this.layout} .min=${this.min} .max=${this.max} .steps=${this.steps} .mirrored=${this.mirrored} .values=${[this.currentValue]} @arcgisInput=${s=>this._handleSliderInput(s)} @arcgisChange=${s=>this._handleSliderChange(s)}>${(this.majorTicks?.length||this.minorTicks?.length||this.labels?.length)&&t`<div slot=content-end class="content-end-stack">${(this.majorTicks?.length||this.minorTicks?.length)&&t`<div class="ticks-stack">${this.majorTicks?.length&&t`<arcgis-ticks .layout=${this.layout} class="major-ticks" .min=${this.min} .max=${this.max} .mirrored=${this.mirrored} .values=${this.majorTicks} mode=value></arcgis-ticks>`||""}${this.minorTicks?.length&&t`<arcgis-ticks .layout=${this.layout} class="minor-ticks" .min=${this.min} .max=${this.max} .mirrored=${this.mirrored} .values=${this.minorTicks} mode=value></arcgis-ticks>`||""}</div>`||""}${this.labels?.length&&t`<arcgis-ticks .layout=${this.layout} class="label-ticks" .min=${this.min} .max=${this.max} .mirrored=${this.mirrored} .values=${this.labels} mode=value show-labels label-placement=end .labelFormatter=${this.labelFormatter}></arcgis-ticks>`||""}</div>`||""}</arcgis-slider>`}};l("arcgis-value-picker-slider",a);export{a as ArcgisValuePickerSlider};

package/dist/cdn/ZGYD3GAS.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
+import{a as g}from"./TO3YFXVJ.js";import{c as y,e as p}from"./LLATF73T.js";import{b as u}from"./XX2ZCFWI.js";import{L as c,M as d,O as l,R as m,h,j as s,t as i}from"./BCN6LPOG.js";var _=h`:host{display:inline-flex;max-inline-size:100%}:host([layout="horizontal"]) slot{min-block-size:var(--calcite-size-xl)}:host([layout="vertical"]) slot{min-block-size:calc(2 * var(--calcite-size-2xl))}slot{display:flex;min-inline-size:300px}slot.empty{display:none}.container{display:flex;flex-direction:column;block-size:100%}.root{display:flex;flex-direction:row;align-items:stretch;flex:1;background-color:var(--calcite-color-foreground-1)}:host([floating]) .root{border-radius:var(--calcite-action-bar-corner-radius, var(--calcite-corner-radius-round));box-shadow:var(--calcite-action-bar-shadow, var(--calcite-shadow-md));overflow:hidden}calcite-action{align-self:center}:host([layout="vertical"]) calcite-action{margin-block-start:auto}:host([layout="vertical"]) calcite-action:last-of-type{margin-block-end:auto}.separator{border-inline-end:solid var(--calcite-border-width-sm) var(--calcite-color-border-3)}`,o=class extends c{constructor(){super(),this._direction=y(),this.messages=g({blocking:!0}),this._isPlaying=!1,this.autoDestroyDisabled=!1,this.disabled=!1,this.floating=!1,this.hideNextButton=!1,this.hidePlayButton=!1,this.hidePreviousButton=!1,this.icon="list-rectangle",this.label="",this.layout="horizontal",this.loop=!1,this.playRate=1e3,this.arcgisAnimate=i(),this.arcgisNext=i(),this.arcgisPause=i(),this.arcgisPlay=i(),this.arcgisPrevious=i(),this.arcgisPropertyChange=p()("layout","loop","playRate","state"),this.arcgisSlottedElementChange=i(),this.listen("arcgisPropertyChange",()=>this.requestUpdate())}static{this.properties={_isPlaying:16,_slottedElement:16,autoDestroyDisabled:5,disabled:5,floating:7,hideNextButton:5,hidePlayButton:5,hidePreviousButton:5,icon:1,label:1,layout:3,loop:5,playRate:9,state:32}}static{this.styles=_}get state(){return this._isPlaying?"playing":"ready"}async destroy(){await this.manager.destroy()}next(){this.arcgisNext.emit(),this._slottedElement?.canNext&&this._slottedElement.step("next")}pause(){this._isPlaying=!1,this.arcgisPause.emit()}play(){this._isPlaying||(this._isPlaying=!0,this.arcgisPlay.emit(),this._startPlayRate(!0))}previous(){this.arcgisPrevious.emit(),this._slottedElement?.canPrevious&&this._slottedElement.step("previous")}willUpdate(t){t.has("layout")&&this._isElementWithLayout(this._slottedElement)&&(this._slottedElement.layout=this.layout),t.has("disabled")&&this._isElementWithDisabled(this._slottedElement)&&(this._slottedElement.disabled=this.disabled)}disconnectedCallback(){super.disconnectedCallback(),this._isPlaying&&this.pause()}_handleSlotChange(t){let[e]=u(t);this._slottedElement=e,this.arcgisSlottedElementChange.emit({slottedElement:e}),!e&&this._isPlaying&&this.pause(),this._isElementWithLayout(e)&&(e.layout=this.layout),this._isElementWithDisabled(e)&&(e.disabled=this.disabled),this._isElementWithComponentOnReady(e)&&e.componentOnReady().then(()=>{this._slottedElement===e&&this.requestUpdate()})}_isElementWithComponentOnReady(t){return!!t&&"componentOnReady"in t}_isElementWithLayout(t){return!!t&&"layout"in t}_isElementWithDisabled(t){return!!t&&"disabled"in t}_startPlayRate(t){setTimeout(()=>{if(this._isPlaying){if(!this._slottedElement?.canNext&&this.loop)this._slottedElement?.reset();else if(this._slottedElement?.step("next"),this._slottedElement&&!this._slottedElement?.canNext&&!this.loop){this.pause();return}this.arcgisAnimate.emit({first:t}),this._startPlayRate(!1)}},this.playRate)}_renderActions(){let t=this.state==="playing",e=this.layout==="vertical"&&this._slottedElement?.localName==="arcgis-value-picker-slider",a=!this.hidePlayButton&&s`<calcite-action alignment=center .disabled=${this.disabled||this._slottedElement&&!this._slottedElement.canPlay} .icon=${t?"pause":"play"} .text=${t?this.messages.pause:this.messages.play} title=${(t?this.messages.pause:this.messages.play)??l} @click=${()=>{if(this._slottedElement&&!this._slottedElement.canNext&&!this.loop){this._slottedElement.reset(),this.play();return}t?this.pause():this.play()}}></calcite-action>`||"",n=!this.hidePreviousButton&&s`<calcite-action alignment=center .disabled=${this.disabled||t||this._slottedElement&&!this._slottedElement.canPrevious} .icon=${this.layout==="horizontal"?"chevron-left":e?"chevron-down":"chevron-up"} .text=${this.messages.previous} title=${this.messages.previous??l} @click=${this.previous}></calcite-action>`||"",r=!this.hideNextButton&&s`<calcite-action alignment=center .disabled=${this.disabled||t||this._slottedElement&&!this._slottedElement.canNext} .icon=${this.layout==="horizontal"?"chevron-right":e?"chevron-up":"chevron-down"} .text=${this.messages.next} title=${this.messages.next??l} @click=${this.next}></calcite-action>`||"";return(this._direction==="rtl"&&this.layout==="horizontal"||e?[a,r,n]:[a,n,r]).filter(Boolean)}render(){let t=!!this._slottedElement&&!this._slottedElement.hidden,e=this._renderActions();return s`<div class="container"><div class="root"><calcite-action-bar expand-toggle-disabled .layout=${this.layout}>${e}</calcite-action-bar>${t&&s`<div class="separator"></div>`||""}<slot @slotchange=${({currentTarget:a})=>{this._handleSlotChange(a)}} class=${d(t?"component-slot":"empty")}></slot></div></div>`}};m("arcgis-value-picker",o);export{o as ArcgisValuePicker};

package/dist/cdn/index.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{Q as a,y as e}from"./BCN6LPOG.js";var i=e(a,{"arcgis-ckeditor5":[()=>import("./DR2THZQU.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./YEFEVEP6.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./QCUF7B3I.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus;isOpen"],"arcgis-coordinate-system-picker":[()=>import("./BZFAYVKR.js"),"_messages:,autoFilterToDefault,defaultWkid,filterEnabled,hideCategories:,value:;getSRDescription"],"arcgis-coordinate-system-picker-tree":[()=>import("./D4UHHQ35.js"),"data:,value"],"arcgis-field-info":[()=>import("./HYFFUYAU.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./M2J3GPM4.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("./7TCQ52FG.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,labelFormatter:,layout,max,messageOverrides:,min,standardDeviation,standardDeviationCount"],"arcgis-label-input":[()=>import("./ZCVP2N2O.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./JTQN5KMG.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./OTWADB4M.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./34AP2EEB.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./OMROUY3L.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./ATLXGXTH.js"),"activeValue:,allowValuesOverlap,autoDestroyDisabled,disabled,fillPlacement,fullRangeMax,fullRangeMin,keyboardLargeStep,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverDisplay,popoverLabel,popoverPlacement,precision,rangeLabelsEditingEnabled,rangeLabelsPlacement,segmentsDraggingDisabled,showRangeLabels,steps,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values,valuesDraggingDisabled;destroy"],"arcgis-slider-field":[()=>import("./EM4OQXFS.js"),"activeValue:,disabled,fieldType,fillPlacement,label,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverLabel,rangeLabelsEditingEnabled,rangeLabelsPlacement,showRangeLabels,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values,valuesAsDateOnly:,valuesAsFieldType:,valuesAsNumbers:,valuesAsTimeOnly:,valuesAsTimestampOffset:"],"arcgis-slider-histogram-range":[()=>import("./XUPA27AW.js"),"activeValue:,average,bins:,dataLines:,excludedBarColor:,fieldType,fillPlacement,includedBarColor:,label,labelFormatter:,layout,max,min,rangeLabelsEditingEnabled,rangeLabelsPlacement,showRangeLabels,standardDeviation,standardDeviationCount,valueLabelsDisplay,valueLabelsEditingEnabled,values;destroy,generateWhereClause,updateFromHistogramResult"],"arcgis-slider-input":[()=>import("./735FTIBP.js"),"disabled,flipLabels,label,max,min,scale,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./5EA7SGHX.js"),"_messages:,autoDestroyDisabled,interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values;destroy"],"arcgis-toolbar":[()=>import("./CKGWDI7B.js"),"barElement:,layout,relativePosition,scale,toolbarKind,tooltipAppearance;;allocate,measure,proxiedRender"],"arcgis-toolbar-action":[()=>import("./X6DNIKWY.js"),"actionElement:,active,appearance,disabled,icon,iconFlipRtl,indicator,kind,labelText,loading,textEnabled,tooltipText;;measure,proxiedRender"],"arcgis-toolbar-group":[()=>import("./HJ3EJZFF.js"),"preferEndSlot,priority;;measure,proxiedRender"],"arcgis-toolbar-item":[()=>import("./GDRW3MIZ.js"),"actionElement:,active,disabled,icon,iconFlipRtl,labelText,lastActivated:,loading,tooltipText;;measure,proxiedRender"],"arcgis-toolbar-more-button":[()=>import("./OIGA7XBZ.js"),"menuAppearance,overflowActionLabel,priority;;measure,proxiedRender"],"arcgis-toolbar-split-button":[()=>import("./TXQKK4DJ.js"),"menuAppearance,overflowActionLabel,priority;;measure,proxiedRender"],"arcgis-toolbar-stack":[()=>import("./UIBTY5FF.js"),"layout,relativePosition,scale,toolbarKind,tooltipAppearance"],"arcgis-unique-values-list":[()=>import("./IECXEZNI.js"),"_messages:,fieldName,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:,visualizationSource;getUniqueValues,setFocus"],"arcgis-value-picker":[()=>import("./ZZ4YJXPK.js"),"autoDestroyDisabled,disabled,hideNextButton,hidePlayButton,hidePreviousButton,icon,label,layout,loop,messages:,playRate,state:;destroy;next,pause,play,previous"],"arcgis-value-picker-collection":[()=>import("./MFGUTQRR.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,items:;destroy;reset,step"],"arcgis-value-picker-combobox":[()=>import("./S4XOD4YS.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,disabled,items:,messages:;destroy;reset,step"],"arcgis-value-picker-label":[()=>import("./WQW7S2RI.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,items:;destroy;reset,step"],"arcgis-value-picker-slider":[()=>import("./PJCRMKAM.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue,disabled,labelFormatter:,labels:,layout,majorTicks:,max,min,minorTicks:,mirrored,steps:;destroy;reset,step"]});i({resourcesUrl:import.meta.url});var r=new CSSStyleSheet;r.replaceSync("@layer{:not([hydrated]):is(arcgis-ckeditor5,arcgis-ckeditor5-popover,arcgis-color-input,arcgis-coordinate-system-picker,arcgis-coordinate-system-picker-tree,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-field,arcgis-slider-histogram-range,arcgis-slider-input,arcgis-ticks,arcgis-toolbar,arcgis-toolbar-action,arcgis-toolbar-group,arcgis-toolbar-item,arcgis-toolbar-more-button,arcgis-toolbar-split-button,arcgis-toolbar-stack,arcgis-unique-values-list,arcgis-value-picker,arcgis-value-picker-collection,arcgis-value-picker-combobox,arcgis-value-picker-label,arcgis-value-picker-slider){visibility:hidden}}");document.adoptedStyleSheets=[...document.adoptedStyleSheets,r];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,a)
+import{Q as a,y as e}from"./BCN6LPOG.js";var i=e(a,{"arcgis-ckeditor5":[()=>import("./DR2THZQU.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./YEFEVEP6.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./QCUF7B3I.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus;isOpen"],"arcgis-coordinate-system-picker":[()=>import("./BZFAYVKR.js"),"_messages:,autoFilterToDefault,defaultWkid,filterEnabled,hideCategories:,value:;getSRDescription"],"arcgis-coordinate-system-picker-tree":[()=>import("./D4UHHQ35.js"),"data:,value"],"arcgis-field-info":[()=>import("./HYFFUYAU.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./M2J3GPM4.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("./B33S3YBM.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,labelFormatter:,layout,max,messageOverrides:,min,mirrored,standardDeviation,standardDeviationCount"],"arcgis-label-input":[()=>import("./ZCVP2N2O.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./JTQN5KMG.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./OTWADB4M.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./34AP2EEB.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./OMROUY3L.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./ATLXGXTH.js"),"activeValue:,allowValuesOverlap,autoDestroyDisabled,disabled,fillPlacement,fullRangeMax,fullRangeMin,keyboardLargeStep,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverDisplay,popoverLabel,popoverPlacement,precision,rangeLabelsEditingEnabled,rangeLabelsPlacement,segmentsDraggingDisabled,showRangeLabels,steps,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values,valuesDraggingDisabled;destroy"],"arcgis-slider-field":[()=>import("./EM4OQXFS.js"),"activeValue:,disabled,fieldType,fillPlacement,label,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverLabel,rangeLabelsEditingEnabled,rangeLabelsPlacement,showRangeLabels,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values,valuesAsDateOnly:,valuesAsFieldType:,valuesAsNumbers:,valuesAsTimeOnly:,valuesAsTimestampOffset:"],"arcgis-slider-histogram-range":[()=>import("./XUPA27AW.js"),"activeValue:,average,bins:,dataLines:,excludedBarColor:,fieldType,fillPlacement,includedBarColor:,label,labelFormatter:,layout,max,min,rangeLabelsEditingEnabled,rangeLabelsPlacement,showRangeLabels,standardDeviation,standardDeviationCount,valueLabelsDisplay,valueLabelsEditingEnabled,values;destroy,generateWhereClause,updateFromHistogramResult"],"arcgis-slider-input":[()=>import("./735FTIBP.js"),"disabled,flipLabels,label,max,min,scale,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./5EA7SGHX.js"),"_messages:,autoDestroyDisabled,interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values;destroy"],"arcgis-toolbar":[()=>import("./CKGWDI7B.js"),"barElement:,layout,relativePosition,scale,toolbarKind,tooltipAppearance;;allocate,measure,proxiedRender"],"arcgis-toolbar-action":[()=>import("./X6DNIKWY.js"),"actionElement:,active,appearance,disabled,icon,iconFlipRtl,indicator,kind,labelText,loading,textEnabled,tooltipText;;measure,proxiedRender"],"arcgis-toolbar-group":[()=>import("./HJ3EJZFF.js"),"preferEndSlot,priority;;measure,proxiedRender"],"arcgis-toolbar-item":[()=>import("./GDRW3MIZ.js"),"actionElement:,active,disabled,icon,iconFlipRtl,labelText,lastActivated:,loading,tooltipText;;measure,proxiedRender"],"arcgis-toolbar-more-button":[()=>import("./OIGA7XBZ.js"),"menuAppearance,overflowActionLabel,priority;;measure,proxiedRender"],"arcgis-toolbar-split-button":[()=>import("./TXQKK4DJ.js"),"menuAppearance,overflowActionLabel,priority;;measure,proxiedRender"],"arcgis-toolbar-stack":[()=>import("./UIBTY5FF.js"),"layout,relativePosition,scale,toolbarKind,tooltipAppearance"],"arcgis-unique-values-list":[()=>import("./IECXEZNI.js"),"_messages:,fieldName,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:,visualizationSource;getUniqueValues,setFocus"],"arcgis-value-picker":[()=>import("./ZGYD3GAS.js"),"autoDestroyDisabled,disabled,floating,hideNextButton,hidePlayButton,hidePreviousButton,icon,label,layout,loop,messages:,playRate,state:;destroy;next,pause,play,previous"],"arcgis-value-picker-collection":[()=>import("./MFGUTQRR.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,items:;destroy;reset,step"],"arcgis-value-picker-combobox":[()=>import("./S4XOD4YS.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,disabled,items:,messages:;destroy;reset,step"],"arcgis-value-picker-label":[()=>import("./5XRYXPOX.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,disabled,items:;destroy;reset,step"],"arcgis-value-picker-slider":[()=>import("./M3SFEFPX.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue,disabled,labelFormatter:,labels:,layout,majorTicks:,max,min,minorTicks:,mirrored,steps:;destroy;reset,step"]});i({resourcesUrl:import.meta.url});var r=new CSSStyleSheet;r.replaceSync("@layer{:not([hydrated]):is(arcgis-ckeditor5,arcgis-ckeditor5-popover,arcgis-color-input,arcgis-coordinate-system-picker,arcgis-coordinate-system-picker-tree,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-field,arcgis-slider-histogram-range,arcgis-slider-input,arcgis-ticks,arcgis-toolbar,arcgis-toolbar-action,arcgis-toolbar-group,arcgis-toolbar-item,arcgis-toolbar-more-button,arcgis-toolbar-split-button,arcgis-toolbar-stack,arcgis-unique-values-list,arcgis-value-picker,arcgis-value-picker-collection,arcgis-value-picker-combobox,arcgis-value-picker-label,arcgis-value-picker-slider){visibility:hidden}}");document.adoptedStyleSheets=[...document.adoptedStyleSheets,r];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,a)

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

@@ -263,6 +263,14 @@ export abstract class ArcgisHistogram extends LitElement {
    * ```
    */
   accessor min: number | undefined;
+  /**
+   * When `true`, the histogram will display bins from high to low. If [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#layout) is `"vertical"`, histogram bars
+   * will grow from right to left instead.
+   *
+   * @default false
+   * @see [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#layout)
+   */
+  accessor mirrored: boolean;
   /**
    * The statistical standard deviation of the data in the histogram. You would typically
    * get this value from the `stddev` property of

package/dist/components/arcgis-histogram/customElement.js

@@ -1,202 +1,207 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { c as M } from "../../chunks/runtime.js";
-import { u as k } from "../../chunks/useT9n.js";
-import { substitute as E } from "@arcgis/core/intl.js";
-import { LitElement as F, nothing as h, safeStyleMap as x, safeClassMap as I } from "@arcgis/lumina";
-import { css as O, html as y, svg as d } from "lit";
+import { c as k } from "../../chunks/runtime.js";
+import { u as E } from "../../chunks/useT9n.js";
+import { substitute as F } from "@arcgis/core/intl.js";
+import { LitElement as I, nothing as u, safeStyleMap as w, safeClassMap as z } from "@arcgis/lumina";
+import { css as O, html as D, svg as d } from "lit";
 import { a as R } from "../../chunks/locale.js";
-const z = O`:host{display:block;--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:block;direction:ltr;width:100%;height:100%}.svg{display:block;width:100%;height:100%;overflow:visible}.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 S(t, i, n, e, r) {
-  const [s, a] = r;
-  if (!t || a === 0 || s === 0 || n == null || i == null)
+const S = O`:host{display:block;--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:block;direction:ltr;width:100%;height:100%}.svg{display:block;width:100%;height:100%;overflow:visible}.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 B(t, r, n, e, i, s) {
+  const [a, o] = i;
+  if (!t || o === 0 || a === 0 || n == null || r == null)
     return null;
-  const o = n - i, l = (t.length > 1 ? t[t.length - 1].maxValue - t[0].minValue : 0) / o, [u, g] = e === "vertical" ? [a * l, s] : [a, s * l], p = t ? t.map((m) => m.count) : [], f = Math.max(...p);
+  const l = n - r, h = (t.length > 1 ? t[t.length - 1].maxValue - t[0].minValue : 0) / l, [g, p] = e === "vertical" ? [o * h, a] : [o, a * h], $ = t ? t.map((m) => m.count) : [], f = Math.max(...$);
   return t.map((m) => {
-    const [b, v] = e === "vertical" ? [u / t.length, f !== 0 ? m.count / f * g : 0] : [f !== 0 ? m.count / f * u : 0, g / t.length], { maxValue: C } = m, $ = n - C, [L, _] = e === "vertical" ? [0, $ * (a / o)] : [s - v - $ * (s / o), a - b];
-    return [L, _, v, b];
+    const [b, v] = e === "vertical" ? [g / t.length, f !== 0 ? m.count / f * p : 0] : [f !== 0 ? m.count / f * g : 0, p / t.length], { maxValue: _ } = m, y = n - _;
+    let [x, M] = e === "vertical" ? [0, y * (o / l)] : [a - v - y * (a / l), o - b];
+    return s && (x = a - x - v), [x, M, v, b];
   });
 }
-function B(t, i, n, e, r, s) {
-  if (e === void 0 || r === void 0)
+function N(t, r, n, e, i, s) {
+  if (e === void 0 || i === void 0)
     return [];
   const a = [];
   return t != null && a.push({
     value: t,
     symbol: "x̄",
     lineClass: "average-data-line"
-  }), i != null && e != null && r != null && a.push(
-    ...G(e, r, i, n, t)
-  ), s && a.push(...s), a.filter(({ value: o }) => o >= e && o <= r);
+  }), r != null && e != null && i != null && a.push(
+    ...Y(e, i, r, n, t)
+  ), s && a.push(...s), a.filter(({ value: o }) => o >= e && o <= i);
 }
-function N(t, i, n, e, r) {
+function P(t, r, n, e, i, s) {
   if (n == null)
     return [0, 0, 0, 0];
-  const s = Math.round((r - n) / e * 100) / 100, [a, o] = t;
-  if (i === "vertical") {
-    let l = o - s * o || 1;
-    return l = Math.round(l) + 0.5, [0, "100%", l, l];
+  let a = Math.round((i - n) / e * 100) / 100;
+  s && r === "horizontal" && (a = 1 - a);
+  const [o, l] = t;
+  if (r === "vertical") {
+    let h = l - a * l || 1;
+    return h = Math.round(h) + 0.5, [0, "100%", h, h];
   }
-  let c = s * a || 1;
+  let c = a * o || 1;
   return c = Math.round(c) + 0.5, [c, c, "100%", 0];
 }
-function P(t, i, n, e, r) {
+function T(t, r, n, e, i, s) {
   if (n == null)
     return [0, 0];
-  const s = Math.round((r - n) / e * 100) / 100, [a, o] = t;
-  return i === "vertical" ? [a, o - s * o] : [0, s * a];
+  let a = Math.round((i - n) / e * 100) / 100;
+  s && r === "horizontal" && (a = 1 - a);
+  const [o, l] = t;
+  return s && r === "vertical" ? [0, l - a * l] : r === "vertical" ? [o, l - a * l] : [0, a * o];
 }
-function T(t, i, n) {
+function A(t, r, n) {
   if (!t || t.length === 0)
     return null;
-  if (V(t)) {
-    const e = t.map((r) => ({
-      ...r,
-      color: w(r.color ?? n)
+  if (L(t)) {
+    const e = t.map((i) => ({
+      ...i,
+      color: V(i.color ?? n)
     }));
     return e.unshift({
-      color: i,
+      color: r,
       minValue: Number.NEGATIVE_INFINITY,
       maxValue: e[0].minValue
     }), e.push({
-      color: i,
+      color: r,
       minValue: e[e.length - 1].maxValue,
       maxValue: Number.POSITIVE_INFINITY
     }), e;
   } else
     return t.map((e) => ({
       ...e,
-      color: w(e.color ?? n)
+      color: V(e.color ?? n)
     }));
 }
-function A(t, i, n, e) {
+function H(t, r, n, e) {
   if (!t || t.length === 0)
     return n;
-  if (V(t)) {
-    const r = H(t, i);
-    if (r.length === 0)
+  if (L(t)) {
+    const i = W(t, r);
+    if (i.length === 0)
       return n;
     if (e) {
-      const { color: s = n, weight: a } = r[0], { color: o = n, weight: c } = r[1] ?? r[0], l = a + c;
-      return `color-mix(in srgb, ${s} ${a / l * 100}%, ${o} ${c / l * 100}%)`;
+      const { color: s = n, weight: a } = i[0], { color: o = n, weight: l } = i[1] ?? i[0], c = a + l;
+      return `color-mix(in srgb, ${s} ${a / c * 100}%, ${o} ${l / c * 100}%)`;
     }
-    return r[0].color ?? n;
+    return i[0].color ?? n;
   }
-  return W(t, i);
+  return G(t, r);
 }
-function H(t, i) {
+function W(t, r) {
   const n = [];
   for (const e of t) {
-    const r = Math.max(0, Math.min(i.maxValue, e.maxValue) - Math.max(i.minValue, e.minValue));
-    r > 0 && n.push({ color: e.color, weight: r });
+    const i = Math.max(0, Math.min(r.maxValue, e.maxValue) - Math.max(r.minValue, e.minValue));
+    i > 0 && n.push({ color: e.color, weight: i });
   }
-  return n.sort((e, r) => r.weight - e.weight);
+  return n.sort((e, i) => i.weight - e.weight);
 }
-function W(t, i) {
-  const n = (i.maxValue - i.minValue) / 2 + i.minValue;
+function G(t, r) {
+  const n = (r.maxValue - r.minValue) / 2 + r.minValue;
   if (n > t[t.length - 1].value)
     return t[t.length - 1].color;
   for (let e = 0; e < t.length - 1; e++) {
-    const r = t[e], s = t[e + 1];
-    if (n <= r.value)
-      return r.color;
+    const i = t[e], s = t[e + 1];
+    if (n <= i.value)
+      return i.color;
     if (n < s.value) {
-      const a = (n - r.value) / (s.value - r.value) * 100;
-      return `color-mix(in srgb, ${r.color}, ${s.color} ${a}%)`;
+      const a = (n - i.value) / (s.value - i.value) * 100;
+      return `color-mix(in srgb, ${i.color}, ${s.color} ${a}%)`;
     }
   }
   return t[t.length - 1].color;
 }
-function V(t) {
+function L(t) {
   return t[0] != null && "minValue" in t[0];
 }
-function w(t) {
+function V(t) {
   if (typeof t == "string")
     return t;
   if (Array.isArray(t))
     return `rgba(${t[0]}, ${t[1]}, ${t[2]}, ${t[3] ?? 1})`;
-  const { r: i, g: n, b: e, a: r = 1 } = t;
-  return `rgba(${i}, ${n}, ${e}, ${r})`;
+  const { r, g: n, b: e, a: i = 1 } = t;
+  return `rgba(${r}, ${n}, ${e}, ${i})`;
 }
-function G(t, i, n, e, r) {
-  const s = 0.06 * (i - t);
-  return Y(n, e, r).map((a, o, c) => {
-    const l = c.length / 2, u = a > r ? "+" : "-", g = o >= l ? o - l + 1 : l - o;
+function Y(t, r, n, e, i) {
+  const s = 0.06 * (r - t);
+  return U(n, e, i).map((a, o, l) => {
+    const c = l.length / 2, h = a > i ? "+" : "-", g = o >= c ? o - c + 1 : c - o;
     return {
-      symbol: `${u}${g === 1 ? "" : g}σ`,
+      symbol: `${h}${g === 1 ? "" : g}σ`,
       value: a
     };
-  }).filter(({ value: a }) => Math.abs(r - a) > s);
+  }).filter(({ value: a }) => Math.abs(i - a) > s);
 }
-function Y(t, i, n) {
+function U(t, r, n) {
   if (n == null || t == null)
     return [];
-  const e = i, r = [];
+  const e = r, i = [];
   for (let s = e * -1; s <= e; s++)
-    s !== 0 && r.push(n + s * t);
-  return r;
+    s !== 0 && i.push(n + s * t);
+  return i;
 }
-const D = "var(--arcgis-histogram-bar-color)", U = "var(--arcgis-histogram-stop-color)";
-class j extends F {
+const C = "var(--arcgis-histogram-bar-color)", j = "var(--arcgis-histogram-stop-color)";
+class q extends I {
   constructor() {
-    super(...arguments), this._messages = k(), this._normalizedStops = null, this.#t = (i, n) => {
-      const e = (r) => R(this._messages._lang, this._numberFormatterOptions).format(r);
-      return this.labelFormatter?.(i, n, e) ?? e(i);
+    super(...arguments), this._messages = E(), this._normalizedStops = null, this.#t = (r, n) => {
+      const e = (i) => R(this._messages._lang, this._numberFormatterOptions).format(i);
+      return this.labelFormatter?.(r, n, e) ?? e(r);
     }, this._numberFormatterOptions = {
       maximumFractionDigits: 2
-    }, this.containerDimensions = [0, 0], this.icon = "graph-histogram", this.layout = "horizontal", this.colorBlendingEnabled = !1, this.standardDeviationCount = 1;
+    }, this.containerDimensions = [0, 0], this.icon = "graph-histogram", this.layout = "horizontal", this.mirrored = !1, this.colorBlendingEnabled = !1, this.standardDeviationCount = 1;
   }
   static {
-    this.properties = { containerDimensions: 16, colorStops: 0, icon: 3, labelFormatter: 0, average: 11, messageOverrides: 0, standardDeviation: 11, bins: 0, dataLines: 0, label: 1, layout: 3, max: 11, min: 11, colorBlendingEnabled: 5, standardDeviationCount: 9 };
+    this.properties = { containerDimensions: 16, colorStops: 0, icon: 3, labelFormatter: 0, average: 11, messageOverrides: 0, standardDeviation: 11, bins: 0, dataLines: 0, label: 1, layout: 3, max: 11, min: 11, mirrored: 7, colorBlendingEnabled: 5, standardDeviationCount: 9 };
   }
   static {
-    this.styles = z;
+    this.styles = S;
   }
   #t;
   loaded() {
-    const i = new ResizeObserver((r) => {
-      for (const s of r) {
+    const r = new ResizeObserver((i) => {
+      for (const s of i) {
         const { width: a, height: o } = s.contentRect;
         this.containerDimensions = [a, o];
       }
     }), { width: n, height: e } = this.el.getBoundingClientRect();
-    this.containerDimensions = [n, e], i.observe(this.el);
+    this.containerDimensions = [n, e], r.observe(this.el);
   }
-  willUpdate(i) {
-    i.has("colorStops") && (this._normalizedStops = T(this.colorStops, D, U));
+  willUpdate(r) {
+    r.has("colorStops") && (this._normalizedStops = A(this.colorStops, C, j));
   }
   render() {
-    const { label: i } = this;
-    return y`<div role=img .ariaLabel=${i ?? void 0} class="content">${this._renderContent()}</div>`;
+    const { label: r } = this;
+    return D`<div role=img .ariaLabel=${r ?? void 0} class="content">${this._renderContent()}</div>`;
   }
   _renderContent() {
-    const { containerDimensions: [i, n] } = this, e = "bg-fill", r = i ? [
-      d`<defs><clipPath id=${e}><rect height=${n ?? h} width=${i ?? h} x=0 y=0 /></clipPath></defs>`,
-      d`<g style=${x({ clipPath: `url(#${e})` })}><g>${this._renderBars()}</g></g>`,
+    const { containerDimensions: [r, n] } = this, e = "bg-fill", i = r ? [
+      d`<defs><clipPath id=${e}><rect height=${n ?? u} width=${r ?? u} x=0 y=0 /></clipPath></defs>`,
+      d`<g style=${w({ clipPath: `url(#${e})` })}><g>${this._renderBars()}</g></g>`,
       d`<g>${this._renderLines()}</g>`
     ] : [];
-    return y`<svg class="svg" xmlns=http://www.w3.org/2000/svg>${r}</svg>`;
+    return D`<svg class="svg" xmlns=http://www.w3.org/2000/svg>${i}</svg>`;
   }
   _renderBars() {
-    const { bins: i, _messages: n } = this, e = S(this.bins, this.min, this.max, this.layout, this.containerDimensions);
-    return !e || !i ? null : e.map((r, s) => {
-      const [a, o, c, l] = r, u = i[s], g = n?.barLabel ? E(n.barLabel, u) : "";
-      return d`<rect style=${x({
-        fill: A(this._normalizedStops, u, D, this.colorBlendingEnabled)
-      })} .ariaLabel=${g} data-index=${s ?? h} height=${l ?? h} role=img shape-rendering=crispEdges stroke-width=0 width=${c ?? h} x=${a ?? h} y=${o ?? h} />`;
+    const { bins: r, _messages: n } = this, e = B(this.bins, this.min, this.max, this.layout, this.containerDimensions, this.mirrored);
+    return !e || !r ? null : e.map((i, s) => {
+      const [a, o, l, c] = i, h = r[s], g = n?.barLabel ? F(n.barLabel, h) : "";
+      return d`<rect style=${w({
+        fill: H(this._normalizedStops, h, C, this.colorBlendingEnabled)
+      })} .ariaLabel=${g} data-index=${s ?? u} height=${c ?? u} role=img shape-rendering=crispEdges stroke-width=0 width=${l ?? u} x=${a ?? u} y=${o ?? u} />`;
     });
   }
   _renderLines() {
-    return B(this.average, this.standardDeviation, this.standardDeviationCount, this.min, this.max, this.dataLines)?.map((n) => q({ dataLine: n, containerDimensions: this.containerDimensions, layout: this.layout, min: this.min, max: this.max, labelFormatter: this.#t }));
+    return N(this.average, this.standardDeviation, this.standardDeviationCount, this.min, this.max, this.dataLines)?.map((n) => J({ dataLine: n, containerDimensions: this.containerDimensions, layout: this.layout, min: this.min, max: this.max, labelFormatter: this.#t, mirrored: this.mirrored }));
   }
 }
-const q = (t) => {
-  const { containerDimensions: i, layout: n, min: e, max: r, dataLine: s, labelFormatter: a } = t, o = r != null && e != null ? r - e : 0, [c, l, u, g] = N(i, n, e, o, s.value), [p, f] = P(i, n, e, o, s.value), m = "symbol" in s ? [
+const J = (t) => {
+  const { containerDimensions: r, layout: n, min: e, max: i, dataLine: s, labelFormatter: a, mirrored: o } = t, l = i != null && e != null ? i - e : 0, [c, h, g, p] = P(r, n, e, l, s.value, o), [$, f] = T(r, n, e, l, s.value, o), m = "symbol" in s ? [
     d`<tspan class="data-line-symbol">${s.symbol}</tspan>`,
     d`<tspan>${a(s.value, s.lineClass === "average-data-line" ? "average" : "standard-deviation")}</tspan>`
   ] : s.label, b = "lineClass" in s && s.lineClass ? s.lineClass : "data-line";
-  return d`<g><title>${s.value}</title><line class=${I(b)} shape-rendering=crispEdges x1=${c ?? h} x2=${l ?? h} y1=${u ?? h} y2=${g ?? h} /><text class="label" text-anchor=end transform=${(n === "horizontal" ? "rotate(270)" : void 0) ?? h} x=${p ?? h} y=${f - 2}>${m}</text></g>`;
+  return d`<g><title>${s.value}</title><line class=${z(b)} shape-rendering=crispEdges x1=${c ?? u} x2=${h ?? u} y1=${g ?? u} y2=${p ?? u} /><text class="label" text-anchor=${o && n === "vertical" ? "start" : "end"} transform=${(n === "horizontal" ? "rotate(270)" : void 0) ?? u} x=${$ ?? u} y=${f - 2}>${m}</text></g>`;
 };
-M("arcgis-histogram", j);
+k("arcgis-histogram", q);
 export {
-  j as ArcgisHistogram
+  q as ArcgisHistogram
 };

package/dist/components/arcgis-value-picker/customElement.d.ts

@@ -12,7 +12,8 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
  * The [arcgis-value-picker-label](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-value-picker-label/), [arcgis-value-picker-slider](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-value-picker-slider/),
  * [arcgis-value-picker-combobox](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-value-picker-combobox/), and [arcgis-value-picker-collection](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-value-picker-collection/) components provide the user with a few different options
  * for placing their data into a Value Picker with minimal configuration. Value Picker handles the different shapes of these components automatically by asserting
- * that all slotted components will extend the [ArcgisValuePickerSubcomponent](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-value-picker/types#ArcgisValuePickerSubcomponent)
+ * that all slotted components will extend the
+ * [ArcgisValuePickerSubcomponent](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/types/#ArcgisValuePickerSubcomponent)
  * interface, which allows Value picker to send and receive generic sets of instructions that are interpreted by the slotted component.
  *
  * ### Configuring Value Picker
@@ -216,6 +217,12 @@ export abstract class ArcgisValuePicker extends LitElement {
    * @default false
    */
   accessor disabled: boolean;
+  /**
+   * When set to `true`, the component will appear with rounded corners and a dropshadow.
+   *
+   * @default false
+   */
+  accessor floating: boolean;
   /**
    * When set to `true`, the next button is not displayed.
    *

package/dist/components/arcgis-value-picker/customElement.js

@@ -1,20 +1,20 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { c as o } from "../../chunks/runtime.js";
-import { LitElement as n, createEvent as i, nothing as l, safeClassMap as h } from "@arcgis/lumina";
-import { getSlotAssignedElements as r } from "@arcgis/toolkit/dom/slots";
-import { css as c, html as s } from "lit";
-import { u as d } from "../../chunks/useT9n.js";
-import { usePropertyChange as m } from "@arcgis/lumina/controllers";
-const p = c`:host{display:inline-flex;max-inline-size:100%}:host([layout="horizontal"]) slot{min-inline-size:300px;min-block-size:48px}:host([layout="vertical"]) slot{min-inline-size:300px;min-block-size:144px}slot{display:flex}slot.empty{display:none}.container{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1)}.root{display:flex;flex-direction:row;align-items:stretch}calcite-action{width:var(--calcite-font-line-height-fixed-4xl);height:var(--calcite-font-line-height-fixed-4xl)}calcite-action-bar{--calcite-action-bar-items-space: var(--calcite-space-none);--calcite-spacing-sm: var(--calcite-space-none);background-color:var(--calcite-color-foreground-1)}.separator{border-inline-end:solid 1px var(--calcite-color-border-3);width:1px}`;
-class u extends n {
+import { c as r } from "../../chunks/runtime.js";
+import { LitElement as c, createEvent as i, nothing as l, safeClassMap as h } from "@arcgis/lumina";
+import { getSlotAssignedElements as d } from "@arcgis/toolkit/dom/slots";
+import { css as m, html as s } from "lit";
+import { u } from "../../chunks/useT9n.js";
+import { useDirection as y, usePropertyChange as p } from "@arcgis/lumina/controllers";
+const g = m`:host{display:inline-flex;max-inline-size:100%}:host([layout="horizontal"]) slot{min-block-size:var(--calcite-size-xl)}:host([layout="vertical"]) slot{min-block-size:calc(2 * var(--calcite-size-2xl))}slot{display:flex;min-inline-size:300px}slot.empty{display:none}.container{display:flex;flex-direction:column;block-size:100%}.root{display:flex;flex-direction:row;align-items:stretch;flex:1;background-color:var(--calcite-color-foreground-1)}:host([floating]) .root{border-radius:var(--calcite-action-bar-corner-radius, var(--calcite-corner-radius-round));box-shadow:var(--calcite-action-bar-shadow, var(--calcite-shadow-md));overflow:hidden}calcite-action{align-self:center}:host([layout="vertical"]) calcite-action{margin-block-start:auto}:host([layout="vertical"]) calcite-action:last-of-type{margin-block-end:auto}.separator{border-inline-end:solid var(--calcite-border-width-sm) var(--calcite-color-border-3)}`;
+class _ extends c {
   constructor() {
-    super(), this.messages = d({ blocking: !0 }), this._isPlaying = !1, this.autoDestroyDisabled = !1, this.disabled = !1, this.hideNextButton = !1, this.hidePlayButton = !1, this.hidePreviousButton = !1, this.icon = "list-rectangle", this.label = "", this.layout = "horizontal", this.loop = !1, this.playRate = 1e3, this.arcgisAnimate = i(), this.arcgisNext = i(), this.arcgisPause = i(), this.arcgisPlay = i(), this.arcgisPrevious = i(), this.arcgisPropertyChange = m()("layout", "loop", "playRate", "state"), this.arcgisSlottedElementChange = i(), this.listen("arcgisPropertyChange", () => this.requestUpdate());
+    super(), this._direction = y(), this.messages = u({ blocking: !0 }), this._isPlaying = !1, this.autoDestroyDisabled = !1, this.disabled = !1, this.floating = !1, this.hideNextButton = !1, this.hidePlayButton = !1, this.hidePreviousButton = !1, this.icon = "list-rectangle", this.label = "", this.layout = "horizontal", this.loop = !1, this.playRate = 1e3, this.arcgisAnimate = i(), this.arcgisNext = i(), this.arcgisPause = i(), this.arcgisPlay = i(), this.arcgisPrevious = i(), this.arcgisPropertyChange = p()("layout", "loop", "playRate", "state"), this.arcgisSlottedElementChange = i(), this.listen("arcgisPropertyChange", () => this.requestUpdate());
   }
   static {
-    this.properties = { _isPlaying: 16, _slottedElement: 16, autoDestroyDisabled: 5, disabled: 5, hideNextButton: 5, hidePlayButton: 5, hidePreviousButton: 5, icon: 1, label: 1, layout: 3, loop: 5, playRate: 9, state: 32 };
+    this.properties = { _isPlaying: 16, _slottedElement: 16, autoDestroyDisabled: 5, disabled: 5, floating: 7, hideNextButton: 5, hidePlayButton: 5, hidePreviousButton: 5, icon: 1, label: 1, layout: 3, loop: 5, playRate: 9, state: 32 };
   }
   static {
-    this.styles = p;
+    this.styles = g;
   }
   get state() {
     return this._isPlaying ? "playing" : "ready";
@@ -41,7 +41,7 @@ class u extends n {
     super.disconnectedCallback(), this._isPlaying && this.pause();
   }
   _handleSlotChange(t) {
-    const [e] = r(t);
+    const [e] = d(t);
     this._slottedElement = e, this.arcgisSlottedElementChange.emit({ slottedElement: e }), !e && this._isPlaying && this.pause(), this._isElementWithLayout(e) && (e.layout = this.layout), this._isElementWithDisabled(e) && (e.disabled = this.disabled), this._isElementWithComponentOnReady(e) && e.componentOnReady().then(() => {
       this._slottedElement === e && this.requestUpdate();
     });
@@ -68,20 +68,24 @@ class u extends n {
       }
     }, this.playRate);
   }
-  render() {
-    const t = !!this._slottedElement && !this._slottedElement.hidden, e = this.state === "playing";
-    return s`<div class="container"><div class="root"><calcite-action-bar expand-disabled .layout=${this.layout}>${!this.hidePlayButton && s`<calcite-action alignment=center .disabled=${this.disabled || this._slottedElement && !this._slottedElement.canPlay} .icon=${e ? "pause" : "play"} .text=${e ? this.messages.pause : this.messages.play} title=${(e ? this.messages.pause : this.messages.play) ?? l} @click=${() => {
+  _renderActions() {
+    const t = this.state === "playing", e = this.layout === "vertical" && this._slottedElement?.localName === "arcgis-value-picker-slider", a = !this.hidePlayButton && s`<calcite-action alignment=center .disabled=${this.disabled || this._slottedElement && !this._slottedElement.canPlay} .icon=${t ? "pause" : "play"} .text=${t ? this.messages.pause : this.messages.play} title=${(t ? this.messages.pause : this.messages.play) ?? l} @click=${() => {
       if (this._slottedElement && !this._slottedElement.canNext && !this.loop) {
         this._slottedElement.reset(), this.play();
         return;
       }
-      e ? this.pause() : this.play();
-    }}></calcite-action>` || ""}${!this.hidePreviousButton && s`<calcite-action alignment=center .disabled=${this.disabled || e || this._slottedElement && !this._slottedElement.canPrevious} .icon=${this.layout === "horizontal" ? "chevron-left" : "chevron-up"} .text=${this.messages.previous} title=${this.messages.previous ?? l} @click=${this.previous}></calcite-action>` || ""}${!this.hideNextButton && s`<calcite-action alignment=center .disabled=${this.disabled || e || this._slottedElement && !this._slottedElement.canNext} .icon=${this.layout === "horizontal" ? "chevron-right" : "chevron-down"} .text=${this.messages.next} title=${this.messages.next ?? l} @click=${this.next}></calcite-action>` || ""}</calcite-action-bar>${t && s`<div class="separator"></div>` || ""}<slot @slotchange=${({ currentTarget: a }) => {
+      t ? this.pause() : this.play();
+    }}></calcite-action>` || "", o = !this.hidePreviousButton && s`<calcite-action alignment=center .disabled=${this.disabled || t || this._slottedElement && !this._slottedElement.canPrevious} .icon=${this.layout === "horizontal" ? "chevron-left" : e ? "chevron-down" : "chevron-up"} .text=${this.messages.previous} title=${this.messages.previous ?? l} @click=${this.previous}></calcite-action>` || "", n = !this.hideNextButton && s`<calcite-action alignment=center .disabled=${this.disabled || t || this._slottedElement && !this._slottedElement.canNext} .icon=${this.layout === "horizontal" ? "chevron-right" : e ? "chevron-up" : "chevron-down"} .text=${this.messages.next} title=${this.messages.next ?? l} @click=${this.next}></calcite-action>` || "";
+    return (this._direction === "rtl" && this.layout === "horizontal" || e ? [a, n, o] : [a, o, n]).filter(Boolean);
+  }
+  render() {
+    const t = !!this._slottedElement && !this._slottedElement.hidden, e = this._renderActions();
+    return s`<div class="container"><div class="root"><calcite-action-bar expand-toggle-disabled .layout=${this.layout}>${e}</calcite-action-bar>${t && s`<div class="separator"></div>` || ""}<slot @slotchange=${({ currentTarget: a }) => {
       this._handleSlotChange(a);
     }} class=${h(t ? "component-slot" : "empty")}></slot></div></div>`;
   }
 }
-o("arcgis-value-picker", u);
+r("arcgis-value-picker", _);
 export {
-  u as ArcgisValuePicker
+  _ as ArcgisValuePicker
 };

package/dist/components/arcgis-value-picker/index.js

@@ -1,3 +1,3 @@
-import "@esri/calcite-components/components/calcite-action-bar";
 import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-action-bar";
 export * from "./customElement.js";

package/dist/components/arcgis-value-picker-label/customElement.d.ts

@@ -69,6 +69,12 @@ export abstract class ArcgisValuePickerLabel extends LitElement {
   accessor canPrevious: boolean;
   /** The currently selected label item rendered by the component. */
   accessor currentValue: LabelItem | undefined;
+  /**
+   * When true, the component is visually withdrawn and cannot receive user interaction.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
   /** The array of label items that [arcgis-value-picker](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-value-picker/) can iterate over. */
   accessor items: LabelItem[] | undefined;
   /** Permanently destroys the component. */

package/dist/components/arcgis-value-picker-label/customElement.js

@@ -3,13 +3,13 @@ import { c as a } from "../../chunks/runtime.js";
 import { LitElement as r } from "@arcgis/lumina";
 import { css as n, html as c } from "lit";
 import { usePropertyChange as l } from "@arcgis/lumina/controllers";
-const o = n`:host{display:flex;flex:auto;min-width:300px;padding:var(--calcite-space-sm)}.container{align-items:center;border:solid 1px var(--calcite-color-border-3);display:flex;flex:auto;padding-inline:var(--calcite-space-sm)}.text{color:var(--calcite-color-text-1);flex:auto;font-family:inherit;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--calcite-space-none)}`;
+const o = n`:host{display:flex;flex:auto;min-width:300px;padding:var(--calcite-space-sm)}:host([disabled]){opacity:var(--calcite-opacity-disabled);pointer-events:none}.container{align-items:center;border:solid var(--calcite-border-width-sm) var(--calcite-color-border-3);display:flex;flex:auto;padding-inline:var(--calcite-space-sm)}.text{color:var(--calcite-color-text-1);flex:auto;font-family:inherit;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--calcite-space-none)}`;
 class h extends r {
   constructor() {
-    super(...arguments), this.autoDestroyDisabled = !1, this.canNext = !1, this.canPlay = !1, this.canPrevious = !1, this.arcgisPropertyChange = l()("canNext", "canPlay", "canPrevious", "currentValue");
+    super(...arguments), this.autoDestroyDisabled = !1, this.disabled = !1, this.canNext = !1, this.canPlay = !1, this.canPrevious = !1, this.arcgisPropertyChange = l()("canNext", "canPlay", "canPrevious", "currentValue");
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, items: 0, currentValue: 0, canNext: 5, canPlay: 5, canPrevious: 5 };
+    this.properties = { autoDestroyDisabled: 5, disabled: 7, items: 0, currentValue: 0, canNext: 5, canPlay: 5, canPrevious: 5 };
   }
   static {
     this.styles = o;

package/dist/components/arcgis-value-picker-slider/customElement.js

@@ -15,7 +15,7 @@ class o extends c {
     this.styles = h;
   }
   get _ascending() {
-    return this.layout === "horizontal" && !this.mirrored || this.layout === "vertical" && this.mirrored;
+    return !this.mirrored;
   }
   async destroy() {
     await this.manager.destroy();