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

package/dist/types/stencil.d.ts

@@ -13,8 +13,17 @@ import type { ArcgisRampColor } from "../components/arcgis-ramp-color/customElem
 import type { ArcgisRampColorBreak } from "../components/arcgis-ramp-color-break/customElement.js";
 import type { ArcgisRampOpacity } from "../components/arcgis-ramp-opacity/customElement.js";
 import type { ArcgisSlider } from "../components/arcgis-slider/customElement.js";
+import type { ArcgisSliderField } from "../components/arcgis-slider-field/customElement.js";
+import type { ArcgisSliderHistogramRange } from "../components/arcgis-slider-histogram-range/customElement.js";
 import type { ArcgisSliderInput } from "../components/arcgis-slider-input/customElement.js";
 import type { ArcgisTicks } from "../components/arcgis-ticks/customElement.js";
+import type { ArcgisToolbar } from "../components/arcgis-toolbar/customElement.js";
+import type { ArcgisToolbarAction } from "../components/arcgis-toolbar-action/customElement.js";
+import type { ArcgisToolbarGroup } from "../components/arcgis-toolbar-group/customElement.js";
+import type { ArcgisToolbarItem } from "../components/arcgis-toolbar-item/customElement.js";
+import type { ArcgisToolbarMoreButton } from "../components/arcgis-toolbar-more-button/customElement.js";
+import type { ArcgisToolbarSplitButton } from "../components/arcgis-toolbar-split-button/customElement.js";
+import type { ArcgisToolbarStack } from "../components/arcgis-toolbar-stack/customElement.js";
 import type { ArcgisUniqueValuesList } from "../components/arcgis-unique-values-list/customElement.js";
 import type { ArcgisValuePicker } from "../components/arcgis-value-picker/customElement.js";
 import type { ArcgisValuePickerCollection } from "../components/arcgis-value-picker-collection/customElement.js";
@@ -73,7 +82,7 @@ interface StencilArcgisFieldPickList extends Partial<Pick<ArcgisFieldPickList, "
   onArcgisSortByChange?: EventHandler<ArcgisFieldPickList["arcgisSortByChange"]>;
 }
 
