@arcgis/common-components 5.2.0-next.98 → 6.0.0-next.0

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 import type { PopoverProps as PopoverPropsAlias, PickListFieldInfo as PickListFieldInfoAlias, PickListGroupInfo as PickListGroupInfoAlias } from "./utils/types.js";
 
+export { LayoutPriorities } from "./components/arcgis-toolbar/types.js";
+
 /**
  * @deprecated import { PopoverProps } from "@arcgis/common-components/utils/types" instead
  * @internal
@@ -59,6 +61,7 @@ import type { ArcgisRampColorBreak } from "./components/arcgis-ramp-color-break/
 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 { ArcgisSliderHistogramRange } from "./components/arcgis-slider-histogram-range/customElement.js";
 import type { ArcgisSliderInput } from "./components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "./components/arcgis-ticks/customElement.js";
 import type { ArcgisToolbar } from "./components/arcgis-toolbar/customElement.js";
@@ -67,6 +70,7 @@ import type { ArcgisToolbarGroup } from "./components/arcgis-toolbar-group/custo
 import type { ArcgisToolbarItem } from "./components/arcgis-toolbar-item/customElement.js";
 import type { ArcgisToolbarMoreButton } from "./components/arcgis-toolbar-more-button/customElement.js";
 import type { ArcgisToolbarSplitButton } from "./components/arcgis-toolbar-split-button/customElement.js";
+import type { ArcgisToolbarStack } from "./components/arcgis-toolbar-stack/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";
@@ -131,6 +135,11 @@ export interface ArcgisSliderFieldCustomEvent<T> extends CustomEvent<T> {
   target: ArcgisSliderField;
   currentTarget: ArcgisSliderField;
 }
+export interface ArcgisSliderHistogramRangeCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisSliderHistogramRange;
+  currentTarget: ArcgisSliderHistogramRange;
+}
 export interface ArcgisSliderInputCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: ArcgisSliderInput;
@@ -200,6 +209,7 @@ declare global {
     "arcgis-ramp-opacity": ArcgisRampOpacity;
     "arcgis-slider": ArcgisSlider;
     "arcgis-slider-field": ArcgisSliderField;
+    "arcgis-slider-histogram-range": ArcgisSliderHistogramRange;
     "arcgis-slider-input": ArcgisSliderInput;
     "arcgis-ticks": ArcgisTicks;
     "arcgis-toolbar": ArcgisToolbar;
@@ -208,6 +218,7 @@ declare global {
     "arcgis-toolbar-item": ArcgisToolbarItem;
     "arcgis-toolbar-more-button": ArcgisToolbarMoreButton;
     "arcgis-toolbar-split-button": ArcgisToolbarSplitButton;
+    "arcgis-toolbar-stack": ArcgisToolbarStack;
     "arcgis-unique-values-list": ArcgisUniqueValuesList;
     "arcgis-value-picker": ArcgisValuePicker;
     "arcgis-value-picker-collection": ArcgisValuePickerCollection;
@@ -258,6 +269,9 @@ declare global {
   type HTMLArcgisSliderFieldElementEventMap = ArcgisSliderField["@eventTypes"];
   type HTMLArcgisSliderFieldElement = ArcgisSliderField;
 
+  type HTMLArcgisSliderHistogramRangeElementEventMap = ArcgisSliderHistogramRange["@eventTypes"];
+  type HTMLArcgisSliderHistogramRangeElement = ArcgisSliderHistogramRange;
+
   type HTMLArcgisSliderInputElementEventMap = ArcgisSliderInput["@eventTypes"];
   type HTMLArcgisSliderInputElement = ArcgisSliderInput;
 
@@ -278,6 +292,8 @@ declare global {
 
   type HTMLArcgisToolbarSplitButtonElement = ArcgisToolbarSplitButton;
 
+  type HTMLArcgisToolbarStackElement = ArcgisToolbarStack;
+
   type HTMLArcgisUniqueValuesListElementEventMap = ArcgisUniqueValuesList["@eventTypes"];
   type HTMLArcgisUniqueValuesListElement = ArcgisUniqueValuesList;
 

package/dist/index.js

@@ -1,6 +1,8 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { g as e, s as a } from "./chunks/runtime.js";
+import { L as r } from "./chunks/types.js";
 export {
+  r as LayoutPriorities,
   e as getAssetPath,
   a as setAssetPath
 };

package/dist/loader.js

@@ -15,16 +15,18 @@ const s = a(e, {
   "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": [() => import("./components/arcgis-slider/customElement.js"), "activeValue:,allowValuesOverlap,autoDestroyDisabled,disabled,fillPlacement,fullRangeMax,fullRangeMin,keyboardLargeStep,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverDisplay,popoverLabel,popoverPlacement,precision,rangeLabelsEditingEnabled,rangeLabelsPlacement,segmentsDraggingDisabled,showRangeLabels,steps,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values,valuesDraggingDisabled;destroy"],
   "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-histogram-range": [() => import("./components/arcgis-slider-histogram-range/customElement.js"), "activeValue:,average,bins:,dataLines:,excludedBarColor:,fieldType,fillPlacement,includedBarColor:,label,labelFormatter:,layout,max,min,rangeLabelsEditingEnabled,rangeLabelsPlacement,showRangeLabels,standardDeviation,standardDeviationCount,valueLabelsDisplay,valueLabelsEditingEnabled,values;destroy,generateWhereClause,updateFromHistogramResult"],
   "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-toolbar": [() => import("./components/arcgis-toolbar/customElement.js"), "barElement:,layout,relativePosition,scale,toolbarKind,tooltipAppearance"],
+  "arcgis-ticks": [() => import("./components/arcgis-ticks/customElement.js"), "_messages:,autoDestroyDisabled,interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values;destroy"],
+  "arcgis-toolbar": [() => import("./components/arcgis-toolbar/customElement.js"), "barElement:,layout,relativePosition,scale,toolbarKind,tooltipAppearance;;allocate,measure,proxiedRender"],
   "arcgis-toolbar-action": [() => import("./components/arcgis-toolbar-action/customElement.js"), "actionElement:,active,appearance,disabled,icon,iconFlipRtl,indicator,kind,labelText,loading,textEnabled,tooltipText;;measure,proxiedRender"],
   "arcgis-toolbar-group": [() => import("./components/arcgis-toolbar-group/customElement.js"), "preferEndSlot,priority;;measure,proxiedRender"],
   "arcgis-toolbar-item": [() => import("./components/arcgis-toolbar-item/customElement.js"), "actionElement:,active,disabled,icon,iconFlipRtl,labelText,lastActivated:,loading,tooltipText;;measure,proxiedRender"],
   "arcgis-toolbar-more-button": [() => import("./components/arcgis-toolbar-more-button/customElement.js"), "menuAppearance,overflowActionLabel,priority;;measure,proxiedRender"],
   "arcgis-toolbar-split-button": [() => import("./components/arcgis-toolbar-split-button/customElement.js"), "menuAppearance,overflowActionLabel,priority;;measure,proxiedRender"],
+  "arcgis-toolbar-stack": [() => import("./components/arcgis-toolbar-stack/customElement.js"), "layout,relativePosition,scale,toolbarKind,tooltipAppearance"],
   "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"],

package/dist/types/lumina.d.ts

@@ -14,6 +14,7 @@ import type { ArcgisRampColorBreak } from "../components/arcgis-ramp-color-break
 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 { ArcgisSliderHistogramRange } from "../components/arcgis-slider-histogram-range/customElement.js";
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
 import type { ArcgisToolbar } from "../components/arcgis-toolbar/customElement.js";
@@ -22,6 +23,7 @@ import type { ArcgisToolbarGroup } from "../components/arcgis-toolbar-group/cust
 import type { ArcgisToolbarItem } from "../components/arcgis-toolbar-item/customElement.js";
 import type { ArcgisToolbarMoreButton } from "../components/arcgis-toolbar-more-button/customElement.js";
 import type { ArcgisToolbarSplitButton } from "../components/arcgis-toolbar-split-button/customElement.js";
+import type { ArcgisToolbarStack } from "../components/arcgis-toolbar-stack/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";
@@ -100,7 +102,7 @@ interface LuminaArcgisRampColorBreak extends Partial<Pick<ArcgisRampColorBreak,
 interface LuminaArcgisRampOpacity extends Partial<Pick<ArcgisRampOpacity, "fillColor" | "layout" | "max" | "min" | "stops">>, h.JSX.HTMLAttributes<ArcgisRampOpacity> {
 }
 
-interface LuminaArcgisSlider extends Partial<Pick<ArcgisSlider, "allowValuesOverlap" | "autoDestroyDisabled" | "disabled" | "fillPlacement" | "fullRangeMax" | "fullRangeMin" | "keyboardLargeStep" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, h.JSX.HTMLAttributes<ArcgisSlider> {
+interface LuminaArcgisSlider extends Partial<Pick<ArcgisSlider, "allowValuesOverlap" | "autoDestroyDisabled" | "disabled" | "fillPlacement" | "fullRangeMax" | "fullRangeMin" | "keyboardLargeStep" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverDisplay" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values" | "valuesDraggingDisabled">>, h.JSX.HTMLAttributes<ArcgisSlider> {
   onarcgisActiveValueChange?: EventHandler<ArcgisSlider["arcgisActiveValueChange"]>;
   onarcgisChange?: EventHandler<ArcgisSlider["arcgisChange"]>;
   onarcgisInput?: EventHandler<ArcgisSlider["arcgisInput"]>;
@@ -114,12 +116,19 @@ interface LuminaArcgisSliderField extends Partial<Pick<ArcgisSliderField, "disab
   onarcgisRangeChange?: EventHandler<ArcgisSliderField["arcgisRangeChange"]>;
 }
 
+interface LuminaArcgisSliderHistogramRange extends Partial<Pick<ArcgisSliderHistogramRange, "average" | "bins" | "dataLines" | "excludedBarColor" | "fieldType" | "fillPlacement" | "includedBarColor" | "label" | "labelFormatter" | "layout" | "max" | "min" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "showRangeLabels" | "standardDeviation" | "standardDeviationCount" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "values">>, h.JSX.HTMLAttributes<ArcgisSliderHistogramRange> {
+  onarcgisActiveValueChange?: EventHandler<ArcgisSliderHistogramRange["arcgisActiveValueChange"]>;
+  onarcgisChange?: EventHandler<ArcgisSliderHistogramRange["arcgisChange"]>;
+  onarcgisInput?: EventHandler<ArcgisSliderHistogramRange["arcgisInput"]>;
+  onarcgisRangeChange?: EventHandler<ArcgisSliderHistogramRange["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"]>;
 }
 
-interface LuminaArcgisTicks extends Partial<Pick<ArcgisTicks, "interactive" | "interpolationExponent" | "labelFormatter" | "labelPlacement" | "layout" | "max" | "min" | "mirrored" | "mode" | "showBaseline" | "showLabels" | "values">>, h.JSX.HTMLAttributes<ArcgisTicks> {
+interface LuminaArcgisTicks extends Partial<Pick<ArcgisTicks, "autoDestroyDisabled" | "interactive" | "interpolationExponent" | "labelFormatter" | "labelPlacement" | "layout" | "max" | "min" | "mirrored" | "mode" | "showBaseline" | "showLabels" | "values">>, h.JSX.HTMLAttributes<ArcgisTicks> {
   onarcgisTickClick?: EventHandler<ArcgisTicks["arcgisTickClick"]>;
 }
 
@@ -144,6 +153,9 @@ interface LuminaArcgisToolbarMoreButton extends Partial<Pick<ArcgisToolbarMoreBu
 interface LuminaArcgisToolbarSplitButton extends Partial<Pick<ArcgisToolbarSplitButton, "menuAppearance" | "overflowActionLabel" | "priority">>, h.JSX.HTMLAttributes<ArcgisToolbarSplitButton> {
 }
 
+interface LuminaArcgisToolbarStack extends Partial<Pick<ArcgisToolbarStack, "layout" | "relativePosition" | "scale" | "toolbarKind" | "tooltipAppearance">>, h.JSX.HTMLAttributes<ArcgisToolbarStack> {
+}
+
 interface LuminaArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesList, "fieldName" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view" | "visualizationSource">>, h.JSX.HTMLAttributes<ArcgisUniqueValuesList> {
   onarcgisChange?: EventHandler<ArcgisUniqueValuesList["arcgisChange"]>;
   onarcgisLoad?: EventHandler<ArcgisUniqueValuesList["arcgisLoad"]>;
@@ -194,6 +206,7 @@ declare module "@arcgis/lumina" {
       "arcgis-ramp-opacity": LuminaArcgisRampOpacity;
       "arcgis-slider": LuminaArcgisSlider;
       "arcgis-slider-field": LuminaArcgisSliderField;
+      "arcgis-slider-histogram-range": LuminaArcgisSliderHistogramRange;
       "arcgis-slider-input": LuminaArcgisSliderInput;
       "arcgis-ticks": LuminaArcgisTicks;
       "arcgis-toolbar": LuminaArcgisToolbar;
@@ -202,6 +215,7 @@ declare module "@arcgis/lumina" {
       "arcgis-toolbar-item": LuminaArcgisToolbarItem;
       "arcgis-toolbar-more-button": LuminaArcgisToolbarMoreButton;
       "arcgis-toolbar-split-button": LuminaArcgisToolbarSplitButton;
+      "arcgis-toolbar-stack": LuminaArcgisToolbarStack;
       "arcgis-unique-values-list": LuminaArcgisUniqueValuesList;
       "arcgis-value-picker": LuminaArcgisValuePicker;
       "arcgis-value-picker-collection": LuminaArcgisValuePickerCollection;

package/dist/types/preact.d.ts

@@ -14,6 +14,7 @@ import type { ArcgisRampColorBreak } from "../components/arcgis-ramp-color-break
 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 { ArcgisSliderHistogramRange } from "../components/arcgis-slider-histogram-range/customElement.js";
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
 import type { ArcgisToolbar } from "../components/arcgis-toolbar/customElement.js";
@@ -22,6 +23,7 @@ import type { ArcgisToolbarGroup } from "../components/arcgis-toolbar-group/cust
 import type { ArcgisToolbarItem } from "../components/arcgis-toolbar-item/customElement.js";
 import type { ArcgisToolbarMoreButton } from "../components/arcgis-toolbar-more-button/customElement.js";
 import type { ArcgisToolbarSplitButton } from "../components/arcgis-toolbar-split-button/customElement.js";
+import type { ArcgisToolbarStack } from "../components/arcgis-toolbar-stack/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";
@@ -101,7 +103,7 @@ interface PreactArcgisRampColorBreak extends Partial<Pick<ArcgisRampColorBreak,
 interface PreactArcgisRampOpacity extends Partial<Pick<ArcgisRampOpacity, "fillColor" | "layout" | "max" | "min" | "stops">>, HTMLAttributes<ArcgisRampOpacity> {
 }
 
-interface PreactArcgisSlider extends Partial<Pick<ArcgisSlider, "allowValuesOverlap" | "autoDestroyDisabled" | "disabled" | "fillPlacement" | "fullRangeMax" | "fullRangeMin" | "keyboardLargeStep" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, HTMLAttributes<ArcgisSlider> {
+interface PreactArcgisSlider extends Partial<Pick<ArcgisSlider, "allowValuesOverlap" | "autoDestroyDisabled" | "disabled" | "fillPlacement" | "fullRangeMax" | "fullRangeMin" | "keyboardLargeStep" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverDisplay" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values" | "valuesDraggingDisabled">>, HTMLAttributes<ArcgisSlider> {
   onarcgisActiveValueChange?: EventHandler<ArcgisSlider["arcgisActiveValueChange"]>;
   onarcgisChange?: EventHandler<ArcgisSlider["arcgisChange"]>;
   onarcgisInput?: EventHandler<ArcgisSlider["arcgisInput"]>;
@@ -115,12 +117,19 @@ interface PreactArcgisSliderField extends Partial<Pick<ArcgisSliderField, "disab
   onarcgisRangeChange?: EventHandler<ArcgisSliderField["arcgisRangeChange"]>;
 }
 
+interface PreactArcgisSliderHistogramRange extends Partial<Pick<ArcgisSliderHistogramRange, "average" | "bins" | "dataLines" | "excludedBarColor" | "fieldType" | "fillPlacement" | "includedBarColor" | "label" | "labelFormatter" | "layout" | "max" | "min" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "showRangeLabels" | "standardDeviation" | "standardDeviationCount" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "values">>, HTMLAttributes<ArcgisSliderHistogramRange> {
+  onarcgisActiveValueChange?: EventHandler<ArcgisSliderHistogramRange["arcgisActiveValueChange"]>;
+  onarcgisChange?: EventHandler<ArcgisSliderHistogramRange["arcgisChange"]>;
+  onarcgisInput?: EventHandler<ArcgisSliderHistogramRange["arcgisInput"]>;
+  onarcgisRangeChange?: EventHandler<ArcgisSliderHistogramRange["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"]>;
 }
 
-interface PreactArcgisTicks extends Partial<Pick<ArcgisTicks, "interactive" | "interpolationExponent" | "labelFormatter" | "labelPlacement" | "layout" | "max" | "min" | "mirrored" | "mode" | "showBaseline" | "showLabels" | "values">>, HTMLAttributes<ArcgisTicks> {
+interface PreactArcgisTicks extends Partial<Pick<ArcgisTicks, "autoDestroyDisabled" | "interactive" | "interpolationExponent" | "labelFormatter" | "labelPlacement" | "layout" | "max" | "min" | "mirrored" | "mode" | "showBaseline" | "showLabels" | "values">>, HTMLAttributes<ArcgisTicks> {
   onarcgisTickClick?: EventHandler<ArcgisTicks["arcgisTickClick"]>;
 }
 
@@ -145,6 +154,9 @@ interface PreactArcgisToolbarMoreButton extends Partial<Pick<ArcgisToolbarMoreBu
 interface PreactArcgisToolbarSplitButton extends Partial<Pick<ArcgisToolbarSplitButton, "menuAppearance" | "overflowActionLabel" | "priority">>, HTMLAttributes<ArcgisToolbarSplitButton> {
 }
 
+interface PreactArcgisToolbarStack extends Partial<Pick<ArcgisToolbarStack, "layout" | "relativePosition" | "scale" | "toolbarKind" | "tooltipAppearance">>, HTMLAttributes<ArcgisToolbarStack> {
+}
+
 interface PreactArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesList, "fieldName" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view" | "visualizationSource">>, HTMLAttributes<ArcgisUniqueValuesList> {
   onarcgisChange?: EventHandler<ArcgisUniqueValuesList["arcgisChange"]>;
   onarcgisLoad?: EventHandler<ArcgisUniqueValuesList["arcgisLoad"]>;
@@ -195,6 +207,7 @@ declare module 'preact' {
       "arcgis-ramp-opacity": PreactArcgisRampOpacity;
       "arcgis-slider": PreactArcgisSlider;
       "arcgis-slider-field": PreactArcgisSliderField;
+      "arcgis-slider-histogram-range": PreactArcgisSliderHistogramRange;
       "arcgis-slider-input": PreactArcgisSliderInput;
       "arcgis-ticks": PreactArcgisTicks;
       "arcgis-toolbar": PreactArcgisToolbar;
@@ -203,6 +216,7 @@ declare module 'preact' {
       "arcgis-toolbar-item": PreactArcgisToolbarItem;
       "arcgis-toolbar-more-button": PreactArcgisToolbarMoreButton;
       "arcgis-toolbar-split-button": PreactArcgisToolbarSplitButton;
+      "arcgis-toolbar-stack": PreactArcgisToolbarStack;
       "arcgis-unique-values-list": PreactArcgisUniqueValuesList;
       "arcgis-value-picker": PreactArcgisValuePicker;
       "arcgis-value-picker-collection": PreactArcgisValuePickerCollection;
@@ -228,6 +242,7 @@ declare module 'preact' {
       "arcgis-ramp-opacity": PreactArcgisRampOpacity;
       "arcgis-slider": PreactArcgisSlider;
       "arcgis-slider-field": PreactArcgisSliderField;
+      "arcgis-slider-histogram-range": PreactArcgisSliderHistogramRange;
       "arcgis-slider-input": PreactArcgisSliderInput;
       "arcgis-ticks": PreactArcgisTicks;
       "arcgis-toolbar": PreactArcgisToolbar;
@@ -236,6 +251,7 @@ declare module 'preact' {
       "arcgis-toolbar-item": PreactArcgisToolbarItem;
       "arcgis-toolbar-more-button": PreactArcgisToolbarMoreButton;
       "arcgis-toolbar-split-button": PreactArcgisToolbarSplitButton;
+      "arcgis-toolbar-stack": PreactArcgisToolbarStack;
       "arcgis-unique-values-list": PreactArcgisUniqueValuesList;
       "arcgis-value-picker": PreactArcgisValuePicker;
       "arcgis-value-picker-collection": PreactArcgisValuePickerCollection;

package/dist/types/react.d.ts

@@ -14,6 +14,7 @@ import type { ArcgisRampColorBreak } from "../components/arcgis-ramp-color-break
 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 { ArcgisSliderHistogramRange } from "../components/arcgis-slider-histogram-range/customElement.js";
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
 import type { ArcgisToolbar } from "../components/arcgis-toolbar/customElement.js";
@@ -22,6 +23,7 @@ import type { ArcgisToolbarGroup } from "../components/arcgis-toolbar-group/cust
 import type { ArcgisToolbarItem } from "../components/arcgis-toolbar-item/customElement.js";
 import type { ArcgisToolbarMoreButton } from "../components/arcgis-toolbar-more-button/customElement.js";
 import type { ArcgisToolbarSplitButton } from "../components/arcgis-toolbar-split-button/customElement.js";
+import type { ArcgisToolbarStack } from "../components/arcgis-toolbar-stack/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";
@@ -101,7 +103,7 @@ interface ReactArcgisRampColorBreak extends Partial<Pick<ArcgisRampColorBreak, "
 interface ReactArcgisRampOpacity extends Partial<Pick<ArcgisRampOpacity, "fillColor" | "layout" | "max" | "min" | "stops">>, HTMLProps<ArcgisRampOpacity> {
 }
 
-interface ReactArcgisSlider extends Partial<Pick<ArcgisSlider, "allowValuesOverlap" | "autoDestroyDisabled" | "disabled" | "fillPlacement" | "fullRangeMax" | "fullRangeMin" | "keyboardLargeStep" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, HTMLProps<ArcgisSlider> {
+interface ReactArcgisSlider extends Partial<Pick<ArcgisSlider, "allowValuesOverlap" | "autoDestroyDisabled" | "disabled" | "fillPlacement" | "fullRangeMax" | "fullRangeMin" | "keyboardLargeStep" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverDisplay" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values" | "valuesDraggingDisabled">>, HTMLProps<ArcgisSlider> {
   onarcgisActiveValueChange?: EventHandler<ArcgisSlider["arcgisActiveValueChange"]>;
   onarcgisChange?: EventHandler<ArcgisSlider["arcgisChange"]>;
   onarcgisInput?: EventHandler<ArcgisSlider["arcgisInput"]>;
@@ -115,12 +117,19 @@ interface ReactArcgisSliderField extends Partial<Pick<ArcgisSliderField, "disabl
   onarcgisRangeChange?: EventHandler<ArcgisSliderField["arcgisRangeChange"]>;
 }
 
+interface ReactArcgisSliderHistogramRange extends Partial<Pick<ArcgisSliderHistogramRange, "average" | "bins" | "dataLines" | "excludedBarColor" | "fieldType" | "fillPlacement" | "includedBarColor" | "label" | "labelFormatter" | "layout" | "max" | "min" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "showRangeLabels" | "standardDeviation" | "standardDeviationCount" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "values">>, HTMLProps<ArcgisSliderHistogramRange> {
+  onarcgisActiveValueChange?: EventHandler<ArcgisSliderHistogramRange["arcgisActiveValueChange"]>;
+  onarcgisChange?: EventHandler<ArcgisSliderHistogramRange["arcgisChange"]>;
+  onarcgisInput?: EventHandler<ArcgisSliderHistogramRange["arcgisInput"]>;
+  onarcgisRangeChange?: EventHandler<ArcgisSliderHistogramRange["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"]>;
 }
 
-interface ReactArcgisTicks extends Partial<Pick<ArcgisTicks, "interactive" | "interpolationExponent" | "labelFormatter" | "labelPlacement" | "layout" | "max" | "min" | "mirrored" | "mode" | "showBaseline" | "showLabels" | "values">>, HTMLProps<ArcgisTicks> {
+interface ReactArcgisTicks extends Partial<Pick<ArcgisTicks, "autoDestroyDisabled" | "interactive" | "interpolationExponent" | "labelFormatter" | "labelPlacement" | "layout" | "max" | "min" | "mirrored" | "mode" | "showBaseline" | "showLabels" | "values">>, HTMLProps<ArcgisTicks> {
   onarcgisTickClick?: EventHandler<ArcgisTicks["arcgisTickClick"]>;
 }
 
@@ -145,6 +154,9 @@ interface ReactArcgisToolbarMoreButton extends Partial<Pick<ArcgisToolbarMoreBut
 interface ReactArcgisToolbarSplitButton extends Partial<Pick<ArcgisToolbarSplitButton, "menuAppearance" | "overflowActionLabel" | "priority">>, HTMLProps<ArcgisToolbarSplitButton> {
 }
 
+interface ReactArcgisToolbarStack extends Partial<Pick<ArcgisToolbarStack, "layout" | "relativePosition" | "scale" | "toolbarKind" | "tooltipAppearance">>, HTMLProps<ArcgisToolbarStack> {
+}
+
 interface ReactArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesList, "fieldName" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view" | "visualizationSource">>, HTMLProps<ArcgisUniqueValuesList> {
   onarcgisChange?: EventHandler<ArcgisUniqueValuesList["arcgisChange"]>;
   onarcgisLoad?: EventHandler<ArcgisUniqueValuesList["arcgisLoad"]>;
@@ -195,6 +207,7 @@ declare module "react" {
       "arcgis-ramp-opacity": ReactArcgisRampOpacity;
       "arcgis-slider": ReactArcgisSlider;
       "arcgis-slider-field": ReactArcgisSliderField;
+      "arcgis-slider-histogram-range": ReactArcgisSliderHistogramRange;
       "arcgis-slider-input": ReactArcgisSliderInput;
       "arcgis-ticks": ReactArcgisTicks;
       "arcgis-toolbar": ReactArcgisToolbar;
@@ -203,6 +216,7 @@ declare module "react" {
       "arcgis-toolbar-item": ReactArcgisToolbarItem;
       "arcgis-toolbar-more-button": ReactArcgisToolbarMoreButton;
       "arcgis-toolbar-split-button": ReactArcgisToolbarSplitButton;
+      "arcgis-toolbar-stack": ReactArcgisToolbarStack;
       "arcgis-unique-values-list": ReactArcgisUniqueValuesList;
       "arcgis-value-picker": ReactArcgisValuePicker;
       "arcgis-value-picker-collection": ReactArcgisValuePickerCollection;
@@ -230,6 +244,7 @@ declare module "react/jsx-runtime" {
       "arcgis-ramp-opacity": ReactArcgisRampOpacity;
       "arcgis-slider": ReactArcgisSlider;
       "arcgis-slider-field": ReactArcgisSliderField;
+      "arcgis-slider-histogram-range": ReactArcgisSliderHistogramRange;
       "arcgis-slider-input": ReactArcgisSliderInput;
       "arcgis-ticks": ReactArcgisTicks;
       "arcgis-toolbar": ReactArcgisToolbar;
@@ -238,6 +253,7 @@ declare module "react/jsx-runtime" {
       "arcgis-toolbar-item": ReactArcgisToolbarItem;
       "arcgis-toolbar-more-button": ReactArcgisToolbarMoreButton;
       "arcgis-toolbar-split-button": ReactArcgisToolbarSplitButton;
+      "arcgis-toolbar-stack": ReactArcgisToolbarStack;
       "arcgis-unique-values-list": ReactArcgisUniqueValuesList;
       "arcgis-value-picker": ReactArcgisValuePicker;
       "arcgis-value-picker-collection": ReactArcgisValuePickerCollection;
@@ -265,6 +281,7 @@ declare module "react/jsx-dev-runtime" {
       "arcgis-ramp-opacity": ReactArcgisRampOpacity;
       "arcgis-slider": ReactArcgisSlider;
       "arcgis-slider-field": ReactArcgisSliderField;
+      "arcgis-slider-histogram-range": ReactArcgisSliderHistogramRange;
       "arcgis-slider-input": ReactArcgisSliderInput;
       "arcgis-ticks": ReactArcgisTicks;
       "arcgis-toolbar": ReactArcgisToolbar;
@@ -273,6 +290,7 @@ declare module "react/jsx-dev-runtime" {
       "arcgis-toolbar-item": ReactArcgisToolbarItem;
       "arcgis-toolbar-more-button": ReactArcgisToolbarMoreButton;
       "arcgis-toolbar-split-button": ReactArcgisToolbarSplitButton;
+      "arcgis-toolbar-stack": ReactArcgisToolbarStack;
       "arcgis-unique-values-list": ReactArcgisUniqueValuesList;
       "arcgis-value-picker": ReactArcgisValuePicker;
       "arcgis-value-picker-collection": ReactArcgisValuePickerCollection;

package/dist/types/stencil.d.ts

@@ -14,6 +14,7 @@ import type { ArcgisRampColorBreak } from "../components/arcgis-ramp-color-break
 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 { ArcgisSliderHistogramRange } from "../components/arcgis-slider-histogram-range/customElement.js";
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
 import type { ArcgisToolbar } from "../components/arcgis-toolbar/customElement.js";
@@ -22,6 +23,7 @@ import type { ArcgisToolbarGroup } from "../components/arcgis-toolbar-group/cust
 import type { ArcgisToolbarItem } from "../components/arcgis-toolbar-item/customElement.js";
 import type { ArcgisToolbarMoreButton } from "../components/arcgis-toolbar-more-button/customElement.js";
 import type { ArcgisToolbarSplitButton } from "../components/arcgis-toolbar-split-button/customElement.js";
+import type { ArcgisToolbarStack } from "../components/arcgis-toolbar-stack/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";
@@ -101,7 +103,7 @@ interface StencilArcgisRampColorBreak extends Partial<Pick<ArcgisRampColorBreak,
 interface StencilArcgisRampOpacity extends Partial<Pick<ArcgisRampOpacity, "fillColor" | "layout" | "max" | "min" | "stops">>, StencilJsx.HTMLAttributes<ArcgisRampOpacity> {
 }
 
-interface StencilArcgisSlider extends Partial<Pick<ArcgisSlider, "allowValuesOverlap" | "autoDestroyDisabled" | "disabled" | "fillPlacement" | "fullRangeMax" | "fullRangeMin" | "keyboardLargeStep" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, StencilJsx.HTMLAttributes<ArcgisSlider> {
+interface StencilArcgisSlider extends Partial<Pick<ArcgisSlider, "allowValuesOverlap" | "autoDestroyDisabled" | "disabled" | "fillPlacement" | "fullRangeMax" | "fullRangeMin" | "keyboardLargeStep" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverDisplay" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values" | "valuesDraggingDisabled">>, StencilJsx.HTMLAttributes<ArcgisSlider> {
   onArcgisActiveValueChange?: EventHandler<ArcgisSlider["arcgisActiveValueChange"]>;
   onArcgisChange?: EventHandler<ArcgisSlider["arcgisChange"]>;
   onArcgisInput?: EventHandler<ArcgisSlider["arcgisInput"]>;
@@ -115,12 +117,19 @@ interface StencilArcgisSliderField extends Partial<Pick<ArcgisSliderField, "disa
   onArcgisRangeChange?: EventHandler<ArcgisSliderField["arcgisRangeChange"]>;
 }
 
+interface StencilArcgisSliderHistogramRange extends Partial<Pick<ArcgisSliderHistogramRange, "average" | "bins" | "dataLines" | "excludedBarColor" | "fieldType" | "fillPlacement" | "includedBarColor" | "label" | "labelFormatter" | "layout" | "max" | "min" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "showRangeLabels" | "standardDeviation" | "standardDeviationCount" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "values">>, StencilJsx.HTMLAttributes<ArcgisSliderHistogramRange> {
+  onArcgisActiveValueChange?: EventHandler<ArcgisSliderHistogramRange["arcgisActiveValueChange"]>;
+  onArcgisChange?: EventHandler<ArcgisSliderHistogramRange["arcgisChange"]>;
+  onArcgisInput?: EventHandler<ArcgisSliderHistogramRange["arcgisInput"]>;
+  onArcgisRangeChange?: EventHandler<ArcgisSliderHistogramRange["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"]>;
 }
 
-interface StencilArcgisTicks extends Partial<Pick<ArcgisTicks, "interactive" | "interpolationExponent" | "labelFormatter" | "labelPlacement" | "layout" | "max" | "min" | "mirrored" | "mode" | "showBaseline" | "showLabels" | "values">>, StencilJsx.HTMLAttributes<ArcgisTicks> {
+interface StencilArcgisTicks extends Partial<Pick<ArcgisTicks, "autoDestroyDisabled" | "interactive" | "interpolationExponent" | "labelFormatter" | "labelPlacement" | "layout" | "max" | "min" | "mirrored" | "mode" | "showBaseline" | "showLabels" | "values">>, StencilJsx.HTMLAttributes<ArcgisTicks> {
   onArcgisTickClick?: EventHandler<ArcgisTicks["arcgisTickClick"]>;
 }
 
@@ -145,6 +154,9 @@ interface StencilArcgisToolbarMoreButton extends Partial<Pick<ArcgisToolbarMoreB
 interface StencilArcgisToolbarSplitButton extends Partial<Pick<ArcgisToolbarSplitButton, "menuAppearance" | "overflowActionLabel" | "priority">>, StencilJsx.HTMLAttributes<ArcgisToolbarSplitButton> {
 }
 
+interface StencilArcgisToolbarStack extends Partial<Pick<ArcgisToolbarStack, "layout" | "relativePosition" | "scale" | "toolbarKind" | "tooltipAppearance">>, StencilJsx.HTMLAttributes<ArcgisToolbarStack> {
+}
+
 interface StencilArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesList, "fieldName" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view" | "visualizationSource">>, StencilJsx.HTMLAttributes<ArcgisUniqueValuesList> {
   onArcgisChange?: EventHandler<ArcgisUniqueValuesList["arcgisChange"]>;
   onArcgisLoad?: EventHandler<ArcgisUniqueValuesList["arcgisLoad"]>;
@@ -193,6 +205,7 @@ interface ExposedElements {
   "arcgis-ramp-opacity": StencilArcgisRampOpacity;
   "arcgis-slider": StencilArcgisSlider;
   "arcgis-slider-field": StencilArcgisSliderField;
+  "arcgis-slider-histogram-range": StencilArcgisSliderHistogramRange;
   "arcgis-slider-input": StencilArcgisSliderInput;
   "arcgis-ticks": StencilArcgisTicks;
   "arcgis-toolbar": StencilArcgisToolbar;
@@ -201,6 +214,7 @@ interface ExposedElements {
   "arcgis-toolbar-item": StencilArcgisToolbarItem;
   "arcgis-toolbar-more-button": StencilArcgisToolbarMoreButton;
   "arcgis-toolbar-split-button": StencilArcgisToolbarSplitButton;
+  "arcgis-toolbar-stack": StencilArcgisToolbarStack;
   "arcgis-unique-values-list": StencilArcgisUniqueValuesList;
   "arcgis-value-picker": StencilArcgisValuePicker;
   "arcgis-value-picker-collection": StencilArcgisValuePickerCollection;

package/dist/utils/types.d.ts

@@ -49,6 +49,19 @@ export interface PickListFieldInfo {
   showDeleteAction?: boolean;
 }
 
+/**
+ * A non-selectable field that opens a list of selectable fields.
+ *
+ * @internal
+ */
+export interface PickListFieldInfoWithSubFields {
+  name: Field["name"];
+  alias?: Field["alias"];
+  type: string;
+  description?: Field["description"];
+  subFieldInfos: PickListFieldInfo[];
+}
+
 /**
  * @deprecated - use PickListFieldInfo instead
  * @internal
@@ -62,5 +75,5 @@ export type IPickListFieldInfo = PickListFieldInfo;
  */
 export interface PickListGroupInfo {
   title?: string;
-  fields: PickListFieldInfo[];
+  fields: PickListFieldInfo[] | PickListFieldInfoWithSubFields[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/common-components",
-  "version": "5.2.0-next.98",
+  "version": "6.0.0-next.0",
   "description": "ArcGIS Maps SDK for JavaScript common components",
   "keywords": [
     "2D",
@@ -45,16 +45,17 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@arcgis/lumina": "5.2.0-next.98",
-    "@arcgis/toolkit": "5.2.0-next.98",
-    "@esri/arcgis-html-sanitizer": "~4.1.0",
+    "@arcgis/lumina": "6.0.0-next.0",
+    "@arcgis/lumina-toolkit": "6.0.0-next.0",
+    "@arcgis/toolkit": "6.0.0-next.0",
+    "@esri/arcgis-html-sanitizer": "~4.2.0-next.2",
     "@lit/task": "^1.0.3",
     "lit": "^3.3.0",
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
-    "@arcgis/core": "5.2.0-next.98",
-    "@esri/calcite-components": "^5.2.0-next.65"
+    "@arcgis/core": "6.0.0-next.0",
+    "@esri/calcite-components": "^5.2.0-next.89"
   },
   "css.customData": [
     "dist/docs/vscode.css-custom-data.json"

package/dist/cdn/2PEF5AVV.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{B as a,C as s,D as c,E as d,J as p,h as u,j as n,s as h}from"./KMEK46VM.js";export default $arcgis.t(([{formatNumber:m}])=>{var _=u`:host{display:block}:host([hidden]){display:none}.content{display:flex;flex-direction:column}.readOnlyLabel{display:block;font-size:var(--calcite-font-size-sm);font-variant-numeric:tabular-nums;line-height:var(--calcite-font-line-height-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:.5rem;padding-block:3px;border-color:var(--calcite-color-transparent);border-style:solid;border-width:var(--calcite-button-border-size, 1px);color:var(--calcite-color-text-1)}:host(:not([read-only])) .readOnlyLabel{position:absolute;opacity:0}:host([alignment="start"]){.content{align-items:start}.readOnlyLabel{text-align:start}}:host([alignment="end"]){.content{align-items:end}.readOnlyLabel{text-align:end}}:host([alignment="center"]){.content{align-items:center}.readOnlyLabel{text-align:center}}calcite-button{inline-size:100%;--calcite-offset-invert-focus: 1;--calcite-internal-animation-timing-fast: 0}calcite-input-number{inline-size:100%;--calcite-internal-animation-timing-fast: 0}`,l=class extends c{constructor(){super(...arguments),this._buttonRef=a(),this._inputRef=a(),this._labelRef=a(),this._formatOptions={style:"decimal",useGrouping:!0,minimumFractionDigits:0,maximumFractionDigits:2},this._formatValue=t=>m(t,this._formatOptions),this._pointerDownPosition=null,this._displayedValue="",this._editing=!1,this.alignment="center",this.readOnly=!1,this.value=0,this.arcgisChange=h({cancelable:!1})}static{this.properties={_displayedValue:16,_editing:16,alignment:3,editing:39,labelFormatter:0,readOnly:7,value:11}}static{this.styles=_}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}get editing(){return this._editing}async edit(){this._enterEdit()}getLabelBoundingClientRect(){return this._labelRef.value?this._labelRef.value.getBoundingClientRect():this.el.getBoundingClientRect()}willUpdate(t){if(t.has("value")||t.has("labelFormatter")){let e=this.value;this._displayedValue=this._internalLabelFormatter(e)}}updated(t){let e=this._inputRef.value,i=this._buttonRef.value,o=this.renderRoot.querySelector(".readOnlyLabel");if(e&&i&&o){let r=o.offsetWidth;i.style.width=`${r}px`,e.style.width=`${r}px`}}_enterEdit(){this._editing||this.readOnly||(this._editing=!0,this.requestUpdate("editing",!1),this.updateComplete.then(async()=>{let t=this._inputRef.value;await t?.setFocus(),await t?.selectText()}))}_exitEdit(t,e=!1){this._editing&&(t&&this._commitValue(this._inputRef.value),this._displayedValue=this._internalLabelFormatter(this.value),this._inputRef.value&&(this._inputRef.value.value=`${this.value}`),this._editing=!1,this.requestUpdate("editing",!0),e||this.updateComplete.then(async()=>{await this._buttonRef.value?.setFocus()}))}_commitValue(t){let e=this._parseNumber(t?.value??"");e!==null&&this.value!==e&&(this.value=e,this.arcgisChange.emit())}_parseNumber(t){if(t.trim()==="")return null;let e=Number(t);return Number.isFinite(e)?e:this.value??null}_internalLabelFormatter(t){let e=this.labelFormatter;return e?e(t,this._formatValue)??this._formatValue(t):this._formatValue(t)}_onBlur(){this._exitEdit(!0,!0)}_onValueChange(t){this._commitValue(t.currentTarget)}_onKeyDown(t){t.key==="Enter"?(this._exitEdit(!0),t.stopPropagation(),t.preventDefault()):t.key==="Escape"&&(this._exitEdit(!1),t.stopPropagation(),t.preventDefault())}_onPointerDown(t){this._pointerDownPosition={x:t.clientX,y:t.clientY}}_onClick(t){if(this._pointerDownPosition){let e=t.clientX-this._pointerDownPosition.x,i=t.clientY-this._pointerDownPosition.y;if(Math.sqrt(e*e+i*i)>2)return}this._enterEdit(),this._pointerDownPosition=null}_onInput(t){let e=this._parseNumber(t.currentTarget.value??"");if(e===null){this._displayedValue="";return}this._displayedValue=this._internalLabelFormatter(e)}render(){let{alignment:t,_displayedValue:e}=this,i=[n`<span class="readOnlyLabel"><span ${s(this._labelRef)}>${e}</span></span>`];return this.readOnly||i.push(n`<calcite-button .alignment=${t} appearance=transparent .hidden=${this._editing} kind=neutral @pointerdown=${this._onPointerDown} @click=${this._onClick} scale=s width=full ${s(this._buttonRef)}>${e}</calcite-button>`,n`<calcite-input-number .alignment=${t} group-separator .hidden=${!this._editing} number-button-type=none @calciteInputNumberChange=${this._onValueChange} @keydown=${this._onKeyDown} @blur=${this._onBlur} @input=${this._onInput} scale=s status=idle .value=${`${this.value}`} ${s(this._inputRef)}></calcite-input-number>`),n`<div class=${d({content:!0})}>${i}</div>`}};p("arcgis-label-input",l);return l},"intl")

package/dist/cdn/3CGEPM2G.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"./AFHSFRPM.js";import"./FEREAY2X.js";import"./TWW63D32.js";import{B as O,C as w,D as $,J as L,h as T,j as _,s as h}from"./KMEK46VM.js";var z=T`: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),r=Date.UTC(i,s-1,a),l=new Date(r);if(!(l.getUTCFullYear()!==i||l.getUTCMonth()!==s-1||l.getUTCDate()!==a))return r}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,r=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+r}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),r=t%1e3,l=`${g(i)}:${g(s)}:${g(a)}`;return r>0?`${l}.${r.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 g(n){return n.toString().padStart(2,"0")}function x(n,e,t,i){let s=t??(n.length>0?Math.max(...n):i);return{min:e??Math.min(s-30*u,...n),max:s}}var F={min:-32768,max:32767},c={min:-2147483648,max:2147483647},S={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:c.max},U={"small-integer":()=>new m({type:"small-integer",precision:0,integer:!0,minimum:F.min,maximum:F.max}),integer:()=>new m({type:"integer",precision:0,integer:!0,minimum:c.min,maximum:c.max}),"big-integer":()=>new m({type:"big-integer",precision:0,integer:!0,minimum:S.min,maximum:S.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:c.min,maximum:c.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(n){return U[n]()}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.arcgisActiveValueChange=h({cancelable:!1}),this.arcgisChange=h({cancelable:!1}),this.arcgisInput=h({cancelable:!1}),this.arcgisRangeChange=h({cancelable:!1})}static{this.properties={_strategy:16,activeValue:32,disabled:5,fieldType:1,fillPlacement:1,label:1,labelFormatter:0,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")||e.has("labelFormatter"))&&(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(t,i,s)=>{let a=r=>this._strategy.format(e,r,i,s)??s(r);return this.labelFormatter?.(t,i,a)??a(t)}}#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,r=Number.isFinite(s)?s:void 0;a!=null&&r!=null&&a>=r&&(a=void 0,r=void 0);let l=t.resolveRange(e,a,r);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(r=>this._strategy.serialize(r)).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 _`<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};

package/dist/cdn/3NPK3XHQ.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{e as w,g as x,o as E,p as D}from"./Z5QBBHLD.js";import{a as B,b as f,c as T}from"./BGE7ETFU.js";import{a as A}from"./AFHSFRPM.js";import"./FEREAY2X.js";import"./TWW63D32.js";import{a as C}from"./VENSWYOD.js";import{B as R,C as U,D as H,J as _,h as O,j as Z,n as $,o as F,s as I}from"./KMEK46VM.js";export default $arcgis.t(([{formatDate:N,convertDateFormatToIntlOptions:y,formatDateOnly:ie,formatTimeOnly:se,formatTimestamp:M,formatNumber:ae},ne,K,{clone:S}])=>{function W(i){return new Date(`1970-01-01T${i}Z`).getTime()}function P(i){return new Date(`${i} 00:00:00`).getTime()}function oe(i,e,s){let t;return e==="unknown"?t=N(i,{...y("short-date-short-time"),timeZone:"utc",timeZoneName:"shortOffset"}):t=N(i,{...y("short-date-short-time"),timeZone:e}),t}function le(i){return i?ie(i,y("short-date")):""}function re(i){let e;return typeof i=="string"?e=se(i,y("short-date-long-time")):e=N(i,{...y("long-time"),timeZone:"utc"}),e}function ue(i,e){return typeof i=="string"?e&&"timeZone"in e&&e.timeZone==="unknown"?M(i,{...y("short-date-short-time"),timeZone:"utc",timeZoneName:"shortOffset"}):M(i,{...y("short-date-short-time"),timeZone:e&&"timeZone"in e&&e.timeZone?e.timeZone:"system"}):e&&"timeZone"in e&&e.timeZone==="unknown"?N(i,{...y("short-date-short-time"),timeZone:"utc",timeZoneName:"shortOffset"}):N(i,{...y("short-date-short-time"),timeZone:e&&"timeZone"in e&&e.timeZone?e.timeZone:"system"})}function j(i,e,s){if(!w(i)&&!D(i)&&!E(i)&&!x(i))return;let t;return T(i,s).fields.forEach(l=>{let a=l.name,c="domain"in l?l.domain:void 0;if(!x(i)&&i.subtypeField===a){let m;E(i)||w(i)?m=i.subtypes:m=i.parent.subtypes,m.forEach(r=>{D(i)&&i.subtypeCode!==r.code||(e.name===a&&(t=t||[],t.push({code:r.code,name:r.name})),r.domains&&Object.keys(r.domains).forEach(n=>{if(e.name===n){let o=r.domains[n];o?.type==="coded-value"&&o?.codedValues&&o.codedValues.forEach(u=>{let d=!1;t=t||[],t.forEach(g=>{g.code===u.code&&(d=!0,`| ${g.name} |`.includes(`| ${u.name} |`)||(g.name+=` | ${u.name}`))}),d||t.push({code:u.code,name:u.name})})}}))})}if(e.name===a&&(w(i)||x(i))){let m=w(i)?i.typeIdField:void 0,r=w(i)?i.types:void 0;w(i)&&m&&r?(m===a?t=r.map(n=>({code:n.id,name:n.name})):(t=t||[],r.forEach(n=>{if(!n.domains?.[a]||n.domains[a].type==="inherited"){let o=c;o?.codedValues&&o.codedValues.forEach(u=>{let d=!1;t.forEach(g=>{g.code===u.code&&(d=!0,`| ${g.name} |`.includes(`| ${u.name} |`)||(g.name+=` | ${u.name}`))}),d||t.push(S(u))})}else n.domains?.[a]?.codedValues&&n.domains[a].codedValues.forEach(o=>{let u=!1;t.forEach(d=>{d.code===o.code&&(u=!0,`| ${d.name} |`.includes(`| ${o.name} |`)||(d.name+=` | ${o.name}`))}),u||t.push(S(o))})})),!t?.length&&c?.codedValues&&(t=S(c.codedValues))):c?.codedValues&&(t=c.codedValues)}}),t}function L(i,e){let s=e;if(s){let t="";for(let l=0;l<s.length;l++){let a=s[l];a.code==i&&(t+=(t.length?" | ":"")+a.name)}return t.length||(t=`${i}`),t}return i}function G(i){return["small-integer","big-integer","integer","single","double","long"].includes(i.type)}function J(i){switch(i.type){case"small-integer":case"big-integer":case"integer":case"single":case"double":case"long":return"number";case"blob":case"geometry":case"global-id":case"guid":case"oid":case"raster":case"xml":return;default:return i.type}}var de=O`:host{width:100%}.container{min-height:30px}.popover-unique-list{width:100%;overflow-y:auto}.unique-values-content-list-msg{font-size:75%;margin:5px}.count{padding:0 6px;font-size:smaller;white-space:nowrap}`,k=class extends H{constructor(){super(...arguments),this.dropdownNode=R(),this.initialized=!1,this._messages=A({blocking:!0}),this._propWatcherTask=new B(this,{task:async([e,s,t])=>{let l=f(e)&&f(s)||f(t);if(!f(t)&&!f(e)&&!f(s)?$("error",this,F("uniqueValues")):f(t)||(f(e)||$("error",this,F("layer")),f(s)||$("error",this,F("fieldName"))),f(e)&&f(s)){let{visualizationSource:a}=this;if(!T(e,a).fields?.filter(c=>c.name===s))throw $("error",this,"Field could not be found."),new Error}if(!l)throw new Error;await this.processProps(),this._propWatcherTask.autoRun=!1},args:()=>[this.layer,this.fieldName,this.uniqueValues]}),this.initialRender=!0,this.multiple=!1,this.partialUniqueValues=!1,this.showFilterLength=10,this.arcgisChange=I(),this.arcgisSortByChange=I(),this.arcgisLoad=I()}static{this.properties={initialRender:16,view:0,layer:0,visualizationSource:1,fieldName:1,uniqueValues:0,numberFormatOptions:0,selectedValues:0,sortBy:1,multiple:5,partialUniqueValues:5,showFilterLength:9,maxHeight:9}}static{this.styles=de}async setFocus(){this.listNode?.setFocus()}async getUniqueValues(){let{fieldInfo:e}=this;if(f(e?.uniqueValueInfos)){let{uniqueValueInfos:s,partialUniqueValues:t}=e;return{uniqueValues:s,partialUniqueValues:t}}}loaded(){this.layer&&this.fieldInfo&&(setTimeout(()=>this.initialRender=!1,800),this.listNode?.setFocus())}async willUpdate(e){this.initialized&&(e.has("layer")||e.has("visualizationSource")||e.has("fieldName")||e.has("uniqueValues"))&&(await this.processProps(),this.requestUpdate()),e.has("maxHeight")&&this.maxHeight&&this.listNode?.setAttribute("style",`max-height: ${this.maxHeight||400}px`)}async processProps(){let{layer:e,fieldName:s,view:t,visualizationSource:l}=this,a=(e?T(e,l):void 0)?.fields?.filter(c=>c.name===s)?.[0];if(!a){$("error",this,`Field '${s}' not found in layer`),this.fieldInfo={layerField:a,fieldDomains:void 0,simpleType:void 0,partialUniqueValues:!1,uniqueValueInfos:[]};return}if(f(this.uniqueValues))this.fieldInfo={layerField:a,fieldDomains:e&&a?j(e,a,l):void 0,simpleType:e&&a?J(a):void 0,partialUniqueValues:this.partialUniqueValues??!1,uniqueValueInfos:this.uniqueValues},this.arcgisLoad.emit();else if(e&&a){this.fieldInfo={layerField:a,fieldDomains:j(e,a,l),simpleType:J(a),partialUniqueValues:!1};let{fieldInfo:c}=this;try{let m=await ne({layer:e,view:t,field:s,sqlWhere:"definitionExpression"in e?e.definitionExpression??void 0:void 0,forBinning:l==="feature-reduction"}),r=G(a),n=m.uniqueValueInfos.filter(o=>f(o.value)?a.type==="string"&&!r||a.type==="guid"?o.value!=="<Null>"&&`${o.value}`.trim()!=="":(G(a)||a.type,o.value!=="<Null>"&&o.value!==""):!1);n.sort((o,u)=>o.count>u.count?-1:o.count<u.count?1:0),c.fieldDomains?.length&&c.fieldDomains.forEach(o=>{n.find(u=>u.value===o.code)||n.push({value:o.code,count:0})}),c.uniqueValueInfos=n,c.partialUniqueValues=m.uniqueValueInfos.length===2e3,this.initialized||this.arcgisLoad.emit(),this.setUpTimeZoneHandle(),this.initialized=!0}catch(m){if($("error",this,`uniqueValues() - ${m.message}`),this.hasFieldDomains(c)){let r=[];c.fieldDomains.forEach(n=>{r.find(o=>o.value===n.code)||r.push({value:n.code,count:void 0})})}this.initialized=!0}setTimeout(()=>{this.initialRender=!1,this.listNode?.setFocus()},800)}}setListRef(e){let{maxHeight:s}=this;this.listNode=e,s&&e?.setAttribute("style",`max-height: ${s||400}px`)}onSortMenuSelect(e){let s=e.currentTarget.selectedItems?.[0].getAttribute("data-value");this.sortBy=s||void 0,this.arcgisSortByChange.emit(s||void 0)}setUpTimeZoneHandle(){this.timeZoneHandle?.remove();let{view:e,fieldInfo:s}=this;s.simpleType&&["date","timestamp-offset"].includes(s.simpleType)&&(this.timeZoneHandle=K.watch(()=>e?.timeZone,()=>this.requestUpdate()))}isSameLists(e,s){if(!e&&!s)return!0;if(!e||!s||e?.length!==s?.length)return!1;for(let t=0;t<e.length;t++)if(e[t]!==s[t])return!1;return!0}hasFieldDomains(e){return!!e.fieldDomains?.length}render(){return this._propWatcherTask.render({complete:()=>{let{fieldInfo:e,selectedValues:s,sortBy:t,multiple:l,initialRender:a,showFilterLength:c,_messages:m}=this,{fieldDomains:r,uniqueValueInfos:n,partialUniqueValues:o,layerField:u}=e,d=u?.type;if(!n?.length)return"";let g=d?["small-integer","big-integer","integer","single","double","long","oid"].includes(d):!1,Q=d?["date","date-only","time-only"].includes(d):!1,X=v=>{v.sort((h,p)=>h.count<=p.count?1:-1)},Y=v=>{let h=r?.length;v.sort((p,V)=>{if(!h&&g)return(typeof p.value=="string"?Number.parseFloat(p.value):p.value)-(typeof V.value=="string"?Number.parseFloat(V.value):V.value);{let q=h?L(p.value,r):p.label??p.value,b=h?L(V.value,r):V.label??V.value;return`${q}`.startsWith("_")?1:`${b}`.startsWith("_")?-1:`${q}`.localeCompare(`${b}`)}})},ee=(v,h)=>{v.sort((p,V)=>{let q=h?.indexOf(p.value)??-1,b=h?.indexOf(V.value)??-1;return q===b||q>-1&&b>-1?0:q>b?-1:1})};Y(n),!t||t==="count"?X(n):t==="selected"&&ee(n,s);let te=n.map(v=>this.renderUniqueValue(v)),z;return o&&!a&&(z=Z`<div class="unique-values-content-list-msg">${m.errors.tooManyUniqueValues}</div>`),Z`<div class="container"><calcite-list .label=${m.values} class="popover-unique-list" .filterEnabled=${n.length>=c} .selectionMode=${l?"multiple":"single"} .filterPlaceholder=${m.searchValues} @calciteListChange=${v=>{let h=v.currentTarget.selectedItems.map(p=>p.value);!r&&d==="date-only"?h=h?.map(p=>P(p)):!r&&d==="time-only"?h=h?.map(p=>W(p)):d&&["date","oid","small-integer","big-integer","integer","long"].includes(d)?h=h?.map(p=>Number.parseInt(p)):d&&["single","double"].includes(d)&&(h=h?.map(p=>Number.parseFloat(p))),!this.isSameLists(h,this.selectedValues)&&(this.selectedValues=h,this.arcgisChange.emit(h))}} @calciteListFilter=${()=>{this.dropdownNode.value&&(this.dropdownNode.value.disabled=this.listNode.filteredItems.length<4)}} ${U(this.setListRef)}>${n.length>=c&&!a?this.renderSort(g,Q):null}${te}</calcite-list>${z}</div>`},error:()=>""})}renderSort(e,s){let{sortBy:t,_messages:l}=this;return Z`<calcite-dropdown slot=filter-actions-end placement=bottom-end overlay-positioning=fixed @calciteDropdownSelect=${this.onSortMenuSelect} ${U(this.dropdownNode)}><calcite-action slot=trigger .label=${l.sortValues} text><calcite-icon scale=s icon=sortDescending flip-rtl></calcite-icon></calcite-action><calcite-dropdown-group><calcite-dropdown-item .selected=${t==="count"||!f(t)} data-value=count>${l.sortByCount}</calcite-dropdown-item><calcite-dropdown-item .selected=${t==="name"} data-value=name>${e||s?l.sortAscending:l.sortAlphabetical}</calcite-dropdown-item><calcite-dropdown-item .selected=${t==="selected"} data-value=selected>${l.sortSelected}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}renderUniqueValue(e){let{selectedValues:s,initialRender:t,view:l,fieldInfo:a,numberFormatOptions:c}=this,{fieldDomains:m,uniqueValueInfos:r,simpleType:n}=a,o=l&&"timeZone"in l&&l.timeZone||"system",u=m?.length?L(e.value,m):n==="date"?oe(e.value,o):n==="date-only"?le(e.value):n==="time-only"?re(e.value):n==="timestamp-offset"?ue(e.value,l):typeof e.value=="number"?ae(e.value,c):e.label??e.value,d=s?n==="date-only"?s.includes(m?.length?e.value:P(e.value)):n==="time-only"?s.includes(m?.length?e.value:W(e.value)):s.includes(e.value):!1;return C(`list-item_${e.value}`,Z`<calcite-list-item .label=${`${u}`} .value=${`${e.value}`} .selected=${d}>${f(e.count)&&(r.length>200&&!t||r.length<=200)?Z`<div class="count" slot=actions-end>${`${e.count}`}</div>`:null}</calcite-list-item>`)}};_("arcgis-unique-values-list",k);return k},"intl","smartMapping/statistics/uniqueValues","core/reactiveUtils","core/lang")

package/dist/cdn/3RMCUQWC.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{c as b}from"./27EUJ42B.js";import{a as m,b as g,c as i,d as f}from"./VCZLD7ZT.js";import{D as d,G as h,J as u,j as p}from"./KMEK46VM.js";var l=class extends d{constructor(){super(...arguments),this.#t=new MutationObserver(()=>this.#e()),this.preferEndSlot=!1,this.priority=m.Default}static{this.properties={_children:16,preferEndSlot:5,priority:9}}#r;#t;measure(t){let r=this._children;if(!r?.length)return[0];let o=i.groupSeparator+i.groupPadding[t.scale],s=r.map(e=>e.measure(t)).reduce((e,a)=>e.flatMap(n=>a.map(c=>n+c)),[0]);return b(s.map(e=>o+e))}proxiedRender(t,r){let o=this._children;if(!o)return;let s=this.preferEndSlot?"actions-end":void 0,e=r-i.groupPadding[t.scale]-i.groupSeparator,a=f(o,t,e);return p`<calcite-action-group .scale=${t.scale} .layout=${t.layout} slot=${s??h}>${a.map(({group:n,budget:c})=>n.proxiedRender(t,c))}</calcite-action-group>`}connectedCallback(){super.connectedCallback(),this.#t.observe(this.el,{childList:!0}),this.#e()}disconnectedCallback(){this.#t.disconnect(),super.disconnectedCallback()}#e(){this.#r?.abort();let t=Array.from(this.el.children).filter(g),r=new AbortController;this.#r=r,Promise.all(t.map(o=>o.componentOnReady())).then(()=>{!this.isConnected||r.signal.aborted||(this._children=t)})}};u("arcgis-toolbar-group",l);export{l as ArcgisToolbarGroup};