@arcgis/common-components 5.2.0-next.1 → 5.2.0-next.11

package/dist/index.d.ts

@@ -61,6 +61,11 @@ import type { ArcgisSlider } from "./components/arcgis-slider/customElement.js";
 import type { ArcgisSliderInput } from "./components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "./components/arcgis-ticks/customElement.js";
 import type { ArcgisUniqueValuesList } from "./components/arcgis-unique-values-list/customElement.js";
+import type { ArcgisValuePicker } from "./components/arcgis-value-picker/customElement.js";
+import type { ArcgisValuePickerCollection } from "./components/arcgis-value-picker-collection/customElement.js";
+import type { ArcgisValuePickerCombobox } from "./components/arcgis-value-picker-combobox/customElement.js";
+import type { ArcgisValuePickerLabel } from "./components/arcgis-value-picker-label/customElement.js";
+import type { ArcgisValuePickerSlider } from "./components/arcgis-value-picker-slider/customElement.js";
 
 export { ToEvents, TargetedEvent } from "@arcgis/lumina";
 
@@ -129,6 +134,31 @@ export interface ArcgisUniqueValuesListCustomEvent<T> extends CustomEvent<T> {
   target: ArcgisUniqueValuesList;
   currentTarget: ArcgisUniqueValuesList;
 }
+export interface ArcgisValuePickerCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisValuePicker;
+  currentTarget: ArcgisValuePicker;
+}
+export interface ArcgisValuePickerCollectionCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisValuePickerCollection;
+  currentTarget: ArcgisValuePickerCollection;
+}
+export interface ArcgisValuePickerComboboxCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisValuePickerCombobox;
+  currentTarget: ArcgisValuePickerCombobox;
+}
+export interface ArcgisValuePickerLabelCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisValuePickerLabel;
+  currentTarget: ArcgisValuePickerLabel;
+}
+export interface ArcgisValuePickerSliderCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: ArcgisValuePickerSlider;
+  currentTarget: ArcgisValuePickerSlider;
+}
 
 
 declare global {
@@ -150,6 +180,11 @@ declare global {
     "arcgis-slider-input": ArcgisSliderInput;
     "arcgis-ticks": ArcgisTicks;
     "arcgis-unique-values-list": ArcgisUniqueValuesList;
+    "arcgis-value-picker": ArcgisValuePicker;
+    "arcgis-value-picker-collection": ArcgisValuePickerCollection;
+    "arcgis-value-picker-combobox": ArcgisValuePickerCombobox;
+    "arcgis-value-picker-label": ArcgisValuePickerLabel;
+    "arcgis-value-picker-slider": ArcgisValuePickerSlider;
 
   }
 
@@ -200,5 +235,20 @@ declare global {
   type HTMLArcgisUniqueValuesListElementEventMap = ArcgisUniqueValuesList["@eventTypes"];
   type HTMLArcgisUniqueValuesListElement = ArcgisUniqueValuesList;
 
+  type HTMLArcgisValuePickerElementEventMap = ArcgisValuePicker["@eventTypes"];
+  type HTMLArcgisValuePickerElement = ArcgisValuePicker;
+
+  type HTMLArcgisValuePickerCollectionElementEventMap = ArcgisValuePickerCollection["@eventTypes"];
+  type HTMLArcgisValuePickerCollectionElement = ArcgisValuePickerCollection;
+
+  type HTMLArcgisValuePickerComboboxElementEventMap = ArcgisValuePickerCombobox["@eventTypes"];
+  type HTMLArcgisValuePickerComboboxElement = ArcgisValuePickerCombobox;
+
+  type HTMLArcgisValuePickerLabelElementEventMap = ArcgisValuePickerLabel["@eventTypes"];
+  type HTMLArcgisValuePickerLabelElement = ArcgisValuePickerLabel;
+
+  type HTMLArcgisValuePickerSliderElementEventMap = ArcgisValuePickerSlider["@eventTypes"];
+  type HTMLArcgisValuePickerSliderElement = ArcgisValuePickerSlider;
+
 
 }

package/dist/loader.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { r as e } from "./chunks/runtime.js";
-import { makeDefineCustomElements as i } from "@arcgis/lumina";
-const t = i(e, {
+import { makeDefineCustomElements as a } from "@arcgis/lumina";
+const t = a(e, {
   "arcgis-ckeditor5": [() => import("./components/arcgis-ckeditor5/customElement.js"), "canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],
   "arcgis-ckeditor5-popover": [() => import("./components/arcgis-ckeditor5-popover/customElement.js"), "guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],
   "arcgis-color-input": [() => import("./components/arcgis-color-input/customElement.js"), "_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus;isOpen"],
@@ -18,7 +18,12 @@ const t = i(e, {
   "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-ticks": [() => import("./components/arcgis-ticks/customElement.js"), "interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],
-  "arcgis-unique-values-list": [() => import("./components/arcgis-unique-values-list/customElement.js"), "_messages:,fieldName,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:,visualizationSource;getUniqueValues,setFocus"]
+  "arcgis-unique-values-list": [() => import("./components/arcgis-unique-values-list/customElement.js"), "_messages:,fieldName,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:,visualizationSource;getUniqueValues,setFocus"],
+  "arcgis-value-picker": [() => import("./components/arcgis-value-picker/customElement.js"), "autoDestroyDisabled,disabled,hideNextButton,hidePlayButton,hidePreviousButton,icon,label,layout,loop,messages:,playRate,state:;destroy;next,pause,play,previous"],
+  "arcgis-value-picker-collection": [() => import("./components/arcgis-value-picker-collection/customElement.js"), "autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,items:;destroy;reset,step"],
+  "arcgis-value-picker-combobox": [() => import("./components/arcgis-value-picker-combobox/customElement.js"), "autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,disabled,items:,messages:;destroy;reset,step"],
+  "arcgis-value-picker-label": [() => import("./components/arcgis-value-picker-label/customElement.js"), "autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,items:;destroy;reset,step"],
+  "arcgis-value-picker-slider": [() => import("./components/arcgis-value-picker-slider/customElement.js"), "autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue,disabled,labelFormatter:,labels:,layout,majorTicks:,max,min,minorTicks:,mirrored,steps:;destroy;reset,step"]
 });
 export {
   t as defineCustomElements

package/dist/types/lumina.d.ts

@@ -16,6 +16,11 @@ import type { ArcgisSlider } from "../components/arcgis-slider/customElement.js"
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
+import type { ArcgisValuePicker } from "../components/arcgis-value-picker/customElement.js";
+import type { ArcgisValuePickerCollection } from "../components/arcgis-value-picker-collection/customElement.js";
+import type { ArcgisValuePickerCombobox } from "../components/arcgis-value-picker-combobox/customElement.js";
+import type { ArcgisValuePickerLabel } from "../components/arcgis-value-picker-label/customElement.js";
+import type { ArcgisValuePickerSlider } from "../components/arcgis-value-picker-slider/customElement.js";
 import type { h, EventHandler } from "@arcgis/lumina";
 
 interface LuminaArcgisCkeditor5 extends Partial<Pick<ArcgisCkeditor5, "canResizeVertically" | "currentLanguage" | "customConfig" | "customExpressionCheck" | "editorType" | "groupFieldsAndExpressions" | "intlExpressionsGroupHeading" | "intlFieldsGroupHeading" | "intlTextPlaceHolder" | "mentionFields" | "readOnly" | "textData">>, h.JSX.HTMLAttributes<ArcgisCkeditor5> {
@@ -110,6 +115,32 @@ interface LuminaArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesLi
   onarcgisSortByChange?: EventHandler<ArcgisUniqueValuesList["arcgisSortByChange"]>;
 }
 
+interface LuminaArcgisValuePicker extends Partial<Pick<ArcgisValuePicker, "autoDestroyDisabled" | "disabled" | "hideNextButton" | "hidePlayButton" | "hidePreviousButton" | "icon" | "label" | "layout" | "loop" | "playRate">>, h.JSX.HTMLAttributes<ArcgisValuePicker> {
+  onarcgisAnimate?: EventHandler<ArcgisValuePicker["arcgisAnimate"]>;
+  onarcgisNext?: EventHandler<ArcgisValuePicker["arcgisNext"]>;
+  onarcgisPause?: EventHandler<ArcgisValuePicker["arcgisPause"]>;
+  onarcgisPlay?: EventHandler<ArcgisValuePicker["arcgisPlay"]>;
+  onarcgisPrevious?: EventHandler<ArcgisValuePicker["arcgisPrevious"]>;
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePicker["arcgisPropertyChange"]>;
+  onarcgisSlottedElementChange?: EventHandler<ArcgisValuePicker["arcgisSlottedElementChange"]>;
+}
+
+interface LuminaArcgisValuePickerCollection extends Partial<Pick<ArcgisValuePickerCollection, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "items">>, h.JSX.HTMLAttributes<ArcgisValuePickerCollection> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerCollection["arcgisPropertyChange"]>;
+}
+
+interface LuminaArcgisValuePickerCombobox extends Partial<Pick<ArcgisValuePickerCombobox, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "disabled" | "items">>, h.JSX.HTMLAttributes<ArcgisValuePickerCombobox> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerCombobox["arcgisPropertyChange"]>;
+}
+
+interface LuminaArcgisValuePickerLabel extends Partial<Pick<ArcgisValuePickerLabel, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "items">>, h.JSX.HTMLAttributes<ArcgisValuePickerLabel> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerLabel["arcgisPropertyChange"]>;
+}
+
+interface LuminaArcgisValuePickerSlider extends Partial<Pick<ArcgisValuePickerSlider, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "disabled" | "labelFormatter" | "labels" | "layout" | "majorTicks" | "max" | "min" | "minorTicks" | "mirrored" | "steps">>, h.JSX.HTMLAttributes<ArcgisValuePickerSlider> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerSlider["arcgisPropertyChange"]>;
+}
+
 declare module "@arcgis/lumina" {
   export namespace h.JSX {
     interface IntrinsicElements {
@@ -130,6 +161,11 @@ declare module "@arcgis/lumina" {
       "arcgis-slider-input": LuminaArcgisSliderInput;
       "arcgis-ticks": LuminaArcgisTicks;
       "arcgis-unique-values-list": LuminaArcgisUniqueValuesList;
+      "arcgis-value-picker": LuminaArcgisValuePicker;
+      "arcgis-value-picker-collection": LuminaArcgisValuePickerCollection;
+      "arcgis-value-picker-combobox": LuminaArcgisValuePickerCombobox;
+      "arcgis-value-picker-label": LuminaArcgisValuePickerLabel;
+      "arcgis-value-picker-slider": LuminaArcgisValuePickerSlider;
     }
   }
 }

package/dist/types/preact.d.ts

@@ -16,6 +16,11 @@ import type { ArcgisSlider } from "../components/arcgis-slider/customElement.js"
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
+import type { ArcgisValuePicker } from "../components/arcgis-value-picker/customElement.js";
+import type { ArcgisValuePickerCollection } from "../components/arcgis-value-picker-collection/customElement.js";
+import type { ArcgisValuePickerCombobox } from "../components/arcgis-value-picker-combobox/customElement.js";
+import type { ArcgisValuePickerLabel } from "../components/arcgis-value-picker-label/customElement.js";
+import type { ArcgisValuePickerSlider } from "../components/arcgis-value-picker-slider/customElement.js";
 import { HTMLAttributes } from "preact";
 import type { EventHandler } from "@arcgis/lumina";
 
@@ -111,6 +116,32 @@ interface PreactArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesLi
   onarcgisSortByChange?: EventHandler<ArcgisUniqueValuesList["arcgisSortByChange"]>;
 }
 
+interface PreactArcgisValuePicker extends Partial<Pick<ArcgisValuePicker, "autoDestroyDisabled" | "disabled" | "hideNextButton" | "hidePlayButton" | "hidePreviousButton" | "icon" | "label" | "layout" | "loop" | "playRate">>, HTMLAttributes<ArcgisValuePicker> {
+  onarcgisAnimate?: EventHandler<ArcgisValuePicker["arcgisAnimate"]>;
+  onarcgisNext?: EventHandler<ArcgisValuePicker["arcgisNext"]>;
+  onarcgisPause?: EventHandler<ArcgisValuePicker["arcgisPause"]>;
+  onarcgisPlay?: EventHandler<ArcgisValuePicker["arcgisPlay"]>;
+  onarcgisPrevious?: EventHandler<ArcgisValuePicker["arcgisPrevious"]>;
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePicker["arcgisPropertyChange"]>;
+  onarcgisSlottedElementChange?: EventHandler<ArcgisValuePicker["arcgisSlottedElementChange"]>;
+}
+
+interface PreactArcgisValuePickerCollection extends Partial<Pick<ArcgisValuePickerCollection, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "items">>, HTMLAttributes<ArcgisValuePickerCollection> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerCollection["arcgisPropertyChange"]>;
+}
+
+interface PreactArcgisValuePickerCombobox extends Partial<Pick<ArcgisValuePickerCombobox, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "disabled" | "items">>, HTMLAttributes<ArcgisValuePickerCombobox> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerCombobox["arcgisPropertyChange"]>;
+}
+
+interface PreactArcgisValuePickerLabel extends Partial<Pick<ArcgisValuePickerLabel, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "items">>, HTMLAttributes<ArcgisValuePickerLabel> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerLabel["arcgisPropertyChange"]>;
+}
+
+interface PreactArcgisValuePickerSlider extends Partial<Pick<ArcgisValuePickerSlider, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "disabled" | "labelFormatter" | "labels" | "layout" | "majorTicks" | "max" | "min" | "minorTicks" | "mirrored" | "steps">>, HTMLAttributes<ArcgisValuePickerSlider> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerSlider["arcgisPropertyChange"]>;
+}
+
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
@@ -131,6 +162,11 @@ declare module 'preact' {
       "arcgis-slider-input": PreactArcgisSliderInput;
       "arcgis-ticks": PreactArcgisTicks;
       "arcgis-unique-values-list": PreactArcgisUniqueValuesList;
+      "arcgis-value-picker": PreactArcgisValuePicker;
+      "arcgis-value-picker-collection": PreactArcgisValuePickerCollection;
+      "arcgis-value-picker-combobox": PreactArcgisValuePickerCombobox;
+      "arcgis-value-picker-label": PreactArcgisValuePickerLabel;
+      "arcgis-value-picker-slider": PreactArcgisValuePickerSlider;
     }
   }
   namespace h.JSX {
@@ -152,6 +188,11 @@ declare module 'preact' {
       "arcgis-slider-input": PreactArcgisSliderInput;
       "arcgis-ticks": PreactArcgisTicks;
       "arcgis-unique-values-list": PreactArcgisUniqueValuesList;
+      "arcgis-value-picker": PreactArcgisValuePicker;
+      "arcgis-value-picker-collection": PreactArcgisValuePickerCollection;
+      "arcgis-value-picker-combobox": PreactArcgisValuePickerCombobox;
+      "arcgis-value-picker-label": PreactArcgisValuePickerLabel;
+      "arcgis-value-picker-slider": PreactArcgisValuePickerSlider;
     }
   }
 }

