@arcgis/common-components 5.0.0-next.153 → 5.0.0-next.155

package/dist/cdn/4LWBG2YQ.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import{a as X}from"./AXP3KSLX.js";import{a as ee}from"./3WYIVRKX.js";import{a as J,b as Q}from"./24JQU3I6.js";import{a as V,b as G,d as Z}from"./27FRM3HV.js";import{A as T,B as W,C as $,D as R,E as w,H as Y,g as H,i as f,o as q,p as K,q as E,s as j,t as L,z}from"./S7UW2ITJ.js";export default $arcgis.t(([{on:Le,watch:te},{createObservable:de,trackAccess:he},{property:Ne,subclass:Ue},qe,ve,{property:k,subclass:fe},{watch:S}])=>{var re=(s,e)=>t=>ue(t,s),A=class extends j{constructor(e,t){super(e),this.Y=new Map,this.A=void 0,this.#r=de();let r=this;r.#e=t,r.Z(),r.setProvisionalExports(ge(e,new WeakRef(r),e.M.length-1,r.instance,r.Y),!1),q(e,n=>{if(n){let a=te(()=>e[n],o=>{if(o===r.instance)return;let i=r.instance;r.exports=o,r.instance=o,r.Y.forEach((l,d)=>e.requestUpdate(l,i[d])),r.#t&&i.destroy(),r.#t=!1},{sync:!0});r.onDestroy(a.remove)}},r.exports)}#t;#r;#e;get exports(){return he(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?.()}},ue=J(A),ge=(s,e,t,r,n)=>new Proxy(r,{get:(a,o)=>{let i=a[o];if(typeof o=="symbol"||n.has(o))return i;let l=s.M[t];return l.A=o,K(s,d=>{if(l.A=void 0,d!==void 0){let c=d.key;n.set(o,c);let h=s.constructor.getPropertyOptions(c),u=o!==c&&c.toLowerCase().includes("disable");me(e,h,o,c,u),h.i===void 0&&pe(h,t,o,u)}},i)}}),me=(s,e,t,r,n,a)=>a=te(()=>{let o=s.deref();return o===void 0||o.component.manager.destroyed?a=a.remove():o.exports[t]},(o,i)=>{if(!a)return;s.deref().component?.requestUpdate(r,n?!i:i),e.c=!1},{sync:!0}),pe=(s,e,t,r)=>{s.d.get=function(){let n=this.M[e]?.exports[t];return r?!n:n},s.d.set=function(n){let a=this.M[e];a.A!==t&&(a.exports[t]=r?!n:n)}};function*ae(s,e){if(s!==void 0){let t=0;for(let r of s)yield e(r,t++)}}var be=H`: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))}}}`,_e=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,y=(s,e,t,r)=>{for(var n=r>1?void 0:r?xe(e,t):e,a=s.length-1,o;a>=0;a--)(o=s[a])&&(n=(r?o(e,t,n):o(n))||n);return r&&n&&_e(e,t,n),n};function ye(){return{min:0,max:100,values:[]}}var _=class extends ve{constructor(s={}){super({...ye(),properties:s}),this._entries=new Map,this.precision=4,this.ready=!1}startup(){let{precision:s}=this,{min:e,max:t,values:r}=this;t=b(t,s),e=b(e,s),r=r?.map(a=>I(b(a,s),e,t)),this._set("min",e),this._set("max",t),this._set("values",r);let n=new Map(r?.map(a=>[L(),a]));this._entries=n,S(()=>this.min,a=>{let o=this.values;a!=null&&o?.length&&o.some(i=>i<a)&&(this._entries.forEach((i,l)=>{i<a&&this._entries.set(l,a)}),this._updatesValues())},{sync:!0}),S(()=>this.max,a=>{let o=this.values;a!=null&&o?.length&&o.some(i=>i>a)&&(this._entries.forEach((i,l)=>{i>a&&this._entries.set(l,a)}),this._updatesValues())},{sync:!0}),S(()=>this.precision,a=>{let{min:o,max:i,values:l}=this;this._set("min",b(o,a)),this._set("max",b(i,a)),l?.length&&(this._entries.forEach((d,c)=>{this._entries.set(c,b(d,a))}),this._updatesValues())},{sync:!0}),this._set("ready",!0)}get entries(){return this._entries}set max(s){if(!this.ready){this._set("max",s);return}let e=this._get("max"),t=b(s,this.precision);e!==t&&this._set("max",t)}set min(s){if(!this.ready){this._set("min",s);return}let e=this._get("min"),t=b(s,this.precision);e!==t&&this._set("min",t)}set values(s){if(!this.ready){this._set("values",s);return}let e=this._get("values");if(s=s?.map(r=>I(b(r,this.precision),this.min,this.max)).sort((r,n)=>r-n),e&&s&&e.length===s.length&&e.every((r,n)=>r===s[n]))return;let t=new Map(s?.map(r=>[L(),r]));this._entries=t,this._set("values",s)}getValue(s){return this._entries.get(s)}setValue(s,e){if(this.values==null)return!1;let{min:t,max:r}=this,n=this._entries.get(s),a=I(b(e,this.precision),t,r);return n===a?!1:(this._entries.set(s,a),this._updatesValues(),!0)}setValues(s){if(this.values==null)return!1;let e=!1,{min:t,max:r}=this;for(let[n,a]of s){let o=this._entries.get(n),i=I(b(a,this.precision),t,r);o!==i&&(e=!0,this._entries.set(n,i))}return e?(this._updatesValues(),!0):!1}_updatesValues(){let s=Array.from(this._entries.values()).sort((e,t)=>e-t);this._set("values",s)}};y([k()],_.prototype,"_entries",2);y([k({readOnly:!0})],_.prototype,"entries",1);y([k()],_.prototype,"max",1);y([k()],_.prototype,"min",1);y([k({cast:s=>I(s,0,20)})],_.prototype,"precision",2);y([k({readOnly:!0})],_.prototype,"ready",2);y([k()],_.prototype,"values",1);_=y([fe("esri.widgets.Slider.SliderData")],_);function I(s,e,t){return Math.min(Math.max(s,e),t)}function b(s,e){return Number.parseFloat(s.toFixed(e))}var B=class{constructor(e){this.steps=e,this.minIndex=0,this.maxIndex=this.steps.length-1}indexToValue(e){return this.steps[P(e,this.minIndex,this.maxIndex)]}valueToIndex(e){let t=this.steps.indexOf(e);return t!==-1?t:this.steps.reduce((r,n,a,o)=>Math.abs(n-e)<Math.abs(o[r]-e)?a:r)}},N=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+P(e,this.minIndex,this.maxIndex)*this.stepSize}valueToIndex(e){return e=P(e,this.min,this.max),Math.round((e-this.min)/this.stepSize)}};function we(s){if(s.steps==null)return null;let e=s.steps;return Array.isArray(e)?e.length===0?null:new B(e):new N(s.min,s.max,e)}function ke(s,e,t){if(s==null){let i=new Map;for(let[l,d]of e.entries())i.set(l,d+t);return i}let r=e.size,n=Array.from(e.entries()).map(([i,l])=>{let d=l+t,c=[];for(let h=s.minIndex;h<=s.maxIndex;h++){let u=s.indexToValue(h),p=Math.abs(u-d),g=!1;for(let v=0;v<c.length;v++)if(p<c[v].dist){c.splice(v,0,{idx:h,value:u,dist:p}),g=!0;break}!g&&c.length<r&&c.push({idx:h,value:u,dist:p}),c.length>r&&(c.length=r)}return{uuid:i,stepDistances:c}}),a=new Set,o=new Map;n.sort((i,l)=>i.stepDistances[0].dist-l.stepDistances[0].dist);for(let i of n){let l=i.stepDistances.find(d=>!a.has(d.idx));l?(a.add(l.idx),o.set(i.uuid,l.value)):o.set(i.uuid,e.get(i.uuid))}return o}function se(s,e,t,r,n){let a=e.get(t)??0;if(!s)return a+r;let o=a+r,i=new Set;if(!n)for(let[c,h]of e.entries())c!==t&&i.add(s.valueToIndex(h));let l=null,d=1/0;for(let c=s.minIndex;c<=s.maxIndex;c++){if(i.has(c))continue;let h=s.indexToValue(c),u=Math.abs(h-o);u<d&&(d=u,l=c)}return l==null?a:s.indexToValue(l)}function De(s,e,t){let r=new Map,n=t>0?$e:le,a=Array.from(e).sort((l,d)=>n(l[1],d[1])),o=!1,i=!0;for(let[l,d]of a)if(r.set(l,d),i){let c=oe(s,r,l,t);d===c&&(i=!1),o||=i,r.set(l,c)}return{changed:o,entries:r}}function oe(s,e,t,r){let{allowValuesOverlap:n,stepsProvider:a,resolution:o,min:i,max:l}=s,d=e.get(t);if(r=r>0?1:-1,!a){let m=P(d+r*o,i,l);if(n)return m;let x=new Set;for(let[M,ce]of e)M!==t&&x.add(ce);for(;x.has(m)&&m<=l&&m>=i;)m=P(m+r*o,i,l);return x.has(m)||m>l||m<i?d:m}let c=a.valueToIndex(d);if(c===-1)return d;if(n){let m=P(c+r,a.minIndex,a.maxIndex);return a.indexToValue(m)}let h=new Set;for(let[m,x]of e)m!==t&&h.add(a.valueToIndex(x));let u=c,p=!1,g=a.minIndex,v=a.maxIndex,D=0;for(;D<Math.abs(v-g)&&(u+=r,!(u<g||u>v));){if(!h.has(u)){p=!0;break}D++}return p?a.indexToValue(u):d}function Pe(s,e,t,r){let{allowValuesOverlap:n,stepsProvider:a,resolution:o,min:i,max:l}=s,d=e.get(t);if(r=r>0?1:-1,!a){let p=new Set(Array.from(e).filter(([v])=>v!==t).map(([,v])=>v)),g=r>0?l:i;if(n)return g;for(;p.has(g);)if(g-=r*o,r>0&&g>l||r<0&&g<i){g=d;break}return g}if(n)return r>0?a.indexToValue(a.maxIndex):a.indexToValue(a.minIndex);let c=a.valueToIndex(d);if(c===-1)return d;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<i){u=c;break}return a.indexToValue(u)}function Ee(s,e,t){let{stepsProvider:r,min:n,max:a}=s,o=new Map,i=Array.from(e).sort((d,c)=>le(d[1],c[1]));if(r){let d=0;if(t>0){let c=i[i.length-1],h=r.valueToIndex(c[1]);d=r.maxIndex-h}else{let c=i[0],h=r.valueToIndex(c[1]);d=r.minIndex-h}if(d===0)for(let[c,h]of i)o.set(c,h);for(let[c,h]of i){let u=r.indexToValue(r.valueToIndex(h)+d);o.set(c,u)}return o}let l=0;if(t>0){let d=i[i.length-1];l=a-d[1]}else{let d=i[0];l=n-d[1]}for(let[d,c]of i)o.set(d,c+l);return o}function le(s,e){return s-e}function $e(s,e){return e-s}function P(s,e,t){return Math.max(e,Math.min(t,s))}var Ce=re(_),U=class extends W{constructor(){super(...arguments),this._popoverElement=z(),this._trackElement=z(),this.messages=Q({}),this._onPointerMoveDragUpdate=e=>{this._updateDrag(this._mapEventToRange(e))},this._onPointerUpDragEnd=e=>{O(e)&&this._endDrag()},this._onPointerCancelDragEnd=()=>{this._endDrag()},this._formatLabel=(e,t,r)=>{let n=ee(this.messages._lang,t),a=this.labelFormatter;return a?a(r,e,i=>n.format(i))??n.format(r):n.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._sliderData=Ce(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.values=this._sliderData.values,this.arcgisActiveValueChange=E({cancelable:!1}),this.arcgisChange=E({cancelable:!1}),this.arcgisInput=E({cancelable:!1}),this.arcgisRangeChange=E({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,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=be}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=we(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 n=r.getBoundingClientRect();for(let a of this._sliderData.entries.keys()){let o=this._activePart==="range"||this._activePart===a;if(this.valueLabelsDisplay==="always"||o){let i=Re(this,a),l=ne(this,a);if(!i||!l)continue;let d=i.getBoundingClientRect(),c=l.getBoundingClientRect(),h=l.getLabelBoundingClientRect(),u=d.width/2,p=Math.round(d.left+u),g=Math.round(h.width/2),v=c.width/2,D=n.left-u,m=n.right+u,x=p-g,M=p+g;x<D?v+=x-D:M>m&&(v+=M-m),l.style.transform=`translateX(${-Math.round(v)}px)`}}}_onTrackFocus(){this._setActivePart("range")}_onTrackBlur(){this._setActivePart(null)}_onTrackRangePointerDown(e){this._disabledOrInvalid||!O(e)||this._startDrag("range",this._mapEventToRange(e))}async _onPointerDown(e){if(this._disabledOrInvalid||!O(e))return;let t=this.renderRoot.querySelector("arcgis-label-input[editing]");if(e.target===t)return;if(t){t.blur(),this._focusEntry(C(t));return}if(Ie(e.target)||this.values?.length>1)return;let r=this._mapEventToRange(e),[n,a]=this._sliderData.entries.entries().next().value,o=r*this._fullRange+this._fullMin-a,i=F(this._fullMin,this._fullMax,a)/100;this._startDrag(n,i);let l=se(this._stepsProvider,this._sliderData.entries,n,o,this.allowValuesOverlap);this._setValue(n,l),this._focusEntry(n)}_onThumbPointerDown(e){let t=C(e.currentTarget);if(!O(e)||this._disabledOrInvalid||!t)return;let r=ne(this,t);e.target===r&&r?.editing||(e.stopPropagation(),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,n]of t)if(this._sliderData.getValue(r)!==n){e=!0;break}}this._dragInfo=null,e&&this.arcgisChange.emit()}_startDrag(e,t){if(this._disabledOrInvalid)return;let{min:r,max:n,values:a}=this,o=r,i=n;if(this._setActivePart(e),e==="range"){if(this.segmentsDraggingDisabled)return;o=r-a[0],i=n-a[a.length-1]}this._dragInfo={position:t,entries:new Map(this._sliderData.entries.entries()),minDiff:o,maxDiff:i},this._addDragListeners()}_updateDrag(e){if(!this._dragInfo||!this._activePart)return;let{_activePart:t,_dragInfo:{position:r,entries:n,minDiff:a,maxDiff:o}}=this;if(r===e)return;let i=(e-r)*this._fullRange;if(t==="range"){i=Math.min(o,Math.max(a,i));let l=ke(this._stepsProvider,n,i);this._setValues(l)}else{let l=se(this._stepsProvider,n,t,i,this.allowValuesOverlap);this._setValue(t,l)}}_focusEntry(e){e&&Te(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=C(e.currentTarget);this._setActivePart(t)}_onThumbBlur(){this._setActivePart(null)}_onRangeInputChange(e){let t=e.currentTarget,r=t.value,n=t.dataset.type,a=!1;switch(e.stopPropagation(),n){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=C(t),n=t.value;r&&(e.stopPropagation(),this._setValue(r,n),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=F(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=C(e.currentTarget);if(!t)return;let r=e.currentTarget.querySelector("arcgis-label-input");if(!r||r.editing)return;let n=e.key;switch(n){case"Enter":{r.edit();break}case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":{e.preventDefault();let a=n==="ArrowUp"||n==="ArrowRight"?1:-1;a=this.mirrored?a*-1:a;let o=oe({allowValuesOverlap:this.allowValuesOverlap,stepsProvider:this._stepsProvider,resolution:this.resolution,min:this.min,max:this.max},this._sliderData.entries,t,a);this._setValue(t,o);break}case"End":case"Home":{e.preventDefault();let a=this.isHorizontal&&this.mirrored||this.layout==="vertical"?n==="End"?-1:1:n==="Home"?-1:1,o=Pe({allowValuesOverlap:this.allowValuesOverlap,stepsProvider:this._stepsProvider,resolution:this.resolution,min:this.min,max:this.max},this._sliderData.entries,t,a);this._setValue(t,o);break}}}_onTrackRangeKeyDown(e){let t=e.key;switch(t){case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":{e.preventDefault();let r=t==="ArrowUp"||t==="ArrowRight"?1:-1;r=this.mirrored?r*-1:r;let{entries:n}=De({allowValuesOverlap:this.allowValuesOverlap,stepsProvider:this._stepsProvider,resolution:this.resolution,min:this.min,max:this.max},this._sliderData.entries,r);this._setValues(n);break}case"End":case"Home":{e.preventDefault();let r=this.isHorizontal&&this.mirrored||this.layout==="vertical"?t==="End"?-1:1:t==="Home"?-1:1,n=Ee({allowValuesOverlap:this.allowValuesOverlap,stepsProvider:this._stepsProvider,resolution:this.resolution,min:this.min,max:this.max},this._sliderData.entries,r);this._setValues(n);break}}}_setActivePart(e){this._activePart!==e&&(this._activePart=e,this.arcgisActiveValueChange.emit())}render(){return f`<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:n,valueLabelsDisplay:a,popoverLabel:o}=this,i=e?Me(e)?e:"track-range":"",l=this._hasPopoverContent&&!!i,d=t==="horizontal"?r==="start"?"top":"bottom":r==="start"?"left":"right",c=14;return a!=="hidden"&&r===n&&(c+=24),f`<calcite-popover flip-disabled focus-trap-disabled .label=${o} .open=${l} .offsetDistance=${c} .placement=${d} pointer-disabled .referenceElement=${i} scale=s trigger-disabled ${T(this._popoverElement)}><slot name=popover @slotchange=${this._popoverSlotChange}></slot></calcite-popover>`}_renderContentStart(){return f`<div class="content-start" .hidden=${!this._hasContentStart}><slot name=content-start @slotchange=${this._onContentStartSlotChange}></slot></div>`}_renderContentEnd(){return f`<div class="content-end" .hidden=${!this._hasContentEnd}><slot name=content-end @slotchange=${this._onContentEndSlotChange}></slot></div>`}_renderTrackRange(){return f`<div class="track-container">${this._renderTrack()}${this._renderThumbs()}</div>`}_renderTrack(){return f`<div class="track" ${T(this._trackElement)}>${this._renderTrackBackground()}${this._renderFillSegment()}</div>`}_renderTrackBackground(){let{max:e,min:t,fillPlacement:r,values:n}=this,a=n.length>1,o=this._fullMin,i=this._fullMax,l=[];return this._invalid?f`<div class="segment track-bounds" style=${R({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),i>e&&(l.push(this._renderSegment(e,i,[this.mirrored?"track-effective-start":"track-effective-end",!a&&r==="end"?"track-fill":null])),i=e),l.push(this._renderSegment(o,i,["track-bounds"])),l)}_renderFillSegment(){let{values:e,fillPlacement:t,min:r,max:n}=this;if(!e?.length||this._invalid)return;let a=[...e].sort((i,l)=>i-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(n>a[0])return this._renderSegment(a[0],n,["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,n){let{_fullMin:a,_fullMax:o,mirrored:i}=this,l=[F(a,o,ie(e,a,o)),100-F(a,o,ie(t,a,o))];i&&l.reverse();let d=this.isHorizontal?{left:`${l[0]}%`,right:`${l[1]}%`}:{top:`${l[1]}%`,bottom:`${l[0]}%`},c=G("segment",...r);return f`<div id=${n?.id??w} class=${$(c)} style=${R(d)} .tabIndex=${n?.onPointerDown?0:-1} @focus=${n?.onFocus} @blur=${n?.onBlur} @pointerdown=${n?.onPointerDown} @keydown=${n?.onKeyDown}></div>`}_renderThumbs(){let{_sliderData:e}=this,t=Array.from(e.entries).filter(([,r])=>r>=this._fullMin&&r<=this._fullMax);return ae(t,([r,n])=>this._renderThumb(r,n))}_renderThumb(e,t){let{valueLabelsDisplay:r}=this,n=this._disabledOrInvalid,a=this._activePart===e||this._activePart==="range",o=this._activePart==="range"||this._activePart===e,i=r==="always"||r==="auto"&&o,l=this.isHorizontal,d=l?"horizontal":"vertical",c=`label-${e}`,h=l?"center":this.valueLabelsPlacement==="start"?"end":"start";return X(e,f`<div id=${e??w} .ariaLabel=${this.messages.sliderValue} aria-labelledby=${(r?c:void 0)??w} .ariaOrientation=${d} .ariaValueMin=${this._minFormatter(this.min)} .ariaValueMax=${this._maxFormatter(this.max)} .ariaValueNow=${t} .ariaValueText=${this._valueFormatter(t)} class=${$({thumb:!0,active:a})} data-entry=${e??w} @pointerdown=${this._onThumbPointerDown} @focus=${this._onThumbFocus} @blur=${this._onThumbBlur} @keydown=${this._onThumbKeyDown} role=slider style=${R({...this._getPositionStyleForElement(t),"z-index":this._activePart===e?1:0})} .tabIndex=${n?-1:0}><span class="handle"></span><arcgis-label-input .alignment=${h} class="label" .hidden=${!i} id=${c??w} .labelFormatter=${this._valueFormatter} @focus=${n?void 0:this._onThumbFocus} @blur=${n?void 0:this._onThumbBlur} @arcgisChange=${this._onValueInputChange} .readOnly=${!this.valueLabelsEditingEnabled} tabindex=-1 .value=${t} ${T(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")),f`<arcgis-label-input .alignment=${t} class=${$(e)} data-type=${e??w} .hidden=${!this.showRangeLabels} .labelFormatter=${this[`_${e}Formatter`]} @arcgisChange=${this._onRangeInputChange} .readOnly=${!this.rangeLabelsEditingEnabled} .value=${this[e]}></arcgis-label-input>`}};function Ie(s){return"dataset"in s&&s.tagName==="ARCGIS-LABEL-INPUT"&&(s.dataset.type==="min"||s.dataset.type==="max")}function C(s){let e=Z(s,"[data-entry]");return e&&"dataset"in e?e.dataset.entry:null}function Me(s){return typeof s!=null&&s!=="range"}function Te(s,e){return e?s.renderRoot.querySelector(`div[data-entry="${e}"]`):null}function Re(s,e){return e?s.renderRoot.querySelector(`div[data-entry="${e}"] span.handle`):null}function ne(s,e){return e?s.renderRoot.querySelector(`div[data-entry="${e}"] arcgis-label-input`):null}function O(s){return s.isPrimary&&s.button===0}var Ve=5;function F(s,e,t){let r=e-s,n=(t-s)/r*100;return Number.parseFloat(n.toFixed(Ve))}function ie(s,e,t){return Math.max(e,Math.min(t,s))}Y("arcgis-slider",U);return U},"core/reactiveUtils","applications/Components/reactiveUtils","core/accessorSupport/decorators","core/Accessor","core/Accessor","core/accessorSupport/decorators","core/reactiveUtils")

package/dist/cdn/HHJ5K2EW.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import{B as $,C as h,D as m,E as f,H as M,g as y,i as c,q as w}from"./S7UW2ITJ.js";export default $arcgis.t(([{formatNumber:A}])=>{var l={container:"container",ticksContainer:"ticks-container",labelsContainer:"labels-container",tick:"tick",tickMin:"tick--min",tickMax:"tick--max",tickLabel:"tick-label",baseline:"baseline"},L=y`:host{display:flex;--arcgis-ticks-tick-length: .5rem;--arcgis-ticks-tick-color: var(--calcite-color-border-input);--arcgis-ticks-gap: 1em;--arcgis-ticks-font-size: var(--calcite-font-size--2)}.container{align-items:stretch;display:flex;color:var(--calcite-color-text-2);flex:1;font-weight:var(--calcite-font-weight-medium);font-size:var(--arcgis-ticks-font-size);line-height:1em;position:relative;user-select:none;word-wrap:normal;word-break:normal}.baseline{background-color:var(--arcgis-ticks-tick-color, var(--calcite-color-border-input))}.tick{position:absolute;background-color:var(--arcgis-ticks-tick-color, var(--calcite-color-border-input))}.tick-label{position:absolute;text-align:var(--arcgis-ticks-label-text-align, center);width:var(--arcgis-ticks-label-width, var(--labels-container-width, "auto"))}:host([layout="horizontal"]){.ticks-container{height:var(--arcgis-ticks-tick-length)}.labels-container{height:var(--labels-container-height, "auto")}.tick{width:.125rem;height:var(--arcgis-ticks-tick-length);transform:translate(-50%)}.tick-label{transform:translate(-50%)}.tick--min{transform:unset}.tick--max{transform:translate(-100%)}}:host([layout="vertical"]){.ticks-container{width:var(--arcgis-ticks-tick-length)}.labels-container{width:var(--labels-container-width)}.tick{width:var(--arcgis-ticks-tick-length);height:.125rem;transform:translateY(50%)}.tick-label{text-align:right;transform:translateY(50%)}.tick--min{transform:unset}.tick--max{transform:translateY(100%)}}:host([layout="horizontal"][mirrored]){.tick,.tick-label{transform:translate(50%)}.tick--min{transform:unset}.tick--max{transform:translate(100%)}}:host([layout="vertical"][mirrored]){.tick,.tick-label{transform:translateY(-50%)}.tick--min{transform:unset}.tick--max{transform:translateY(-100%)}}:host([layout="horizontal"][label-placement="start"]){.container{flex-direction:column;justify-content:flex-end}.labels-container{margin-bottom:var(--arcgis-ticks-gap)}}:host([layout="horizontal"][label-placement="end"]){.container{flex-direction:column-reverse;justify-content:flex-end}.labels-container{margin-top:var(--arcgis-ticks-gap)}}:host([layout="vertical"][label-placement="start"]){.container{flex-direction:row;justify-content:flex-end}:dir(ltr){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right}}:dir(rtl){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left;unicode-bidi:plaintext}}}:host([layout="vertical"][label-placement="end"]){.container{flex-direction:row-reverse;justify-content:flex-end}:dir(ltr){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left}}:dir(rtl){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right;unicode-bidi:plaintext}}}:host([interactive]){pointer-events:none;.tick,.tick-label{pointer-events:auto;cursor:pointer}.tick-label:hover{text-decoration:underline}}`,g=class extends ${constructor(){super(...arguments),this._formatValue=e=>A(e,this._formatOptions),this._formatOptions={style:"decimal",useGrouping:!0,minimumFractionDigits:0,maximumFractionDigits:2},this.interactive=!1,this.interpolationExponent=0,this.labelPlacement="end",this.layout="horizontal",this.max=100,this.min=0,this.mirrored=!1,this.mode="count",this.showLabels=!1,this.showBaseline=!1,this.values=[],this.arcgisTickClick=w({cancelable:!1})}static{this.properties={_formatOptions:16,interactive:7,interpolationExponent:9,labelFormatter:0,labelPlacement:3,layout:3,max:9,min:9,mirrored:7,mode:1,showLabels:5,showBaseline:5,values:[9,{converter:{fromAttribute(e){if(e.includes(","))return e.split(",").filter(t=>t.trim()!=="").map(parseFloat).filter(t=>Number.isFinite(t));{let t=parseFloat(e);return Number.isFinite(t)?[t]:[]}}}}]}}static{this.styles=L}updated(){let e=this.renderRoot.querySelector(`.${l.labelsContainer}`);if(e){let t=0,i=0;for(let a of this.renderRoot.querySelectorAll(`.${l.tickLabel}`)){let r=a.getBoundingClientRect();t=Math.max(t,r.width),i=Math.max(i,r.height)}t=Math.ceil(t),i=Math.ceil(i),!t||!i?(e.style.removeProperty("--labels-container-width"),e.style.removeProperty("--labels-container-height")):(e.style.setProperty("--labels-container-width",`${t}px`),e.style.setProperty("--labels-container-height",`${i}px`))}}_handleClick(e){if(!this.interactive)return;let t=e.target.dataset.value;t&&this.arcgisTickClick.emit({value:Number(t)})}_internalLabelFormatter(e){let t=this.labelFormatter;return t?t(e,this._formatValue)??this._formatValue(e):this._formatValue(e)}render(){return c`<div class=${h(l.container)} touch-action=none @click=${this._handleClick}>${this._renderContent()}${this._renderBaseline()}</div>`}_renderContent(){let{interpolationExponent:e,max:t,min:i,mode:a,values:r,layout:s,mirrored:o,showLabels:C}=this,p=[],v=[];for(let[d,k]of F(a,i,t,e,r)){let x={[s==="horizontal"?o?"right":"left":o?"top":"bottom"]:`${d}%`},z={[l.tick]:!0,[l.tickMin]:d===0,[l.tickMax]:d===100};p.push(c`<div class=${h(z)} style=${m(x)} data-value=${k??f}></div>`),C&&v.push(c`<div class=${h(l.tickLabel)} style=${m(x)} data-value=${k??f}>${this._internalLabelFormatter(k)}</div>`)}return[c`<div class=${h(l.labelsContainer)}>${v}</div>`,c`<div class=${h(l.ticksContainer)}>${p}</div>`]}_renderBaseline(){let{showBaseline:e,layout:t}=this;return e&&c`<div class=${h(l.baseline)} style=${m({[t==="horizontal"?"width":"height"]:"100%",[t==="horizontal"?"height":"width"]:"0.125rem"})}></div>`||""}};function*F(n,e,t,i,a){switch(n){case"value":{let r=Array.isArray(a)?a:[a];for(let s of r){let o=P(e,t,s,i)*100;o>=0&&o<=100&&(yield[o,s])}break}case"percent":{if(Array.isArray(a))for(let r of a)r>=0&&r<=100&&(yield[r,u(e,t,r/100,i)]);else if(a>0)for(let r=0;r<=100;r+=a)yield[r,u(e,t,r/100,i)];break}case"count":{let r=Array.isArray(a)?a[0]:a;if(r<=1)yield[50,u(e,t,.5,i)];else for(let s=0;s<r;s++){let o=s*100/(r-1);yield[o,u(e,t,o/100,i)]}break}}}function b(n,e,t){return t<n?n:t>e?e:t}function _(n,e,t){return n+(e-n)*t}function P(n,e,t,i=0){let a=(t-n)/(e-n);if(a=b(0,1,a),Math.abs(i)<1e-9)return a;let r=1+Math.expm1(i)*a;return a=Math.log(r)/i,b(0,1,a)}function u(n,e,t,i=0){if(t=b(0,1,t),Math.abs(i)<1e-9)return _(n,e,t);let a=Math.expm1(i*t)/Math.expm1(i);return _(n,e,a)}M("arcgis-ticks",g);return g},"intl")

package/dist/cdn/index.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import{G as i,v as e}from"./S7UW2ITJ.js";var s=e(i,{"arcgis-ckeditor5":[()=>import("./YLU2ID56.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./OBZRMENF.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./M3HMICIM.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus"],"arcgis-field-info":[()=>import("./R6PNKOYN.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./5A7U5H34.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("./G4OYCJGJ.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,layout,max,messageOverrides:,min,standardDeviation"],"arcgis-label-input":[()=>import("./4LUEJZHL.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./JJDDRWUC.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./FW3N4NH3.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./MSDYVQQK.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./VJ3OMZEA.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./YPVTUP24.js"),"activeValue:,allowValuesOverlap,autoDestroyDisabled,disabled,fillPlacement,fullRangeMax,fullRangeMin,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverLabel,popoverPlacement,precision,rangeLabelsEditingEnabled,rangeLabelsPlacement,segmentsDraggingDisabled,showRangeLabels,steps,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values;destroy"],"arcgis-slider-input":[()=>import("./A2PNH6M7.js"),"disabled,flipLabels,label,max,min,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./5MFKILK5.js"),"interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],"arcgis-unique-values-list":[()=>import("./7TMFBS3U.js"),"_messages:,fieldName,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"./S7UW2ITJ.js";var s=e(i,{"arcgis-ckeditor5":[()=>import("./YLU2ID56.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./OBZRMENF.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./M3HMICIM.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus"],"arcgis-field-info":[()=>import("./R6PNKOYN.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./5A7U5H34.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("./G4OYCJGJ.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,layout,max,messageOverrides:,min,standardDeviation"],"arcgis-label-input":[()=>import("./4LUEJZHL.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./JJDDRWUC.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./FW3N4NH3.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./MSDYVQQK.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./VJ3OMZEA.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./4LWBG2YQ.js"),"activeValue:,allowValuesOverlap,autoDestroyDisabled,disabled,fillPlacement,fullRangeMax,fullRangeMin,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverLabel,popoverPlacement,precision,rangeLabelsEditingEnabled,rangeLabelsPlacement,segmentsDraggingDisabled,showRangeLabels,steps,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values;destroy"],"arcgis-slider-input":[()=>import("./A2PNH6M7.js"),"disabled,flipLabels,label,max,min,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./HHJ5K2EW.js"),"interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],"arcgis-unique-values-list":[()=>import("./7TMFBS3U.js"),"_messages:,fieldName,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-slider/customElement.d.ts

@@ -12,7 +12,7 @@ import type { Popover as Popover } from "@esri/calcite-components/components/cal
  *
  * The slider component can be set up with the [arcgis-ticks](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/) component. See the example below:
  * ```html
- * <arcgis-slider min="0" max="100" show-range-labels value-labels-display="always" steps="1" value-labels-placement="leading">
+ * <arcgis-slider min="0" max="100" show-range-labels value-labels-display="always" steps="1" value-labels-placement="start">
  *   <arcgis-ticks interactive slot="content-end" style="flex:1;" min="0" max="100" mode="count" values="11" show-labels>
  *   </arcgis-ticks>
  * </arcgis-slider>
@@ -209,14 +209,14 @@ export abstract class ArcgisSlider extends LitElement {
   /**
    * Determines which side of the track the popover is placed on.
    * The popover is the floating container that displays the content from the `popover` slot.
-   * * `"leading"`: Positions the popover above a horizontal slider or to the left of a vertical slider.
-   * * `"trailing"`: Positions the popover below a horizontal slider or to the right of a vertical slider.
+   * * `"start"`: Positions the popover above a horizontal slider or to the left of a vertical slider.
+   * * `"end"`: Positions the popover below a horizontal slider or to the right of a vertical slider.
    *
-   * @default "leading"
+   * @default "start"
    * @example
    * ```js
    * const slider = document.querySelector("arcgis-slider");
-   * slider.popoverPlacement = "trailing";
+   * slider.popoverPlacement = "end";
    *
    * // Example: Dynamic popover content based on slider value
    * const popover = document.getElementById("popover");
@@ -236,7 +236,7 @@ export abstract class ArcgisSlider extends LitElement {
    * renderPopover();
    * ```
    */
-  accessor popoverPlacement: "leading" | "trailing";
+  accessor popoverPlacement: "end" | "start";
   /**
    * Defines how slider thumb values should be rounded. This number indicates the number
    * of decimal places slider thumb _values_ should round to when they have been moved.
@@ -277,11 +277,11 @@ export abstract class ArcgisSlider extends LitElement {
    * This property only affects the slider when [layout](#layout) is `"horizontal"`.
    *
    * - `"center"` (default): Places the [min](#min) and [max](#max) labels aligned with the track.
-   * - `"trailing"`: Places the range labels below the the track.
+   * - `"end"`: Places the range labels below the the track.
    *
    * @default "center"
    */
-  accessor rangeLabelsPlacement: "center" | "trailing";
+  accessor rangeLabelsPlacement: "center" | "end";
   /**
    * Indicates if the user can drag the segment between thumbs to update thumb positions.
    *
@@ -344,9 +344,9 @@ export abstract class ArcgisSlider extends LitElement {
   /**
    * Determines whether the thumb value labels are placed before or after the track.
    *
-   * @default "leading"
+   * @default "start"
    */
-  accessor valueLabelsPlacement: "leading" | "trailing";
+  accessor valueLabelsPlacement: "end" | "start";
   /** An array of numbers representing absolute thumb positions on the slider. */
   accessor values: number[];
   /** Permanently destroys the component. */
@@ -391,7 +391,7 @@ export abstract class ArcgisSlider extends LitElement {
    * @example
    * ```js
    * const slider = document.querySelector("arcgis-slider");
-   * slider.popoverPlacement = "trailing";
+   * slider.popoverPlacement = "end";
    *
    * // Example: Dynamic popover content based on slider value
    * const popover = document.getElementById("popover");

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

@@ -13,7 +13,7 @@ import te from "@arcgis/core/core/Accessor.js";
 import { property as k, subclass as ae } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { watch as S } from "@arcgis/core/core/reactiveUtils.js";
 import { generateGuid as A } from "@arcgis/toolkit/string";
-const re = J`: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-leading: 0;--arcgis-slider-internal-value-labels-placement-trailing: 0;--arcgis-slider-internal-range-labels-placement-center: 0;--arcgis-slider-internal-range-labels-placement-trailing: 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="leading"]){--arcgis-slider-internal-value-labels-placement-leading: var(--arcgis-slider-internal-show-value-labels)}:host([value-labels-placement="trailing"]){--arcgis-slider-internal-value-labels-placement-trailing: 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="trailing"]){--arcgis-slider-internal-range-labels-placement-trailing: 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-leading{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-trailing{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-leading{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-trailing{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="leading"]){.label{right:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="trailing"]){.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-leading) * 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-trailing) * 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="leading"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="trailing"]){.label{top:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="trailing"]){.content{--arcgis-slider-internal-content-start-min-height: calc( var(--arcgis-slider-internal-handle-offset) + var(--arcgis-slider-internal-value-labels-placement-leading) * var(--arcgis-slider-internal-label-input-height) );--arcgis-slider-internal-content-end-min-height: calc( var(--arcgis-slider-internal-value-labels-placement-trailing) * 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-trailing) * 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="leading"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="trailing"]){.label{top:calc(var(--arcgis-slider-internal-label-input-margin) + var(--arcgis-slider-internal-range-labels-placement-trailing) * (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))}}}`;
+const re = J`: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))}}}`;
 var ne = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, w = (n, e, t, a) => {
   for (var i = a > 1 ? void 0 : a ? ie(e, t) : e, r = n.length - 1, l; r >= 0; r--)
     (l = n[r]) && (i = (a ? l(e, t, i) : l(i)) || i);
@@ -377,7 +377,7 @@ class pe extends j {
       return l ?? i.format(a);
     }, 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._sliderData = fe(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 = "leading", this.precision = this._sliderData.precision, this.rangeLabelsEditingEnabled = !1, this.rangeLabelsPlacement = "center", this.segmentsDraggingDisabled = !1, this.showRangeLabels = !1, this.valueLabelsDisplay = "hidden", this.valueLabelsPlacement = "leading", this.valueLabelsEditingEnabled = !1, this.values = this._sliderData.values, this.arcgisActiveValueChange = T({ cancelable: !1 }), this.arcgisChange = T({ cancelable: !1 }), this.arcgisInput = T({ cancelable: !1 }), this.arcgisRangeChange = T({ cancelable: !1 });
+    }), this._labelInputsUpdateComplete = null, this._dragInfo = null, this._hasPopoverContent = !1, this._hasContentStart = !1, this._hasContentEnd = !1, this._sliderData = fe(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.values = this._sliderData.values, this.arcgisActiveValueChange = T({ cancelable: !1 }), this.arcgisChange = T({ cancelable: !1 }), this.arcgisInput = T({ cancelable: !1 }), this.arcgisRangeChange = T({ 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: {
@@ -725,7 +725,7 @@ class pe extends j {
     })} @pointerdown=${this._onPointerDown}>${this._renderContentStart()}${this._renderContentEnd()}${this._renderRangeLabel("min")}${this._renderTrackRange()}${this._renderRangeLabel("max")}${this._renderPopover()}</div>`;
   }
   _renderPopover() {
-    const { _activePart: e, layout: t, popoverPlacement: a, valueLabelsPlacement: i, valueLabelsDisplay: r, popoverLabel: l } = this, s = e ? be(e) ? e : "track-range" : "", o = this._hasPopoverContent && !!s, d = t === "horizontal" ? a === "leading" ? "top" : "bottom" : a === "leading" ? "left" : "right";
+    const { _activePart: e, layout: t, popoverPlacement: a, valueLabelsPlacement: i, valueLabelsDisplay: r, popoverLabel: l } = this, s = e ? be(e) ? e : "track-range" : "", o = this._hasPopoverContent && !!s, d = t === "horizontal" ? a === "start" ? "top" : "bottom" : a === "start" ? "left" : "right";
     let c = 14;
     return r !== "hidden" && a === i && (c += 24), b`<calcite-popover flip-disabled focus-trap-disabled .label=${l} .open=${o} .offsetDistance=${c} .placement=${d} pointer-disabled .referenceElement=${s} scale=s trigger-disabled ${L(this._popoverElement)}><slot name=popover @slotchange=${this._popoverSlotChange}></slot></calcite-popover>`;
   }
@@ -746,10 +746,10 @@ class pe extends j {
     let l = this._fullMin, s = this._fullMax;
     const o = [];
     return this._invalid ? b`<div class="segment track-bounds" style=${z({ left: "0%", right: "0%", top: "0%", bottom: "0%" })}></div>` : (l < t && (o.push(this._renderSegment(l, t, [
-      this.mirrored ? "track-effective-trailing" : "track-effective-leading",
+      this.mirrored ? "track-effective-end" : "track-effective-start",
       !r && a === "start" ? "track-fill" : null
     ])), l = t), s > e && (o.push(this._renderSegment(e, s, [
-      this.mirrored ? "track-effective-leading" : "track-effective-trailing",
+      this.mirrored ? "track-effective-start" : "track-effective-end",
       !r && a === "end" ? "track-fill" : null
     ])), s = e), o.push(this._renderSegment(l, s, ["track-bounds"])), o);
   }
@@ -798,7 +798,7 @@ class pe extends j {
     return Q(t, ([a, i]) => this._renderThumb(a, i));
   }
   _renderThumb(e, t) {
-    const { valueLabelsDisplay: a } = this, i = this._disabledOrInvalid, r = this._activePart === e || this._activePart === "range", l = this._activePart === "range" || this._activePart === e, s = a === "always" || a === "auto" && l, o = this.isHorizontal, d = o ? "horizontal" : "vertical", c = `label-${e}`, h = o ? "center" : this.valueLabelsPlacement === "leading" ? "end" : "start";
+    const { valueLabelsDisplay: a } = this, i = this._disabledOrInvalid, r = this._activePart === e || this._activePart === "range", l = this._activePart === "range" || this._activePart === e, s = a === "always" || a === "auto" && l, o = this.isHorizontal, d = o ? "horizontal" : "vertical", c = `label-${e}`, h = o ? "center" : this.valueLabelsPlacement === "start" ? "end" : "start";
     return K(e, b`<div id=${e ?? D} .ariaLabel=${this.messages.sliderValue} aria-labelledby=${(a ? c : void 0) ?? D} .ariaOrientation=${d} .ariaValueMin=${this._minFormatter(this.min)} .ariaValueMax=${this._maxFormatter(this.max)} .ariaValueNow=${t} .ariaValueText=${this._valueFormatter(t)} class=${C({
       thumb: !0,
       active: r
@@ -809,7 +809,7 @@ class pe extends j {
   }
   _renderRangeLabel(e) {
     let t = "center";
-    return this.isHorizontal && (t = e === "min" ? "end" : "start", this.rangeLabelsPlacement === "trailing" && (t = t === "end" ? "start" : "end"), this.mirrored && (t = t === "end" ? "start" : "end")), b`<arcgis-label-input .alignment=${t} class=${C(e)} data-type=${e ?? D} .hidden=${!this.showRangeLabels} .labelFormatter=${this[`_${e}Formatter`]} @arcgisChange=${this._onRangeInputChange} .readOnly=${!this.rangeLabelsEditingEnabled} .value=${this[e]}></arcgis-label-input>`;
+    return this.isHorizontal && (t = e === "min" ? "end" : "start", this.rangeLabelsPlacement === "end" && (t = t === "end" ? "start" : "end"), this.mirrored && (t = t === "end" ? "start" : "end")), b`<arcgis-label-input .alignment=${t} class=${C(e)} data-type=${e ?? D} .hidden=${!this.showRangeLabels} .labelFormatter=${this[`_${e}Formatter`]} @arcgisChange=${this._onRangeInputChange} .readOnly=${!this.rangeLabelsEditingEnabled} .value=${this[e]}></arcgis-label-input>`;
   }
 }
 function ve(n) {

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

@@ -18,14 +18,14 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
  * @since 5.0
  * @example
  * The following example creates a vertical slider with vertical ticks displayed at every 10 units from 0 to 100.
- * The ticks are labeled and positioned on the trailing side of the slider.
+ * The ticks are labeled and positioned on the end side of the slider.
  * ```html
  * <arcgis-slider id="sliderComponent" min="0" max="100" show-range-labels values="50" layout="vertical">
  *    <arcgis-ticks slot="content-end" style="flex:1;"
  *      min="0" max="100"
  *      mode="value"
  *      show-labels
- *      label-placement="trailing"
+ *      label-placement="end"
  *      values="0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100"
  *      layout="vertical">
  *    </arcgis-ticks>
@@ -69,9 +69,9 @@ export abstract class ArcgisTicks extends LitElement {
   /**
    * Determines whether the labels are placed before or after the ticks.
    *
-   * @default "trailing"
+   * @default "end"
    */
-  accessor labelPlacement: "leading" | "trailing";
+  accessor labelPlacement: "end" | "start";
   /**
    * Determines the layout/orientation of the ticks component. By default, the ticks will render horizontally.
    * When set to `vertical`, the ticks will render vertically.
@@ -111,7 +111,7 @@ export abstract class ArcgisTicks extends LitElement {
    *   <arcgis-ticks
    *     slot="content-end" style="flex:1;"
    *     min="0" max="100"
-   *     show-labels label-placement="trailing"
+   *     show-labels label-placement="end"
    *     mode="value"
    *     values="0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100">
    *   </arcgis-ticks>
@@ -126,7 +126,7 @@ export abstract class ArcgisTicks extends LitElement {
    *   <arcgis-ticks
    *     slot="content-end" style="flex:1;"
    *     min="0" max="100"
-   *     show-labels label-placement="trailing"
+   *     show-labels label-placement="end"
    *     mode="count"
    *     values="11">
    *   </arcgis-ticks>
@@ -141,7 +141,7 @@ export abstract class ArcgisTicks extends LitElement {
    *   <arcgis-ticks
    *     slot="content-end" style="flex:1;"
    *     min="0" max="200"
-   *     show-labels label-placement="trailing"
+   *     show-labels label-placement="end"
    *     mode="percent"
    *     values="0, 25, 50, 75, 100">
    *   </arcgis-ticks>

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

@@ -3,7 +3,7 @@ import { c as $ } from "../../chunks/runtime.js";
 import { css as M, html as c } from "lit";
 import { LitElement as _, createEvent as C, safeClassMap as h, safeStyleMap as u, nothing as v } from "@arcgis/lumina";
 import { formatNumber as z } from "@arcgis/core/intl.js";
-const s = {
+const n = {
   container: "container",
   ticksContainer: "ticks-container",
   labelsContainer: "labels-container",
@@ -12,7 +12,7 @@ const s = {
   tickMax: "tick--max",
   tickLabel: "tick-label",
   baseline: "baseline"
-}, A = M`:host{display:flex;--arcgis-ticks-tick-length: .5rem;--arcgis-ticks-tick-color: var(--calcite-color-border-input);--arcgis-ticks-gap: 1em;--arcgis-ticks-font-size: var(--calcite-font-size--2)}.container{align-items:stretch;display:flex;color:var(--calcite-color-text-2);flex:1;font-weight:var(--calcite-font-weight-medium);font-size:var(--arcgis-ticks-font-size);line-height:1em;position:relative;user-select:none;word-wrap:normal;word-break:normal}.baseline{background-color:var(--arcgis-ticks-tick-color, var(--calcite-color-border-input))}.tick{position:absolute;background-color:var(--arcgis-ticks-tick-color, var(--calcite-color-border-input))}.tick-label{position:absolute;text-align:var(--arcgis-ticks-label-text-align, center);width:var(--arcgis-ticks-label-width, var(--labels-container-width, "auto"))}:host([layout="horizontal"]){.ticks-container{height:var(--arcgis-ticks-tick-length)}.labels-container{height:var(--labels-container-height, "auto")}.tick{width:.125rem;height:var(--arcgis-ticks-tick-length);transform:translate(-50%)}.tick-label{transform:translate(-50%)}.tick--min{transform:unset}.tick--max{transform:translate(-100%)}}:host([layout="vertical"]){.ticks-container{width:var(--arcgis-ticks-tick-length)}.labels-container{width:var(--labels-container-width)}.tick{width:var(--arcgis-ticks-tick-length);height:.125rem;transform:translateY(50%)}.tick-label{text-align:right;transform:translateY(50%)}.tick--min{transform:unset}.tick--max{transform:translateY(100%)}}:host([layout="horizontal"][mirrored]){.tick,.tick-label{transform:translate(50%)}.tick--min{transform:unset}.tick--max{transform:translate(100%)}}:host([layout="vertical"][mirrored]){.tick,.tick-label{transform:translateY(-50%)}.tick--min{transform:unset}.tick--max{transform:translateY(-100%)}}:host([layout="horizontal"][label-placement="leading"]){.container{flex-direction:column;justify-content:flex-end}.labels-container{margin-bottom:var(--arcgis-ticks-gap)}}:host([layout="horizontal"][label-placement="trailing"]){.container{flex-direction:column-reverse;justify-content:flex-end}.labels-container{margin-top:var(--arcgis-ticks-gap)}}:host([layout="vertical"][label-placement="leading"]){.container{flex-direction:row;justify-content:flex-end}:dir(ltr){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right}}:dir(rtl){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left;unicode-bidi:plaintext}}}:host([layout="vertical"][label-placement="trailing"]){.container{flex-direction:row-reverse;justify-content:flex-end}:dir(ltr){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left}}:dir(rtl){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right;unicode-bidi:plaintext}}}:host([interactive]){pointer-events:none;.tick,.tick-label{pointer-events:auto;cursor:pointer}.tick-label:hover{text-decoration:underline}}`;
+}, A = M`:host{display:flex;--arcgis-ticks-tick-length: .5rem;--arcgis-ticks-tick-color: var(--calcite-color-border-input);--arcgis-ticks-gap: 1em;--arcgis-ticks-font-size: var(--calcite-font-size--2)}.container{align-items:stretch;display:flex;color:var(--calcite-color-text-2);flex:1;font-weight:var(--calcite-font-weight-medium);font-size:var(--arcgis-ticks-font-size);line-height:1em;position:relative;user-select:none;word-wrap:normal;word-break:normal}.baseline{background-color:var(--arcgis-ticks-tick-color, var(--calcite-color-border-input))}.tick{position:absolute;background-color:var(--arcgis-ticks-tick-color, var(--calcite-color-border-input))}.tick-label{position:absolute;text-align:var(--arcgis-ticks-label-text-align, center);width:var(--arcgis-ticks-label-width, var(--labels-container-width, "auto"))}:host([layout="horizontal"]){.ticks-container{height:var(--arcgis-ticks-tick-length)}.labels-container{height:var(--labels-container-height, "auto")}.tick{width:.125rem;height:var(--arcgis-ticks-tick-length);transform:translate(-50%)}.tick-label{transform:translate(-50%)}.tick--min{transform:unset}.tick--max{transform:translate(-100%)}}:host([layout="vertical"]){.ticks-container{width:var(--arcgis-ticks-tick-length)}.labels-container{width:var(--labels-container-width)}.tick{width:var(--arcgis-ticks-tick-length);height:.125rem;transform:translateY(50%)}.tick-label{text-align:right;transform:translateY(50%)}.tick--min{transform:unset}.tick--max{transform:translateY(100%)}}:host([layout="horizontal"][mirrored]){.tick,.tick-label{transform:translate(50%)}.tick--min{transform:unset}.tick--max{transform:translate(100%)}}:host([layout="vertical"][mirrored]){.tick,.tick-label{transform:translateY(-50%)}.tick--min{transform:unset}.tick--max{transform:translateY(-100%)}}:host([layout="horizontal"][label-placement="start"]){.container{flex-direction:column;justify-content:flex-end}.labels-container{margin-bottom:var(--arcgis-ticks-gap)}}:host([layout="horizontal"][label-placement="end"]){.container{flex-direction:column-reverse;justify-content:flex-end}.labels-container{margin-top:var(--arcgis-ticks-gap)}}:host([layout="vertical"][label-placement="start"]){.container{flex-direction:row;justify-content:flex-end}:dir(ltr){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right}}:dir(rtl){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left;unicode-bidi:plaintext}}}:host([layout="vertical"][label-placement="end"]){.container{flex-direction:row-reverse;justify-content:flex-end}:dir(ltr){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left}}:dir(rtl){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right;unicode-bidi:plaintext}}}:host([interactive]){pointer-events:none;.tick,.tick-label{pointer-events:auto;cursor:pointer}.tick-label:hover{text-decoration:underline}}`;
 class F extends _ {
   constructor() {
     super(...arguments), this._formatValue = (e) => z(e, this._formatOptions), this._formatOptions = {
@@ -20,7 +20,7 @@ class F extends _ {
       useGrouping: !0,
       minimumFractionDigits: 0,
       maximumFractionDigits: 2
-    }, this.interactive = !1, this.interpolationExponent = 0, this.labelPlacement = "trailing", this.layout = "horizontal", this.max = 100, this.min = 0, this.mirrored = !1, this.mode = "count", this.showLabels = !1, this.showBaseline = !1, this.values = [], this.arcgisTickClick = C({ cancelable: !1 });
+    }, this.interactive = !1, this.interpolationExponent = 0, this.labelPlacement = "end", this.layout = "horizontal", this.max = 100, this.min = 0, this.mirrored = !1, this.mode = "count", this.showLabels = !1, this.showBaseline = !1, this.values = [], this.arcgisTickClick = C({ cancelable: !1 });
   }
   static {
     this.properties = { _formatOptions: 16, interactive: 7, interpolationExponent: 9, labelFormatter: 0, labelPlacement: 3, layout: 3, max: 9, min: 9, mirrored: 7, mode: 1, showLabels: 5, showBaseline: 5, values: [9, { converter: {
@@ -38,10 +38,10 @@ class F extends _ {
     this.styles = A;
   }
   updated() {
-    const e = this.renderRoot.querySelector(`.${s.labelsContainer}`);
+    const e = this.renderRoot.querySelector(`.${n.labelsContainer}`);
     if (e) {
       let t = 0, i = 0;
-      for (const r of this.renderRoot.querySelectorAll(`.${s.tickLabel}`)) {
+      for (const r of this.renderRoot.querySelectorAll(`.${n.tickLabel}`)) {
         const a = r.getBoundingClientRect();
         t = Math.max(t, a.width), i = Math.max(i, a.height);
       }
@@ -62,30 +62,30 @@ class F extends _ {
     return i ?? this._formatValue(e);
   }
   render() {
-    return c`<div class=${h(s.container)} touch-action=none @click=${this._handleClick}>${this._renderContent()}${this._renderBaseline()}</div>`;
+    return c`<div class=${h(n.container)} touch-action=none @click=${this._handleClick}>${this._renderContent()}${this._renderBaseline()}</div>`;
   }
   _renderContent() {
-    const { interpolationExponent: e, max: t, min: i, mode: r, values: a, layout: o, mirrored: l, showLabels: x } = this, k = [], b = [];
+    const { interpolationExponent: e, max: t, min: i, mode: r, values: a, layout: o, mirrored: l, showLabels: x } = this, g = [], b = [];
     for (const [f, d] of L(r, i, t, e, a)) {
       const p = { [o === "horizontal" ? l ? "right" : "left" : l ? "top" : "bottom"]: `${f}%` }, w = {
-        [s.tick]: !0,
-        [s.tickMin]: f === 0,
-        [s.tickMax]: f === 100
+        [n.tick]: !0,
+        [n.tickMin]: f === 0,
+        [n.tickMax]: f === 100
       };
-      k.push(c`<div class=${h(w)} style=${u(p)} data-value=${d ?? v}></div>`), x && b.push(c`<div class=${h(s.tickLabel)} style=${u(p)} data-value=${d ?? v}>${this._internalLabelFormatter(d)}</div>`);
+      g.push(c`<div class=${h(w)} style=${u(p)} data-value=${d ?? v}></div>`), x && b.push(c`<div class=${h(n.tickLabel)} style=${u(p)} data-value=${d ?? v}>${this._internalLabelFormatter(d)}</div>`);
     }
-    return [c`<div class=${h(s.labelsContainer)}>${b}</div>`, c`<div class=${h(s.ticksContainer)}>${k}</div>`];
+    return [c`<div class=${h(n.labelsContainer)}>${b}</div>`, c`<div class=${h(n.ticksContainer)}>${g}</div>`];
   }
   _renderBaseline() {
     const { showBaseline: e, layout: t } = this;
-    return e && c`<div class=${h(s.baseline)} style=${u({
+    return e && c`<div class=${h(n.baseline)} style=${u({
       [t === "horizontal" ? "width" : "height"]: "100%",
       [t === "horizontal" ? "height" : "width"]: "0.125rem"
     })}></div>` || "";
   }
 }
-function* L(n, e, t, i, r) {
-  switch (n) {
+function* L(s, e, t, i, r) {
+  switch (s) {
     case "value": {
       const a = Array.isArray(r) ? r : [r];
       for (const o of a) {
@@ -116,24 +116,24 @@ function* L(n, e, t, i, r) {
     }
   }
 }
-function g(n, e, t) {
-  return t < n ? n : t > e ? e : t;
+function k(s, e, t) {
+  return t < s ? s : t > e ? e : t;
 }
-function y(n, e, t) {
-  return n + (e - n) * t;
+function y(s, e, t) {
+  return s + (e - s) * t;
 }
-function P(n, e, t, i = 0) {
-  let r = (t - n) / (e - n);
-  if (r = g(0, 1, r), Math.abs(i) < 1e-9)
+function P(s, e, t, i = 0) {
+  let r = (t - s) / (e - s);
+  if (r = k(0, 1, r), Math.abs(i) < 1e-9)
     return r;
   const a = 1 + Math.expm1(i) * r;
-  return r = Math.log(a) / i, g(0, 1, r);
+  return r = Math.log(a) / i, k(0, 1, r);
 }
-function m(n, e, t, i = 0) {
-  if (t = g(0, 1, t), Math.abs(i) < 1e-9)
-    return y(n, e, t);
+function m(s, e, t, i = 0) {
+  if (t = k(0, 1, t), Math.abs(i) < 1e-9)
+    return y(s, e, t);
   const r = Math.expm1(i * t) / Math.expm1(i);
-  return y(n, e, r);
+  return y(s, e, r);
 }
 $("arcgis-ticks", F);
 export {