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

package/dist/index.d.ts

@@ -1,4 +1,22 @@
-export type * from "./utils/types";
+import type { PopoverProps as PopoverPropsAlias, PickListFieldInfo as PickListFieldInfoAlias, PickListGroupInfo as PickListGroupInfoAlias } from "./utils/types.js";
+
+/**
+ * @deprecated import { PopoverProps } from "@arcgis/common-components/utils/types" instead
+ * @internal
+ */
+export type PopoverProps = PopoverPropsAlias;
+
+/**
+ * @deprecated import { PickListFieldInfo } from "@arcgis/common-components/utils/types" instead
+ * @internal
+ */
+export type PickListFieldInfo = PickListFieldInfoAlias;
+
+/**
+ * @deprecated import { PickListGroupInfo } from "@arcgis/common-components/utils/types" instead
+ * @internal
+ */
+export type PickListGroupInfo = PickListGroupInfoAlias;
 
 /**
  * Get a resolved path from where an asset can be loaded.
@@ -39,6 +57,8 @@ 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 { ArcgisSliderInput } from "./components/arcgis-slider-input/customElement.js";
+import type { ArcgisSpatialReferencePicker } from "./components/arcgis-spatial-reference-picker/customElement.js";
+import type { ArcgisSpatialReferencePickerTree } from "./components/arcgis-spatial-reference-picker-tree/customElement.js";
 import type { ArcgisTicks } from "./components/arcgis-ticks/customElement.js";
 import type { ArcgisUniqueValuesList } from "./components/arcgis-unique-values-list/customElement.js";
 
@@ -89,6 +109,16 @@ export interface ArcgisSliderInputCustomEvent<T> extends CustomEvent<T> {
   target: ArcgisSliderInput;
   currentTarget: ArcgisSliderInput;
 }
+export interface ArcgisSpatialReferencePickerCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisSpatialReferencePicker;
+  currentTarget: ArcgisSpatialReferencePicker;
+}
+export interface ArcgisSpatialReferencePickerTreeCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisSpatialReferencePickerTree;
+  currentTarget: ArcgisSpatialReferencePickerTree;
+}
 export interface ArcgisTicksCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: ArcgisTicks;
@@ -116,6 +146,8 @@ declare global {
     "arcgis-ramp-opacity": ArcgisRampOpacity;
     "arcgis-slider": ArcgisSlider;
     "arcgis-slider-input": ArcgisSliderInput;
+    "arcgis-spatial-reference-picker": ArcgisSpatialReferencePicker;
+    "arcgis-spatial-reference-picker-tree": ArcgisSpatialReferencePickerTree;
     "arcgis-ticks": ArcgisTicks;
     "arcgis-unique-values-list": ArcgisUniqueValuesList;
 
@@ -156,6 +188,12 @@ declare global {
   type HTMLArcgisSliderInputElementEventMap = ArcgisSliderInput["@eventTypes"];
   type HTMLArcgisSliderInputElement = ArcgisSliderInput;
 
+  type HTMLArcgisSpatialReferencePickerElementEventMap = ArcgisSpatialReferencePicker["@eventTypes"];
+  type HTMLArcgisSpatialReferencePickerElement = ArcgisSpatialReferencePicker;
+
+  type HTMLArcgisSpatialReferencePickerTreeElementEventMap = ArcgisSpatialReferencePickerTree["@eventTypes"];
+  type HTMLArcgisSpatialReferencePickerTreeElement = ArcgisSpatialReferencePickerTree;
+
   type HTMLArcgisTicksElementEventMap = ArcgisTicks["@eventTypes"];
   type HTMLArcgisTicksElement = ArcgisTicks;
 

package/dist/loader.js

@@ -13,10 +13,12 @@ const l = i(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,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverLabel,popoverPlacement,precision,rangeLabelsEditingEnabled,rangeLabelsPlacement,segmentsDraggingDisabled,showRangeLabels,steps,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values;destroy"],
-  "arcgis-slider-input": [() => import("./components/arcgis-slider-input/customElement.js"), "disabled,flipLabels,label,max,min,step,unitsLabel,value,withSteppers"],
+  "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-input": [() => import("./components/arcgis-slider-input/customElement.js"), "disabled,flipLabels,label,max,min,scale,step,unitsLabel,value,withSteppers"],
+  "arcgis-spatial-reference-picker": [() => import("./components/arcgis-spatial-reference-picker/customElement.js"), "_messages:,autoFilterToDefault,defaultWkid,filterEnabled,hideCategories:,value:;getSRDescription"],
+  "arcgis-spatial-reference-picker-tree": [() => import("./components/arcgis-spatial-reference-picker-tree/customElement.js"), "data:,value"],
   "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:;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"]
 });
 export {
   l as defineCustomElements

package/dist/types/lumina.d.ts

@@ -12,6 +12,8 @@ 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 { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
+import type { ArcgisSpatialReferencePicker } from "../components/arcgis-spatial-reference-picker/customElement.js";
+import type { ArcgisSpatialReferencePickerTree } from "../components/arcgis-spatial-reference-picker-tree/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
 import type { h, EventHandler } from "@arcgis/lumina";
@@ -78,23 +80,31 @@ 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" | "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" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, h.JSX.HTMLAttributes<ArcgisSlider> {
   onarcgisActiveValueChange?: EventHandler<ArcgisSlider["arcgisActiveValueChange"]>;
   onarcgisChange?: EventHandler<ArcgisSlider["arcgisChange"]>;
   onarcgisInput?: EventHandler<ArcgisSlider["arcgisInput"]>;
   onarcgisRangeChange?: EventHandler<ArcgisSlider["arcgisRangeChange"]>;
 }
 
-interface LuminaArcgisSliderInput extends Partial<Pick<ArcgisSliderInput, "disabled" | "flipLabels" | "label" | "max" | "min" | "step" | "unitsLabel" | "value" | "withSteppers">>, h.JSX.HTMLAttributes<ArcgisSliderInput> {
+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 LuminaArcgisSpatialReferencePicker extends Partial<Pick<ArcgisSpatialReferencePicker, "autoFilterToDefault" | "defaultWkid" | "filterEnabled" | "hideCategories" | "value">>, h.JSX.HTMLAttributes<ArcgisSpatialReferencePicker> {
+  onarcgisChange?: EventHandler<ArcgisSpatialReferencePicker["arcgisChange"]>;
+}
+
+interface LuminaArcgisSpatialReferencePickerTree extends Partial<Pick<ArcgisSpatialReferencePickerTree, "data" | "value">>, h.JSX.HTMLAttributes<ArcgisSpatialReferencePickerTree> {
+  onarcgisChange?: EventHandler<ArcgisSpatialReferencePickerTree["arcgisChange"]>;
+}
+
 interface LuminaArcgisTicks extends Partial<Pick<ArcgisTicks, "interactive" | "interpolationExponent" | "labelFormatter" | "labelPlacement" | "layout" | "max" | "min" | "mirrored" | "mode" | "showBaseline" | "showLabels" | "values">>, h.JSX.HTMLAttributes<ArcgisTicks> {
   onarcgisTickClick?: EventHandler<ArcgisTicks["arcgisTickClick"]>;
 }
 
-interface LuminaArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesList, "fieldName" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view">>, h.JSX.HTMLAttributes<ArcgisUniqueValuesList> {
+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"]>;
   onarcgisSortByChange?: EventHandler<ArcgisUniqueValuesList["arcgisSortByChange"]>;
@@ -116,6 +126,8 @@ declare module "@arcgis/lumina" {
       "arcgis-ramp-opacity": LuminaArcgisRampOpacity;
       "arcgis-slider": LuminaArcgisSlider;
       "arcgis-slider-input": LuminaArcgisSliderInput;
+      "arcgis-spatial-reference-picker": LuminaArcgisSpatialReferencePicker;
+      "arcgis-spatial-reference-picker-tree": LuminaArcgisSpatialReferencePickerTree;
       "arcgis-ticks": LuminaArcgisTicks;
       "arcgis-unique-values-list": LuminaArcgisUniqueValuesList;
     }

package/dist/types/preact.d.ts

@@ -12,6 +12,8 @@ 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 { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
+import type { ArcgisSpatialReferencePicker } from "../components/arcgis-spatial-reference-picker/customElement.js";
+import type { ArcgisSpatialReferencePickerTree } from "../components/arcgis-spatial-reference-picker-tree/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
 import { HTMLAttributes } from "preact";
@@ -79,23 +81,31 @@ 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" | "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" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, HTMLAttributes<ArcgisSlider> {
   onarcgisActiveValueChange?: EventHandler<ArcgisSlider["arcgisActiveValueChange"]>;
   onarcgisChange?: EventHandler<ArcgisSlider["arcgisChange"]>;
   onarcgisInput?: EventHandler<ArcgisSlider["arcgisInput"]>;
   onarcgisRangeChange?: EventHandler<ArcgisSlider["arcgisRangeChange"]>;
 }
 
-interface PreactArcgisSliderInput extends Partial<Pick<ArcgisSliderInput, "disabled" | "flipLabels" | "label" | "max" | "min" | "step" | "unitsLabel" | "value" | "withSteppers">>, HTMLAttributes<ArcgisSliderInput> {
+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 PreactArcgisSpatialReferencePicker extends Partial<Pick<ArcgisSpatialReferencePicker, "autoFilterToDefault" | "defaultWkid" | "filterEnabled" | "hideCategories" | "value">>, HTMLAttributes<ArcgisSpatialReferencePicker> {
+  onarcgisChange?: EventHandler<ArcgisSpatialReferencePicker["arcgisChange"]>;
+}
+
+interface PreactArcgisSpatialReferencePickerTree extends Partial<Pick<ArcgisSpatialReferencePickerTree, "data" | "value">>, HTMLAttributes<ArcgisSpatialReferencePickerTree> {
+  onarcgisChange?: EventHandler<ArcgisSpatialReferencePickerTree["arcgisChange"]>;
+}
+
 interface PreactArcgisTicks extends Partial<Pick<ArcgisTicks, "interactive" | "interpolationExponent" | "labelFormatter" | "labelPlacement" | "layout" | "max" | "min" | "mirrored" | "mode" | "showBaseline" | "showLabels" | "values">>, HTMLAttributes<ArcgisTicks> {
   onarcgisTickClick?: EventHandler<ArcgisTicks["arcgisTickClick"]>;
 }
 
-interface PreactArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesList, "fieldName" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view">>, HTMLAttributes<ArcgisUniqueValuesList> {
+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"]>;
   onarcgisSortByChange?: EventHandler<ArcgisUniqueValuesList["arcgisSortByChange"]>;
@@ -117,6 +127,8 @@ declare module 'preact' {
       "arcgis-ramp-opacity": PreactArcgisRampOpacity;
       "arcgis-slider": PreactArcgisSlider;
       "arcgis-slider-input": PreactArcgisSliderInput;
+      "arcgis-spatial-reference-picker": PreactArcgisSpatialReferencePicker;
+      "arcgis-spatial-reference-picker-tree": PreactArcgisSpatialReferencePickerTree;
       "arcgis-ticks": PreactArcgisTicks;
       "arcgis-unique-values-list": PreactArcgisUniqueValuesList;
     }
@@ -136,6 +148,8 @@ declare module 'preact' {
       "arcgis-ramp-opacity": PreactArcgisRampOpacity;
       "arcgis-slider": PreactArcgisSlider;
       "arcgis-slider-input": PreactArcgisSliderInput;
+      "arcgis-spatial-reference-picker": PreactArcgisSpatialReferencePicker;
+      "arcgis-spatial-reference-picker-tree": PreactArcgisSpatialReferencePickerTree;
       "arcgis-ticks": PreactArcgisTicks;
       "arcgis-unique-values-list": PreactArcgisUniqueValuesList;
     }

package/dist/types/react.d.ts

@@ -12,6 +12,8 @@ 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 { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
+import type { ArcgisSpatialReferencePicker } from "../components/arcgis-spatial-reference-picker/customElement.js";
+import type { ArcgisSpatialReferencePickerTree } from "../components/arcgis-spatial-reference-picker-tree/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
 import type { HTMLProps } from 'react';
@@ -79,23 +81,31 @@ 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" | "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" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, HTMLProps<ArcgisSlider> {
   onarcgisActiveValueChange?: EventHandler<ArcgisSlider["arcgisActiveValueChange"]>;
   onarcgisChange?: EventHandler<ArcgisSlider["arcgisChange"]>;
   onarcgisInput?: EventHandler<ArcgisSlider["arcgisInput"]>;
   onarcgisRangeChange?: EventHandler<ArcgisSlider["arcgisRangeChange"]>;
 }
 
-interface ReactArcgisSliderInput extends Partial<Pick<ArcgisSliderInput, "disabled" | "flipLabels" | "label" | "max" | "min" | "step" | "unitsLabel" | "value" | "withSteppers">>, HTMLProps<ArcgisSliderInput> {
+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 ReactArcgisSpatialReferencePicker extends Partial<Pick<ArcgisSpatialReferencePicker, "autoFilterToDefault" | "defaultWkid" | "filterEnabled" | "hideCategories" | "value">>, HTMLProps<ArcgisSpatialReferencePicker> {
+  onarcgisChange?: EventHandler<ArcgisSpatialReferencePicker["arcgisChange"]>;
+}
+
+interface ReactArcgisSpatialReferencePickerTree extends Partial<Pick<ArcgisSpatialReferencePickerTree, "data" | "value">>, HTMLProps<ArcgisSpatialReferencePickerTree> {
+  onarcgisChange?: EventHandler<ArcgisSpatialReferencePickerTree["arcgisChange"]>;
+}
+
 interface ReactArcgisTicks extends Partial<Pick<ArcgisTicks, "interactive" | "interpolationExponent" | "labelFormatter" | "labelPlacement" | "layout" | "max" | "min" | "mirrored" | "mode" | "showBaseline" | "showLabels" | "values">>, HTMLProps<ArcgisTicks> {
   onarcgisTickClick?: EventHandler<ArcgisTicks["arcgisTickClick"]>;
 }
 
-interface ReactArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesList, "fieldName" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view">>, HTMLProps<ArcgisUniqueValuesList> {
+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"]>;
   onarcgisSortByChange?: EventHandler<ArcgisUniqueValuesList["arcgisSortByChange"]>;
@@ -117,6 +127,8 @@ declare module "react" {
       "arcgis-ramp-opacity": ReactArcgisRampOpacity;
       "arcgis-slider": ReactArcgisSlider;
       "arcgis-slider-input": ReactArcgisSliderInput;
+      "arcgis-spatial-reference-picker": ReactArcgisSpatialReferencePicker;
+      "arcgis-spatial-reference-picker-tree": ReactArcgisSpatialReferencePickerTree;
       "arcgis-ticks": ReactArcgisTicks;
       "arcgis-unique-values-list": ReactArcgisUniqueValuesList;
     }
@@ -138,6 +150,8 @@ declare module "react/jsx-runtime" {
       "arcgis-ramp-opacity": ReactArcgisRampOpacity;
       "arcgis-slider": ReactArcgisSlider;
       "arcgis-slider-input": ReactArcgisSliderInput;
+      "arcgis-spatial-reference-picker": ReactArcgisSpatialReferencePicker;
+      "arcgis-spatial-reference-picker-tree": ReactArcgisSpatialReferencePickerTree;
       "arcgis-ticks": ReactArcgisTicks;
       "arcgis-unique-values-list": ReactArcgisUniqueValuesList;
     }
@@ -159,6 +173,8 @@ declare module "react/jsx-dev-runtime" {
       "arcgis-ramp-opacity": ReactArcgisRampOpacity;
       "arcgis-slider": ReactArcgisSlider;
       "arcgis-slider-input": ReactArcgisSliderInput;
+      "arcgis-spatial-reference-picker": ReactArcgisSpatialReferencePicker;
+      "arcgis-spatial-reference-picker-tree": ReactArcgisSpatialReferencePickerTree;
       "arcgis-ticks": ReactArcgisTicks;
       "arcgis-unique-values-list": ReactArcgisUniqueValuesList;
     }

package/dist/types/stencil.d.ts

@@ -12,6 +12,8 @@ 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 { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
+import type { ArcgisSpatialReferencePicker } from "../components/arcgis-spatial-reference-picker/customElement.js";
+import type { ArcgisSpatialReferencePickerTree } from "../components/arcgis-spatial-reference-picker-tree/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
 import { JSXBase as StencilJsx } from "@stencil/core/internal";
@@ -79,23 +81,31 @@ 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" | "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" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, StencilJsx.HTMLAttributes<ArcgisSlider> {
   onArcgisActiveValueChange?: EventHandler<ArcgisSlider["arcgisActiveValueChange"]>;
   onArcgisChange?: EventHandler<ArcgisSlider["arcgisChange"]>;
   onArcgisInput?: EventHandler<ArcgisSlider["arcgisInput"]>;
   onArcgisRangeChange?: EventHandler<ArcgisSlider["arcgisRangeChange"]>;
 }
 
-interface StencilArcgisSliderInput extends Partial<Pick<ArcgisSliderInput, "disabled" | "flipLabels" | "label" | "max" | "min" | "step" | "unitsLabel" | "value" | "withSteppers">>, StencilJsx.HTMLAttributes<ArcgisSliderInput> {
+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 StencilArcgisSpatialReferencePicker extends Partial<Pick<ArcgisSpatialReferencePicker, "autoFilterToDefault" | "defaultWkid" | "filterEnabled" | "hideCategories" | "value">>, StencilJsx.HTMLAttributes<ArcgisSpatialReferencePicker> {
+  onArcgisChange?: EventHandler<ArcgisSpatialReferencePicker["arcgisChange"]>;
+}
+
+interface StencilArcgisSpatialReferencePickerTree extends Partial<Pick<ArcgisSpatialReferencePickerTree, "data" | "value">>, StencilJsx.HTMLAttributes<ArcgisSpatialReferencePickerTree> {
+  onArcgisChange?: EventHandler<ArcgisSpatialReferencePickerTree["arcgisChange"]>;
+}
+
 interface StencilArcgisTicks extends Partial<Pick<ArcgisTicks, "interactive" | "interpolationExponent" | "labelFormatter" | "labelPlacement" | "layout" | "max" | "min" | "mirrored" | "mode" | "showBaseline" | "showLabels" | "values">>, StencilJsx.HTMLAttributes<ArcgisTicks> {
   onArcgisTickClick?: EventHandler<ArcgisTicks["arcgisTickClick"]>;
 }
 
-interface StencilArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesList, "fieldName" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view">>, StencilJsx.HTMLAttributes<ArcgisUniqueValuesList> {
+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"]>;
   onArcgisSortByChange?: EventHandler<ArcgisUniqueValuesList["arcgisSortByChange"]>;
@@ -115,6 +125,8 @@ interface ExposedElements {
   "arcgis-ramp-opacity": StencilArcgisRampOpacity;
   "arcgis-slider": StencilArcgisSlider;
   "arcgis-slider-input": StencilArcgisSliderInput;
+  "arcgis-spatial-reference-picker": StencilArcgisSpatialReferencePicker;
+  "arcgis-spatial-reference-picker-tree": StencilArcgisSpatialReferencePickerTree;
   "arcgis-ticks": StencilArcgisTicks;
   "arcgis-unique-values-list": StencilArcgisUniqueValuesList;
 }

package/dist/utils/internal-types.d.ts

@@ -0,0 +1 @@
+export type VisualizationSource = "feature-reduction" | undefined;

package/dist/utils/spatial-references.d.ts

@@ -0,0 +1 @@
+export type NestedObject = { [key: string]: NestedObject | string; };

package/dist/utils/types.d.ts

@@ -1,7 +1,18 @@
+import type Field from "@arcgis/core/layers/support/Field.js";
 import type { Popover } from "@esri/calcite-components/dist/components/calcite-popover";
 
-/** Properties used for calcite-popover. */
-export interface IPopoverProps {
+/** @internal */
+export type OverlayPositioning = Popover["overlayPositioning"];
+
+/** @internal */
+export type LogicalPlacement = Popover["placement"];
+
+/**
+ * Properties used for calcite-popover.
+ *
+ * @internal
+ */
+export interface PopoverProps {
   refElement: HTMLElement;
   placement?: LogicalPlacement;
   offsetDistance?: number;
@@ -15,35 +26,41 @@ export interface IPopoverProps {
   zIndex?: number;
 }
 
+/**
+ * @deprecated - use PopoverProps instead
+ * @internal
+ */
+export type IPopoverProps = PopoverProps;
+
 /**
  * Object to be passed to arcgis-field-pick-list containing info about a field.
  * Use type:"none" to add non-sortable items, without info options, to the bottom of the list.
+ *
+ * @internal
  */
-export interface IPickListFieldInfo {
-  name: string;
-  alias?: string | null;
+export interface PickListFieldInfo {
+  name: Field["name"];
+  alias?: Field["alias"];
   type: string;
-  description?: string | null;
+  description?: Field["description"];
   hideFieldName?: boolean;
   hideDescription?: boolean;
   showEditAction?: boolean;
   showDeleteAction?: boolean;
 }
 
-/** Object to be passed to arcgis-field-pick-list containing a group of fields. */
-export interface IPickListGroupInfo {
-  title?: string;
-  fields: IPickListFieldInfo[];
-}
-
-export type LastSortBy = "default" | "display" | "field" | "type";
-
-export const FieldInfoPrefix: {
-    expression: string;
-    relationship: string;
-    raster: string;
-};
-
-export type OverlayPositioning = Popover["overlayPositioning"];
+/**
+ * @deprecated - use PickListFieldInfo instead
+ * @internal
+ */
+export type IPickListFieldInfo = PickListFieldInfo;
 
-export type LogicalPlacement = Popover["placement"];
+/**
+ * Object to be passed to arcgis-field-pick-list containing a group of fields.
+ *
+ * @internal
+ */
+export interface PickListGroupInfo {
+  title?: string;
+  fields: PickListFieldInfo[];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/common-components",
-  "version": "5.1.0-next.1",
+  "version": "5.1.0-next.100",
   "description": "ArcGIS Maps SDK for JavaScript common components",
   "keywords": [
     "2D",
@@ -24,6 +24,9 @@
   "types": "dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
+    "./utils/types": {
+      "types": "./dist/utils/types.d.ts"
+    },
     "./loader": "./dist/loader.js",
     "./package.json": "./package.json",
     "./components/*/customElement": "./dist/components/*/customElement.js",
@@ -45,14 +48,13 @@
     "@esri/arcgis-html-sanitizer": "~4.1.0",
     "@lit/task": "^1.0.3",
     "lit": "^3.3.0",
-    "luxon": "~3.7.2",
     "tslib": "^2.8.1",
-    "@arcgis/lumina": "5.1.0-next.1",
-    "@arcgis/toolkit": "5.1.0-next.1"
+    "@arcgis/lumina": "5.1.0-next.100",
+    "@arcgis/toolkit": "5.1.0-next.100"
   },
   "peerDependencies": {
-    "@arcgis/core": "^5.0.0-next",
-    "@esri/calcite-components": "^5.0.0-next.71"
+    "@arcgis/core": "^5.1.0-next",
+    "@esri/calcite-components": "^5.1.0-next.45"
   },
   "css.customData": [
     "dist/docs/vscode.css-custom-data.json"

package/dist/cdn/6DQVLQL6.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as M}from"./EPX7DYFW.js";import{b as E}from"./7PB2GGQH.js";import"./7CI55VCH.js";import{B as _,C as f,D as y,E as u,H as D,g as V,i as x,j as d}from"./UTXWKXMT.js";export default $arcgis.t(([{substitute:N}])=>{var p={content:"content",svg:"svg",label:"label",dataLine:"data-line",averageDataLine:"average-data-line",dataLineSymbol:"data-line-symbol"},B=V`:host{display:flex;--arcgis-histogram-bar-color: var(--calcite-color-border-1);--arcgis-histogram-stop-color: color-mix(in srgb, var(--calcite-color-brand) 80%, transparent)}.content{display:flex;flex:1;direction:ltr}.svg{display:inline-block;flex:1;overflow:hidden}.data-line{stroke:#888;stroke-width:1px;shape-rendering:crispEdges}.average-data-line{stroke-width:1px;shape-rendering:crispEdges;stroke:#444}.label,.data-line-symbol{font-size:12px;stroke:#fff;stroke-width:2px;paint-order:stroke;unicode-bidi:plaintext}.data-line-symbol{font-family:"Georgia, serif",sans-serif;font-style:italic}`;function O(e,t,r,n,a){let[i,s]=a;if(!e||s===0||i===0||r==null||t==null)return null;let o=r-t,l=(e.length>1?e[e.length-1].maxValue-e[0].minValue:0)/o,[c,h]=n==="vertical"?[s*l,i]:[s,i*l],b=e?e.map(m=>m.count):[],g=Math.max(...b);return e.map(m=>{let[$,v]=n==="vertical"?[c/e.length,g!==0?m.count/g*h:0]:[g!==0?m.count/g*c:0,h/e.length],{maxValue:C}=m,L=r-C,[z,F]=n==="vertical"?[0,L*(s/o)]:[i-v-L*(i/o),s-$];return[z,F,v,$]})}function A(e,t,r,n,a){let i=[];return e!=null&&i.push({value:e,symbol:"x\u0304",lineClass:p.averageDataLine}),t!=null&&r!=null&&n!=null&&i.push(...U(r,n,t,e)),a&&i.push(...a),i}function P(e,t,r,n,a){if(r==null)return[0,0,0,0];let i=Math.round((a-r)/n*100)/100,[s,o]=e;if(t==="vertical"){let c=o-i*o||1;return c=Math.round(c)+.5,[0,"100%",c,c]}let l=i*s||1;return l=Math.round(l)+.5,[l,l,"100%",0]}function T(e,t,r,n,a){if(r==null)return[0,0];let i=Math.round((a-r)/n*100)/100,[s,o]=e;return t==="vertical"?[s,o-i*o]:[0,i*s]}function R(e,t,r){if(!e||e.length===0)return null;if(I(e)){let n=e.map(a=>({...a,color:S(a.color??r)}));return n.unshift({color:t,minValue:Number.NEGATIVE_INFINITY,maxValue:n[0].minValue}),n.push({color:t,minValue:n[n.length-1].maxValue,maxValue:Number.POSITIVE_INFINITY}),n}else return e.map(n=>({...n,color:S(n.color??r)}))}function G(e,t,r,n){if(!e||e.length===0)return r;if(I(e)){let a=Y(e,t);if(a.length===0)return r;if(n){let{color:i=r,weight:s}=a[0],{color:o=r,weight:l}=a[1]??a[0],c=s+l;return`color-mix(in srgb, ${i} ${s/c*100}%, ${o} ${l/c*100}%)`}return a[0].color??r}return H(e,t)}function Y(e,t){let r=[];for(let n of e){let a=Math.max(0,Math.min(t.maxValue,n.maxValue)-Math.max(t.minValue,n.minValue));a>0&&r.push({color:n.color,weight:a})}return r.sort((n,a)=>a.weight-n.weight)}function H(e,t){let r=(t.maxValue-t.minValue)/2+t.minValue;if(r>e[e.length-1].value)return e[e.length-1].color;for(let n=0;n<e.length-1;n++){let a=e[n],i=e[n+1];if(r<=a.value)return a.color;if(r<i.value){let s=(r-a.value)/(i.value-a.value)*100;return`color-mix(in srgb, ${a.color}, ${i.color} ${s}%)`}}return e[e.length-1].color}function I(e){return e[0]!=null&&"minValue"in e[0]}function S(e){if(!e)return;if(typeof e=="string")return e;if(Array.isArray(e))return`rgba(${e[0]}, ${e[1]}, ${e[2]}, ${e[3]??1})`;let{r:t,g:r,b:n,a=1}=e;return`rgba(${t}, ${r}, ${n}, ${a})`}function U(e,t,r,n){let a=.06*(t-e);return j(r,n).filter(i=>Math.abs(n-i)>a).map((i,s,o)=>{let l=o.length/2,c=i>n?"+":"-",h=s>=l?s-l+1:l-s;return{symbol:`${c}${h===1?"":h}\u03C3`,value:i}})}function j(e,t){if(t==null||e==null)return[];let r=1,n=[];for(let a=r*-1;a<=r;a++)a!==0&&n.push(t+a*e);return n}var k="var(--arcgis-histogram-bar-color)",J="var(--arcgis-histogram-stop-color)",w=class extends _{constructor(){super(...arguments),this._messages=E(),this._normalizedStops=null,this._formatLabel=t=>M(this._messages._lang,this._numberFormatterOptions).format(t),this._numberFormatterOptions={maximumFractionDigits:2},this.containerDimensions=[0,0],this.icon="graph-histogram",this.layout="horizontal",this.colorBlendingEnabled=!1}static{this.properties={containerDimensions:16,colorStops:0,icon:3,average:11,messageOverrides:0,standardDeviation:11,bins:0,dataLines:0,label:1,layout:3,max:11,min:11,colorBlendingEnabled:5}}static{this.styles=B}loaded(){let t=new ResizeObserver(a=>{for(let i of a){let{width:s,height:o}=i.contentRect;this.containerDimensions=[s,o]}}),{width:r,height:n}=this.el.getBoundingClientRect();this.containerDimensions=[r,n],t.observe(this.el)}willUpdate(t){t.has("colorStops")&&(this._normalizedStops=R(this.colorStops,k,J))}render(){let{label:t}=this;return this.containerDimensions?x`<div role=img .ariaLabel=${t??void 0} class=${f(p.content)}>${this._renderContent()}</div>`:null}_renderContent(){let{containerDimensions:[t,r]}=this,n="bg-fill";return x`<svg class=${f(p.svg)} xmlns=http://www.w3.org/2000/svg>${d`<defs><clipPath id=${n}><rect height=${r??u} width=${t??u} x=0 y=0 /></clipPath></defs><g style=${y({clipPath:`url(#${n})`})}><g>${this._renderBars()}</g></g><g>${this._renderLines()}</g>`}</svg>`}_renderBars(){let{bins:t,_messages:r}=this,n=O(this.bins,this.min,this.max,this.layout,this.containerDimensions);return!n||!t?null:n.map((a,i)=>{let[s,o,l,c]=a,h=t[i],b=r?.barLabel?N(r.barLabel,h):"";return d`<rect style=${y({fill:G(this._normalizedStops,h,k,this.colorBlendingEnabled)})} .ariaLabel=${b} data-index=${i??u} height=${c??u} role=img shape-rendering=crispEdges stroke-width=0 width=${l??u} x=${s??u} y=${o??u} />`})}_renderLines(){return A(this.average,this.standardDeviation,this.min,this.max,this.dataLines)?.map(t=>W({dataLine:t,containerDimensions:this.containerDimensions,layout:this.layout,min:this.min,max:this.max,labelFormatter:this._formatLabel}))}},W=e=>{let{containerDimensions:t,layout:r,min:n,max:a,dataLine:i,labelFormatter:s}=e,o=a!=null&&n!=null?a-n:0,[l,c,h,b]=P(t,r,n,o,i.value),[g,m]=T(t,r,n,o,i.value),$="symbol"in i?[d`<tspan class=${f(p.dataLineSymbol)}>${i.symbol}</tspan>`,d`<tspan>${s(i.value)}</tspan>`]:i.label,v="lineClass"in i&&i.lineClass?i.lineClass:p.dataLine;return d`<g><title>${i.value}</title><line class=${f(v)} shape-rendering=crispEdges x1=${l??u} x2=${c??u} y1=${h??u} y2=${b??u} /><text class=${f(p.label)} text-anchor=end transform=${(r==="horizontal"?"rotate(270)":void 0)??u} x=${g??u} y=${m-2}>${$}</text></g>`};D("arcgis-histogram",w);return w},"intl")

package/dist/cdn/6MGBOM6S.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{B as $,C as h,D as m,E as g,H as M,g as y,i as c,q as w}from"./UTXWKXMT.js";export default $arcgis.t(([{formatNumber:A}])=>{var l={container:"container",ticksContainer:"ticks-container",labelsContainer:"labels-container",tick:"tick",tickMin:"tick--min",tickMax:"tick--max",tickLabel:"tick-label",baseline:"baseline"},L=y`:host{display:flex;--arcgis-ticks-tick-length: .5rem;--arcgis-ticks-tick-color: var(--calcite-color-border-input);--arcgis-ticks-gap: 1em;--arcgis-ticks-font-size: var(--calcite-font-size--2)}.container{align-items:stretch;display:flex;color:var(--calcite-color-text-2);flex:1;font-weight:var(--calcite-font-weight-medium);font-size:var(--arcgis-ticks-font-size);line-height:1em;position:relative;user-select:none;word-wrap:normal;word-break:normal}.baseline{background-color:var(--arcgis-ticks-tick-color, var(--calcite-color-border-input))}.tick{position:absolute;background-color:var(--arcgis-ticks-tick-color, var(--calcite-color-border-input))}.tick-label{position:absolute;text-align:var(--arcgis-ticks-label-text-align, center);width:var(--arcgis-ticks-label-width, var(--labels-container-width, "auto"))}:host([layout="horizontal"]){.ticks-container{height:var(--arcgis-ticks-tick-length)}.labels-container{height:var(--labels-container-height, "auto")}.tick{width:.125rem;height:var(--arcgis-ticks-tick-length);transform:translate(-50%)}.tick-label{transform:translate(-50%)}.tick--min{transform:unset}.tick--max{transform:translate(-100%)}}:host([layout="vertical"]){.ticks-container{width:var(--arcgis-ticks-tick-length)}.labels-container{width:var(--labels-container-width)}.tick{width:var(--arcgis-ticks-tick-length);height:.125rem;transform:translateY(50%)}.tick-label{text-align:right;transform:translateY(50%)}.tick--min{transform:unset}.tick--max{transform:translateY(100%)}}:host([layout="horizontal"][mirrored]){.tick,.tick-label{transform:translate(50%)}.tick--min{transform:unset}.tick--max{transform:translate(100%)}}:host([layout="vertical"][mirrored]){.tick,.tick-label{transform:translateY(-50%)}.tick--min{transform:unset}.tick--max{transform:translateY(-100%)}}:host([layout="horizontal"][label-placement="leading"]){.container{flex-direction:column;justify-content:flex-end}.labels-container{margin-bottom:var(--arcgis-ticks-gap)}}:host([layout="horizontal"][label-placement="trailing"]){.container{flex-direction:column-reverse;justify-content:flex-end}.labels-container{margin-top:var(--arcgis-ticks-gap)}}:host([layout="vertical"][label-placement="leading"]){.container{flex-direction:row;justify-content:flex-end}:dir(ltr){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right}}:dir(rtl){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left;unicode-bidi:plaintext}}}:host([layout="vertical"][label-placement="trailing"]){.container{flex-direction:row-reverse;justify-content:flex-end}:dir(ltr){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left}}:dir(rtl){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right;unicode-bidi:plaintext}}}:host([interactive]){pointer-events:none;.tick,.tick-label{pointer-events:auto;cursor:pointer}.tick-label:hover{text-decoration:underline}}`,f=class extends ${constructor(){super(...arguments),this._formatValue=e=>A(e,this._formatOptions),this._formatOptions={style:"decimal",useGrouping:!0,minimumFractionDigits:0,maximumFractionDigits:2},this.interactive=!1,this.interpolationExponent=0,this.labelPlacement="trailing",this.layout="horizontal",this.max=100,this.min=0,this.mirrored=!1,this.mode="count",this.showLabels=!1,this.showBaseline=!1,this.values=[],this.arcgisTickClick=w({cancelable:!1})}static{this.properties={_formatOptions:16,interactive:7,interpolationExponent:9,labelFormatter:0,labelPlacement:3,layout:3,max:9,min:9,mirrored:7,mode:1,showLabels:5,showBaseline:5,values:[9,{converter:{fromAttribute(e){if(e.includes(","))return e.split(",").filter(t=>t.trim()!=="").map(parseFloat).filter(t=>Number.isFinite(t));{let t=parseFloat(e);return Number.isFinite(t)?[t]:[]}}}}]}}static{this.styles=L}updated(){let e=this.renderRoot.querySelector(`.${l.labelsContainer}`);if(e){let t=0,i=0;for(let a of this.renderRoot.querySelectorAll(`.${l.tickLabel}`)){let r=a.getBoundingClientRect();t=Math.max(t,r.width),i=Math.max(i,r.height)}t=Math.ceil(t),i=Math.ceil(i),!t||!i?(e.style.removeProperty("--labels-container-width"),e.style.removeProperty("--labels-container-height")):(e.style.setProperty("--labels-container-width",`${t}px`),e.style.setProperty("--labels-container-height",`${i}px`))}}_handleClick(e){if(!this.interactive)return;let t=e.target.dataset.value;t&&this.arcgisTickClick.emit({value:Number(t)})}_internalLabelFormatter(e){let t=this.labelFormatter;return t?t(e,this._formatValue)??this._formatValue(e):this._formatValue(e)}render(){return c`<div class=${h(l.container)} touch-action=none @click=${this._handleClick}>${this._renderContent()}${this._renderBaseline()}</div>`}_renderContent(){let{interpolationExponent:e,max:t,min:i,mode:a,values:r,layout:o,mirrored:s,showLabels:C}=this,p=[],v=[];for(let[d,k]of F(a,i,t,e,r)){let x={[o==="horizontal"?s?"right":"left":s?"top":"bottom"]:`${d}%`},z={[l.tick]:!0,[l.tickMin]:d===0,[l.tickMax]:d===100};p.push(c`<div class=${h(z)} style=${m(x)} data-value=${k??g}></div>`),C&&v.push(c`<div class=${h(l.tickLabel)} style=${m(x)} data-value=${k??g}>${this._internalLabelFormatter(k)}</div>`)}return[c`<div class=${h(l.labelsContainer)}>${v}</div>`,c`<div class=${h(l.ticksContainer)}>${p}</div>`]}_renderBaseline(){let{showBaseline:e,layout:t}=this;return e&&c`<div class=${h(l.baseline)} style=${m({[t==="horizontal"?"width":"height"]:"100%",[t==="horizontal"?"height":"width"]:"0.125rem"})}></div>`||""}};function*F(n,e,t,i,a){switch(n){case"value":{let r=Array.isArray(a)?a:[a];for(let o of r){let s=P(e,t,o,i)*100;s>=0&&s<=100&&(yield[s,o])}break}case"percent":{if(Array.isArray(a))for(let r of a)r>=0&&r<=100&&(yield[r,u(e,t,r/100,i)]);else if(a>0)for(let r=0;r<=100;r+=a)yield[r,u(e,t,r/100,i)];break}case"count":{let r=Array.isArray(a)?a[0]:a;if(r<=1)yield[50,u(e,t,.5,i)];else for(let o=0;o<r;o++){let s=o*100/(r-1);yield[s,u(e,t,s/100,i)]}break}}}function b(n,e,t){return t<n?n:t>e?e:t}function _(n,e,t){return n+(e-n)*t}function P(n,e,t,i=0){let a=(t-n)/(e-n);if(a=b(0,1,a),Math.abs(i)<1e-9)return a;let r=1+Math.expm1(i)*a;return a=Math.log(r)/i,b(0,1,a)}function u(n,e,t,i=0){if(t=b(0,1,t),Math.abs(i)<1e-9)return _(n,e,t);let a=Math.expm1(i*t)/Math.expm1(i);return _(n,e,a)}M("arcgis-ticks",f);return f},"intl")

package/dist/cdn/BAVGT3I5.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as x,c as N}from"./GQLKGVRX.js";import{a as F}from"./7Y42J3JI.js";import{b as k}from"./7PB2GGQH.js";import"./7CI55VCH.js";import{A as V,B as C,C as h,H as q,g as D,i as d,m as $,n as b,q as T}from"./UTXWKXMT.js";export default $arcgis.t(([L,w,f,S,Z,A,P])=>{function p(s){return s!=null}function M(s){return s.type==="scene"?s.associatedLayer?.url:s.url}var G={dateStyle:"short",timeStyle:"short"},W={timeStyle:"medium"};function H(s){let{layer:e,fieldName:t}=s,i,a=N(e),r;"popupTemplate"in e&&(r=e.popupTemplate);let n=r?r.fieldInfos:[];return R(s)?.filter(l=>l.name===t).forEach(l=>{let u=!a&&n?n.filter(m=>m.fieldName===l.name):null,c=a?e.getFieldAlias(t):u?.length?u[0].label:l.alias;/^raster.(item|service)pixelvalue/iu.test(t)&&(l.type="double");let o={layerField:l,label:c||l.name};o.codedValues=j(t,s),Q(o),o.simpleFieldType&&(i=o)}),i}function R(s){let{layer:e}=s;return e.type==="imagery-tile"||e.type==="wcs"||e.type==="imagery"&&e.rasterFields.length?e.rasterFields:e.fields}async function E(s){s.statisticsStatus="in-progress";let{layer:e,view:t}=s;if(e.type==="imagery-tile"||e.type==="wcs"||e.type==="stream"||e.type==="voxel")throw new Error("could not get feature count");try{return await B(e,t)}catch{return}}async function U(s){let{layer:e,view:t,fieldName:i,fieldInfo:a}=s;if(e.type==="imagery-tile"||e.type==="wcs"||e.type==="voxel")throw new Error("could not get statistics for ImageryTileLayer/WCSLayer/VoxelLayer");if(!a||a.layerField.type==="oid"||a.layerField.type==="guid"||a.layerField.type==="global-id")return{totalCount:await E(s),nullcount:0};try{let r=await Z({layer:e,view:t,field:i,outStatisticTypes:{exclude:["median"]}});if(!p(r.count))throw new Error("could not get statistics");let n="sourceJSON"in e&&e.sourceJSON.maxRecordCount===r.count;if(p(r.nullcount)&&!n)return{...r,totalCount:r.count+r.nullcount};{let l=await E(s);return{...r,totalCount:l}}}catch{throw new Error("could not get statistics")}}async function J(s){let{layer:e,view:t,fieldName:i}=s;if(e.type==="imagery-tile"||e.type==="wcs"||e.type==="voxel")throw new Error("could not get unique values for ImageryLayer/ImageryTileLayer/WCSLayer/VoxelLayer");e.type==="feature"&&!e.url&&(e.outFields=["*"]);try{return await A({layer:e,view:t,field:i})}catch{throw new Error("could not get unique values")}}function Q(s){switch(s.layerField.type){case"string":s.simpleFieldType="string";break;case"date":s.simpleFieldType="date";break;case"timestamp-offset":s.simpleFieldType="timestamp-offset";break;case"date-only":s.simpleFieldType="date-only";break;case"time-only":s.simpleFieldType="time-only";break;case"oid":s.simpleFieldType="oid";break;case"guid":case"global-id":s.simpleFieldType="guid";break;case"small-integer":case"big-integer":case"integer":case"single":case"double":case"long":s.simpleFieldType="number";break}}function j(s,e){let{layer:t}=e;if(t.type==="subtype-sublayer"&&t.subtypeField===s){let u=t.parent?.subtypes?.find(c=>c.code===t.subtypeCode);if(u)return[{code:u.code,name:u.name}]}if(t.type!=="feature"&&t.type!=="imagery")return;let i=t.type==="feature"?t.typeIdField:void 0,a=t.type==="feature"?t.types:void 0,r,n=R(e)?.find(u=>u.name===s),l=n?.domain;return t.type==="feature"&&i&&a?(i===s?r=a.map(u=>({code:u.id,name:u.name})):(r=[],a.forEach(u=>{if(!u.domains[s]||u.domains[s].type==="inherited"){let c=l;c?.codedValues&&c.codedValues.forEach(async o=>{let m=!1;r.forEach(y=>{y.code===o.code&&(m=!0,`, ${y.name},`.includes(`, ${o.name},`)||(y.name+=`, ${o.name}`))}),m||r.push(S.clone(o))})}else u.domains[s].codedValues&&u.domains[s].codedValues.forEach(async c=>{let o=!1;r.forEach(m=>{m.code===c.code&&(o=!0,`, ${m.name},`.includes(`, ${c.name},`)||(m.name+=`, ${c.name}`))}),o||r.push(S.clone(c))})})),!r.length&&l?.codedValues&&(r=S.clone(l.codedValues))):l?.codedValues&&(r=n.domain.codedValues),r?.length?r:null}async function z(s){let{view:e,layer:t}=s;if(t.type==="imagery"||t.type==="imagery-tile"||t.type==="wcs")throw new Error("could not get feature");if(t.type==="feature"&&!t.url||t.type==="wfs"){let i=t.createQuery();i.start=0,i.num=5,i.outFields=["*"];let a=await t.queryFeatures(i);if(a.features.length)return a;throw new Error("could not get feature")}else{if(!e)return await _(s);let i;if(t.type==="subtype-sublayer"||t.type==="sublayer"){let a=t.parent;for(;["subtype-group","map-image"].includes(a.type);)a=a.parent;i=await e.whenLayerView(a)}else i=await e.whenLayerView(t);if(i.availableFields.length===t.fields.length||["stream","ogc-feature"].includes(t.type)&&i.availableFields.length>0){let a=t.createQuery();a.start=0,a.num=5,a.outFields=["*"];let r=await i.queryFeatures(a);return r.features?.length?r:await _(s)}else return await _(s)}}async function _(s){let{layer:e}=s;if(["imagery","imagery-tile","stream","ogc-feature"].includes(e.type))throw new Error("cannot get feature from service");let t=new P({where:"1=1",outFields:["*"],returnGeometry:!1});return"sourceJSON"in e&&e.sourceJSON?.advancedQueryCapabilities?.supportsPagination&&(t.num=1),await e.queryFeatures(t)}async function B(s,e){if(s.type==="feature"&&!s.url)return await K(s);if(s.type==="feature"||s.type==="csv"||s.type==="scene"||s.type==="wfs"||s.type==="geojson")return await s.queryFeatureCount();if(e&&(s.type==="stream"||s.type==="ogc-feature"))return await X(s,e)}async function K(s){let e=s.createQuery();e.outFields=["*"];let t=await s.queryFeatures(e);if(t.features.length)return t.features.length;throw new Error("could not get feature count")}async function X(s,e){return await(await e.whenLayerView(s)).queryFeatureCount()}var Y=D`:host{height:100%}.container{padding:var(--calcite-space-xs);background-color:var(--calcite-color-foreground-1)}.title{font-weight:700;padding:5px 0}.missing,.data{color:#a9a9a9}.count{white-space:nowrap}.section{padding:var(--calcite-space-xs) 0}.statistics-row{border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);padding:var(--calcite-space-xs) 0;display:flex;justify-content:space-between}.statistics-row-top-values{border-top:var(--calcite-border-width-sm) solid var(--calctie-color-border-2);padding:20px 0 var(--calcite-space-xs) 0;display:flex;justify-content:space-between}`,I=class extends C{constructor(){super(...arguments),this._messages=k({blocking:!0}),this._propWatcherTask=new x(this,{task:async([e,t])=>{let i=p(e)&&p(t);if(p(e)||$("error",this,b("layer")),p(t)||$("error",this,b("fieldName")),!i)throw new Error;await this.processProps(),this._propWatcherTask.autoRun=!1},args:()=>[this.layer,this.fieldName]}),this.oneFeatureResponseStatus="missing",this.statisticsStatus="missing",this.uniqueValuesStatus="missing",this.hideAlias=!1,this.hideNumericFormat=!1,this.hideStatistics=!1,this.arcgisComplete=T(),this.arcgisFieldInfoComplete=T()}static{this.properties={oneFeatureResponseStatus:16,oneFeatureResponse:16,statisticsStatus:16,statistics:16,uniqueValuesStatus:16,uniqueValues:16,view:0,layer:0,fieldName:1,hideAlias:5,hideNumericFormat:5,hideStatistics:5}}static{this.styles=Y}async refresh(){await this.processProps(),this.requestUpdate()}disconnectedCallback(){super.disconnectedCallback(),this.timeZoneHandle?.remove()}async processProps(){let{view:e,layer:t,fieldName:i,hideStatistics:a}=this;if(!t||!i)return;let r;if(t.declaredClass==="esri.layers.support.Sublayer"){let n=t;e&&await w.whenOnce(()=>!e.updating),r=await n.createFeatureLayer(),await r?.load()}this.props={view:e,layer:r??t,fieldName:i,hideStatistics:a},this.props.fieldInfo=H(this.props),t.type==="scene"&&L.request.interceptors?.push({urls:`${M(t)}/${t.layerId}`,before(n){n.requestOptions.authMode="no-prompt"}}),this.oneFeatureResponseStatus="in-progress";try{let n=await z(this.props);this.oneFeatureResponse=n,this.oneFeatureResponseStatus="success"}catch{this.oneFeatureResponseStatus="failed"}if(t.type==="stream"){this.uniqueValuesStatus="failed",this.statisticsStatus="failed";return}if(a)this.uniqueValuesStatus="failed";else{this.uniqueValuesStatus="in-progress";try{let n=await J(this.props);this.uniqueValues=n,n?.uniqueValueInfos?.length?this.uniqueValuesStatus="success":this.uniqueValuesStatus="failed"}catch{this.uniqueValuesStatus="failed"}}if(a)this.statisticsStatus="failed";else{this.statisticsStatus="in-progress";try{let n=await U(this.props);if(!p(n.totalCount)&&p(n.count)&&this.uniqueValuesStatus==="success"){let l=this.uniqueValues?.uniqueValueInfos??[];for(let u=0;u<l.length;u++){let c=l[u];if(c.value===null){n.totalCount=c.count+n.count;break}}n.totalCount??=n.count}this.statistics=n,this.statisticsStatus="success"}catch{this.statisticsStatus="failed"}}this.setUpTimeZoneHandle()}setUpTimeZoneHandle(){this.timeZoneHandle?.remove();let{props:e}=this,{view:t,fieldInfo:i}=e;["date","timestamp-offset"].includes(this._getStatisticsType(i))&&(this.timeZoneHandle=w.watch(()=>t?.timeZone,()=>{this.requestUpdate()}))}_getFieldTypeLabel(e){let{_messages:t}=this,i=t.fieldTypes;switch(e){case"big-integer":return i.bigInteger;case"date":return i.date;case"date-only":return i.dateOnly;case"double":return i.double;case"global-id":return i.globalId;case"guid":return i.guid;case"integer":return i.integer;case"long":return i.long;case"oid":return i.oid;case"single":return i.single;case"small-integer":return i.smallInteger;case"string":return i.string;case"time-only":return i.timeOnly;case"timestamp-offset":return i.timestampOffset;default:return i.string}}_getStatisticsType(e){switch(e.layerField.type){case"big-integer":case"double":case"integer":case"single":case"small-integer":{if(e.codedValues)return"string";switch(e.layerField.valueType){case"binary":case"description":case"location-or-place-name":case"name-or-title":case"ordered-or-ranked":case"type-or-category":return"string";default:return"number"}}case"date":return"date";case"date-only":return"date-only";case"string":return"string";case"time-only":return"time-only";case"timestamp-offset":return"timestamp-offset";default:return"string"}}_getFieldValueTypeCamelCase(e){switch(e.layerField.valueType){case"count-or-amount":return"countOrAmount";case"date-and-time":return"dateAndTime";case"location-or-place-name":return"locationOrPlaceName";case"name-or-title":return"nameOrTitle";case"ordered-or-ranked":return"orderedOrRanked";case"percentage-or-ratio":return"percentageOrRatio";case"type-or-category":return"typeOrCategory";case"unique-identifier":return"uniqueIdentifier";case"phone-number":return"phoneNumber";case"email-address":return"emailAddress";default:return e.layerField.valueType}}_getDisplayString(e,t){let{props:i}=this,{fieldInfo:a}=i;switch(a.simpleFieldType){case"date":return this._getDateString(e,t);case"date-only":return this._getDateOnlyString(e,t);case"guid":return this._getGuidString(e);case"number":return this._getNumberString(e,t);case"time-only":return this._getTimeOnlyString(e,t);case"timestamp-offset":return this._getTimestampOffsetString(e,t);default:return`${e}`}}_getDateString(e,t){let{view:i}=this.props;return i&&i.timeZone==="unknown"?f.formatDate(e,{...this.getIntlDateTimeFormattingOptions("short-date-short-time",t),timeZone:"utc"}):f.formatDate(e,{...this.getIntlDateTimeFormattingOptions("short-date-short-time",t),timeZone:i?.timeZone||"system"})}_getTimestampOffsetString(e,t){let{view:i}=this.props;return typeof e=="string"?i&&i.timeZone==="unknown"?f.formatTimestamp(e,{...this.getIntlDateTimeFormattingOptions("short-date-short-time",t),timeZone:"utc"}):f.formatTimestamp(e,{...this.getIntlDateTimeFormattingOptions("short-date-short-time",t),timeZone:i?.timeZone||"system"}):this._getDateString(e,t)}_getDateOnlyString(e,t){return f.formatDateOnly(e,this.getIntlDateTimeFormattingOptions("short-date",t))}_getTimeOnlyString(e,t){return typeof e=="string"?f.formatTimeOnly(e,this.getIntlDateTimeFormattingOptions("short-date-long-time",t)):f.formatDate(e,{...this.getIntlDateTimeFormattingOptions("long-time",{...t,isTimeOnly:!0}),timeZone:"utc"})}_getGuidString(e){return e.startsWith("{")?e:`{${e}}`}_getNumberString(e,t){let i=t?.useFieldFormatting?e:Math.round(e*100)/100;return f.formatNumber(i,this.getIntlNumberFormattingOptions(t))}_printNumValue(e,t){return p(e)?this._getNumberString(e,t):"--"}_setCompleteRef(){this.arcgisComplete.emit(),this.arcgisFieldInfoComplete.emit()}getCurrentFieldFormat(){let{props:e}=this,{layer:t,fieldName:i}=e;return(this.originalLayerSupportsFieldConfiguration()?t.getFieldConfiguration(i):void 0)?.fieldFormat}getIntlNumberFormattingOptions(e){let t=this.getCurrentFieldFormat();if(!e?.useFieldFormatting)return t?{useGrouping:["always","auto"].includes(t.useGrouping)}:f.convertNumberFormatToIntlOptions({digitSeparator:this.getPopupTemplateFieldInfo()?.format?.digitSeparator??!0});let i=t?{minimumFractionDigits:t.minimumFractionDigits,maximumFractionDigits:t.maximumFractionDigits,useGrouping:["always","auto"].includes(t.useGrouping)}:void 0;if(i)return i;let a=this.getPopupTemplateFieldInfo();return f.convertNumberFormatToIntlOptions({digitSeparator:a?.format?.digitSeparator??!0,places:a?.format?.places??2})}getIntlDateTimeFormattingOptions(e,t){let i=this.getCurrentFieldFormat();if(!t?.useFieldFormatting)return i?t?.isTimeOnly?W:G:f.convertDateFormatToIntlOptions(e);let a=i?{dateStyle:t?.isTimeOnly?void 0:i.dateStyle??void 0,year:i.dateStyle?void 0:i.year??void 0,month:i.dateStyle?void 0:i.month??void 0,timeStyle:i.timeStyle??void 0,hourCycle:i.hour12==="never"?"h23":"h11"}:void 0;if(a)return a;let r=this.getPopupTemplateFieldInfo();return f.convertDateFormatToIntlOptions(r?.format?.dateFormat??e)}originalLayerSupportsFieldConfiguration(){let{layer:e}=this;return N(e)}getPopupTemplateFieldInfo(){let{props:e}=this,{layer:t,fieldName:i}=e;return("popupTemplate"in t?t.popupTemplate:void 0)?.fieldInfos?.find(a=>a.fieldName===i)}render(){return this._propWatcherTask.render({complete:()=>{let{props:e}=this,{fieldInfo:t}=e;return t?d`<div class="container">${this.renderFieldType()}${this.renderFieldAlias()}${this.renderFieldDescription()}${this.renderFieldValueType()}${this.renderFieldSampleValue()}${this.renderFieldNumericFormat()}${this.renderFieldStatistics()}</div>`:""},error:()=>""})}renderFieldType(){let{_messages:e,props:t}=this,{fieldInfo:i}=t,a=this._getFieldTypeLabel(i.layerField.type);return d`<div class="section"><div class="title">${e.fieldType}</div><div>${a}</div></div>`}renderFieldAlias(){let{_messages:e,props:t,hideAlias:i}=this,{fieldInfo:a}=t;return i?"":d`<div class="section"><div class="title">${e.fieldAlias}</div><div>${a.label}</div></div>`}renderFieldDescription(){let{_messages:e,props:t}=this,{layer:i}=t;if(i.type!=="feature")return"";let{fieldInfo:a}=t,r=a.layerField.description;return d`<div class="section"><div class="title">${e.fieldDescription}</div><div class=${h({missing:!r})}>${r||e.fieldDescriptionNotSet}</div></div>`}renderFieldValueType(){let{_messages:e,props:t}=this,{layer:i}=t;if(i.type!=="feature")return"";let{fieldInfo:a}=t,r=this._getFieldValueTypeCamelCase(a);return d`<div class="section"><div class="title">${e.fieldValueType}</div><div class=${h(r?"":"missing")}>${r?e.fieldValueTypes[r]:e.fieldValueTypeNotSet}</div></div>`}renderFieldSampleValue(){let{oneFeatureResponse:e,oneFeatureResponseStatus:t,statisticsStatus:i,statistics:a,uniqueValuesStatus:r,uniqueValues:n,_messages:l,props:u}=this,{layer:c,fieldName:o,fieldInfo:m}=u,{statistics:y}=l,g;if(["imagery-tile","voxel"].includes(c.type)||c.type!=="stream"&&["string","oid","guid"].includes(this._getStatisticsType(m))&&r!=="failed")return"";t==="success"?e.features.forEach(v=>{(g===void 0||g===null&&v.attributes[o]!==null)&&(g=v.attributes[o])}):i==="success"?g=a?.min:r==="success"&&(g=n?.uniqueValueInfos?.[0]?.value||n?.uniqueValueInfos?.[1]?.value);let O=m.codedValues;return p(g)&&(O?g=O.find(v=>g===v.code)?.name||g:g=this._getDisplayString(g,{useFieldFormatting:!0})),d`<div class="section"><div class="title">${l.fieldSampleValue}</div><div class=${h(t==="failed"&&i==="failed"&&r==="failed"||!p(g)?"missing":"")}>${t==="success"||i==="success"||r==="success"?g?.toString()??y.allNulls:t==="failed"&&i==="failed"&&r==="failed"?l.fieldSampleNotAvailable:l.fieldSampleRetrieving}</div></div>`}renderFieldNumericFormat(){let{_messages:e,props:t,hideNumericFormat:i}=this,{fieldName:a,fieldInfo:r,layer:n}=t;if(i||!["double","long","single"].includes(r.layerField.type))return"";let l=this.originalLayerSupportsFieldConfiguration()?n.getFieldConfiguration(a):void 0;if(l?.fieldFormat){let{minimumFractionDigits:c,maximumFractionDigits:o}=l.fieldFormat;return d`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div>${e.fieldMinimumFractionDigits.replace("${number}",c.toString())}</div><div>${e.fieldMaximumFractionDigits.replace("${number}",o.toString())}</div></div>`}let u="popupTemplate"in n?n.popupTemplate:void 0;if(u?.fieldInfos){let c=u.fieldInfos?.filter(o=>o.fieldName===a);if(c?.length){let o=c[0];if(p(o?.format?.places)){let m=o.format.places;return d`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div>${e.fieldNumDecimalPlaces.replace("${number}",m.toString())}</div></div>`}}}return d`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div class="missing">${e.fieldDecimalPlacesNotAvailable}</div></div>`}renderFieldStatistics(){let{statisticsStatus:e,uniqueValuesStatus:t,hideStatistics:i,_messages:a,props:r}=this,{layer:n,fieldInfo:l}=r;return i?(this.arcgisComplete.emit(),this.arcgisFieldInfoComplete.emit(),""):["stream","imagery-tile","voxel"].includes(n.type)||["long"].includes(l.layerField.type)?(this.arcgisComplete.emit(),this.arcgisFieldInfoComplete.emit(),""):d`<div class="section"><div class="title">${a.fieldStatistics}</div>${!e||e==="missing"||e==="in-progress"?F("field-info-statistics-content",d`<div class="missing">${a.fieldStatisticsRetrieving}</div>`):e==="failed"&&t!=="success"?this.renderNoStatistics():F("field-info-statistics-content",d`<div ${V(this._setCompleteRef)}>${this.renderStatistics()}</div>`)}</div>`}renderNoStatistics(){let{_messages:e}=this;return F("field-info-statistics-content",d`<div class="missing" ${V(this._setCompleteRef)}>${e.fieldStatisticsNotAvailable}</div>`)}renderStatistics(){let{props:e}=this,{fieldInfo:t}=e;switch(this._getStatisticsType(t)){case"number":return this.renderNumberStatistics();case"guid":case"oid":case"string":return this.renderStringStatistics();case"date":case"date-only":case"time-only":case"timestamp-offset":return this.renderDateStatistics();default:return""}}renderNumberStatistics(){let{statistics:e,_messages:t}=this;if(!e)return this.renderNoStatistics();let{statistics:i}=t;return d`<div><div class="statistics-row"><div>${i.numberOfValues}</div><div class="data">${this._printNumValue(e.totalCount)}</div></div>${p(e.sum)?d`<div class="statistics-row"><div>${i.sumOfValues}</div><div class="data">${this._printNumValue(e.sum)}</div></div>`:null}${p(e.min)?d`<div class="statistics-row"><div>${i.minimum}</div><div class="data">${this._printNumValue(e.min)}</div></div>`:null}${p(e.max)?d`<div class="statistics-row"><div>${i.maximum}</div><div class="data">${this._printNumValue(e.max)}</div></div>`:null}${p(e.avg)?d`<div class="statistics-row"><div>${i.average}</div><div class="data">${this._printNumValue(e.avg)}</div></div>`:null}${p(e.stddev)?d`<div class="statistics-row"><div>${i.standardDeviation}</div><div class="data">${this._printNumValue(e.stddev)}</div></div>`:null}${this.renderNullValues()}</div>`}renderStringStatistics(){let{statistics:e,uniqueValuesStatus:t,_messages:i}=this,{statistics:a}=i;return d`<div><div class="statistics-row"><div>${a.numberOfValues}</div>${t!=="success"?d`<div class="missing">--</div>`:d`<div class="data">${this._printNumValue(e?.totalCount)}</div>`}</div>${this.renderNullValues()}${this.renderTopValues()}</div>`}renderDateStatistics(){let{statistics:e,view:t,props:i,_messages:a}=this,{fieldInfo:r}=i;if(!e||!p(e.max)||!p(e.min))return this.renderNoStatistics();let{statistics:n}=a,l=e.max-e.min,u=Math.floor(l/31536e6),c=Math.floor((l-u*31536e6)/2628e6),o=Math.ceil((l-c*2628e6)/864e5);o>=30&&(c+=1,o=0);let m=u===1?n.timeSpanOptions.year:u>1?n.timeSpanOptions.years.replace("${years}",u.toString()):"";m+=u>0&&(c>0||o>0)?", ":"",m+=c===1?n.timeSpanOptions.month:c>1?n.timeSpanOptions.months.replace("${months}",c.toString()):"",m+=c>0&&o>0?", ":"",m+=o===1?n.timeSpanOptions.day:o>1?n.timeSpanOptions.days.replace("${days}",o.toString()):"";let y=r.simpleFieldType!=="timestamp-offset"||!t||t.timeZone!=="unknown",g=r.simpleFieldType==="time-only";return d`<div><div class="statistics-row"><div>${n.numberOfValues}</div><div class="data">${this._printNumValue(e?.totalCount)}</div></div>${y&&p(e.min)?d`<div class="statistics-row"><div>${g?n.minimumTime:n.minimumDate}</div><div class="data">${this._getDisplayString(e.min)}</div></div>`:null}${y&&p(e.max)?d`<div class="statistics-row"><div>${g?n.maximumTime:n.maximumDate}</div><div class="data">${this._getDisplayString(e.max)}</div></div>`:null}${y&&p(e.avg)?d`<div class="statistics-row"><div>${g?n.averageTime:n.averageDate}</div><div class="data">${this._getDisplayString(e.avg)}</div></div>`:null}${y&&!g&&p(e.min)&&p(e.max)&&l>0?d`<div class="statistics-row"><div>${n.timespan}</div><div class="data">${m}</div></div>`:null}${this.renderNullValues()}</div>`}renderTopValues(){let{uniqueValues:e,uniqueValuesStatus:t,_messages:i,props:a}=this,{fieldInfo:r}=a,{statistics:n}=i;if(e?.uniqueValueInfos?.length){let l=e.uniqueValueInfos;l.sort((o,m)=>o.count<m.count?1:o.count>m.count?-1:0);let u=r.codedValues,c=l.filter(o=>o.value!==null).filter((o,m)=>o&&m<10).map(o=>{let m=o.value;return u?u.forEach(y=>{m===y.code&&(m=y.name)}):m=this._getDisplayString(m),d`<div class="statistics-row"><div class="data">${`${m}`}</div><div class="count">${this._printNumValue(o.count)}</div></div>`});return c.length?d`<div><div class="statistics-row-top-values"><div>${l.length>10?n.topTenValues:n.topValues}</div><div>${n.count}</div></div>${c}</div>`:""}else return d`<div><div class="statistics-row-top-values"><div>${n.topValues}</div><div>${n.count}</div></div><div class="statistics-row"><div class="missing">${t==="failed"?i.fieldUniqueValuesNotAvailable:i.fieldSampleRetrieving}</div></div></div>`}renderNullValues(){let{statistics:e,uniqueValues:t,_messages:i}=this,{statistics:a}=i,r=e?.nullcount;if(!p(r)&&t){let n=t.uniqueValueInfos;for(let l=0;l<n.length;l++){let u=n[l];if(u.value===null){r=u.count;break}}}return d`<div class="statistics-row"><div>${a.numberOfNulls}</div>${p(r)?d`<div class="data">${this._printNumValue(r)}</div>`:d`<div class="missing">--</div>`}</div>`}};q("arcgis-field-info",I);return I},"config","core/reactiveUtils","intl","core/lang","smartMapping/statistics/summaryStatistics","smartMapping/statistics/uniqueValues","rest/support/Query")

package/dist/cdn/P45VPBNI.js

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