package/dist/types/react.d.ts

@@ -16,6 +16,11 @@ import type { ArcgisSlider } from "../components/arcgis-slider/customElement.js"
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
+import type { ArcgisValuePicker } from "../components/arcgis-value-picker/customElement.js";
+import type { ArcgisValuePickerCollection } from "../components/arcgis-value-picker-collection/customElement.js";
+import type { ArcgisValuePickerCombobox } from "../components/arcgis-value-picker-combobox/customElement.js";
+import type { ArcgisValuePickerLabel } from "../components/arcgis-value-picker-label/customElement.js";
+import type { ArcgisValuePickerSlider } from "../components/arcgis-value-picker-slider/customElement.js";
 import type { HTMLProps } from 'react';
 import type { EventHandler } from "@arcgis/lumina"; 
 
@@ -111,6 +116,32 @@ interface ReactArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesLis
   onarcgisSortByChange?: EventHandler<ArcgisUniqueValuesList["arcgisSortByChange"]>;
 }
 
+interface ReactArcgisValuePicker extends Partial<Pick<ArcgisValuePicker, "autoDestroyDisabled" | "disabled" | "hideNextButton" | "hidePlayButton" | "hidePreviousButton" | "icon" | "label" | "layout" | "loop" | "playRate">>, HTMLProps<ArcgisValuePicker> {
+  onarcgisAnimate?: EventHandler<ArcgisValuePicker["arcgisAnimate"]>;
+  onarcgisNext?: EventHandler<ArcgisValuePicker["arcgisNext"]>;
+  onarcgisPause?: EventHandler<ArcgisValuePicker["arcgisPause"]>;
+  onarcgisPlay?: EventHandler<ArcgisValuePicker["arcgisPlay"]>;
+  onarcgisPrevious?: EventHandler<ArcgisValuePicker["arcgisPrevious"]>;
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePicker["arcgisPropertyChange"]>;
+  onarcgisSlottedElementChange?: EventHandler<ArcgisValuePicker["arcgisSlottedElementChange"]>;
+}
+
+interface ReactArcgisValuePickerCollection extends Partial<Pick<ArcgisValuePickerCollection, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "items">>, HTMLProps<ArcgisValuePickerCollection> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerCollection["arcgisPropertyChange"]>;
+}
+
+interface ReactArcgisValuePickerCombobox extends Partial<Pick<ArcgisValuePickerCombobox, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "disabled" | "items">>, HTMLProps<ArcgisValuePickerCombobox> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerCombobox["arcgisPropertyChange"]>;
+}
+
+interface ReactArcgisValuePickerLabel extends Partial<Pick<ArcgisValuePickerLabel, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "items">>, HTMLProps<ArcgisValuePickerLabel> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerLabel["arcgisPropertyChange"]>;
+}
+
+interface ReactArcgisValuePickerSlider extends Partial<Pick<ArcgisValuePickerSlider, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "disabled" | "labelFormatter" | "labels" | "layout" | "majorTicks" | "max" | "min" | "minorTicks" | "mirrored" | "steps">>, HTMLProps<ArcgisValuePickerSlider> {
+  onarcgisPropertyChange?: EventHandler<ArcgisValuePickerSlider["arcgisPropertyChange"]>;
+}
+
 declare module "react" {
   namespace JSX {
     interface IntrinsicElements {
@@ -131,6 +162,11 @@ declare module "react" {
       "arcgis-slider-input": ReactArcgisSliderInput;
       "arcgis-ticks": ReactArcgisTicks;
       "arcgis-unique-values-list": ReactArcgisUniqueValuesList;
+      "arcgis-value-picker": ReactArcgisValuePicker;
+      "arcgis-value-picker-collection": ReactArcgisValuePickerCollection;
+      "arcgis-value-picker-combobox": ReactArcgisValuePickerCombobox;
+      "arcgis-value-picker-label": ReactArcgisValuePickerLabel;
+      "arcgis-value-picker-slider": ReactArcgisValuePickerSlider;
     }
   }
 }
@@ -154,6 +190,11 @@ declare module "react/jsx-runtime" {
       "arcgis-slider-input": ReactArcgisSliderInput;
       "arcgis-ticks": ReactArcgisTicks;
       "arcgis-unique-values-list": ReactArcgisUniqueValuesList;
+      "arcgis-value-picker": ReactArcgisValuePicker;
+      "arcgis-value-picker-collection": ReactArcgisValuePickerCollection;
+      "arcgis-value-picker-combobox": ReactArcgisValuePickerCombobox;
+      "arcgis-value-picker-label": ReactArcgisValuePickerLabel;
+      "arcgis-value-picker-slider": ReactArcgisValuePickerSlider;
     }
   }
 }
