@arcgis/common-components 5.1.0-next.12 → 5.1.0-next.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{57I35HLF.js → JTRO7GRS.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/components/arcgis-slider/customElement.d.ts +41 -41
- package/dist/components/arcgis-slider/customElement.js +2 -2
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +3 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as Q}from"./7Y42J3JI.js";import{a as re}from"./EPX7DYFW.js";import{a as ee,b as te}from"./7PB2GGQH.js";import{a as z,b as X,d as J}from"./7CI55VCH.js";import{A as F,B as G,C as $,D as S,E as w,H as Z,g as K,i as b,o as q,p as W,q as C,s as Y,t as V,z as O}from"./UTXWKXMT.js";export default $arcgis.t(([{on:qe,watch:ae},{createObservable:me,trackAccess:pe},{property:Xe,subclass:Je},et,xe,{property:D,subclass:ye},{watch:H}])=>{var ne=(a,e)=>t=>fe(t,a),A=class extends Y{constructor(e,t){super(e),this.Y=new Map,this.A=void 0,this.#r=me();let r=this;r.#e=t,r.Z(),r.setProvisionalExports(ve(e,new WeakRef(r),e.M.length-1,r.instance,r.Y),!1),q(e,i=>{if(i){let n=ae(()=>e[i],o=>{if(o===r.instance)return;let s=r.instance;r.exports=o,r.instance=o,r.Y.forEach((l,d)=>e.requestUpdate(l,s[d])),r.#t&&s.destroy(),r.#t=!1},{sync:!0});r.onDestroy(n.remove)}},r.exports)}#t;#r;#e;get exports(){return pe(this.#r),super.exports}set exports(e){super.exports=e,this.#r.notify()}Z(){let e=this;e.instance="prototype"in e.#e&&"declaredClass"in e.#e.prototype?new e.#e:e.#e(),e.#t=!0}hostConnected(){this.exports=this.instance}hostDestroy(){this.#t&&this.instance.destroy?.()}},fe=ee(A),ve=(a,e,t,r,i)=>new Proxy(r,{get:(n,o)=>{let s=n[o];if(typeof o=="symbol"||i.has(o))return s;let l=a.M[t];return l.A=o,W(a,d=>{if(l.A=void 0,d!==void 0){let c=d.key;i.set(o,c);let h=a.constructor.getPropertyOptions(c),u=o!==c&&c.toLowerCase().includes("disable");be(e,h,o,c,u),h.i===void 0&&_e(h,t,o,u)}},s)}}),be=(a,e,t,r,i,n)=>n=ae(()=>{let o=a.deref();return o===void 0||o.component.manager.destroyed?n=n.remove():o.exports[t]},(o,s)=>{if(!n)return;a.deref().component?.requestUpdate(r,i?!s:s),e.c=!1},{sync:!0}),_e=(a,e,t,r)=>{a.d.get=function(){let i=this.M[e]?.exports[t];return r?!i:i},a.d.set=function(i){let n=this.M[e];n.A!==t&&(n.exports[t]=r?!i:i)}};function*ie(a,e){if(a!==void 0){let t=0;for(let r of a)yield e(r,t++)}}var p={increment:"ArrowUp",incrementHorizontal:"ArrowRight",decrement:"ArrowDown",decrementHorizontal:"ArrowLeft",pageIncrement:"PageUp",pageDecrement:"PageDown",jumpToStart:"Home",jumpToEnd:"End",confirmEdit:"Enter"};function se({key:a,shiftKey:e},t,r){let i=ke(a);if(i==null)return null;let n=De(a)||we(a)&&e?Ee(t):1;return{direction:r?i*-1:i,count:n}}function ke(a){return a===p.increment||a===p.incrementHorizontal||a===p.pageIncrement?1:a===p.decrement||a===p.decrementHorizontal||a===p.pageDecrement?-1:null}function oe(a){return a===p.jumpToEnd||a===p.jumpToStart}function we(a){return a===p.increment||a===p.decrement||a===p.decrementHorizontal||a===p.incrementHorizontal}function De(a){return a===p.pageIncrement||a===p.pageDecrement}function Ee(a){let e=Number.isFinite(a)?Math.floor(a):1;return Math.max(1,e)}var Pe=K`:host{display:flex;width:100%;height:100%;font-family:Avenir Next,Helvetica Neue,helvetica,arial,sans-serif;font-size:var(--calcite-font-size--2);font-variant-numeric:tabular-nums;--arcgis-slider-dash-length: 5px;--arcgis-slider-handle-size: .875rem;--arcgis-slider-track-background-color: var(--calcite-color-border-2);--arcgis-slider-internal-show-range-labels: 0;--arcgis-slider-internal-show-value-labels: 0;--arcgis-slider-internal-value-labels-placement-start: 0;--arcgis-slider-internal-value-labels-placement-end: 0;--arcgis-slider-internal-range-labels-placement-center: 0;--arcgis-slider-internal-range-labels-placement-end: 0;--arcgis-slider-internal-handle-offset: calc(var(--arcgis-slider-handle-size) / 2);--arcgis-slider-internal-label-input-margin: calc(var(--arcgis-slider-internal-handle-offset) + 4px);--arcgis-slider-internal-label-input-height: var(--calcite-input-number-height, 1.5rem);--arcgis-slider-internal-track-size: 2px}:host([show-range-labels]){--arcgis-slider-internal-show-range-labels: 1}:host(:not([value-labels-display="hidden"])){--arcgis-slider-internal-show-value-labels: 1}:host([value-labels-placement="start"]){--arcgis-slider-internal-value-labels-placement-start: var(--arcgis-slider-internal-show-value-labels)}:host([value-labels-placement="end"]){--arcgis-slider-internal-value-labels-placement-end: var(--arcgis-slider-internal-show-value-labels)}:host([range-labels-placement="center"]){--arcgis-slider-internal-range-labels-placement-center: var(--arcgis-slider-internal-show-range-labels)}:host([range-labels-placement="end"]){--arcgis-slider-internal-range-labels-placement-end: var(--arcgis-slider-internal-show-range-labels)}:host([disabled]){cursor:default;opacity:var(--calcite-opacity-disabled);pointer-events:none}.content{direction:ltr;flex:1;touch-action:none;user-select:none;display:grid;word-wrap:normal;word-break:normal;padding-block:var(--arcgis-slider-internal-handle-offset)}.track-container{grid-area:track-container;position:relative;display:flex;justify-content:center;align-items:center}.track{touch-action:none;position:relative}.track-bounds{background-color:var(--calcite-color-border-2)}.track-fill{--arcgis-slider-track-background-color: var(--calcite-color-brand)}:host([layout="vertical"]){.track-effective-start{background:repeating-linear-gradient(to bottom,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to top,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}:host([layout="horizontal"]){.track-effective-start{background:repeating-linear-gradient(to right,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to left,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}.track-range{background-color:var(--calcite-color-brand);&.active{box-shadow:0 0 8px #00000029;outline:1px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)))}}:host([disabled]) .track-range{background-color:var(--calcite-color-text-3)}:host([disabled]),:host([disabled][layout="horizontal"]),:host([disabled][layout="vertical"]){.track-range.interactive:after{cursor:default;pointer-events:none}}:host([layout="horizontal"]){.track-range.interactive:after{all:initial;cursor:ew-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-top:1px}}:host([layout="vertical"]){.track-range.interactive:after{all:initial;cursor:ns-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-left:1px;writing-mode:vertical-lr}}.segment{transform-origin:0 0;inset-block-start:0px;block-size:.125rem;position:absolute;top:0;left:0}.thumb{-webkit-user-select:none;user-select:none;background-color:#4c4c4c;position:absolute}.thumb:focus,.thumb.active{.handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px #00000029;outline:2px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}}.handle{cursor:pointer;box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;border-radius:var(--arcgis-slider-handle-size);width:var(--arcgis-slider-handle-size);height:var(--arcgis-slider-handle-size);transition:all var(--calcite-animation-timing, .125s) ease-in-out;position:absolute;top:calc(var(--arcgis-slider-internal-handle-offset) * -1);left:calc(var(--arcgis-slider-internal-handle-offset) * -1)}.handle:hover{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.label{position:absolute;will-change:transform}.label[hidden]{display:block;opacity:0;pointer-events:none}.min{grid-area:range-start}.max{grid-area:range-end}:host([layout="horizontal"][mirrored][range-labels-placement="center"]),:host([layout="vertical"]:not([mirrored])){.min{grid-area:range-end}.max{grid-area:range-start}}.content-start{grid-area:content-start;display:flex}.content-end{grid-area:content-end;display:flex}:host([layout="vertical"]){.content{grid-template:". range-start range-start range-start ." "content-start content-start track-container content-end content-end" ". range-end range-end range-end .";grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto auto auto 1fr;row-gap:var(--arcgis-slider-internal-handle-offset)}.track-container{flex-direction:column}.track{flex:1;width:var(--arcgis-slider-internal-track-size)}.segment{writing-mode:vertical-lr}.label{top:calc(var(--arcgis-slider-internal-label-input-height) * -.5)}&:host([value-labels-placement="start"]){.label{right:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{left:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="center"]){.content{--arcgis-slider-internal-content-start-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + (var(--arcgis-slider-internal-value-labels-placement-start) * var(--arcgis-slider-internal-label-input-height)) );--arcgis-slider-internal-content-end-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + (var(--arcgis-slider-internal-value-labels-placement-end) * var(--arcgis-slider-internal-label-input-height)) );column-gap:calc(var(--arcgis-slider-internal-show-range-labels) * var(--arcgis-slider-internal-handle-offset) / 2);padding-inline:calc((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset));grid-template:". content-start ." "range-start content-start range-end" "range-start track-container range-end" "range-start content-end range-end" ". content-end .";grid-template-columns:auto 1fr auto;grid-template-rows:minmax(var(--arcgis-slider-internal-content-start-min-height),auto) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) var(--arcgis-slider-internal-track-size) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) minmax(var(--arcgis-slider-internal-content-end-min-height),auto)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="end"]){.content{--arcgis-slider-internal-content-start-min-height: calc( var(--arcgis-slider-internal-handle-offset) + var(--arcgis-slider-internal-value-labels-placement-start) * var(--arcgis-slider-internal-label-input-height) );--arcgis-slider-internal-content-end-min-height: calc( var(--arcgis-slider-internal-value-labels-placement-end) * var(--arcgis-slider-internal-label-input-height) );padding-inline:var(--arcgis-slider-internal-handle-offset);grid-template:"content-start content-start content-start" "track-container track-container track-container" "content-end content-end content-end" "content-end content-end content-end" "content-end content-end content-end";grid-template-columns:auto;grid-template-rows:minmax(var(--arcgis-slider-internal-content-start-min-height),auto) var(--arcgis-slider-internal-track-size) var(--arcgis-slider-internal-handle-offset) calc(var(--arcgis-slider-internal-range-labels-placement-end) * var(--arcgis-slider-internal-label-input-height)) minmax(var(--arcgis-slider-internal-content-end-min-height),auto);column-gap:var(--arcgis-slider-internal-handle-offset)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:calc(var(--arcgis-slider-internal-label-input-margin) + var(--arcgis-slider-internal-range-labels-placement-end) * (var(--arcgis-slider-internal-label-input-height)))}}.min,.max{--arcgis-slider-internal-range-translation: calc(var(--arcgis-slider-internal-handle-offset) + .5rem + 1px);grid-area:unset;grid-row:-3}&:host(:not([mirrored])){.min{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}.max{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}}&:host([mirrored]){.min{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}.max{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}}}`,Ce=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,k=(a,e,t,r)=>{for(var i=r>1?void 0:r?$e(e,t):e,n=a.length-1,o;n>=0;n--)(o=a[n])&&(i=(r?o(e,t,i):o(i))||i);return r&&i&&Ce(e,t,i),i};function Ie(){return{min:0,max:100,values:[]}}var x=class extends xe{constructor(a={}){super({...Ie(),properties:a}),this._entries=new Map,this.precision=4,this.ready=!1}startup(){let{precision:a}=this,{min:e,max:t,values:r}=this;t=_(t,a),e=_(e,a),r=r?.map(n=>M(_(n,a),e,t)),this._set("min",e),this._set("max",t),this._set("values",r);let i=new Map(r?.map(n=>[V(),n]));this._entries=i,H(()=>this.min,n=>{let o=this.values;n!=null&&o?.length&&o.some(s=>s<n)&&(this._entries.forEach((s,l)=>{s<n&&this._entries.set(l,n)}),this._updatesValues())},{sync:!0}),H(()=>this.max,n=>{let o=this.values;n!=null&&o?.length&&o.some(s=>s>n)&&(this._entries.forEach((s,l)=>{s>n&&this._entries.set(l,n)}),this._updatesValues())},{sync:!0}),H(()=>this.precision,n=>{let{min:o,max:s,values:l}=this;this._set("min",_(o,n)),this._set("max",_(s,n)),l?.length&&(this._entries.forEach((d,c)=>{this._entries.set(c,_(d,n))}),this._updatesValues())},{sync:!0}),this._set("ready",!0)}get entries(){return this._entries}set max(a){if(!this.ready){this._set("max",a);return}let e=this._get("max"),t=_(a,this.precision);e!==t&&this._set("max",t)}set min(a){if(!this.ready){this._set("min",a);return}let e=this._get("min"),t=_(a,this.precision);e!==t&&this._set("min",t)}set values(a){if(!this.ready){this._set("values",a);return}let e=this._get("values");if(a=a?.map(r=>M(_(r,this.precision),this.min,this.max)).sort((r,i)=>r-i),e&&a&&e.length===a.length&&e.every((r,i)=>r===a[i]))return;let t=new Map(a?.map(r=>[V(),r]));this._entries=t,this._set("values",a)}getValue(a){return this._entries.get(a)}setValue(a,e){if(this.values==null)return!1;let{min:t,max:r}=this,i=this._entries.get(a),n=M(_(e,this.precision),t,r);return i===n?!1:(this._entries.set(a,n),this._updatesValues(),!0)}setValues(a){if(this.values==null)return!1;let e=!1,{min:t,max:r}=this;for(let[i,n]of a){let o=this._entries.get(i),s=M(_(n,this.precision),t,r);o!==s&&(e=!0,this._entries.set(i,s))}return e?(this._updatesValues(),!0):!1}_updatesValues(){let a=Array.from(this._entries.values()).sort((e,t)=>e-t);this._set("values",a)}};k([D()],x.prototype,"_entries",2);k([D({readOnly:!0})],x.prototype,"entries",1);k([D()],x.prototype,"max",1);k([D()],x.prototype,"min",1);k([D({cast:a=>M(a,0,20)})],x.prototype,"precision",2);k([D({readOnly:!0})],x.prototype,"ready",2);k([D()],x.prototype,"values",1);x=k([ye("esri.widgets.Slider.SliderData")],x);function M(a,e,t){return Math.min(Math.max(a,e),t)}function _(a,e){return Number.parseFloat(a.toFixed(e))}var N=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,i,n,o)=>Math.abs(i-e)<Math.abs(o[r]-e)?n:r)}},B=class{constructor(e,t,r){this.min=e,this.max=t,this.stepSize=r,this.minIndex=0,this.maxIndex=Math.round((this.max-this.min)/this.stepSize)}indexToValue(e){return this.min+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 Me(a){if(a.steps==null)return null;let e=a.steps;return Array.isArray(e)?e.length===0?null:new N(e):new B(a.min,a.max,e)}function Te(a,e,t){if(a==null){let s=new Map;for(let[l,d]of e.entries())s.set(l,d+t);return s}let r=e.size,i=Array.from(e.entries()).map(([s,l])=>{let d=l+t,c=[];for(let h=a.minIndex;h<=a.maxIndex;h++){let u=a.indexToValue(h),f=Math.abs(u-d),g=!1;for(let v=0;v<c.length;v++)if(f<c[v].dist){c.splice(v,0,{idx:h,value:u,dist:f}),g=!0;break}!g&&c.length<r&&c.push({idx:h,value:u,dist:f}),c.length>r&&(c.length=r)}return{uuid:s,stepDistances:c}}),n=new Set,o=new Map;i.sort((s,l)=>s.stepDistances[0].dist-l.stepDistances[0].dist);for(let s of i){let l=s.stepDistances.find(d=>!n.has(d.idx));l?(n.add(l.idx),o.set(s.uuid,l.value)):o.set(s.uuid,e.get(s.uuid))}return o}function le(a,e,t,r,i){let n=e.get(t)??0;if(!a)return n+r;let o=n+r,s=new Set;if(!i)for(let[c,h]of e.entries())c!==t&&s.add(a.valueToIndex(h));let l=null,d=1/0;for(let c=a.minIndex;c<=a.maxIndex;c++){if(s.has(c))continue;let h=a.indexToValue(c),u=Math.abs(h-o);u<d&&(d=u,l=c)}return l==null?n:a.indexToValue(l)}function Fe(a,e,t,r=1){let i=he(r),n=e,o=!1;for(let s=0;s<i;s++){let l=ze(a,n,t);if(o||=l.changed,n=l.entries,!l.changed)break}return{changed:o,entries:n}}function Se(a,e,t,r,i=1){let n=he(i);if(n===1)return U(a,e,t,r);let o=new Map(e),s=o.get(t);for(let l=0;l<n;l++){let d=U(a,o,t,r);if(d===s)break;s=d,o.set(t,s)}return s}function he(a){let e=Number.isFinite(a)?Math.floor(a):1;return Math.max(1,e)}function ze(a,e,t){let r=new Map,i=t>0?Ve:ue,n=Array.from(e).sort((l,d)=>i(l[1],d[1])),o=!1,s=!0;for(let[l,d]of n)if(r.set(l,d),s){let c=U(a,r,l,t);d===c&&(s=!1),o||=s,r.set(l,c)}return{changed:o,entries:r}}function U(a,e,t,r){let{allowValuesOverlap:i,stepsProvider:n,resolution:o,min:s,max:l}=a,d=e.get(t);if(r=r>0?1:-1,!n){let m=P(d+r*o,s,l);if(i)return m;let y=new Set;for(let[T,ge]of e)T!==t&&y.add(ge);for(;y.has(m)&&m<=l&&m>=s;)m=P(m+r*o,s,l);return y.has(m)||m>l||m<s?d:m}let c=n.valueToIndex(d);if(c===-1)return d;if(i){let m=P(c+r,n.minIndex,n.maxIndex);return n.indexToValue(m)}let h=new Set;for(let[m,y]of e)m!==t&&h.add(n.valueToIndex(y));let u=c,f=!1,g=n.minIndex,v=n.maxIndex,E=0;for(;E<Math.abs(v-g)&&(u+=r,!(u<g||u>v));){if(!h.has(u)){f=!0;break}E++}return f?n.indexToValue(u):d}function Le(a,e,t,r){let{allowValuesOverlap:i,stepsProvider:n,resolution:o,min:s,max:l}=a,d=e.get(t);if(r=r>0?1:-1,!n){let f=new Set(Array.from(e).filter(([v])=>v!==t).map(([,v])=>v)),g=r>0?l:s;if(i)return g;for(;f.has(g);)if(g-=r*o,r>0&&g>l||r<0&&g<s){g=d;break}return g}if(i)return r>0?n.indexToValue(n.maxIndex):n.indexToValue(n.minIndex);let c=n.valueToIndex(d);if(c===-1)return d;let h=new Set(Array.from(e).filter(([f])=>f!==t).map(([,f])=>n.valueToIndex(f))),u=r>0?n.maxIndex:n.minIndex;for(;h.has(u);)if(u-=r,r>0&&u>l||r<0&&u<s){u=c;break}return n.indexToValue(u)}function Re(a,e,t){let{stepsProvider:r,min:i,max:n}=a,o=new Map,s=Array.from(e).sort((d,c)=>ue(d[1],c[1]));if(r){let d=0;if(t>0){let c=s[s.length-1],h=r.valueToIndex(c[1]);d=r.maxIndex-h}else{let c=s[0],h=r.valueToIndex(c[1]);d=r.minIndex-h}if(d===0)for(let[c,h]of s)o.set(c,h);for(let[c,h]of s){let u=r.indexToValue(r.valueToIndex(h)+d);o.set(c,u)}return o}let l=0;if(t>0){let d=s[s.length-1];l=n-d[1]}else{let d=s[0];l=i-d[1]}for(let[d,c]of s)o.set(d,c+l);return o}function ue(a,e){return a-e}function Ve(a,e){return e-a}function P(a,e,t){return Math.max(e,Math.min(t,a))}var Oe=ne(x),j=class extends G{constructor(){super(...arguments),this._popoverElement=O(),this._trackElement=O(),this.messages=te({}),this._onPointerMoveDragUpdate=e=>{this._updateDrag(this._mapEventToRange(e))},this._onPointerUpDragEnd=e=>{L(e)&&this._endDrag()},this._onPointerCancelDragEnd=()=>{this._endDrag()},this._formatLabel=(e,t,r)=>{let i=re(this.messages._lang,t),n=this.labelFormatter;return n?n(r,e,s=>i.format(s))??i.format(r):i.format(r)},this._numberFormatOptions={},this._createFormatter=(e,t)=>this._formatLabel.bind(this,e,t),this._minFormatter=this._createFormatter("min",this._numberFormatOptions),this._maxFormatter=this._createFormatter("max",this._numberFormatOptions),this._valueFormatter=this._createFormatter("value",this._numberFormatOptions),this._resizeObserver=new ResizeObserver(()=>{this._layoutLabelInputs()}),this._labelInputsUpdateComplete=null,this._dragInfo=null,this._hasPopoverContent=!1,this._hasContentStart=!1,this._hasContentEnd=!1,this._sliderData=Oe(this),this.allowValuesOverlap=!1,this.autoDestroyDisabled=!1,this.disabled=!1,this.fillPlacement="start",this.layout="horizontal",this.max=this._sliderData.max,this.min=this._sliderData.min,this.mirrored=!1,this.popoverLabel="",this.popoverPlacement="start",this.precision=this._sliderData.precision,this.rangeLabelsEditingEnabled=!1,this.rangeLabelsPlacement="center",this.segmentsDraggingDisabled=!1,this.showRangeLabels=!1,this.valueLabelsDisplay="hidden",this.valueLabelsPlacement="start",this.valueLabelsEditingEnabled=!1,this.keyboardLargeStep=10,this.values=this._sliderData.values,this.arcgisActiveValueChange=C({cancelable:!1}),this.arcgisChange=C({cancelable:!1}),this.arcgisInput=C({cancelable:!1}),this.arcgisRangeChange=C({cancelable:!1})}static{this.properties={_dragInfo:16,_hasPopoverContent:16,_hasContentStart:16,_hasContentEnd:16,_activePart:16,_sliderData:16,activeValue:32,allowValuesOverlap:5,autoDestroyDisabled:5,disabled:7,fullRangeMax:11,fullRangeMin:11,fillPlacement:1,labelFormatter:0,layout:3,max:11,min:11,mirrored:7,popoverLabel:1,popoverPlacement:3,precision:11,rangeLabelsEditingEnabled:5,rangeLabelsPlacement:3,segmentsDraggingDisabled:5,showRangeLabels:7,steps:[9,{converter:{fromAttribute(e){if(e.includes(","))return e.split(",").filter(r=>r.trim()!=="").map(parseFloat).filter(r=>Number.isFinite(r));let t=parseFloat(e);return Number.isFinite(t)?t:void 0}}}],valueLabelsDisplay:3,valueLabelsPlacement:3,valueLabelsEditingEnabled:5,keyboardLargeStep:9,values:[1,{converter:{fromAttribute(e){return e.includes(",")?e.split(",").filter(t=>t.trim()!=="").map(parseFloat).filter(t=>Number.isFinite(t)):[parseFloat(e)].filter(t=>Number.isFinite(t))}}}],messageOverrides:0}}static{this.styles=Pe}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}get _fullMin(){return this.fullRangeMin??this.min}get _fullMax(){return this.fullRangeMax??this.max}get _fullRange(){return this._fullMax-this._fullMin}get isHorizontal(){return this.layout==="horizontal"}get _trackWidthOrHeight(){let e=this._trackElement.value?.getBoundingClientRect();return e?this.isHorizontal?e.width:e.height:0}get _disabledOrInvalid(){return this.disabled||this.values.length===0||this._invalid}get _invalid(){let e=this.fullRangeMin==null||this.fullRangeMax==null||this.fullRangeMin<this.fullRangeMax,t=this.fullRangeMin==null||this.fullRangeMin<=this.min,r=this.fullRangeMax==null||this.fullRangeMax>=this.max;return this.min>=this.max||!e||!t||!r}get resolution(){let e=(this._sliderData.max-this._sliderData.min)/this._trackWidthOrHeight;return Math.max(e,1/Math.pow(10,this.precision))}get activeValue(){if(this._activePart)return this._activePart==="range"?"all":this._sliderData.getValue(this._activePart)}async destroy(){await this.manager.destroy()}load(){this._sliderData.startup()}willUpdate(e){if((e.has("steps")||e.has("min")||e.has("max"))&&(this._stepsProvider=Me(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,n=>n.updateComplete)));if(this._labelInputsUpdateComplete=t,await t,t!==this._labelInputsUpdateComplete)return;this._labelInputsUpdateComplete=null;let r=this._trackElement.value;if(!r)return;let i=r.getBoundingClientRect();for(let n of this._sliderData.entries.keys()){let o=this._activePart==="range"||this._activePart===n;if(this.valueLabelsDisplay==="always"||o){let s=Be(this,n),l=ce(this,n);if(!s||!l)continue;let d=s.getBoundingClientRect(),c=l.getBoundingClientRect(),h=l.getLabelBoundingClientRect(),u=d.width/2,f=Math.round(d.left+u),g=Math.round(h.width/2),v=c.width/2,E=i.left-u,m=i.right+u,y=f-g,T=f+g;y<E?v+=y-E:T>m&&(v+=T-m),l.style.transform=`translateX(${-Math.round(v)}px)`}}}_onTrackFocus(){this._setActivePart("range")}_onTrackBlur(){this._setActivePart(null)}_onTrackRangePointerDown(e){this._disabledOrInvalid||!L(e)||this._startDrag("range",this._mapEventToRange(e))}async _onPointerDown(e){if(this._disabledOrInvalid||!L(e))return;let t=this.renderRoot.querySelector("arcgis-label-input[editing]");if(e.target===t)return;if(t){t.blur(),this._focusEntry(I(t));return}if(Ae(e.target)||this.values?.length>1)return;let r=this._mapEventToRange(e),[i,n]=this._sliderData.entries.entries().next().value,o=r*this._fullRange+this._fullMin-n,s=R(this._fullMin,this._fullMax,n)/100;this._startDrag(i,s);let l=le(this._stepsProvider,this._sliderData.entries,i,o,this.allowValuesOverlap);this._setValue(i,l),this._focusEntry(i)}_onThumbPointerDown(e){let t=I(e.currentTarget);if(!L(e)||this._disabledOrInvalid||!t)return;let r=ce(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,i]of t)if(this._sliderData.getValue(r)!==i){e=!0;break}}this._dragInfo=null,e&&this.arcgisChange.emit()}_startDrag(e,t){if(this._disabledOrInvalid)return;let{min:r,max:i,values:n}=this,o=r,s=i;if(this._setActivePart(e),e==="range"){if(this.segmentsDraggingDisabled)return;o=r-n[0],s=i-n[n.length-1]}this._dragInfo={position:t,entries:new Map(this._sliderData.entries.entries()),minDiff:o,maxDiff:s},this._addDragListeners()}_updateDrag(e){if(!this._dragInfo||!this._activePart)return;let{_activePart:t,_dragInfo:{position:r,entries:i,minDiff:n,maxDiff:o}}=this;if(r===e)return;let s=(e-r)*this._fullRange;if(t==="range"){s=Math.min(o,Math.max(n,s));let l=Te(this._stepsProvider,i,s);this._setValues(l)}else{let l=le(this._stepsProvider,i,t,s,this.allowValuesOverlap);this._setValue(t,l)}}_focusEntry(e){e&&Ne(this,e)?.focus()}_addDragListeners(){document.addEventListener("pointerup",this._onPointerUpDragEnd),document.addEventListener("pointermove",this._onPointerMoveDragUpdate),document.addEventListener("pointercancel",this._onPointerCancelDragEnd)}_removeDragListeners(){document.removeEventListener("pointerup",this._onPointerUpDragEnd),document.removeEventListener("pointermove",this._onPointerMoveDragUpdate),document.removeEventListener("pointercancel",this._onPointerCancelDragEnd)}_setValues(e){this._sliderData.setValues(e)&&(this._dragInfo||this.arcgisChange.emit(),this.arcgisInput.emit())}_setValue(e,t){this._sliderData.setValue(e,t)&&(this._dragInfo||this.arcgisChange.emit(),this.arcgisInput.emit())}_onThumbFocus(e){let t=I(e.currentTarget);this._setActivePart(t)}_onThumbBlur(){this._setActivePart(null)}_onRangeInputChange(e){let t=e.currentTarget,r=t.value,i=t.dataset.type,n=!1;switch(e.stopPropagation(),i){case"min":{r<this.max?(this.min=r,n=!0):t.value=this.min;break}case"max":{r>this.min?(this.max=r,n=!0):t.value=this.max;break}}n&&this.arcgisRangeChange.emit()}_onValueInputChange(e){let t=e.currentTarget,r=I(t),i=t.value;r&&(e.stopPropagation(),this._setValue(r,i),t.value=this._sliderData.getValue(r))}_mapEventToRange(e){let t=this._trackElement.value?.getBoundingClientRect();if(!t)return 0;let r=this.isHorizontal?(e.clientX-t.left)/t.width:1-(e.clientY-t.top)/t.height;return this.mirrored?1-r:r}_getPositionStyleForElement(e){let t=R(this._fullMin,this._fullMax,e);return{[this.isHorizontal?this.mirrored?"right":"left":this.mirrored?"top":"bottom"]:`${t}%`}}_popoverSlotChange(e){this._hasPopoverContent=z(e)}_onContentStartSlotChange(e){this._hasContentStart=z(e)}_onContentEndSlotChange(e){this._hasContentEnd=z(e)}_onThumbKeyDown(e){let t=I(e.currentTarget);if(!t)return;let r=e.currentTarget.querySelector("arcgis-label-input");if(!r||r.editing)return;if(e.key===p.confirmEdit){r.edit();return}let i=se(e,this.keyboardLargeStep,this.mirrored);if(i){e.preventDefault();let n=Se(this._getStepsConfiguration(),this._sliderData.entries,t,i.direction,i.count);this._setValue(t,n);return}if(oe(e.key)){e.preventDefault();let n=Le(this._getStepsConfiguration(),this._sliderData.entries,t,this._getDirectionForHomeEndKey(e.key));this._setValue(t,n)}}_onTrackRangeKeyDown(e){if(this._disabledOrInvalid)return;let t=se(e,this.keyboardLargeStep,this.mirrored);if(t){e.preventDefault();let{entries:r}=Fe(this._getStepsConfiguration(),this._sliderData.entries,t.direction,t.count);this._setValues(r);return}if(oe(e.key)){e.preventDefault();let r=Re(this._getStepsConfiguration(),this._sliderData.entries,this._getDirectionForHomeEndKey(e.key));this._setValues(r)}}_getStepsConfiguration(){return{allowValuesOverlap:this.allowValuesOverlap,stepsProvider:this._stepsProvider,resolution:this.resolution,min:this.min,max:this.max}}_getDirectionForHomeEndKey(e){return this.isHorizontal&&this.mirrored||this.layout==="vertical"?e===p.jumpToEnd?-1:1:e===p.jumpToStart?-1:1}_setActivePart(e){this._activePart!==e&&(this._activePart=e,this.arcgisActiveValueChange.emit())}render(){return b`<div class=${$({content:!0,disabled:this._disabledOrInvalid})} @pointerdown=${this._onPointerDown}>${this._renderContentStart()}${this._renderContentEnd()}${this._renderRangeLabel("min")}${this._renderTrackRange()}${this._renderRangeLabel("max")}${this._renderPopover()}</div>`}_renderPopover(){let{_activePart:e,layout:t,popoverPlacement:r,valueLabelsPlacement:i,valueLabelsDisplay:n,popoverLabel:o}=this,s=e?He(e)?e:"track-range":"",l=this._hasPopoverContent&&!!s,d=t==="horizontal"?r==="start"?"top":"bottom":r==="start"?"left":"right",c=14;return n!=="hidden"&&r===i&&(c+=24),b`<calcite-popover flip-disabled focus-trap-disabled .label=${o} .open=${l} .offsetDistance=${c} .placement=${d} pointer-disabled .referenceElement=${s} scale=s trigger-disabled ${F(this._popoverElement)}><slot name=popover @slotchange=${this._popoverSlotChange}></slot></calcite-popover>`}_renderContentStart(){return b`<div class="content-start" .hidden=${!this._hasContentStart}><slot name=content-start @slotchange=${this._onContentStartSlotChange}></slot></div>`}_renderContentEnd(){return b`<div class="content-end" .hidden=${!this._hasContentEnd}><slot name=content-end @slotchange=${this._onContentEndSlotChange}></slot></div>`}_renderTrackRange(){return b`<div class="track-container">${this._renderTrack()}${this._renderThumbs()}</div>`}_renderTrack(){return b`<div class="track" ${F(this._trackElement)}>${this._renderTrackBackground()}${this._renderFillSegment()}</div>`}_renderTrackBackground(){let{max:e,min:t,fillPlacement:r,values:i}=this,n=i.length>1,o=this._fullMin,s=this._fullMax,l=[];return this._invalid?b`<div class="segment track-bounds" style=${S({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",!n&&r==="start"?"track-fill":null])),o=t),s>e&&(l.push(this._renderSegment(e,s,[this.mirrored?"track-effective-start":"track-effective-end",!n&&r==="end"?"track-fill":null])),s=e),l.push(this._renderSegment(o,s,["track-bounds"])),l)}_renderFillSegment(){let{values:e,fillPlacement:t,min:r,max:i}=this;if(!e?.length||this._invalid)return;let n=[...e].sort((s,l)=>s-l);if(n.length===1)switch(t){case"start":if(r<n[0])return this._renderSegment(r,n[0],["track-range"]);break;case"end":if(i>n[0])return this._renderSegment(n[0],i,["track-range"]);break}let o=this.segmentsDraggingDisabled;return this._renderSegment(n[0],n[n.length-1],["track-range",o?null:"interactive",this._activePart==="range"?"active":null],{id:"track-range",onFocus:o?void 0:this._onTrackFocus,onBlur:o?void 0:this._onTrackBlur,onPointerDown:o?void 0:this._onTrackRangePointerDown,onKeyDown:o?void 0:this._onTrackRangeKeyDown})}_renderSegment(e,t,r,i){let{_fullMin:n,_fullMax:o,mirrored:s}=this,l=[R(n,o,de(e,n,o)),100-R(n,o,de(t,n,o))];s&&l.reverse();let d=this.isHorizontal?{left:`${l[0]}%`,right:`${l[1]}%`}:{top:`${l[1]}%`,bottom:`${l[0]}%`},c=X("segment",...r);return b`<div id=${i?.id??w} class=${$(c)} style=${S(d)} .tabIndex=${i?.onPointerDown?0:-1} @focus=${i?.onFocus} @blur=${i?.onBlur} @pointerdown=${i?.onPointerDown} @keydown=${i?.onKeyDown}></div>`}_renderThumbs(){let{_sliderData:e}=this,t=Array.from(e.entries).filter(([,r])=>r>=this._fullMin&&r<=this._fullMax);return ie(t,([r,i])=>this._renderThumb(r,i))}_renderThumb(e,t){let{valueLabelsDisplay:r}=this,i=this._disabledOrInvalid,n=this._activePart===e||this._activePart==="range",o=this._activePart==="range"||this._activePart===e,s=r==="always"||r==="auto"&&o,l=this.isHorizontal,d=l?"horizontal":"vertical",c=`label-${e}`,h=l?"center":this.valueLabelsPlacement==="start"?"end":"start";return Q(e,b`<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:n})} data-entry=${e??w} @pointerdown=${this._onThumbPointerDown} @focus=${this._onThumbFocus} @blur=${this._onThumbBlur} @keydown=${this._onThumbKeyDown} role=slider style=${S({...this._getPositionStyleForElement(t),"z-index":this._activePart===e?1:0})} .tabIndex=${i?-1:0}><span class="handle"></span><arcgis-label-input .alignment=${h} class="label" .hidden=${!s} id=${c??w} .labelFormatter=${this._valueFormatter} @focus=${i?void 0:this._onThumbFocus} @blur=${i?void 0:this._onThumbBlur} @arcgisChange=${this._onValueInputChange} .readOnly=${!this.valueLabelsEditingEnabled} tabindex=-1 .value=${t} ${F(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")),b`<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 Ae(a){return"dataset"in a&&a.tagName==="ARCGIS-LABEL-INPUT"&&(a.dataset.type==="min"||a.dataset.type==="max")}function I(a){let e=J(a,"[data-entry]");return e&&"dataset"in e?e.dataset.entry:null}function He(a){return typeof a!=null&&a!=="range"}function Ne(a,e){return e?a.renderRoot.querySelector(`div[data-entry="${e}"]`):null}function Be(a,e){return e?a.renderRoot.querySelector(`div[data-entry="${e}"] span.handle`):null}function ce(a,e){return e?a.renderRoot.querySelector(`div[data-entry="${e}"] arcgis-label-input`):null}function L(a){return a.isPrimary&&a.button===0}var Ue=5;function R(a,e,t){let r=e-a,i=(t-a)/r*100;return Number.parseFloat(i.toFixed(Ue))}function de(a,e,t){return Math.max(e,Math.min(t,a))}Z("arcgis-slider",j);return j},"core/reactiveUtils","applications/Components/reactiveUtils","core/accessorSupport/decorators","core/Accessor","core/Accessor","core/accessorSupport/decorators","core/reactiveUtils")
|
|
2
|
+
import{a as Q}from"./7Y42J3JI.js";import{a as re}from"./EPX7DYFW.js";import{a as ee,b as te}from"./7PB2GGQH.js";import{a as z,b as X,d as J}from"./7CI55VCH.js";import{A as F,B as G,C as $,D as S,E as w,H as Z,g as K,i as b,o as q,p as W,q as C,s as Y,t as V,z as O}from"./UTXWKXMT.js";export default $arcgis.t(([{on:qe,watch:ae},{createObservable:me,trackAccess:pe},{property:Xe,subclass:Je},et,xe,{property:D,subclass:ye},{watch:H}])=>{var ne=(a,e)=>t=>fe(t,a),A=class extends Y{constructor(e,t){super(e),this.Y=new Map,this.A=void 0,this.#r=me();let r=this;r.#e=t,r.Z(),r.setProvisionalExports(ve(e,new WeakRef(r),e.M.length-1,r.instance,r.Y),!1),q(e,i=>{if(i){let n=ae(()=>e[i],o=>{if(o===r.instance)return;let s=r.instance;r.exports=o,r.instance=o,r.Y.forEach((l,d)=>e.requestUpdate(l,s[d])),r.#t&&s.destroy(),r.#t=!1},{sync:!0});r.onDestroy(n.remove)}},r.exports)}#t;#r;#e;get exports(){return pe(this.#r),super.exports}set exports(e){super.exports=e,this.#r.notify()}Z(){let e=this;e.instance="prototype"in e.#e&&"declaredClass"in e.#e.prototype?new e.#e:e.#e(),e.#t=!0}hostConnected(){this.exports=this.instance}hostDestroy(){this.#t&&this.instance.destroy?.()}},fe=ee(A),ve=(a,e,t,r,i)=>new Proxy(r,{get:(n,o)=>{let s=n[o];if(typeof o=="symbol"||i.has(o))return s;let l=a.M[t];return l.A=o,W(a,d=>{if(l.A=void 0,d!==void 0){let c=d.key;i.set(o,c);let h=a.constructor.getPropertyOptions(c),u=o!==c&&c.toLowerCase().includes("disable");be(e,h,o,c,u),h.i===void 0&&_e(h,t,o,u)}},s)}}),be=(a,e,t,r,i,n)=>n=ae(()=>{let o=a.deref();return o===void 0||o.component.manager.destroyed?n=n.remove():o.exports[t]},(o,s)=>{if(!n)return;a.deref().component?.requestUpdate(r,i?!s:s),e.c=!1},{sync:!0}),_e=(a,e,t,r)=>{a.d.get=function(){let i=this.M[e]?.exports[t];return r?!i:i},a.d.set=function(i){let n=this.M[e];n.A!==t&&(n.exports[t]=r?!i:i)}};function*ie(a,e){if(a!==void 0){let t=0;for(let r of a)yield e(r,t++)}}var p={increment:"ArrowUp",incrementHorizontal:"ArrowRight",decrement:"ArrowDown",decrementHorizontal:"ArrowLeft",pageIncrement:"PageUp",pageDecrement:"PageDown",jumpToStart:"Home",jumpToEnd:"End",confirmEdit:"Enter"};function se({key:a,shiftKey:e},t,r){let i=ke(a);if(i==null)return null;let n=De(a)||we(a)&&e?Ee(t):1;return{direction:r?i*-1:i,count:n}}function ke(a){return a===p.increment||a===p.incrementHorizontal||a===p.pageIncrement?1:a===p.decrement||a===p.decrementHorizontal||a===p.pageDecrement?-1:null}function oe(a){return a===p.jumpToEnd||a===p.jumpToStart}function we(a){return a===p.increment||a===p.decrement||a===p.decrementHorizontal||a===p.incrementHorizontal}function De(a){return a===p.pageIncrement||a===p.pageDecrement}function Ee(a){let e=Number.isFinite(a)?Math.floor(a):1;return Math.max(1,e)}var Pe=K`:host{display:flex;width:100%;height:100%;font-family:Avenir Next,Helvetica Neue,helvetica,arial,sans-serif;font-size:var(--calcite-font-size--2);font-variant-numeric:tabular-nums;--arcgis-slider-dash-length: 5px;--arcgis-slider-handle-size: .875rem;--arcgis-slider-track-background-color: var(--calcite-color-border-2);--arcgis-slider-internal-show-range-labels: 0;--arcgis-slider-internal-show-value-labels: 0;--arcgis-slider-internal-value-labels-placement-start: 0;--arcgis-slider-internal-value-labels-placement-end: 0;--arcgis-slider-internal-range-labels-placement-center: 0;--arcgis-slider-internal-range-labels-placement-end: 0;--arcgis-slider-internal-handle-offset: calc(var(--arcgis-slider-handle-size) / 2);--arcgis-slider-internal-label-input-margin: calc(var(--arcgis-slider-internal-handle-offset) + 4px);--arcgis-slider-internal-label-input-height: var(--calcite-input-number-height, 1.5rem);--arcgis-slider-internal-track-size: 2px}:host([show-range-labels]){--arcgis-slider-internal-show-range-labels: 1}:host(:not([value-labels-display="hidden"])){--arcgis-slider-internal-show-value-labels: 1}:host([value-labels-placement="start"]){--arcgis-slider-internal-value-labels-placement-start: var(--arcgis-slider-internal-show-value-labels)}:host([value-labels-placement="end"]){--arcgis-slider-internal-value-labels-placement-end: var(--arcgis-slider-internal-show-value-labels)}:host([range-labels-placement="center"]){--arcgis-slider-internal-range-labels-placement-center: var(--arcgis-slider-internal-show-range-labels)}:host([range-labels-placement="end"]){--arcgis-slider-internal-range-labels-placement-end: var(--arcgis-slider-internal-show-range-labels)}:host([disabled]){cursor:default;opacity:var(--calcite-opacity-disabled);pointer-events:none}.content{direction:ltr;flex:1;touch-action:none;user-select:none;display:grid;word-wrap:normal;word-break:normal;padding-block:var(--arcgis-slider-internal-handle-offset)}.track-container{grid-area:track-container;position:relative;display:flex;justify-content:center;align-items:center}.track{touch-action:none;position:relative}.track-bounds{background-color:var(--calcite-color-border-2)}.track-fill{--arcgis-slider-track-background-color: var(--calcite-color-brand)}:host([layout="vertical"]){.track-effective-start{background:repeating-linear-gradient(to bottom,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to top,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}:host([layout="horizontal"]){.track-effective-start{background:repeating-linear-gradient(to right,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-end{background:repeating-linear-gradient(to left,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}.track-range{background-color:var(--calcite-color-brand);&.active{box-shadow:0 0 8px #00000029;outline:1px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)))}}:host([disabled]) .track-range{background-color:var(--calcite-color-text-3)}:host([disabled]),:host([disabled][layout="horizontal"]),:host([disabled][layout="vertical"]){.track-range.interactive:after{cursor:default;pointer-events:none}}:host([layout="horizontal"]){.track-range.interactive:after{all:initial;cursor:ew-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-top:1px}}:host([layout="vertical"]){.track-range.interactive:after{all:initial;cursor:ns-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-left:1px;writing-mode:vertical-lr}}.segment{transform-origin:0 0;inset-block-start:0px;block-size:.125rem;position:absolute;top:0;left:0}.thumb{-webkit-user-select:none;user-select:none;background-color:#4c4c4c;position:absolute}.thumb:focus,.thumb.active{.handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px #00000029;outline:2px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}}.handle{cursor:pointer;box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;border-radius:var(--arcgis-slider-handle-size);width:var(--arcgis-slider-handle-size);height:var(--arcgis-slider-handle-size);transition:all var(--calcite-animation-timing, .125s) ease-in-out;position:absolute;top:calc(var(--arcgis-slider-internal-handle-offset) * -1);left:calc(var(--arcgis-slider-internal-handle-offset) * -1)}.handle:hover{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.label{position:absolute;will-change:transform}.label[hidden]{display:block;opacity:0;pointer-events:none}.min{grid-area:range-start}.max{grid-area:range-end}:host([layout="horizontal"][mirrored][range-labels-placement="center"]),:host([layout="vertical"]:not([mirrored])){.min{grid-area:range-end}.max{grid-area:range-start}}.content-start{grid-area:content-start;display:flex}.content-end{grid-area:content-end;display:flex}:host([layout="vertical"]){.content{grid-template:". range-start range-start range-start ." "content-start content-start track-container content-end content-end" ". range-end range-end range-end .";grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto auto auto 1fr;row-gap:var(--arcgis-slider-internal-handle-offset)}.track-container{flex-direction:column}.track{flex:1;width:var(--arcgis-slider-internal-track-size)}.segment{writing-mode:vertical-lr}.label{top:calc(var(--arcgis-slider-internal-label-input-height) * -.5)}&:host([value-labels-placement="start"]){.label{right:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{left:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="center"]){.content{--arcgis-slider-internal-content-start-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + (var(--arcgis-slider-internal-value-labels-placement-start) * var(--arcgis-slider-internal-label-input-height)) );--arcgis-slider-internal-content-end-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + (var(--arcgis-slider-internal-value-labels-placement-end) * var(--arcgis-slider-internal-label-input-height)) );column-gap:calc(var(--arcgis-slider-internal-show-range-labels) * var(--arcgis-slider-internal-handle-offset) / 2);padding-inline:calc((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset));grid-template:". content-start ." "range-start content-start range-end" "range-start track-container range-end" "range-start content-end range-end" ". content-end .";grid-template-columns:auto 1fr auto;grid-template-rows:minmax(var(--arcgis-slider-internal-content-start-min-height),auto) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) var(--arcgis-slider-internal-track-size) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) minmax(var(--arcgis-slider-internal-content-end-min-height),auto)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="end"]){.content{--arcgis-slider-internal-content-start-min-height: calc( var(--arcgis-slider-internal-handle-offset) + var(--arcgis-slider-internal-value-labels-placement-start) * var(--arcgis-slider-internal-label-input-height) );--arcgis-slider-internal-content-end-min-height: calc( var(--arcgis-slider-internal-value-labels-placement-end) * var(--arcgis-slider-internal-label-input-height) );padding-inline:var(--arcgis-slider-internal-handle-offset);grid-template:"content-start content-start content-start" "track-container track-container track-container" "content-end content-end content-end" "content-end content-end content-end" "content-end content-end content-end";grid-template-columns:auto;grid-template-rows:minmax(var(--arcgis-slider-internal-content-start-min-height),auto) var(--arcgis-slider-internal-track-size) var(--arcgis-slider-internal-handle-offset) calc(var(--arcgis-slider-internal-range-labels-placement-end) * var(--arcgis-slider-internal-label-input-height)) minmax(var(--arcgis-slider-internal-content-end-min-height),auto);column-gap:var(--arcgis-slider-internal-handle-offset)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="start"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="end"]){.label{top:calc(var(--arcgis-slider-internal-label-input-margin) + var(--arcgis-slider-internal-range-labels-placement-end) * (var(--arcgis-slider-internal-label-input-height)))}}.min,.max{--arcgis-slider-internal-range-translation: calc(var(--arcgis-slider-internal-handle-offset) + .5rem + 1px);grid-area:unset;grid-row:-3}&:host(:not([mirrored])){.min{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}.max{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}}&:host([mirrored]){.min{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}.max{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}}}`,Ce=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,k=(a,e,t,r)=>{for(var i=r>1?void 0:r?$e(e,t):e,n=a.length-1,o;n>=0;n--)(o=a[n])&&(i=(r?o(e,t,i):o(i))||i);return r&&i&&Ce(e,t,i),i};function Ie(){return{min:0,max:100,values:[]}}var x=class extends xe{constructor(a={}){super({...Ie(),properties:a}),this._entries=new Map,this.precision=4,this.ready=!1}startup(){let{precision:a}=this,{min:e,max:t,values:r}=this;t=_(t,a),e=_(e,a),r=r?.map(n=>M(_(n,a),e,t)),this._set("min",e),this._set("max",t),this._set("values",r);let i=new Map(r?.map(n=>[V(),n]));this._entries=i,H(()=>this.min,n=>{let o=this.values;n!=null&&o?.length&&o.some(s=>s<n)&&(this._entries.forEach((s,l)=>{s<n&&this._entries.set(l,n)}),this._updatesValues())},{sync:!0}),H(()=>this.max,n=>{let o=this.values;n!=null&&o?.length&&o.some(s=>s>n)&&(this._entries.forEach((s,l)=>{s>n&&this._entries.set(l,n)}),this._updatesValues())},{sync:!0}),H(()=>this.precision,n=>{let{min:o,max:s,values:l}=this;this._set("min",_(o,n)),this._set("max",_(s,n)),l?.length&&(this._entries.forEach((d,c)=>{this._entries.set(c,_(d,n))}),this._updatesValues())},{sync:!0}),this._set("ready",!0)}get entries(){return this._entries}set max(a){if(!this.ready){this._set("max",a);return}let e=this._get("max"),t=_(a,this.precision);e!==t&&this._set("max",t)}set min(a){if(!this.ready){this._set("min",a);return}let e=this._get("min"),t=_(a,this.precision);e!==t&&this._set("min",t)}set values(a){if(!this.ready){this._set("values",a);return}let e=this._get("values");if(a=a?.map(r=>M(_(r,this.precision),this.min,this.max)).sort((r,i)=>r-i),e&&a&&e.length===a.length&&e.every((r,i)=>r===a[i]))return;let t=new Map(a?.map(r=>[V(),r]));this._entries=t,this._set("values",a)}getValue(a){return this._entries.get(a)}setValue(a,e){if(this.values==null)return!1;let{min:t,max:r}=this,i=this._entries.get(a),n=M(_(e,this.precision),t,r);return i===n?!1:(this._entries.set(a,n),this._updatesValues(),!0)}setValues(a){if(this.values==null)return!1;let e=!1,{min:t,max:r}=this;for(let[i,n]of a){let o=this._entries.get(i),s=M(_(n,this.precision),t,r);o!==s&&(e=!0,this._entries.set(i,s))}return e?(this._updatesValues(),!0):!1}_updatesValues(){let a=Array.from(this._entries.values()).sort((e,t)=>e-t);this._set("values",a)}};k([D()],x.prototype,"_entries",2);k([D({readOnly:!0})],x.prototype,"entries",1);k([D()],x.prototype,"max",1);k([D()],x.prototype,"min",1);k([D({cast:a=>M(a,0,20)})],x.prototype,"precision",2);k([D({readOnly:!0})],x.prototype,"ready",2);k([D()],x.prototype,"values",1);x=k([ye("esri.widgets.Slider.SliderData")],x);function M(a,e,t){return Math.min(Math.max(a,e),t)}function _(a,e){return Number.parseFloat(a.toFixed(e))}var N=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,i,n,o)=>Math.abs(i-e)<Math.abs(o[r]-e)?n:r)}},B=class{constructor(e,t,r){this.min=e,this.max=t,this.stepSize=r,this.minIndex=0,this.maxIndex=Math.round((this.max-this.min)/this.stepSize)}indexToValue(e){return this.min+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 Me(a){if(a.steps==null)return null;let e=a.steps;return Array.isArray(e)?e.length===0?null:new N(e):new B(a.min,a.max,e)}function Te(a,e,t){if(a==null){let s=new Map;for(let[l,d]of e.entries())s.set(l,d+t);return s}let r=e.size,i=Array.from(e.entries()).map(([s,l])=>{let d=l+t,c=[];for(let h=a.minIndex;h<=a.maxIndex;h++){let u=a.indexToValue(h),f=Math.abs(u-d),g=!1;for(let v=0;v<c.length;v++)if(f<c[v].dist){c.splice(v,0,{idx:h,value:u,dist:f}),g=!0;break}!g&&c.length<r&&c.push({idx:h,value:u,dist:f}),c.length>r&&(c.length=r)}return{uuid:s,stepDistances:c}}),n=new Set,o=new Map;i.sort((s,l)=>s.stepDistances[0].dist-l.stepDistances[0].dist);for(let s of i){let l=s.stepDistances.find(d=>!n.has(d.idx));l?(n.add(l.idx),o.set(s.uuid,l.value)):o.set(s.uuid,e.get(s.uuid))}return o}function le(a,e,t,r,i){let n=e.get(t)??0;if(!a)return n+r;let o=n+r,s=new Set;if(!i)for(let[c,h]of e.entries())c!==t&&s.add(a.valueToIndex(h));let l=null,d=1/0;for(let c=a.minIndex;c<=a.maxIndex;c++){if(s.has(c))continue;let h=a.indexToValue(c),u=Math.abs(h-o);u<d&&(d=u,l=c)}return l==null?n:a.indexToValue(l)}function Fe(a,e,t,r=1){let i=he(r),n=e,o=!1;for(let s=0;s<i;s++){let l=ze(a,n,t);if(o||=l.changed,n=l.entries,!l.changed)break}return{changed:o,entries:n}}function Se(a,e,t,r,i=1){let n=he(i);if(n===1)return U(a,e,t,r);let o=new Map(e),s=o.get(t);for(let l=0;l<n;l++){let d=U(a,o,t,r);if(d===s)break;s=d,o.set(t,s)}return s}function he(a){let e=Number.isFinite(a)?Math.floor(a):1;return Math.max(1,e)}function ze(a,e,t){let r=new Map,i=t>0?Ve:ue,n=Array.from(e).sort((l,d)=>i(l[1],d[1])),o=!1,s=!0;for(let[l,d]of n)if(r.set(l,d),s){let c=U(a,r,l,t);d===c&&(s=!1),o||=s,r.set(l,c)}return{changed:o,entries:r}}function U(a,e,t,r){let{allowValuesOverlap:i,stepsProvider:n,resolution:o,min:s,max:l}=a,d=e.get(t);if(r=r>0?1:-1,!n){let m=P(d+r*o,s,l);if(i)return m;let y=new Set;for(let[T,ge]of e)T!==t&&y.add(ge);for(;y.has(m)&&m<=l&&m>=s;)m=P(m+r*o,s,l);return y.has(m)||m>l||m<s?d:m}let c=n.valueToIndex(d);if(c===-1)return d;if(i){let m=P(c+r,n.minIndex,n.maxIndex);return n.indexToValue(m)}let h=new Set;for(let[m,y]of e)m!==t&&h.add(n.valueToIndex(y));let u=c,f=!1,g=n.minIndex,v=n.maxIndex,E=0;for(;E<Math.abs(v-g)&&(u+=r,!(u<g||u>v));){if(!h.has(u)){f=!0;break}E++}return f?n.indexToValue(u):d}function Le(a,e,t,r){let{allowValuesOverlap:i,stepsProvider:n,resolution:o,min:s,max:l}=a,d=e.get(t);if(r=r>0?1:-1,!n){let f=new Set(Array.from(e).filter(([v])=>v!==t).map(([,v])=>v)),g=r>0?l:s;if(i)return g;for(;f.has(g);)if(g-=r*o,r>0&&g>l||r<0&&g<s){g=d;break}return g}if(i)return r>0?n.indexToValue(n.maxIndex):n.indexToValue(n.minIndex);let c=n.valueToIndex(d);if(c===-1)return d;let h=new Set(Array.from(e).filter(([f])=>f!==t).map(([,f])=>n.valueToIndex(f))),u=r>0?n.maxIndex:n.minIndex;for(;h.has(u);)if(u-=r,r>0&&u>l||r<0&&u<s){u=c;break}return n.indexToValue(u)}function Re(a,e,t){let{stepsProvider:r,min:i,max:n}=a,o=new Map,s=Array.from(e).sort((d,c)=>ue(d[1],c[1]));if(r){let d=0;if(t>0){let c=s[s.length-1],h=r.valueToIndex(c[1]);d=r.maxIndex-h}else{let c=s[0],h=r.valueToIndex(c[1]);d=r.minIndex-h}if(d===0)for(let[c,h]of s)o.set(c,h);for(let[c,h]of s){let u=r.indexToValue(r.valueToIndex(h)+d);o.set(c,u)}return o}let l=0;if(t>0){let d=s[s.length-1];l=n-d[1]}else{let d=s[0];l=i-d[1]}for(let[d,c]of s)o.set(d,c+l);return o}function ue(a,e){return a-e}function Ve(a,e){return e-a}function P(a,e,t){return Math.max(e,Math.min(t,a))}var Oe=ne(x),j=class extends G{constructor(){super(...arguments),this._popoverElement=O(),this._trackElement=O(),this.messages=te({}),this._onPointerMoveDragUpdate=e=>{this._updateDrag(this._mapEventToRange(e))},this._onPointerUpDragEnd=e=>{L(e)&&this._endDrag()},this._onPointerCancelDragEnd=()=>{this._endDrag()},this._formatLabel=(e,t,r)=>{let i=re(this.messages._lang,t),n=this.labelFormatter;return n?n(r,e,s=>i.format(s))??i.format(r):i.format(r)},this._numberFormatOptions={},this._createFormatter=(e,t)=>this._formatLabel.bind(this,e,t),this._minFormatter=this._createFormatter("min",this._numberFormatOptions),this._maxFormatter=this._createFormatter("max",this._numberFormatOptions),this._valueFormatter=this._createFormatter("value",this._numberFormatOptions),this._resizeObserver=new ResizeObserver(()=>{this._layoutLabelInputs()}),this._labelInputsUpdateComplete=null,this._dragInfo=null,this._hasPopoverContent=!1,this._hasContentStart=!1,this._hasContentEnd=!1,this._sliderData=Oe(this),this.allowValuesOverlap=!1,this.autoDestroyDisabled=!1,this.disabled=!1,this.fillPlacement="start",this.layout="horizontal",this.max=this._sliderData.max,this.min=this._sliderData.min,this.mirrored=!1,this.popoverLabel="",this.popoverPlacement="start",this.precision=this._sliderData.precision,this.rangeLabelsEditingEnabled=!1,this.rangeLabelsPlacement="center",this.segmentsDraggingDisabled=!1,this.showRangeLabels=!1,this.valueLabelsDisplay="hidden",this.valueLabelsPlacement="start",this.valueLabelsEditingEnabled=!1,this.keyboardLargeStep=10,this.values=this._sliderData.values,this.arcgisActiveValueChange=C({cancelable:!1}),this.arcgisChange=C({cancelable:!1}),this.arcgisInput=C({cancelable:!1}),this.arcgisRangeChange=C({cancelable:!1})}static{this.properties={_dragInfo:16,_hasPopoverContent:16,_hasContentStart:16,_hasContentEnd:16,_activePart:16,_sliderData:16,activeValue:32,allowValuesOverlap:5,autoDestroyDisabled:5,disabled:7,fullRangeMax:11,fullRangeMin:11,fillPlacement:1,labelFormatter:0,layout:3,max:11,min:11,mirrored:7,popoverLabel:1,popoverPlacement:3,precision:11,rangeLabelsEditingEnabled:5,rangeLabelsPlacement:3,segmentsDraggingDisabled:5,showRangeLabels:7,steps:[9,{converter:{fromAttribute(e){if(e.includes(","))return e.split(",").filter(r=>r.trim()!=="").map(parseFloat).filter(r=>Number.isFinite(r));let t=parseFloat(e);return Number.isFinite(t)?t:void 0}}}],valueLabelsDisplay:3,valueLabelsPlacement:3,valueLabelsEditingEnabled:5,keyboardLargeStep:9,values:[1,{converter:{fromAttribute(e){return e.includes(",")?e.split(",").filter(t=>t.trim()!=="").map(parseFloat).filter(t=>Number.isFinite(t)):[parseFloat(e)].filter(t=>Number.isFinite(t))}}}],messageOverrides:0}}static{this.styles=Pe}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}get _fullMin(){return this.fullRangeMin??this.min}get _fullMax(){return this.fullRangeMax??this.max}get _fullRange(){return this._fullMax-this._fullMin}get isHorizontal(){return this.layout==="horizontal"}get _trackWidthOrHeight(){let e=this._trackElement.value?.getBoundingClientRect();return e?this.isHorizontal?e.width:e.height:0}get _disabledOrInvalid(){return this.disabled||this.values.length===0||this._invalid}get _invalid(){let e=this.fullRangeMin==null||this.fullRangeMax==null||this.fullRangeMin<this.fullRangeMax,t=this.fullRangeMin==null||this.fullRangeMin<=this.min,r=this.fullRangeMax==null||this.fullRangeMax>=this.max;return this.min>=this.max||!e||!t||!r}get resolution(){let e=(this._sliderData.max-this._sliderData.min)/this._trackWidthOrHeight;return Math.max(e,1/Math.pow(10,this.precision))}get activeValue(){if(this._activePart)return this._activePart==="range"?"all":this._sliderData.getValue(this._activePart)}async destroy(){await this.manager.destroy()}load(){this._sliderData.startup()}willUpdate(e){if((e.has("steps")||e.has("min")||e.has("max"))&&(this._stepsProvider=Me(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,n=>n.updateComplete)));if(this._labelInputsUpdateComplete=t,await t,t!==this._labelInputsUpdateComplete)return;this._labelInputsUpdateComplete=null;let r=this._trackElement.value;if(!r)return;let i=r.getBoundingClientRect();for(let n of this._sliderData.entries.keys()){let o=this._activePart==="range"||this._activePart===n;if(this.valueLabelsDisplay==="always"||o){let s=Be(this,n),l=ce(this,n);if(!s||!l)continue;let d=s.getBoundingClientRect(),c=l.getBoundingClientRect(),h=l.getLabelBoundingClientRect(),u=d.width/2,f=Math.round(d.left+u),g=Math.round(h.width/2),v=c.width/2,E=i.left-u,m=i.right+u,y=f-g,T=f+g;y<E?v+=y-E:T>m&&(v+=T-m),l.style.transform=`translateX(${-Math.round(v)}px)`}}}_onTrackFocus(){this._setActivePart("range")}_onTrackBlur(){this._setActivePart(null)}_onTrackRangePointerDown(e){this._disabledOrInvalid||!L(e)||(e.preventDefault(),this._startDrag("range",this._mapEventToRange(e)))}async _onPointerDown(e){if(this._disabledOrInvalid||!L(e))return;let t=this.renderRoot.querySelector("arcgis-label-input[editing]");if(e.target===t)return;if(t){t.blur(),this._focusEntry(I(t));return}if(Ae(e.target)||this.values?.length>1)return;let r=this._mapEventToRange(e),[i,n]=this._sliderData.entries.entries().next().value,o=r*this._fullRange+this._fullMin-n,s=R(this._fullMin,this._fullMax,n)/100;this._startDrag(i,s);let l=le(this._stepsProvider,this._sliderData.entries,i,o,this.allowValuesOverlap);this._setValue(i,l),this._focusEntry(i)}_onThumbPointerDown(e){let t=I(e.currentTarget);if(!L(e)||this._disabledOrInvalid||!t)return;let r=ce(this,t);e.target===r&&r?.editing||(e.stopPropagation(),e.preventDefault(),this._startDrag(t,this._mapEventToRange(e)))}_endDrag(){if(this._disabledOrInvalid)return;this._removeDragListeners();let e=!1;if(this._dragInfo){let{entries:t}=this._dragInfo;for(let[r,i]of t)if(this._sliderData.getValue(r)!==i){e=!0;break}}this._dragInfo=null,e&&this.arcgisChange.emit()}_startDrag(e,t){if(this._disabledOrInvalid)return;let{min:r,max:i,values:n}=this,o=r,s=i;if(this._setActivePart(e),e==="range"){if(this.segmentsDraggingDisabled)return;o=r-n[0],s=i-n[n.length-1]}this._dragInfo={position:t,entries:new Map(this._sliderData.entries.entries()),minDiff:o,maxDiff:s},this._addDragListeners()}_updateDrag(e){if(!this._dragInfo||!this._activePart)return;let{_activePart:t,_dragInfo:{position:r,entries:i,minDiff:n,maxDiff:o}}=this;if(r===e)return;let s=(e-r)*this._fullRange;if(t==="range"){s=Math.min(o,Math.max(n,s));let l=Te(this._stepsProvider,i,s);this._setValues(l)}else{let l=le(this._stepsProvider,i,t,s,this.allowValuesOverlap);this._setValue(t,l)}}_focusEntry(e){e&&Ne(this,e)?.focus()}_addDragListeners(){document.addEventListener("pointerup",this._onPointerUpDragEnd),document.addEventListener("pointermove",this._onPointerMoveDragUpdate),document.addEventListener("pointercancel",this._onPointerCancelDragEnd)}_removeDragListeners(){document.removeEventListener("pointerup",this._onPointerUpDragEnd),document.removeEventListener("pointermove",this._onPointerMoveDragUpdate),document.removeEventListener("pointercancel",this._onPointerCancelDragEnd)}_setValues(e){this._sliderData.setValues(e)&&(this._dragInfo||this.arcgisChange.emit(),this.arcgisInput.emit())}_setValue(e,t){this._sliderData.setValue(e,t)&&(this._dragInfo||this.arcgisChange.emit(),this.arcgisInput.emit())}_onThumbFocus(e){let t=I(e.currentTarget);this._setActivePart(t)}_onThumbBlur(){this._setActivePart(null)}_onRangeInputChange(e){let t=e.currentTarget,r=t.value,i=t.dataset.type,n=!1;switch(e.stopPropagation(),i){case"min":{r<this.max?(this.min=r,n=!0):t.value=this.min;break}case"max":{r>this.min?(this.max=r,n=!0):t.value=this.max;break}}n&&this.arcgisRangeChange.emit()}_onValueInputChange(e){let t=e.currentTarget,r=I(t),i=t.value;r&&(e.stopPropagation(),this._setValue(r,i),t.value=this._sliderData.getValue(r))}_mapEventToRange(e){let t=this._trackElement.value?.getBoundingClientRect();if(!t)return 0;let r=this.isHorizontal?(e.clientX-t.left)/t.width:1-(e.clientY-t.top)/t.height;return this.mirrored?1-r:r}_getPositionStyleForElement(e){let t=R(this._fullMin,this._fullMax,e);return{[this.isHorizontal?this.mirrored?"right":"left":this.mirrored?"top":"bottom"]:`${t}%`}}_popoverSlotChange(e){this._hasPopoverContent=z(e)}_onContentStartSlotChange(e){this._hasContentStart=z(e)}_onContentEndSlotChange(e){this._hasContentEnd=z(e)}_onThumbKeyDown(e){let t=I(e.currentTarget);if(!t)return;let r=e.currentTarget.querySelector("arcgis-label-input");if(!r||r.editing)return;if(e.key===p.confirmEdit){r.edit();return}let i=se(e,this.keyboardLargeStep,this.mirrored);if(i){e.preventDefault();let n=Se(this._getStepsConfiguration(),this._sliderData.entries,t,i.direction,i.count);this._setValue(t,n);return}if(oe(e.key)){e.preventDefault();let n=Le(this._getStepsConfiguration(),this._sliderData.entries,t,this._getDirectionForHomeEndKey(e.key));this._setValue(t,n)}}_onTrackRangeKeyDown(e){if(this._disabledOrInvalid)return;let t=se(e,this.keyboardLargeStep,this.mirrored);if(t){e.preventDefault();let{entries:r}=Fe(this._getStepsConfiguration(),this._sliderData.entries,t.direction,t.count);this._setValues(r);return}if(oe(e.key)){e.preventDefault();let r=Re(this._getStepsConfiguration(),this._sliderData.entries,this._getDirectionForHomeEndKey(e.key));this._setValues(r)}}_getStepsConfiguration(){return{allowValuesOverlap:this.allowValuesOverlap,stepsProvider:this._stepsProvider,resolution:this.resolution,min:this.min,max:this.max}}_getDirectionForHomeEndKey(e){return this.isHorizontal&&this.mirrored||this.layout==="vertical"?e===p.jumpToEnd?-1:1:e===p.jumpToStart?-1:1}_setActivePart(e){this._activePart!==e&&(this._activePart=e,this.arcgisActiveValueChange.emit())}render(){return b`<div class=${$({content:!0,disabled:this._disabledOrInvalid})} @pointerdown=${this._onPointerDown}>${this._renderContentStart()}${this._renderContentEnd()}${this._renderRangeLabel("min")}${this._renderTrackRange()}${this._renderRangeLabel("max")}${this._renderPopover()}</div>`}_renderPopover(){let{_activePart:e,layout:t,popoverPlacement:r,valueLabelsPlacement:i,valueLabelsDisplay:n,popoverLabel:o}=this,s=e?He(e)?e:"track-range":"",l=this._hasPopoverContent&&!!s,d=t==="horizontal"?r==="start"?"top":"bottom":r==="start"?"left":"right",c=14;return n!=="hidden"&&r===i&&(c+=24),b`<calcite-popover flip-disabled focus-trap-disabled .label=${o} .open=${l} .offsetDistance=${c} .placement=${d} pointer-disabled .referenceElement=${s} scale=s trigger-disabled ${F(this._popoverElement)}><slot name=popover @slotchange=${this._popoverSlotChange}></slot></calcite-popover>`}_renderContentStart(){return b`<div class="content-start" .hidden=${!this._hasContentStart}><slot name=content-start @slotchange=${this._onContentStartSlotChange}></slot></div>`}_renderContentEnd(){return b`<div class="content-end" .hidden=${!this._hasContentEnd}><slot name=content-end @slotchange=${this._onContentEndSlotChange}></slot></div>`}_renderTrackRange(){return b`<div class="track-container">${this._renderTrack()}${this._renderThumbs()}</div>`}_renderTrack(){return b`<div class="track" ${F(this._trackElement)}>${this._renderTrackBackground()}${this._renderFillSegment()}</div>`}_renderTrackBackground(){let{max:e,min:t,fillPlacement:r,values:i}=this,n=i.length>1,o=this._fullMin,s=this._fullMax,l=[];return this._invalid?b`<div class="segment track-bounds" style=${S({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",!n&&r==="start"?"track-fill":null])),o=t),s>e&&(l.push(this._renderSegment(e,s,[this.mirrored?"track-effective-start":"track-effective-end",!n&&r==="end"?"track-fill":null])),s=e),l.push(this._renderSegment(o,s,["track-bounds"])),l)}_renderFillSegment(){let{values:e,fillPlacement:t,min:r,max:i}=this;if(!e?.length||this._invalid)return;let n=[...e].sort((s,l)=>s-l);if(n.length===1)switch(t){case"start":if(r<n[0])return this._renderSegment(r,n[0],["track-range"]);break;case"end":if(i>n[0])return this._renderSegment(n[0],i,["track-range"]);break}let o=this.segmentsDraggingDisabled;return this._renderSegment(n[0],n[n.length-1],["track-range",o?null:"interactive",this._activePart==="range"?"active":null],{id:"track-range",onFocus:o?void 0:this._onTrackFocus,onBlur:o?void 0:this._onTrackBlur,onPointerDown:o?void 0:this._onTrackRangePointerDown,onKeyDown:o?void 0:this._onTrackRangeKeyDown})}_renderSegment(e,t,r,i){let{_fullMin:n,_fullMax:o,mirrored:s}=this,l=[R(n,o,de(e,n,o)),100-R(n,o,de(t,n,o))];s&&l.reverse();let d=this.isHorizontal?{left:`${l[0]}%`,right:`${l[1]}%`}:{top:`${l[1]}%`,bottom:`${l[0]}%`},c=X("segment",...r);return b`<div id=${i?.id??w} class=${$(c)} style=${S(d)} .tabIndex=${i?.onPointerDown?0:-1} @focus=${i?.onFocus} @blur=${i?.onBlur} @pointerdown=${i?.onPointerDown} @keydown=${i?.onKeyDown}></div>`}_renderThumbs(){let{_sliderData:e}=this,t=Array.from(e.entries).filter(([,r])=>r>=this._fullMin&&r<=this._fullMax);return ie(t,([r,i])=>this._renderThumb(r,i))}_renderThumb(e,t){let{valueLabelsDisplay:r}=this,i=this._disabledOrInvalid,n=this._activePart===e||this._activePart==="range",o=this._activePart==="range"||this._activePart===e,s=r==="always"||r==="auto"&&o,l=this.isHorizontal,d=l?"horizontal":"vertical",c=`label-${e}`,h=l?"center":this.valueLabelsPlacement==="start"?"end":"start";return Q(e,b`<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:n})} data-entry=${e??w} @pointerdown=${this._onThumbPointerDown} @focus=${this._onThumbFocus} @blur=${this._onThumbBlur} @keydown=${this._onThumbKeyDown} role=slider style=${S({...this._getPositionStyleForElement(t),"z-index":this._activePart===e?1:0})} .tabIndex=${i?-1:0}><span class="handle"></span><arcgis-label-input .alignment=${h} class="label" .hidden=${!s} id=${c??w} .labelFormatter=${this._valueFormatter} @focus=${i?void 0:this._onThumbFocus} @blur=${i?void 0:this._onThumbBlur} @arcgisChange=${this._onValueInputChange} .readOnly=${!this.valueLabelsEditingEnabled} tabindex=-1 .value=${t} ${F(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")),b`<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 Ae(a){return"dataset"in a&&a.tagName==="ARCGIS-LABEL-INPUT"&&(a.dataset.type==="min"||a.dataset.type==="max")}function I(a){let e=J(a,"[data-entry]");return e&&"dataset"in e?e.dataset.entry:null}function He(a){return typeof a!=null&&a!=="range"}function Ne(a,e){return e?a.renderRoot.querySelector(`div[data-entry="${e}"]`):null}function Be(a,e){return e?a.renderRoot.querySelector(`div[data-entry="${e}"] span.handle`):null}function ce(a,e){return e?a.renderRoot.querySelector(`div[data-entry="${e}"] arcgis-label-input`):null}function L(a){return a.isPrimary&&a.button===0}var Ue=5;function R(a,e,t){let r=e-a,i=(t-a)/r*100;return Number.parseFloat(i.toFixed(Ue))}function de(a,e,t){return Math.max(e,Math.min(t,a))}Z("arcgis-slider",j);return j},"core/reactiveUtils","applications/Components/reactiveUtils","core/accessorSupport/decorators","core/Accessor","core/Accessor","core/accessorSupport/decorators","core/reactiveUtils")
|
package/dist/cdn/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{G as i,v as e}from"./UTXWKXMT.js";var s=e(i,{"arcgis-ckeditor5":[()=>import("./AXTSUI2Q.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./4DCAUWTC.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./C6JAR4IN.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus"],"arcgis-field-info":[()=>import("./4CW7U27R.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./ZLXAKPUH.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("./6DQVLQL6.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,layout,max,messageOverrides:,min,standardDeviation"],"arcgis-label-input":[()=>import("./ZL3E4ZGE.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./J5X5TNVW.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./YVSTPEPS.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./7HQMPKZO.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./ZOWIFVL3.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./
|
|
2
|
+
import{G as i,v as e}from"./UTXWKXMT.js";var s=e(i,{"arcgis-ckeditor5":[()=>import("./AXTSUI2Q.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./4DCAUWTC.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./C6JAR4IN.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus"],"arcgis-field-info":[()=>import("./4CW7U27R.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./ZLXAKPUH.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("./6DQVLQL6.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,layout,max,messageOverrides:,min,standardDeviation"],"arcgis-label-input":[()=>import("./ZL3E4ZGE.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./J5X5TNVW.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./YVSTPEPS.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./7HQMPKZO.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./ZOWIFVL3.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./JTRO7GRS.js"),"activeValue:,allowValuesOverlap,autoDestroyDisabled,disabled,fillPlacement,fullRangeMax,fullRangeMin,keyboardLargeStep,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverLabel,popoverPlacement,precision,rangeLabelsEditingEnabled,rangeLabelsPlacement,segmentsDraggingDisabled,showRangeLabels,steps,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values;destroy"],"arcgis-slider-input":[()=>import("./XEB2RUND.js"),"disabled,flipLabels,label,max,min,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./3O7GAC23.js"),"interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],"arcgis-unique-values-list":[()=>import("./2BDHDUXG.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)
|
|
@@ -6,8 +6,8 @@ import type { Popover as Popover } from "@esri/calcite-components/components/cal
|
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* The Slider component is used to filter data or collect numeric input from users. It supports single or multiple thumbs, configured via the
|
|
9
|
-
* [values](
|
|
10
|
-
* configurable value [precision](
|
|
9
|
+
* [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#values) property. The Slider can be displayed in horizontal or vertical [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#layout), supports snapping to defined [steps](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#steps),
|
|
10
|
+
* configurable value [precision](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#precision), and custom [labelFormatter](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#labelFormatter). It also includes keyboard interaction,
|
|
11
11
|
* optional editable labels, and customizable popover content.
|
|
12
12
|
*
|
|
13
13
|
* 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:
|
|
@@ -24,8 +24,8 @@ import type { Popover as Popover } from "@esri/calcite-components/components/cal
|
|
|
24
24
|
* > It covers common slider use cases and works well in most scenarios.
|
|
25
25
|
* >
|
|
26
26
|
* > Use `arcgis-slider` only when you need functionality that `calcite-slider` does not provide, such as:
|
|
27
|
-
* > * [
|
|
28
|
-
* > * Custom range display: `arcgis-slider` supports [fullRangeMin](
|
|
27
|
+
* > * [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#layout): `arcgis-slider` supports `layout="vertical"`.
|
|
28
|
+
* > * Custom range display: `arcgis-slider` supports [fullRangeMin](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMin) and [fullRangeMax](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMax) for displaying a wider
|
|
29
29
|
* > range than the interactive range.
|
|
30
30
|
* > * More than two values: `arcgis-slider` supports an arbitrary number of slider values, beyond single-value or range (two-value) sliders.
|
|
31
31
|
* > * Slot support: Use the `content-start`, `content-end`, and `popover` slots to render custom content before the track, after the track, or inside the popover.
|
|
@@ -46,9 +46,9 @@ export abstract class ArcgisSlider extends LitElement {
|
|
|
46
46
|
* - a `number` when a single value is active
|
|
47
47
|
* - `"all"` when the range (segment) is active
|
|
48
48
|
*
|
|
49
|
-
* Listen to [arcgisActiveValueChange](
|
|
49
|
+
* Listen to [@arcgisActiveValueChange](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisActiveValueChange) to be notified when a value becomes active or inactive.
|
|
50
50
|
*
|
|
51
|
-
* @see [arcgisActiveValueChange](
|
|
51
|
+
* @see [@arcgisActiveValueChange](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisActiveValueChange)
|
|
52
52
|
*/
|
|
53
53
|
get activeValue(): number | "all" | undefined;
|
|
54
54
|
/**
|
|
@@ -83,12 +83,12 @@ export abstract class ArcgisSlider extends LitElement {
|
|
|
83
83
|
accessor fillPlacement: "end" | "none" | "start";
|
|
84
84
|
/**
|
|
85
85
|
* Sets the maximum value of the slider display full range.
|
|
86
|
-
* When specified, the slider track is scaled from [fullRangeMin](
|
|
87
|
-
* the thumbs remain constrained to the interactive range defined by [min](
|
|
86
|
+
* When specified, the slider track is scaled from [fullRangeMin](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMin) to `fullRangeMax`, while
|
|
87
|
+
* the thumbs remain constrained to the interactive range defined by [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max).
|
|
88
88
|
*
|
|
89
|
-
* The `fullRangeMax` must be greater than or equal to [max](
|
|
89
|
+
* The `fullRangeMax` must be greater than or equal to [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) property of the slider.
|
|
90
90
|
*
|
|
91
|
-
* @see [fullRangeMin](
|
|
91
|
+
* @see [fullRangeMin](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMin)
|
|
92
92
|
* @example
|
|
93
93
|
* ```html
|
|
94
94
|
* <!-- Slider with a full range from 0 to 100, while only allowing thumb values between 25 and 75. -->
|
|
@@ -98,12 +98,12 @@ export abstract class ArcgisSlider extends LitElement {
|
|
|
98
98
|
accessor fullRangeMax: number | undefined;
|
|
99
99
|
/**
|
|
100
100
|
* Sets the minimum value of the slider display full range.
|
|
101
|
-
* When specified, the slider track is scaled from `fullRangeMin` to [fullRangeMax](
|
|
102
|
-
* the thumbs remain constrained to the range defined by [min](
|
|
101
|
+
* When specified, the slider track is scaled from `fullRangeMin` to [fullRangeMax](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMax), while
|
|
102
|
+
* the thumbs remain constrained to the range defined by [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max).
|
|
103
103
|
*
|
|
104
|
-
* The `fullRangeMin` must be less than or equal to [min](
|
|
104
|
+
* The `fullRangeMin` must be less than or equal to [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) property of the slider.
|
|
105
105
|
*
|
|
106
|
-
* @see [fullRangeMax](
|
|
106
|
+
* @see [fullRangeMax](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMax)
|
|
107
107
|
* @example
|
|
108
108
|
* ```html
|
|
109
109
|
* <!-- Slider with a full range from 0 to 100, while only allowing thumb values between 25 and 75. -->
|
|
@@ -123,7 +123,7 @@ export abstract class ArcgisSlider extends LitElement {
|
|
|
123
123
|
*/
|
|
124
124
|
accessor keyboardLargeStep: number;
|
|
125
125
|
/**
|
|
126
|
-
* Allows customizing how slider labels are formatted for [min](
|
|
126
|
+
* Allows customizing how slider labels are formatted for [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min), [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max), and thumb values.
|
|
127
127
|
* The formatted value is used for the visible labels and for the thumb’s accessible value text via `aria-valuetext`.
|
|
128
128
|
* Return `null` or `undefined` to use the default formatting.
|
|
129
129
|
*
|
|
@@ -156,18 +156,18 @@ export abstract class ArcgisSlider extends LitElement {
|
|
|
156
156
|
* of the track.
|
|
157
157
|
*
|
|
158
158
|
* @default "horizontal"
|
|
159
|
-
* @see [mirrored](
|
|
159
|
+
* @see [mirrored](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#mirrored)
|
|
160
160
|
*/
|
|
161
161
|
accessor layout: "horizontal" | "vertical";
|
|
162
162
|
/**
|
|
163
163
|
* The maximum value for the slider thumbs. Thumbs will not move past this value.
|
|
164
164
|
*
|
|
165
|
-
* To display the `max` label on the slider, set [showRangeLabels](
|
|
166
|
-
* To allow the end user to modify the `max` value, set [rangeLabelsEditingEnabled](
|
|
165
|
+
* To display the `max` label on the slider, set [showRangeLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#showRangeLabels) to `true`.
|
|
166
|
+
* To allow the end user to modify the `max` value, set [rangeLabelsEditingEnabled](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#rangeLabelsEditingEnabled) to `true`.
|
|
167
167
|
*
|
|
168
|
-
* @see [rangeLabelsEditingEnabled](
|
|
169
|
-
* @see [showRangeLabels](
|
|
170
|
-
* @see [fullRangeMax](
|
|
168
|
+
* @see [rangeLabelsEditingEnabled](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#rangeLabelsEditingEnabled)
|
|
169
|
+
* @see [showRangeLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#showRangeLabels)
|
|
170
|
+
* @see [fullRangeMax](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#fullRangeMax)
|
|
171
171
|
*/
|
|
172
172
|
accessor max: number;
|
|
173
173
|
/**
|
|
@@ -201,18 +201,18 @@ export abstract class ArcgisSlider extends LitElement {
|
|
|
201
201
|
}>;
|
|
202
202
|
/**
|
|
203
203
|
* The minimum value for the slider thumbs. Thumbs will not move past this value.
|
|
204
|
-
* To display the `min` label on the slider, set [showRangeLabels](
|
|
205
|
-
* To allow the end user to modify the `min` value, set [rangeLabelsEditingEnabled](
|
|
204
|
+
* To display the `min` label on the slider, set [showRangeLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#showRangeLabels) to `true`.
|
|
205
|
+
* To allow the end user to modify the `min` value, set [rangeLabelsEditingEnabled](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#rangeLabelsEditingEnabled) to `true`.
|
|
206
206
|
*
|
|
207
|
-
* @see [rangeLabelsEditingEnabled](
|
|
208
|
-
* @see [showRangeLabels](
|
|
207
|
+
* @see [rangeLabelsEditingEnabled](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#rangeLabelsEditingEnabled)
|
|
208
|
+
* @see [showRangeLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#showRangeLabels)
|
|
209
209
|
*/
|
|
210
210
|
accessor min: number;
|
|
211
211
|
/**
|
|
212
212
|
* When `true`, the slider will display values from high to low. This inverts the direction of the slider.
|
|
213
213
|
*
|
|
214
214
|
* @default false
|
|
215
|
-
* @see [layout](
|
|
215
|
+
* @see [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#layout)
|
|
216
216
|
*/
|
|
217
217
|
accessor mirrored: boolean;
|
|
218
218
|
/**
|
|
@@ -268,8 +268,8 @@ export abstract class ArcgisSlider extends LitElement {
|
|
|
268
268
|
* The labels of the thumbs will display two decimal places, but the precision of the actual
|
|
269
269
|
* thumb values will not be lost even when the user slides or moves the thumb.
|
|
270
270
|
*
|
|
271
|
-
* Keep in mind this property rounds thumb [values](
|
|
272
|
-
* for formatting purposes. To format thumb `labels`, use the [labelFormatter](
|
|
271
|
+
* Keep in mind this property rounds thumb [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#values) and shouldn't be used exclusively
|
|
272
|
+
* for formatting purposes. To format thumb `labels`, use the [labelFormatter](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#labelFormatter)
|
|
273
273
|
* property.
|
|
274
274
|
*
|
|
275
275
|
* @default 4
|
|
@@ -282,17 +282,17 @@ export abstract class ArcgisSlider extends LitElement {
|
|
|
282
282
|
*/
|
|
283
283
|
accessor precision: number;
|
|
284
284
|
/**
|
|
285
|
-
* When `true`, users can edit the [min](
|
|
285
|
+
* When `true`, users can edit the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels via keyboard input.
|
|
286
286
|
* Editing these labels updates the slider’s interactive range.
|
|
287
287
|
*
|
|
288
288
|
* @default false
|
|
289
289
|
*/
|
|
290
290
|
accessor rangeLabelsEditingEnabled: boolean;
|
|
291
291
|
/**
|
|
292
|
-
* Controls where the [min](
|
|
293
|
-
* This property only affects the slider when [layout](
|
|
292
|
+
* Controls where the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels are positioned relative to the track.
|
|
293
|
+
* This property only affects the slider when [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#layout) is `"horizontal"`.
|
|
294
294
|
*
|
|
295
|
-
* - `"center"` (default): Places the [min](
|
|
295
|
+
* - `"center"` (default): Places the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) labels aligned with the track.
|
|
296
296
|
* - `"end"`: Places the range labels below the the track.
|
|
297
297
|
*
|
|
298
298
|
* @default "center"
|
|
@@ -305,7 +305,7 @@ export abstract class ArcgisSlider extends LitElement {
|
|
|
305
305
|
*/
|
|
306
306
|
accessor segmentsDraggingDisabled: boolean;
|
|
307
307
|
/**
|
|
308
|
-
* Indicates whether to [min](
|
|
308
|
+
* Indicates whether to [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels are visible on the slider.
|
|
309
309
|
*
|
|
310
310
|
* @default false
|
|
311
311
|
*/
|
|
@@ -320,7 +320,7 @@ export abstract class ArcgisSlider extends LitElement {
|
|
|
320
320
|
* slider range at an interval of the provided value. In this scenario,
|
|
321
321
|
* the user may only slide the thumbs to values at the provided interval.
|
|
322
322
|
* For example, if a value of `0.5` is set here, and the slider
|
|
323
|
-
* [min](
|
|
323
|
+
* [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) is `0` and the slider [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) is `10`, then the user will
|
|
324
324
|
* only be able to update the thumbs to values of 0, 0.5, 1.0, 1.5, 2.0, etc.
|
|
325
325
|
*
|
|
326
326
|
* @example
|
|
@@ -368,9 +368,9 @@ export abstract class ArcgisSlider extends LitElement {
|
|
|
368
368
|
/** Permanently destroys the component. */
|
|
369
369
|
destroy(): Promise<void>;
|
|
370
370
|
/**
|
|
371
|
-
* Fires when the [activeValue](
|
|
372
|
-
* This event does not fire when [values](
|
|
373
|
-
* [arcgisChange](
|
|
371
|
+
* Fires when the [activeValue](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#activeValue) changes as a thumb or the range gains or loses focus.
|
|
372
|
+
* This event does not fire when [values](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#values) change. Use [@arcgisInput](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisInput) for continuous updates or
|
|
373
|
+
* [@arcgisChange](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisChange) when the interaction is committed.
|
|
374
374
|
*
|
|
375
375
|
* @example
|
|
376
376
|
* ```js
|
|
@@ -396,13 +396,13 @@ export abstract class ArcgisSlider extends LitElement {
|
|
|
396
396
|
*
|
|
397
397
|
* renderActive();
|
|
398
398
|
* ```
|
|
399
|
-
* @see [activeValue](
|
|
399
|
+
* @see [activeValue](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#activeValue)
|
|
400
400
|
*/
|
|
401
401
|
readonly arcgisActiveValueChange: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
402
402
|
/**
|
|
403
403
|
* Fires when the thumb or range is released on the component.
|
|
404
404
|
*
|
|
405
|
-
* Use [arcgisInput](
|
|
405
|
+
* Use [@arcgisInput](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#event-arcgisInput) for continuous updates during a drag.
|
|
406
406
|
*
|
|
407
407
|
* @example
|
|
408
408
|
* ```js
|
|
@@ -450,8 +450,8 @@ export abstract class ArcgisSlider extends LitElement {
|
|
|
450
450
|
*/
|
|
451
451
|
readonly arcgisInput: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
452
452
|
/**
|
|
453
|
-
* Fires when the slider's [min](
|
|
454
|
-
* This occurs when the user edits the [min](
|
|
453
|
+
* Fires when the slider's [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) and [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range changes.
|
|
454
|
+
* This occurs when the user edits the [min](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#min) or [max](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/#max) range labels (when enabled).
|
|
455
455
|
*
|
|
456
456
|
* @example
|
|
457
457
|
* ```js
|
|
@@ -555,7 +555,7 @@ class Ee extends Y {
|
|
|
555
555
|
this._setActivePart(null);
|
|
556
556
|
}
|
|
557
557
|
_onTrackRangePointerDown(e) {
|
|
558
|
-
this._disabledOrInvalid || !M(e) || this._startDrag("range", this._mapEventToRange(e));
|
|
558
|
+
this._disabledOrInvalid || !M(e) || (e.preventDefault(), this._startDrag("range", this._mapEventToRange(e)));
|
|
559
559
|
}
|
|
560
560
|
async _onPointerDown(e) {
|
|
561
561
|
if (this._disabledOrInvalid || !M(e))
|
|
@@ -579,7 +579,7 @@ class Ee extends Y {
|
|
|
579
579
|
if (!M(e) || this._disabledOrInvalid || !t)
|
|
580
580
|
return;
|
|
581
581
|
const a = j(this, t);
|
|
582
|
-
e.target === a && a?.editing || (e.stopPropagation(), this._startDrag(t, this._mapEventToRange(e)));
|
|
582
|
+
e.target === a && a?.editing || (e.stopPropagation(), e.preventDefault(), this._startDrag(t, this._mapEventToRange(e)));
|
|
583
583
|
}
|
|
584
584
|
_endDrag() {
|
|
585
585
|
if (this._disabledOrInvalid)
|