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

package/dist/index.d.ts

@@ -58,9 +58,15 @@ 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";
+import type { ArcgisValuePicker } from "./components/arcgis-value-picker/customElement.js";
+import type { ArcgisValuePickerCollection } from "./components/arcgis-value-picker-collection/customElement.js";
+import type { ArcgisValuePickerCombobox } from "./components/arcgis-value-picker-combobox/customElement.js";
+import type { ArcgisValuePickerLabel } from "./components/arcgis-value-picker-label/customElement.js";
+import type { ArcgisValuePickerSlider } from "./components/arcgis-value-picker-slider/customElement.js";
 
 export { ToEvents, TargetedEvent } from "@arcgis/lumina";
 
@@ -114,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;
@@ -129,6 +140,31 @@ export interface ArcgisUniqueValuesListCustomEvent<T> extends CustomEvent<T> {
   target: ArcgisUniqueValuesList;
   currentTarget: ArcgisUniqueValuesList;
 }
+export interface ArcgisValuePickerCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisValuePicker;
+  currentTarget: ArcgisValuePicker;
+}
+export interface ArcgisValuePickerCollectionCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisValuePickerCollection;
+  currentTarget: ArcgisValuePickerCollection;
+}
+export interface ArcgisValuePickerComboboxCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisValuePickerCombobox;
+  currentTarget: ArcgisValuePickerCombobox;
+}
+export interface ArcgisValuePickerLabelCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisValuePickerLabel;
+  currentTarget: ArcgisValuePickerLabel;
+}
+export interface ArcgisValuePickerSliderCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisValuePickerSlider;
+  currentTarget: ArcgisValuePickerSlider;
+}
 
 
 declare global {
@@ -147,9 +183,15 @@ 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;
+    "arcgis-value-picker": ArcgisValuePicker;
+    "arcgis-value-picker-collection": ArcgisValuePickerCollection;
+    "arcgis-value-picker-combobox": ArcgisValuePickerCombobox;
+    "arcgis-value-picker-label": ArcgisValuePickerLabel;
+    "arcgis-value-picker-slider": ArcgisValuePickerSlider;
 
   }
 
@@ -191,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;
 