@@ -177,6 +218,11 @@ declare module "react/jsx-dev-runtime" {
       "arcgis-slider-input": ReactArcgisSliderInput;
       "arcgis-ticks": ReactArcgisTicks;
       "arcgis-unique-values-list": ReactArcgisUniqueValuesList;
+      "arcgis-value-picker": ReactArcgisValuePicker;
+      "arcgis-value-picker-collection": ReactArcgisValuePickerCollection;
+      "arcgis-value-picker-combobox": ReactArcgisValuePickerCombobox;
+      "arcgis-value-picker-label": ReactArcgisValuePickerLabel;
+      "arcgis-value-picker-slider": ReactArcgisValuePickerSlider;
     }
   }
 }

package/dist/types/stencil.d.ts

@@ -16,6 +16,11 @@ import type { ArcgisSlider } from "../components/arcgis-slider/customElement.js"
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
+import type { ArcgisValuePicker } from "../components/arcgis-value-picker/customElement.js";
+import type { ArcgisValuePickerCollection } from "../components/arcgis-value-picker-collection/customElement.js";
+import type { ArcgisValuePickerCombobox } from "../components/arcgis-value-picker-combobox/customElement.js";
+import type { ArcgisValuePickerLabel } from "../components/arcgis-value-picker-label/customElement.js";
+import type { ArcgisValuePickerSlider } from "../components/arcgis-value-picker-slider/customElement.js";
 import { JSXBase as StencilJsx } from "@stencil/core/internal";
 import type { EventHandler } from "@arcgis/lumina";
 
@@ -111,6 +116,32 @@ interface StencilArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesL
   onArcgisSortByChange?: EventHandler<ArcgisUniqueValuesList["arcgisSortByChange"]>;
 }
 
