@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.
- package/dist/cdn/7772WMBI.js +2 -0
- package/dist/cdn/HHJ5K2EW.js +2 -0
- package/dist/cdn/index.js +1 -1
- package/dist/components/arcgis-histogram/customElement.d.ts +30 -12
- package/dist/components/arcgis-slider/customElement.d.ts +27 -11
- package/dist/components/arcgis-slider/customElement.js +317 -288
- package/dist/components/arcgis-ticks/customElement.d.ts +7 -7
- package/dist/components/arcgis-ticks/customElement.js +27 -27
- 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/dist/loader.js +1 -1
- package/dist/types/lumina.d.ts +1 -1
- package/dist/types/preact.d.ts +1 -1
- package/dist/types/react.d.ts +1 -1
- package/dist/types/stencil.d.ts +1 -1
- package/package.json +3 -3
- package/dist/cdn/5MFKILK5.js +0 -2
- package/dist/cdn/YPVTUP24.js +0 -2
|
@@ -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("./
|
|
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
|
-
* [
|
|
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
|
-
*
|
|
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
|
* 
|
|
40
39
|
*
|
|
@@ -42,11 +41,11 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
|
|
|
42
41
|
*
|
|
43
42
|
* 
|
|
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
|
|
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
|
-
/**
|
|
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="
|
|
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
|
-
* * `"
|
|
213
|
-
* * `"
|
|
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 "
|
|
231
|
+
* @default "start"
|
|
216
232
|
* @example
|
|
217
233
|
* ```js
|
|
218
234
|
* const slider = document.querySelector("arcgis-slider");
|
|
219
|
-
* slider.popoverPlacement = "
|
|
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: "
|
|
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
|
-
* - `"
|
|
296
|
+
* - `"end"`: Places the range labels below the the track.
|
|
281
297
|
*
|
|
282
298
|
* @default "center"
|
|
283
299
|
*/
|
|
284
|
-
accessor rangeLabelsPlacement: "center" | "
|
|
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 "
|
|
363
|
+
* @default "start"
|
|
348
364
|
*/
|
|
349
|
-
accessor valueLabelsPlacement: "
|
|
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 = "
|
|
410
|
+
* slider.popoverPlacement = "end";
|
|
395
411
|
*
|
|
396
412
|
* // Example: Dynamic popover content based on slider value
|
|
397
413
|
* const popover = document.getElementById("popover");
|