@@ -200,5 +245,20 @@ declare global {
   type HTMLArcgisUniqueValuesListElementEventMap = ArcgisUniqueValuesList["@eventTypes"];
   type HTMLArcgisUniqueValuesListElement = ArcgisUniqueValuesList;
 
+  type HTMLArcgisValuePickerElementEventMap = ArcgisValuePicker["@eventTypes"];
+  type HTMLArcgisValuePickerElement = ArcgisValuePicker;
+
+  type HTMLArcgisValuePickerCollectionElementEventMap = ArcgisValuePickerCollection["@eventTypes"];
+  type HTMLArcgisValuePickerCollectionElement = ArcgisValuePickerCollection;
+
+  type HTMLArcgisValuePickerComboboxElementEventMap = ArcgisValuePickerCombobox["@eventTypes"];
+  type HTMLArcgisValuePickerComboboxElement = ArcgisValuePickerCombobox;
+
+  type HTMLArcgisValuePickerLabelElementEventMap = ArcgisValuePickerLabel["@eventTypes"];
+  type HTMLArcgisValuePickerLabelElement = ArcgisValuePickerLabel;
+
+  type HTMLArcgisValuePickerSliderElementEventMap = ArcgisValuePickerSlider["@eventTypes"];
+  type HTMLArcgisValuePickerSliderElement = ArcgisValuePickerSlider;
+
 
 }

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 i } from "@arcgis/lumina";
-const t = i(e, {
+import { makeDefineCustomElements as a } from "@arcgis/lumina";
+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"],
@@ -9,17 +9,23 @@ const t = i(e, {
   "arcgis-coordinate-system-picker-tree": [() => import("./components/arcgis-coordinate-system-picker-tree/customElement.js"), "data:,value"],
   "arcgis-field-info": [() => import("./components/arcgis-field-info/customElement.js"), "_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],
   "arcgis-field-pick-list": [() => import("./components/arcgis-field-pick-list/customElement.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("./components/arcgis-histogram/customElement.js"), "_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,layout,max,messageOverrides:,min,standardDeviation"],
+  "arcgis-histogram": [() => import("./components/arcgis-histogram/customElement.js"), "_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,labelFormatter:,layout,max,messageOverrides:,min,standardDeviation,standardDeviationCount"],
   "arcgis-label-input": [() => import("./components/arcgis-label-input/customElement.js"), "alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],
   "arcgis-picker-input": [() => import("./components/arcgis-picker-input/customElement.js"), "disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],
   "arcgis-ramp-color": [() => import("./components/arcgis-ramp-color/customElement.js"), "layout,max,min,stops:"],
   "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"]
+  "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"],
+  "arcgis-value-picker": [() => import("./components/arcgis-value-picker/customElement.js"), "autoDestroyDisabled,disabled,hideNextButton,hidePlayButton,hidePreviousButton,icon,label,layout,loop,messages:,playRate,state:;destroy;next,pause,play,previous"],
+  "arcgis-value-picker-collection": [() => import("./components/arcgis-value-picker-collection/customElement.js"), "autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,items:;destroy;reset,step"],
+  "arcgis-value-picker-combobox": [() => import("./components/arcgis-value-picker-combobox/customElement.js"), "autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,disabled,items:,messages:;destroy;reset,step"],
+  "arcgis-value-picker-label": [() => import("./components/arcgis-value-picker-label/customElement.js"), "autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,items:;destroy;reset,step"],
+  "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,9 +13,15 @@ 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";
+import type { ArcgisValuePicker } from "../components/arcgis-value-picker/customElement.js";
+import type { ArcgisValuePickerCollection } from "../components/arcgis-value-picker-collection/customElement.js";
+import type { ArcgisValuePickerCombobox } from "../components/arcgis-value-picker-combobox/customElement.js";
+import type { ArcgisValuePickerLabel } from "../components/arcgis-value-picker-label/customElement.js";
+import type { ArcgisValuePickerSlider } from "../components/arcgis-value-picker-slider/customElement.js";
 import type { h, EventHandler } from "@arcgis/lumina";
 
 interface LuminaArcgisCkeditor5 extends Partial<Pick<ArcgisCkeditor5, "canResizeVertically" | "currentLanguage" | "customConfig" | "customExpressionCheck" | "editorType" | "groupFieldsAndExpressions" | "intlExpressionsGroupHeading" | "intlFieldsGroupHeading" | "intlTextPlaceHolder" | "mentionFields" | "readOnly" | "textData">>, h.JSX.HTMLAttributes<ArcgisCkeditor5> {
@@ -67,7 +73,7 @@ interface LuminaArcgisFieldPickList extends Partial<Pick<ArcgisFieldPickList, "c
   onarcgisSortByChange?: EventHandler<ArcgisFieldPickList["arcgisSortByChange"]>;
 }
 
-interface LuminaArcgisHistogram extends Partial<Pick<ArcgisHistogram, "average" | "bins" | "colorBlendingEnabled" | "colorStops" | "dataLines" | "icon" | "label" | "layout" | "max" | "messageOverrides" | "min" | "standardDeviation">>, h.JSX.HTMLAttributes<ArcgisHistogram> {
+interface LuminaArcgisHistogram extends Partial<Pick<ArcgisHistogram, "average" | "bins" | "colorBlendingEnabled" | "colorStops" | "dataLines" | "icon" | "label" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "standardDeviation" | "standardDeviationCount">>, h.JSX.HTMLAttributes<ArcgisHistogram> {
 }
 
 interface LuminaArcgisLabelInput extends Partial<Pick<ArcgisLabelInput, "alignment" | "labelFormatter" | "readOnly" | "value">>, h.JSX.HTMLAttributes<ArcgisLabelInput> {
@@ -95,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"]>;
@@ -110,6 +123,32 @@ interface LuminaArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesLi
   onarcgisSortByChange?: EventHandler<ArcgisUniqueValuesList["arcgisSortByChange"]>;
 }
 
+interface LuminaArcgisValuePicker extends Partial<Pick<ArcgisValuePicker, "autoDestroyDisabled" | "disabled" | "hideNextButton" | "hidePlayButton" | "hidePreviousButton" | "icon" | "label" | "layout" | "loop" | "playRate">>, h.JSX.HTMLAttributes<ArcgisValuePicker> {
+  onarcgisAnimate?: EventHandler<ArcgisValuePicker["arcgisAnimate"]>;
+  onarcgisNext?: EventHandler<ArcgisValuePicker["arcgisNext"]>;
+  onarcgisPause?: EventHandler<ArcgisValuePicker["arcgisPause"]>;
+  onarcgisPlay?: EventHandler<ArcgisValuePicker["arcgisPlay"]>;
+  onarcgisPrevious?: EventHandler<ArcgisValuePicker["arcgisPrevious"]>;
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePicker["arcgisPropertyChange"]>;
+  onarcgisSlottedElementChange?: EventHandler<ArcgisValuePicker["arcgisSlottedElementChange"]>;
+}
+
+interface LuminaArcgisValuePickerCollection extends Partial<Pick<ArcgisValuePickerCollection, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "items">>, h.JSX.HTMLAttributes<ArcgisValuePickerCollection> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerCollection["arcgisPropertyChange"]>;
+}
+
+interface LuminaArcgisValuePickerCombobox extends Partial<Pick<ArcgisValuePickerCombobox, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "disabled" | "items">>, h.JSX.HTMLAttributes<ArcgisValuePickerCombobox> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerCombobox["arcgisPropertyChange"]>;
+}
+
+interface LuminaArcgisValuePickerLabel extends Partial<Pick<ArcgisValuePickerLabel, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "items">>, h.JSX.HTMLAttributes<ArcgisValuePickerLabel> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerLabel["arcgisPropertyChange"]>;
+}
+
+interface LuminaArcgisValuePickerSlider extends Partial<Pick<ArcgisValuePickerSlider, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "disabled" | "labelFormatter" | "labels" | "layout" | "majorTicks" | "max" | "min" | "minorTicks" | "mirrored" | "steps">>, h.JSX.HTMLAttributes<ArcgisValuePickerSlider> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerSlider["arcgisPropertyChange"]>;
+}
+
 declare module "@arcgis/lumina" {
   export namespace h.JSX {
     interface IntrinsicElements {
@@ -127,9 +166,15 @@ 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;
+      "arcgis-value-picker": LuminaArcgisValuePicker;
+      "arcgis-value-picker-collection": LuminaArcgisValuePickerCollection;
+      "arcgis-value-picker-combobox": LuminaArcgisValuePickerCombobox;
+      "arcgis-value-picker-label": LuminaArcgisValuePickerLabel;
+      "arcgis-value-picker-slider": LuminaArcgisValuePickerSlider;
     }
   }
 }

package/dist/types/preact.d.ts

@@ -13,9 +13,15 @@ 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";
+import type { ArcgisValuePicker } from "../components/arcgis-value-picker/customElement.js";
+import type { ArcgisValuePickerCollection } from "../components/arcgis-value-picker-collection/customElement.js";
+import type { ArcgisValuePickerCombobox } from "../components/arcgis-value-picker-combobox/customElement.js";
+import type { ArcgisValuePickerLabel } from "../components/arcgis-value-picker-label/customElement.js";
+import type { ArcgisValuePickerSlider } from "../components/arcgis-value-picker-slider/customElement.js";
 import { HTMLAttributes } from "preact";
 import type { EventHandler } from "@arcgis/lumina";
 
@@ -68,7 +74,7 @@ interface PreactArcgisFieldPickList extends Partial<Pick<ArcgisFieldPickList, "c
   onarcgisSortByChange?: EventHandler<ArcgisFieldPickList["arcgisSortByChange"]>;
 }
 
-interface PreactArcgisHistogram extends Partial<Pick<ArcgisHistogram, "average" | "bins" | "colorBlendingEnabled" | "colorStops" | "dataLines" | "icon" | "label" | "layout" | "max" | "messageOverrides" | "min" | "standardDeviation">>, HTMLAttributes<ArcgisHistogram> {
+interface PreactArcgisHistogram extends Partial<Pick<ArcgisHistogram, "average" | "bins" | "colorBlendingEnabled" | "colorStops" | "dataLines" | "icon" | "label" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "standardDeviation" | "standardDeviationCount">>, HTMLAttributes<ArcgisHistogram> {
 }
 
 interface PreactArcgisLabelInput extends Partial<Pick<ArcgisLabelInput, "alignment" | "labelFormatter" | "readOnly" | "value">>, HTMLAttributes<ArcgisLabelInput> {
@@ -96,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"]>;
@@ -111,6 +124,32 @@ interface PreactArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesLi
   onarcgisSortByChange?: EventHandler<ArcgisUniqueValuesList["arcgisSortByChange"]>;
 }
 
+interface PreactArcgisValuePicker extends Partial<Pick<ArcgisValuePicker, "autoDestroyDisabled" | "disabled" | "hideNextButton" | "hidePlayButton" | "hidePreviousButton" | "icon" | "label" | "layout" | "loop" | "playRate">>, HTMLAttributes<ArcgisValuePicker> {
+  onarcgisAnimate?: EventHandler<ArcgisValuePicker["arcgisAnimate"]>;
+  onarcgisNext?: EventHandler<ArcgisValuePicker["arcgisNext"]>;
+  onarcgisPause?: EventHandler<ArcgisValuePicker["arcgisPause"]>;
+  onarcgisPlay?: EventHandler<ArcgisValuePicker["arcgisPlay"]>;
+  onarcgisPrevious?: EventHandler<ArcgisValuePicker["arcgisPrevious"]>;
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePicker["arcgisPropertyChange"]>;
+  onarcgisSlottedElementChange?: EventHandler<ArcgisValuePicker["arcgisSlottedElementChange"]>;
+}
+
+interface PreactArcgisValuePickerCollection extends Partial<Pick<ArcgisValuePickerCollection, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "items">>, HTMLAttributes<ArcgisValuePickerCollection> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerCollection["arcgisPropertyChange"]>;
+}
+
+interface PreactArcgisValuePickerCombobox extends Partial<Pick<ArcgisValuePickerCombobox, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "disabled" | "items">>, HTMLAttributes<ArcgisValuePickerCombobox> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerCombobox["arcgisPropertyChange"]>;
+}
+
+interface PreactArcgisValuePickerLabel extends Partial<Pick<ArcgisValuePickerLabel, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "items">>, HTMLAttributes<ArcgisValuePickerLabel> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerLabel["arcgisPropertyChange"]>;
+}
+
+interface PreactArcgisValuePickerSlider extends Partial<Pick<ArcgisValuePickerSlider, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "disabled" | "labelFormatter" | "labels" | "layout" | "majorTicks" | "max" | "min" | "minorTicks" | "mirrored" | "steps">>, HTMLAttributes<ArcgisValuePickerSlider> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerSlider["arcgisPropertyChange"]>;
+}
+
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
@@ -128,9 +167,15 @@ 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;
+      "arcgis-value-picker": PreactArcgisValuePicker;
+      "arcgis-value-picker-collection": PreactArcgisValuePickerCollection;
+      "arcgis-value-picker-combobox": PreactArcgisValuePickerCombobox;
+      "arcgis-value-picker-label": PreactArcgisValuePickerLabel;
+      "arcgis-value-picker-slider": PreactArcgisValuePickerSlider;
     }
   }
   namespace h.JSX {
@@ -149,9 +194,15 @@ 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;
+      "arcgis-value-picker": PreactArcgisValuePicker;
+      "arcgis-value-picker-collection": PreactArcgisValuePickerCollection;
+      "arcgis-value-picker-combobox": PreactArcgisValuePickerCombobox;
+      "arcgis-value-picker-label": PreactArcgisValuePickerLabel;
+      "arcgis-value-picker-slider": PreactArcgisValuePickerSlider;
     }
   }
 }

