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

package/dist/components/json-editor/customElement.js

@@ -1,11 +1,11 @@
 import { c as d } from "../../chunks/runtime.js";
-import { u as c } from "../../chunks/useT9n.js";
-import { nothing as s, html as h } from "lit";
-import { LitElement as u, noShadowRoot as p } from "@arcgis/lumina";
+import { html as c } from "lit-html";
+import { u as h } from "../../chunks/useT9n.js";
+import { LitElement as u, noShadowRoot as p, nothing as s } from "@arcgis/lumina";
 import { css as f } 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 _ = f`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -23,10 +23,10 @@ const _ = f`@layer{/** @license
  */:host{@apply block;}.editor-container{@apply relative h-full;}.editor-controls{@apply h-11 pr-2;}.editor-buttons{@apply float-right;}html[dir=rtl] .editor-buttons{@apply float-left;}.edit-error-flag{@apply pt-2;color:red;visibility:hidden}.edit-button{@apply p-inline-start-2;}.editor-text{@apply w-full overflow-y-auto;}.edit-width{@apply w-full;}.edit-parent{@apply w-full box-border;height:calc(100% - 46px)}.json-edit-container{@apply w-full h-full border-lightgray;}.padding-right{@apply p-inline-end-0.5;}.btn{@apply flex mb-4 content-center;height:25px;width:120px}.select-ctrl{@apply mb-4;}.all-edits{@apply mt-16;}.floating-title{font-size:2rem;z-index:100;position:absolute;left:.5rem;pointer-events:none}.floating-title-button{pointer-events:auto}.json-editor-position1{@apply absolute left-0 top-0 w-full h-full m-0 p-0 overflow-hidden;max-height:100%!important}.json-editor-position2a{@apply absolute left-0 top-0 w-1/2 h-full m-0 p-0 overflow-hidden;max-height:100%!important}.json-editor-position2b{@apply absolute right-0 top-0 w-1/2 h-full m-0 p-0 overflow-hidden;max-height:100%!important}}`;
 class g extends u {
   constructor() {
-    super(...arguments), this.hasChanges = !1, this.hasErrors = !1, this.instanceid = "", this.locale = "", this.value = "", this._loaded = !1, this._translations = c({ name: "json-editor", blocking: !0 }), this._useDiffEditor = !1;
+    super(...arguments), this.hasChanges = !1, this.hasErrors = !1, this.instanceid = "", this.value = "", this._loaded = !1, this._translations = h({ name: "json-editor", blocking: !0 }), this._useDiffEditor = !1;
   }
   static {
-    this.properties = { hasChanges: 7, hasErrors: 7, instanceid: 3, locale: 1, value: 3, _translations: 16 };
+    this.properties = { hasChanges: 7, hasErrors: 7, instanceid: 3, value: 3, _translations: 16 };
   }
   static {
     this.styles = _;
@@ -34,24 +34,16 @@ class g extends u {
   static {
     this.shadowRootOptions = p;
   }
-  /** 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();
-  }
   //--------------------------------------------------------------------------
   //
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
-  }
   /** Called once just after the component is fully loaded and the first render() occurs. */
   loaded() {
-    const e = document.getElementById(`${this.instanceid}-container`);
-    if (e) {
-      this._editor = monaco.editor.create(e, {
+    const t = document.getElementById(`${this.instanceid}-container`);
+    if (t) {
+      this._editor = monaco.editor.create(t, {
         value: this.value,
         language: "json",
         theme: "vs",
@@ -61,14 +53,14 @@ class g extends u {
         automaticLayout: !0,
         scrollBeyondLastLine: !1
       }), this._currentModel = this._editor.getModel(), this._contentChanged = this._currentModel.onDidChangeContent(this._onEditorChange.bind(this));
-      const t = monaco.editor.setModelMarkers, i = this;
+      const e = monaco.editor.setModelMarkers, i = this;
       monaco.editor.setModelMarkers = function(o, l, a) {
         if (o.id === i._currentModel.id) {
           i._flagEditorHasErrors(a.length > 0), i.hasErrors || (i._flagEditorHasChanges(i._currentModel?.canUndo()), i._currentModel?.canUndo() && i._flagEditorContentChanged());
           const r = document.getElementById(`${i.instanceid}-errorFlag`);
           r && (r.style.visibility = i.hasErrors ? "visible" : "hidden");
         }
-        t.call(monaco.editor, o, l, a);
+        e.call(monaco.editor, o, l, a);
       };
       const n = document.getElementById(`${this.instanceid}-diff-container`);
       n && (this._diffEditor = monaco.editor.createDiffEditor(n, {
@@ -86,7 +78,7 @@ class g extends u {
   }
   /** Renders the component. */
   render() {
-    return h`<div .id=${`${this.instanceid}-editor-container`} class="editor-container padding-right"><div class="editor-controls"><div class="editor-buttons"><calcite-icon .id=${`${this.instanceid}-errorFlag`} icon=exclamation-mark-triangle title=${this._translations.errorFlag ?? s} scale=s class="edit-error-flag"></calcite-icon><calcite-button .id=${`${this.instanceid}-undo`} kind=brand appearance=solid title=${this._translations.undo ?? s} @click=${() => this._undo()} scale=s class="edit-button"><calcite-icon icon=undo scale=s></calcite-icon></calcite-button><calcite-button .id=${`${this.instanceid}-redo`} kind=brand appearance=solid title=${this._translations.redo ?? s} @click=${() => this._redo()} scale=s class="edit-button"><calcite-icon icon=redo scale=s></calcite-icon></calcite-button><calcite-button .id=${`${this.instanceid}-diff`} kind=brand appearance=solid title=${this._translations.diff ?? s} @click=${() => this._toggleEditor()} scale=s class="edit-button"><calcite-icon icon=compare scale=s></calcite-icon></calcite-button><calcite-button .id=${`${this.instanceid}-search`} appearance=outline kind=brand title=${this._translations.search ?? s} @click=${() => this._search()} scale=s class="edit-button"><calcite-icon icon=search scale=s></calcite-icon></calcite-button><calcite-button .id=${`${this.instanceid}-reset`} kind=brand appearance=solid disabled title=${this._translations.cancelEdits ?? s} @click=${() => this._reset()} scale=s class="edit-button"><calcite-icon icon=reset scale=s></calcite-icon></calcite-button></div></div><div class="edit-parent"><div .id=${`${this.instanceid}-container`} class="json-edit-container"></div><div .id=${`${this.instanceid}-diff-container`} class="json-edit-container display-none"></div></div></div>`;
+    return c`<div .id=${`${this.instanceid}-editor-container`} class="editor-container padding-right"><div class="editor-controls"><div class="editor-buttons"><calcite-icon .id=${`${this.instanceid}-errorFlag`} icon=exclamation-mark-triangle title=${this._translations.errorFlag ?? s} scale=s class="edit-error-flag"></calcite-icon><calcite-button .id=${`${this.instanceid}-undo`} kind=brand appearance=solid title=${this._translations.undo ?? s} @click=${() => this._undo()} scale=s class="edit-button"><calcite-icon icon=undo scale=s></calcite-icon></calcite-button><calcite-button .id=${`${this.instanceid}-redo`} kind=brand appearance=solid title=${this._translations.redo ?? s} @click=${() => this._redo()} scale=s class="edit-button"><calcite-icon icon=redo scale=s></calcite-icon></calcite-button><calcite-button .id=${`${this.instanceid}-diff`} kind=brand appearance=solid title=${this._translations.diff ?? s} @click=${() => this._toggleEditor()} scale=s class="edit-button"><calcite-icon icon=compare scale=s></calcite-icon></calcite-button><calcite-button .id=${`${this.instanceid}-search`} appearance=outline kind=brand title=${this._translations.search ?? s} @click=${() => this._search()} scale=s class="edit-button"><calcite-icon icon=search scale=s></calcite-icon></calcite-button><calcite-button .id=${`${this.instanceid}-reset`} kind=brand appearance=solid disabled title=${this._translations.cancelEdits ?? s} @click=${() => this._reset()} scale=s class="edit-button"><calcite-icon icon=reset scale=s></calcite-icon></calcite-button></div></div><div class="edit-parent"><div .id=${`${this.instanceid}-container`} class="json-edit-container"></div><div .id=${`${this.instanceid}-diff-container`} class="json-edit-container display-none"></div></div></div>`;
   }
   //--------------------------------------------------------------------------
   //
@@ -109,12 +101,12 @@ class g extends u {
    * @returns Promise resolving with the current contents of the editor
    */
   async getEditorContents() {
-    return new Promise((e, t) => {
+    return new Promise((t, e) => {
       try {
         const i = this._currentModel.getValue();
-        e(i);
-      } catch (i) {
         t(i);
+      } catch (i) {
+        e(i);
       }
     });
   }
@@ -137,9 +129,9 @@ class g extends u {
    * @param replacement Text to use for replacement or insertion
    * @returns Promise resolving when function is done
    */
-  async replaceCurrentSelection(e) {
-    const t = this._editor.getSelection();
-    this._editor.executeEdits("", [{ range: t, text: e }]);
+  async replaceCurrentSelection(t) {
+    const e = this._editor.getSelection();
+    this._editor.executeEdits("", [{ range: e, text: t }]);
   }
   /**
    * Resets the contents of the editor with the current `value`.
@@ -147,11 +139,11 @@ class g extends u {
    * @returns Promise resolving when function is done
    */
   async reset() {
-    return new Promise((e, t) => {
+    return new Promise((t, e) => {
       try {
-        this._reset(), e({ success: !0 });
+        this._reset(), t({ success: !0 });
       } catch (i) {
-        t(i);
+        e(i);
       }
     });
   }
@@ -166,8 +158,8 @@ class g extends u {
    * @param buttonId Id of button to disable
    * @protected
    */
-  _disableButton(e) {
-    document.getElementById(e)?.setAttribute("disabled", "");
+  _disableButton(t) {
+    document.getElementById(t)?.setAttribute("disabled", "");
   }
   /**
    * Enables a button.
@@ -175,8 +167,8 @@ class g extends u {
    * @param buttonId Id of button to enable
    * @protected
    */
-  _enableButton(e) {
-    document.getElementById(e)?.removeAttribute("disabled");
+  _enableButton(t) {
+    document.getElementById(t)?.removeAttribute("disabled");
   }
   /**
    * Dispatches an event that the editor's content has changed.
@@ -202,13 +194,13 @@ class g extends u {
    * object, an event is dispatched with the new value and the saved value is updated
    * @protected
    */
-  _flagEditorHasChanges(e) {
-    this.hasChanges !== e && (window.dispatchEvent(new CustomEvent("solutionEditorHasChanges", {
-      detail: e,
+  _flagEditorHasChanges(t) {
+    this.hasChanges !== t && (window.dispatchEvent(new CustomEvent("solutionEditorHasChanges", {
+      detail: t,
       bubbles: !0,
       cancelable: !1,
       composed: !0
-    })), this.hasChanges = e);
+    })), this.hasChanges = t);
   }
   /**
    * Sets the editor's flag indicating if it has errors and dispatches an event when
@@ -218,32 +210,23 @@ class g extends u {
    * object, an event is dispatched with the new value and the saved value is updated
    * @protected
    */
-  _flagEditorHasErrors(e) {
-    this.hasErrors !== e && (window.dispatchEvent(new CustomEvent("solutionEditorHasErrors", {
-      detail: e,
+  _flagEditorHasErrors(t) {
+    this.hasErrors !== t && (window.dispatchEvent(new CustomEvent("solutionEditorHasErrors", {
+      detail: t,
       bubbles: !0,
       cancelable: !1,
       composed: !0
-    })), this.hasErrors = e);
+    })), this.hasErrors = t);
   }
-  /**
-   * Fetches the component's translations
-   *
-   * @protected
-   */
-  // protected async _getTranslations(): Promise<void> {
-  //   const translations = await getLocaleComponentStrings(this.el);
-  //   this._translations = translations[0] as typeof JsonEditor_T9n;
-  // }
   /**
    * Initializes the observer that will monitor and respond to changes of the value.
    *
    * @protected
    */
   _initValueObserver() {
-    this._valueObserver = new MutationObserver((e) => {
-      e.forEach((t) => {
-        t.type === "attributes" && t.attributeName === "value" && t.target[t.attributeName] !== t.oldValue && this._loaded && this._currentModel.setValue(this.value);
+    this._valueObserver = new MutationObserver((t) => {
+      t.forEach((e) => {
+        e.type === "attributes" && e.attributeName === "value" && e.target[e.attributeName] !== e.oldValue && this._loaded && this._currentModel.setValue(this.value);
       });
     }), this._valueObserver.observe(this.el, { attributes: !0, attributeOldValue: !0 });
   }
@@ -297,8 +280,8 @@ class g extends u {
    */
   _toggleEditor() {
     this._useDiffEditor = !this._useDiffEditor;
-    let e = document.getElementById(`${this.instanceid}-diff-container`), t = document.getElementById(`${this.instanceid}-container`);
-    e && t && (this._useDiffEditor ? (this._setDiffModel(), e.classList.remove("display-none"), t.classList.add("display-none")) : (e.classList.add("display-none"), t.classList.remove("display-none")));
+    let t = document.getElementById(`${this.instanceid}-diff-container`), e = document.getElementById(`${this.instanceid}-container`);
+    t && e && (this._useDiffEditor ? (this._setDiffModel(), t.classList.remove("display-none"), e.classList.add("display-none")) : (t.classList.add("display-none"), e.classList.remove("display-none")));
   }
   /**
    * Toggles the undo and redo buttons.

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

@@ -2,15 +2,13 @@
 /// <reference types="../../index.d.ts" />
 import { ILayerItemsHash } 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 LayerList extends LitElement {
     /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
     /** string[]: If passed will show only these layers in the list if they are present in map and are editable */
     layers: string[];
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     /** boolean: if true display's feature count for each layer */
     showFeatureCount?: boolean | undefined;
     /** boolean: If true display's arrow icon on each layer item */

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

@@ -1,15 +1,30 @@
-import { c as h } from "../../chunks/runtime.js";
-import { e as c, i as y, g as d } from "../../chunks/mapViewUtils.js";
-import { f as p } from "../../chunks/languageUtil.js";
-import { a as m } from "../../chunks/loadModules.js";
-import { u as f } from "../../chunks/useT9n.js";
-import { html as a } from "lit";
-import { LitElement as L, createEvent as l, noShadowRoot as u } from "@arcgis/lumina";
-import { css as w } from "@lit/reactive-element/css-tag.js";
+import { c as y } from "../../chunks/runtime.js";
+import { e as d, j as p, g as m } from "../../chunks/mapViewUtils.js";
+import { l as h, a as f } from "../../chunks/loadModules.js";
+import { u } from "../../chunks/useT9n.js";
+import { html as r } from "lit";
+import { LitElement as L, createEvent as c, noShadowRoot as w } from "@arcgis/lumina";
+import { css as g } 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 */
-const g = w`@layer{/** @license
+v1.0.0-next.20250429 */
+async function _(o, e) {
+  const { api: s = 4, type: t = "decimal", places: i = 2 } = e || {};
+  if (s === 4) {
+    const [a] = await h(["esri/intl"]), l = a.convertNumberFormatToIntlOptions({
+      places: i,
+      type: t,
+      digitSeparator: !0
+    });
+    return a.formatNumber(o, l);
+  }
+  const [n] = await h(["dojo/number"]);
+  return n.format(o, {
+    type: t,
+    places: i
+  });
+}
+const I = g`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,32 +39,28 @@ const g = w`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.error-msg{padding:10px}.layer-name{font-weight:500;word-break:break-word}.feature-count{padding:0 10px}}`;
-class _ extends L {
+class x extends L {
   constructor() {
-    super(...arguments), this.layers = [], this.locale = "", this.showFeatureCount = !0, this.showNextIcon = !1, this.applyLayerViewFilter = !1, this.filterByMapExtent = !1, this._noLayersToDisplay = !1, this._mapLayerIds = [], this._isLoading = !1, this._translations = f({ name: "layer-list", blocking: !0 }), this.layerSelect = l(), this.layersListLoaded = l();
+    super(...arguments), this.layers = [], this.showFeatureCount = !0, this.showNextIcon = !1, this.applyLayerViewFilter = !1, this.filterByMapExtent = !1, this._noLayersToDisplay = !1, this._mapLayerIds = [], this._isLoading = !1, this._translations = u({ name: "layer-list", blocking: !0 }), this.layerSelect = c(), this.layersListLoaded = c();
   }
   static {
-    this.properties = { mapView: 0, layers: 0, locale: 1, showFeatureCount: 5, showNextIcon: 5, applyLayerViewFilter: 5, filterByMapExtent: 5, _noLayersToDisplay: 16, _mapLayerIds: 16, _isLoading: 16, _translations: 16 };
+    this.properties = { mapView: 0, layers: 0, showFeatureCount: 5, showNextIcon: 5, applyLayerViewFilter: 5, filterByMapExtent: 5, _noLayersToDisplay: 16, _mapLayerIds: 16, _isLoading: 16, _translations: 16 };
   }
   static {
-    this.styles = g;
+    this.styles = I;
   }
   static {
-    this.shadowRootOptions = u;
+    this.shadowRootOptions = w;
   }
   /** 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("filterByMapExtent") && (this.hasUpdated || this.filterByMapExtent !== !1) && this.filterByMapExtentWatchHandler(this.filterByMapExtent);
+    e.has("filterByMapExtent") && (this.hasUpdated || this.filterByMapExtent !== !1) && this.filterByMapExtentWatchHandler(this.filterByMapExtent);
   }
   //--------------------------------------------------------------------------
   //
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
-  }
   /** Watch for filterByMapExtent change and update the layer list */
   filterByMapExtentWatchHandler(e) {
     e ? this.initializeMapExtentFilter() : this._filterByMapExtentHandle && this._filterByMapExtentHandle.remove();
@@ -82,7 +93,7 @@ class _ extends L {
   }
   /** Renders the component. */
   render() {
-    return a`${this._isLoading && a`<calcite-loader label scale=m></calcite-loader>` || ""}${!this._isLoading && this.mapView && this._noLayersToDisplay && a`<calcite-notice class="error-msg" icon=layers-reference kind=danger open><div slot=title>${this._translations.error}</div><div slot=message>${this._translations.noLayerToDisplayErrorMsg}</div></calcite-notice>` || ""}${!this._isLoading && this.mapView && a`<calcite-list label selection-appearance=border selection-mode=none>${this.renderLayerList()}</calcite-list>` || ""}`;
+    return r`${this._isLoading && r`<calcite-loader label scale=m></calcite-loader>` || ""}${!this._isLoading && this.mapView && this._noLayersToDisplay && r`<calcite-notice class="error-msg" icon=layers-reference kind=danger open><div slot=title>${this._translations.error}</div><div slot=message>${this._translations.noLayerToDisplayErrorMsg}</div></calcite-notice>` || ""}${!this._isLoading && this.mapView && r`<calcite-list label selection-appearance=border selection-mode=none>${this.renderLayerList()}</calcite-list>` || ""}`;
   }
   //--------------------------------------------------------------------------
   //
@@ -96,7 +107,7 @@ class _ extends L {
    * @protected
    */
   async initModules() {
-    const [e] = await m(["esri/core/reactiveUtils"]);
+    const [e] = await f(["esri/core/reactiveUtils"]);
     this.reactiveUtils = e;
   }
   /**
@@ -129,24 +140,24 @@ class _ extends L {
   async initLayerHash() {
     const e = [];
     if (this.mapView) {
-      this._layerItemsHash = await c(this.mapView, !0);
-      const s = await y(this.mapView);
+      this._layerItemsHash = await d(this.mapView, !0);
+      const s = await p(this.mapView);
       for (const t of s)
         if (t?.type === "feature" && this.showFeatureCount) {
           const i = t.createQuery();
           if (t?.definitionExpression && (i.where = i.where + " AND " + t.definitionExpression), this.applyLayerViewFilter) {
-            const r = await d(this.mapView, t.id);
-            r?.filter?.where && (i.where = i.where ? i.where + " AND " + r.filter.where : r.filter.where);
+            const a = await m(this.mapView, t.id);
+            a?.filter?.where && (i.where = i.where ? i.where + " AND " + a.filter.where : a.filter.where);
           }
           i.geometry = this.filterByMapExtent ? this.mapView.extent : null;
           const n = t.queryFeatureCount(i);
-          e.push(n), n.then(async (r) => {
-            const o = isNaN(r) ? "" : await p(r, {
+          e.push(n), n.then(async (a) => {
+            const l = Number.isNaN(a) ? "" : await _(a, {
               places: 0,
               api: 4,
               type: "decimal"
             });
-            this._layerItemsHash && (this._layerItemsHash[t.id].formattedFeatureCount = o);
+            this._layerItemsHash && (this._layerItemsHash[t.id].formattedFeatureCount = l);
           });
         }
       await Promise.all(e).then(() => {
@@ -195,9 +206,9 @@ class _ extends L {
    */
   getLayerListItem(e) {
     const s = this._layerItemsHash && this._layerItemsHash[e].name, t = this._layerItemsHash && this._layerItemsHash[e].formattedFeatureCount;
-    return a`<calcite-list-item @calciteListItemSelect=${() => {
+    return r`<calcite-list-item @calciteListItemSelect=${() => {
       this.onLayerItemSelected(e);
-    }}><div class="layer-name" slot=content-start>${s}</div>${this.showFeatureCount && t !== void 0 && t !== "" && a`<div class="feature-count" slot=content-end>${"(" + t + ")"}</div>` || ""}${this.showNextIcon && a`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>` || ""}</calcite-list-item>`;
+    }}><div class="layer-name" slot=content-start>${s}</div>${this.showFeatureCount && t !== void 0 && t !== "" && r`<div class="feature-count" slot=content-end>${`(${t})`}</div>` || ""}${this.showNextIcon && r`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>` || ""}</calcite-list-item>`;
   }
   /**
    * On click of layer list item emit the event along with the selected layerId and layerName
@@ -209,7 +220,7 @@ class _ extends L {
     this._layerItemsHash && this.layerSelect.emit({ layerId: e, layerName: this._layerItemsHash[e]?.name });
   }
 }
-h("layer-list", _);
+y("layer-list", x);
 export {
-  _ as LayerList
+  x as LayerList
 };

package/dist/components/layer-table/customElement.d.ts

@@ -3,7 +3,7 @@
 import { AppLayout, IColumnsInfo, IDeleteIds, IMapClick, IMapInfo, IToolInfo, TooltipPlacement } from '../../utils/interfaces';
 import { LayerExpression } from '@arcgis/instant-apps-components';
 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 LayerTable extends LitElement {
     /** AppLayout: the current app layout */
@@ -34,8 +34,6 @@ export declare class LayerTable extends LitElement {
     honorMapFieldSettings: boolean;
     /** When true the component will render an optimized view for mobile devices */
     isMobile: boolean;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     /** boolean: when true the map is hidden and map specific controls should be hidden */
     mapHidden: boolean;
     /** IMapInfo: key configuration details about the current map */