@arcgis/common-components 5.1.0-next.19 → 5.1.0-next.20

package/README.md

@@ -1,6 +1,29 @@
 # ArcGIS Maps SDK for JavaScript - Common Components
 
-The ArcGIS Maps SDK for JavaScript provides a suite of ready-to-use UI components that simplify the process of creating GIS web applications. This package contains the `arcgis-slider` and `arcgis-histogram` components, which can be used as common components to build web mapping applications.
+The ArcGIS Maps SDK for JavaScript provides a suite of ready-to-use UI components that simplify the process of creating GIS web applications. This package contains the [Histogram](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/), [Slider](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/), and [Ticks](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/) components.
+
+Want to get started immediately? See [Get started](https://developers.arcgis.com/javascript/latest/get-started/) or try out the [sample applications](https://developers.arcgis.com/javascript/latest/sample-code/?tagged=common-components).
+
+## Documentation
+
+- [Key Features](https://developers.arcgis.com/javascript/latest/key-features/)
+- [Build with npm](https://developers.arcgis.com/javascript/latest/get-started/#npm)
+- [API and component references](https://developers.arcgis.com/javascript/latest/references/)
+- [Functionality samples](https://developers.arcgis.com/javascript/latest/sample-code/)
+- [TypeScript setup](https://developers.arcgis.com/javascript/latest/get-started/#typescript)
+
+## Resources
+
+- [ArcGIS blog](https://blogs.esri.com/esri/arcgis/tag/javascript/)
+- [System Requirements](https://developers.arcgis.com/javascript/latest/system-requirements/)
+- [Terms of Use](https://www.esri.com/en-us/legal/terms/product-specific-scope-of-use)
+- [Licensing](https://developers.arcgis.com/javascript/latest/licensing/)
+- [Working with `next` versions](https://github.com/Esri/feedback-js-api-next/blob/main/README.md)
+
+## Issues
+
+- General questions about using this package or the ArcGIS Maps SDK for JavaScript? See the [Esri developer community](https://community.esri.com/t5/arcgis-api-for-javascript/ct-p/arcgis-api-for-javascript).
+- [Technical support](https://support.esri.com/).
 
 ## License
 

package/dist/cdn/GAR4QMLU.js

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

package/dist/cdn/index.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{G as i,v as e}from"./UTXWKXMT.js";var s=e(i,{"arcgis-ckeditor5":[()=>import("./AXTSUI2Q.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./4DCAUWTC.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./C6JAR4IN.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus"],"arcgis-field-info":[()=>import("./4CW7U27R.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./ZLXAKPUH.js"),"_messages:,customExpressionCheck:,expressionsGroupHeading,fields:,fieldsGroupHeading,filterNoResultsText,filterPlaceholderText,groupFieldsAndExpressions,heading,hideCancel,hideSort,layer:,listOnly,mapView:,multiple,okBtnText,popoverProps:,selectedFields:,showCancel,showDescription,showFieldInfo,showFieldName,showFieldTypeIcon,showFilterLength,showSelectionAll,showSort,sortBy,view:;reposition,setDisabled,setFocus"],"arcgis-histogram":[()=>import("./6DQVLQL6.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,layout,max,messageOverrides:,min,standardDeviation"],"arcgis-label-input":[()=>import("./ZL3E4ZGE.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./J5X5TNVW.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./YVSTPEPS.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./7HQMPKZO.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./ZOWIFVL3.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./JTRO7GRS.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("./XEB2RUND.js"),"disabled,flipLabels,label,max,min,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./3O7GAC23.js"),"interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],"arcgis-unique-values-list":[()=>import("./2BDHDUXG.js"),"_messages:,fieldName,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:;getUniqueValues,setFocus"]});s({resourcesUrl:import.meta.url});var a=new CSSStyleSheet;a.replaceSync("@layer{:not([hydrated]):is(arcgis-ckeditor5,arcgis-ckeditor5-popover,arcgis-color-input,arcgis-field-info,arcgis-field-pick-list,arcgis-histogram,arcgis-label-input,arcgis-picker-input,arcgis-ramp-color,arcgis-ramp-color-break,arcgis-ramp-opacity,arcgis-slider,arcgis-slider-input,arcgis-ticks,arcgis-unique-values-list){visibility:hidden}:root{--arcgis-ckeditor5-initial-height: 30vh;--arcgis-ckeditor5-max-width: 35vw;--arcgis-ckeditor5-mentions-max-width: 33vw;--arcgis-common-ckeditor5-initial-height: 30vh;--arcgis-common-ckeditor5-max-width: 35vw;--arcgis-common-ckeditor5-mentions-max-width: 33vw}}");document.adoptedStyleSheets=[...document.adoptedStyleSheets,a];window.$arcgis||Object.defineProperty(window,"$arcgis",{configurable:!1,enumerable:!0,writable:!1,value:{}}),((a,r)=>{a.t=(c,...x)=>Promise.all(x.map(x=>x.then?x:(!a?.forceESM&&a?.import||(x=>import(x+".js").then(m=>m.default??m)))("@arcgis/core/"+x))).then(c);r.p=a.t(([m])=>{r.t=m.trackAccess;r.o=m.createObservable;r.c=m.createTrackingTarget;r.r=m.runTracked},"applications/Components/reactiveUtils")})($arcgis,i)
+import{G as i,v as e}from"./UTXWKXMT.js";var s=e(i,{"arcgis-ckeditor5":[()=>import("./AXTSUI2Q.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./4DCAUWTC.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./C6JAR4IN.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus"],"arcgis-field-info":[()=>import("./4CW7U27R.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./ZLXAKPUH.js"),"_messages:,customExpressionCheck:,expressionsGroupHeading,fields:,fieldsGroupHeading,filterNoResultsText,filterPlaceholderText,groupFieldsAndExpressions,heading,hideCancel,hideSort,layer:,listOnly,mapView:,multiple,okBtnText,popoverProps:,selectedFields:,showCancel,showDescription,showFieldInfo,showFieldName,showFieldTypeIcon,showFilterLength,showSelectionAll,showSort,sortBy,view:;reposition,setDisabled,setFocus"],"arcgis-histogram":[()=>import("./6DQVLQL6.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,layout,max,messageOverrides:,min,standardDeviation"],"arcgis-label-input":[()=>import("./ZL3E4ZGE.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./J5X5TNVW.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./YVSTPEPS.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./7HQMPKZO.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./ZOWIFVL3.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./JTRO7GRS.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("./XEB2RUND.js"),"disabled,flipLabels,label,max,min,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./3O7GAC23.js"),"interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],"arcgis-unique-values-list":[()=>import("./GAR4QMLU.js"),"_messages:,fieldName,fieldSource,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:;getUniqueValues,setFocus"]});s({resourcesUrl:import.meta.url});var a=new CSSStyleSheet;a.replaceSync("@layer{:not([hydrated]):is(arcgis-ckeditor5,arcgis-ckeditor5-popover,arcgis-color-input,arcgis-field-info,arcgis-field-pick-list,arcgis-histogram,arcgis-label-input,arcgis-picker-input,arcgis-ramp-color,arcgis-ramp-color-break,arcgis-ramp-opacity,arcgis-slider,arcgis-slider-input,arcgis-ticks,arcgis-unique-values-list){visibility:hidden}:root{--arcgis-ckeditor5-initial-height: 30vh;--arcgis-ckeditor5-max-width: 35vw;--arcgis-ckeditor5-mentions-max-width: 33vw;--arcgis-common-ckeditor5-initial-height: 30vh;--arcgis-common-ckeditor5-max-width: 35vw;--arcgis-common-ckeditor5-mentions-max-width: 33vw}}");document.adoptedStyleSheets=[...document.adoptedStyleSheets,a];window.$arcgis||Object.defineProperty(window,"$arcgis",{configurable:!1,enumerable:!0,writable:!1,value:{}}),((a,r)=>{a.t=(c,...x)=>Promise.all(x.map(x=>x.then?x:(!a?.forceESM&&a?.import||(x=>import(x+".js").then(m=>m.default??m)))("@arcgis/core/"+x))).then(c);r.p=a.t(([m])=>{r.t=m.trackAccess;r.o=m.createObservable;r.c=m.createTrackingTarget;r.r=m.runTracked},"applications/Components/reactiveUtils")})($arcgis,i)

package/dist/components/arcgis-unique-values-list/customElement.d.ts

@@ -2,6 +2,7 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { SupportedLayer } from "./utils/basic.js";
+import type { FieldSource } from "../../utils/types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
@@ -32,6 +33,8 @@ export abstract class ArcgisUniqueValuesList extends LitElement {
   }>;
   /** Field name, required if uniqueValues is not provided, if component needs to format values, or needs to check for field domains. */
   accessor fieldName: string | undefined;
+  /** Optional, specify field source other than the layer's fields. */
+  accessor fieldSource: FieldSource | undefined;
   /** Layer instance, required if uniqueValues is not provided, if component needs to format values, or needs to check for field domains. */
   accessor layer: SupportedLayer | undefined;
   /** Optional, max height of list in pixel. */

package/dist/components/arcgis-unique-values-list/customElement.js

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