package/dist/types/react.d.ts

@@ -13,9 +13,15 @@ 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";
+import type { ArcgisValuePicker } from "../components/arcgis-value-picker/customElement.js";
+import type { ArcgisValuePickerCollection } from "../components/arcgis-value-picker-collection/customElement.js";
+import type { ArcgisValuePickerCombobox } from "../components/arcgis-value-picker-combobox/customElement.js";
+import type { ArcgisValuePickerLabel } from "../components/arcgis-value-picker-label/customElement.js";
+import type { ArcgisValuePickerSlider } from "../components/arcgis-value-picker-slider/customElement.js";
 import type { HTMLProps } from 'react';
 import type { EventHandler } from "@arcgis/lumina"; 
 
@@ -68,7 +74,7 @@ interface ReactArcgisFieldPickList extends Partial<Pick<ArcgisFieldPickList, "cu
   onarcgisSortByChange?: EventHandler<ArcgisFieldPickList["arcgisSortByChange"]>;
 }
 
-interface ReactArcgisHistogram extends Partial<Pick<ArcgisHistogram, "average" | "bins" | "colorBlendingEnabled" | "colorStops" | "dataLines" | "icon" | "label" | "layout" | "max" | "messageOverrides" | "min" | "standardDeviation">>, HTMLProps<ArcgisHistogram> {
+interface ReactArcgisHistogram extends Partial<Pick<ArcgisHistogram, "average" | "bins" | "colorBlendingEnabled" | "colorStops" | "dataLines" | "icon" | "label" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "standardDeviation" | "standardDeviationCount">>, HTMLProps<ArcgisHistogram> {
 }
 
 interface ReactArcgisLabelInput extends Partial<Pick<ArcgisLabelInput, "alignment" | "labelFormatter" | "readOnly" | "value">>, HTMLProps<ArcgisLabelInput> {
@@ -96,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"]>;
@@ -111,6 +124,32 @@ interface ReactArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesLis
   onarcgisSortByChange?: EventHandler<ArcgisUniqueValuesList["arcgisSortByChange"]>;
 }
 
+interface ReactArcgisValuePicker extends Partial<Pick<ArcgisValuePicker, "autoDestroyDisabled" | "disabled" | "hideNextButton" | "hidePlayButton" | "hidePreviousButton" | "icon" | "label" | "layout" | "loop" | "playRate">>, HTMLProps<ArcgisValuePicker> {
+  onarcgisAnimate?: EventHandler<ArcgisValuePicker["arcgisAnimate"]>;
+  onarcgisNext?: EventHandler<ArcgisValuePicker["arcgisNext"]>;
+  onarcgisPause?: EventHandler<ArcgisValuePicker["arcgisPause"]>;
+  onarcgisPlay?: EventHandler<ArcgisValuePicker["arcgisPlay"]>;
+  onarcgisPrevious?: EventHandler<ArcgisValuePicker["arcgisPrevious"]>;
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePicker["arcgisPropertyChange"]>;
+  onarcgisSlottedElementChange?: EventHandler<ArcgisValuePicker["arcgisSlottedElementChange"]>;
+}
+
+interface ReactArcgisValuePickerCollection extends Partial<Pick<ArcgisValuePickerCollection, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "items">>, HTMLProps<ArcgisValuePickerCollection> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerCollection["arcgisPropertyChange"]>;
+}
+
+interface ReactArcgisValuePickerCombobox extends Partial<Pick<ArcgisValuePickerCombobox, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "disabled" | "items">>, HTMLProps<ArcgisValuePickerCombobox> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerCombobox["arcgisPropertyChange"]>;
+}
+
+interface ReactArcgisValuePickerLabel extends Partial<Pick<ArcgisValuePickerLabel, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "items">>, HTMLProps<ArcgisValuePickerLabel> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerLabel["arcgisPropertyChange"]>;
+}
+
+interface ReactArcgisValuePickerSlider extends Partial<Pick<ArcgisValuePickerSlider, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "disabled" | "labelFormatter" | "labels" | "layout" | "majorTicks" | "max" | "min" | "minorTicks" | "mirrored" | "steps">>, HTMLProps<ArcgisValuePickerSlider> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerSlider["arcgisPropertyChange"]>;
+}
+
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
@@ -128,9 +167,15 @@ 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;
+      "arcgis-value-picker": ReactArcgisValuePicker;
+      "arcgis-value-picker-collection": ReactArcgisValuePickerCollection;
+      "arcgis-value-picker-combobox": ReactArcgisValuePickerCombobox;
+      "arcgis-value-picker-label": ReactArcgisValuePickerLabel;
+      "arcgis-value-picker-slider": ReactArcgisValuePickerSlider;
     }
   }
 }