+interface StencilArcgisValuePicker extends Partial<Pick<ArcgisValuePicker, "autoDestroyDisabled" | "disabled" | "hideNextButton" | "hidePlayButton" | "hidePreviousButton" | "icon" | "label" | "layout" | "loop" | "playRate">>, StencilJsx.HTMLAttributes<ArcgisValuePicker> {
+  onArcgisAnimate?: EventHandler<ArcgisValuePicker["arcgisAnimate"]>;
+  onArcgisNext?: EventHandler<ArcgisValuePicker["arcgisNext"]>;
+  onArcgisPause?: EventHandler<ArcgisValuePicker["arcgisPause"]>;
+  onArcgisPlay?: EventHandler<ArcgisValuePicker["arcgisPlay"]>;
+  onArcgisPrevious?: EventHandler<ArcgisValuePicker["arcgisPrevious"]>;
+  onArcgisPropertyChange?: EventHandler<ArcgisValuePicker["arcgisPropertyChange"]>;
+  onArcgisSlottedElementChange?: EventHandler<ArcgisValuePicker["arcgisSlottedElementChange"]>;
+}
+
+interface StencilArcgisValuePickerCollection extends Partial<Pick<ArcgisValuePickerCollection, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "items">>, StencilJsx.HTMLAttributes<ArcgisValuePickerCollection> {
+  onArcgisPropertyChange?: EventHandler<ArcgisValuePickerCollection["arcgisPropertyChange"]>;
+}
+
+interface StencilArcgisValuePickerCombobox extends Partial<Pick<ArcgisValuePickerCombobox, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "disabled" | "items">>, StencilJsx.HTMLAttributes<ArcgisValuePickerCombobox> {
+  onArcgisPropertyChange?: EventHandler<ArcgisValuePickerCombobox["arcgisPropertyChange"]>;
+}
+
+interface StencilArcgisValuePickerLabel extends Partial<Pick<ArcgisValuePickerLabel, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "items">>, StencilJsx.HTMLAttributes<ArcgisValuePickerLabel> {
+  onArcgisPropertyChange?: EventHandler<ArcgisValuePickerLabel["arcgisPropertyChange"]>;
+}
+
+interface StencilArcgisValuePickerSlider extends Partial<Pick<ArcgisValuePickerSlider, "autoDestroyDisabled" | "canNext" | "canPlay" | "canPrevious" | "currentValue" | "disabled" | "labelFormatter" | "labels" | "layout" | "majorTicks" | "max" | "min" | "minorTicks" | "mirrored" | "steps">>, StencilJsx.HTMLAttributes<ArcgisValuePickerSlider> {
+  onArcgisPropertyChange?: EventHandler<ArcgisValuePickerSlider["arcgisPropertyChange"]>;
+}
+
 interface ExposedElements {
   "arcgis-ckeditor5": StencilArcgisCkeditor5;
   "arcgis-ckeditor5-popover": StencilArcgisCkeditor5Popover;
@@ -129,6 +160,11 @@ interface ExposedElements {
   "arcgis-slider-input": StencilArcgisSliderInput;
   "arcgis-ticks": StencilArcgisTicks;
   "arcgis-unique-values-list": StencilArcgisUniqueValuesList;
+  "arcgis-value-picker": StencilArcgisValuePicker;
+  "arcgis-value-picker-collection": StencilArcgisValuePickerCollection;
+  "arcgis-value-picker-combobox": StencilArcgisValuePickerCombobox;
+  "arcgis-value-picker-label": StencilArcgisValuePickerLabel;
+  "arcgis-value-picker-slider": StencilArcgisValuePickerSlider;
 }
 
 export namespace JSX {

package/package.json

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

package/dist/cdn/2MN6S2HH.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as i}from"./UGWLCTVM.js";import{a as u,b as m}from"./WJ3TYWP2.js";import{e as g}from"./F45Q3BRT.js";import{A as a,B as d,C as e,E as p,H as h,g as l,i as n,q as s,t as c,z as o}from"./OOBX2C2L.js";var v=l`.arcgis-app-ckeditor-popover-footer{display:flex;justify-content:flex-end;margin-top:var(--calcite-space-sm);padding:0 var(--calcite-space-lg)}.arcgis-app-ckeditor-popover-container{margin:0 var(--calcite-space-md) 0 0;padding-bottom:var(--calcite-space-lg);box-shadow:val(--calcite-shadow-1)}`,r=class extends d{constructor(){super(),this.okButton=o(),this.popoverNode=o(),this._propWatcherTask=new u(this,{task:async([t])=>{if(!m(t)){console.error("[ckeditor5] Required properties are missing.");return}},args:()=>[this.refElement]}),this.guid=c(),this.intlOk="Ok",this.intlCancel="Cancel",this.arcgisCkeditor5PopoverClosed=s(),this.arcgisPopoverClosed=s(),this.listen("arcgisCreated",this.afterEditorCreated),this.listen("arcgisSourceEditingChanged",this.onSourceEditingStatusChanged)}static{this.properties={guid:1,refElement:0,intlOk:1,intlCancel:1,intlLabel:1}}static{this.styles=v}async reposition(){this.popoverNode.value?.reposition()}afterEditorCreated(t){this.editor=t.target,this.reposition(),this.requestUpdate()}onSourceEditingStatusChanged(t){this.okButton.value&&(this.okButton.value.disabled=t.detail)}render(){return this.el.classList.add("js-app-flyout"),this._propWatcherTask.render({complete:()=>n`<calcite-popover class=${e(i.popover)} dir=${g(this.el)??p} placement=leading-start open pointer-disabled .referenceElement=${this.refElement} .offsetDistance=${-Math.round(this.refElement.getBoundingClientRect().width)} offset-skidding=50 .label=${this.intlLabel??""} focus-trap-disabled trigger-disabled top-layer-disabled ${a(this.popoverNode)}><div class=${e(i.arcgisAppCkeditorPopoverContainer)}><slot></slot><div class=${e(i.arcgisAppCkeditorPopoverFooter)}><calcite-button .label=${this.intlOk} @click=${async t=>{this.okButton.value?.disabled||(t.stopPropagation(),this.arcgisCkeditor5PopoverClosed.emit({guid:this.guid,data:await this.editor?.getData()}),this.arcgisPopoverClosed.emit({guid:this.guid,data:await this.editor?.getData()}))}} ${a(this.okButton)}>${this.intlOk}</calcite-button><calcite-button appearance=outline-fill .label=${this.intlCancel} @click=${t=>{t.stopPropagation(),this.arcgisCkeditor5PopoverClosed.emit({guid:this.guid}),this.arcgisPopoverClosed.emit({guid:this.guid})}}>${this.intlCancel}</calcite-button></div></div></calcite-popover>`})}};h("arcgis-ckeditor5-popover",r);export{r as ArcgisCkeditor5Popover};

package/dist/cdn/5I5ODGDD.js

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

package/dist/cdn/AGGCAE6P.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as b}from"./ECNI2A4K.js";import{B as m,H as o,g as h,i as d,q as r}from"./OOBX2C2L.js";var v=h`.container{display:flex;align-items:center;justify-content:space-between;position:relative}.slider{width:50%}.input{width:45%}`,p=class extends m{constructor(){super(...arguments),this.debouncedApplyValueOnChange=b(e=>this.applyValueOnChange(e),800),this.disabled=!1,this.flipLabels=!1,this.scale="s",this.min=0,this.max=100,this.value=50,this.step=1,this.withSteppers=!1,this.arcgisSliderInputValueChange=r(),this.arcgisValueChange=r()}static{this.properties={disabled:5,label:1,flipLabels:5,scale:1,min:9,max:9,value:9,step:9,unitsLabel:1,withSteppers:5}}static{this.styles=v}applyValueOnChange(e){let{min:i,max:a,value:n}=this,s=Number(e.value),t=i!==void 0&&a!==void 0?Math.min(a,Math.max(i,s)):s;s!==n&&(e.value=`${t}`,this.arcgisValueChange.emit(t),this.arcgisSliderInputValueChange.emit(t),this.value=t)}render(){let{disabled:e,min:i,max:a,value:n,step:s,withSteppers:t,flipLabels:c,unitsLabel:u,label:g,scale:$}=this;return d`<div class="container"><calcite-slider class="slider" .disabled=${e} .min=${i} .max=${a} .value=${n} .step=${s} @calciteSliderInput=${l=>this.debouncedApplyValueOnChange(l.currentTarget)}></calcite-slider><calcite-input class="input" .disabled=${e} .min=${i} .max=${a} .numberButtonType=${t?"vertical":"none"} .prefixText=${c?u:""} @calciteInputInput=${l=>this.debouncedApplyValueOnChange(l.target)} @click=${l=>l.stopPropagation()} .scale=${$} step=any .suffixText=${c?"":u} type=number .value=${`${n}`} .label=${g}></calcite-input></div>`}};o("arcgis-slider-input",p);export{p as ArcgisSliderInput};

package/dist/cdn/GEWXC2ZR.js

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

package/dist/cdn/HWEOBUAY.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{A as t,B as a,D as r,H as c,g as n,i as o,q as i,z as l}from"./OOBX2C2L.js";var d=n`:host{display:flex}:host([disabled]){opacity:.25;pointer-events:none}button{overflow:hidden;background-color:transparent;align-items:center;border:none;border-radius:0;box-sizing:border-box;cursor:pointer;display:flex;font-family:inherit;gap:var(--calcite-space-sm);height:100%;justify-content:center;outline-color:transparent;outline-offset:0;padding:3px 0;padding-inline:3px var(--calcite-space-sm);position:relative;text-decoration:none;user-select:none;text-align:center;-webkit-appearance:none;width:100%;&:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-brand);outline-offset:var(--calcite-border-width-md)}&:hover{text-decoration:none}}.preview{border:var(--calcite-border-width-sm) solid #949494;display:flex;align-items:center;flex-grow:1}.container{display:flex;gap:5px;width:100%}::slotted([slot="preview"]){flex-grow:1;display:flex}calcite-icon{color:var(--calcite-color-text-3)}`,s=class extends a{constructor(){super(),this.panelEl=l(),this.open=!1,this.disabled=!1,this.iconEnd="pencil",this.label="",this.arcgisPopoverOpen=i(),this.arcgisPopoverClose=i(),this.listenOn(document.body,"arcgisPopoverOpen",this.onPopoverOpen)}static{this.properties={open:16,disabled:7,heading:1,iconEnd:1,intlDone:1,label:1,popoverProps:0}}static{this.styles=d}async close(){this.onPopoverClose()}async setFocus(){this.buttonEl?.focus()}setPreviewContainerRef(e){this.previewContainerEl=e}setButtonRef(e){this.buttonEl=e}handlePopoverOpen(e){this.panelEl.value.closed=!1,this.arcgisPopoverOpen.emit(),e.stopPropagation()}handlePopoverKeyUp({key:e}){e==="Escape"&&this.onPopoverClose()}onPopoverOpen(e){this.open&&(e.composedPath().includes(this.el)||(this.open=!1))}onPopoverClose(){this.open=!1,this.arcgisPopoverClose.emit(),setTimeout(()=>this.buttonEl?.focus(),300)}handlePanelClose(e){e.stopPropagation(),this.onPopoverClose()}handleButtonClick(){this.open=!this.open,this.open&&setTimeout(()=>{this.panelEl.value?.setFocus()},300)}render(){let{popoverProps:e}=this;return o`<calcite-popover pointer-disabled trigger-disabled @keyup=${this.handlePopoverKeyUp} .label=${this.label} .offsetDistance=${e?.offsetDistance??0} .offsetSkidding=${e?.offsetSkidding??0} .flipDisabled=${e?.flipDisabled??!1} .open=${this.disabled?!1:this.open} .overlayPositioning=${e?.overlayPositioning??"fixed"} .placement=${e?.placement??"bottom"} @calcitePopoverOpen=${this.handlePopoverOpen} @calcitePopoverClose=${p=>p.stopPropagation()} .referenceElement=${e?.refElement??this.previewContainerEl}><calcite-panel closable .heading=${this.heading} style=${r(e?.maxHeight?{maxHeight:e.maxHeight}:void 0)} @calcitePanelClose=${this.handlePanelClose} ${t(this.panelEl)}><slot name=content></slot><calcite-button appearance=solid slot=footer width=full .label=${this.intlDone} @click=${this.onPopoverClose}>${this.intlDone}</calcite-button></calcite-panel></calcite-popover><div class="container"><div class="preview" ${t(this.setPreviewContainerRef)}><button .disabled=${this.disabled} @click=${this.handleButtonClick} type=button .ariaLabel=${this.label} ${t(this.setButtonRef)}><slot name=preview></slot>${this.iconEnd?o`<calcite-icon .icon=${this.iconEnd} scale=s></calcite-icon>`:null}</button></div><slot name=content-end></slot></div>`}};c("arcgis-picker-input",s);export{s as ArcgisPickerInput};