-interface StencilArcgisHistogram extends Partial<Pick<ArcgisHistogram, "average" | "bins" | "colorBlendingEnabled" | "colorStops" | "dataLines" | "icon" | "label" | "layout" | "max" | "messageOverrides" | "min" | "standardDeviation">>, StencilJsx.HTMLAttributes<ArcgisHistogram> {
+interface StencilArcgisHistogram extends Partial<Pick<ArcgisHistogram, "average" | "bins" | "colorBlendingEnabled" | "colorStops" | "dataLines" | "icon" | "label" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "standardDeviation" | "standardDeviationCount">>, StencilJsx.HTMLAttributes<ArcgisHistogram> {
 }
 
 interface StencilArcgisLabelInput extends Partial<Pick<ArcgisLabelInput, "alignment" | "labelFormatter" | "readOnly" | "value">>, StencilJsx.HTMLAttributes<ArcgisLabelInput> {
@@ -94,13 +103,27 @@ interface StencilArcgisRampColorBreak extends Partial<Pick<ArcgisRampColorBreak,
 interface StencilArcgisRampOpacity extends Partial<Pick<ArcgisRampOpacity, "fillColor" | "layout" | "max" | "min" | "stops">>, StencilJsx.HTMLAttributes<ArcgisRampOpacity> {
 }
 
-interface StencilArcgisSlider extends Partial<Pick<ArcgisSlider, "allowValuesOverlap" | "autoDestroyDisabled" | "disabled" | "fillPlacement" | "fullRangeMax" | "fullRangeMin" | "keyboardLargeStep" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, StencilJsx.HTMLAttributes<ArcgisSlider> {
+interface StencilArcgisSlider extends Partial<Pick<ArcgisSlider, "allowValuesOverlap" | "autoDestroyDisabled" | "disabled" | "fillPlacement" | "fullRangeMax" | "fullRangeMin" | "keyboardLargeStep" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverDisplay" | "popoverLabel" | "popoverPlacement" | "precision" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "segmentsDraggingDisabled" | "showRangeLabels" | "steps" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, StencilJsx.HTMLAttributes<ArcgisSlider> {
   onArcgisActiveValueChange?: EventHandler<ArcgisSlider["arcgisActiveValueChange"]>;
   onArcgisChange?: EventHandler<ArcgisSlider["arcgisChange"]>;
   onArcgisInput?: EventHandler<ArcgisSlider["arcgisInput"]>;
   onArcgisRangeChange?: EventHandler<ArcgisSlider["arcgisRangeChange"]>;
 }
 
+interface StencilArcgisSliderField extends Partial<Pick<ArcgisSliderField, "disabled" | "fieldType" | "fillPlacement" | "label" | "labelFormatter" | "layout" | "max" | "messageOverrides" | "min" | "mirrored" | "popoverLabel" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "showRangeLabels" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "valueLabelsPlacement" | "values">>, StencilJsx.HTMLAttributes<ArcgisSliderField> {
+  onArcgisActiveValueChange?: EventHandler<ArcgisSliderField["arcgisActiveValueChange"]>;
+  onArcgisChange?: EventHandler<ArcgisSliderField["arcgisChange"]>;
+  onArcgisInput?: EventHandler<ArcgisSliderField["arcgisInput"]>;
+  onArcgisRangeChange?: EventHandler<ArcgisSliderField["arcgisRangeChange"]>;
+}
+
+interface StencilArcgisSliderHistogramRange extends Partial<Pick<ArcgisSliderHistogramRange, "average" | "bins" | "dataLines" | "excludedBarColor" | "fieldType" | "fillPlacement" | "includedBarColor" | "label" | "labelFormatter" | "layout" | "max" | "min" | "rangeLabelsEditingEnabled" | "rangeLabelsPlacement" | "showRangeLabels" | "standardDeviation" | "standardDeviationCount" | "valueLabelsDisplay" | "valueLabelsEditingEnabled" | "values">>, StencilJsx.HTMLAttributes<ArcgisSliderHistogramRange> {
+  onArcgisActiveValueChange?: EventHandler<ArcgisSliderHistogramRange["arcgisActiveValueChange"]>;
+  onArcgisChange?: EventHandler<ArcgisSliderHistogramRange["arcgisChange"]>;
+  onArcgisInput?: EventHandler<ArcgisSliderHistogramRange["arcgisInput"]>;
+  onArcgisRangeChange?: EventHandler<ArcgisSliderHistogramRange["arcgisRangeChange"]>;
+}
+
 interface StencilArcgisSliderInput extends Partial<Pick<ArcgisSliderInput, "disabled" | "flipLabels" | "label" | "max" | "min" | "scale" | "step" | "unitsLabel" | "value" | "withSteppers">>, StencilJsx.HTMLAttributes<ArcgisSliderInput> {
   onArcgisSliderInputValueChange?: EventHandler<ArcgisSliderInput["arcgisSliderInputValueChange"]>;
   onArcgisValueChange?: EventHandler<ArcgisSliderInput["arcgisValueChange"]>;
@@ -110,6 +133,30 @@ interface StencilArcgisTicks extends Partial<Pick<ArcgisTicks, "interactive" | "
   onArcgisTickClick?: EventHandler<ArcgisTicks["arcgisTickClick"]>;
 }
 
+interface StencilArcgisToolbar extends Partial<Pick<ArcgisToolbar, "layout" | "relativePosition" | "scale" | "toolbarKind" | "tooltipAppearance">>, StencilJsx.HTMLAttributes<ArcgisToolbar> {
+}
+
+interface StencilArcgisToolbarAction extends Partial<Pick<ArcgisToolbarAction, "active" | "appearance" | "disabled" | "icon" | "iconFlipRtl" | "indicator" | "kind" | "labelText" | "loading" | "textEnabled" | "tooltipText">>, StencilJsx.HTMLAttributes<ArcgisToolbarAction> {
+  onArcgisRenderedActionChanged?: EventHandler<ArcgisToolbarAction["arcgisRenderedActionChanged"]>;
+  onArcgisToolbarItemSelected?: EventHandler<ArcgisToolbarAction["arcgisToolbarItemSelected"]>;
+}
+
+interface StencilArcgisToolbarGroup extends Partial<Pick<ArcgisToolbarGroup, "preferEndSlot" | "priority">>, StencilJsx.HTMLAttributes<ArcgisToolbarGroup> {
+}
+
+interface StencilArcgisToolbarItem extends Partial<Pick<ArcgisToolbarItem, "active" | "disabled" | "icon" | "iconFlipRtl" | "labelText" | "lastActivated" | "loading" | "tooltipText">>, StencilJsx.HTMLAttributes<ArcgisToolbarItem> {
+  onArcgisItemSelected?: EventHandler<ArcgisToolbarItem["arcgisItemSelected"]>;
+}
+
+interface StencilArcgisToolbarMoreButton extends Partial<Pick<ArcgisToolbarMoreButton, "menuAppearance" | "overflowActionLabel" | "priority">>, StencilJsx.HTMLAttributes<ArcgisToolbarMoreButton> {
+}
+
+interface StencilArcgisToolbarSplitButton extends Partial<Pick<ArcgisToolbarSplitButton, "menuAppearance" | "overflowActionLabel" | "priority">>, StencilJsx.HTMLAttributes<ArcgisToolbarSplitButton> {
+}
+
+interface StencilArcgisToolbarStack extends Partial<Pick<ArcgisToolbarStack, "layout" | "relativePosition" | "scale" | "toolbarKind" | "tooltipAppearance">>, StencilJsx.HTMLAttributes<ArcgisToolbarStack> {
+}
+
 interface StencilArcgisUniqueValuesList extends Partial<Pick<ArcgisUniqueValuesList, "fieldName" | "layer" | "maxHeight" | "multiple" | "numberFormatOptions" | "partialUniqueValues" | "selectedValues" | "showFilterLength" | "sortBy" | "uniqueValues" | "view" | "visualizationSource">>, StencilJsx.HTMLAttributes<ArcgisUniqueValuesList> {
   onArcgisChange?: EventHandler<ArcgisUniqueValuesList["arcgisChange"]>;
   onArcgisLoad?: EventHandler<ArcgisUniqueValuesList["arcgisLoad"]>;
@@ -157,8 +204,17 @@ interface ExposedElements {
   "arcgis-ramp-color-break": StencilArcgisRampColorBreak;
   "arcgis-ramp-opacity": StencilArcgisRampOpacity;
   "arcgis-slider": StencilArcgisSlider;
+  "arcgis-slider-field": StencilArcgisSliderField;
+  "arcgis-slider-histogram-range": StencilArcgisSliderHistogramRange;
   "arcgis-slider-input": StencilArcgisSliderInput;
   "arcgis-ticks": StencilArcgisTicks;
+  "arcgis-toolbar": StencilArcgisToolbar;
+  "arcgis-toolbar-action": StencilArcgisToolbarAction;
+  "arcgis-toolbar-group": StencilArcgisToolbarGroup;
+  "arcgis-toolbar-item": StencilArcgisToolbarItem;
+  "arcgis-toolbar-more-button": StencilArcgisToolbarMoreButton;
+  "arcgis-toolbar-split-button": StencilArcgisToolbarSplitButton;
+  "arcgis-toolbar-stack": StencilArcgisToolbarStack;
   "arcgis-unique-values-list": StencilArcgisUniqueValuesList;
   "arcgis-value-picker": StencilArcgisValuePicker;
   "arcgis-value-picker-collection": StencilArcgisValuePickerCollection;
@@ -171,8 +227,8 @@ export namespace JSX {
   export interface IntrinsicElements extends ExposedElements {}
 }
 
-declare module "@stencil/core/internal/stencil-public-runtime" {
-  export namespace h.JSX {
+declare module "@stencil/core" {
+  export namespace JSX {
     interface IntrinsicElements extends ExposedElements {}
   }
 }

package/dist/utils/types.d.ts

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

package/package.json

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

package/dist/cdn/2XA6O2MP.js

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

package/dist/cdn/4BJYJUMR.js

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

package/dist/cdn/5U5NQ3F5.js

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