@@ -151,9 +196,15 @@ 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;
+      "arcgis-value-picker": ReactArcgisValuePicker;
+      "arcgis-value-picker-collection": ReactArcgisValuePickerCollection;
+      "arcgis-value-picker-combobox": ReactArcgisValuePickerCombobox;
+      "arcgis-value-picker-label": ReactArcgisValuePickerLabel;
+      "arcgis-value-picker-slider": ReactArcgisValuePickerSlider;
     }
   }
 }
@@ -174,9 +225,15 @@ 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;
+      "arcgis-value-picker": ReactArcgisValuePicker;
+      "arcgis-value-picker-collection": ReactArcgisValuePickerCollection;
+      "arcgis-value-picker-combobox": ReactArcgisValuePickerCombobox;
+      "arcgis-value-picker-label": ReactArcgisValuePickerLabel;
+      "arcgis-value-picker-slider": ReactArcgisValuePickerSlider;
     }
   }
 }

package/dist/types/stencil.d.ts

@@ -13,9 +13,15 @@ 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";
+import type { ArcgisValuePicker } from "../components/arcgis-value-picker/customElement.js";
+import type { ArcgisValuePickerCollection } from "../components/arcgis-value-picker-collection/customElement.js";
+import type { ArcgisValuePickerCombobox } from "../components/arcgis-value-picker-combobox/customElement.js";
+import type { ArcgisValuePickerLabel } from "../components/arcgis-value-picker-label/customElement.js";
+import type { ArcgisValuePickerSlider } from "../components/arcgis-value-picker-slider/customElement.js";
 import { JSXBase as StencilJsx } from "@stencil/core/internal";
 import type { EventHandler } from "@arcgis/lumina";
 
