@arcgis/common-components 5.1.0-next.99 → 5.2.0-next.0

package/dist/index.d.ts

@@ -47,6 +47,8 @@ export function setAssetPath(path: URL | string): void;
 import type { ArcgisCkeditor5 } from "./components/arcgis-ckeditor5/customElement.js";
 import type { ArcgisCkeditor5Popover } from "./components/arcgis-ckeditor5-popover/customElement.js";
 import type { ArcgisColorInput } from "./components/arcgis-color-input/customElement.js";
+import type { ArcgisCoordinateSystemPicker } from "./components/arcgis-coordinate-system-picker/customElement.js";
+import type { ArcgisCoordinateSystemPickerTree } from "./components/arcgis-coordinate-system-picker-tree/customElement.js";
 import type { ArcgisFieldInfo } from "./components/arcgis-field-info/customElement.js";
 import type { ArcgisFieldPickList } from "./components/arcgis-field-pick-list/customElement.js";
 import type { ArcgisHistogram } from "./components/arcgis-histogram/customElement.js";
@@ -57,8 +59,6 @@ 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";
 
@@ -79,6 +79,16 @@ export interface ArcgisColorInputCustomEvent<T> extends CustomEvent<T> {
   target: ArcgisColorInput;
   currentTarget: ArcgisColorInput;
 }
+export interface ArcgisCoordinateSystemPickerCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisCoordinateSystemPicker;
+  currentTarget: ArcgisCoordinateSystemPicker;
+}
+export interface ArcgisCoordinateSystemPickerTreeCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisCoordinateSystemPickerTree;
+  currentTarget: ArcgisCoordinateSystemPickerTree;
+}
 export interface ArcgisFieldInfoCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: ArcgisFieldInfo;
