@arcgis/common-components 5.2.0-next.51 → 5.2.0-next.53

package/dist/index.d.ts

@@ -58,6 +58,7 @@ import type { ArcgisRampColor } from "./components/arcgis-ramp-color/customEleme
 import type { ArcgisRampColorBreak } from "./components/arcgis-ramp-color-break/customElement.js";
 import type { ArcgisRampOpacity } from "./components/arcgis-ramp-opacity/customElement.js";
 import type { ArcgisSlider } from "./components/arcgis-slider/customElement.js";
+import type { ArcgisSliderField } from "./components/arcgis-slider-field/customElement.js";
 import type { ArcgisSliderInput } from "./components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "./components/arcgis-ticks/customElement.js";
 import type { ArcgisUniqueValuesList } from "./components/arcgis-unique-values-list/customElement.js";
@@ -119,6 +120,11 @@ export interface ArcgisSliderCustomEvent<T> extends CustomEvent<T> {
   target: ArcgisSlider;
   currentTarget: ArcgisSlider;
 }
+export interface ArcgisSliderFieldCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisSliderField;
+  currentTarget: ArcgisSliderField;
+}
 export interface ArcgisSliderInputCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: ArcgisSliderInput;
@@ -177,6 +183,7 @@ declare global {
     "arcgis-ramp-color-break": ArcgisRampColorBreak;
     "arcgis-ramp-opacity": ArcgisRampOpacity;
     "arcgis-slider": ArcgisSlider;
+    "arcgis-slider-field": ArcgisSliderField;
     "arcgis-slider-input": ArcgisSliderInput;
     "arcgis-ticks": ArcgisTicks;
     "arcgis-unique-values-list": ArcgisUniqueValuesList;
@@ -226,6 +233,9 @@ declare global {
   type HTMLArcgisSliderElementEventMap = ArcgisSlider["@eventTypes"];
   type HTMLArcgisSliderElement = ArcgisSlider;
 
+  type HTMLArcgisSliderFieldElementEventMap = ArcgisSliderField["@eventTypes"];
+  type HTMLArcgisSliderFieldElement = ArcgisSliderField;
+
   type HTMLArcgisSliderInputElementEventMap = ArcgisSliderInput["@eventTypes"];
   type HTMLArcgisSliderInputElement = ArcgisSliderInput;
 

package/dist/loader.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as a } from "@arcgis/lumina";
-const t = a(e, {
+const l = a(e, {
   "arcgis-ckeditor5": [() => import("./components/arcgis-ckeditor5/customElement.js"), "canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],
   "arcgis-ckeditor5-popover": [() => import("./components/arcgis-ckeditor5-popover/customElement.js"), "guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],
   "arcgis-color-input": [() => import("./components/arcgis-color-input/customElement.js"), "_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus;isOpen"],
@@ -16,6 +16,7 @@ const t = 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-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"],
@@ -26,5 +27,5 @@ const t = a(e, {
   "arcgis-value-picker-slider": [() => import("./components/arcgis-value-picker-slider/customElement.js"), "autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue,disabled,labelFormatter:,labels:,layout,majorTicks:,max,min,minorTicks:,mirrored,steps:;destroy;reset,step"]
 });
 export {
-  t as defineCustomElements
+  l as defineCustomElements
 };

package/dist/types/lumina.d.ts

@@ -13,6 +13,7 @@ import type { ArcgisRampColor } from "../components/arcgis-ramp-color/customElem
 import type { ArcgisRampColorBreak } from "../components/arcgis-ramp-color-break/customElement.js";
 import type { ArcgisRampOpacity } from "../components/arcgis-ramp-opacity/customElement.js";
 import type { ArcgisSlider } from "../components/arcgis-slider/customElement.js";
+import type { ArcgisSliderField } from "../components/arcgis-slider-field/customElement.js";
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
@@ -100,6 +101,13 @@ 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> {
+  onarcgisActiveValueChange?: EventHandler<ArcgisSliderField["arcgisActiveValueChange"]>;
+  onarcgisChange?: EventHandler<ArcgisSliderField["arcgisChange"]>;
+  onarcgisInput?: EventHandler<ArcgisSliderField["arcgisInput"]>;
+  onarcgisRangeChange?: EventHandler<ArcgisSliderField["arcgisRangeChange"]>;
+}
+
 interface LuminaArcgisSliderInput extends Partial<Pick<ArcgisSliderInput, "disabled" | "flipLabels" | "label" | "max" | "min" | "scale" | "step" | "unitsLabel" | "value" | "withSteppers">>, h.JSX.HTMLAttributes<ArcgisSliderInput> {
   onarcgisSliderInputValueChange?: EventHandler<ArcgisSliderInput["arcgisSliderInputValueChange"]>;
   onarcgisValueChange?: EventHandler<ArcgisSliderInput["arcgisValueChange"]>;
@@ -158,6 +166,7 @@ declare module "@arcgis/lumina" {
       "arcgis-ramp-color-break": LuminaArcgisRampColorBreak;
       "arcgis-ramp-opacity": LuminaArcgisRampOpacity;
       "arcgis-slider": LuminaArcgisSlider;
+      "arcgis-slider-field": LuminaArcgisSliderField;
       "arcgis-slider-input": LuminaArcgisSliderInput;
       "arcgis-ticks": LuminaArcgisTicks;
       "arcgis-unique-values-list": LuminaArcgisUniqueValuesList;

package/dist/types/preact.d.ts

@@ -13,6 +13,7 @@ import type { ArcgisRampColor } from "../components/arcgis-ramp-color/customElem
 import type { ArcgisRampColorBreak } from "../components/arcgis-ramp-color-break/customElement.js";
 import type { ArcgisRampOpacity } from "../components/arcgis-ramp-opacity/customElement.js";
 import type { ArcgisSlider } from "../components/arcgis-slider/customElement.js";
+import type { ArcgisSliderField } from "../components/arcgis-slider-field/customElement.js";
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
@@ -101,6 +102,13 @@ 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> {
+  onarcgisActiveValueChange?: EventHandler<ArcgisSliderField["arcgisActiveValueChange"]>;
+  onarcgisChange?: EventHandler<ArcgisSliderField["arcgisChange"]>;
+  onarcgisInput?: EventHandler<ArcgisSliderField["arcgisInput"]>;
+  onarcgisRangeChange?: EventHandler<ArcgisSliderField["arcgisRangeChange"]>;
+}
+
 interface PreactArcgisSliderInput extends Partial<Pick<ArcgisSliderInput, "disabled" | "flipLabels" | "label" | "max" | "min" | "scale" | "step" | "unitsLabel" | "value" | "withSteppers">>, HTMLAttributes<ArcgisSliderInput> {
   onarcgisSliderInputValueChange?: EventHandler<ArcgisSliderInput["arcgisSliderInputValueChange"]>;
   onarcgisValueChange?: EventHandler<ArcgisSliderInput["arcgisValueChange"]>;
@@ -159,6 +167,7 @@ declare module 'preact' {
       "arcgis-ramp-color-break": PreactArcgisRampColorBreak;
       "arcgis-ramp-opacity": PreactArcgisRampOpacity;
       "arcgis-slider": PreactArcgisSlider;
+      "arcgis-slider-field": PreactArcgisSliderField;
       "arcgis-slider-input": PreactArcgisSliderInput;
       "arcgis-ticks": PreactArcgisTicks;
       "arcgis-unique-values-list": PreactArcgisUniqueValuesList;
@@ -185,6 +194,7 @@ declare module 'preact' {
       "arcgis-ramp-color-break": PreactArcgisRampColorBreak;
       "arcgis-ramp-opacity": PreactArcgisRampOpacity;
       "arcgis-slider": PreactArcgisSlider;
+      "arcgis-slider-field": PreactArcgisSliderField;
       "arcgis-slider-input": PreactArcgisSliderInput;
       "arcgis-ticks": PreactArcgisTicks;
       "arcgis-unique-values-list": PreactArcgisUniqueValuesList;

package/dist/types/react.d.ts

@@ -13,6 +13,7 @@ import type { ArcgisRampColor } from "../components/arcgis-ramp-color/customElem
 import type { ArcgisRampColorBreak } from "../components/arcgis-ramp-color-break/customElement.js";
 import type { ArcgisRampOpacity } from "../components/arcgis-ramp-opacity/customElement.js";
 import type { ArcgisSlider } from "../components/arcgis-slider/customElement.js";
+import type { ArcgisSliderField } from "../components/arcgis-slider-field/customElement.js";
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
@@ -101,6 +102,13 @@ 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> {
+  onarcgisActiveValueChange?: EventHandler<ArcgisSliderField["arcgisActiveValueChange"]>;
+  onarcgisChange?: EventHandler<ArcgisSliderField["arcgisChange"]>;
+  onarcgisInput?: EventHandler<ArcgisSliderField["arcgisInput"]>;
+  onarcgisRangeChange?: EventHandler<ArcgisSliderField["arcgisRangeChange"]>;
+}
+
 interface ReactArcgisSliderInput extends Partial<Pick<ArcgisSliderInput, "disabled" | "flipLabels" | "label" | "max" | "min" | "scale" | "step" | "unitsLabel" | "value" | "withSteppers">>, HTMLProps<ArcgisSliderInput> {
   onarcgisSliderInputValueChange?: EventHandler<ArcgisSliderInput["arcgisSliderInputValueChange"]>;
   onarcgisValueChange?: EventHandler<ArcgisSliderInput["arcgisValueChange"]>;
@@ -159,6 +167,7 @@ declare module "react" {
       "arcgis-ramp-color-break": ReactArcgisRampColorBreak;
       "arcgis-ramp-opacity": ReactArcgisRampOpacity;
       "arcgis-slider": ReactArcgisSlider;
+      "arcgis-slider-field": ReactArcgisSliderField;
       "arcgis-slider-input": ReactArcgisSliderInput;
       "arcgis-ticks": ReactArcgisTicks;
       "arcgis-unique-values-list": ReactArcgisUniqueValuesList;
@@ -187,6 +196,7 @@ declare module "react/jsx-runtime" {
       "arcgis-ramp-color-break": ReactArcgisRampColorBreak;
       "arcgis-ramp-opacity": ReactArcgisRampOpacity;
       "arcgis-slider": ReactArcgisSlider;
+      "arcgis-slider-field": ReactArcgisSliderField;
       "arcgis-slider-input": ReactArcgisSliderInput;
       "arcgis-ticks": ReactArcgisTicks;
       "arcgis-unique-values-list": ReactArcgisUniqueValuesList;
@@ -215,6 +225,7 @@ declare module "react/jsx-dev-runtime" {
       "arcgis-ramp-color-break": ReactArcgisRampColorBreak;
       "arcgis-ramp-opacity": ReactArcgisRampOpacity;
       "arcgis-slider": ReactArcgisSlider;
+      "arcgis-slider-field": ReactArcgisSliderField;
       "arcgis-slider-input": ReactArcgisSliderInput;
       "arcgis-ticks": ReactArcgisTicks;
       "arcgis-unique-values-list": ReactArcgisUniqueValuesList;

package/dist/types/stencil.d.ts

@@ -13,6 +13,7 @@ import type { ArcgisRampColor } from "../components/arcgis-ramp-color/customElem
 import type { ArcgisRampColorBreak } from "../components/arcgis-ramp-color-break/customElement.js";
 import type { ArcgisRampOpacity } from "../components/arcgis-ramp-opacity/customElement.js";
 import type { ArcgisSlider } from "../components/arcgis-slider/customElement.js";
+import type { ArcgisSliderField } from "../components/arcgis-slider-field/customElement.js";
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
@@ -101,6 +102,13 @@ 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> {
+  onArcgisActiveValueChange?: EventHandler<ArcgisSliderField["arcgisActiveValueChange"]>;
+  onArcgisChange?: EventHandler<ArcgisSliderField["arcgisChange"]>;
+  onArcgisInput?: EventHandler<ArcgisSliderField["arcgisInput"]>;
+  onArcgisRangeChange?: EventHandler<ArcgisSliderField["arcgisRangeChange"]>;
+}
+
 interface StencilArcgisSliderInput extends Partial<Pick<ArcgisSliderInput, "disabled" | "flipLabels" | "label" | "max" | "min" | "scale" | "step" | "unitsLabel" | "value" | "withSteppers">>, StencilJsx.HTMLAttributes<ArcgisSliderInput> {
   onArcgisSliderInputValueChange?: EventHandler<ArcgisSliderInput["arcgisSliderInputValueChange"]>;
   onArcgisValueChange?: EventHandler<ArcgisSliderInput["arcgisValueChange"]>;
@@ -157,6 +165,7 @@ interface ExposedElements {
   "arcgis-ramp-color-break": StencilArcgisRampColorBreak;
   "arcgis-ramp-opacity": StencilArcgisRampOpacity;
   "arcgis-slider": StencilArcgisSlider;
+  "arcgis-slider-field": StencilArcgisSliderField;
   "arcgis-slider-input": StencilArcgisSliderInput;
   "arcgis-ticks": StencilArcgisTicks;
   "arcgis-unique-values-list": StencilArcgisUniqueValuesList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/common-components",
-  "version": "5.2.0-next.51",
+  "version": "5.2.0-next.53",
   "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/lumina": "5.2.0-next.51",
-    "@arcgis/toolkit": "5.2.0-next.51"
+    "@arcgis/toolkit": "5.2.0-next.53",
+    "@arcgis/lumina": "5.2.0-next.53"
   },
   "peerDependencies": {
     "@arcgis/core": "^5.2.0-next",

package/dist/cdn/NKMDS2IH.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-var e=new WeakMap;function c(n,t){let{formatter:r,lang:o}=e.get(t)??{};if(o===n&&r)return r;let a=new Intl.NumberFormat(n,t);return e.set(t,{lang:n,formatter:a}),a}export{c as a};