@@ -68,7 +74,7 @@ interface StencilArcgisFieldPickList extends Partial<Pick<ArcgisFieldPickList, "
   onArcgisSortByChange?: EventHandler<ArcgisFieldPickList["arcgisSortByChange"]>;
 }
 
-interface StencilArcgisHistogram extends Partial<Pick<ArcgisHistogram, "average" | "bins" | "colorBlendingEnabled" | "colorStops" | "dataLines" | "icon" | "label" | "layout" | "max" | "messageOverrides" | "min" | "standardDeviation">>, StencilJsx.HTMLAttributes<ArcgisHistogram> {
+interface StencilArcgisHistogram extends Partial<Pick<ArcgisHistogram, "average" | "bins" | "colorBlendingEnabled" | "colorStops" | "dataLines" | "icon" | "label" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "standardDeviation" | "standardDeviationCount">>, StencilJsx.HTMLAttributes<ArcgisHistogram> {
 }
 
 interface StencilArcgisLabelInput extends Partial<Pick<ArcgisLabelInput, "alignment" | "labelFormatter" | "readOnly" | "value">>, StencilJsx.HTMLAttributes<ArcgisLabelInput> {
@@ -96,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"]>;
@@ -111,6 +124,32 @@ interface StencilArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesL
   onArcgisSortByChange?: EventHandler<ArcgisUniqueValuesList["arcgisSortByChange"]>;
 }
 
+interface StencilArcgisValuePicker extends Partial<Pick<ArcgisValuePicker, "autoDestroyDisabled" | "disabled" | "hideNextButton" | "hidePlayButton" | "hidePreviousButton" | "icon" | "label" | "layout" | "loop" | "playRate">>, StencilJsx.HTMLAttributes<ArcgisValuePicker> {
+  onArcgisAnimate?: EventHandler<ArcgisValuePicker["arcgisAnimate"]>;
+  onArcgisNext?: EventHandler<ArcgisValuePicker["arcgisNext"]>;
+  onArcgisPause?: EventHandler<ArcgisValuePicker["arcgisPause"]>;
+  onArcgisPlay?: EventHandler<ArcgisValuePicker["arcgisPlay"]>;
+  onArcgisPrevious?: EventHandler<ArcgisValuePicker["arcgisPrevious"]>;
+  onArcgisPropertyChange?: EventHandler<ArcgisValuePicker["arcgisPropertyChange"]>;
+  onArcgisSlottedElementChange?: EventHandler<ArcgisValuePicker["arcgisSlottedElementChange"]>;
+}
+
+interface StencilArcgisValuePickerCollection extends Partial<Pick<ArcgisValuePickerCollection, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "items">>, StencilJsx.HTMLAttributes<ArcgisValuePickerCollection> {
+  onArcgisPropertyChange?: EventHandler<ArcgisValuePickerCollection["arcgisPropertyChange"]>;
+}
+
+interface StencilArcgisValuePickerCombobox extends Partial<Pick<ArcgisValuePickerCombobox, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "disabled" | "items">>, StencilJsx.HTMLAttributes<ArcgisValuePickerCombobox> {
+  onArcgisPropertyChange?: EventHandler<ArcgisValuePickerCombobox["arcgisPropertyChange"]>;
+}
+
+interface StencilArcgisValuePickerLabel extends Partial<Pick<ArcgisValuePickerLabel, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "items">>, StencilJsx.HTMLAttributes<ArcgisValuePickerLabel> {
+  onArcgisPropertyChange?: EventHandler<ArcgisValuePickerLabel["arcgisPropertyChange"]>;
+}
+
+interface StencilArcgisValuePickerSlider extends Partial<Pick<ArcgisValuePickerSlider, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "disabled" | "labelFormatter" | "labels" | "layout" | "majorTicks" | "max" | "min" | "minorTicks" | "mirrored" | "steps">>, StencilJsx.HTMLAttributes<ArcgisValuePickerSlider> {
+  onArcgisPropertyChange?: EventHandler<ArcgisValuePickerSlider["arcgisPropertyChange"]>;
+}
+
 interface ExposedElements {
   "arcgis-ckeditor5": StencilArcgisCkeditor5;
   "arcgis-ckeditor5-popover": StencilArcgisCkeditor5Popover;
@@ -126,9 +165,15 @@ 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;
+  "arcgis-value-picker": StencilArcgisValuePicker;
+  "arcgis-value-picker-collection": StencilArcgisValuePickerCollection;
+  "arcgis-value-picker-combobox": StencilArcgisValuePickerCombobox;
+  "arcgis-value-picker-label": StencilArcgisValuePickerLabel;
+  "arcgis-value-picker-slider": StencilArcgisValuePickerSlider;
 }
 
 export namespace JSX {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/common-components",
-  "version": "5.2.0-next.6",
+  "version": "5.2.0-next.61",
   "description": "ArcGIS Maps SDK for JavaScript common components",
   "keywords": [
     "2D",
@@ -49,12 +49,12 @@
     "@lit/task": "^1.0.3",
     "lit": "^3.3.0",
     "tslib": "^2.8.1",
-    "@arcgis/toolkit": "5.2.0-next.6",
-    "@arcgis/lumina": "5.2.0-next.6"
+    "@arcgis/toolkit": "5.2.0-next.61",
+    "@arcgis/lumina": "5.2.0-next.61"
   },
   "peerDependencies": {
-    "@arcgis/core": "^5.1.0-next",
-    "@esri/calcite-components": "^5.1.1-next.3"
+    "@arcgis/core": "^5.2.0-next",
+    "@esri/calcite-components": "^5.1.1"
   },
   "css.customData": [
     "dist/docs/vscode.css-custom-data.json"

package/dist/cdn/2MN6S2HH.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as i}from"./UGWLCTVM.js";import{a as u,b as m}from"./WJ3TYWP2.js";import{e as g}from"./F45Q3BRT.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"./OOBX2C2L.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};

package/dist/cdn/4BJYJUMR.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-function r(n,t){return n!=null&&typeof n=="object"&&"type"in n&&n.type===t}function e(n){return r(n,"csv")}function a(n){return u(n)&&!n.url}function u(n){return r(n,"feature")}function s(n){return r(n,"geojson")}function o(n){return r(n,"imagery")}function i(n){return r(n,"imagery-tile")}function c(n){return r(n,"map-image")}function f(n){return r(n,"ogc-feature")}function p(n){return r(n,"scene")}function y(n){return r(n,"stream")}function l(n){return r(n,"sublayer")&&"parent"in n}function b(n){return r(n,"subtype-group")&&"sublayers"in n}function g(n){return r(n,"subtype-sublayer")}function m(n){return r(n,"voxel")}function j(n){return r(n,"wcs")}function v(n){return r(n,"wfs")}export{e as a,a as b,u as c,s as d,o as e,i as f,c as g,f as h,p as i,y as j,l as k,b as l,g as m,m as n,j as o,v as p};

package/dist/cdn/5I5ODGDD.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as o}from"./YG4PY2H3.js";import{B as l,E as m,H as p,g as d,i,q as c}from"./OOBX2C2L.js";var b=d`:host{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;height:100%;width:100%}`,n=class extends l{constructor(){super(...arguments),this.treeItemsOpen=new Set,this.handleMutations=e=>{e.forEach(t=>{if(t.type==="attributes"&&t.attributeName==="expanded"){let s=t.target;"key"in s.dataset&&s.dataset.key!==void 0&&this.treeItemsOpen.has(s.dataset.key)!==s.expanded&&this.toggleTreeItem(s.dataset.key)}})},this.renderedTree=[],this.data={},this.arcgisChange=c()}static{this.properties={renderedTree:16,data:0,value:1}}static{this.styles=b}load(){this.setupComponent()}willUpdate(e){e.has("data")&&(this.hasUpdated||Object.keys(this.data??{}).length>0)&&this.setupComponent()}loaded(){this.manager.onLifecycle(()=>{this.observer=new MutationObserver(this.handleMutations);let e=this.el.shadowRoot??this.el;return this.observer.observe(e,{attributes:!0,subtree:!0,attributeFilter:["expanded"]}),()=>{this.observer?.disconnect(),this.observer=void 0}})}setupComponent(){this.treeItemsOpen.clear(),this.buildJSXTree()}buildJSXTree(){let e=t=>{let s=[];for(let r of Object.keys(t)){let a=t[r],h;typeof a=="object"&&(h=this.treeItemsOpen.has(r)?e(a):[]);let u=typeof a=="object"?r:a;s.push(this.createTreeItem(r,u,h))}return s};this.renderedTree=e(this.data)}toggleTreeItem(e){this.treeItemsOpen.has(e)?this.treeItemsOpen.delete(e):this.treeItemsOpen.add(e),this.buildJSXTree()}createTreeItem(e,t,s){return i`<calcite-tree-item data-key=${e??m} .selected=${this.value===e} .expanded=${this.treeItemsOpen.has(e)}>${t}${s!==void 0&&o(`${e}-child-tree`,i`<calcite-tree slot=children>${s}</calcite-tree>`)||""}</calcite-tree-item>`}handleTreeSelect(e){let t=e.currentTarget?.selectedItems[0]?.dataset.key;t!==void 0&&(this.value=t,this.arcgisChange.emit())}render(){return o("base-tree",i`<calcite-tree scale=s @calciteTreeSelect=${this.handleTreeSelect}>${this.renderedTree}</calcite-tree>`)}};p("arcgis-coordinate-system-picker-tree",n);export{n as ArcgisCoordinateSystemPickerTree};

package/dist/cdn/AGGCAE6P.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as b}from"./ECNI2A4K.js";import{B as m,H as o,g as h,i as d,q as r}from"./OOBX2C2L.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};