@@ -109,16 +119,6 @@ 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;
@@ -136,6 +136,8 @@ declare global {
     "arcgis-ckeditor5": ArcgisCkeditor5;
     "arcgis-ckeditor5-popover": ArcgisCkeditor5Popover;
     "arcgis-color-input": ArcgisColorInput;
+    "arcgis-coordinate-system-picker": ArcgisCoordinateSystemPicker;
+    "arcgis-coordinate-system-picker-tree": ArcgisCoordinateSystemPickerTree;
     "arcgis-field-info": ArcgisFieldInfo;
     "arcgis-field-pick-list": ArcgisFieldPickList;
     "arcgis-histogram": ArcgisHistogram;
@@ -146,8 +148,6 @@ 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;
 
@@ -162,6 +162,12 @@ declare global {
   type HTMLArcgisColorInputElementEventMap = ArcgisColorInput["@eventTypes"];
   type HTMLArcgisColorInputElement = ArcgisColorInput;
 
+  type HTMLArcgisCoordinateSystemPickerElementEventMap = ArcgisCoordinateSystemPicker["@eventTypes"];
+  type HTMLArcgisCoordinateSystemPickerElement = ArcgisCoordinateSystemPicker;
+
+  type HTMLArcgisCoordinateSystemPickerTreeElementEventMap = ArcgisCoordinateSystemPickerTree["@eventTypes"];
+  type HTMLArcgisCoordinateSystemPickerTreeElement = ArcgisCoordinateSystemPickerTree;
+
   type HTMLArcgisFieldInfoElementEventMap = ArcgisFieldInfo["@eventTypes"];
   type HTMLArcgisFieldInfoElement = ArcgisFieldInfo;
 
@@ -188,12 +194,6 @@ 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/index.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { g as e, s as a } from "./chunks/runtime.js";
 export {
   e as getAssetPath,

package/dist/loader.js

@@ -1,10 +1,12 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as i } from "@arcgis/lumina";
-const l = i(e, {
+const t = i(e, {
   "arcgis-ckeditor5": [() => import("./components/arcgis-ckeditor5/customElement.js"), "canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],
   "arcgis-ckeditor5-popover": [() => import("./components/arcgis-ckeditor5-popover/customElement.js"), "guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],
   "arcgis-color-input": [() => import("./components/arcgis-color-input/customElement.js"), "_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus"],
+  "arcgis-coordinate-system-picker": [() => import("./components/arcgis-coordinate-system-picker/customElement.js"), "_messages:,autoFilterToDefault,defaultWkid,filterEnabled,hideCategories:,value:;getSRDescription"],
+  "arcgis-coordinate-system-picker-tree": [() => import("./components/arcgis-coordinate-system-picker-tree/customElement.js"), "data:,value"],
   "arcgis-field-info": [() => import("./components/arcgis-field-info/customElement.js"), "_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],
   "arcgis-field-pick-list": [() => import("./components/arcgis-field-pick-list/customElement.js"), "_messages:,customExpressionCheck:,expressionsGroupHeading,fields:,fieldsGroupHeading,filterNoResultsText,filterPlaceholderText,groupFieldsAndExpressions,heading,hideCancel,hideSort,layer:,listOnly,mapView:,multiple,okBtnText,popoverProps:,selectedFields:,showCancel,showDescription,showFieldInfo,showFieldName,showFieldTypeIcon,showFilterLength,showSelectionAll,showSort,sortBy,view:;reposition,setDisabled,setFocus"],
   "arcgis-histogram": [() => import("./components/arcgis-histogram/customElement.js"), "_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,layout,max,messageOverrides:,min,standardDeviation"],
@@ -15,11 +17,9 @@ const l = i(e, {
   "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-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:,visualizationSource;getUniqueValues,setFocus"]
 });
 export {
-  l as defineCustomElements
+  t as defineCustomElements
 };

package/dist/types/lumina.d.ts

@@ -2,6 +2,8 @@
 import type { ArcgisCkeditor5 } from "../components/arcgis-ckeditor5/customElement.js";
 import type { ArcgisCkeditor5Popover } from "../components/arcgis-ckeditor5-popover/customElement.js";
 import type { ArcgisColorInput } from "../components/arcgis-color-input/customElement.js";
+import type { ArcgisCoordinateSystemPicker } from "../components/arcgis-coordinate-system-picker/customElement.js";
+import type { ArcgisCoordinateSystemPickerTree } from "../components/arcgis-coordinate-system-picker-tree/customElement.js";
 import type { ArcgisFieldInfo } from "../components/arcgis-field-info/customElement.js";
 import type { ArcgisFieldPickList } from "../components/arcgis-field-pick-list/customElement.js";
 import type { ArcgisHistogram } from "../components/arcgis-histogram/customElement.js";
@@ -12,8 +14,6 @@ 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";
@@ -43,6 +43,14 @@ interface LuminaArcgisColorInput extends Partial<Pick<ArcgisColorInput, "clearab
   onarcgisSwatchUpdate?: EventHandler<ArcgisColorInput["arcgisSwatchUpdate"]>;
 }
 
+interface LuminaArcgisCoordinateSystemPicker extends Partial<Pick<ArcgisCoordinateSystemPicker, "autoFilterToDefault" | "defaultWkid" | "filterEnabled" | "hideCategories" | "value">>, h.JSX.HTMLAttributes<ArcgisCoordinateSystemPicker> {
+  onarcgisChange?: EventHandler<ArcgisCoordinateSystemPicker["arcgisChange"]>;
+}
+
+interface LuminaArcgisCoordinateSystemPickerTree extends Partial<Pick<ArcgisCoordinateSystemPickerTree, "data" | "value">>, h.JSX.HTMLAttributes<ArcgisCoordinateSystemPickerTree> {
+  onarcgisChange?: EventHandler<ArcgisCoordinateSystemPickerTree["arcgisChange"]>;
+}
+
 interface LuminaArcgisFieldInfo extends Partial<Pick<ArcgisFieldInfo, "fieldName" | "hideAlias" | "hideNumericFormat" | "hideStatistics" | "layer" | "view">>, h.JSX.HTMLAttributes<ArcgisFieldInfo> {
   onarcgisComplete?: EventHandler<ArcgisFieldInfo["arcgisComplete"]>;
   onarcgisFieldInfoComplete?: EventHandler<ArcgisFieldInfo["arcgisFieldInfoComplete"]>;
@@ -92,14 +100,6 @@ interface LuminaArcgisSliderInput extends Partial<Pick<ArcgisSliderInput, "disab
   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"]>;
 }
@@ -116,6 +116,8 @@ declare module "@arcgis/lumina" {
       "arcgis-ckeditor5": LuminaArcgisCkeditor5;
       "arcgis-ckeditor5-popover": LuminaArcgisCkeditor5Popover;
       "arcgis-color-input": LuminaArcgisColorInput;
+      "arcgis-coordinate-system-picker": LuminaArcgisCoordinateSystemPicker;
+      "arcgis-coordinate-system-picker-tree": LuminaArcgisCoordinateSystemPickerTree;
       "arcgis-field-info": LuminaArcgisFieldInfo;
       "arcgis-field-pick-list": LuminaArcgisFieldPickList;
       "arcgis-histogram": LuminaArcgisHistogram;
@@ -126,8 +128,6 @@ 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

@@ -2,6 +2,8 @@
 import type { ArcgisCkeditor5 } from "../components/arcgis-ckeditor5/customElement.js";
 import type { ArcgisCkeditor5Popover } from "../components/arcgis-ckeditor5-popover/customElement.js";
 import type { ArcgisColorInput } from "../components/arcgis-color-input/customElement.js";
+import type { ArcgisCoordinateSystemPicker } from "../components/arcgis-coordinate-system-picker/customElement.js";
+import type { ArcgisCoordinateSystemPickerTree } from "../components/arcgis-coordinate-system-picker-tree/customElement.js";
 import type { ArcgisFieldInfo } from "../components/arcgis-field-info/customElement.js";
 import type { ArcgisFieldPickList } from "../components/arcgis-field-pick-list/customElement.js";
 import type { ArcgisHistogram } from "../components/arcgis-histogram/customElement.js";
@@ -12,8 +14,6 @@ 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";
@@ -44,6 +44,14 @@ interface PreactArcgisColorInput extends Partial<Pick<ArcgisColorInput, "clearab
   onarcgisSwatchUpdate?: EventHandler<ArcgisColorInput["arcgisSwatchUpdate"]>;
 }
 
+interface PreactArcgisCoordinateSystemPicker extends Partial<Pick<ArcgisCoordinateSystemPicker, "autoFilterToDefault" | "defaultWkid" | "filterEnabled" | "hideCategories" | "value">>, HTMLAttributes<ArcgisCoordinateSystemPicker> {
+  onarcgisChange?: EventHandler<ArcgisCoordinateSystemPicker["arcgisChange"]>;
+}
+
+interface PreactArcgisCoordinateSystemPickerTree extends Partial<Pick<ArcgisCoordinateSystemPickerTree, "data" | "value">>, HTMLAttributes<ArcgisCoordinateSystemPickerTree> {
+  onarcgisChange?: EventHandler<ArcgisCoordinateSystemPickerTree["arcgisChange"]>;
+}
+
 interface PreactArcgisFieldInfo extends Partial<Pick<ArcgisFieldInfo, "fieldName" | "hideAlias" | "hideNumericFormat" | "hideStatistics" | "layer" | "view">>, HTMLAttributes<ArcgisFieldInfo> {
   onarcgisComplete?: EventHandler<ArcgisFieldInfo["arcgisComplete"]>;
   onarcgisFieldInfoComplete?: EventHandler<ArcgisFieldInfo["arcgisFieldInfoComplete"]>;
@@ -93,14 +101,6 @@ interface PreactArcgisSliderInput extends Partial<Pick<ArcgisSliderInput, "disab
   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"]>;
 }
@@ -117,6 +117,8 @@ declare module 'preact' {
       "arcgis-ckeditor5": PreactArcgisCkeditor5;
       "arcgis-ckeditor5-popover": PreactArcgisCkeditor5Popover;
       "arcgis-color-input": PreactArcgisColorInput;
+      "arcgis-coordinate-system-picker": PreactArcgisCoordinateSystemPicker;
+      "arcgis-coordinate-system-picker-tree": PreactArcgisCoordinateSystemPickerTree;
       "arcgis-field-info": PreactArcgisFieldInfo;
       "arcgis-field-pick-list": PreactArcgisFieldPickList;
       "arcgis-histogram": PreactArcgisHistogram;
@@ -127,8 +129,6 @@ 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;
     }
@@ -138,6 +138,8 @@ declare module 'preact' {
       "arcgis-ckeditor5": PreactArcgisCkeditor5;
       "arcgis-ckeditor5-popover": PreactArcgisCkeditor5Popover;
       "arcgis-color-input": PreactArcgisColorInput;
+      "arcgis-coordinate-system-picker": PreactArcgisCoordinateSystemPicker;
+      "arcgis-coordinate-system-picker-tree": PreactArcgisCoordinateSystemPickerTree;
       "arcgis-field-info": PreactArcgisFieldInfo;
       "arcgis-field-pick-list": PreactArcgisFieldPickList;
       "arcgis-histogram": PreactArcgisHistogram;
@@ -148,8 +150,6 @@ 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

@@ -2,6 +2,8 @@
 import type { ArcgisCkeditor5 } from "../components/arcgis-ckeditor5/customElement.js";
 import type { ArcgisCkeditor5Popover } from "../components/arcgis-ckeditor5-popover/customElement.js";
 import type { ArcgisColorInput } from "../components/arcgis-color-input/customElement.js";
+import type { ArcgisCoordinateSystemPicker } from "../components/arcgis-coordinate-system-picker/customElement.js";
+import type { ArcgisCoordinateSystemPickerTree } from "../components/arcgis-coordinate-system-picker-tree/customElement.js";
 import type { ArcgisFieldInfo } from "../components/arcgis-field-info/customElement.js";
 import type { ArcgisFieldPickList } from "../components/arcgis-field-pick-list/customElement.js";
 import type { ArcgisHistogram } from "../components/arcgis-histogram/customElement.js";
@@ -12,8 +14,6 @@ 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';
@@ -44,6 +44,14 @@ interface ReactArcgisColorInput extends Partial<Pick<ArcgisColorInput, "clearabl
   onarcgisSwatchUpdate?: EventHandler<ArcgisColorInput["arcgisSwatchUpdate"]>;
 }
 
+interface ReactArcgisCoordinateSystemPicker extends Partial<Pick<ArcgisCoordinateSystemPicker, "autoFilterToDefault" | "defaultWkid" | "filterEnabled" | "hideCategories" | "value">>, HTMLProps<ArcgisCoordinateSystemPicker> {
+  onarcgisChange?: EventHandler<ArcgisCoordinateSystemPicker["arcgisChange"]>;
+}
+
+interface ReactArcgisCoordinateSystemPickerTree extends Partial<Pick<ArcgisCoordinateSystemPickerTree, "data" | "value">>, HTMLProps<ArcgisCoordinateSystemPickerTree> {
+  onarcgisChange?: EventHandler<ArcgisCoordinateSystemPickerTree["arcgisChange"]>;
+}
+
 interface ReactArcgisFieldInfo extends Partial<Pick<ArcgisFieldInfo, "fieldName" | "hideAlias" | "hideNumericFormat" | "hideStatistics" | "layer" | "view">>, HTMLProps<ArcgisFieldInfo> {
   onarcgisComplete?: EventHandler<ArcgisFieldInfo["arcgisComplete"]>;
   onarcgisFieldInfoComplete?: EventHandler<ArcgisFieldInfo["arcgisFieldInfoComplete"]>;
@@ -93,14 +101,6 @@ interface ReactArcgisSliderInput extends Partial<Pick<ArcgisSliderInput, "disabl
   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"]>;
 }
@@ -117,6 +117,8 @@ declare module "react" {
       "arcgis-ckeditor5": ReactArcgisCkeditor5;
       "arcgis-ckeditor5-popover": ReactArcgisCkeditor5Popover;
       "arcgis-color-input": ReactArcgisColorInput;
+      "arcgis-coordinate-system-picker": ReactArcgisCoordinateSystemPicker;
+      "arcgis-coordinate-system-picker-tree": ReactArcgisCoordinateSystemPickerTree;
       "arcgis-field-info": ReactArcgisFieldInfo;
       "arcgis-field-pick-list": ReactArcgisFieldPickList;
       "arcgis-histogram": ReactArcgisHistogram;
@@ -127,8 +129,6 @@ 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;
     }
@@ -140,6 +140,8 @@ declare module "react/jsx-runtime" {
       "arcgis-ckeditor5": ReactArcgisCkeditor5;
       "arcgis-ckeditor5-popover": ReactArcgisCkeditor5Popover;
       "arcgis-color-input": ReactArcgisColorInput;
+      "arcgis-coordinate-system-picker": ReactArcgisCoordinateSystemPicker;
+      "arcgis-coordinate-system-picker-tree": ReactArcgisCoordinateSystemPickerTree;
       "arcgis-field-info": ReactArcgisFieldInfo;
       "arcgis-field-pick-list": ReactArcgisFieldPickList;
       "arcgis-histogram": ReactArcgisHistogram;
@@ -150,8 +152,6 @@ 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;
     }
@@ -163,6 +163,8 @@ declare module "react/jsx-dev-runtime" {
       "arcgis-ckeditor5": ReactArcgisCkeditor5;
       "arcgis-ckeditor5-popover": ReactArcgisCkeditor5Popover;
       "arcgis-color-input": ReactArcgisColorInput;
+      "arcgis-coordinate-system-picker": ReactArcgisCoordinateSystemPicker;
+      "arcgis-coordinate-system-picker-tree": ReactArcgisCoordinateSystemPickerTree;
       "arcgis-field-info": ReactArcgisFieldInfo;
       "arcgis-field-pick-list": ReactArcgisFieldPickList;
       "arcgis-histogram": ReactArcgisHistogram;
@@ -173,8 +175,6 @@ 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

@@ -2,6 +2,8 @@
 import type { ArcgisCkeditor5 } from "../components/arcgis-ckeditor5/customElement.js";
 import type { ArcgisCkeditor5Popover } from "../components/arcgis-ckeditor5-popover/customElement.js";
 import type { ArcgisColorInput } from "../components/arcgis-color-input/customElement.js";
+import type { ArcgisCoordinateSystemPicker } from "../components/arcgis-coordinate-system-picker/customElement.js";
+import type { ArcgisCoordinateSystemPickerTree } from "../components/arcgis-coordinate-system-picker-tree/customElement.js";
 import type { ArcgisFieldInfo } from "../components/arcgis-field-info/customElement.js";
 import type { ArcgisFieldPickList } from "../components/arcgis-field-pick-list/customElement.js";
 import type { ArcgisHistogram } from "../components/arcgis-histogram/customElement.js";
@@ -12,8 +14,6 @@ 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";
@@ -44,6 +44,14 @@ interface StencilArcgisColorInput extends Partial<Pick<ArcgisColorInput, "cleara
   onArcgisSwatchUpdate?: EventHandler<ArcgisColorInput["arcgisSwatchUpdate"]>;
 }
 
+interface StencilArcgisCoordinateSystemPicker extends Partial<Pick<ArcgisCoordinateSystemPicker, "autoFilterToDefault" | "defaultWkid" | "filterEnabled" | "hideCategories" | "value">>, StencilJsx.HTMLAttributes<ArcgisCoordinateSystemPicker> {
+  onArcgisChange?: EventHandler<ArcgisCoordinateSystemPicker["arcgisChange"]>;
+}
+
+interface StencilArcgisCoordinateSystemPickerTree extends Partial<Pick<ArcgisCoordinateSystemPickerTree, "data" | "value">>, StencilJsx.HTMLAttributes<ArcgisCoordinateSystemPickerTree> {
+  onArcgisChange?: EventHandler<ArcgisCoordinateSystemPickerTree["arcgisChange"]>;
+}
+
 interface StencilArcgisFieldInfo extends Partial<Pick<ArcgisFieldInfo, "fieldName" | "hideAlias" | "hideNumericFormat" | "hideStatistics" | "layer" | "view">>, StencilJsx.HTMLAttributes<ArcgisFieldInfo> {
   onArcgisComplete?: EventHandler<ArcgisFieldInfo["arcgisComplete"]>;
   onArcgisFieldInfoComplete?: EventHandler<ArcgisFieldInfo["arcgisFieldInfoComplete"]>;
@@ -93,14 +101,6 @@ interface StencilArcgisSliderInput extends Partial<Pick<ArcgisSliderInput, "disa
   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"]>;
 }
@@ -115,6 +115,8 @@ interface ExposedElements {
   "arcgis-ckeditor5": StencilArcgisCkeditor5;
   "arcgis-ckeditor5-popover": StencilArcgisCkeditor5Popover;
   "arcgis-color-input": StencilArcgisColorInput;
+  "arcgis-coordinate-system-picker": StencilArcgisCoordinateSystemPicker;
+  "arcgis-coordinate-system-picker-tree": StencilArcgisCoordinateSystemPickerTree;
   "arcgis-field-info": StencilArcgisFieldInfo;
   "arcgis-field-pick-list": StencilArcgisFieldPickList;
   "arcgis-histogram": StencilArcgisHistogram;
@@ -125,8 +127,6 @@ 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/common-components",
-  "version": "5.1.0-next.99",
+  "version": "5.2.0-next.0",
   "description": "ArcGIS Maps SDK for JavaScript common components",
   "keywords": [
     "2D",
@@ -19,9 +19,9 @@
   ],
   "homepage": "https://developers.arcgis.com/javascript/latest/",
   "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
     "./utils/types": {
@@ -49,12 +49,12 @@
     "@lit/task": "^1.0.3",
     "lit": "^3.3.0",
     "tslib": "^2.8.1",
-    "@arcgis/lumina": "5.1.0-next.99",
-    "@arcgis/toolkit": "5.1.0-next.99"
+    "@arcgis/lumina": "5.2.0-next.0",
+    "@arcgis/toolkit": "5.2.0-next.0"
   },
   "peerDependencies": {
     "@arcgis/core": "^5.1.0-next",
-    "@esri/calcite-components": "^5.1.0-next.45"
+    "@esri/calcite-components": "^5.1.0-next.60"
   },
   "css.customData": [
     "dist/docs/vscode.css-custom-data.json"

package/dist/cdn/43KGVFBF.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as g}from"./TJNYRK5P.js";import{a as C,b as k}from"./O3CBCQNL.js";import{a as B}from"./GPVWNUMW.js";import{b as x}from"./JRF33N6C.js";import"./HYLC5GEB.js";import{A as h,B as w,C as $,D as m,E as c,F as v,H as S,g as y,i as s,m as p,n as F,q as n,z as r}from"./GSNPEBGQ.js";var o=new Map;o.set("oid","key");o.set("guid","key");o.set("global-id","key");o.set("blob","binary");o.set("integer","integer");o.set("small-integer","integer");o.set("big-integer","integer");o.set("single","number");o.set("double","number");o.set("long","number");o.set("number","number");o.set("date","date-time");o.set("date-only","calendar");o.set("time-only","clock");o.set("timestamp-offset","time-zone");o.set("string","string");var L=({fieldType:u})=>s`<calcite-icon scale=s .icon=${o.get(u)}></calcite-icon>`,E=y`.panel{min-height:250px}.content{max-height:50vh}.field-icons{display:flex;align-items:center;padding:0 var(--calcite-space-sm)}.selection-button-div{padding:var(--calcite-space-2xs) var(--calcite-space-sm-plus)}.no-match-text{padding:var(--calcite-space-md)}.footer{width:100%}.add-cancel-buttons{display:flex;align-content:space-between}`,f=class extends w{constructor(){super(...arguments),this._messages=x({blocking:!0}),this.popoverNode=r(),this.listNode=r(),this.flowElement=r(),this.panelElement=r(),this.dropdownNode=r(),this.fieldInfoFlowItemEl=r(),this.allLists=[],this.filterText="",this.panelCutOffHeight=0,this._propWatcherTask=new C(this,{task:async([e])=>{if(!this.listOnly&&!k(e?.refElement))throw p("error",this,F("popoverProps")),new Error;this._propWatcherTask.autoRun=!1},args:()=>[this.popoverProps]}),this.fields=[],this.selectedFields=[],this.listOnly=!1,this.showFieldInfo=!1,this.showFieldTypeIcon=!1,this.showFieldName=!1,this.showDescription=!1,this.showSelectionAll=!1,this.showCancel=!0,this.hideCancel=!1,this.showSort=!0,this.hideSort=!1,this.showFilterLength=10,this.multiple=!1,this.sortBy="default",this.groupFieldsAndExpressions=!1,this.arcgisChange=n(),this.arcgisClose=n(),this.arcgisFieldPickListChange=n(),this.arcgisFieldPickListDismissed=n(),this.arcgisFieldPickListSortByChange=n(),this.arcgisSortByChange=n(),this.arcgisEditField=n(),this.arcgisDeleteField=n()}static{this.properties={lastSortBy:16,filterFields:16,mapView:0,view:0,layer:0,fields:0,selectedFields:0,listOnly:5,popoverProps:0,showFieldInfo:5,showFieldTypeIcon:5,showFieldName:5,showDescription:5,showSelectionAll:5,showCancel:5,hideCancel:5,showSort:5,hideSort:5,showFilterLength:9,multiple:5,heading:1,okBtnText:1,filterPlaceholderText:1,filterNoResultsText:1,sortBy:1,groupFieldsAndExpressions:5,fieldsGroupHeading:1,expressionsGroupHeading:1,customExpressionCheck:0}}static{this.styles=E}async reposition(){await this.popoverNode.value?.reposition()}async setFocus(){setTimeout(()=>requestAnimationFrame(()=>{this.listOnly?this.listNode.value?.setFocus():this.panelElement.value?.setFocus()}),1)}async setDisabled(e){this.panelElement.value&&(this.panelElement.value.disabled=e)}load(){!this.view&&this.mapView&&(this.view=this.mapView),!this.showCancel&&!this.hideCancel&&(this.hideCancel=!0),!this.showSort&&!this.hideSort&&(this.hideSort=!0),this.listOnly&&this.showFieldInfo&&(this.showFieldInfo=!1,p("info",this,"showFieldInfo is not supported if listOnly is true.")),!this.multiple&&this.selectedFields.length>1&&(this.selectedFields=[this.selectedFields[0]]),this.lastSortBy=this.sortBy??this.lastSortBy,this.updateGroupedLists()}willUpdate(e){(e.has("fields")||e.has("lastSortBy")||e.has("customExpressionCheck"))&&this.updateGroupedLists()}loaded(){this.setUpObserver(),this.listOnly?this.listNode.value?.setFocus():(this.flowElement.value?.setFocus(),this.checkMaxHeight())}disconnectedCallback(){super.disconnectedCallback(),this.observer?.disconnect()}setUpObserver(){this.observer=new MutationObserver(e=>{for(let t of e)t.attributeName==="style"&&this.popoverNode.value&&this.dropdownNode.value&&this.popoverNode.value.style.visibility==="hidden"&&(this.dropdownNode.value.open=!1)})}checkMaxHeight(){setTimeout(()=>this.checkPanelMaxHeight(),200),setTimeout(()=>this.checkPanelMaxHeight(),500),setTimeout(()=>this.checkPanelMaxHeight(),1e3),setTimeout(()=>this.checkPanelMaxHeight(),1500)}checkPanelMaxHeight(){if(this.panelCutOffHeight===0){let e=this.panelElement.value?.getBoundingClientRect();if(e&&e.bottom>window.innerHeight){this.panelCutOffHeight=e.height-(e.bottom-window.innerHeight)-5;let t=this.listNode.value?.getBoundingClientRect();t&&(this.listNode.value.style.maxHeight=`${t.height-(e.bottom-window.innerHeight)-5}px`)}}}getSortedList(e){let t=[...e],i=t.filter(l=>l.type==="none");return t=t.filter(l=>l.type!=="none"),this.lastSortBy==="display"?t.sort((l,a)=>l.alias.localeCompare(a.alias)):this.lastSortBy==="field"?t.sort((l,a)=>l.name.localeCompare(a.name)):this.lastSortBy==="type"&&t.sort((l,a)=>l.type.localeCompare(a.type)),t=t.concat(i),t}isExpression(e){return this.customExpressionCheck?this.customExpressionCheck(e):e.name.includes(g.expression)}canDeselectAll(){let e=this.getAllFields();return this.filterFields?.length?this.filterContainsAll():this.selectedFields.length===e.length}filterContainsAll(){return!!this.filterFields?.every(e=>this.selectedFields.some(t=>t===e))}showFieldInfoCheck(e){let{layer:t}=this;return this.showFieldInfo?!(!t||this.isExpression(e)||e.name.includes(g.relationship)||e.type==="none"):!1}updateGroupedLists(){if(this.fields)if(this.allLists=[],this.usingCustomGroups())for(let e of this.fields)this.allLists.push({title:e.title,fields:[...this.getSortedList(e.fields)]});else this.allLists=this.groupFieldsAndExpressions?[{title:this.expressionsGroupHeading,fields:[...this.getSortedList(this.fields)].filter(e=>this.isExpression(e))},{title:this.fieldsGroupHeading,fields:[...this.getSortedList(this.fields)].filter(e=>!this.isExpression(e))}]:[{title:void 0,fields:[...this.getSortedList(this.fields)]}]}addFieldInfoFlowItem(e,t){let i=this.flowElement.value,l=v(s`<calcite-flow-item selected .heading=${e.alias??e.name} .description=${e.name} class="panel" style=${m(this.panelCutOffHeight>0?`max-height: ${this.panelCutOffHeight}px`:"max-height: 50vh")} @calciteFlowItemBack=${a=>{a.currentTarget.remove(),this.fieldInfoFlowItemEl.value.selected=!1,this.panelElement.value.selected=!0,setTimeout(()=>{t.setFocus()},300)}} ${h(this.fieldInfoFlowItemEl)}><arcgis-field-info lang=${this._messages._lang??c} .fieldName=${e.name} .layer=${this.layer} .view=${this.view} class="content"></arcgis-field-info></calcite-flow-item>`);i.appendChild(l),this.panelElement.value.selected=!1,this.fieldInfoFlowItemEl?.value.setFocus()}usingCustomGroups(){return!!this.fields.length&&"fields"in this.fields[0]}getAllFields(){return this.allLists.map(e=>e.fields).flat()}render(){return this._propWatcherTask.render({complete:()=>{if(this.listOnly)return this.renderList();let e=this.heading||(this.multiple?this._messages.headerSelect:this._messages.header),t=this.popoverProps;return this.el.classList.add("js-app-flyout"),s`<calcite-popover .placement=${t.placement??"leading-start"} open pointer-disabled .referenceElement=${t.refElement} .offsetDistance=${t.offsetDistance??-Math.round(t.refElement.getBoundingClientRect().width)} .offsetSkidding=${t.offsetSkidding??0} .overlayPositioning=${t.overlayPositioning} trigger-disabled .autoClose=${t.autoClose} .label=${this.heading??(this.multiple?this._messages.headerSelect:this._messages.header)??""} @calcitePopoverClose=${()=>{this.arcgisClose.emit(),this.arcgisFieldPickListDismissed.emit()}} ${h(this.popoverNode)}><calcite-flow style=${m({width:`${t.popoverWidth??t.refElement.getBoundingClientRect().width}px`,...t.maxHeight&&{maxHeight:t.maxHeight}})} ${h(this.flowElement)}><calcite-flow-item class="panel" .heading=${e} closable @calciteFlowItemClose=${()=>{this.arcgisClose.emit(),this.arcgisFieldPickListDismissed.emit()}} ${h(this.panelElement)}><slot slot=content-top name=content-top></slot>${this.renderList()}<slot slot=content-bottom name=content-bottom></slot>${(this.multiple||!this.hideCancel)&&s`<div slot=footer class="footer"><slot name=content-footer></slot>${this.multiple&&!this.hideCancel?s`<div class="add-cancel-buttons">${this.renderAddButton()}${this.renderCancelButton()}</div>`:s`${this.renderAddButton()}${this.renderCancelButton()}`}</div>`||""}</calcite-flow-item></calcite-flow></calcite-popover>`},error:()=>""})}renderList(){let e=this.heading||(this.multiple?this._messages.headerSelect:this._messages.header),t=this.getAllFields(),i=t.length>=this.showFilterLength;return s`${t.length?s`<calcite-list .label=${e} .selectionMode=${this.multiple?"multiple":"single"} class=${$(this.listOnly?"":"content")} .filterEnabled=${i} .filterPlaceholder=${this.filterPlaceholderText??this._messages.filter} @calciteListChange=${()=>{let l=this.listNode.value.selectedItems.map(d=>d.value),a=this.selectedFields.filter(d=>l.includes(d)),b=l.filter(d=>!this.selectedFields.includes(d));this.selectedFields=[...new Set([...a,...b])],this.arcgisChange.emit({selectedFields:this.selectedFields}),this.arcgisFieldPickListChange.emit({selectedFields:this.selectedFields}),this.multiple||(this.arcgisClose.emit({selectedFields:this.selectedFields}),this.arcgisFieldPickListDismissed.emit({selectedFields:this.selectedFields}))}} @calciteListFilter=${l=>{l.stopPropagation(),this.filterFields=this.listNode.value.filteredItems?.map(a=>a.value),this.filterText=this.listNode.value.filterText}} ${h(this.listNode)}>${this.renderSortButton()}<slot name=content-center></slot>${this.multiple&&this.showSelectionAll&&(!i||!this.filterText||this.filterFields?.length)?this.renderSelectionButton():null}${this.renderListItems()}</calcite-list>`:s`<slot name=no-fields></slot>`}${this.filterFields&&!this.filterFields.length&&this.listNode.value&&this.filterNoResultsText?.length!==0?s`<div class="no-match-text">${this.filterNoResultsText??this._messages.noMatches}</div>`:null}`}renderSortButton(){let e=this.getAllFields();if(!(e.length>=this.showFilterLength&&!this.hideSort))return"";let t=e.every(i=>!!i.type);return s`<calcite-dropdown slot=filter-actions-end placement=bottom-end overlay-positioning=fixed .disabled=${this.filterFields?this.filterFields.length<4:!1} @calciteDropdownOpen=${()=>{this.observer?.disconnect(),this.popoverNode.value&&this.observer?.observe(this.popoverNode.value,{attributes:!0})}} @calciteDropdownClose=${()=>this.observer?.disconnect()} ${h(this.dropdownNode)}><calcite-action slot=trigger .text=${this._messages.sort??""} title=${this._messages.sort??c}><calcite-icon scale=s icon=sortDescending flip-rtl></calcite-icon></calcite-action><calcite-dropdown-group><calcite-dropdown-item .selected=${this.lastSortBy==="default"} @click=${()=>{this.lastSortBy="default",this.arcgisSortByChange.emit(this.lastSortBy),this.arcgisFieldPickListSortByChange.emit(this.lastSortBy)}} @keydown=${i=>{i.stopPropagation(),(i.key===" "||i.key==="Enter")&&(this.lastSortBy="default",this.arcgisSortByChange.emit(this.lastSortBy),this.arcgisFieldPickListSortByChange.emit(this.lastSortBy))}}>${this._messages.default}</calcite-dropdown-item><calcite-dropdown-item .selected=${this.lastSortBy==="display"} @click=${()=>{this.lastSortBy="display",this.arcgisSortByChange.emit(this.lastSortBy),this.arcgisFieldPickListSortByChange.emit(this.lastSortBy)}} @keydown=${i=>{i.stopPropagation(),(i.key===" "||i.key==="Enter")&&(this.lastSortBy="display",this.arcgisSortByChange.emit(this.lastSortBy),this.arcgisFieldPickListSortByChange.emit(this.lastSortBy))}}>${this._messages.displayName}</calcite-dropdown-item>${t&&s`<calcite-dropdown-item .selected=${this.lastSortBy==="type"} @click=${()=>{this.lastSortBy="type",this.arcgisSortByChange.emit(this.lastSortBy),this.arcgisFieldPickListSortByChange.emit(this.lastSortBy)}} @keydown=${i=>{i.stopPropagation(),(i.key===" "||i.key==="Enter")&&(this.lastSortBy="type",this.arcgisSortByChange.emit(this.lastSortBy),this.arcgisFieldPickListSortByChange.emit(this.lastSortBy))}}>${this._messages.type}</calcite-dropdown-item>`||""}<calcite-dropdown-item .selected=${this.lastSortBy==="field"} @click=${()=>{this.lastSortBy="field",this.arcgisSortByChange.emit(this.lastSortBy),this.arcgisFieldPickListSortByChange.emit(this.lastSortBy)}} @keydown=${i=>{i.stopPropagation(),(i.key===" "||i.key==="Enter")&&(this.lastSortBy="field",this.arcgisSortByChange.emit(this.lastSortBy),this.arcgisFieldPickListSortByChange.emit(this.lastSortBy))}}>${this._messages.fieldName}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}renderSelectionButton(){return s`<div class="selection-button-div"><calcite-button appearance=transparent scale=s width=full @click=${()=>{if(this.canDeselectAll())this.selectedFields=this.filterFields?.length?this.selectedFields.filter(e=>!this.filterFields?.includes(e)):[];else if(this.filterFields?.length)this.selectedFields=[...new Set([...this.selectedFields,...this.filterFields])];else{let e=this.getAllFields();this.selectedFields=e.map(t=>t.name)}this.arcgisChange.emit({selectedFields:this.selectedFields}),this.arcgisFieldPickListChange.emit({selectedFields:this.selectedFields})}}>${this.canDeselectAll()?this._messages.deselectAll:this._messages.selectAll}</calcite-button></div>`}renderListItems(){let e=this.allLists.filter(t=>!!t.fields.length);return e.length===1&&!e[0].title?e[0].fields.map(t=>this.renderCalciteListItem(t)):e.map(t=>s`<calcite-list-item-group .heading=${t.title}>${t.fields.map(i=>this.renderCalciteListItem(i))}</calcite-list-item-group>`)}renderCalciteListItem(e){let t=this.showFieldInfoCheck(e),i=this.showFieldTypeIcon&&!!e.type;return B(e.name,s`<calcite-list-item .label=${e.alias||e.name} .description=${(()=>{if(this.showFieldName&&e.hideFieldName!==!0)return`{${e.name}}`;if(this.showDescription&&e.hideDescription!==!0&&e.description)return e.description})()} .value=${e.name} .selected=${!this.multiple&&e.name===this.selectedFields[0]||this.multiple&&this.selectedFields.includes(e.name)} .metadata=${{label:e.alias,fieldName:e.name}}>${i&&s`<div slot=actions-end class="field-icons">${L({fieldType:e.type})}</div>`||""}${this.renderInfoAction(e,t)}${this.renderEditAction(e)}${this.renderDeleteAction(e)}</calcite-list-item>`)}renderInfoAction(e,t){let{_messages:i}=this;return t?s`<calcite-action slot=actions-end .text=${i.info} title=${i.info??c} scale=s icon=information @click=${l=>{l.stopPropagation();let a=l.currentTarget;this.addFieldInfoFlowItem(e,a)}}></calcite-action>`:""}renderEditAction(e){let{_messages:t}=this;return e.showEditAction?s`<calcite-action slot=actions-end .text=${t.edit} title=${t.edit??c} scale=s icon=pencil @click=${i=>{i.stopPropagation(),this.arcgisEditField.emit({fieldName:e.name})}}></calcite-action>`:""}renderDeleteAction(e){let{_messages:t}=this;return e.showDeleteAction?s`<calcite-action slot=actions-end .text=${t.delete} title=${t.delete??c} scale=s icon=trash @click=${i=>{i.stopPropagation(),this.arcgisDeleteField.emit({fieldName:e.name})}}></calcite-action>`:""}renderAddButton(){return this.multiple?s`<calcite-button .appearance=${this.hideCancel?"outline-fill":"solid"} .width=${this.hideCancel?"full":"half"} @click=${()=>{this.arcgisClose.emit({selectedFields:this.selectedFields}),this.arcgisFieldPickListDismissed.emit({selectedFields:this.selectedFields})}}>${this.okBtnText||(this.multiple?this._messages.done:this._messages.ok)}</calcite-button>`:""}renderCancelButton(){return this.hideCancel?"":s`<calcite-button appearance=outline-fill .width=${this.multiple?"half":"full"} @click=${()=>{this.arcgisClose.emit(),this.arcgisFieldPickListDismissed.emit()}}>${this._messages.cancel}</calcite-button>`}};S("arcgis-field-pick-list",f);export{f as ArcgisFieldPickList};

package/dist/cdn/B43M633Q.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 f,H as M,g as y,i as c,q as w}from"./GSNPEBGQ.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"))}:dir(rtl){.tick-label{direction:rtl}}: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="start"]){.container{flex-direction:column;justify-content:flex-end}.labels-container{margin-bottom:var(--arcgis-ticks-gap)}}:host([layout="horizontal"][label-placement="end"]){.container{flex-direction:column-reverse;justify-content:flex-end}.labels-container{margin-top:var(--arcgis-ticks-gap)}}:host([layout="vertical"][label-placement="start"]){.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="end"]){.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}}`,g=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="end",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:s,mirrored:o,showLabels:C}=this,p=[],v=[];for(let[d,k]of F(a,i,t,e,r)){let x={[s==="horizontal"?o?"right":"left":o?"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??f}></div>`),C&&v.push(c`<div class=${h(l.tickLabel)} style=${m(x)} data-value=${k??f}>${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 s of r){let o=P(e,t,s,i)*100;o>=0&&o<=100&&(yield[o,s])}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 s=0;s<r;s++){let o=s*100/(r-1);yield[o,u(e,t,o/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",g);return g},"intl")

package/dist/cdn/LVSH5I3Q.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as x,b as p}from"./O3CBCQNL.js";import{a as F}from"./GPVWNUMW.js";import{b as k}from"./JRF33N6C.js";import"./HYLC5GEB.js";import{A as V,B as C,C as h,H as q,g as D,i as u,m as $,n as b,q as T}from"./GSNPEBGQ.js";export default $arcgis.t(([L,w,f,I,S,Z,A,P])=>{function M(s){return s.type==="scene"?s.associatedLayer?.url:s.url??void 0}var G={dateStyle:"short",timeStyle:"short"},W={timeStyle:"medium"};function H(s){let{layer:e,fieldName:t}=s,i,a=I.supportsFieldConfiguration(e),r;"popupTemplate"in e&&(r=e.popupTemplate);let n=r?r.fieldInfos:[];return R(s)?.filter(o=>o.name===t).forEach(o=>{let d=!a&&n?n.filter(m=>m.fieldName===o.name):void 0,c=a?e.getFieldAlias(t):d?.length?d[0].label:o.alias;/^raster.(item|service)pixelvalue/iu.test(t)&&(o.type="double");let l={layerField:o,label:c||o.name};l.codedValues=j(t,s),Q(l),l.simpleFieldType&&(i=l)}),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 o=await E(s);return{...r,totalCount:o}}}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 d=t.parent?.subtypes?.find(c=>c.code===t.subtypeCode);if(d)return[{code:d.code,name:d.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(d=>d.name===s),o=n?.domain;return t.type==="feature"&&i&&a?(i===s?r=a.map(d=>({code:d.id,name:d.name})):(r=[],a.forEach(d=>{if(!d.domains[s]||d.domains[s].type==="inherited"){let c=o;c?.codedValues&&c.codedValues.forEach(async l=>{let m=!1;r.forEach(y=>{y.code===l.code&&(m=!0,`, ${y.name},`.includes(`, ${l.name},`)||(y.name+=`, ${l.name}`))}),m||r.push(S.clone(l))})}else d.domains[s].codedValues&&d.domains[s].codedValues.forEach(async c=>{let l=!1;r.forEach(m=>{m.code===c.code&&(l=!0,`, ${m.name},`.includes(`, ${c.name},`)||(m.name+=`, ${c.name}`))}),l||r.push(S.clone(c))})})),!r.length&&o?.codedValues&&(r=S.clone(o.codedValues))):o?.codedValues&&(r=n.domain.codedValues),r?.length?r:void 0}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 N(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 N(s)}else return await N(s)}}async function N(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}`,_=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 o=this.uniqueValues?.uniqueValueInfos??[];for(let d=0;d<o.length;d++){let c=o[d];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??void 0}}_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.originalLayerSupportsFieldConfigs()?t.getFieldConfiguration(i):void 0)?.fieldFormat??void 0}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)}originalLayerSupportsFieldConfigs(){let{layer:e}=this;return I.supportsFieldConfiguration(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?u`<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 u`<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?"":u`<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 u`<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 u`<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:o,props:d}=this,{layer:c,fieldName:l,fieldInfo:m}=d,{statistics:y}=o,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[l]!==null)&&(g=v.attributes[l])}):i==="success"?g=a?.min??void 0:r==="success"&&(g=n?.uniqueValueInfos?.[0]?.value??n?.uniqueValueInfos?.[1]?.value??void 0);let O=m.codedValues;return p(g)&&(O?g=O.find(v=>g===v.code)?.name||g:g=this._getDisplayString(g,{useFieldFormatting:!0})),u`<div class="section"><div class="title">${o.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"?o.fieldSampleNotAvailable:o.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 o=this.originalLayerSupportsFieldConfigs()?n.getFieldConfiguration(a):void 0;if(o?.fieldFormat){let{minimumFractionDigits:c,maximumFractionDigits:l}=o.fieldFormat;return u`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div>${e.fieldMinimumFractionDigits.replace("${number}",c.toString())}</div><div>${e.fieldMaximumFractionDigits.replace("${number}",l.toString())}</div></div>`}let d="popupTemplate"in n?n.popupTemplate:void 0;if(d?.fieldInfos){let c=d.fieldInfos?.filter(l=>l.fieldName===a);if(c?.length){let l=c[0];if(p(l?.format?.places)){let m=l.format.places;return u`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div>${e.fieldNumDecimalPlaces.replace("${number}",m.toString())}</div></div>`}}}return u`<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:o}=r;return i?(this.arcgisComplete.emit(),this.arcgisFieldInfoComplete.emit(),""):["stream","imagery-tile","voxel"].includes(n.type)||["long"].includes(o.layerField.type)?(this.arcgisComplete.emit(),this.arcgisFieldInfoComplete.emit(),""):u`<div class="section"><div class="title">${a.fieldStatistics}</div>${!e||e==="missing"||e==="in-progress"?F("field-info-statistics-content",u`<div class="missing">${a.fieldStatisticsRetrieving}</div>`):e==="failed"&&t!=="success"?this.renderNoStatistics():F("field-info-statistics-content",u`<div ${V(this._setCompleteRef)}>${this.renderStatistics()}</div>`)}</div>`}renderNoStatistics(){let{_messages:e}=this;return F("field-info-statistics-content",u`<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 u`<div><div class="statistics-row"><div>${i.numberOfValues}</div><div class="data">${this._printNumValue(e.totalCount)}</div></div>${p(e.sum)?u`<div class="statistics-row"><div>${i.sumOfValues}</div><div class="data">${this._printNumValue(e.sum)}</div></div>`:null}${p(e.min)?u`<div class="statistics-row"><div>${i.minimum}</div><div class="data">${this._printNumValue(e.min)}</div></div>`:null}${p(e.max)?u`<div class="statistics-row"><div>${i.maximum}</div><div class="data">${this._printNumValue(e.max)}</div></div>`:null}${p(e.avg)?u`<div class="statistics-row"><div>${i.average}</div><div class="data">${this._printNumValue(e.avg)}</div></div>`:null}${p(e.stddev)?u`<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 u`<div><div class="statistics-row"><div>${a.numberOfValues}</div>${t!=="success"?u`<div class="missing">--</div>`:u`<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,o=e.max-e.min,d=Math.floor(o/31536e6),c=Math.floor((o-d*31536e6)/2628e6),l=Math.ceil((o-c*2628e6)/864e5);l>=30&&(c+=1,l=0);let m=d===1?n.timeSpanOptions.year:d>1?n.timeSpanOptions.years.replace("${years}",d.toString()):"";m+=d>0&&(c>0||l>0)?", ":"",m+=c===1?n.timeSpanOptions.month:c>1?n.timeSpanOptions.months.replace("${months}",c.toString()):"",m+=c>0&&l>0?", ":"",m+=l===1?n.timeSpanOptions.day:l>1?n.timeSpanOptions.days.replace("${days}",l.toString()):"";let y=r.simpleFieldType!=="timestamp-offset"||!t||t.timeZone!=="unknown",g=r.simpleFieldType==="time-only";return u`<div><div class="statistics-row"><div>${n.numberOfValues}</div><div class="data">${this._printNumValue(e?.totalCount)}</div></div>${y&&p(e.min)?u`<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)?u`<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)?u`<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)&&o>0?u`<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 o=e.uniqueValueInfos;o.sort((l,m)=>l.count<m.count?1:l.count>m.count?-1:0);let d=r.codedValues,c=o.filter(l=>l.value!==null).filter((l,m)=>l&&m<10).map(l=>{let m=l.value;return d?d.forEach(y=>{m===y.code&&(m=y.name)}):m=this._getDisplayString(m),u`<div class="statistics-row"><div class="data">${`${m}`}</div><div class="count">${this._printNumValue(l.count)}</div></div>`});return c.length?u`<div><div class="statistics-row-top-values"><div>${o.length>10?n.topTenValues:n.topValues}</div><div>${n.count}</div></div>${c}</div>`:""}else return u`<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 o=0;o<n.length;o++){let d=n[o];if(d.value===null){r=d.count;break}}}return u`<div class="statistics-row"><div>${a.numberOfNulls}</div>${p(r)?u`<div class="data">${this._printNumValue(r)}</div>`:u`<div class="missing">--</div>`}</div>`}};q("arcgis-field-info",_);return _},"config","core/reactiveUtils","intl","applications/PortalApp/layerUtils","core/lang","smartMapping/statistics/summaryStatistics","smartMapping/statistics/uniqueValues","rest/support/Query")