@arcgis/common-components 5.2.0-next.1 → 5.2.0-next.100

package/dist/cdn/DJELJSO3.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import{a as m}from"./4TZVXSQZ.js";import"./PMV2N3L3.js";import{a as x}from"./AFHSFRPM.js";import"./FEREAY2X.js";import"./TWW63D32.js";import{B as p,C as v,D as $,F as f,J as y,h as d,j as b,s as g}from"./KMEK46VM.js";export default $arcgis.t(([{sqlName:E,sqlLiteral:L}])=>{var C=d`:host{display:block;height:100%;width:100%}arcgis-histogram{align-self:flex-end;height:var(--arcgis-slider-histogram-range-histogram-height, 100%);width:100%}`,c=class extends ${constructor(){super(...arguments),this.#a=p(),this.#e=(a,i,r)=>{let h=e=>m(this.fieldType).format(this.#t._lang,e,"value",r)??r(e);return this.labelFormatter?.(a,i,h)??h(a)},this.#t=x(),this.fieldType="double",this.fillPlacement="start",this.layout="horizontal",this.rangeLabelsEditingEnabled=!1,this.rangeLabelsPlacement="center",this.showRangeLabels=!1,this.standardDeviationCount=1,this.valueLabelsDisplay="always",this.valueLabelsEditingEnabled=!1,this.arcgisActiveValueChange=g({cancelable:!1}),this.arcgisChange=g({cancelable:!1}),this.arcgisInput=g({cancelable:!1}),this.arcgisRangeChange=g({cancelable:!1})}static{this.properties={activeValue:32,average:9,bins:0,dataLines:0,excludedBarColor:0,fieldType:1,fillPlacement:1,includedBarColor:0,label:1,labelFormatter:0,layout:1,max:1,min:1,rangeLabelsEditingEnabled:5,rangeLabelsPlacement:1,showRangeLabels:5,standardDeviation:9,standardDeviationCount:9,valueLabelsDisplay:1,valueLabelsEditingEnabled:5,values:1}}static{this.styles=C}#a;#e;#t;get activeValue(){return this.#a.value?.activeValue}async destroy(){await this.manager.destroy()}async generateWhereClause(a){let{fillPlacement:i,values:r}=this;if(!r?.length)return;let h=m(this.fieldType),e=r.split(",").map(u=>u.trim()).filter(u=>u.length>0),o=E(a),l=u=>{let s=h.parse(u);return typeof s=="number"?L(h.toFieldType(s),{type:this.fieldType}):void 0},t=e[0]?l(e[0]):void 0,n=e.length>1&&e.at(-1)?l(e.at(-1)):void 0;if(!(t==null||e.length>1&&n==null))switch(i){case"start":return e.length>1?`${o} BETWEEN ${t} AND ${n}`:`${o} <= ${t}`;case"end":return e.length>1?`${o} BETWEEN ${t} AND ${n}`:`${o} >= ${t}`;case"between":return e.length>1?`${o} BETWEEN ${t} AND ${n}`:`${o} <= ${t}`;case"not-between":return e.length>1?`${o} NOT BETWEEN ${t} AND ${n}`:`${o} <= ${t}`;case"none":return"1=0";default:return}}async updateFromHistogramResult(a,i){let r=m(this.fieldType);this.bins=a.bins,a.minValue!=null&&(this.min=r.serialize(a.minValue)),a.maxValue!=null&&(this.max=r.serialize(a.maxValue)),i&&(this.average=i.avg??void 0,this.standardDeviation=i.stddev??void 0)}willUpdate(a){(a.has("fieldType")||a.has("max")||a.has("min")||a.has("values"))&&this.#s()}#i(){let{bins:a,values:i,fillPlacement:r}=this,h=a?.[0],e=a?.at(-1);if(h==null||e==null||!i)return;let o=m(this.fieldType),l=i.split(",").map(u=>o.parse(u)).filter(u=>Number.isFinite(u)).sort((u,s)=>u-s),t=l.at(0),n=l.at(-1);if(!(t==null||n==null))switch(r){case"start":return l.length>1?[{minValue:t,maxValue:n}]:[{minValue:h.minValue,maxValue:t}];case"end":return l.length>1?[{minValue:t,maxValue:n}]:[{minValue:n,maxValue:e.maxValue}];case"between":return l.length>1?[{minValue:t,maxValue:n}]:[{minValue:h.minValue,maxValue:t}];case"not-between":return l.length>1?[{minValue:h.minValue,maxValue:t},{minValue:t,maxValue:n,color:"var(--arcgis-histogram-bar-color)"},{minValue:n,maxValue:e.maxValue}]:[{minValue:h.minValue,maxValue:t}];default:return}}#s(){let a=m(this.fieldType),i=(this.values??"").split(",").map(s=>s.trim()).filter(s=>s.length>0).map(s=>a.parse(s)).filter(s=>Number.isFinite(s)),r=a.parse(this.min??""),h=a.parse(this.max??""),e=Number.isFinite(r)?r:void 0,o=Number.isFinite(h)?h:void 0;e!=null&&o!=null&&e>=o&&(e=void 0,o=void 0);let l=a.resolveRange(i,e,o);l.min>=l.max&&(l=a.resolveRange(i,void 0,void 0));let t=a.serialize(l.min),n=a.serialize(l.max),u=i.map(s=>Math.min(l.max,Math.max(l.min,s))).sort((s,V)=>s-V).map(s=>a.serialize(s)).join(",");t!==this.min&&(this.min=t),n!==this.max&&(this.max=n),u!==this.values&&(this.values=u)}#l(a){a.stopPropagation(),this.values=a.currentTarget.values,this.arcgisInput.emit()}#n(a){a.stopPropagation();let i=a.currentTarget;this.min=i.min,this.max=i.max,this.values=i.values,this.arcgisRangeChange.emit()}#r(a){a.stopPropagation(),this.values=a.currentTarget.values,this.arcgisChange.emit()}#o(a){a.stopPropagation(),this.arcgisActiveValueChange.emit()}render(){let a=m(this.fieldType),i=a.parse(this.min??""),r=a.parse(this.max??"");return b`<arcgis-slider-field .fieldType=${this.fieldType} .fillPlacement=${this.fillPlacement} .label=${this.label} .labelFormatter=${this.labelFormatter} .max=${this.max??""} .min=${this.min??""} .layout=${this.layout} @arcgisActiveValueChange=${this.#o} @arcgisChange=${this.#r} @arcgisInput=${this.#l} @arcgisRangeChange=${this.#n} .rangeLabelsEditingEnabled=${this.rangeLabelsEditingEnabled} .valueLabelsEditingEnabled=${this.valueLabelsEditingEnabled} .rangeLabelsPlacement=${this.rangeLabelsPlacement} .valueLabelsDisplay=${this.valueLabelsDisplay} .showRangeLabels=${this.showRangeLabels} .values=${this.values??""} .valueLabelsPlacement=${this.layout==="horizontal"?"end":"start"} ${v(this.#a)}><arcgis-histogram .slot=${this.layout==="horizontal"?"content-start":"content-end"} .average=${this.average} .bins=${this.bins} .dataLines=${this.dataLines} .max=${r} .min=${i} .label=${this.label} .layout=${this.layout} .standardDeviation=${this.standardDeviation} .standardDeviationCount=${this.standardDeviationCount} color-blending-enabled .colorStops=${this.#i()} style=${f({...this.includedBarColor&&{"--arcgis-histogram-stop-color":this.includedBarColor.toCss()},...this.excludedBarColor&&{"--arcgis-histogram-bar-color":this.excludedBarColor.toCss()}})} .labelFormatter=${this.#e}></arcgis-histogram></arcgis-slider-field>`}};y("arcgis-slider-histogram-range",c);return c},"core/sql")

package/dist/cdn/E6NBHGTX.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import{a as b}from"./XEK22IDA.js";import{D as m,J as o,h,j as d,s as r}from"./KMEK46VM.js";var v=h`.container{display:flex;align-items:center;justify-content:space-between;position:relative}.slider{width:50%}.input{width:45%}`,p=class extends m{constructor(){super(...arguments),this.debouncedApplyValueOnChange=b(e=>this.applyValueOnChange(e),800),this.disabled=!1,this.flipLabels=!1,this.scale="s",this.min=0,this.max=100,this.value=50,this.step=1,this.withSteppers=!1,this.arcgisSliderInputValueChange=r(),this.arcgisValueChange=r()}static{this.properties={disabled:5,label:1,flipLabels:5,scale:1,min:9,max:9,value:9,step:9,unitsLabel:1,withSteppers:5}}static{this.styles=v}applyValueOnChange(e){let{min:i,max:a,value:n}=this,s=Number(e.value),t=i!==void 0&&a!==void 0?Math.min(a,Math.max(i,s)):s;s!==n&&(e.value=`${t}`,this.arcgisValueChange.emit(t),this.arcgisSliderInputValueChange.emit(t),this.value=t)}render(){let{disabled:e,min:i,max:a,value:n,step:s,withSteppers:t,flipLabels:c,unitsLabel:u,label:g,scale:$}=this;return d`<div class="container"><calcite-slider class="slider" .disabled=${e} .min=${i} .max=${a} .value=${n} .step=${s} @calciteSliderInput=${l=>this.debouncedApplyValueOnChange(l.currentTarget)}></calcite-slider><calcite-input class="input" .disabled=${e} .min=${i} .max=${a} .numberButtonType=${t?"vertical":"none"} .prefixText=${c?u:""} @calciteInputInput=${l=>this.debouncedApplyValueOnChange(l.target)} @click=${l=>l.stopPropagation()} .scale=${$} step=any .suffixText=${c?"":u} type=number .value=${`${n}`} .label=${g}></calcite-input></div>`}};o("arcgis-slider-input",p);export{p as ArcgisSliderInput};