@esri/solutions-components 1.0.0-next.20250425.2 → 1.0.0-next.20250429

package/dist/components/edit-card/customElement.js

@@ -1,6 +1,6 @@
 import { c as l } from "../../chunks/runtime.js";
-import { l as h } from "../../chunks/loadModules.js";
-import { i as d } from "../../chunks/mapViewUtils.js";
+import { l as d } from "../../chunks/loadModules.js";
+import { j as h } from "../../chunks/mapViewUtils.js";
 import { u as c } from "../../chunks/useT9n.js";
 import { html as o } from "lit";
 import { createRef as p, ref as g } from "lit-html/directives/ref.js";
@@ -8,7 +8,7 @@ import { LitElement as f, createEvent as a, noShadowRoot as m, safeClassMap as r
 import { css as _ } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250425.2 */
+v1.0.0-next.20250429 */
 const u = _`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -26,10 +26,10 @@ const u = _`@layer{/** @license
  */:host{display:block}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:var(--calcite-font-weight-bold)}.font-500{font-weight:var(--calcite-font-weight-medium)}.font-italic{font-style:italic}#feature-form{padding-top:0}.padding-sides-bottom-1{padding:0 1rem 1rem}.position-relative{position:relative}.esri-editor__prompt--danger{position:relative!important;width:100%!important;background-color:var(--calcite-color-foreground-1)!important}.esri-feature__content-node{background-color:var(--calcite-color-foreground-1)!important}.hide-editor-toolbar .esri-editor__panel-toolbar{display:none!important}.position-absolute{position:absolute;inset:0;overflow:auto}.esri-editor__panel-content{padding-block:10px!important}}`;
 class w extends f {
   constructor() {
-    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphicIndex = 0, this.graphics = [], this.locale = "", this.open = !1, this._editorLoading = !1, this._translations = c({ name: "edit-card", blocking: !0 }), this._editContainer = p(), this._editControlElements = [], this._editingDisabled = "", this._shouldClose = !1, this.closeEdit = a(), this.editorInitialized = a(), this.editsComplete = a(), this.refreshGraphics = a(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange);
+    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphicIndex = 0, this.graphics = [], this.open = !1, this._editorLoading = !1, this._translations = c({ name: "edit-card", blocking: !0 }), this._editContainer = p(), this._editControlElements = [], this._editingDisabled = "", this._shouldClose = !1, this.closeEdit = a(), this.editorInitialized = a(), this.editsComplete = a(), this.refreshGraphics = a(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange);
   }
   static {
-    this.properties = { enableEditGeometry: 5, enableSnapping: 5, graphicIndex: 9, graphics: 0, locale: 1, mapView: 0, open: 5, _editorLoading: 16, _translations: 16 };
+    this.properties = { enableEditGeometry: 5, enableSnapping: 5, graphicIndex: 9, graphics: 0, mapView: 0, open: 5, _editorLoading: 16, _translations: 16 };
   }
   static {
     this.styles = u;
@@ -46,10 +46,6 @@ class w extends f {
   async graphicsWatchHandler() {
     this.graphics.length === 0 && this.open && await this._closeEdit(!0);
   }
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
-  }
   // TODO doc
   async openWatchHandler(t) {
     t && this.graphics?.length > 0 && this.graphicIndex > -1 && (this._editorLoading = !0, await this._initEditorWidget(), this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose && await this._startUpdate(), this._editorLoading = !1), t || await this._closeEdit(!0);
@@ -72,9 +68,8 @@ class w extends f {
    *
    * @returns Promise when complete
    */
-  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(t) {
-    if (t.has("graphics") && this.graphicsWatchHandler(), t.has("locale") && this.localeWatchHandler(), t.has("open") && (this.hasUpdated || this.open !== !1) && this.openWatchHandler(this.open), this.graphics?.length > 0 && this.graphics[0]?.layer) {
+    if (t.has("graphics") && this.graphicsWatchHandler(), t.has("open") && (this.hasUpdated || this.open !== !1) && this.openWatchHandler(this.open), this.graphics?.length > 0 && this.graphics[0]?.layer) {
       this._layer = this.graphics[0].layer, this._layerEditHandle && this._layerEditHandle.remove();
       const i = this._layer.type === "subtype-sublayer" ? this._layer.parent : this._layer;
       this._layerEditHandle = i.on("edits", () => {
@@ -100,14 +95,14 @@ class w extends f {
    * @returns Promise resolving when function is done
    */
   async _initModules() {
-    const [t, i] = await h(["esri/widgets/Editor", "esri/core/reactiveUtils"]);
+    const [t, i] = await d(["esri/widgets/Editor", "esri/core/reactiveUtils"]);
     this.Editor = t, this.reactiveUtils = i;
   }
   /** Init the Editor widget so we can display the popup content */
   async _initEditorWidget() {
     if (this.mapView && this.graphics && this.graphics.length > 0 && this.graphics[0]) {
       this._editor && this._editor.destroy();
-      const t = document.createElement("div"), i = await d(this.mapView), s = this.enableSnapping && this.enableEditGeometry, n = i.map((e) => ({
+      const t = document.createElement("div"), i = await h(this.mapView), s = this.enableSnapping && this.enableEditGeometry, n = i.map((e) => ({
         layer: e,
         geometryUpdatesEnabled: this.enableEditGeometry
       }));

package/dist/components/feature-details/customElement.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="../../index.d.ts" />
 import { ILayerItemsHash, IReportingOptions } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { FeatureList } from '../feature-list/customElement.js';
 import { InfoCard } from '../info-card/customElement.js';
 
@@ -17,8 +17,6 @@ export declare class FeatureDetails extends LitElement {
     reportingOptions: IReportingOptions | undefined;
     /** ILayerItemsHash: LayerDetailsHash for each layer in the map */
     layerItemsHash: ILayerItemsHash | undefined;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     /** boolean: When true the profile image of the comment creator will be shown in the comments list */
     showUserImageInCommentsList: boolean;
     /** boolean: When false comment will shown in single line in the comments list */

package/dist/components/feature-details/customElement.js

@@ -1,13 +1,13 @@
 import { c as k } from "../../chunks/runtime.js";
 import { l as m } from "../../chunks/loadModules.js";
-import { j as _ } from "../../chunks/mapViewUtils.js";
+import { i as _ } from "../../chunks/mapViewUtils.js";
 import { html as o } from "lit";
 import { createRef as p, ref as u } from "lit-html/directives/ref.js";
 import { LitElement as g, createEvent as h, noShadowRoot as f } from "@arcgis/lumina";
 import { css as b } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250425.2 */
+v1.0.0-next.20250429 */
 const C = b`@layer{/**
  * @license
  * Copyright 2025 Esri
@@ -26,10 +26,10 @@ const C = b`@layer{/**
  */:host{display:block}.buttons-container{align-items:center;display:flex;padding:4px;color:var(--calcite-color-text-1)!important;background-color:var(--calcite-color-foreground-1)!important;border-block-start:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3)}}`;
 class F extends g {
   constructor() {
-    super(...arguments), this.enableSnapping = !1, this.graphics = [], this.locale = "", this.showUserImageInCommentsList = !1, this.showFullCommentTitle = !0, this._likeFieldAvailable = !1, this._likeCount = 0, this._disLikeCount = 0, this._dislikeFieldAvailable = !1, this._commentsAvailable = !1, this._isLikeBtnClicked = !1, this._isDislikeBtnClicked = !1, this._relatedFeaturesOIDs = [], this._updating = !1, this._infoCard = p(), this._commentsList = p(), this._likeField = "", this._dislikeField = "", this._validFieldTypes = ["small-integer", "integer", "big-integer", "single", "long"], this.relatedTableId = "", this.loadingStatus = h(), this.commentSelect = h(), this.addComment = h(), this.likeOrDislikeClicked = h(), this.featureSelectionChange = h();
+    super(...arguments), this.enableSnapping = !1, this.graphics = [], this.showUserImageInCommentsList = !1, this.showFullCommentTitle = !0, this._likeFieldAvailable = !1, this._likeCount = 0, this._disLikeCount = 0, this._dislikeFieldAvailable = !1, this._commentsAvailable = !1, this._isLikeBtnClicked = !1, this._isDislikeBtnClicked = !1, this._relatedFeaturesOIDs = [], this._updating = !1, this._infoCard = p(), this._commentsList = p(), this._likeField = "", this._dislikeField = "", this._validFieldTypes = ["small-integer", "integer", "big-integer", "single", "long"], this.relatedTableId = "", this.loadingStatus = h(), this.commentSelect = h(), this.addComment = h(), this.likeOrDislikeClicked = h(), this.featureSelectionChange = h();
   }
   static {
-    this.properties = { enableSnapping: 5, mapView: 0, graphics: 0, reportingOptions: 0, layerItemsHash: 0, locale: 1, showUserImageInCommentsList: 5, showFullCommentTitle: 5, _likeFieldAvailable: 16, _likeCount: 16, _disLikeCount: 16, _dislikeFieldAvailable: 16, _commentsAvailable: 16, _isLikeBtnClicked: 16, _isDislikeBtnClicked: 16, _relatedFeaturesOIDs: 16, _updating: 16 };
+    this.properties = { enableSnapping: 5, mapView: 0, graphics: 0, reportingOptions: 0, layerItemsHash: 0, showUserImageInCommentsList: 5, showFullCommentTitle: 5, _likeFieldAvailable: 16, _likeCount: 16, _disLikeCount: 16, _dislikeFieldAvailable: 16, _commentsAvailable: 16, _isLikeBtnClicked: 16, _isDislikeBtnClicked: 16, _relatedFeaturesOIDs: 16, _updating: 16 };
   }
   static {
     this.styles = C;
@@ -37,7 +37,6 @@ class F extends g {
   static {
     this.shadowRootOptions = f;
   }
-  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(i) {
     i.has("graphics") && this.graphicsWatchHandler();
   }
@@ -85,11 +84,11 @@ class F extends g {
   }
   render() {
     const i = this._relatedFeaturesOIDs?.length > 0 ? `objectId in(${this._relatedFeaturesOIDs})` : "1=0";
-    return o`<calcite-panel><info-card .enableSnapping=${this.enableSnapping} .graphics=${this.graphics} .locale=${this.locale} .mapView=${this.mapView} @selectionChanged=${(e) => {
+    return o`<calcite-panel><info-card .enableSnapping=${this.enableSnapping} .graphics=${this.graphics} .mapView=${this.mapView} @selectionChanged=${(e) => {
       this.featureSelectionChange.emit(e.detail);
     }} position=relative ${u(this._infoCard)}></info-card>${(this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) && o`<div class="buttons-container">${this._commentsAvailable && o`<calcite-button appearance=transparent icon-end=speech-bubble kind=neutral @click=${() => {
       this.addComment.emit();
-    }} scale=m>${this._relatedFeaturesOIDs.length}</calcite-button>` || ""}${this._likeFieldAvailable && o`<calcite-button appearance=transparent icon-end=thumbs-up .kind=${this._isLikeBtnClicked ? "brand" : "neutral"} .loading=${this._updating} @click=${this.onLikeButtonClick} scale=m>${this._likeCount ?? this._selectedGraphic?.attributes[this._likeField] ?? 0}</calcite-button>` || ""}${this._dislikeFieldAvailable && o`<calcite-button appearance=transparent icon-end=thumbs-down .kind=${this._isDislikeBtnClicked ? "brand" : "neutral"} .loading=${this._updating} @click=${this.onDislikeButtonClick} scale=m>${this._disLikeCount ?? this._selectedGraphic?.attributes[this._dislikeField] ?? 0}</calcite-button>` || ""}</div>` || ""}${this.relatedTableId && this._commentsAvailable && o`<feature-list class="height-full" .locale=${this.locale} .mapView=${this.mapView} @featureSelect=${(e) => {
+    }} scale=m>${this._relatedFeaturesOIDs.length}</calcite-button>` || ""}${this._likeFieldAvailable && o`<calcite-button appearance=transparent icon-end=thumbs-up .kind=${this._isLikeBtnClicked ? "brand" : "neutral"} .loading=${this._updating} @click=${this.onLikeButtonClick} scale=m>${this._likeCount ?? this._selectedGraphic?.attributes[this._likeField] ?? 0}</calcite-button>` || ""}${this._dislikeFieldAvailable && o`<calcite-button appearance=transparent icon-end=thumbs-down .kind=${this._isDislikeBtnClicked ? "brand" : "neutral"} .loading=${this._updating} @click=${this.onDislikeButtonClick} scale=m>${this._disLikeCount ?? this._selectedGraphic?.attributes[this._dislikeField] ?? 0}</calcite-button>` || ""}</div>` || ""}${this.relatedTableId && this._commentsAvailable && o`<feature-list class="height-full" .mapView=${this.mapView} @featureSelect=${(e) => {
       this.commentSelect.emit(e.detail);
     }} page-size=5 .selectedLayerId=${this.relatedTableId} .showFullTitle=${this.showFullCommentTitle} .showUserImageInList=${this.showUserImageInCommentsList} text-size=small .whereClause=${i} ${u(this._commentsList)}></feature-list>` || ""}</calcite-panel>`;
   }
@@ -112,7 +111,7 @@ class F extends g {
   async getCompleteGraphic(i) {
     if (i) {
       const e = i.layer, s = e.createQuery(), t = Number(i.getObjectId());
-      if (!isNaN(t)) {
+      if (!Number.isNaN(t)) {
         s.objectIds = [t];
         const l = await e.queryFeatures(s);
         this._selectedGraphic = l.features[0];
@@ -233,7 +232,7 @@ class F extends g {
    * @protected
    */
   getFromLocalStorage() {
-    const i = this._selectedGraphic?.layer && this._selectedGraphic.layer.id, e = !isNaN(Number(i)) && i?.toString() && localStorage[i];
+    const i = this._selectedGraphic?.layer && this._selectedGraphic.layer.id, e = !Number.isNaN(Number(i)) && i?.toString() && localStorage[i];
     if (e) {
       const t = JSON.parse(e).filter((l) => l.id === this._selectedGraphic?.getObjectId());
       t.length > 0 && (this._isLikeBtnClicked = t[0].like, this._isDislikeBtnClicked = t[0].dislike);

package/dist/components/feature-list/customElement.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="../../index.d.ts" />
 import { IPopupUtils, IReportingOptions, ISortingInfo } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class FeatureList extends LitElement {
     /** string: Layer id of the feature layer to show the list */
@@ -17,14 +17,12 @@ export declare class FeatureList extends LitElement {
     highlightOnMap?: boolean | undefined;
     /** boolean: Highlight feature on map optional (default false) boolean to indicate if we should highlight when hover on Feature in list */
     highlightOnHover?: boolean | undefined;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     /** ISortingInfo: Sorting field and order using which features list will be sorted */
     sortingInfo?: ISortingInfo;
     /** string: where clause to filter the features list */
     whereClause?: string;
     /** string(small/large): Controls the font size of the title */
-    textSize?: 'small' | 'large';
+    textSize?: 'large' | 'small';
     /** boolean: Show initial loading indicator when creating list */
     showInitialLoading?: boolean | undefined;
     /** boolean: If true will show error msg when features are not present */

package/dist/components/feature-list/customElement.js

@@ -9,7 +9,7 @@ import { LitElement as L, createEvent as I, noShadowRoot as F, safeClassMap as b
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250425.2 */
+v1.0.0-next.20250429 */
 const E = S`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -27,10 +27,10 @@ const E = S`@layer{/** @license
  */:host{display:block}.width-full{width:100%}.pagination{display:flex;justify-content:center}.error-msg{padding:10px;width:calc(100% - 20px)}.feature-list-popup-title{font-weight:500;white-space:pre-line}.feature-list-popup-title-small{font-size:small;white-space:pre-line}.feature-list-popup-title-small-ellipsis{font-size:small;white-space:nowrap!important;text-overflow:ellipsis;overflow:hidden}.popup-title{padding:0 5px;word-break:break-word}.profile-img{margin:0 5px;min-width:32px}.like-container{display:flex;align-items:center;gap:5px;color:gray!important;font-style:italic}.feature-symbol{padding:0 3px;min-width:30px;display:flex;justify-content:center}.search{padding:10px;background-color:var(--calcite-color-foreground-1)!important;border-block-end:1px solid var(--calcite-color-border-3)}}`;
 class C extends L {
   constructor() {
-    super(...arguments), this.selectedLayerId = "", this.noFeaturesFoundMsg = "", this.pageSize = 100, this.highlightOnMap = !1, this.highlightOnHover = !1, this.locale = "", this.textSize = "large", this.showInitialLoading = !0, this.showErrorWhenNoFeatures = !0, this.showUserImageInList = !1, this.showFeatureSymbol = !1, this.applyLayerViewFilter = !1, this.showFullTitle = !0, this.filterByMapExtent = !1, this._featureItems = [], this._featuresCount = 0, this._isLoading = !1, this._searchPlaceHolder = "", this._fullTextSearchInfo = [], this._translations = _({ name: "feature-list", blocking: !0 }), this._pagination = f(), this._calciteList = f(), this._validFieldTypes = ["small-integer", "integer", "big-integer", "single", "long"], this._abbreviatedLikeCount = "", this._likeFieldAvailable = !1, this._searchExpression = "", this.featureSelect = I();
+    super(...arguments), this.selectedLayerId = "", this.noFeaturesFoundMsg = "", this.pageSize = 100, this.highlightOnMap = !1, this.highlightOnHover = !1, this.textSize = "large", this.showInitialLoading = !0, this.showErrorWhenNoFeatures = !0, this.showUserImageInList = !1, this.showFeatureSymbol = !1, this.applyLayerViewFilter = !1, this.showFullTitle = !0, this.filterByMapExtent = !1, this._featureItems = [], this._featuresCount = 0, this._isLoading = !1, this._searchPlaceHolder = "", this._fullTextSearchInfo = [], this._translations = _({ name: "feature-list", blocking: !0 }), this._pagination = f(), this._calciteList = f(), this._validFieldTypes = ["small-integer", "integer", "big-integer", "single", "long"], this._abbreviatedLikeCount = "", this._likeFieldAvailable = !1, this._searchExpression = "", this.featureSelect = I();
   }
   static {
-    this.properties = { selectedLayerId: 1, mapView: 0, noFeaturesFoundMsg: 1, pageSize: 9, highlightOnMap: 5, highlightOnHover: 5, locale: 1, sortingInfo: 0, whereClause: 1, textSize: 1, showInitialLoading: 5, showErrorWhenNoFeatures: 5, showUserImageInList: 5, showFeatureSymbol: 5, applyLayerViewFilter: 5, reportingOptions: 0, showFullTitle: 5, filterByMapExtent: 5, _featureItems: 16, _featuresCount: 16, _isLoading: 16, _searchPlaceHolder: 16, _fullTextSearchInfo: 16, _translations: 16 };
+    this.properties = { selectedLayerId: 1, mapView: 0, noFeaturesFoundMsg: 1, pageSize: 9, highlightOnMap: 5, highlightOnHover: 5, sortingInfo: 0, whereClause: 1, textSize: 1, showInitialLoading: 5, showErrorWhenNoFeatures: 5, showUserImageInList: 5, showFeatureSymbol: 5, applyLayerViewFilter: 5, reportingOptions: 0, showFullTitle: 5, filterByMapExtent: 5, _featureItems: 16, _featuresCount: 16, _isLoading: 16, _searchPlaceHolder: 16, _fullTextSearchInfo: 16, _translations: 16 };
   }
   static {
     this.styles = E;
@@ -40,17 +40,13 @@ class C extends L {
   }
   /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(e) {
-    e.has("locale") && this.localeWatchHandler(), e.has("selectedLayerId") && this.selectedLayerWatchHandler(), e.has("sortingInfo") && this.sortingInfoWatchHandler(), e.has("whereClause") && this.whereClauseHandler(), e.has("filterByMapExtent") && (this.hasUpdated || this.filterByMapExtent !== !1) && this.filterByMapExtentHandler(this.filterByMapExtent);
+    e.has("selectedLayerId") && this.selectedLayerWatchHandler(), e.has("sortingInfo") && this.sortingInfoWatchHandler(), e.has("whereClause") && this.whereClauseHandler(), e.has("filterByMapExtent") && (this.hasUpdated || this.filterByMapExtent !== !1) && this.filterByMapExtentHandler(this.filterByMapExtent);
   }
   //--------------------------------------------------------------------------
   //
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
-  }
   /** Watch for selectedLayerId change and update layer instance and features list for new layerId */
   async selectedLayerWatchHandler() {
     this._selectedLayer = this.mapView && await u(this.mapView, this.selectedLayerId), await this.initializeFeatureItems();
@@ -280,7 +276,7 @@ class C extends L {
     const t = e.layer, i = t.createQuery();
     i.returnGeometry = !0;
     const s = Number(e.getObjectId());
-    if (!isNaN(s) && i) {
+    if (!Number.isNaN(s) && i) {
       i.objectIds = [s];
       const a = await t.queryFeatures(i);
       this.featureSelect.emit(a.features[0]);

package/dist/components/field-selection/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class FieldSelection extends LitElement {
     /** esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */

package/dist/components/field-selection/customElement.js

@@ -8,7 +8,7 @@ import "@arcgis/map-config-components";
 import "@arcgis/common-components";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250425.2 */
+v1.0.0-next.20250429 */
 const b = p`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/floor-filter/customElement.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class FloorFilter extends LitElement {
     /** boolean: when true the Floor Filter widget will be available */

package/dist/components/floor-filter/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as h, createEvent as s } from "@arcgis/lumina";
 import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250425.2 */
+v1.0.0-next.20250429 */
 const c = d`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/info-card/customElement.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="../../index.d.ts" />
 import { IPopupUtils } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class InfoCard extends LitElement {
     /** When true the geometry of the current feature will be editable */
@@ -21,8 +21,6 @@ export declare class InfoCard extends LitElement {
     allowEditing?: boolean | undefined;
     /** boolean: If true will highlights the features on map using Features Widget */
     highlightEnabled?: boolean | undefined;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     /** boolean: If true will show the pagination for multiple features */
     paginationEnabled?: boolean | undefined;
     /** string: Set the position of the feature info */

package/dist/components/info-card/customElement.js

@@ -3,11 +3,11 @@ import { l as _ } from "../../chunks/loadModules.js";
 import { P as g } from "../../chunks/popupUtils.js";
 import { u as b } from "../../chunks/useT9n.js";
 import { nothing as w, html as i } from "lit";
-import { LitElement as m, createEvent as a, noShadowRoot as v, safeStyleMap as y, safeClassMap as n } from "@arcgis/lumina";
+import { LitElement as m, createEvent as o, noShadowRoot as v, safeStyleMap as y, safeClassMap as l } from "@arcgis/lumina";
 import { css as x } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250425.2 */
+v1.0.0-next.20250429 */
 const $ = x`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -25,10 +25,10 @@ const $ = x`@layer{/** @license
  */:host{display:block;--calcite-label-margin-bottom: 0}.padding-1-2{padding:.5rem}.display-none{display:none!important}.display-flex{display:flex}.position-absolute{position:absolute;inset:0;overflow:auto}.feature-node{position:relative!important}.feature-node .esri-features__footer{display:none!important}.button-container{justify-content:center;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.width-100{width:100%}.esri-features__container{padding:.5rem!important;background-color:var(--calcite-color-foreground-1)!important;height:100%!important}.overflow-hidden{overflow:hidden}.height-40{height:40px}.end-border{border-inline-end:1px solid var(--calcite-color-border-1)}.font-bold{font-weight:700}.z-index-1{z-index:1}.visibility-hidden{visibility:hidden;height:0px}.padding-inline-start-1{padding-inline-start:1rem}.border-width-0{border-width:0px}.pagination-action{position:relative;left:3px}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:700}}`;
 class F extends m {
   constructor() {
-    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphics = [], this.isLoading = !1, this.isMobile = !1, this.allowEditing = !0, this.highlightEnabled = !0, this.locale = "", this.paginationEnabled = !0, this.position = "absolute", this.showCloseBtn = !1, this._alertOpen = !1, this._count = "", this._editRecordOpen = !1, this._mobileTitle = "", this._showListView = !1, this._translations = b({ name: "info-card", blocking: !0 }), this._navigatedToRelatedFeature = !1, this._editEnabled = !1, this._featuresNodeId = "features-node" + (/* @__PURE__ */ new Date()).getMilliseconds().toString(), this.popupClosed = a(), this.clearSelection = a(), this.selectionChanged = a(), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "refreshGraphics", this.refreshGraphics);
+    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphics = [], this.isLoading = !1, this.isMobile = !1, this.allowEditing = !0, this.highlightEnabled = !0, this.paginationEnabled = !0, this.position = "absolute", this.showCloseBtn = !1, this._alertOpen = !1, this._count = "", this._editRecordOpen = !1, this._mobileTitle = "", this._showListView = !1, this._translations = b({ name: "info-card", blocking: !0 }), this._navigatedToRelatedFeature = !1, this._editEnabled = !1, this._featuresNodeId = `features-node${(/* @__PURE__ */ new Date()).getMilliseconds().toString()}`, this.popupClosed = o(), this.clearSelection = o(), this.selectionChanged = o(), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "refreshGraphics", this.refreshGraphics);
   }
   static {
-    this.properties = { enableEditGeometry: 5, enableSnapping: 5, graphics: 0, isLoading: 5, isMobile: 5, mapView: 0, allowEditing: 5, highlightEnabled: 5, locale: 1, paginationEnabled: 5, position: 1, showCloseBtn: 5, _alertOpen: 16, _count: 16, _editRecordOpen: 16, _mobileTitle: 16, _showListView: 16, _translations: 16, _navigatedToRelatedFeature: 16 };
+    this.properties = { enableEditGeometry: 5, enableSnapping: 5, graphics: 0, isLoading: 5, isMobile: 5, mapView: 0, allowEditing: 5, highlightEnabled: 5, paginationEnabled: 5, position: 1, showCloseBtn: 5, _alertOpen: 16, _count: 16, _editRecordOpen: 16, _mobileTitle: 16, _showListView: 16, _translations: 16, _navigatedToRelatedFeature: 16 };
   }
   static {
     this.styles = $;
@@ -38,7 +38,13 @@ class F extends m {
   }
   /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(e) {
-    e.has("graphics") && this.graphicsWatchHandler(), e.has("isMobile") && this.isMobileWatchHandler(), e.has("locale") && this.localeWatchHandler(), e.has("mapView") && this.mapViewWatchHandler();
+    if (e.has("graphics") && this.graphicsWatchHandler(), e.has("isMobile") && this.isMobileWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(), e.has("_translations")) {
+      const t = this._translations._lang, s = e.get("_translations")?._lang;
+      if (t && s && t !== s && this._features) {
+        const a = [...this.graphics];
+        this.graphics = [], this.graphics = a;
+      }
+    }
   }
   //--------------------------------------------------------------------------
   //
@@ -57,13 +63,6 @@ class F extends m {
   async isMobileWatchHandler() {
     await this._initFeaturesWidget();
   }
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    if (this.el.lang = this.locale, this._features) {
-      const e = [...this.graphics];
-      this.graphics = [], this.graphics = e;
-    }
-  }
   /** Watch for changes to the mapView and re-init the Feature widget */
   async mapViewWatchHandler() {
     return await this._initFeaturesWidget();
@@ -146,8 +145,8 @@ class F extends m {
   }
   /** Renders the component. */
   render() {
-    const e = this.isLoading ? "" : "display-none", t = this.isLoading || this._editRecordOpen ? "visibility-hidden" : "position-absolute", r = !this.isLoading && this._editRecordOpen ? "position-absolute" : "display-none", h = !this.isLoading && this._editRecordOpen || this._showListView ? "display-none" : "", s = this._features?.features && this._features.features.length < 2 || this._navigatedToRelatedFeature, c = this.isMobile ? "display-none" : "", l = Number(this._features?.selectedFeature?.getObjectId()), d = isNaN(l) ? [] : [l], o = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete, p = this._relatedFeature ? [this._relatedFeature] : this.graphics, u = this._navigatedToRelatedFeature ? 0 : this._features?.selectedFeatureIndex;
-    return i`<calcite-shell class="z-index-1" style=${y({ position: this.position })}>${this._getHeader()}<calcite-loader class=${n(e)} .label=${this._translations.fetchingData || ""}></calcite-loader><div class=${n("esri-widget feature-node " + t)} id=${this._featuresNodeId ?? w}></div><div class=${`${h} width-100`} slot=footer>${this.allowEditing && i`<div class="display-flex top-border padding-1-2"><calcite-button appearance=solid id=solutions-edit @click=${() => this._openEditRecord()} width=full>${this._translations.edit}</calcite-button>${this.isMobile && o ? i`<delete-button class="padding-inline-start-1 width-100" id=solutions-delete .ids=${d} .layer=${this._layer} .locale=${this.locale} @editsComplete=${() => this._closePopup()}></delete-button>` : void 0}<calcite-tooltip placement=bottom reference-element=solutions-edit><span>${this._translations.edit}</span></calcite-tooltip>${this.isMobile && o ? i`<calcite-tooltip placement=bottom reference-element=solutions-delete><span>${this._translations.delete}</span></calcite-tooltip>` : void 0}</div>` || ""}${this.paginationEnabled && !s && i`<div class=${`display-flex padding-1-2 button-container top-border ${c}`}><div><calcite-button appearance=transparent .disabled=${s} icon-flip-rtl=both icon-start=chevron-left id=solutions-back @click=${() => this._back()} width=full></calcite-button><calcite-tooltip placement=top reference-element=solutions-back><span>${this._translations.back}</span></calcite-tooltip></div><calcite-action class="pagination-action" icon-flip-rtl @click=${() => this._toggleListView()} scale=s text text-enabled><span class="pagination-count">${this._count}</span></calcite-action><div><calcite-button appearance=transparent .disabled=${s} icon-flip-rtl=both icon-start=chevron-right id=solutions-next @click=${() => this._next()} width=full></calcite-button><calcite-tooltip placement=top reference-element=solutions-next><span>${this._translations.next}</span></calcite-tooltip></div></div>` || ""}</div><edit-card class=${n(r)} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${this.enableSnapping} .graphicIndex=${u} .graphics=${p} .locale=${this.locale} .mapView=${this.mapView} .open=${this._editRecordOpen}></edit-card><calcite-alert icon=layer-broken kind=warning label @calciteAlertClose=${() => this._alertClosed()} .open=${this._alertOpen} placement=top><div slot=title>${this._translations.editDisabled}</div><div slot=message>${this._translations.enableEditing}</div></calcite-alert></calcite-shell>`;
+    const e = this.isLoading ? "" : "display-none", t = this.isLoading || this._editRecordOpen ? "visibility-hidden" : "position-absolute", s = !this.isLoading && this._editRecordOpen ? "position-absolute" : "display-none", a = !this.isLoading && this._editRecordOpen || this._showListView ? "display-none" : "", n = this._features?.features && this._features.features.length < 2 || this._navigatedToRelatedFeature, c = this.isMobile ? "display-none" : "", r = Number(this._features?.selectedFeature?.getObjectId()), d = Number.isNaN(r) ? [] : [r], h = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete, p = this._relatedFeature ? [this._relatedFeature] : this.graphics, u = this._navigatedToRelatedFeature ? 0 : this._features?.selectedFeatureIndex;
+    return i`<calcite-shell class="z-index-1" style=${y({ position: this.position })}>${this._getHeader()}<calcite-loader class=${l(e)} .label=${this._translations.fetchingData}></calcite-loader><div class=${l("esri-widget feature-node " + t)} id=${this._featuresNodeId ?? w}></div><div class=${`${a} width-100`} slot=footer>${this.allowEditing && i`<div class="display-flex top-border padding-1-2"><calcite-button appearance=solid id=solutions-edit @click=${() => this._openEditRecord()} width=full>${this._translations.edit}</calcite-button>${this.isMobile && h ? i`<delete-button class="padding-inline-start-1 width-100" id=solutions-delete .ids=${d} .layer=${this._layer} @editsComplete=${() => this._closePopup()}></delete-button>` : void 0}<calcite-tooltip placement=bottom reference-element=solutions-edit><span>${this._translations.edit}</span></calcite-tooltip>${this.isMobile && h ? i`<calcite-tooltip placement=bottom reference-element=solutions-delete><span>${this._translations.delete}</span></calcite-tooltip>` : void 0}</div>` || ""}${this.paginationEnabled && !n && i`<div class=${`display-flex padding-1-2 button-container top-border ${c}`}><div><calcite-button appearance=transparent .disabled=${n} icon-flip-rtl=both icon-start=chevron-left id=solutions-back @click=${() => this._back()} width=full></calcite-button><calcite-tooltip placement=top reference-element=solutions-back><span>${this._translations.back}</span></calcite-tooltip></div><calcite-action class="pagination-action" icon-flip-rtl @click=${() => this._toggleListView()} scale=s text text-enabled><span class="pagination-count">${this._count}</span></calcite-action><div><calcite-button appearance=transparent .disabled=${n} icon-flip-rtl=both icon-start=chevron-right id=solutions-next @click=${() => this._next()} width=full></calcite-button><calcite-tooltip placement=top reference-element=solutions-next><span>${this._translations.next}</span></calcite-tooltip></div></div>` || ""}</div><edit-card class=${l(s)} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${this.enableSnapping} .graphicIndex=${u} .graphics=${p} .mapView=${this.mapView} .open=${this._editRecordOpen}></edit-card><calcite-alert icon=layer-broken kind=warning label @calciteAlertClose=${() => this._alertClosed()} .open=${this._alertOpen} placement=top><div slot=title>${this._translations.editDisabled}</div><div slot=message>${this._translations.enableEditing}</div></calcite-alert></calcite-shell>`;
   }
   //--------------------------------------------------------------------------
   //
@@ -247,7 +246,7 @@ class F extends m {
    */
   _getCount() {
     const e = this._features?.viewModel && (this._features?.viewModel.selectedFeatureIndex + 1).toString() || "", t = this._features?.features?.length.toString() || "";
-    return this._translations.indexOfTotal?.replace("{{index}}", e).replace("{{total}}", t) || "";
+    return this._translations.indexOfTotal.replace("{{index}}", e).replace("{{total}}", t) || "";
   }
   /** Toggle the visibility of the features list view */
   _toggleListView() {

package/dist/components/json-editor/customElement.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class JsonEditor extends LitElement {
     /** Contains a public value to indicate if the model has any changes. */
@@ -15,8 +14,6 @@ export declare class JsonEditor extends LitElement {
      * For example when we want to show an item's data as well as an item's properties.
      */
     instanceid: any;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     /**
      * Contains the public value for this component; it is not changed by the editor.
      * When changed, the change overwrites the contents of the editor.