package/dist/cdn/IRIB5DXG.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as E}from"./ECNI2A4K.js";import{b as k}from"./YSXFXVP6.js";import{e as f}from"./F45Q3BRT.js";import{a as n}from"./YG4PY2H3.js";import{A as l,B as w,H as v,g as C,i,j as u,l as m,q as r,z as g}from"./OOBX2C2L.js";function y(a,e,t){window.localStorage.setItem(a,JSON.stringify(e))}function S(a,e){let t=window.localStorage.getItem(a);return t&&e?JSON.parse(t):t}var R=C`:host,arcgis-picker-input{display:block}.color-picker-container{display:flex;flex-direction:column}.color-picker{--calcite-color-border-1: transparent;overflow-x:hidden}.preview-swatch{width:100%;height:24px}.recent-colors-container{align-items:center;border:var(--calcite-border-width-sm) solid var(--calcite-color-border-input);display:flex;gap:var(--calcite-space-sm);height:32px;padding:0 var(--calcite-space-xs);transition:outline-offset .1s ease-in-out,outline-color .1s ease-in-out}.preview-recent-swatch{cursor:pointer}.recent-colors-container:focus,.preview-recent-swatch:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-brand);outline-offset:var(--calcite-border-width-md)}.empty-swatch{cursor:default}.end-action{display:flex}`,h=class extends w{constructor(){super(),this._messages=k(),this.actionEl=g(),this.open=!1,this.setRecentColorElement=e=>t=>{switch(e){case 1:this.recentColor1El=t;break;case 2:this.recentColor2El=t;break;default:this.recentColor3El=t}},this.recentColors=[],this.clearable=!1,this.compact=!1,this.disabled=!1,this.placement="auto",this.storageId="arcgis-color-input-storage-colors",this.hideRecentColors=!1,this.showTransparency=!1,this.arcgisChange=r(),this.arcgisColorInputChange=r(),this.arcgisColorInputPopoverClose=r(),this.arcgisColorInputPopoverOpen=r(),this.arcgisColorInputSwatchUpdate=r(),this.arcgisInternalStoredColor=r(),this.arcgisPickerClose=r(),this.arcgisPickerOpen=r(),this.arcgisSwatchUpdate=r(),this.listenOn(document,"arcgisInternalStoredColor",this.handleUpdateRecentColors),this.listenOn(document,"arcgisRecentColorsUpdate",this.handleStoreNewRecentColor)}static{this.properties={recentColors:16,clearable:5,color:1,compact:5,disabled:5,messageOverrides:0,placement:1,popoverProps:0,storageId:1,hideRecentColors:5,showTransparency:5}}static{this.styles=R}async close(){await this.inlineInputEl?.close()}async setFocus(){await this.inlineInputEl?.setFocus()}isOpen(){return this.open}load(){this.setRecentColorsFromStorage()}disconnectedCallback(){super.disconnectedCallback(),this.removeTooltip()}async handleOpen(){await this.colorPickerEl?.setFocus(),this.open=!0,this.arcgisPickerOpen.emit(),this.arcgisColorInputPopoverOpen.emit()}setInlineInputRef(e){this.inlineInputEl=e}setColorPickerRef(e){e&&(this.colorPickerEl=e)}getRecentColorElement(e){switch(e){case 1:return this.recentColor1El;case 2:return this.recentColor2El;default:return this.recentColor3El}}setRecentColorsFromStorage(){let e=S(this.storageId,!0);e&&(this.recentColors=[...e])}handleSwatchClickOrKeyUp(e){if("key"in e&&e.key!=="Enter"&&e.key!=="Space")return;let t=e.currentTarget.color||void 0;this.updateColor(t),this.arcgisSwatchUpdate.emit(t),this.arcgisColorInputSwatchUpdate.emit(t),setTimeout(()=>this.recentColor1El?.focus(),200)}handleRecentColorsKeyDown(e){if(this.recentColors.length===1)return;let t=e.key,o;this.activeColorSwatchEl===this.recentColor1El?o=1:this.activeColorSwatchEl===this.recentColor2El?o=2:this.activeColorSwatchEl===this.recentColor3El&&(o=3),t==="ArrowLeft"&&(!o||o===1?this.getRecentColorElement(this.recentColors.length)?.focus():this.getRecentColorElement(o-1)?.focus()),t==="ArrowRight"&&(!o||o===this.recentColors.length?this.recentColor1El?.focus():this.getRecentColorElement(o+1)?.focus())}handleUpdateActiveSwatch(e){this.activeColorSwatchEl=e.target}handleStoreNewRecentColor(e){this.storeRecentColorToStorage(e.detail)}handleUpdateRecentColors(e){e.composedPath().includes(this.el)||this.setRecentColorsFromStorage()}handleClearColor(){this.updateColor(void 0)}updateColor(e,t=!0){e!==this.color&&(this.color=e,this.arcgisChange.emit(),this.arcgisColorInputChange.emit(),t&&this.storeRecentColorToStorage(e))}storeRecentColorToStorage(e){if(!e)return;e.length>7&&(e=e.slice(0,7));let t=[e,...this.recentColors.filter(o=>o!==e)].slice(0,3);y(this.storageId,t),this.recentColors=t,this.arcgisInternalStoredColor.emit()}handleClose(e){e.stopPropagation(),this.storeRecentColorToStorage(this.colorPickerEl?.value),this.open=!1,this.arcgisPickerClose.emit(this.colorPickerEl?.value),this.arcgisColorInputPopoverClose.emit(this.colorPickerEl?.value)}addTooltip(e){this.removeTooltip(),this.tooltipContainerEl=document.createElement("div"),m(i`<calcite-tooltip .placement=${e.placement??"auto"} .referenceElement=${e.referenceElement} overlay-positioning=fixed open>${e.innerHTML}</calcite-tooltip>`,this.tooltipContainerEl),document.body.append(this.tooltipContainerEl)}removeTooltip(){this.tooltipContainerEl?.parentNode&&(this.tooltipContainerEl.remove(),this.tooltipContainerEl=void 0)}render(){let{compact:e,disabled:t,recentColors:o,_messages:s}=this,p=[o[0],o[1]],$=f(this.el)==="rtl";return e||p.push(o[2]),i`<arcgis-picker-input .disabled=${t} .intlDone=${s.commitColor} .heading=${s.selectColor} .label=${s.selectColor} @arcgisPopoverOpen=${this.handleOpen} @arcgisPopoverClose=${this.handleClose} .popoverProps=${this.popoverProps} ${l(this.setInlineInputRef)}><div class="color-picker-container" slot=content>${n(`color-picker${e?"--compact":""}`,i`<calcite-color-picker .clearable=${this.clearable} class="color-picker" @calciteColorPickerInput=${E(c=>{c.stopPropagation(),this.updateColor(this.colorPickerEl.value,!1)},500)} .scale=${e?"s":"m"} .storageId=${this.storageId} .alphaChannel=${this.showTransparency} .value=${this.color} ${l(this.setColorPickerRef)}></calcite-color-picker>`)}</div><div slot=preview><calcite-color-picker-swatch class="preview-swatch" .color=${this.color} scale=s></calcite-color-picker-swatch></div>${!this.hideRecentColors&&i`<div slot=content-end class="recent-colors-container" @keydown=${this.handleRecentColorsKeyDown} tabindex=-1>${p.map((c,d)=>c?n(c,i`<calcite-color-picker-swatch class="preview-recent-swatch" role=button scale=s tabindex=0 .active=${c===this.color} .color=${c} @click=${this.handleSwatchClickOrKeyUp} @keyup=${this.handleSwatchClickOrKeyUp} @focus=${this.handleUpdateActiveSwatch} ${l(this.setRecentColorElement(d+1))}></calcite-color-picker-swatch>`):this.renderEmptySwatch(`empty-swatch-${d}`))}</div>`||""}${this.clearable&&i`<div slot=content-end class="end-action"><calcite-action icon=circle-disallowed scale=s .label=${s.clearColor} .text=${s.clearColor??""} @click=${this.handleClearColor} @mouseover=${()=>this.addTooltip({referenceElement:this.actionEl.value,placement:$?"right-start":"left-start",innerHTML:s.noColor??""})} @mouseout=${()=>this.removeTooltip()} ${l(this.actionEl)}></calcite-action></div>`||""}</arcgis-picker-input>`}renderEmptySwatch(e){return n(e,i`<svg class="empty-swatch" viewBox="0 0 20 20" xmlns=http://www.w3.org/2000/svg width=20>${u`<rect width=20 height=20 fill=#f8f8f8 stroke=#000 stroke-dasharray=2 />`}</svg>`)}};v("arcgis-color-input",h);export{h as ArcgisColorInput};

package/dist/cdn/KPJCYYYQ.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as J,b as x,c as v,d as Q,e as w,f as y,g as j,h as N,i as k,j as F,k as z,l as B,m as E,n as $,o as S,p as R}from"./4BJYJUMR.js";import{a as H,b as p}from"./WJ3TYWP2.js";import{b as U}from"./YSXFXVP6.js";import"./F45Q3BRT.js";import{a as V}from"./YG4PY2H3.js";import{A as q,B as G,C as b,H as W,g as M,i as c,m as O,n as D,q as C}from"./OOBX2C2L.js";export default $arcgis.t(([Y,_,f,A,I,ee,te,ie])=>{function se(a){return a.associatedLayer?.url}var ae={dateStyle:"short",timeStyle:"short"},re={timeStyle:"medium"};function ne(a){let{layer:e,fieldName:t}=a,i,s=A.supportsFieldConfiguration(e),r;"popupTemplate"in e&&(r=e.popupTemplate);let n=r?r.fieldInfos:[];return X(a)?.filter(o=>o.name===t).forEach(o=>{let d=!s&&n?n.filter(m=>m.fieldName===o.name):void 0,u=s?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:u||o.name};l.codedValues=ue(t,a),de(l),l.simpleFieldType&&(i=l)}),i}function X(a){let{layer:e}=a;return y(e)||S(e)||w(e)&&e.rasterFields.length?e.rasterFields:e.fields}async function K(a){a.statisticsStatus="in-progress";let{layer:e,view:t}=a;if(y(e)||S(e)||F(e)||$(e))throw new Error("could not get feature count");try{return await me(e,t)}catch{return}}async function oe(a){let{layer:e,view:t,fieldName:i,fieldInfo:s}=a;if(y(e)||S(e)||$(e))throw new Error("could not get statistics for ImageryTileLayer/WCSLayer/VoxelLayer");if(!s||s.layerField.type==="oid"||s.layerField.type==="guid"||s.layerField.type==="global-id")return{totalCount:await K(a),nullcount:0};try{let r=await ee({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 K(a);return{...r,totalCount:o}}}catch{throw new Error("could not get statistics")}}async function le(a){let{layer:e,view:t,fieldName:i}=a;if(y(e)||S(e)||$(e))throw new Error("could not get unique values for ImageryLayer/ImageryTileLayer/WCSLayer/VoxelLayer");x(e)&&(e.outFields=["*"]);try{return await te({layer:e,view:t,field:i})}catch{throw new Error("could not get unique values")}}function de(a){switch(a.layerField.type){case"string":a.simpleFieldType="string";break;case"date":a.simpleFieldType="date";break;case"timestamp-offset":a.simpleFieldType="timestamp-offset";break;case"date-only":a.simpleFieldType="date-only";break;case"time-only":a.simpleFieldType="time-only";break;case"oid":a.simpleFieldType="oid";break;case"guid":case"global-id":a.simpleFieldType="guid";break;case"small-integer":case"big-integer":case"integer":case"single":case"double":case"long":a.simpleFieldType="number";break}}function ue(a,e){let{layer:t}=e;if(E(t)&&t.subtypeField===a){let d=t.parent?.subtypes?.find(u=>u.code===t.subtypeCode);if(d)return[{code:d.code,name:d.name}]}if(!v(t)&&!w(t))return;let i=v(t)?t.typeIdField:void 0,s=v(t)?t.types:void 0,r,n=X(e)?.find(d=>d.name===a),o=n?.domain;return v(t)&&i&&s?(i===a?r=s.map(d=>({code:d.id,name:d.name})):(r=[],s.forEach(d=>{if(!d.domains[a]||d.domains[a].type==="inherited"){let u=o;u?.codedValues&&u.codedValues.forEach(l=>{let m=!1;r.forEach(h=>{h.code===l.code&&(m=!0,`, ${h.name},`.includes(`, ${l.name},`)||(h.name+=`, ${l.name}`))}),m||r.push(I.clone(l))})}else d.domains[a].codedValues&&d.domains[a].codedValues.forEach(u=>{let l=!1;r.forEach(m=>{m.code===u.code&&(l=!0,`, ${m.name},`.includes(`, ${u.name},`)||(m.name+=`, ${u.name}`))}),l||r.push(I.clone(u))})})),!r.length&&o?.codedValues&&(r=I.clone(o.codedValues))):o?.codedValues&&(r=n.domain.codedValues),r?.length?r:void 0}async function ce(a){let{view:e,layer:t}=a;if(w(t)||y(t)||S(t))throw new Error("could not get feature");if(v(t)&&!t.url||R(t)){let i=t.createQuery();i.start=0,i.num=5,i.outFields=["*"];let s=await t.queryFeatures(i);if(s.features.length)return s;throw new Error("could not get feature")}else{if(!e)return await L(a);let i;if(E(t)||z(t)){let s=t.parent;for(;B(s)||j(s);)s=s.parent;i=await e.whenLayerView(s)}else i=await e.whenLayerView(t);if(i.availableFields.length===t.fields.length||(F(t)||N(t))&&i.availableFields.length>0){let s=i.createQuery();s.start=0,s.num=5,s.outFields=["*"];let r=await i.queryFeatures(s);return r.features?.length?r:await L(a)}else return await L(a)}}async function L(a){let{layer:e}=a;if(w(e)||y(e)||F(e)||N(e))throw new Error("cannot get feature from service");let t=new ie({where:"1=1",outFields:["*"],returnGeometry:!1});return"sourceJSON"in e&&e.sourceJSON?.advancedQueryCapabilities?.supportsPagination&&(t.num=1),await e.queryFeatures(t)}async function me(a,e){if(x(a))return await pe(a);if(v(a)||J(a)||k(a)||R(a)||Q(a))return await a.queryFeatureCount();if(e&&(F(a)||N(a)))return await fe(a,e)}async function pe(a){let e=a.createQuery();e.outFields=["*"];let t=await a.queryFeatures(e);if(t.features.length)return t.features.length;throw new Error("could not get feature count")}async function fe(a,e){return await(await e.whenLayerView(a)).queryFeatureCount()}var ge=M`: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}`,Z=class extends G{constructor(){super(...arguments),this._messages=U({blocking:!0}),this._propWatcherTask=new H(this,{task:async([e,t])=>{let i=p(e)&&p(t);if(p(e)||O("error",this,D("layer")),p(t)||O("error",this,D("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=C(),this.arcgisFieldInfoComplete=C()}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=ge}async refresh(){await this.processProps(),this.requestUpdate()}disconnectedCallback(){super.disconnectedCallback(),this.timeZoneHandle?.remove()}async processProps(){let{view:e,layer:t,fieldName:i,hideStatistics:s}=this;if(!t||!i)return;let r;if(t.declaredClass==="esri.layers.support.Sublayer"){let n=t;e&&await _.whenOnce(()=>!e.updating),r=await n.createFeatureLayer(),await r?.load()}this.props={view:e,layer:r??t,fieldName:i,hideStatistics:s},this.props.fieldInfo=ne(this.props),k(t)&&Y.request.interceptors?.push({urls:`${se(t)}/${t.layerId}`,before(n){n.requestOptions.authMode="no-prompt"}}),this.oneFeatureResponseStatus="in-progress";try{let n=await ce(this.props);this.oneFeatureResponse=n,this.oneFeatureResponseStatus="success"}catch{this.oneFeatureResponseStatus="failed"}if(F(t)){this.uniqueValuesStatus="failed",this.statisticsStatus="failed";return}if(s)this.uniqueValuesStatus="failed";else{this.uniqueValuesStatus="in-progress";try{let n=await le(this.props);this.uniqueValues=n,n?.uniqueValueInfos?.length?this.uniqueValuesStatus="success":this.uniqueValuesStatus="failed"}catch{this.uniqueValuesStatus="failed"}}if(s)this.statisticsStatus="failed";else{this.statisticsStatus="in-progress";try{let n=await oe(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 u=o[d];if(u.value===null){n.totalCount=u.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=_.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"url":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:s}=i;switch(s.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 s=this.getPopupTemplateFieldInfo();return f.convertNumberFormatToIntlOptions({digitSeparator:s?.format?.digitSeparator??!0,places:s?.format?.places??2})}getIntlDateTimeFormattingOptions(e,t){let i=this.getCurrentFieldFormat();if(!t?.useFieldFormatting)return i?t?.isTimeOnly?re:ae:f.convertDateFormatToIntlOptions(e);let s=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(s)return s;let r=this.getPopupTemplateFieldInfo();return f.convertDateFormatToIntlOptions(r?.format?.dateFormat??e)}originalLayerSupportsFieldConfigs(){let{layer:e}=this;return A.supportsFieldConfiguration(e)}getPopupTemplateFieldInfo(){let{props:e}=this,{layer:t,fieldName:i}=e;return("popupTemplate"in t?t.popupTemplate:void 0)?.fieldInfos?.find(s=>s.fieldName===i)}render(){return this._propWatcherTask.render({complete:()=>{let{props:e}=this,{fieldInfo:t}=e;return t?c`<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,s=this._getFieldTypeLabel(i.layerField.type);return c`<div class="section"><div class="title">${e.fieldType}</div><div>${s}</div></div>`}renderFieldAlias(){let{_messages:e,props:t,hideAlias:i}=this,{fieldInfo:s}=t;return i?"":c`<div class="section"><div class="title">${e.fieldAlias}</div><div>${s.label}</div></div>`}renderFieldDescription(){let{_messages:e,props:t}=this,{layer:i}=t;if(!v(i))return"";let{fieldInfo:s}=t,r=s.layerField.description;return c`<div class="section"><div class="title">${e.fieldDescription}</div><div class=${b({missing:!r})}>${r||e.fieldDescriptionNotSet}</div></div>`}renderFieldValueType(){let{_messages:e,props:t}=this,{layer:i}=t;if(!v(i))return"";let{fieldInfo:s}=t,r=this._getFieldValueTypeCamelCase(s);return c`<div class="section"><div class="title">${e.fieldValueType}</div><div class=${b(r?"":"missing")}>${r?e.fieldValueTypes[r]:e.fieldValueTypeNotSet}</div></div>`}renderFieldSampleValue(){let{oneFeatureResponse:e,oneFeatureResponseStatus:t,statisticsStatus:i,statistics:s,uniqueValuesStatus:r,uniqueValues:n,_messages:o,props:d}=this,{layer:u,fieldName:l,fieldInfo:m}=d,{statistics:h}=o,g;if(y(u)||$(u)||!F(u)&&["string","oid","guid"].includes(this._getStatisticsType(m))&&r!=="failed")return"";t==="success"?e.features.forEach(T=>{(g===void 0||g===null&&T.attributes[l]!==null)&&(g=T.attributes[l])}):i==="success"?g=s?.min??void 0:r==="success"&&(g=n?.uniqueValueInfos?.[0]?.value??n?.uniqueValueInfos?.[1]?.value??void 0);let P=m.codedValues;return p(g)&&(P?g=P.find(T=>g===T.code)?.name||g:g=this._getDisplayString(g,{useFieldFormatting:!0})),c`<div class="section"><div class="title">${o.fieldSampleValue}</div><div class=${b(t==="failed"&&i==="failed"&&r==="failed"||!p(g)?"missing":"")}>${t==="success"||i==="success"||r==="success"?g?.toString()??h.allNulls:t==="failed"&&i==="failed"&&r==="failed"?o.fieldSampleNotAvailable:o.fieldSampleRetrieving}</div></div>`}renderFieldNumericFormat(){let{_messages:e,props:t,hideNumericFormat:i}=this,{fieldName:s,fieldInfo:r,layer:n}=t;if(i||!["double","long","single"].includes(r.layerField.type))return"";let o=this.originalLayerSupportsFieldConfigs()?n.getFieldConfiguration(s):void 0;if(o?.fieldFormat){let{minimumFractionDigits:u,maximumFractionDigits:l}=o.fieldFormat;return c`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div>${e.fieldMinimumFractionDigits.replace("${number}",u.toString())}</div><div>${e.fieldMaximumFractionDigits.replace("${number}",l.toString())}</div></div>`}let d="popupTemplate"in n?n.popupTemplate:void 0;if(d?.fieldInfos){let u=d.fieldInfos?.filter(l=>l.fieldName===s);if(u?.length){let l=u[0];if(p(l?.format?.places)){let m=l.format.places;return c`<div class="section"><div class="title">${e.fieldDecimalPlaces}</div><div>${e.fieldNumDecimalPlaces.replace("${number}",m.toString())}</div></div>`}}}return c`<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:s,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(),""):c`<div class="section"><div class="title">${s.fieldStatistics}</div>${!e||e==="missing"||e==="in-progress"?V("field-info-statistics-content",c`<div class="missing">${s.fieldStatisticsRetrieving}</div>`):e==="failed"&&t!=="success"?this.renderNoStatistics():V("field-info-statistics-content",c`<div ${q(this._setCompleteRef)}>${this.renderStatistics()}</div>`)}</div>`}renderNoStatistics(){let{_messages:e}=this;return V("field-info-statistics-content",c`<div class="missing" ${q(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 c`<div><div class="statistics-row"><div>${i.numberOfValues}</div><div class="data">${this._printNumValue(e.totalCount)}</div></div>${p(e.sum)?c`<div class="statistics-row"><div>${i.sumOfValues}</div><div class="data">${this._printNumValue(e.sum)}</div></div>`:null}${p(e.min)?c`<div class="statistics-row"><div>${i.minimum}</div><div class="data">${this._printNumValue(e.min)}</div></div>`:null}${p(e.max)?c`<div class="statistics-row"><div>${i.maximum}</div><div class="data">${this._printNumValue(e.max)}</div></div>`:null}${p(e.avg)?c`<div class="statistics-row"><div>${i.average}</div><div class="data">${this._printNumValue(e.avg)}</div></div>`:null}${p(e.stddev)?c`<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:s}=i;return c`<div><div class="statistics-row"><div>${s.numberOfValues}</div>${t!=="success"?c`<div class="missing">--</div>`:c`<div class="data">${this._printNumValue(e?.totalCount)}</div>`}</div>${this.renderNullValues()}${this.renderTopValues()}</div>`}renderDateStatistics(){let{statistics:e,view:t,props:i,_messages:s}=this,{fieldInfo:r}=i;if(!e||!p(e.max)||!p(e.min))return this.renderNoStatistics();let{statistics:n}=s,o=e.max-e.min,d=Math.floor(o/31536e6),u=Math.floor((o-d*31536e6)/2628e6),l=Math.ceil((o-u*2628e6)/864e5);l>=30&&(u+=1,l=0);let m=d===1?n.timeSpanOptions.year:d>1?n.timeSpanOptions.years.replace("${years}",d.toString()):"";m+=d>0&&(u>0||l>0)?", ":"",m+=u===1?n.timeSpanOptions.month:u>1?n.timeSpanOptions.months.replace("${months}",u.toString()):"",m+=u>0&&l>0?", ":"",m+=l===1?n.timeSpanOptions.day:l>1?n.timeSpanOptions.days.replace("${days}",l.toString()):"";let h=r.simpleFieldType!=="timestamp-offset"||!t||t.timeZone!=="unknown",g=r.simpleFieldType==="time-only";return c`<div><div class="statistics-row"><div>${n.numberOfValues}</div><div class="data">${this._printNumValue(e?.totalCount)}</div></div>${h&&p(e.min)?c`<div class="statistics-row"><div>${g?n.minimumTime:n.minimumDate}</div><div class="data">${this._getDisplayString(e.min)}</div></div>`:null}${h&&p(e.max)?c`<div class="statistics-row"><div>${g?n.maximumTime:n.maximumDate}</div><div class="data">${this._getDisplayString(e.max)}</div></div>`:null}${h&&p(e.avg)?c`<div class="statistics-row"><div>${g?n.averageTime:n.averageDate}</div><div class="data">${this._getDisplayString(e.avg)}</div></div>`:null}${h&&!g&&p(e.min)&&p(e.max)&&o>0?c`<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:s}=this,{fieldInfo:r}=s,{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,u=o.filter(l=>l.value!==null).filter((l,m)=>l&&m<10).map(l=>{let m=l.value;return d?d.forEach(h=>{m===h.code&&(m=h.name)}):m=this._getDisplayString(m),c`<div class="statistics-row"><div class="data">${`${m}`}</div><div class="count">${this._printNumValue(l.count)}</div></div>`});return u.length?c`<div><div class="statistics-row-top-values"><div>${o.length>10?n.topTenValues:n.topValues}</div><div>${n.count}</div></div>${u}</div>`:""}else return c`<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:s}=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 c`<div class="statistics-row"><div>${s.numberOfNulls}</div>${p(r)?c`<div class="data">${this._printNumValue(r)}</div>`:c`<div class="missing">--</div>`}</div>`}};W("arcgis-field-info",Z);return Z},"config","core/reactiveUtils","intl","applications/PortalApp/layerUtils","core/lang","smartMapping/statistics/summaryStatistics","smartMapping/statistics/uniqueValues","rest/support/Query")

package/dist/cdn/ORSF6IOL.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as u}from"./Y5Y7IXOV.js";import{a as S,b as x}from"./WJ3TYWP2.js";import{b as B}from"./YSXFXVP6.js";import"./F45Q3BRT.js";import{a as b}from"./YG4PY2H3.js";import{A as d,B as $,C as v,D as g,E as h,F as C,H as k,g as y,i as l,m,n as w,q as a,z as r}from"./OOBX2C2L.js";var n=new Map;n.set("oid","key");n.set("guid","key");n.set("global-id","key");n.set("blob","binary");n.set("integer","integer");n.set("small-integer","integer");n.set("big-integer","integer");n.set("single","number");n.set("double","number");n.set("long","number");n.set("number","number");n.set("date","date-time");n.set("date-only","calendar");n.set("time-only","clock");n.set("timestamp-offset","time-zone");n.set("string","string");var E=({fieldType:F})=>l`<calcite-icon scale=s .icon=${n.get(F)}></calcite-icon>`,L=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 ${constructor(){super(...arguments),this._messages=B({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 S(this,{task:async([e])=>{if(!this.listOnly&&!x(e?.refElement))throw m("error",this,w("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=a(),this.arcgisClose=a(),this.arcgisFieldPickListChange=a(),this.arcgisFieldPickListDismissed=a(),this.arcgisFieldPickListSortByChange=a(),this.arcgisSortByChange=a(),this.arcgisEditField=a(),this.arcgisDeleteField=a()}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=L}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,m("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(s=>s.type==="none");return t=t.filter(s=>s.type!=="none"),this.lastSortBy==="display"?t.sort((s,o)=>s.alias.localeCompare(o.alias)):this.lastSortBy==="field"?t.sort((s,o)=>s.name.localeCompare(o.name)):this.lastSortBy==="type"&&t.sort((s,o)=>s.type.localeCompare(o.type)),t=t.concat(i),t}isExpression(e){return this.customExpressionCheck?this.customExpressionCheck(e):e.name.includes(u.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(u.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,s=C(l`<calcite-flow-item selected .heading=${e.alias??e.name} .description=${e.name} class="panel" style=${g(this.panelCutOffHeight>0?`max-height: ${this.panelCutOffHeight}px`:"max-height: 50vh")} @calciteFlowItemBack=${o=>{o.currentTarget.remove(),this.fieldInfoFlowItemEl.value.selected=!1,this.panelElement.value.selected=!0,setTimeout(()=>{t.setFocus()},300)}} ${d(this.fieldInfoFlowItemEl)}><arcgis-field-info lang=${this._messages._lang??h} .fieldName=${e.name} .layer=${this.layer} .view=${this.view} class="content"></arcgis-field-info></calcite-flow-item>`);i.appendChild(s),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()}setSortBy(e){this.lastSortBy=e,this.updateGroupedLists(),this.arcgisSortByChange.emit(this.lastSortBy),this.arcgisFieldPickListSortByChange.emit(this.lastSortBy),this.reorderSelectedFieldsByCurrentListOrder()&&(this.arcgisChange.emit({selectedFields:this.selectedFields}),this.arcgisFieldPickListChange.emit({selectedFields:this.selectedFields}))}reorderSelectedFieldsByCurrentListOrder(){if(!this.selectedFields.length)return!1;let e=this.getAllFields().map(o=>o.name),t=new Set(this.selectedFields),i=e.filter(o=>t.has(o)),s=i.length!==this.selectedFields.length||i.some((o,p)=>o!==this.selectedFields[p]);return s&&(this.selectedFields=[...i]),s}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"),l`<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()}} ${d(this.popoverNode)}><calcite-flow style=${g({width:`${t.popoverWidth??t.refElement.getBoundingClientRect().width}px`,...t.maxHeight&&{maxHeight:t.maxHeight}})} ${d(this.flowElement)}><calcite-flow-item class="panel" .heading=${e} closable @calciteFlowItemClose=${()=>{this.arcgisClose.emit(),this.arcgisFieldPickListDismissed.emit()}} ${d(this.panelElement)}><slot slot=content-top name=content-top></slot>${this.renderList()}<slot slot=content-bottom name=content-bottom></slot>${(this.multiple||!this.hideCancel)&&l`<div slot=footer class="footer"><slot name=content-footer></slot>${this.multiple&&!this.hideCancel?l`<div class="add-cancel-buttons">${this.renderAddButton()}${this.renderCancelButton()}</div>`:l`${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 l`${t.length?l`<calcite-list .label=${e} .selectionMode=${this.multiple?"multiple":"single"} class=${v(this.listOnly?"":"content")} .filterEnabled=${i} .filterPlaceholder=${this.filterPlaceholderText??this._messages.filter} @calciteListChange=${()=>{let s=this.listNode.value.selectedItems.map(c=>c.value),o=this.selectedFields.filter(c=>s.includes(c)),p=s.filter(c=>!this.selectedFields.includes(c));this.selectedFields=[...new Set([...o,...p])],this.reorderSelectedFieldsByCurrentListOrder(),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=${s=>{s.stopPropagation(),this.filterFields=this.listNode.value.filteredItems?.map(o=>o.value),this.filterText=this.listNode.value.filterText}} ${d(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>`:l`<slot name=no-fields></slot>`}${this.filterFields&&!this.filterFields.length&&this.listNode.value&&this.filterNoResultsText?.length!==0?l`<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 l`<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()} ${d(this.dropdownNode)}><calcite-action slot=trigger .text=${this._messages.sort??""} title=${this._messages.sort??h}><calcite-icon scale=s icon=sortDescending flip-rtl></calcite-icon></calcite-action><calcite-dropdown-group><calcite-dropdown-item .selected=${this.lastSortBy==="default"} @click=${()=>this.setSortBy("default")} @keydown=${i=>{i.stopPropagation(),(i.key===" "||i.key==="Enter")&&this.setSortBy("default")}}>${this._messages.default}</calcite-dropdown-item><calcite-dropdown-item .selected=${this.lastSortBy==="display"} @click=${()=>this.setSortBy("display")} @keydown=${i=>{i.stopPropagation(),(i.key===" "||i.key==="Enter")&&this.setSortBy("display")}}>${this._messages.displayName}</calcite-dropdown-item>${t&&l`<calcite-dropdown-item .selected=${this.lastSortBy==="type"} @click=${()=>this.setSortBy("type")} @keydown=${i=>{i.stopPropagation(),(i.key===" "||i.key==="Enter")&&this.setSortBy("type")}}>${this._messages.type}</calcite-dropdown-item>`||""}<calcite-dropdown-item .selected=${this.lastSortBy==="field"} @click=${()=>this.setSortBy("field")} @keydown=${i=>{i.stopPropagation(),(i.key===" "||i.key==="Enter")&&this.setSortBy("field")}}>${this._messages.fieldName}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}renderSelectionButton(){return l`<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.reorderSelectedFieldsByCurrentListOrder(),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=>l`<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,l`<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&&l`<div slot=actions-end class="field-icons">${E({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?l`<calcite-action slot=actions-end .text=${i.info} title=${i.info??h} scale=s icon=information @click=${s=>{s.stopPropagation();let o=s.currentTarget;this.addFieldInfoFlowItem(e,o)}}></calcite-action>`:""}renderEditAction(e){let{_messages:t}=this;return e.showEditAction?l`<calcite-action slot=actions-end .text=${t.edit} title=${t.edit??h} 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?l`<calcite-action slot=actions-end .text=${t.delete} title=${t.delete??h} scale=s icon=trash @click=${i=>{i.stopPropagation(),this.arcgisDeleteField.emit({fieldName:e.name})}}></calcite-action>`:""}renderAddButton(){return this.multiple?l`<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?"":l`<calcite-button appearance=outline-fill .width=${this.multiple?"half":"full"} @click=${()=>{this.arcgisClose.emit(),this.arcgisFieldPickListDismissed.emit()}}>${this._messages.cancel}</calcite-button>`}};k("arcgis-field-pick-list",f);export{f as ArcgisFieldPickList};