@arcgis/common-components 5.0.0-next.154 → 5.0.0-next.156

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.
@@ -0,0 +1,2 @@
1
+ /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
2
+ import{a as Q}from"./AXP3KSLX.js";import{a as re}from"./3WYIVRKX.js";import{a as ee,b as te}from"./24JQU3I6.js";import{a as z,b as X,d as J}from"./27FRM3HV.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"./S7UW2ITJ.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")
@@ -0,0 +1,2 @@
1
+ /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
2
+ import{B as $,C as h,D as m,E as f,H as M,g as y,i as c,q as w}from"./S7UW2ITJ.js";export default $arcgis.t(([{formatNumber:A}])=>{var l={container:"container",ticksContainer:"ticks-container",labelsContainer:"labels-container",tick:"tick",tickMin:"tick--min",tickMax:"tick--max",tickLabel:"tick-label",baseline:"baseline"},L=y`:host{display:flex;--arcgis-ticks-tick-length: .5rem;--arcgis-ticks-tick-color: var(--calcite-color-border-input);--arcgis-ticks-gap: 1em;--arcgis-ticks-font-size: var(--calcite-font-size--2)}.container{align-items:stretch;display:flex;color:var(--calcite-color-text-2);flex:1;font-weight:var(--calcite-font-weight-medium);font-size:var(--arcgis-ticks-font-size);line-height:1em;position:relative;user-select:none;word-wrap:normal;word-break:normal}.baseline{background-color:var(--arcgis-ticks-tick-color, var(--calcite-color-border-input))}.tick{position:absolute;background-color:var(--arcgis-ticks-tick-color, var(--calcite-color-border-input))}.tick-label{position:absolute;text-align:var(--arcgis-ticks-label-text-align, center);width:var(--arcgis-ticks-label-width, var(--labels-container-width, "auto"))}:host([layout="horizontal"]){.ticks-container{height:var(--arcgis-ticks-tick-length)}.labels-container{height:var(--labels-container-height, "auto")}.tick{width:.125rem;height:var(--arcgis-ticks-tick-length);transform:translate(-50%)}.tick-label{transform:translate(-50%)}.tick--min{transform:unset}.tick--max{transform:translate(-100%)}}:host([layout="vertical"]){.ticks-container{width:var(--arcgis-ticks-tick-length)}.labels-container{width:var(--labels-container-width)}.tick{width:var(--arcgis-ticks-tick-length);height:.125rem;transform:translateY(50%)}.tick-label{text-align:right;transform:translateY(50%)}.tick--min{transform:unset}.tick--max{transform:translateY(100%)}}:host([layout="horizontal"][mirrored]){.tick,.tick-label{transform:translate(50%)}.tick--min{transform:unset}.tick--max{transform:translate(100%)}}:host([layout="vertical"][mirrored]){.tick,.tick-label{transform:translateY(-50%)}.tick--min{transform:unset}.tick--max{transform:translateY(-100%)}}:host([layout="horizontal"][label-placement="start"]){.container{flex-direction:column;justify-content:flex-end}.labels-container{margin-bottom:var(--arcgis-ticks-gap)}}:host([layout="horizontal"][label-placement="end"]){.container{flex-direction:column-reverse;justify-content:flex-end}.labels-container{margin-top:var(--arcgis-ticks-gap)}}:host([layout="vertical"][label-placement="start"]){.container{flex-direction:row;justify-content:flex-end}:dir(ltr){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right}}:dir(rtl){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left;unicode-bidi:plaintext}}}:host([layout="vertical"][label-placement="end"]){.container{flex-direction:row-reverse;justify-content:flex-end}:dir(ltr){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left}}:dir(rtl){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right;unicode-bidi:plaintext}}}:host([interactive]){pointer-events:none;.tick,.tick-label{pointer-events:auto;cursor:pointer}.tick-label:hover{text-decoration:underline}}`,g=class extends ${constructor(){super(...arguments),this._formatValue=e=>A(e,this._formatOptions),this._formatOptions={style:"decimal",useGrouping:!0,minimumFractionDigits:0,maximumFractionDigits:2},this.interactive=!1,this.interpolationExponent=0,this.labelPlacement="end",this.layout="horizontal",this.max=100,this.min=0,this.mirrored=!1,this.mode="count",this.showLabels=!1,this.showBaseline=!1,this.values=[],this.arcgisTickClick=w({cancelable:!1})}static{this.properties={_formatOptions:16,interactive:7,interpolationExponent:9,labelFormatter:0,labelPlacement:3,layout:3,max:9,min:9,mirrored:7,mode:1,showLabels:5,showBaseline:5,values:[9,{converter:{fromAttribute(e){if(e.includes(","))return e.split(",").filter(t=>t.trim()!=="").map(parseFloat).filter(t=>Number.isFinite(t));{let t=parseFloat(e);return Number.isFinite(t)?[t]:[]}}}}]}}static{this.styles=L}updated(){let e=this.renderRoot.querySelector(`.${l.labelsContainer}`);if(e){let t=0,i=0;for(let a of this.renderRoot.querySelectorAll(`.${l.tickLabel}`)){let r=a.getBoundingClientRect();t=Math.max(t,r.width),i=Math.max(i,r.height)}t=Math.ceil(t),i=Math.ceil(i),!t||!i?(e.style.removeProperty("--labels-container-width"),e.style.removeProperty("--labels-container-height")):(e.style.setProperty("--labels-container-width",`${t}px`),e.style.setProperty("--labels-container-height",`${i}px`))}}_handleClick(e){if(!this.interactive)return;let t=e.target.dataset.value;t&&this.arcgisTickClick.emit({value:Number(t)})}_internalLabelFormatter(e){let t=this.labelFormatter;return t?t(e,this._formatValue)??this._formatValue(e):this._formatValue(e)}render(){return c`<div class=${h(l.container)} touch-action=none @click=${this._handleClick}>${this._renderContent()}${this._renderBaseline()}</div>`}_renderContent(){let{interpolationExponent:e,max:t,min:i,mode:a,values:r,layout:s,mirrored:o,showLabels:C}=this,p=[],v=[];for(let[d,k]of F(a,i,t,e,r)){let x={[s==="horizontal"?o?"right":"left":o?"top":"bottom"]:`${d}%`},z={[l.tick]:!0,[l.tickMin]:d===0,[l.tickMax]:d===100};p.push(c`<div class=${h(z)} style=${m(x)} data-value=${k??f}></div>`),C&&v.push(c`<div class=${h(l.tickLabel)} style=${m(x)} data-value=${k??f}>${this._internalLabelFormatter(k)}</div>`)}return[c`<div class=${h(l.labelsContainer)}>${v}</div>`,c`<div class=${h(l.ticksContainer)}>${p}</div>`]}_renderBaseline(){let{showBaseline:e,layout:t}=this;return e&&c`<div class=${h(l.baseline)} style=${m({[t==="horizontal"?"width":"height"]:"100%",[t==="horizontal"?"height":"width"]:"0.125rem"})}></div>`||""}};function*F(n,e,t,i,a){switch(n){case"value":{let r=Array.isArray(a)?a:[a];for(let s of r){let o=P(e,t,s,i)*100;o>=0&&o<=100&&(yield[o,s])}break}case"percent":{if(Array.isArray(a))for(let r of a)r>=0&&r<=100&&(yield[r,u(e,t,r/100,i)]);else if(a>0)for(let r=0;r<=100;r+=a)yield[r,u(e,t,r/100,i)];break}case"count":{let r=Array.isArray(a)?a[0]:a;if(r<=1)yield[50,u(e,t,.5,i)];else for(let s=0;s<r;s++){let o=s*100/(r-1);yield[o,u(e,t,o/100,i)]}break}}}function b(n,e,t){return t<n?n:t>e?e:t}function _(n,e,t){return n+(e-n)*t}function P(n,e,t,i=0){let a=(t-n)/(e-n);if(a=b(0,1,a),Math.abs(i)<1e-9)return a;let r=1+Math.expm1(i)*a;return a=Math.log(r)/i,b(0,1,a)}function u(n,e,t,i=0){if(t=b(0,1,t),Math.abs(i)<1e-9)return _(n,e,t);let a=Math.expm1(i*t)/Math.expm1(i);return _(n,e,a)}M("arcgis-ticks",g);return g},"intl")
package/dist/cdn/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
2
- import{G as i,v as e}from"./S7UW2ITJ.js";var s=e(i,{"arcgis-ckeditor5":[()=>import("./YLU2ID56.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./OBZRMENF.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./M3HMICIM.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus"],"arcgis-field-info":[()=>import("./R6PNKOYN.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./5A7U5H34.js"),"_messages:,customExpressionCheck:,expressionsGroupHeading,fields:,fieldsGroupHeading,filterNoResultsText,filterPlaceholderText,groupFieldsAndExpressions,heading,hideCancel,hideSort,layer:,listOnly,mapView:,multiple,okBtnText,popoverProps:,selectedFields:,showCancel,showDescription,showFieldInfo,showFieldName,showFieldTypeIcon,showFilterLength,showSelectionAll,showSort,sortBy,view:;reposition,setDisabled,setFocus"],"arcgis-histogram":[()=>import("./G4OYCJGJ.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,layout,max,messageOverrides:,min,standardDeviation"],"arcgis-label-input":[()=>import("./4LUEJZHL.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./JJDDRWUC.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./FW3N4NH3.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./MSDYVQQK.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./VJ3OMZEA.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./YPVTUP24.js"),"activeValue:,allowValuesOverlap,autoDestroyDisabled,disabled,fillPlacement,fullRangeMax,fullRangeMin,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverLabel,popoverPlacement,precision,rangeLabelsEditingEnabled,rangeLabelsPlacement,segmentsDraggingDisabled,showRangeLabels,steps,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values;destroy"],"arcgis-slider-input":[()=>import("./A2PNH6M7.js"),"disabled,flipLabels,label,max,min,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./5MFKILK5.js"),"interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],"arcgis-unique-values-list":[()=>import("./7TMFBS3U.js"),"_messages:,fieldName,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:;getUniqueValues,setFocus"]});s({resourcesUrl:import.meta.url});var a=new CSSStyleSheet;a.replaceSync("@layer{:not([hydrated]):is(arcgis-ckeditor5,arcgis-ckeditor5-popover,arcgis-color-input,arcgis-field-info,arcgis-field-pick-list,arcgis-histogram,arcgis-label-input,arcgis-picker-input,arcgis-ramp-color,arcgis-ramp-color-break,arcgis-ramp-opacity,arcgis-slider,arcgis-slider-input,arcgis-ticks,arcgis-unique-values-list){visibility:hidden}:root{--arcgis-ckeditor5-initial-height: 30vh;--arcgis-ckeditor5-max-width: 35vw;--arcgis-ckeditor5-mentions-max-width: 33vw;--arcgis-common-ckeditor5-initial-height: 30vh;--arcgis-common-ckeditor5-max-width: 35vw;--arcgis-common-ckeditor5-mentions-max-width: 33vw}}");document.adoptedStyleSheets=[...document.adoptedStyleSheets,a];window.$arcgis||Object.defineProperty(window,"$arcgis",{configurable:!1,enumerable:!0,writable:!1,value:{}}),((a,r)=>{a.t=(c,...x)=>Promise.all(x.map(x=>x.then?x:(!a?.forceESM&&a?.import||(x=>import(x+".js").then(m=>m.default??m)))("@arcgis/core/"+x))).then(c);r.p=a.t(([m])=>{r.t=m.trackAccess;r.o=m.createObservable;r.c=m.createTrackingTarget;r.r=m.runTracked},"applications/Components/reactiveUtils")})($arcgis,i)
2
+ import{G as i,v as e}from"./S7UW2ITJ.js";var s=e(i,{"arcgis-ckeditor5":[()=>import("./YLU2ID56.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./OBZRMENF.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./M3HMICIM.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus"],"arcgis-field-info":[()=>import("./R6PNKOYN.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./5A7U5H34.js"),"_messages:,customExpressionCheck:,expressionsGroupHeading,fields:,fieldsGroupHeading,filterNoResultsText,filterPlaceholderText,groupFieldsAndExpressions,heading,hideCancel,hideSort,layer:,listOnly,mapView:,multiple,okBtnText,popoverProps:,selectedFields:,showCancel,showDescription,showFieldInfo,showFieldName,showFieldTypeIcon,showFilterLength,showSelectionAll,showSort,sortBy,view:;reposition,setDisabled,setFocus"],"arcgis-histogram":[()=>import("./G4OYCJGJ.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,layout,max,messageOverrides:,min,standardDeviation"],"arcgis-label-input":[()=>import("./4LUEJZHL.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./JJDDRWUC.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./FW3N4NH3.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./MSDYVQQK.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./VJ3OMZEA.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./7772WMBI.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("./A2PNH6M7.js"),"disabled,flipLabels,label,max,min,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./HHJ5K2EW.js"),"interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],"arcgis-unique-values-list":[()=>import("./7TMFBS3U.js"),"_messages:,fieldName,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:;getUniqueValues,setFocus"]});s({resourcesUrl:import.meta.url});var a=new CSSStyleSheet;a.replaceSync("@layer{:not([hydrated]):is(arcgis-ckeditor5,arcgis-ckeditor5-popover,arcgis-color-input,arcgis-field-info,arcgis-field-pick-list,arcgis-histogram,arcgis-label-input,arcgis-picker-input,arcgis-ramp-color,arcgis-ramp-color-break,arcgis-ramp-opacity,arcgis-slider,arcgis-slider-input,arcgis-ticks,arcgis-unique-values-list){visibility:hidden}:root{--arcgis-ckeditor5-initial-height: 30vh;--arcgis-ckeditor5-max-width: 35vw;--arcgis-ckeditor5-mentions-max-width: 33vw;--arcgis-common-ckeditor5-initial-height: 30vh;--arcgis-common-ckeditor5-max-width: 35vw;--arcgis-common-ckeditor5-mentions-max-width: 33vw}}");document.adoptedStyleSheets=[...document.adoptedStyleSheets,a];window.$arcgis||Object.defineProperty(window,"$arcgis",{configurable:!1,enumerable:!0,writable:!1,value:{}}),((a,r)=>{a.t=(c,...x)=>Promise.all(x.map(x=>x.then?x:(!a?.forceESM&&a?.import||(x=>import(x+".js").then(m=>m.default??m)))("@arcgis/core/"+x))).then(c);r.p=a.t(([m])=>{r.t=m.trackAccess;r.o=m.createObservable;r.c=m.createTrackingTarget;r.r=m.runTracked},"applications/Components/reactiveUtils")})($arcgis,i)
@@ -28,13 +28,12 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
28
28
  * ```
29
29
  *
30
30
  * Other properties of this component allow you to display meaningful values on the histogram, such as the [average](#average),
31
- * [one standard deviation](#standardDeviation), and the [dataLines](#dataLines) properties.
31
+ * [standard deviation](#standardDeviation), and the [dataLines](#dataLines) properties.
32
32
  *
33
33
  * The [layout](#layout) property allows you to set the orientation of the histogram, and the [colorStops](#colorStops)
34
34
  * property allows you to set a gradient or color scheme for the histogram bars.
35
35
  *
36
- * <a name="image-annotations"></a>
37
- * See the image below for a summary of the configurable options available on this slider.
36
+ * See the image below for a summary of the configurable options available on the histogram.
38
37
  *
39
38
  * ![Histogram with annotations](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/histogram-basic-labels.png "Histogram with annotations")
40
39
  *
@@ -42,11 +41,11 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
42
41
  *
43
42
  * ![Histogram with color](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/histogram-colors.png "Histogram with color")
44
43
  *
45
- * **See also:**
46
- * - [histogram module](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-histogram.html)
47
- *
48
44
  * @cssproperty [--arcgis-histogram-bar-color] - Specifies the color of the histogram bars when the bin doesn't have a corresponding color stop.
49
45
  * @cssproperty [--arcgis-histogram-stop-color] - Specifies the default color for color stops.
46
+ * @see [histogram module](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-histogram.html)
47
+ * @see [Sample - Histogram component](https://developers.arcgis.com/javascript/latest/sample-code/histogram/)
48
+ * @since 5.0
50
49
  */
51
50
  export abstract class ArcgisHistogram extends LitElement {
52
51
  /** @internal */
@@ -119,7 +118,7 @@ export abstract class ArcgisHistogram extends LitElement {
119
118
  * - **Continuous color stops**: Each stop is defined by a `color` and a value. The color of the bar is determined by interpolating between the
120
119
  * colors of the stops surrounding the value of the bin.
121
120
  * - **Classed color stops**: Each stop is defined by a `color` and a `minValue` and `maxValue`. The color of the bar is determined by the color of the stop
122
- * that contains the value of the bin. If the `color` is ommitted, the bar will be colored using the CSS variable `--arcgis-histogram-stop-color`.
121
+ * that contains the value of the bin. If the `color` is omitted, the bar will be colored using the CSS variable `--arcgis-histogram-stop-color`.
123
122
  *
124
123
  * When a bar is not covered by any color stop, it will be colored using the CSS variable `--arcgis-histogram-bar-color`.
125
124
  *
@@ -209,13 +208,16 @@ export abstract class ArcgisHistogram extends LitElement {
209
208
  * ```
210
209
  * @example
211
210
  * ```js
212
- * // sets result returned from a smart mapping method
213
- * // to the histogram
211
+ * // sets result returned from a smart mapping method to the histogram
214
212
  * histogram.max = response.statistics.max;
215
213
  * ```
216
214
  */
217
215
  accessor max: number | undefined;
218
- /** Replace localized message strings with your own strings. */
216
+ /**
217
+ * Replace localized message strings with your own strings.
218
+ *
219
+ * _**Note**: Individual message keys may change between releases._
220
+ */
219
221
  accessor messageOverrides: {
220
222
  componentLabel?: string | undefined;
221
223
  barLabel?: string | undefined;
@@ -230,11 +232,27 @@ export abstract class ArcgisHistogram extends LitElement {
230
232
  * ```
231
233
  * @example
232
234
  * ```js
233
- * // sets result returned from a smart mapping method
234
- * // to the histogram
235
+ * // sets result returned from a smart mapping method to the histogram
235
236
  * histogram.min = response.statistics.min;
236
237
  * ```
237
238
  */
238
239
  accessor min: number | undefined;
240
+ /**
241
+ * The statistical standard deviation of the data in the histogram. You would typically
242
+ * get this value from the `stddev` property of
243
+ * [SummaryStatisticsResult](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-summaryStatistics.html#SummaryStatisticsResult),
244
+ * which is the result of the
245
+ * [summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-summaryStatistics.html#summaryStatistics) function.
246
+ *
247
+ * When set, this value will render on the histogram with symbols indicating standard deviation intervals from the mean.
248
+ *
249
+ * @see [summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-summaryStatistics.html#summaryStatistics)
250
+ * @example
251
+ * ```js
252
+ * // sets result returned from a smart mapping method
253
+ * // to the histogram
254
+ * histogram.standardDeviation = response.statistics.stddev;
255
+ * ```
256
+ */
239
257
  accessor standardDeviation: number | undefined;
240
258
  }
@@ -12,7 +12,7 @@ import type { Popover as Popover } from "@esri/calcite-components/components/cal
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:
14
14
  * ```html
15
- * <arcgis-slider min="0" max="100" show-range-labels value-labels-display="always" steps="1" value-labels-placement="leading">
15
+ * <arcgis-slider min="0" max="100" show-range-labels value-labels-display="always" steps="1" value-labels-placement="start">
16
16
  * <arcgis-ticks interactive slot="content-end" style="flex:1;" min="0" max="100" mode="count" values="11" show-labels>
17
17
  * </arcgis-ticks>
18
18
  * </arcgis-slider>
@@ -111,6 +111,17 @@ export abstract class ArcgisSlider extends LitElement {
111
111
  * ```
112
112
  */
113
113
  accessor fullRangeMin: number | undefined;
114
+ /**
115
+ * Controls how many "small" keyboard increments are applied in order to move a thumb or range faster using the
116
+ * keyboard. The following keys are considered "large" increment keys:
117
+ *
118
+ * - PageUp/PageDown
119
+ * - Shift + Arrow keys
120
+ *
121
+ * @default 10
122
+ * @internal
123
+ */
124
+ accessor keyboardLargeStep: number;
114
125
  /**
115
126
  * Allows customizing how slider labels are formatted for [min](#min), [max](#max), and thumb values.
116
127
  * The formatted value is used for the visible labels and for the thumb’s accessible value text via `aria-valuetext`.
@@ -159,6 +170,11 @@ export abstract class ArcgisSlider extends LitElement {
159
170
  * @see [fullRangeMax](#fullRangeMax)
160
171
  */
161
172
  accessor max: number;
173
+ /**
174
+ * Replace localized message strings with your own strings.
175
+ *
176
+ * _**Note**: Individual message keys may change between releases._
177
+ */
162
178
  accessor messageOverrides: {
163
179
  componentLabel?: string | undefined;
164
180
  maximumValue?: string | undefined;
@@ -209,14 +225,14 @@ export abstract class ArcgisSlider extends LitElement {
209
225
  /**
210
226
  * Determines which side of the track the popover is placed on.
211
227
  * The popover is the floating container that displays the content from the `popover` slot.
212
- * * `"leading"`: Positions the popover above a horizontal slider or to the left of a vertical slider.
213
- * * `"trailing"`: Positions the popover below a horizontal slider or to the right of a vertical slider.
228
+ * * `"start"`: Positions the popover above a horizontal slider or to the left of a vertical slider.
229
+ * * `"end"`: Positions the popover below a horizontal slider or to the right of a vertical slider.
214
230
  *
215
- * @default "leading"
231
+ * @default "start"
216
232
  * @example
217
233
  * ```js
218
234
  * const slider = document.querySelector("arcgis-slider");
219
- * slider.popoverPlacement = "trailing";
235
+ * slider.popoverPlacement = "end";
220
236
  *
221
237
  * // Example: Dynamic popover content based on slider value
222
238
  * const popover = document.getElementById("popover");
@@ -236,7 +252,7 @@ export abstract class ArcgisSlider extends LitElement {
236
252
  * renderPopover();
237
253
  * ```
238
254
  */
239
- accessor popoverPlacement: "leading" | "trailing";
255
+ accessor popoverPlacement: "end" | "start";
240
256
  /**
241
257
  * Defines how slider thumb values should be rounded. This number indicates the number
242
258
  * of decimal places slider thumb _values_ should round to when they have been moved.
@@ -277,11 +293,11 @@ export abstract class ArcgisSlider extends LitElement {
277
293
  * This property only affects the slider when [layout](#layout) is `"horizontal"`.
278
294
  *
279
295
  * - `"center"` (default): Places the [min](#min) and [max](#max) labels aligned with the track.
280
- * - `"trailing"`: Places the range labels below the the track.
296
+ * - `"end"`: Places the range labels below the the track.
281
297
  *
282
298
  * @default "center"
283
299
  */
284
- accessor rangeLabelsPlacement: "center" | "trailing";
300
+ accessor rangeLabelsPlacement: "center" | "end";
285
301
  /**
286
302
  * Indicates if the user can drag the segment between thumbs to update thumb positions.
287
303
  *
@@ -344,9 +360,9 @@ export abstract class ArcgisSlider extends LitElement {
344
360
  /**
345
361
  * Determines whether the thumb value labels are placed before or after the track.
346
362
  *
347
- * @default "leading"
363
+ * @default "start"
348
364
  */
349
- accessor valueLabelsPlacement: "leading" | "trailing";
365
+ accessor valueLabelsPlacement: "end" | "start";
350
366
  /** An array of numbers representing absolute thumb positions on the slider. */
351
367
  accessor values: number[];
352
368
  /** Permanently destroys the component. */
@@ -391,7 +407,7 @@ export abstract class ArcgisSlider extends LitElement {
391
407
  * @example
392
408
  * ```js
393
409
  * const slider = document.querySelector("arcgis-slider");
394
- * slider.popoverPlacement = "trailing";
410
+ * slider.popoverPlacement = "end";
395
411
  *
396
412
  * // Example: Dynamic popover content based on slider value
397
413
  * const popover = document.getElementById("popover");