@arcgis/common-components 5.0.0-next.146 → 5.0.0-next.148
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/3WYIVRKX.js +2 -0
- package/dist/cdn/BHTNRKNZ.js +2 -0
- package/dist/cdn/{W4K3CFKA.js → H3M7S72S.js} +1 -1
- package/dist/cdn/{IKEBXGP2.js → KZWL6SHT.js} +1 -1
- package/dist/cdn/YZLQKM4M.js +2 -0
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/locale.js +12 -0
- package/dist/components/arcgis-ckeditor5-popover/customElement.js +5 -5
- package/dist/components/arcgis-histogram/customElement.d.ts +6 -16
- package/dist/components/arcgis-histogram/customElement.js +46 -46
- package/dist/components/arcgis-histogram/types.d.ts +0 -10
- package/dist/components/arcgis-slider/customElement.js +151 -155
- package/dist/components/arcgis-ticks/customElement.js +5 -5
- 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 +13 -13
- package/dist/cdn/DOR563ZN.js +0 -2
- package/dist/cdn/XRZSAVNS.js +0 -2
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
|
+
import{a as X}from"./P4AKS77P.js";import{a as ee}from"./3WYIVRKX.js";import{a as J,b as Q}from"./HGW3IP6J.js";import{a as V,b as G,d as Z}from"./27FRM3HV.js";import{A as T,B as W,C as $,D as R,E as w,H as Y,g as H,i as f,o as q,p as K,q as E,s as j,t as L,z}from"./T4ZUCGGE.js";export default $arcgis.t(([{on:Le,watch:te},{createObservable:de,trackAccess:he},{property:Ne,subclass:Ue},qe,ve,{property:k,subclass:fe},{watch:S}])=>{var re=(i,e)=>t=>ue(t,i),A=class extends j{constructor(e,t){super(e),this.Y=new Map,this.A=void 0,this.#r=de();let r=this;r.#e=t,r.Z(),r.setProvisionalExports(ge(e,new WeakRef(r),e.M.length-1,r.instance,r.Y),!1),q(e,n=>{if(n){let a=te(()=>e[n],l=>{if(l===r.instance)return;let s=r.instance;r.exports=l,r.instance=l,r.Y.forEach((o,d)=>e.requestUpdate(o,s[d])),r.#t&&s.destroy(),r.#t=!1},{sync:!0});r.onDestroy(a.remove)}},r.exports)}#t;#r;#e;get exports(){return he(this.#r),super.exports}set exports(e){super.exports=e,this.#r.notify()}Z(){let e=this;e.instance="prototype"in e.#e&&"declaredClass"in e.#e.prototype?new e.#e:e.#e(),e.#t=!0}hostConnected(){this.exports=this.instance}hostDestroy(){this.#t&&this.instance.destroy?.()}},ue=J(A),ge=(i,e,t,r,n)=>new Proxy(r,{get:(a,l)=>{let s=a[l];if(typeof l=="symbol"||n.has(l))return s;let o=i.M[t];return o.A=l,K(i,d=>{if(o.A=void 0,d!==void 0){let c=d.key;n.set(l,c);let h=i.constructor.getPropertyOptions(c),u=l!==c&&c.toLowerCase().includes("disable");me(e,h,l,c,u),h.i===void 0&&pe(h,t,l,u)}},s)}}),me=(i,e,t,r,n,a)=>a=te(()=>{let l=i.deref();return l===void 0||l.component.manager.destroyed?a=a.remove():l.exports[t]},(l,s)=>{if(!a)return;i.deref().component?.requestUpdate(r,n?!s:s),e.c=!1},{sync:!0}),pe=(i,e,t,r)=>{i.d.get=function(){let n=this.M[e]?.exports[t];return r?!n:n},i.d.set=function(n){let a=this.M[e];a.A!==t&&(a.exports[t]=r?!n:n)}};function*ae(i,e){if(i!==void 0){let t=0;for(let r of i)yield e(r,t++)}}var be=H`:host{display:flex;width:100%;height:100%;font-family:Avenir Next,Helvetica Neue,helvetica,arial,sans-serif;font-size:var(--calcite-font-size--2);font-variant-numeric:tabular-nums;--arcgis-slider-dash-length: 5px;--arcgis-slider-handle-size: .875rem;--arcgis-slider-track-background-color: var(--calcite-color-border-2);--arcgis-slider-internal-show-range-labels: 0;--arcgis-slider-internal-show-value-labels: 0;--arcgis-slider-internal-value-labels-placement-leading: 0;--arcgis-slider-internal-value-labels-placement-trailing: 0;--arcgis-slider-internal-range-labels-placement-center: 0;--arcgis-slider-internal-range-labels-placement-trailing: 0;--arcgis-slider-internal-handle-offset: calc(var(--arcgis-slider-handle-size) / 2);--arcgis-slider-internal-label-input-margin: calc(var(--arcgis-slider-internal-handle-offset) + 4px);--arcgis-slider-internal-label-input-height: var(--calcite-input-number-height, 1.5rem);--arcgis-slider-internal-track-size: 2px}:host([show-range-labels]){--arcgis-slider-internal-show-range-labels: 1}:host(:not([value-labels-display="hidden"])){--arcgis-slider-internal-show-value-labels: 1}:host([value-labels-placement="leading"]){--arcgis-slider-internal-value-labels-placement-leading: var(--arcgis-slider-internal-show-value-labels)}:host([value-labels-placement="trailing"]){--arcgis-slider-internal-value-labels-placement-trailing: var(--arcgis-slider-internal-show-value-labels)}:host([range-labels-placement="center"]){--arcgis-slider-internal-range-labels-placement-center: var(--arcgis-slider-internal-show-range-labels)}:host([range-labels-placement="trailing"]){--arcgis-slider-internal-range-labels-placement-trailing: var(--arcgis-slider-internal-show-range-labels)}:host([disabled]){cursor:default;opacity:var(--calcite-opacity-disabled);pointer-events:none}.content{direction:ltr;flex:1;touch-action:none;user-select:none;display:grid;word-wrap:normal;word-break:normal;padding-block:var(--arcgis-slider-internal-handle-offset)}.track-container{grid-area:track-container;position:relative;display:flex;justify-content:center;align-items:center}.track{touch-action:none;position:relative}.track-bounds{background-color:var(--calcite-color-border-2)}.track-fill{--arcgis-slider-track-background-color: var(--calcite-color-brand)}:host([layout="vertical"]){.track-effective-leading{background:repeating-linear-gradient(to bottom,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-trailing{background:repeating-linear-gradient(to top,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}:host([layout="horizontal"]){.track-effective-leading{background:repeating-linear-gradient(to right,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}.track-effective-trailing{background:repeating-linear-gradient(to left,var(--arcgis-slider-track-background-color) 0 var(--arcgis-slider-dash-length),color-mix(in srgb,transparent 75%,var(--arcgis-slider-track-background-color) 25%) var(--arcgis-slider-dash-length) calc(var(--arcgis-slider-dash-length) * 2))}}.track-range{background-color:var(--calcite-color-brand);&.active{box-shadow:0 0 8px #00000029;outline:1px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)))}}:host([disabled]) .track-range{background-color:var(--calcite-color-text-3)}:host([disabled]),:host([disabled][layout="horizontal"]),:host([disabled][layout="vertical"]){.track-range.interactive:after{cursor:default;pointer-events:none}}:host([layout="horizontal"]){.track-range.interactive:after{all:initial;cursor:ew-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-top:1px}}:host([layout="vertical"]){.track-range.interactive:after{all:initial;cursor:ns-resize;position:absolute;inline-size:100%;content:"";inset-block-start:calc(-1 * var(--arcgis-slider-internal-handle-offset));block-size:var(--arcgis-slider-handle-size);margin-left:1px;writing-mode:vertical-lr}}.segment{transform-origin:0 0;inset-block-start:0px;block-size:.125rem;position:absolute;top:0;left:0}.thumb{-webkit-user-select:none;user-select:none;background-color:#4c4c4c;position:absolute}.thumb:focus,.thumb.active{.handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px #00000029;outline:2px solid var(--calcite-color-focus, var(--calcite-color-focus, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}}.handle{cursor:pointer;box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;border-radius:var(--arcgis-slider-handle-size);width:var(--arcgis-slider-handle-size);height:var(--arcgis-slider-handle-size);transition:all var(--calcite-animation-timing, .125s) ease-in-out;position:absolute;top:calc(var(--arcgis-slider-internal-handle-offset) * -1);left:calc(var(--arcgis-slider-internal-handle-offset) * -1)}.handle:hover{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.label{position:absolute;will-change:transform}.label[hidden]{display:block;opacity:0;pointer-events:none}.min{grid-area:range-start}.max{grid-area:range-end}:host([layout="horizontal"][mirrored][range-labels-placement="center"]),:host([layout="vertical"]:not([mirrored])){.min{grid-area:range-end}.max{grid-area:range-start}}.content-start{grid-area:content-start;display:flex}.content-end{grid-area:content-end;display:flex}:host([layout="vertical"]){.content{grid-template:". range-start range-start range-start ." "content-start content-start track-container content-end content-end" ". range-end range-end range-end .";grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto auto auto 1fr;row-gap:var(--arcgis-slider-internal-handle-offset)}.track-container{flex-direction:column}.track{flex:1;width:var(--arcgis-slider-internal-track-size)}.segment{writing-mode:vertical-lr}.label{top:calc(var(--arcgis-slider-internal-label-input-height) * -.5)}&:host([value-labels-placement="leading"]){.label{right:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="trailing"]){.label{left:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="center"]){.content{--arcgis-slider-internal-content-start-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + ( var(--arcgis-slider-internal-value-labels-placement-leading) * var(--arcgis-slider-internal-label-input-height) ) );--arcgis-slider-internal-content-end-min-height: calc( ((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset)) + ( var(--arcgis-slider-internal-value-labels-placement-trailing) * var(--arcgis-slider-internal-label-input-height) ) );column-gap:calc(var(--arcgis-slider-internal-show-range-labels) * var(--arcgis-slider-internal-handle-offset) / 2);padding-inline:calc((1 - var(--arcgis-slider-internal-show-range-labels)) * var(--arcgis-slider-internal-handle-offset));grid-template:". content-start ." "range-start content-start range-end" "range-start track-container range-end" "range-start content-end range-end" ". content-end .";grid-template-columns:auto 1fr auto;grid-template-rows:minmax(var(--arcgis-slider-internal-content-start-min-height),auto) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) var(--arcgis-slider-internal-track-size) calc(var(--arcgis-slider-internal-show-range-labels) * calc(calc(var(--arcgis-slider-internal-label-input-height) / 2) - calc(var(--arcgis-slider-internal-track-size) / 2))) minmax(var(--arcgis-slider-internal-content-end-min-height),auto)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="leading"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="trailing"]){.label{top:var(--arcgis-slider-internal-label-input-margin)}}}:host([layout="horizontal"][range-labels-placement="trailing"]){.content{--arcgis-slider-internal-content-start-min-height: calc( var(--arcgis-slider-internal-handle-offset) + var(--arcgis-slider-internal-value-labels-placement-leading) * var(--arcgis-slider-internal-label-input-height) );--arcgis-slider-internal-content-end-min-height: calc( var(--arcgis-slider-internal-value-labels-placement-trailing) * var(--arcgis-slider-internal-label-input-height) );padding-inline:var(--arcgis-slider-internal-handle-offset);grid-template:"content-start content-start content-start" "track-container track-container track-container" "content-end content-end content-end" "content-end content-end content-end" "content-end content-end content-end";grid-template-columns:auto;grid-template-rows:minmax(var(--arcgis-slider-internal-content-start-min-height),auto) var(--arcgis-slider-internal-track-size) var(--arcgis-slider-internal-handle-offset) calc(var(--arcgis-slider-internal-range-labels-placement-trailing) * var(--arcgis-slider-internal-label-input-height)) minmax(var(--arcgis-slider-internal-content-end-min-height),auto);column-gap:var(--arcgis-slider-internal-handle-offset)}.track{flex:1;height:var(--arcgis-slider-internal-track-size)}&:host([value-labels-placement="leading"]){.label{bottom:var(--arcgis-slider-internal-label-input-margin)}}&:host([value-labels-placement="trailing"]){.label{top:calc(var(--arcgis-slider-internal-label-input-margin) + var(--arcgis-slider-internal-range-labels-placement-trailing) * (var(--arcgis-slider-internal-label-input-height)))}}.min,.max{--arcgis-slider-internal-range-translation: calc(var(--arcgis-slider-internal-handle-offset) + .5rem + 1px);grid-area:unset;grid-row:-3}&:host(:not([mirrored])){.min{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}.max{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}}&:host([mirrored]){.min{grid-column:3;transform:translate(var(--arcgis-slider-internal-range-translation))}.max{grid-column:1;transform:translate(calc(var(--arcgis-slider-internal-range-translation) * -1))}}}`,_e=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,y=(i,e,t,r)=>{for(var n=r>1?void 0:r?xe(e,t):e,a=i.length-1,l;a>=0;a--)(l=i[a])&&(n=(r?l(e,t,n):l(n))||n);return r&&n&&_e(e,t,n),n};function ye(){return{min:0,max:100,values:[]}}var _=class extends ve{constructor(i={}){super({...ye(),properties:i}),this._entries=new Map,this.precision=4,this.ready=!1}startup(){let{precision:i}=this,{min:e,max:t,values:r}=this;t=b(t,i),e=b(e,i),r=r?.map(a=>I(b(a,i),e,t)),this._set("min",e),this._set("max",t),this._set("values",r);let n=new Map(r?.map(a=>[L(),a]));this._entries=n,S(()=>this.min,a=>{let l=this.values;a!=null&&l?.length&&l.some(s=>s<a)&&(this._entries.forEach((s,o)=>{s<a&&this._entries.set(o,a)}),this._updatesValues())},{sync:!0}),S(()=>this.max,a=>{let l=this.values;a!=null&&l?.length&&l.some(s=>s>a)&&(this._entries.forEach((s,o)=>{s>a&&this._entries.set(o,a)}),this._updatesValues())},{sync:!0}),S(()=>this.precision,a=>{let{min:l,max:s,values:o}=this;this._set("min",b(l,a)),this._set("max",b(s,a)),o?.length&&(this._entries.forEach((d,c)=>{this._entries.set(c,b(d,a))}),this._updatesValues())},{sync:!0}),this._set("ready",!0)}get entries(){return this._entries}set max(i){if(!this.ready){this._set("max",i);return}let e=this._get("max"),t=b(i,this.precision);e!==t&&this._set("max",t)}set min(i){if(!this.ready){this._set("min",i);return}let e=this._get("min"),t=b(i,this.precision);e!==t&&this._set("min",t)}set values(i){if(!this.ready){this._set("values",i);return}let e=this._get("values");if(i=i?.map(r=>I(b(r,this.precision),this.min,this.max)).sort((r,n)=>r-n),e&&i&&e.length===i.length&&e.every((r,n)=>r===i[n]))return;let t=new Map(i?.map(r=>[L(),r]));this._entries=t,this._set("values",i)}getValue(i){return this._entries.get(i)}setValue(i,e){if(this.values==null)return!1;let{min:t,max:r}=this,n=this._entries.get(i),a=I(b(e,this.precision),t,r);return n===a?!1:(this._entries.set(i,a),this._updatesValues(),!0)}setValues(i){if(this.values==null)return!1;let e=!1,{min:t,max:r}=this;for(let[n,a]of i){let l=this._entries.get(n),s=I(b(a,this.precision),t,r);l!==s&&(e=!0,this._entries.set(n,s))}return e?(this._updatesValues(),!0):!1}_updatesValues(){let i=Array.from(this._entries.values()).sort((e,t)=>e-t);this._set("values",i)}};y([k()],_.prototype,"_entries",2);y([k({readOnly:!0})],_.prototype,"entries",1);y([k()],_.prototype,"max",1);y([k()],_.prototype,"min",1);y([k({cast:i=>I(i,0,20)})],_.prototype,"precision",2);y([k({readOnly:!0})],_.prototype,"ready",2);y([k()],_.prototype,"values",1);_=y([fe("esri.widgets.Slider.SliderData")],_);function I(i,e,t){return Math.min(Math.max(i,e),t)}function b(i,e){return Number.parseFloat(i.toFixed(e))}var B=class{constructor(e){this.steps=e,this.minIndex=0,this.maxIndex=this.steps.length-1}indexToValue(e){return this.steps[P(e,this.minIndex,this.maxIndex)]}valueToIndex(e){let t=this.steps.indexOf(e);return t!==-1?t:this.steps.reduce((r,n,a,l)=>Math.abs(n-e)<Math.abs(l[r]-e)?a:r)}},N=class{constructor(e,t,r){this.min=e,this.max=t,this.stepSize=r,this.minIndex=0,this.maxIndex=Math.round((this.max-this.min)/this.stepSize)}indexToValue(e){return this.min+P(e,this.minIndex,this.maxIndex)*this.stepSize}valueToIndex(e){return e=P(e,this.min,this.max),Math.round((e-this.min)/this.stepSize)}};function we(i){if(i.steps==null)return null;let e=i.steps;return Array.isArray(e)?e.length===0?null:new B(e):new N(i.min,i.max,e)}function ke(i,e,t){if(i==null){let s=new Map;for(let[o,d]of e.entries())s.set(o,d+t);return s}let r=e.size,n=Array.from(e.entries()).map(([s,o])=>{let d=o+t,c=[];for(let h=i.minIndex;h<=i.maxIndex;h++){let u=i.indexToValue(h),p=Math.abs(u-d),g=!1;for(let v=0;v<c.length;v++)if(p<c[v].dist){c.splice(v,0,{idx:h,value:u,dist:p}),g=!0;break}!g&&c.length<r&&c.push({idx:h,value:u,dist:p}),c.length>r&&(c.length=r)}return{uuid:s,stepDistances:c}}),a=new Set,l=new Map;n.sort((s,o)=>s.stepDistances[0].dist-o.stepDistances[0].dist);for(let s of n){let o=s.stepDistances.find(d=>!a.has(d.idx));o?(a.add(o.idx),l.set(s.uuid,o.value)):l.set(s.uuid,e.get(s.uuid))}return l}function ie(i,e,t,r,n){let a=e.get(t)??0;if(!i)return a+r;let l=a+r,s=new Set;if(!n)for(let[c,h]of e.entries())c!==t&&s.add(i.valueToIndex(h));let o=null,d=1/0;for(let c=i.minIndex;c<=i.maxIndex;c++){if(s.has(c))continue;let h=i.indexToValue(c),u=Math.abs(h-l);u<d&&(d=u,o=c)}return o==null?a:i.indexToValue(o)}function De(i,e,t){let r=new Map,n=t>0?$e:oe,a=Array.from(e).sort((o,d)=>n(o[1],d[1])),l=!1,s=!0;for(let[o,d]of a)if(r.set(o,d),s){let c=le(i,r,o,t);d===c&&(s=!1),l||=s,r.set(o,c)}return{changed:l,entries:r}}function le(i,e,t,r){let{allowValuesOverlap:n,stepsProvider:a,resolution:l,min:s,max:o}=i,d=e.get(t);if(r=r>0?1:-1,!a){let m=P(d+r*l,s,o);if(n)return m;let x=new Set;for(let[M,ce]of e)M!==t&&x.add(ce);for(;x.has(m)&&m<=o&&m>=s;)m=P(m+r*l,s,o);return x.has(m)||m>o||m<s?d:m}let c=a.valueToIndex(d);if(c===-1)return d;if(n){let m=P(c+r,a.minIndex,a.maxIndex);return a.indexToValue(m)}let h=new Set;for(let[m,x]of e)m!==t&&h.add(a.valueToIndex(x));let u=c,p=!1,g=a.minIndex,v=a.maxIndex,D=0;for(;D<Math.abs(v-g)&&(u+=r,!(u<g||u>v));){if(!h.has(u)){p=!0;break}D++}return p?a.indexToValue(u):d}function Pe(i,e,t,r){let{allowValuesOverlap:n,stepsProvider:a,resolution:l,min:s,max:o}=i,d=e.get(t);if(r=r>0?1:-1,!a){let p=new Set(Array.from(e).filter(([v])=>v!==t).map(([,v])=>v)),g=r>0?o:s;if(n)return g;for(;p.has(g);)if(g-=r*l,r>0&&g>o||r<0&&g<s){g=d;break}return g}if(n)return r>0?a.indexToValue(a.maxIndex):a.indexToValue(a.minIndex);let c=a.valueToIndex(d);if(c===-1)return d;let h=new Set(Array.from(e).filter(([p])=>p!==t).map(([,p])=>a.valueToIndex(p))),u=r>0?a.maxIndex:a.minIndex;for(;h.has(u);)if(u-=r,r>0&&u>o||r<0&&u<s){u=c;break}return a.indexToValue(u)}function Ee(i,e,t){let{stepsProvider:r,min:n,max:a}=i,l=new Map,s=Array.from(e).sort((d,c)=>oe(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)l.set(c,h);for(let[c,h]of s){let u=r.indexToValue(r.valueToIndex(h)+d);l.set(c,u)}return l}let o=0;if(t>0){let d=s[s.length-1];o=a-d[1]}else{let d=s[0];o=n-d[1]}for(let[d,c]of s)l.set(d,c+o);return l}function oe(i,e){return i-e}function $e(i,e){return e-i}function P(i,e,t){return Math.max(e,Math.min(t,i))}var Ce=re(_),U=class extends W{constructor(){super(...arguments),this._popoverElement=z(),this._trackElement=z(),this.messages=Q({}),this._onPointerMoveDragUpdate=e=>{this._updateDrag(this._mapEventToRange(e))},this._onPointerUpDragEnd=e=>{O(e)&&this._endDrag()},this._onPointerCancelDragEnd=()=>{this._endDrag()},this._formatLabel=(e,t,r)=>{let n=ee(this.messages._lang,t),a=this.labelFormatter;return a?a(r,e,s=>n.format(s))??n.format(r):n.format(r)},this._numberFormatOptions={},this._createFormatter=(e,t)=>this._formatLabel.bind(this,e,t),this._minFormatter=this._createFormatter("min",this._numberFormatOptions),this._maxFormatter=this._createFormatter("max",this._numberFormatOptions),this._valueFormatter=this._createFormatter("value",this._numberFormatOptions),this._resizeObserver=new ResizeObserver(()=>{this._layoutLabelInputs()}),this._labelInputsUpdateComplete=null,this._dragInfo=null,this._hasPopoverContent=!1,this._hasContentStart=!1,this._hasContentEnd=!1,this._sliderData=Ce(this),this.allowValuesOverlap=!1,this.autoDestroyDisabled=!1,this.disabled=!1,this.fillPlacement="start",this.layout="horizontal",this.max=this._sliderData.max,this.min=this._sliderData.min,this.mirrored=!1,this.popoverLabel="",this.popoverPlacement="leading",this.precision=this._sliderData.precision,this.rangeLabelsEditingEnabled=!1,this.rangeLabelsPlacement="center",this.segmentsDraggingDisabled=!1,this.showRangeLabels=!1,this.valueLabelsDisplay="hidden",this.valueLabelsPlacement="leading",this.valueLabelsEditingEnabled=!1,this.values=this._sliderData.values,this.arcgisActiveValueChange=E({cancelable:!1}),this.arcgisChange=E({cancelable:!1}),this.arcgisInput=E({cancelable:!1}),this.arcgisRangeChange=E({cancelable:!1})}static{this.properties={_dragInfo:16,_hasPopoverContent:16,_hasContentStart:16,_hasContentEnd:16,_activePart:16,_sliderData:16,activeValue:32,allowValuesOverlap:5,autoDestroyDisabled:5,disabled:7,fullRangeMax:11,fullRangeMin:11,fillPlacement:1,labelFormatter:0,layout:3,max:11,min:11,mirrored:7,popoverLabel:1,popoverPlacement:3,precision:11,rangeLabelsEditingEnabled:5,rangeLabelsPlacement:3,segmentsDraggingDisabled:5,showRangeLabels:7,steps:[9,{converter:{fromAttribute(e){if(e.includes(","))return e.split(",").filter(r=>r.trim()!=="").map(parseFloat).filter(r=>Number.isFinite(r));let t=parseFloat(e);return Number.isFinite(t)?t:void 0}}}],valueLabelsDisplay:3,valueLabelsPlacement:3,valueLabelsEditingEnabled:5,values:[1,{converter:{fromAttribute(e){return e.includes(",")?e.split(",").filter(t=>t.trim()!=="").map(parseFloat).filter(t=>Number.isFinite(t)):[parseFloat(e)].filter(t=>Number.isFinite(t))}}}],messageOverrides:0}}static{this.styles=be}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}get _fullMin(){return this.fullRangeMin??this.min}get _fullMax(){return this.fullRangeMax??this.max}get _fullRange(){return this._fullMax-this._fullMin}get isHorizontal(){return this.layout==="horizontal"}get _trackWidthOrHeight(){let e=this._trackElement.value?.getBoundingClientRect();return e?this.isHorizontal?e.width:e.height:0}get _disabledOrInvalid(){return this.disabled||this.values.length===0||this._invalid}get _invalid(){let e=this.fullRangeMin==null||this.fullRangeMax==null||this.fullRangeMin<this.fullRangeMax,t=this.fullRangeMin==null||this.fullRangeMin<=this.min,r=this.fullRangeMax==null||this.fullRangeMax>=this.max;return this.min>=this.max||!e||!t||!r}get resolution(){let e=(this._sliderData.max-this._sliderData.min)/this._trackWidthOrHeight;return Math.max(e,1/Math.pow(10,this.precision))}get activeValue(){if(this._activePart)return this._activePart==="range"?"all":this._sliderData.getValue(this._activePart)}async destroy(){await this.manager.destroy()}load(){this._sliderData.startup()}willUpdate(e){if((e.has("steps")||e.has("min")||e.has("max"))&&(this._stepsProvider=we(this)),e.has("messages")||e.has("min")||e.has("max")||e.has("precision")||e.has("labelFormatter")){let t=this.max!=null&&this.min!=null&&this.max-this.min>10?2:this.precision;this._numberFormatOptions={maximumFractionDigits:t},this._minFormatter=this._createFormatter("min",this._numberFormatOptions),this._maxFormatter=this._createFormatter("max",this._numberFormatOptions),this._valueFormatter=this._createFormatter("value",this._numberFormatOptions)}}updated(e){this._layoutLabelInputs();let t=this._popoverElement.value;t&&(e.has("values")||e.has("min")||e.has("max"))&&t.reposition()}loaded(){this._resizeObserver.observe(this.el)}disconnectedCallback(){super.disconnectedCallback(),this._removeDragListeners()}_makeResizeRef(){let e=null;return t=>{t?(e=t,this._resizeObserver.observe(t)):e&&(this._resizeObserver.unobserve(e),e=null)}}async _layoutLabelInputs(){if(this.layout!=="horizontal"||!this._trackElement.value||this.valueLabelsDisplay==="hidden")return;let e=this.renderRoot.querySelectorAll("arcgis-label-input"),t=this.componentOnReady().then(()=>Promise.all(Array.from(e,a=>a.updateComplete)));if(this._labelInputsUpdateComplete=t,await t,t!==this._labelInputsUpdateComplete)return;this._labelInputsUpdateComplete=null;let{_trackElement:{value:r}}=this,n=r.getBoundingClientRect();for(let a of this._sliderData.entries.keys()){let l=this._activePart==="range"||this._activePart===a;if(this.valueLabelsDisplay==="always"||l){let s=Re(this,a),o=ne(this,a);if(!s||!o)continue;let d=s.getBoundingClientRect(),c=o.getBoundingClientRect(),h=o.getLabelBoundingClientRect(),u=d.width/2,p=Math.round(d.left+u),g=Math.round(h.width/2),v=c.width/2,D=n.left-u,m=n.right+u,x=p-g,M=p+g;x<D?v+=x-D:M>m&&(v+=M-m),o.style.transform=`translateX(${-Math.round(v)}px)`}}}_onTrackFocus(){this._setActivePart("range")}_onTrackBlur(){this._setActivePart(null)}_onTrackRangePointerDown(e){this._disabledOrInvalid||!O(e)||this._startDrag("range",this._mapEventToRange(e))}async _onPointerDown(e){if(this._disabledOrInvalid||!O(e))return;let t=this.renderRoot.querySelector("arcgis-label-input[editing]");if(e.target===t)return;if(t){t.blur(),this._focusEntry(C(t));return}if(Ie(e.target)||this.values?.length>1)return;let r=this._mapEventToRange(e),[n,a]=this._sliderData.entries.entries().next().value,l=r*this._fullRange+this._fullMin-a,s=F(this._fullMin,this._fullMax,a)/100;this._startDrag(n,s);let o=ie(this._stepsProvider,this._sliderData.entries,n,l,this.allowValuesOverlap);this._setValue(n,o),this._focusEntry(n)}_onThumbPointerDown(e){let t=C(e.currentTarget);if(!O(e)||this._disabledOrInvalid||!t)return;let r=ne(this,t);e.target===r&&r?.editing||(e.stopPropagation(),this._startDrag(t,this._mapEventToRange(e)))}_endDrag(){if(this._disabledOrInvalid)return;this._removeDragListeners();let e=!1;if(this._dragInfo){let{entries:t}=this._dragInfo;for(let[r,n]of t)if(this._sliderData.getValue(r)!==n){e=!0;break}}this._dragInfo=null,e&&this.arcgisChange.emit()}_startDrag(e,t){if(this._disabledOrInvalid)return;let{min:r,max:n,values:a}=this,l=r,s=n;if(this._setActivePart(e),e==="range"){if(this.segmentsDraggingDisabled)return;l=r-a[0],s=n-a[a.length-1]}this._dragInfo={position:t,entries:new Map(this._sliderData.entries.entries()),minDiff:l,maxDiff:s},this._addDragListeners()}_updateDrag(e){if(!this._dragInfo||!this._activePart)return;let{_activePart:t,_dragInfo:{position:r,entries:n,minDiff:a,maxDiff:l}}=this;if(r===e)return;let s=(e-r)*this._fullRange;if(t==="range"){s=Math.min(l,Math.max(a,s));let o=ke(this._stepsProvider,n,s);this._setValues(o)}else{let o=ie(this._stepsProvider,n,t,s,this.allowValuesOverlap);this._setValue(t,o)}}_focusEntry(e){e&&Te(this,e)?.focus()}_addDragListeners(){document.addEventListener("pointerup",this._onPointerUpDragEnd),document.addEventListener("pointermove",this._onPointerMoveDragUpdate),document.addEventListener("pointercancel",this._onPointerCancelDragEnd)}_removeDragListeners(){document.removeEventListener("pointerup",this._onPointerUpDragEnd),document.removeEventListener("pointermove",this._onPointerMoveDragUpdate),document.removeEventListener("pointercancel",this._onPointerCancelDragEnd)}_setValues(e){this._sliderData.setValues(e)&&(this._dragInfo||this.arcgisChange.emit(),this.arcgisInput.emit())}_setValue(e,t){this._sliderData.setValue(e,t)&&(this._dragInfo||this.arcgisChange.emit(),this.arcgisInput.emit())}_onThumbFocus(e){let t=C(e.currentTarget);this._setActivePart(t)}_onThumbBlur(){this._setActivePart(null)}_onRangeInputChange(e){let t=e.currentTarget,r=t.value,n=t.dataset.type,a=!1;switch(e.stopPropagation(),n){case"min":{r<this.max?(this.min=r,a=!0):t.value=this.min;break}case"max":{r>this.min?(this.max=r,a=!0):t.value=this.max;break}}a&&this.arcgisRangeChange.emit()}_onValueInputChange(e){let t=e.currentTarget,r=C(t),n=t.value;r&&(e.stopPropagation(),this._setValue(r,n),t.value=this._sliderData.getValue(r))}_mapEventToRange(e){let t=this._trackElement.value?.getBoundingClientRect();if(!t)return 0;let r=this.isHorizontal?(e.clientX-t.left)/t.width:1-(e.clientY-t.top)/t.height;return this.mirrored?1-r:r}_getPositionStyleForElement(e){let t=F(this._fullMin,this._fullMax,e);return{[this.isHorizontal?this.mirrored?"right":"left":this.mirrored?"top":"bottom"]:`${t}%`}}_popoverSlotChange(e){this._hasPopoverContent=V(e)}_onContentStartSlotChange(e){this._hasContentStart=V(e)}_onContentEndSlotChange(e){this._hasContentEnd=V(e)}_onThumbKeyDown(e){let t=C(e.currentTarget);if(!t)return;let r=e.currentTarget.querySelector("arcgis-label-input");if(!r||r.editing)return;let n=e.key;switch(n){case"Enter":{r.edit();break}case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":{e.preventDefault();let a=n==="ArrowUp"||n==="ArrowRight"?1:-1;a=this.mirrored?a*-1:a;let l=le({allowValuesOverlap:this.allowValuesOverlap,stepsProvider:this._stepsProvider,resolution:this.resolution,min:this.min,max:this.max},this._sliderData.entries,t,a);this._setValue(t,l);break}case"End":case"Home":{e.preventDefault();let a=this.isHorizontal&&this.mirrored||this.layout==="vertical"?n==="End"?-1:1:n==="Home"?-1:1,l=Pe({allowValuesOverlap:this.allowValuesOverlap,stepsProvider:this._stepsProvider,resolution:this.resolution,min:this.min,max:this.max},this._sliderData.entries,t,a);this._setValue(t,l);break}}}_onTrackRangeKeyDown(e){let t=e.key;switch(t){case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":{e.preventDefault();let r=t==="ArrowUp"||t==="ArrowRight"?1:-1;r=this.mirrored?r*-1:r;let{entries:n}=De({allowValuesOverlap:this.allowValuesOverlap,stepsProvider:this._stepsProvider,resolution:this.resolution,min:this.min,max:this.max},this._sliderData.entries,r);this._setValues(n);break}case"End":case"Home":{e.preventDefault();let r=this.isHorizontal&&this.mirrored||this.layout==="vertical"?t==="End"?-1:1:t==="Home"?-1:1,n=Ee({allowValuesOverlap:this.allowValuesOverlap,stepsProvider:this._stepsProvider,resolution:this.resolution,min:this.min,max:this.max},this._sliderData.entries,r);this._setValues(n);break}}}_setActivePart(e){this._activePart!==e&&(this._activePart=e,this.arcgisActiveValueChange.emit())}render(){return f`<div class=${$({content:!0,disabled:this._disabledOrInvalid})} @pointerdown=${this._onPointerDown}>${this._renderContentStart()}${this._renderContentEnd()}${this._renderRangeLabel("min")}${this._renderTrackRange()}${this._renderRangeLabel("max")}${this._renderPopover()}</div>`}_renderPopover(){let{_activePart:e,layout:t,popoverPlacement:r,valueLabelsPlacement:n,valueLabelsDisplay:a,popoverLabel:l}=this,s=e?Me(e)?e:"track-range":"",o=this._hasPopoverContent&&!!s,d=t==="horizontal"?r==="leading"?"top":"bottom":r==="leading"?"left":"right",c=14;return a!=="hidden"&&r===n&&(c+=24),f`<calcite-popover flip-disabled focus-trap-disabled .label=${l} .open=${o} .offsetDistance=${c} .placement=${d} pointer-disabled .referenceElement=${s} scale=s trigger-disabled ${T(this._popoverElement)}><slot name=popover @slotchange=${this._popoverSlotChange}></slot></calcite-popover>`}_renderContentStart(){return f`<div class="content-start" .hidden=${!this._hasContentStart}><slot name=content-start @slotchange=${this._onContentStartSlotChange}></slot></div>`}_renderContentEnd(){return f`<div class="content-end" .hidden=${!this._hasContentEnd}><slot name=content-end @slotchange=${this._onContentEndSlotChange}></slot></div>`}_renderTrackRange(){return f`<div class="track-container">${this._renderTrack()}${this._renderThumbs()}</div>`}_renderTrack(){return f`<div class="track" ${T(this._trackElement)}>${this._renderTrackBackground()}${this._renderFillSegment()}</div>`}_renderTrackBackground(){let{max:e,min:t,fillPlacement:r,values:n}=this,a=n.length>1,l=this._fullMin,s=this._fullMax,o=[];return this._invalid?f`<div class="segment track-bounds" style=${R({left:"0%",right:"0%",top:"0%",bottom:"0%"})}></div>`:(l<t&&(o.push(this._renderSegment(l,t,[this.mirrored?"track-effective-trailing":"track-effective-leading",!a&&r==="start"?"track-fill":null])),l=t),s>e&&(o.push(this._renderSegment(e,s,[this.mirrored?"track-effective-leading":"track-effective-trailing",!a&&r==="end"?"track-fill":null])),s=e),o.push(this._renderSegment(l,s,["track-bounds"])),o)}_renderFillSegment(){let{values:e,fillPlacement:t,min:r,max:n}=this;if(!e?.length||this._invalid)return;let a=[...e].sort((s,o)=>s-o);if(a.length===1)switch(t){case"start":if(r<a[0])return this._renderSegment(r,a[0],["track-range"]);break;case"end":if(n>a[0])return this._renderSegment(a[0],n,["track-range"]);break}let l=this.segmentsDraggingDisabled;return this._renderSegment(a[0],a[a.length-1],["track-range",l?null:"interactive",this._activePart==="range"?"active":null],{id:"track-range",onFocus:l?void 0:this._onTrackFocus,onBlur:l?void 0:this._onTrackBlur,onPointerDown:l?void 0:this._onTrackRangePointerDown,onKeyDown:l?void 0:this._onTrackRangeKeyDown})}_renderSegment(e,t,r,n){let{_fullMin:a,_fullMax:l,mirrored:s}=this,o=[F(a,l,se(e,a,l)),100-F(a,l,se(t,a,l))];s&&o.reverse();let d=this.isHorizontal?{left:`${o[0]}%`,right:`${o[1]}%`}:{top:`${o[1]}%`,bottom:`${o[0]}%`},c=G("segment",...r);return f`<div id=${n?.id??w} class=${$(c)} style=${R(d)} .tabIndex=${n?.onPointerDown?0:-1} @focus=${n?.onFocus} @blur=${n?.onBlur} @pointerdown=${n?.onPointerDown} @keydown=${n?.onKeyDown}></div>`}_renderThumbs(){let{_sliderData:e}=this,t=Array.from(e.entries).filter(([,r])=>r>=this._fullMin&&r<=this._fullMax);return ae(t,([r,n])=>this._renderThumb(r,n))}_renderThumb(e,t){let{valueLabelsDisplay:r}=this,n=this._disabledOrInvalid,a=this._activePart===e||this._activePart==="range",l=this._activePart==="range"||this._activePart===e,s=r==="always"||r==="auto"&&l,o=this.isHorizontal,d=o?"horizontal":"vertical",c=`label-${e}`,h=o?"center":this.valueLabelsPlacement==="leading"?"end":"start";return X(e,f`<div id=${e??w} .ariaLabel=${this.messages.sliderValue} aria-labelledby=${(r?c:void 0)??w} .ariaOrientation=${d} .ariaValueMin=${this._minFormatter(this.min)} .ariaValueMax=${this._maxFormatter(this.max)} .ariaValueNow=${t} .ariaValueText=${this._valueFormatter(t)} class=${$({thumb:!0,active:a})} data-entry=${e??w} @pointerdown=${this._onThumbPointerDown} @focus=${this._onThumbFocus} @blur=${this._onThumbBlur} @keydown=${this._onThumbKeyDown} role=slider style=${R({...this._getPositionStyleForElement(t),"z-index":this._activePart===e?1:0})} .tabIndex=${n?-1:0}><span class="handle"></span><arcgis-label-input .alignment=${h} class="label" .hidden=${!s} id=${c??w} .labelFormatter=${this._valueFormatter} @focus=${n?void 0:this._onThumbFocus} @blur=${n?void 0:this._onThumbBlur} @arcgisChange=${this._onValueInputChange} .readOnly=${!this.valueLabelsEditingEnabled} tabindex=-1 .value=${t} ${T(this._makeResizeRef())}></arcgis-label-input></div>`)}_renderRangeLabel(e){let t="center";return this.isHorizontal&&(t=e==="min"?"end":"start",this.rangeLabelsPlacement==="trailing"&&(t=t==="end"?"start":"end"),this.mirrored&&(t=t==="end"?"start":"end")),f`<arcgis-label-input .alignment=${t} class=${$(e)} data-type=${e??w} .hidden=${!this.showRangeLabels} .labelFormatter=${this[`_${e}Formatter`]} @arcgisChange=${this._onRangeInputChange} .readOnly=${!this.rangeLabelsEditingEnabled} .value=${this[e]}></arcgis-label-input>`}};function Ie(i){return"dataset"in i&&i.tagName==="ARCGIS-LABEL-INPUT"&&(i.dataset.type==="min"||i.dataset.type==="max")}function C(i){let e=Z(i,"[data-entry]");return e&&"dataset"in e?e.dataset.entry:null}function Me(i){return typeof i!=null&&i!=="range"}function Te(i,e){return e?i.renderRoot.querySelector(`div[data-entry="${e}"]`):null}function Re(i,e){return e?i.renderRoot.querySelector(`div[data-entry="${e}"] span.handle`):null}function ne(i,e){return e?i.renderRoot.querySelector(`div[data-entry="${e}"] arcgis-label-input`):null}function O(i){return i.isPrimary&&i.button===0}var Ve=5;function F(i,e,t){let r=e-i,n=(t-i)/r*100;return Number.parseFloat(n.toFixed(Ve))}function se(i,e,t){return Math.max(e,Math.min(t,i))}Y("arcgis-slider",U);return U},"core/reactiveUtils","applications/Components/reactiveUtils","core/accessorSupport/decorators","core/Accessor","core/Accessor","core/accessorSupport/decorators","core/reactiveUtils")
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
|
-
import{B as $,C as h,D as m,E as g,H as M,g as y,i as c,q as w}from"./T4ZUCGGE.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="leading"]){.container{flex-direction:column;justify-content:flex-end}.labels-container{margin-bottom:var(--arcgis-ticks-gap)}}:host([layout="horizontal"][label-placement="trailing"]){.container{flex-direction:column-reverse;justify-content:flex-end}.labels-container{margin-top:var(--arcgis-ticks-gap)}}:host([layout="vertical"][label-placement="leading"]){.container{flex-direction:row;justify-content:flex-end}:dir(ltr){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right}}:dir(rtl){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left;unicode-bidi:plaintext}}}:host([layout="vertical"][label-placement="trailing"]){.container{flex-direction:row-reverse;justify-content:flex-end}:dir(ltr){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left}}:dir(rtl){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right;unicode-bidi:plaintext}}}:host([interactive]){pointer-events:none;.tick,.tick-label{pointer-events:auto;cursor:pointer}.tick-label:hover{text-decoration:underline}}`,f=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="trailing",this.layout="horizontal",this.max=100,this.min=0,this.mirrored=!1,this.mode="count",this.showLabels=!1,this.showBaseline=!1,this.values=[],this.arcgisTickClick=w({cancelable:!1})}static{this.properties={_formatOptions:16,interactive:
|
|
2
|
+
import{B as $,C as h,D as m,E as g,H as M,g as y,i as c,q as w}from"./T4ZUCGGE.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="leading"]){.container{flex-direction:column;justify-content:flex-end}.labels-container{margin-bottom:var(--arcgis-ticks-gap)}}:host([layout="horizontal"][label-placement="trailing"]){.container{flex-direction:column-reverse;justify-content:flex-end}.labels-container{margin-top:var(--arcgis-ticks-gap)}}:host([layout="vertical"][label-placement="leading"]){.container{flex-direction:row;justify-content:flex-end}:dir(ltr){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right}}:dir(rtl){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left;unicode-bidi:plaintext}}}:host([layout="vertical"][label-placement="trailing"]){.container{flex-direction:row-reverse;justify-content:flex-end}:dir(ltr){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left}}:dir(rtl){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right;unicode-bidi:plaintext}}}:host([interactive]){pointer-events:none;.tick,.tick-label{pointer-events:auto;cursor:pointer}.tick-label:hover{text-decoration:underline}}`,f=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="trailing",this.layout="horizontal",this.max=100,this.min=0,this.mirrored=!1,this.mode="count",this.showLabels=!1,this.showBaseline=!1,this.values=[],this.arcgisTickClick=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:o,mirrored:s,showLabels:C}=this,p=[],v=[];for(let[d,k]of F(a,i,t,e,r)){let x={[o==="horizontal"?s?"right":"left":s?"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??g}></div>`),C&&v.push(c`<div class=${h(l.tickLabel)} style=${m(x)} data-value=${k??g}>${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 o of r){let s=P(e,t,o,i)*100;s>=0&&s<=100&&(yield[s,o])}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 o=0;o<r;o++){let s=o*100/(r-1);yield[s,u(e,t,s/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",f);return f},"intl")
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
|
-
import{a as i}from"./Y2JNAEHH.js";import{a as u,b as m}from"./USA7TJFM.js";import{e as g}from"./27FRM3HV.js";import{A as a,B as d,C as e,E as p,H as h,g as
|
|
2
|
+
import{a as i}from"./Y2JNAEHH.js";import{a as u,b as m}from"./USA7TJFM.js";import{e as g}from"./27FRM3HV.js";import{A as a,B as d,C as e,E as p,H as h,g as l,i as n,q as s,t as c,z as o}from"./T4ZUCGGE.js";var v=l`.arcgis-app-ckeditor-popover-footer{display:flex;justify-content:flex-end;margin-top:var(--calcite-space-sm);padding:0 var(--calcite-space-lg)}.arcgis-app-ckeditor-popover-container{margin:0 var(--calcite-space-md) 0 0;padding-bottom:var(--calcite-space-lg);box-shadow:val(--calcite-shadow-1)}`,r=class extends d{constructor(){super(),this.okButton=o(),this.popoverNode=o(),this._propWatcherTask=new u(this,{task:async([t])=>{if(!m(t)){console.error("[ckeditor5] Required properties are missing.");return}},args:()=>[this.refElement]}),this.guid=c(),this.intlOk="Ok",this.intlCancel="Cancel",this.arcgisCkeditor5PopoverClosed=s(),this.arcgisPopoverClosed=s(),this.listen("arcgisCreated",this.afterEditorCreated),this.listen("arcgisSourceEditingChanged",this.onSourceEditingStatusChanged)}static{this.properties={guid:1,refElement:0,intlOk:1,intlCancel:1,intlLabel:1}}static{this.styles=v}async reposition(){this.popoverNode.value?.reposition()}afterEditorCreated(t){this.editor=t.target,this.reposition(),this.requestUpdate()}onSourceEditingStatusChanged(t){this.okButton.value&&(this.okButton.value.disabled=t.detail)}render(){return this.el.classList.add("js-app-flyout"),this._propWatcherTask.render({complete:()=>n`<calcite-popover class=${e(i.popover)} dir=${g(this.el)??p} placement=leading-start open pointer-disabled .referenceElement=${this.refElement} .offsetDistance=${-Math.round(this.refElement.getBoundingClientRect().width)} offset-skidding=50 .label=${this.intlLabel??""} focus-trap-disabled trigger-disabled top-layer-disabled ${a(this.popoverNode)}><div class=${e(i.arcgisAppCkeditorPopoverContainer)}><slot></slot><div class=${e(i.arcgisAppCkeditorPopoverFooter)}><calcite-button .label=${this.intlOk} @click=${async t=>{this.okButton.value?.disabled||(t.stopPropagation(),this.arcgisCkeditor5PopoverClosed.emit({guid:this.guid,data:await this.editor?.getData()}),this.arcgisPopoverClosed.emit({guid:this.guid,data:await this.editor?.getData()}))}} ${a(this.okButton)}>${this.intlOk}</calcite-button><calcite-button appearance=outline-fill .label=${this.intlCancel} @click=${t=>{t.stopPropagation(),this.arcgisCkeditor5PopoverClosed.emit({guid:this.guid}),this.arcgisPopoverClosed.emit({guid:this.guid})}}>${this.intlCancel}</calcite-button></div></div></calcite-popover>`})}};h("arcgis-ckeditor5-popover",r);export{r as ArcgisCkeditor5Popover};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
|
+
import{a as M}from"./3WYIVRKX.js";import{b as E}from"./HGW3IP6J.js";import"./27FRM3HV.js";import{B as _,C as f,D as y,E as u,H as D,g as V,i as x,j as d}from"./T4ZUCGGE.js";export default $arcgis.t(([{substitute:N}])=>{var p={content:"content",svg:"svg",label:"label",dataLine:"data-line",averageDataLine:"average-data-line",dataLineSymbol:"data-line-symbol"},B=V`:host{display:flex;--arcgis-histogram-bar-color: var(--calcite-color-border-1);--arcgis-histogram-stop-color: color-mix(in srgb, var(--calcite-color-brand) 80%, transparent)}.content{display:flex;flex:1;direction:ltr}.svg{display:inline-block;flex:1;overflow:hidden}.data-line{stroke:#888;stroke-width:1px;shape-rendering:crispEdges}.average-data-line{stroke-width:1px;shape-rendering:crispEdges;stroke:#444}.label,.data-line-symbol{font-size:12px;stroke:#fff;stroke-width:2px;paint-order:stroke;unicode-bidi:plaintext}.data-line-symbol{font-family:"Georgia, serif",sans-serif;font-style:italic}`;function O(e,t,r,n,a){let[i,s]=a;if(!e||s===0||i===0||r==null||t==null)return null;let o=r-t,l=(e.length>1?e[e.length-1].maxValue-e[0].minValue:0)/o,[c,h]=n==="vertical"?[s*l,i]:[s,i*l],b=e?e.map(m=>m.count):[],g=Math.max(...b);return e.map(m=>{let[$,v]=n==="vertical"?[c/e.length,g!==0?m.count/g*h:0]:[g!==0?m.count/g*c:0,h/e.length],{maxValue:C}=m,L=r-C,[z,F]=n==="vertical"?[0,L*(s/o)]:[i-v-L*(i/o),s-$];return[z,F,v,$]})}function A(e,t,r,n,a){let i=[];return e!=null&&i.push({value:e,symbol:"x\u0304",lineClass:p.averageDataLine}),t!=null&&r!=null&&n!=null&&i.push(...U(r,n,t,e)),a&&i.push(...a),i}function P(e,t,r,n,a){if(r==null)return[0,0,0,0];let i=Math.round((a-r)/n*100)/100,[s,o]=e;if(t==="vertical"){let c=o-i*o||1;return c=Math.round(c)+.5,[0,"100%",c,c]}let l=i*s||1;return l=Math.round(l)+.5,[l,l,"100%",0]}function T(e,t,r,n,a){if(r==null)return[0,0];let i=Math.round((a-r)/n*100)/100,[s,o]=e;return t==="vertical"?[s,o-i*o]:[0,i*s]}function R(e,t,r){if(!e||e.length===0)return null;if(I(e)){let n=e.map(a=>({...a,color:S(a.color??r)}));return n.unshift({color:t,minValue:Number.NEGATIVE_INFINITY,maxValue:n[0].minValue}),n.push({color:t,minValue:n[n.length-1].maxValue,maxValue:Number.POSITIVE_INFINITY}),n}else return e.map(n=>({...n,color:S(n.color??r)}))}function G(e,t,r,n){if(!e||e.length===0)return r;if(I(e)){let a=Y(e,t);if(a.length===0)return r;if(n){let{color:i=r,weight:s}=a[0],{color:o=r,weight:l}=a[1]??a[0],c=s+l;return`color-mix(in srgb, ${i} ${s/c*100}%, ${o} ${l/c*100}%)`}return a[0].color??r}return H(e,t)}function Y(e,t){let r=[];for(let n of e){let a=Math.max(0,Math.min(t.maxValue,n.maxValue)-Math.max(t.minValue,n.minValue));a>0&&r.push({color:n.color,weight:a})}return r.sort((n,a)=>a.weight-n.weight)}function H(e,t){let r=(t.maxValue-t.minValue)/2+t.minValue;if(r>e[e.length-1].value)return e[e.length-1].color;for(let n=0;n<e.length-1;n++){let a=e[n],i=e[n+1];if(r<=a.value)return a.color;if(r<i.value){let s=(r-a.value)/(i.value-a.value)*100;return`color-mix(in srgb, ${a.color}, ${i.color} ${s}%)`}}return e[e.length-1].color}function I(e){return e[0]!=null&&"minValue"in e[0]}function S(e){if(!e)return;if(typeof e=="string")return e;if(Array.isArray(e))return`rgba(${e[0]}, ${e[1]}, ${e[2]}, ${e[3]??1})`;let{r:t,g:r,b:n,a=1}=e;return`rgba(${t}, ${r}, ${n}, ${a})`}function U(e,t,r,n){let a=.06*(t-e);return j(r,n).filter(i=>Math.abs(n-i)>a).map((i,s,o)=>{let l=o.length/2,c=i>n?"+":"-",h=s>=l?s-l+1:l-s;return{symbol:`${c}${h===1?"":h}\u03C3`,value:i}})}function j(e,t){if(t==null||e==null)return[];let r=1,n=[];for(let a=r*-1;a<=r;a++)a!==0&&n.push(t+a*e);return n}var k="var(--arcgis-histogram-bar-color)",J="var(--arcgis-histogram-stop-color)",w=class extends _{constructor(){super(...arguments),this._messages=E(),this._normalizedStops=null,this._formatLabel=t=>M(this._messages._lang,this._numberFormatterOptions).format(t),this._numberFormatterOptions={maximumFractionDigits:2},this.containerDimensions=[0,0],this.icon="graph-histogram",this.layout="horizontal",this.colorBlendingEnabled=!1}static{this.properties={containerDimensions:16,colorStops:0,icon:3,average:11,messageOverrides:0,standardDeviation:11,bins:0,dataLines:0,label:1,layout:3,max:11,min:11,colorBlendingEnabled:5}}static{this.styles=B}loaded(){let t=new ResizeObserver(a=>{for(let i of a){let{width:s,height:o}=i.contentRect;this.containerDimensions=[s,o]}}),{width:r,height:n}=this.el.getBoundingClientRect();this.containerDimensions=[r,n],t.observe(this.el)}willUpdate(t){t.has("colorStops")&&(this._normalizedStops=R(this.colorStops,k,J))}render(){let{label:t}=this;return this.containerDimensions?x`<div role=img .ariaLabel=${t??void 0} class=${f(p.content)}>${this._renderContent()}</div>`:null}_renderContent(){let{containerDimensions:[t,r]}=this,n="bg-fill";return x`<svg class=${f(p.svg)} xmlns=http://www.w3.org/2000/svg>${d`<defs><clipPath id=${n}><rect height=${r??u} width=${t??u} x=0 y=0 /></clipPath></defs><g style=${y({clipPath:`url(#${n})`})}><g>${this._renderBars()}</g></g><g>${this._renderLines()}</g>`}</svg>`}_renderBars(){let{bins:t,_messages:r}=this,n=O(this.bins,this.min,this.max,this.layout,this.containerDimensions);return!n||!t?null:n.map((a,i)=>{let[s,o,l,c]=a,h=t[i],b=r?.barLabel?N(r.barLabel,h):"";return d`<rect style=${y({fill:G(this._normalizedStops,h,k,this.colorBlendingEnabled)})} .ariaLabel=${b} data-index=${i??u} height=${c??u} role=img shape-rendering=crispEdges stroke-width=0 width=${l??u} x=${s??u} y=${o??u} />`})}_renderLines(){return A(this.average,this.standardDeviation,this.min,this.max,this.dataLines)?.map(t=>W({dataLine:t,containerDimensions:this.containerDimensions,layout:this.layout,min:this.min,max:this.max,labelFormatter:this._formatLabel}))}},W=e=>{let{containerDimensions:t,layout:r,min:n,max:a,dataLine:i,labelFormatter:s}=e,o=a!=null&&n!=null?a-n:0,[l,c,h,b]=P(t,r,n,o,i.value),[g,m]=T(t,r,n,o,i.value),$="symbol"in i?[d`<tspan class=${f(p.dataLineSymbol)}>${i.symbol}</tspan>`,d`<tspan>${s(i.value)}</tspan>`]:i.label,v="lineClass"in i&&i.lineClass?i.lineClass:p.dataLine;return d`<g><title>${i.value}</title><line class=${f(v)} shape-rendering=crispEdges x1=${l??u} x2=${c??u} y1=${h??u} y2=${b??u} /><text class=${f(p.label)} text-anchor=end transform=${(r==="horizontal"?"rotate(270)":void 0)??u} x=${g??u} y=${m-2}>${$}</text></g>`};D("arcgis-histogram",w);return w},"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"./T4ZUCGGE.js";var s=e(i,{"arcgis-ckeditor5":[()=>import("./DU3LPWBX.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./
|
|
2
|
+
import{G as i,v as e}from"./T4ZUCGGE.js";var s=e(i,{"arcgis-ckeditor5":[()=>import("./DU3LPWBX.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./KZWL6SHT.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./CFSKGDQN.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus"],"arcgis-field-info":[()=>import("./6I7ZWDWF.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./YS6FR7J4.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("./YZLQKM4M.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,layout,max,messageOverrides:,min,standardDeviation"],"arcgis-label-input":[()=>import("./JFH473VZ.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./M26ZOT6B.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./N6ZNHTXW.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./CV6T62IO.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./2V6LPYII.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./BHTNRKNZ.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("./L4ZLWSBA.js"),"disabled,flipLabels,label,max,min,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./H3M7S72S.js"),"interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],"arcgis-unique-values-list":[()=>import("./XG6XW6WT.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)
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
|
+
const n = /* @__PURE__ */ new WeakMap();
|
|
3
|
+
function m(e, t) {
|
|
4
|
+
const { formatter: r, lang: c } = n.get(t) ?? {};
|
|
5
|
+
if (c === e && r)
|
|
6
|
+
return r;
|
|
7
|
+
const a = new Intl.NumberFormat(e, t);
|
|
8
|
+
return n.set(t, { lang: e, formatter: a }), a;
|
|
9
|
+
}
|
|
10
|
+
export {
|
|
11
|
+
m as g
|
|
12
|
+
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
2
|
import { c as a } from "../../chunks/runtime.js";
|
|
3
|
-
import { css as
|
|
4
|
-
import { LitElement as
|
|
3
|
+
import { css as l, html as n } from "lit";
|
|
4
|
+
import { LitElement as d, createEvent as o, safeClassMap as e, nothing as c } from "@arcgis/lumina";
|
|
5
5
|
import { createRef as s, ref as r } from "lit/directives/ref.js";
|
|
6
6
|
import { Task as p } from "@lit/task";
|
|
7
7
|
import { unsafeGetElementDirection as h } from "@arcgis/toolkit/dom";
|
|
8
8
|
import { generateGuid as g } from "@arcgis/toolkit/string";
|
|
9
9
|
import { i as u } from "../../chunks/commonFunctions.js";
|
|
10
10
|
import { C as i } from "../../chunks/resources.js";
|
|
11
|
-
const m =
|
|
12
|
-
class f extends
|
|
11
|
+
const m = l`.arcgis-app-ckeditor-popover-footer{display:flex;justify-content:flex-end;margin-top:var(--calcite-space-sm);padding:0 var(--calcite-space-lg)}.arcgis-app-ckeditor-popover-container{margin:0 var(--calcite-space-md) 0 0;padding-bottom:var(--calcite-space-lg);box-shadow:val(--calcite-shadow-1)}`;
|
|
12
|
+
class f extends d {
|
|
13
13
|
constructor() {
|
|
14
14
|
super(), this.okButton = s(), this.popoverNode = s(), this._propWatcherTask = new p(this, {
|
|
15
15
|
task: async ([t]) => {
|
|
@@ -38,7 +38,7 @@ class f extends c {
|
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
40
|
return this.el.classList.add("js-app-flyout"), this._propWatcherTask.render({
|
|
41
|
-
complete: () =>
|
|
41
|
+
complete: () => n`<calcite-popover class=${e(i.popover)} dir=${h(this.el) ?? c} placement=leading-start open pointer-disabled .referenceElement=${this.refElement} .offsetDistance=${-Math.round(this.refElement.getBoundingClientRect().width)} offset-skidding=50 .label=${this.intlLabel ?? ""} focus-trap-disabled trigger-disabled top-layer-disabled ${r(this.popoverNode)}><div class=${e(i.arcgisAppCkeditorPopoverContainer)}><slot></slot><div class=${e(i.arcgisAppCkeditorPopoverFooter)}><calcite-button .label=${this.intlOk} @click=${async (t) => {
|
|
42
42
|
this.okButton.value?.disabled || (t.stopPropagation(), this.arcgisCkeditor5PopoverClosed.emit({
|
|
43
43
|
guid: this.guid,
|
|
44
44
|
data: await this.editor?.getData()
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference path="../../index.d.ts" />
|
|
2
|
-
import type { DataLine, HistogramColorStops,
|
|
2
|
+
import type { DataLine, HistogramColorStops, HistogramLayout } from "./types.js";
|
|
3
3
|
import type { HistogramBin } from "@arcgis/core/smartMapping/statistics/types.js";
|
|
4
4
|
import type { PublicLitElement as LitElement } from "@arcgis/lumina";
|
|
5
5
|
import type { T9nMeta } from "@arcgis/lumina/controllers";
|
|
@@ -116,10 +116,12 @@ export abstract class ArcgisHistogram extends LitElement {
|
|
|
116
116
|
/**
|
|
117
117
|
* An array of color stops used to define the color scheme for the histogram bars.
|
|
118
118
|
* There are two types of color stops:
|
|
119
|
-
* - **Continuous color stops**: Each stop is defined by a color and a value. The color of the bar is determined by interpolating between the
|
|
119
|
+
* - **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
120
|
* colors of the stops surrounding the value of the bin.
|
|
121
|
-
* - **Classed color stops**: Each stop is defined by a color and a minValue and maxValue
|
|
122
|
-
* that contains the value of the bin.
|
|
121
|
+
* - **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`.
|
|
123
|
+
*
|
|
124
|
+
* When a bar is not covered by any color stop, it will be colored using the CSS variable `--arcgis-histogram-bar-color`.
|
|
123
125
|
*
|
|
124
126
|
* @example
|
|
125
127
|
* ```js
|
|
@@ -187,18 +189,6 @@ export abstract class ArcgisHistogram extends LitElement {
|
|
|
187
189
|
accessor icon: string | undefined;
|
|
188
190
|
/** The component's default label. */
|
|
189
191
|
accessor label: string | undefined;
|
|
190
|
-
/**
|
|
191
|
-
* A function used to format labels on the histogram. Overrides the default label formatter.
|
|
192
|
-
*
|
|
193
|
-
* @example
|
|
194
|
-
* ```js
|
|
195
|
-
* // For thumb values, rounds each label to whole numbers.
|
|
196
|
-
* slider.labelFormatFunction = (value) => {
|
|
197
|
-
* return value.toFixed(0);
|
|
198
|
-
* }
|
|
199
|
-
* ```
|
|
200
|
-
*/
|
|
201
|
-
accessor labelFormatFunction: HistogramLabelFormatFunction | undefined;
|
|
202
192
|
/**
|
|
203
193
|
* Determines the orientation of the histogram.
|
|
204
194
|
*
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
2
|
import { c as I } from "../../chunks/runtime.js";
|
|
3
|
-
import { u as
|
|
3
|
+
import { u as O } from "../../chunks/useT9n.js";
|
|
4
4
|
import { substitute as S } from "@arcgis/core/intl.js";
|
|
5
|
-
import { LitElement as k, safeClassMap as p, nothing as
|
|
5
|
+
import { LitElement as k, safeClassMap as p, nothing as h, safeStyleMap as w } from "@arcgis/lumina";
|
|
6
6
|
import { css as R, html as L, svg as b } from "lit";
|
|
7
|
+
import { g as z } from "../../chunks/locale.js";
|
|
7
8
|
const f = {
|
|
8
9
|
content: "content",
|
|
9
10
|
svg: "svg",
|
|
@@ -11,26 +12,26 @@ const f = {
|
|
|
11
12
|
dataLine: "data-line",
|
|
12
13
|
averageDataLine: "average-data-line",
|
|
13
14
|
dataLineSymbol: "data-line-symbol"
|
|
14
|
-
},
|
|
15
|
-
function
|
|
15
|
+
}, F = R`:host{display:flex;--arcgis-histogram-bar-color: var(--calcite-color-border-1);--arcgis-histogram-stop-color: color-mix(in srgb, var(--calcite-color-brand) 80%, transparent)}.content{display:flex;flex:1;direction:ltr}.svg{display:inline-block;flex:1;overflow:hidden}.data-line{stroke:#888;stroke-width:1px;shape-rendering:crispEdges}.average-data-line{stroke-width:1px;shape-rendering:crispEdges;stroke:#444}.label,.data-line-symbol{font-size:12px;stroke:#fff;stroke-width:2px;paint-order:stroke;unicode-bidi:plaintext}.data-line-symbol{font-family:"Georgia, serif",sans-serif;font-style:italic}`;
|
|
16
|
+
function B(t, i, n, e, r) {
|
|
16
17
|
const [s, a] = r;
|
|
17
18
|
if (!t || a === 0 || s === 0 || n == null || i == null)
|
|
18
19
|
return null;
|
|
19
|
-
const o = n - i, c = (t.length > 1 ? t[t.length - 1].maxValue - t[0].minValue : 0) / o, [
|
|
20
|
-
return t.map((
|
|
21
|
-
const [$, v] = e === "vertical" ? [
|
|
22
|
-
return [
|
|
20
|
+
const o = n - i, c = (t.length > 1 ? t[t.length - 1].maxValue - t[0].minValue : 0) / o, [u, g] = e === "vertical" ? [a * c, s] : [a, s * c], x = t ? t.map((m) => m.count) : [], d = Math.max(...x);
|
|
21
|
+
return t.map((m) => {
|
|
22
|
+
const [$, v] = e === "vertical" ? [u / t.length, d !== 0 ? m.count / d * g : 0] : [d !== 0 ? m.count / d * u : 0, g / t.length], { maxValue: C } = m, y = n - C, [M, E] = e === "vertical" ? [0, y * (a / o)] : [s - v - y * (s / o), a - $];
|
|
23
|
+
return [M, E, v, $];
|
|
23
24
|
});
|
|
24
25
|
}
|
|
25
|
-
function
|
|
26
|
+
function N(t, i, n, e, r) {
|
|
26
27
|
const s = [];
|
|
27
28
|
return t != null && s.push({
|
|
28
29
|
value: t,
|
|
29
30
|
symbol: "x̄",
|
|
30
31
|
lineClass: f.averageDataLine
|
|
31
|
-
}), i != null && n != null && e != null && s.push(...
|
|
32
|
+
}), i != null && n != null && e != null && s.push(...Y(n, e, i, t)), r && s.push(...r), s;
|
|
32
33
|
}
|
|
33
|
-
function
|
|
34
|
+
function P(t, i, n, e, r) {
|
|
34
35
|
if (n == null)
|
|
35
36
|
return [0, 0, 0, 0];
|
|
36
37
|
const s = Math.round((r - n) / e * 100) / 100, [a, o] = t;
|
|
@@ -41,16 +42,16 @@ function N(t, i, n, e, r) {
|
|
|
41
42
|
let l = s * a || 1;
|
|
42
43
|
return l = Math.round(l) + 0.5, [l, l, "100%", 0];
|
|
43
44
|
}
|
|
44
|
-
function
|
|
45
|
+
function T(t, i, n, e, r) {
|
|
45
46
|
if (n == null)
|
|
46
47
|
return [0, 0];
|
|
47
48
|
const s = Math.round((r - n) / e * 100) / 100, [a, o] = t;
|
|
48
49
|
return i === "vertical" ? [a, o - s * o] : [0, s * a];
|
|
49
50
|
}
|
|
50
|
-
function
|
|
51
|
+
function A(t, i, n) {
|
|
51
52
|
if (!t || t.length === 0)
|
|
52
53
|
return null;
|
|
53
|
-
if (
|
|
54
|
+
if (_(t)) {
|
|
54
55
|
const e = t.map((r) => ({
|
|
55
56
|
...r,
|
|
56
57
|
color: D(r.color ?? n)
|
|
@@ -70,11 +71,11 @@ function T(t, i, n) {
|
|
|
70
71
|
color: D(e.color ?? n)
|
|
71
72
|
}));
|
|
72
73
|
}
|
|
73
|
-
function
|
|
74
|
+
function H(t, i, n, e) {
|
|
74
75
|
if (!t || t.length === 0)
|
|
75
76
|
return n;
|
|
76
|
-
if (
|
|
77
|
-
const r =
|
|
77
|
+
if (_(t)) {
|
|
78
|
+
const r = W(t, i);
|
|
78
79
|
if (r.length === 0)
|
|
79
80
|
return n;
|
|
80
81
|
if (e) {
|
|
@@ -83,9 +84,9 @@ function A(t, i, n, e) {
|
|
|
83
84
|
}
|
|
84
85
|
return r[0].color ?? n;
|
|
85
86
|
}
|
|
86
|
-
return
|
|
87
|
+
return G(t, i);
|
|
87
88
|
}
|
|
88
|
-
function
|
|
89
|
+
function W(t, i) {
|
|
89
90
|
const n = [];
|
|
90
91
|
for (const e of t) {
|
|
91
92
|
const r = Math.max(0, Math.min(i.maxValue, e.maxValue) - Math.max(i.minValue, e.minValue));
|
|
@@ -93,7 +94,7 @@ function H(t, i) {
|
|
|
93
94
|
}
|
|
94
95
|
return n.sort((e, r) => r.weight - e.weight);
|
|
95
96
|
}
|
|
96
|
-
function
|
|
97
|
+
function G(t, i) {
|
|
97
98
|
const n = (i.maxValue - i.minValue) / 2 + i.minValue;
|
|
98
99
|
if (n > t[t.length - 1].value)
|
|
99
100
|
return t[t.length - 1].color;
|
|
@@ -108,7 +109,7 @@ function W(t, i) {
|
|
|
108
109
|
}
|
|
109
110
|
return t[t.length - 1].color;
|
|
110
111
|
}
|
|
111
|
-
function
|
|
112
|
+
function _(t) {
|
|
112
113
|
return t[0] != null && "minValue" in t[0];
|
|
113
114
|
}
|
|
114
115
|
function D(t) {
|
|
@@ -121,17 +122,17 @@ function D(t) {
|
|
|
121
122
|
const { r: i, g: n, b: e, a: r = 1 } = t;
|
|
122
123
|
return `rgba(${i}, ${n}, ${e}, ${r})`;
|
|
123
124
|
}
|
|
124
|
-
function
|
|
125
|
+
function Y(t, i, n, e) {
|
|
125
126
|
const r = 0.06 * (i - t);
|
|
126
|
-
return
|
|
127
|
-
const l = o.length / 2, c = s > e ? "+" : "-",
|
|
127
|
+
return U(n, e).filter((s) => Math.abs(e - s) > r).map((s, a, o) => {
|
|
128
|
+
const l = o.length / 2, c = s > e ? "+" : "-", u = a >= l ? a - l + 1 : l - a;
|
|
128
129
|
return {
|
|
129
|
-
symbol: `${c}${
|
|
130
|
+
symbol: `${c}${u === 1 ? "" : u}σ`,
|
|
130
131
|
value: s
|
|
131
132
|
};
|
|
132
133
|
});
|
|
133
134
|
}
|
|
134
|
-
function
|
|
135
|
+
function U(t, i) {
|
|
135
136
|
if (i == null || t == null)
|
|
136
137
|
return [];
|
|
137
138
|
const n = 1, e = [];
|
|
@@ -139,16 +140,18 @@ function Y(t, i) {
|
|
|
139
140
|
r !== 0 && e.push(i + r * t);
|
|
140
141
|
return e;
|
|
141
142
|
}
|
|
142
|
-
const V = "var(--arcgis-histogram-bar-color)",
|
|
143
|
-
class
|
|
143
|
+
const V = "var(--arcgis-histogram-bar-color)", j = "var(--arcgis-histogram-stop-color)";
|
|
144
|
+
class q extends k {
|
|
144
145
|
constructor() {
|
|
145
|
-
super(...arguments), this._messages =
|
|
146
|
+
super(...arguments), this._messages = O(), this._normalizedStops = null, this._formatLabel = (i) => z(this._messages._lang, this._numberFormatterOptions).format(i), this._numberFormatterOptions = {
|
|
147
|
+
maximumFractionDigits: 2
|
|
148
|
+
}, this.containerDimensions = [0, 0], this.icon = "graph-histogram", this.layout = "horizontal", this.colorBlendingEnabled = !1;
|
|
146
149
|
}
|
|
147
150
|
static {
|
|
148
|
-
this.properties = { containerDimensions: 16, colorStops: 0, icon: 3, average: 11, messageOverrides: 0, standardDeviation: 11, bins: 0, dataLines: 0, label: 1,
|
|
151
|
+
this.properties = { containerDimensions: 16, colorStops: 0, icon: 3, average: 11, messageOverrides: 0, standardDeviation: 11, bins: 0, dataLines: 0, label: 1, layout: 3, max: 11, min: 11, colorBlendingEnabled: 5 };
|
|
149
152
|
}
|
|
150
153
|
static {
|
|
151
|
-
this.styles =
|
|
154
|
+
this.styles = F;
|
|
152
155
|
}
|
|
153
156
|
loaded() {
|
|
154
157
|
const i = new ResizeObserver((r) => {
|
|
@@ -160,7 +163,7 @@ class j extends k {
|
|
|
160
163
|
this.containerDimensions = [n, e], i.observe(this.el);
|
|
161
164
|
}
|
|
162
165
|
willUpdate(i) {
|
|
163
|
-
i.has("colorStops") && (this._normalizedStops =
|
|
166
|
+
i.has("colorStops") && (this._normalizedStops = A(this.colorStops, V, j));
|
|
164
167
|
}
|
|
165
168
|
render() {
|
|
166
169
|
const { label: i } = this;
|
|
@@ -168,29 +171,26 @@ class j extends k {
|
|
|
168
171
|
}
|
|
169
172
|
_renderContent() {
|
|
170
173
|
const { containerDimensions: [i, n] } = this, e = "bg-fill";
|
|
171
|
-
return L`<svg class=${p(f.svg)} xmlns=http://www.w3.org/2000/svg>${b`<defs><clipPath id=${e}><rect height=${n ??
|
|
174
|
+
return L`<svg class=${p(f.svg)} xmlns=http://www.w3.org/2000/svg>${b`<defs><clipPath id=${e}><rect height=${n ?? h} width=${i ?? h} x=0 y=0 /></clipPath></defs><g style=${w({ clipPath: `url(#${e})` })}><g>${this._renderBars()}</g></g><g>${this._renderLines()}</g>`}</svg>`;
|
|
172
175
|
}
|
|
173
176
|
_renderBars() {
|
|
174
|
-
const { bins: i, _messages: n } = this, e =
|
|
177
|
+
const { bins: i, _messages: n } = this, e = B(this.bins, this.min, this.max, this.layout, this.containerDimensions);
|
|
175
178
|
return !e || !i ? null : e.map((r, s) => {
|
|
176
|
-
const [a, o, l, c] = r,
|
|
179
|
+
const [a, o, l, c] = r, u = i[s], g = n?.barLabel ? S(n.barLabel, u) : "";
|
|
177
180
|
return b`<rect style=${w({
|
|
178
|
-
fill:
|
|
179
|
-
})} .ariaLabel=${g} data-index=${s ??
|
|
181
|
+
fill: H(this._normalizedStops, u, V, this.colorBlendingEnabled)
|
|
182
|
+
})} .ariaLabel=${g} data-index=${s ?? h} height=${c ?? h} role=img shape-rendering=crispEdges stroke-width=0 width=${l ?? h} x=${a ?? h} y=${o ?? h} />`;
|
|
180
183
|
});
|
|
181
184
|
}
|
|
182
185
|
_renderLines() {
|
|
183
|
-
return
|
|
186
|
+
return N(this.average, this.standardDeviation, this.min, this.max, this.dataLines)?.map((n) => J({ dataLine: n, containerDimensions: this.containerDimensions, layout: this.layout, min: this.min, max: this.max, labelFormatter: this._formatLabel }));
|
|
184
187
|
}
|
|
185
188
|
}
|
|
186
|
-
const
|
|
187
|
-
const { containerDimensions: i, layout: n, min: e, max: r, dataLine: s,
|
|
188
|
-
|
|
189
|
-
b`<tspan>${a ? a(s.value) : s.value}</tspan>`
|
|
190
|
-
] : s.label, $ = "lineClass" in s && s.lineClass ? s.lineClass : f.dataLine;
|
|
191
|
-
return b`<g><title>${s.value}</title><line class=${p($)} shape-rendering=crispEdges x1=${l ?? u} x2=${c ?? u} y1=${h ?? u} y2=${g ?? u} /><text class=${p(f.label)} text-anchor=end transform=${(n === "horizontal" ? "rotate(270)" : void 0) ?? u} x=${x ?? u} y=${m - 2}>${d}</text></g>`;
|
|
189
|
+
const J = (t) => {
|
|
190
|
+
const { containerDimensions: i, layout: n, min: e, max: r, dataLine: s, labelFormatter: a } = t, o = r != null && e != null ? r - e : 0, [l, c, u, g] = P(i, n, e, o, s.value), [x, d] = T(i, n, e, o, s.value), m = "symbol" in s ? [b`<tspan class=${p(f.dataLineSymbol)}>${s.symbol}</tspan>`, b`<tspan>${a(s.value)}</tspan>`] : s.label, $ = "lineClass" in s && s.lineClass ? s.lineClass : f.dataLine;
|
|
191
|
+
return b`<g><title>${s.value}</title><line class=${p($)} shape-rendering=crispEdges x1=${l ?? h} x2=${c ?? h} y1=${u ?? h} y2=${g ?? h} /><text class=${p(f.label)} text-anchor=end transform=${(n === "horizontal" ? "rotate(270)" : void 0) ?? h} x=${x ?? h} y=${d - 2}>${m}</text></g>`;
|
|
192
192
|
};
|
|
193
|
-
I("arcgis-histogram",
|
|
193
|
+
I("arcgis-histogram", q);
|
|
194
194
|
export {
|
|
195
|
-
|
|
195
|
+
q as ArcgisHistogram
|
|
196
196
|
};
|
|
@@ -1,15 +1,5 @@
|
|
|
1
1
|
/// <reference types="@arcgis/core/interfaces.d.ts" />
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* Function used to format labels. This function should be set to the
|
|
5
|
-
* [labelFormatFunction](#labelFormatFunction) property. This function fires
|
|
6
|
-
* every time a label is created or updated on the histogram.
|
|
7
|
-
*
|
|
8
|
-
* @param value - The value for the line on the data axis.
|
|
9
|
-
* @return The formatted value of the label.
|
|
10
|
-
*/
|
|
11
|
-
export type HistogramLabelFormatFunction = (value: number) => string;
|
|
12
|
-
|
|
13
3
|
export type DataLine = {
|
|
14
4
|
value: number;
|
|
15
5
|
label?: nullish | number | string;
|