@arcgis/common-components 5.2.0-next.61 → 5.2.0-next.62

package/dist/loader.js

@@ -16,7 +16,7 @@ const l = a(e, {
   "arcgis-ramp-color-break": [() => import("./components/arcgis-ramp-color-break/customElement.js"), "layout,max,min,stops:"],
   "arcgis-ramp-opacity": [() => import("./components/arcgis-ramp-opacity/customElement.js"), "fillColor,layout,max,min,stops:"],
   "arcgis-slider": [() => import("./components/arcgis-slider/customElement.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-field": [() => import("./components/arcgis-slider-field/customElement.js"), "activeValue:,disabled,fieldType,fillPlacement,label,layout,max,messageOverrides:,messages:,min,mirrored,popoverLabel,rangeLabelsEditingEnabled,rangeLabelsPlacement,showRangeLabels,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values,valuesAsDateOnly:,valuesAsFieldType:,valuesAsNumbers:,valuesAsTimeOnly:,valuesAsTimestampOffset:"],
+  "arcgis-slider-field": [() => import("./components/arcgis-slider-field/customElement.js"), "activeValue:,disabled,fieldType,fillPlacement,label,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverLabel,rangeLabelsEditingEnabled,rangeLabelsPlacement,showRangeLabels,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values,valuesAsDateOnly:,valuesAsFieldType:,valuesAsNumbers:,valuesAsTimeOnly:,valuesAsTimestampOffset:"],
   "arcgis-slider-input": [() => import("./components/arcgis-slider-input/customElement.js"), "disabled,flipLabels,label,max,min,scale,step,unitsLabel,value,withSteppers"],
   "arcgis-ticks": [() => import("./components/arcgis-ticks/customElement.js"), "interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],
   "arcgis-unique-values-list": [() => import("./components/arcgis-unique-values-list/customElement.js"), "_messages:,fieldName,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:,visualizationSource;getUniqueValues,setFocus"],

package/dist/types/lumina.d.ts

@@ -101,7 +101,7 @@ interface LuminaArcgisSlider extends Partial<Pick<ArcgisSlider, "allowValuesOver
   onarcgisRangeChange?: EventHandler<ArcgisSlider["arcgisRangeChange"]>;
 }
 
-interface LuminaArcgisSliderField extends Partial<Pick<ArcgisSliderField, "disabled" | "fieldType" | "fillPlacement" | "label" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "showRangeLabels" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, h.JSX.HTMLAttributes<ArcgisSliderField> {
+interface LuminaArcgisSliderField extends Partial<Pick<ArcgisSliderField, "disabled" | "fieldType" | "fillPlacement" | "label" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "showRangeLabels" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, h.JSX.HTMLAttributes<ArcgisSliderField> {
   onarcgisActiveValueChange?: EventHandler<ArcgisSliderField["arcgisActiveValueChange"]>;
   onarcgisChange?: EventHandler<ArcgisSliderField["arcgisChange"]>;
   onarcgisInput?: EventHandler<ArcgisSliderField["arcgisInput"]>;

package/dist/types/preact.d.ts

@@ -102,7 +102,7 @@ interface PreactArcgisSlider extends Partial<Pick<ArcgisSlider, "allowValuesOver
   onarcgisRangeChange?: EventHandler<ArcgisSlider["arcgisRangeChange"]>;
 }
 
-interface PreactArcgisSliderField extends Partial<Pick<ArcgisSliderField, "disabled" | "fieldType" | "fillPlacement" | "label" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "showRangeLabels" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, HTMLAttributes<ArcgisSliderField> {
+interface PreactArcgisSliderField extends Partial<Pick<ArcgisSliderField, "disabled" | "fieldType" | "fillPlacement" | "label" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "showRangeLabels" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, HTMLAttributes<ArcgisSliderField> {
   onarcgisActiveValueChange?: EventHandler<ArcgisSliderField["arcgisActiveValueChange"]>;
   onarcgisChange?: EventHandler<ArcgisSliderField["arcgisChange"]>;
   onarcgisInput?: EventHandler<ArcgisSliderField["arcgisInput"]>;

package/dist/types/react.d.ts

@@ -102,7 +102,7 @@ interface ReactArcgisSlider extends Partial<Pick<ArcgisSlider, "allowValuesOverl
   onarcgisRangeChange?: EventHandler<ArcgisSlider["arcgisRangeChange"]>;
 }
 
-interface ReactArcgisSliderField extends Partial<Pick<ArcgisSliderField, "disabled" | "fieldType" | "fillPlacement" | "label" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "showRangeLabels" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, HTMLProps<ArcgisSliderField> {
+interface ReactArcgisSliderField extends Partial<Pick<ArcgisSliderField, "disabled" | "fieldType" | "fillPlacement" | "label" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "showRangeLabels" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, HTMLProps<ArcgisSliderField> {
   onarcgisActiveValueChange?: EventHandler<ArcgisSliderField["arcgisActiveValueChange"]>;
   onarcgisChange?: EventHandler<ArcgisSliderField["arcgisChange"]>;
   onarcgisInput?: EventHandler<ArcgisSliderField["arcgisInput"]>;

package/dist/types/stencil.d.ts

@@ -102,7 +102,7 @@ interface StencilArcgisSlider extends Partial<Pick<ArcgisSlider, "allowValuesOve
   onArcgisRangeChange?: EventHandler<ArcgisSlider["arcgisRangeChange"]>;
 }
 
-interface StencilArcgisSliderField extends Partial<Pick<ArcgisSliderField, "disabled" | "fieldType" | "fillPlacement" | "label" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "showRangeLabels" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, StencilJsx.HTMLAttributes<ArcgisSliderField> {
+interface StencilArcgisSliderField extends Partial<Pick<ArcgisSliderField, "disabled" | "fieldType" | "fillPlacement" | "label" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "showRangeLabels" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, StencilJsx.HTMLAttributes<ArcgisSliderField> {
   onArcgisActiveValueChange?: EventHandler<ArcgisSliderField["arcgisActiveValueChange"]>;
   onArcgisChange?: EventHandler<ArcgisSliderField["arcgisChange"]>;
   onArcgisInput?: EventHandler<ArcgisSliderField["arcgisInput"]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/common-components",
-  "version": "5.2.0-next.61",
+  "version": "5.2.0-next.62",
   "description": "ArcGIS Maps SDK for JavaScript common components",
   "keywords": [
     "2D",
@@ -49,8 +49,8 @@
     "@lit/task": "^1.0.3",
     "lit": "^3.3.0",
     "tslib": "^2.8.1",
-    "@arcgis/toolkit": "5.2.0-next.61",
-    "@arcgis/lumina": "5.2.0-next.61"
+    "@arcgis/lumina": "5.2.0-next.62",
+    "@arcgis/toolkit": "5.2.0-next.62"
   },
   "peerDependencies": {
     "@arcgis/core": "^5.2.0-next",

package/dist/cdn/5HXH344K.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{b as p}from"./PMV2N3L3.js";import{a as D}from"./BMAH7QBK.js";import"./DWUHV2MR.js";import"./TWW63D32.js";import{B as O,C as w,D as $,J as L,h as _,j as T,s as h}from"./PECTYCLV.js";var z=_`:host{display:block;width:100%;height:100%}`,u=1440*60*1e3,P=/^(\d{4})-(\d{2})-(\d{2})$/u,C=/^(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?$/u,o=class{constructor({type:e,editable:t,precision:i,steps:s}){this.type=e,this.editable=t,this.precision=i,this.steps=s}toDateOnly(e){return null}toTimeOnly(e){return null}toTimestampOffset(e){return null}toFieldType(e){return e}},m=class extends o{constructor({type:e,precision:t,integer:i=!1,minimum:s,maximum:a}){super({type:e,editable:!0,precision:t}),this._integer=i,this._minimum=s,this._maximum=a}resolveRange(e,t,i){return{min:t??Math.min(0,...e),max:i??Math.max(100,...e)}}parse(e){let t=Number.parseFloat(e.trim());if(!Number.isFinite(t))return;let i=this._integer?Math.trunc(t):t;return Math.min(this._maximum,Math.max(this._minimum,i))}serialize(e){return this._integer?`${Math.trunc(e)}`:`${e}`}format(e,t,i,s){return s(t)}},d=class extends o{constructor(){super({type:"date",editable:!1,precision:0,steps:1e3}),this._dateTimeFormatOptions={dateStyle:"short"}}resolveRange(e,t,i){return x(e,t,i,Date.now())}parse(e){let t=Number.parseFloat(e.trim());return Number.isFinite(t)?Math.trunc(t):void 0}serialize(e){return`${Math.trunc(e)}`}toDateOnly(e){return new Date(e).toISOString().slice(0,10)}toTimeOnly(e){return new Date(e).toISOString().slice(11,19)}toTimestampOffset(e){return new Date(e).toISOString()}format(e,t){return p(e,this._dateTimeFormatOptions).format(new Date(t))}},b=class extends o{constructor(){super({type:"timestamp-offset",editable:!1,precision:0,steps:1e3}),this._dateTimeFormatOptions={dateStyle:"short"}}resolveRange(e,t,i){return x(e,t,i,Date.now())}parse(e){let t=Date.parse(e.trim());return Number.isFinite(t)?t:void 0}serialize(e){return new Date(e).toISOString()}toDateOnly(e){return new Date(e).toISOString().slice(0,10)}toTimeOnly(e){return new Date(e).toISOString().slice(11,19)}toTimestampOffset(e){return new Date(e).toISOString()}toFieldType(e){return this.serialize(e)}format(e,t){return p(e,this._dateTimeFormatOptions).format(new Date(t))}},y=class extends o{constructor(){super({type:"date-only",editable:!1,precision:0,steps:u}),this._dateFormatOptions={dateStyle:"short",timeZone:"UTC"}}resolveRange(e,t,i){return x(e,t,i,Math.trunc(Date.now()/u)*u)}parse(e){let t=P.exec(e.trim());if(!t)return;let i=Number.parseInt(t[1],10),s=Number.parseInt(t[2],10),a=Number.parseInt(t[3],10),n=Date.UTC(i,s-1,a),l=new Date(n);if(!(l.getUTCFullYear()!==i||l.getUTCMonth()!==s-1||l.getUTCDate()!==a))return n}serialize(e){return new Date(e).toISOString().slice(0,10)}toDateOnly(e){return this.serialize(e)}toTimestampOffset(e){return new Date(e).toISOString()}toFieldType(e){return this.serialize(e)}format(e,t){return p(e,this._dateFormatOptions).format(new Date(t))}},v=class extends o{constructor(){super({type:"time-only",editable:!1,precision:0,steps:1e3}),this._timeFormatOptions={timeStyle:"medium",timeZone:"UTC"}}resolveRange(e,t,i){return{min:t??0,max:i??u-1}}parse(e){let t=C.exec(e.trim());if(!t)return;let i=Number.parseInt(t[1],10),s=Number.parseInt(t[2],10),a=t[3]?Number.parseInt(t[3],10):0,n=t[4]?Number.parseInt(t[4].padEnd(3,"0").slice(0,3),10):0;if(!(i>23||s>59||a>59))return((i*60+s)*60+a)*1e3+n}serialize(e){let t=Math.max(0,Math.min(u-1,Math.floor(e))),i=Math.floor(t/36e5),s=Math.floor(t%36e5/6e4),a=Math.floor(t%6e4/1e3),n=t%1e3,l=`${c(i)}:${c(s)}:${c(a)}`;return n>0?`${l}.${n.toString().padStart(3,"0")}`:l}toTimeOnly(e){return this.serialize(e)}toFieldType(e){return this.serialize(e)}format(e,t){return p(e,this._timeFormatOptions).format(new Date(t))}};function c(r){return r.toString().padStart(2,"0")}function x(r,e,t,i){let s=t??(r.length>0?Math.max(...r):i);return{min:e??Math.min(s-30*u,...r),max:s}}var S={min:-32768,max:32767},g={min:-2147483648,max:2147483647},F={min:-Number.MAX_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER},E=(2-2**-23)*2**127,N={min:-E,max:E},M={min:-Number.MAX_VALUE,max:Number.MAX_VALUE},A={min:0,max:g.max},U={"small-integer":()=>new m({type:"small-integer",precision:0,integer:!0,minimum:S.min,maximum:S.max}),integer:()=>new m({type:"integer",precision:0,integer:!0,minimum:g.min,maximum:g.max}),"big-integer":()=>new m({type:"big-integer",precision:0,integer:!0,minimum:F.min,maximum:F.max}),single:()=>new m({type:"single",precision:4,minimum:N.min,maximum:N.max}),double:()=>new m({type:"double",precision:4,minimum:M.min,maximum:M.max}),long:()=>new m({type:"long",precision:0,integer:!0,minimum:g.min,maximum:g.max}),oid:()=>new m({type:"oid",precision:0,integer:!0,minimum:A.min,maximum:A.max}),date:()=>new d,"date-only":()=>new y,"time-only":()=>new v,"timestamp-offset":()=>new b};function I(r){return U[r]()}var R="double",f=class extends ${constructor(){super(...arguments),this.#t=O(),this.#i=void 0,this.messages=D({}),this._strategy=I(R),this.disabled=!1,this.fieldType=R,this.fillPlacement="start",this.layout="horizontal",this.max="",this.min="",this.mirrored=!1,this.popoverLabel="",this.rangeLabelsEditingEnabled=!1,this.rangeLabelsPlacement="center",this.showRangeLabels=!1,this.values="",this.valueLabelsEditingEnabled=!1,this.valueLabelsDisplay="always",this.valueLabelsPlacement="start",this.arcgisChange=h({cancelable:!1}),this.arcgisInput=h({cancelable:!1}),this.arcgisRangeChange=h({cancelable:!1}),this.arcgisActiveValueChange=h({cancelable:!1})}static{this.properties={_strategy:16,activeValue:32,disabled:5,fieldType:1,fillPlacement:1,label:1,layout:1,max:1,messageOverrides:0,min:1,mirrored:5,popoverLabel:1,rangeLabelsEditingEnabled:5,rangeLabelsPlacement:1,showRangeLabels:5,values:1,valueLabelsEditingEnabled:5,valueLabelsDisplay:1,valueLabelsPlacement:1,valuesAsNumbers:32,valuesAsDateOnly:32,valuesAsTimeOnly:32,valuesAsTimestampOffset:32,valuesAsFieldType:32}}static{this.styles=z}#t;#i;get activeValue(){let e=this.#t.value?.activeValue;return typeof e=="number"?this._strategy.serialize(e):e}get valuesAsNumbers(){return this.#e(this.values).map(e=>e??NaN)}get valuesAsDateOnly(){return this.#e(this.values).map(e=>e===void 0?null:this._strategy.toDateOnly(e))}get valuesAsTimeOnly(){return this.#e(this.values).map(e=>e===void 0?null:this._strategy.toTimeOnly(e))}get valuesAsTimestampOffset(){return this.#e(this.values).map(e=>e===void 0?null:this._strategy.toTimestampOffset(e))}get valuesAsFieldType(){return this.#e(this.values).map(e=>e===void 0?NaN:this._strategy.toFieldType(e))}willUpdate(e){super.willUpdate(e),e.has("fieldType")&&(this._strategy=I(this.fieldType)),(e.has("messages")||e.has("fieldType"))&&(this.#i=this.#u(this.messages._lang)),(e.has("values")||e.has("min")||e.has("max")||e.has("fieldType"))&&this.#p()}#n(e){e.stopPropagation(),this.#s(e.currentTarget.values),this.arcgisInput.emit()}#l(e){e.stopPropagation(),this.#s(e.currentTarget.values),this.arcgisChange.emit()}#m(e){e.stopPropagation(),this.arcgisActiveValueChange.emit()}#o(e){e.stopPropagation();let t=e.currentTarget;this.min=this._strategy.serialize(t.min),this.max=this._strategy.serialize(t.max),this.#s(t.values),this.arcgisRangeChange.emit()}#u(e){return this._strategy.format.bind(this._strategy,e)}#s(e){this.values=e.map(t=>this._strategy.serialize(t)).join(",")}#e(e){return e.split(",").map(t=>t.trim()).filter(t=>t.length>0).map(t=>this._strategy.parse(t))}#a(e){return this.#e(e).filter(t=>Number.isFinite(t))}#r(e){let t=this._strategy,i=t.parse(this.min),s=t.parse(this.max),a=Number.isFinite(i)?i:void 0,n=Number.isFinite(s)?s:void 0;a!=null&&n!=null&&a>=n&&(a=void 0,n=void 0);let l=t.resolveRange(e,a,n);return l.min>=l.max?t.resolveRange(e,void 0,void 0):l}#h(e,t,i){return e.map(s=>Math.min(i,Math.max(t,s))).sort((s,a)=>s-a)}#p(){let e=this.#a(this.values),t=this.#r(e),i=this._strategy.serialize(t.min),s=this._strategy.serialize(t.max);i!==this.min&&(this.min=i),s!==this.max&&(this.max=s);let a=this.#h(e,t.min,t.max).map(n=>this._strategy.serialize(n)).join(",");a!==this.values&&(this.values=a)}render(){let e=this.#a(this.values),t=this.#r(e),i=this._strategy.editable,s=this._strategy.steps;return T`<arcgis-slider .ariaLabel=${this.label} .disabled=${this.disabled} .labelFormatter=${this.#i} .layout=${this.layout} .max=${t.max} .min=${t.min} .mirrored=${this.mirrored} .popoverLabel=${this.popoverLabel} .precision=${this._strategy.precision} .fillPlacement=${this.fillPlacement} .steps=${s} .rangeLabelsEditingEnabled=${i&&this.rangeLabelsEditingEnabled} .rangeLabelsPlacement=${this.rangeLabelsPlacement} .showRangeLabels=${this.showRangeLabels} .valueLabelsDisplay=${this.valueLabelsDisplay} .valueLabelsEditingEnabled=${i&&this.valueLabelsEditingEnabled} .valueLabelsPlacement=${this.valueLabelsPlacement} .values=${e} @arcgisChange=${this.#l} @arcgisInput=${this.#n} @arcgisActiveValueChange=${this.#m} @arcgisRangeChange=${this.#o} ${w(this.#t)}><slot name=content-start slot=content-start></slot><slot name=content-end slot=content-end></slot><slot name=popover slot=popover></slot></arcgis-slider>`}};L("arcgis-slider-field",f);export{f as ArcgisSliderField};