@esri/solutions-components 1.2.0-next.33 → 1.2.0-next.34

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

@@ -1,13 +1,14 @@
-import { c as _ } from "../../chunks/runtime.js";
-import { l as f } from "../../chunks/loadModules.js";
+import { c as f } from "../../chunks/runtime.js";
 import { P as g } from "../../chunks/popupUtils.js";
-import { u as w } from "../../chunks/useT9n.js";
-import { css as b, nothing as m, html as s } from "lit";
-import { LitElement as v, createEvent as r, noShadowRoot as y, safeStyleMap as F, safeClassMap as i } from "@arcgis/lumina";
+import { u as b } from "../../chunks/useT9n.js";
+import { css as w, nothing as m, html as s } from "lit";
+import { LitElement as v, createEvent as r, noShadowRoot as y, safeStyleMap as $, safeClassMap as i } from "@arcgis/lumina";
+import x from "@arcgis/core/widgets/Features";
+import * as h from "@arcgis/core/core/reactiveUtils";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.33 */
-const $ = b`@layer{/** @license
+v1.2.0-next.34 */
+const E = w`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -22,15 +23,15 @@ const $ = b`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the 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}.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 x extends v {
+class F extends v {
   constructor() {
-    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphics = [], this.isLoading = !1, this.isMobile = !1, this.allowEditing = !1, this.highlightEnabled = !0, this.paginationEnabled = !0, this.position = "absolute", this.showCloseBtn = !1, this._alertOpen = !1, this._count = "", this._editRecordOpen = !1, this._isMultipleEdits = !1, this._mobileTitle = "", this._showListView = !1, this._translations = w({ name: "info-card", blocking: !0 }), this._navigatedToRelatedFeature = !1, this._editEnabled = !1, this._featuresNodeId = `features-node${(/* @__PURE__ */ new Date()).getMilliseconds().toString()}`, this.popupClosed = r(), this.clearSelection = r(), this.selectionChanged = r(), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "refreshGraphics", this.refreshGraphics), this.listenOn(window, "editMultipleFeatures", this.editMultipleFeatures), this.listenOn(window, "selectedLanguageUpdated", this.selectedLanguageUpdated);
+    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphics = [], this.isLoading = !1, this.isMobile = !1, this.allowEditing = !1, this.highlightEnabled = !0, this.paginationEnabled = !0, this.position = "absolute", this.showCloseBtn = !1, this._alertOpen = !1, this._count = "", this._editRecordOpen = !1, this._isMultipleEdits = !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 = r(), this.clearSelection = r(), this.selectionChanged = r(), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "refreshGraphics", this.refreshGraphics), this.listenOn(window, "editMultipleFeatures", this.editMultipleFeatures), this.listenOn(window, "selectedLanguageUpdated", this.selectedLanguageUpdated);
   }
   static {
     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, _isMultipleEdits: 16, _mobileTitle: 16, _showListView: 16, _translations: 16, _navigatedToRelatedFeature: 16 };
   }
   static {
-    this.styles = $;
+    this.styles = E;
   }
   static {
     this.shadowRootOptions = y;
@@ -93,18 +94,14 @@ class x extends v {
     this._features?.clear(), this._features?.close(), await this._initFeaturesWidget();
   }
   async load() {
-    await this._initModules(), this._popupUtils = new g();
+    this._popupUtils = new g();
   }
   async loaded() {
     this.graphics?.length > 0 && await this.setGraphics();
   }
   render() {
-    const e = this.isLoading ? "" : "display-none", t = this.isLoading || this._editRecordOpen ? "visibility-hidden" : "position-absolute", a = !this.isLoading && this._editRecordOpen ? "position-absolute" : "display-none", l = !this.isLoading && this._editRecordOpen || this._showListView ? "display-none" : "", o = this._features?.features && this._features.features.length < 2 || this._navigatedToRelatedFeature, h = Number(this._features?.selectedFeature?.getObjectId()), c = Number.isNaN(h) ? [] : [h], d = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete, p = this._relatedFeature ? [this._relatedFeature] : this.graphics, u = this._navigatedToRelatedFeature ? 0 : this._features?.selectedFeatureIndex, n = this.isMobile ? "display-none" : "";
-    return s`<calcite-shell class="z-index-1" style=${F({ position: this.position })}>${this._getHeader()}<calcite-loader class=${i(e)} .label=${this._translations.fetchingData}></calcite-loader><div class=${i("esri-widget feature-node " + t)} id=${this._featuresNodeId ?? m}></div><div class=${`${l} width-100`} slot=footer>${this.allowEditing ? s`<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 && d ? s`<delete-button class="padding-inline-start-1 width-100" id=solutions-delete .ids=${c} .layer=${this._layer} @editsComplete=${() => this._closePopup()}></delete-button>` : void 0}<calcite-tooltip class=${i(n)} placement=bottom reference-element=solutions-edit><span>${this._translations.edit}</span></calcite-tooltip>${this.isMobile && d ? s`<calcite-tooltip class=${i(n)} placement=bottom reference-element=solutions-delete><span>${this._translations.delete}</span></calcite-tooltip>` : void 0}</div>` : ""}${this.paginationEnabled && !o && s`<div class=${"display-flex padding-1-2 button-container top-border"}><div><calcite-button appearance=transparent .disabled=${o} icon-flip-rtl=both icon-start=chevron-left id=solutions-back @click=${() => this._back()} width=full></calcite-button><calcite-tooltip class=${i(n)} 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=${o} icon-flip-rtl=both icon-start=chevron-right id=solutions-next @click=${() => this._next()} width=full></calcite-button><calcite-tooltip class=${i(n)} placement=top reference-element=solutions-next><span>${this._translations.next}</span></calcite-tooltip></div></div>` || ""}</div><edit-card .allowMultipleEditing=${this._isMultipleEdits} class=${i(a)} .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>`;
-  }
-  async _initModules() {
-    const [e, t] = await f(["esri/widgets/Features", "esri/core/reactiveUtils"]);
-    this.Features = e, this.reactiveUtils = t;
+    const e = this.isLoading ? "" : "display-none", t = this.isLoading || this._editRecordOpen ? "visibility-hidden" : "position-absolute", a = !this.isLoading && this._editRecordOpen ? "position-absolute" : "display-none", l = !this.isLoading && this._editRecordOpen || this._showListView ? "display-none" : "", o = this._features?.features && this._features.features.length < 2 || this._navigatedToRelatedFeature, d = Number(this._features?.selectedFeature?.getObjectId()), p = Number.isNaN(d) ? [] : [d], c = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete, u = this._relatedFeature ? [this._relatedFeature] : this.graphics, _ = this._navigatedToRelatedFeature ? 0 : this._features?.selectedFeatureIndex, n = this.isMobile ? "display-none" : "";
+    return s`<calcite-shell class="z-index-1" style=${$({ position: this.position })}>${this._getHeader()}<calcite-loader class=${i(e)} .label=${this._translations.fetchingData}></calcite-loader><div class=${i("esri-widget feature-node " + t)} id=${this._featuresNodeId ?? m}></div><div class=${`${l} width-100`} slot=footer>${this.allowEditing ? s`<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 && c ? s`<delete-button class="padding-inline-start-1 width-100" id=solutions-delete .ids=${p} .layer=${this._layer} @editsComplete=${() => this._closePopup()}></delete-button>` : void 0}<calcite-tooltip class=${i(n)} placement=bottom reference-element=solutions-edit><span>${this._translations.edit}</span></calcite-tooltip>${this.isMobile && c ? s`<calcite-tooltip class=${i(n)} placement=bottom reference-element=solutions-delete><span>${this._translations.delete}</span></calcite-tooltip>` : void 0}</div>` : ""}${this.paginationEnabled && !o && s`<div class=${"display-flex padding-1-2 button-container top-border"}><div><calcite-button appearance=transparent .disabled=${o} icon-flip-rtl=both icon-start=chevron-left id=solutions-back @click=${() => this._back()} width=full></calcite-button><calcite-tooltip class=${i(n)} 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=${o} icon-flip-rtl=both icon-start=chevron-right id=solutions-next @click=${() => this._next()} width=full></calcite-button><calcite-tooltip class=${i(n)} placement=top reference-element=solutions-next><span>${this._translations.next}</span></calcite-tooltip></div></div>` || ""}</div><edit-card .allowMultipleEditing=${this._isMultipleEdits} class=${i(a)} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${this.enableSnapping} .graphicIndex=${_} .graphics=${u} .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>`;
   }
   async setGraphics() {
     this._features || await this._initFeaturesWidget(), this.graphics.length > 0 ? (this._layer = this.graphics[0]?.layer, this._editEnabled = !!(this._layer.editingEnabled && this._layer.capabilities?.operations.supportsUpdate), this._mobileTitle = this.mapView?.map && await this._popupUtils?.getPopupTitle(this.graphics[0], this.mapView.map) || "", this._features?.open({
@@ -115,7 +112,7 @@ class x extends v {
     return this.isMobile !== void 0 ? await this.mapView?.when(() => {
       if (this._features)
         this._features.view = this.mapView, this._features.visibleElements.actionBar = !1, this._features.visibleElements.closeButton = !!this.showCloseBtn, this._features.visibleElements.heading = !this.isMobile;
-      else if (this._features = this.Features && new this.Features({
+      else if (this._features = new x({
         view: this.mapView,
         container: this._featuresNodeId,
         visibleElements: {
@@ -125,14 +122,14 @@ class x extends v {
           heading: !this.isMobile
         }
       }), this._features) {
-        this._features.viewModel.highlightEnabled = !!this.highlightEnabled, this.reactiveUtils?.watch(() => (this._features?.viewModel).featureMenuOpen, (t) => {
+        this._features.viewModel.highlightEnabled = !!this.highlightEnabled, h.watch(() => (this._features?.viewModel).featureMenuOpen, (t) => {
           this._updateCount(), t || (this._showListView = t);
-        }), this.reactiveUtils?.watch(() => this._features?.selectedFeatureIndex, (t) => {
+        }), h.watch(() => this._features?.selectedFeatureIndex, (t) => {
           t !== void 0 && t > -1 && this._features?.selectedFeature && this.selectionChanged.emit({
             selectedFeature: [this._features.selectedFeature],
             selectedFeatureIndex: this._features.selectedFeatureIndex
           });
-        }), this.reactiveUtils?.watch(() => this._features.selectedDrillInFeature, (t) => {
+        }), h?.watch(() => this._features.selectedDrillInFeature, (t) => {
           t ? (this._relatedFeature = t, this._navigatedToRelatedFeature = !0) : (this._relatedFeature = void 0, this._navigatedToRelatedFeature = !1);
         });
         const e = this.el.querySelector("#" + this._featuresNodeId);
@@ -178,7 +175,7 @@ class x extends v {
     }
   }
 }
-_("info-card", x);
+f("info-card", F);
 export {
-  x as InfoCard
+  F as InfoCard
 };

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

@@ -49,6 +49,7 @@ export declare class JsonEditor extends LitElement {
     /**
      * Replaces the current selection with the supplied text, inserting if nothing is selected.
      *
+     * @param replacement
      * @param replacement Text to use for replacement or insertion
      * @returns Promise resolving when function is done
      */

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

@@ -4,7 +4,7 @@ import { u } from "../../chunks/useT9n.js";
 import { LitElement as p, noShadowRoot as f, nothing as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.33 */
+v1.2.0-next.34 */
 const _ = c`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,27 +1,19 @@
 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 u } from "../../chunks/loadModules.js";
+import * as l from "@arcgis/core/intl";
 import { u as L } from "../../chunks/useT9n.js";
-import { css as f, html as r } from "lit";
-import { LitElement as w, createEvent as c, noShadowRoot as g } from "@arcgis/lumina";
+import { css as f, html as a } from "lit";
+import { LitElement as u, createEvent as h, noShadowRoot as w } from "@arcgis/lumina";
+import * as g from "@arcgis/core/core/reactiveUtils";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.33 */
-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
+v1.2.0-next.34 */
+async function _(n, e) {
+  const { style: s = "decimal", places: t = 2 } = e || {}, i = l.convertNumberFormatToIntlOptions({
+    places: t,
+    digitSeparator: !0
   });
+  return i.style = s, l.formatNumber(n, i);
 }
 const I = f`@layer{/** @license
  * Copyright 2025 Esri
@@ -38,9 +30,9 @@ const I = f`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.notice-msg{width:calc(100% - 20px);padding:10px}.layer-name{font-weight:500;word-break:break-word}.feature-count{padding:0 10px}}`;
-class x extends w {
+class x extends u {
   constructor() {
-    super(), this.layers = [], this.showFeatureCount = !0, this.showNextIcon = !1, this.applyLayerViewFilter = !1, this.filterByMapExtent = !1, this._noLayersToDisplay = !1, this._mapLayerIds = [], this._isLoading = !1, this._translations = L({ name: "layer-list", blocking: !0 }), this.layerSelect = c(), this.layersListLoaded = c(), this.listenOn(window, "selectedLanguageUpdated", this.selectedLanguageUpdated);
+    super(), this.layers = [], this.showFeatureCount = !0, this.showNextIcon = !1, this.applyLayerViewFilter = !1, this.filterByMapExtent = !1, this._noLayersToDisplay = !1, this._mapLayerIds = [], this._isLoading = !1, this._translations = L({ name: "layer-list", blocking: !0 }), this.layerSelect = h(), this.layersListLoaded = h(), this.listenOn(window, "selectedLanguageUpdated", this.selectedLanguageUpdated);
   }
   static {
     this.properties = { mapView: 0, layers: 0, showFeatureCount: 5, showNextIcon: 5, applyLayerViewFilter: 5, filterByMapExtent: 5, _noLayersToDisplay: 16, _mapLayerIds: 16, _isLoading: 16, _translations: 16 };
@@ -49,7 +41,7 @@ class x extends w {
     this.styles = I;
   }
   static {
-    this.shadowRootOptions = g;
+    this.shadowRootOptions = w;
   }
   willUpdate(e) {
     e.has("filterByMapExtent") && this.hasUpdated && this.filterByMapExtentWatchHandler(this.filterByMapExtent);
@@ -64,20 +56,16 @@ class x extends w {
     await this.setLayers();
   }
   async load() {
-    await this.initModules(), this.filterByMapExtent && this.initializeMapExtentFilter();
+    this.filterByMapExtent && this.initializeMapExtentFilter();
   }
   async loaded() {
     await this.setLayers();
   }
   render() {
-    return r`${this._isLoading && r`<calcite-loader label scale=m></calcite-loader>` || ""}${!this._isLoading && this.mapView && this._noLayersToDisplay && r`<calcite-notice class="notice-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.filterByMapExtent && this._mapLayerIds.length > 0 && this.getExtentNotice() || ""}${this.renderLayerList()}</calcite-list>` || ""}`;
-  }
-  async initModules() {
-    const [e] = await u(["esri/core/reactiveUtils"]);
-    this.reactiveUtils = e;
+    return a`${this._isLoading && a`<calcite-loader label scale=m></calcite-loader>` || ""}${!this._isLoading && this.mapView && this._noLayersToDisplay && a`<calcite-notice class="notice-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.filterByMapExtent && this._mapLayerIds.length > 0 && this.getExtentNotice() || ""}${this.renderLayerList()}</calcite-list>` || ""}`;
   }
   initializeMapExtentFilter() {
-    this._filterByMapExtentHandle = this.reactiveUtils?.when(() => this.mapView?.stationary, () => {
+    this._filterByMapExtentHandle = g.when(() => this.mapView?.stationary, () => {
       this.setLayers();
     }, {
       initial: !0
@@ -95,18 +83,17 @@ class x extends w {
         if (t?.type === "feature" && this.showFeatureCount) {
           const i = t.createQuery();
           if (t?.definitionExpression && (i.where = i.where + " AND " + t.definitionExpression), this.applyLayerViewFilter) {
-            const a = await m(this.mapView, t.id);
-            a?.filter?.where && (i.where = i.where ? i.where + " AND " + a.filter.where : a.filter.where);
+            const r = await m(this.mapView, t.id);
+            r?.filter?.where && (i.where = i.where ? i.where + " AND " + r.filter.where : r.filter.where);
           }
           i.geometry = this.filterByMapExtent ? this.mapView.extent : null;
-          const n = t.queryFeatureCount(i);
-          e.push(n), n.then(async (a) => {
-            const l = Number.isNaN(a) ? "" : await _(a, {
+          const o = t.queryFeatureCount(i);
+          e.push(o), o.then(async (r) => {
+            const c = Number.isNaN(r) ? "" : await _(r, {
               places: 0,
-              api: 4,
-              type: "decimal"
+              style: "decimal"
             });
-            this._layerItemsHash && (this._layerItemsHash[t.id].formattedFeatureCount = l);
+            this._layerItemsHash && (this._layerItemsHash[t.id].formattedFeatureCount = c);
           });
         }
       await Promise.all(e).then(() => {
@@ -135,12 +122,12 @@ class x extends w {
   }
   getLayerListItem(e) {
     const s = this._layerItemsHash && this._layerItemsHash[e].name, t = this._layerItemsHash && this._layerItemsHash[e].formattedFeatureCount;
-    return r`<calcite-list-item @calciteListItemSelect=${() => {
+    return a`<calcite-list-item @calciteListItemSelect=${() => {
       this.onLayerItemSelected(e);
-    }}><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>`;
+    }}><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>`;
   }
   getExtentNotice() {
-    return r`<calcite-notice class="notice-msg" icon=extent-filter kind=brand open scale=s><div slot=message>${this._translations.extentFilterMsg}</div></calcite-notice>`;
+    return a`<calcite-notice class="notice-msg" icon=extent-filter kind=brand open scale=s><div slot=message>${this._translations.extentFilterMsg}</div></calcite-notice>`;
   }
   onLayerItemSelected(e) {
     this._layerItemsHash && this.layerSelect.emit({ layerId: e, layerName: this._layerItemsHash[e]?.name });

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

@@ -119,15 +119,28 @@ export declare class LayerTable extends LitElement {
     closeFilter(): Promise<void>;
     /** Reset the filter */
     filterReset(): Promise<void>;
-    /** Updates the filter */
+    /**
+     * Updates the filter
+     *
+     * @param filterActive
+     * @param keepTableUpdatingOnMapExtentChange
+     */
     filterUpdate(filterActive: boolean, keepTableUpdatingOnMapExtentChange?: boolean): Promise<void>;
-    /** Validate if the table should update */
+    /**
+     * Validate if the table should update
+     *
+     * @param shouldUpdateTableOnExtentChange
+     */
     validateTableUpdate(shouldUpdateTableOnExtentChange: boolean): Promise<void>;
     /** Validate if the editor has any pending edits */
     validateActiveEdits(): Promise<boolean>;
     /** refresh the feature table */
     refresh(): Promise<void>;
-    /** Set column templates with an ordered collection */
+    /**
+     * Set column templates with an ordered collection
+     *
+     * @param columnTemplates
+     */
     setColumnOrder(columnTemplates: any): Promise<void>;
     /** Emitted when the user click/drags a column */
     readonly columnReorder: TargetedEvent<this, void>;
@@ -138,7 +151,7 @@ export declare class LayerTable extends LitElement {
     /** Emitted on demand when when the delete dialog should be shown */
     readonly showDelete: TargetedEvent<this, IDeleteIds>;
     /** Emitted when related record toggled from related table */
-    readonly relatedRecordToggled: TargetedEvent<this, __esri.FeatureLayer>;
+    readonly relatedRecordToggled: TargetedEvent<this, import('@arcgis/core/layers/FeatureLayer').default>;
     /** Emitted on demand when edit multiple action is clicked */
     readonly editMultipleFeatures: TargetedEvent<this, (string | number)[]>;
 }

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

@@ -1,19 +1,22 @@
-import { c as m } from "../../chunks/runtime.js";
-import { l as w } from "../../chunks/loadModules.js";
-import { b as y, d as I, g as T } from "../../chunks/mapViewUtils.js";
-import { c as v } from "../../chunks/queryUtils.js";
-import { d as E } from "../../chunks/downloadUtils.js";
-import { B as p } from "../../chunks/interfaces.js";
-import { defineCustomElements as x } from "@arcgis/instant-apps-components/loader";
-import { u as F } from "../../chunks/useT9n.js";
-import { css as S, html as o, nothing as c } from "lit";
-import { createRef as g, ref as u } from "lit-html/directives/ref.js";
-import { LitElement as O, createEvent as _, noShadowRoot as C, safeClassMap as b } from "@arcgis/lumina";
-import { f as A } from "../../chunks/helpers.js";
+import { c as I } from "../../chunks/runtime.js";
+import { b as w, d as T, g as v } from "../../chunks/mapViewUtils.js";
+import { c as E } from "../../chunks/queryUtils.js";
+import { d as x } from "../../chunks/downloadUtils.js";
+import { B as g } from "../../chunks/interfaces.js";
+import { defineCustomElements as S } from "@arcgis/instant-apps-components/loader";
+import { u as O } from "../../chunks/useT9n.js";
+import { css as F, html as o, nothing as c } from "lit";
+import { createRef as b, ref as p } from "lit-html/directives/ref.js";
+import { LitElement as C, createEvent as _, noShadowRoot as A, safeClassMap as y } from "@arcgis/lumina";
+import { f as H } from "../../chunks/helpers.js";
+import L from "@arcgis/core/widgets/FeatureTable";
+import * as u from "@arcgis/core/core/reactiveUtils";
+import $ from "@arcgis/core/rest/support/RelationshipQuery";
+import m from "@arcgis/core/widgets/FeatureTable/support/TableTemplate";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.33 */
-const H = S`@layer{/** @license
+v1.2.0-next.34 */
+const D = F`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -28,18 +31,18 @@ const H = S`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.height-full{height:100%}.height-full-adjusted{height:calc(100% - 20px)}.width-full{width:100%}.display-flex{display:flex}.display-none{display:none}.table-border{border:1px solid var(--calcite-color-border-2)}.border-end{border-inline-end:1px solid var(--calcite-color-border-2)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51-px{height:51px}.height-50-px{height:50px}.bottom-left{position:absolute;left:0;bottom:0;padding-left:5px}html[dir=rtl] .bottom-left{position:absolute;right:0;bottom:0;padding-right:5px}.height-19{height:19px}.background{background-color:var(--calcite-color-background)}.text-color{color:var(--calcite-color-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-color-status-danger)}.esri-feature-table vaadin-grid{border:none!important}vaadin-grid-cell-content{font-size:14px!important;color:var(--calcite-color-text-3)!important}.absolute-right{position:absolute;right:0;left:unset}html[dir=rtl] .absolute-right{left:0;right:unset}.disabled{cursor:default!important;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.actions-end{height:50px!important;display:inline-flex}.border-top{border-top:1px solid var(--calcite-color-border-2)}.modal{--calcite-dialog-content-space: 0}.esri-feature-table__table-container{height:100%}.search-container{background-color:var(--calcite-color-foreground-1)!important}.search{--calcite-color-border-input: var(--calcite-color-border-3);width:60%;padding:10px}.delete-red{--calcite-icon-color: var(--calcite-color-status-danger);--calcite-color-text-1: var(--calcite-color-status-danger);--calcite-color-text-3: var(--calcite-color-status-danger)}.label-override{white-space:nowrap}.padding-start-1-4{padding-inline-start:.5rem}.panel-header-override{--calcite-panel-header-content-space: 0px}.danger-label-color{color:var(--calcite-color-status-danger)}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}.width-51{width:51px}.height-51{height:51px}}`;
-class L extends O {
+class M extends C {
   constructor() {
-    super(), this.defaultGlobalId = [], this.defaultLayerId = "", this.defaultOid = [], this.enableAutoRefresh = !1, this.enableColumnReorder = !0, this.enableCSV = !1, this.enableInlineEdit = !1, this.enableShare = !1, this.featureSelectionMode = "multiple", this.selectedRelatedIds = [], this.honorMapFieldSettings = !1, this.isMobile = !1, this.mapHidden = !1, this.showOnlyUpdatableLayers = !1, this.selectedIds = [], this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !1, this.zoomAndScrollToSelected = !1, this._allIds = [], this._configLayerOrderDefined = !1, this._csvExporting = !1, this._fetchingData = !1, this._hideTable = !1, this._filterActive = !1, this._selectAllActive = !1, this._showHideOpen = !1, this._showOnlySelected = !1, this._toolInfos = [], this._translations = F({ name: "layer-table", blocking: !0 }), this._fullTextSearchInfo = [], this._searchPlaceHolder = "", this._size = 0, this._queryingData = !1, this._editEnabled = !1, this._enabledLayerIds = [], this._defaultGlobalIdHonored = !1, this._defaultOidHonored = !1, this._deleteEnabled = !1, this._floorExpression = "", this._floorField = "", this._floorLevel = "", this._loaded = !1, this._shareNode = g(), this._toolbar = g(), this._searchExpression = "", this._skipEditCheck = !1, this._tempSelectedIds = [], this._outOFExtentOids = [], this._shouldUpdateTableOnExtentChange = !0, this._creatingFeature = !1, this._searchNode = g(), this.columnReorder = _(), this.featureSelectionChange = _(), this.toggleFilter = _(), this.showDelete = _(), this.relatedRecordToggled = _(), this.editMultipleFeatures = _(), this.listenOn(window, "beforeMapInfoChange", this.beforeMapInfoChange, { capture: !0 }), this.listenOn(window, "editorInitialized", this.editorInitialized), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "selectionChanged", this.selectionChanged), this.listenOn(window, "beforeLayerSelectionChange", this.beforeLayerSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "editsComplete", this.editsComplete), this.listenOn(window, "facilityChanged", this.facilityChanged), this.listenOn(window, "levelChanged", this.levelChanged), this.listenOn(window, "siteChanged", this.siteChanged), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "featuresSelected", this.featuresSelected), this.listenOn(window, "createWorkFlowStarted", this.createWorkFlowStarted), this.listenOn(window, "backFromCreateWorkFlow", this.backFromCreateWorkFlow), x(window);
+    super(), this.defaultGlobalId = [], this.defaultLayerId = "", this.defaultOid = [], this.enableAutoRefresh = !1, this.enableColumnReorder = !0, this.enableCSV = !1, this.enableInlineEdit = !1, this.enableShare = !1, this.featureSelectionMode = "multiple", this.selectedRelatedIds = [], this.honorMapFieldSettings = !1, this.isMobile = !1, this.mapHidden = !1, this.showOnlyUpdatableLayers = !1, this.selectedIds = [], this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !1, this.zoomAndScrollToSelected = !1, this._allIds = [], this._configLayerOrderDefined = !1, this._csvExporting = !1, this._fetchingData = !1, this._hideTable = !1, this._filterActive = !1, this._selectAllActive = !1, this._showHideOpen = !1, this._showOnlySelected = !1, this._toolInfos = [], this._translations = O({ name: "layer-table", blocking: !0 }), this._fullTextSearchInfo = [], this._searchPlaceHolder = "", this._size = 0, this._queryingData = !1, this._editEnabled = !1, this._enabledLayerIds = [], this._defaultGlobalIdHonored = !1, this._defaultOidHonored = !1, this._deleteEnabled = !1, this._floorExpression = "", this._floorField = "", this._floorLevel = "", this._loaded = !1, this._shareNode = b(), this._toolbar = b(), this._searchExpression = "", this._skipEditCheck = !1, this._tempSelectedIds = [], this._outOFExtentOids = [], this._shouldUpdateTableOnExtentChange = !0, this._creatingFeature = !1, this._searchNode = b(), this.columnReorder = _(), this.featureSelectionChange = _(), this.toggleFilter = _(), this.showDelete = _(), this.relatedRecordToggled = _(), this.editMultipleFeatures = _(), this.listenOn(window, "beforeMapInfoChange", this.beforeMapInfoChange, { capture: !0 }), this.listenOn(window, "editorInitialized", this.editorInitialized), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "selectionChanged", this.selectionChanged), this.listenOn(window, "beforeLayerSelectionChange", this.beforeLayerSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "editsComplete", this.editsComplete), this.listenOn(window, "facilityChanged", this.facilityChanged), this.listenOn(window, "levelChanged", this.levelChanged), this.listenOn(window, "siteChanged", this.siteChanged), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "featuresSelected", this.featuresSelected), this.listenOn(window, "createWorkFlowStarted", this.createWorkFlowStarted), this.listenOn(window, "backFromCreateWorkFlow", this.backFromCreateWorkFlow), S(window);
   }
   static {
     this.properties = { appLayout: 1, defaultGlobalId: 0, defaultLayerId: 1, defaultOid: 0, enableAutoRefresh: 5, enableColumnReorder: 5, enableCSV: 5, enableInlineEdit: 5, enableShare: 5, featureSelectionMode: 1, selectedRelatedIds: 0, honorMapFieldSettings: 5, isMobile: 5, mapHidden: 5, mapInfo: 0, mapView: 0, showOnlyUpdatableLayers: 5, selectedIds: 0, shareIncludeEmbed: 5, shareIncludeSocial: 5, showNewestFirst: 5, zoomAndScrollToSelected: 5, zoomToScale: 9, _allIds: 16, _configLayerOrderDefined: 16, _csvExporting: 16, _fetchingData: 16, _hideTable: 16, _filterActive: 16, _layer: 16, _selectAllActive: 16, _showHideOpen: 16, _showOnlySelected: 16, _toolInfos: 16, _translations: 16, _fullTextSearchInfo: 16, _searchPlaceHolder: 16, _size: 16, _queryingData: 16 };
   }
   static {
-    this.styles = H;
+    this.styles = D;
   }
   static {
-    this.shadowRootOptions = C;
+    this.shadowRootOptions = A;
   }
   willUpdate(e) {
     if (e.has("appLayout") && this.appLayoutWatchHandler(), e.has("defaultOid") && this.defaultOidWatchHandler(), e.has("defaultGlobalId") && this.defaultGlobalIdWatchHandler(), e.has("enableCSV") && this.enableCSVWatchHandler(), e.has("enableInlineEdit") && this.enableInlineEditWatchHandler(), e.has("mapHidden") && this.mapHiddenWatchHandler(), e.has("isMobile") && this.isMobileWatchHandler(), e.has("mapInfo") && this.mapInfoWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(), e.has("_layer") && this._layerWatchHandler(), e.has("selectedIds") && (this.hasUpdated || JSON.stringify(e.get("selectedIds")) !== JSON.stringify(this.selectedIds)) && this.selectedIdsWatchHandler(), e.has("selectedRelatedIds") && (this.hasUpdated || JSON.stringify(e.get("selectedRelatedIds")) !== JSON.stringify(this.selectedRelatedIds)) && this.selectedRelatedIdsWatchHandler(), e.has("_translations")) {
@@ -69,7 +72,7 @@ class L extends O {
     !this._toolInfos && !this.isMobile && await this._initToolInfos();
   }
   async mapInfoWatchHandler() {
-    this._configLayerOrderDefined = "configLayerOrder" in (this.mapInfo?.layerOptions || {}), this._enabledLayerIds = A(this.mapInfo?.layerOptions?.layers || [], this.mapInfo?.layerOptions?.configLayerOrder), this._table && (this._resetColumnTemplates(), this._sortTable());
+    this._configLayerOrderDefined = "configLayerOrder" in (this.mapInfo?.layerOptions || {}), this._enabledLayerIds = H(this.mapInfo?.layerOptions?.layers || [], this.mapInfo?.layerOptions?.configLayerOrder), this._table && (this._resetColumnTemplates(), this._sortTable());
   }
   async mapViewWatchHandler() {
     this._mapClickHandle && this._mapClickHandle.remove(), this.mapView && (this._floorExpression = "", this._searchExpression = "undefined", this.mapView.highlights = [
@@ -85,7 +88,7 @@ class L extends O {
         name: "temporary",
         color: "#FFFF00"
       }
-    ], this._updateShareUrl(), this._mapClickHandle = this.reactiveUtils?.on(() => this.mapView, "click", (e) => {
+    ], this._updateShareUrl(), this._mapClickHandle = u.on(() => this.mapView, "click", (e) => {
       this._creatingFeature || this._mapClicked(e);
     }));
   }
@@ -152,7 +155,7 @@ class L extends O {
       s.scrollToIndex(a);
       const l = t.layer, h = this.mapView.allLayerViews.toArray();
       let n;
-      h.some(async (r) => r.layer.title === l?.title && r.layer.type === "feature" ? (n = r, this.mapView && await y([i], n, this.mapView, !0, void 0, this.zoomToScale), !0) : !1);
+      h.some(async (r) => r.layer.title === l?.title && r.layer.type === "feature" ? (n = r, this.mapView && await w([i], n, this.mapView, !0, void 0, this.zoomToScale), !0) : !1);
     }
   }
   async beforeLayerSelectionChange(e) {
@@ -200,24 +203,15 @@ class L extends O {
     this._creatingFeature = !1;
   }
   async load() {
-    await this._initModules(), await this._initToolInfos();
+    await this._initToolInfos();
   }
   render() {
     const e = this._fetchingData || this._hideTable ? "display-none" : "", t = this._fetchingData ? "" : "display-none", i = this._queryingData ? "" : "display-none", s = this._size.toString(), a = this.selectedIds.length.toString(), l = this.isMobile ? "height-full" : "height-full-adjusted", h = this._canShowFullTextSearch();
-    return this._validateActiveActions(), o`<div><calcite-scrim class=${b(i)} .loading=${this._queryingData}></calcite-scrim><calcite-shell><div class=${`width-full ${l}`}><calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker("header-actions-start")}${!this.isMobile && o`${this._getTableControlRow("header-content")}${this._getActionsEnd("header-actions-end")}` || ""}${h && o`<div class="search-container border-bottom"><calcite-input class=search clearable icon=search @calciteInputChange=${(n) => void this._searchTextChanged(n)} .placeholder=${this._searchPlaceHolder} title=${this._searchPlaceHolder ?? c} type=search ${u(this._searchNode)}></calcite-input></div>` || ""}<calcite-loader class=${b(t)} .label=${this._translations.fetchingData} scale=l></calcite-loader><div class=${b(e)} ${u(this.onTableNodeCreate)}></div></calcite-panel></div>${this.isMobile ? void 0 : o`<div class="bottom-left text-color height-19" id=solutions-selected-count-div>${(this._translations.recordsTotal?.replace("{{total-number-of-records}}", s) + " | " + this._translations.recordsSelected.replace("{{selected-number-of-records}}", a)).replace("{{total}}", s).replace("{{selected}}", a)}</div>`}</calcite-shell></div>`;
+    return this._validateActiveActions(), o`<div><calcite-scrim class=${y(i)} .loading=${this._queryingData}></calcite-scrim><calcite-shell><div class=${`width-full ${l}`}><calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker("header-actions-start")}${!this.isMobile && o`${this._getTableControlRow("header-content")}${this._getActionsEnd("header-actions-end")}` || ""}${h && o`<div class="search-container border-bottom"><calcite-input class=search clearable icon=search @calciteInputChange=${(n) => void this._searchTextChanged(n)} .placeholder=${this._searchPlaceHolder} title=${this._searchPlaceHolder ?? c} type=search ${p(this._searchNode)}></calcite-input></div>` || ""}<calcite-loader class=${y(t)} .label=${this._translations.fetchingData} scale=l></calcite-loader><div class=${y(e)} ${p(this.onTableNodeCreate)}></div></calcite-panel></div>${this.isMobile ? void 0 : o`<div class="bottom-left text-color height-19" id=solutions-selected-count-div>${(this._translations.recordsTotal?.replace("{{total-number-of-records}}", s) + " | " + this._translations.recordsSelected.replace("{{selected-number-of-records}}", a)).replace("{{total}}", s).replace("{{selected}}", a)}</div>`}</calcite-shell></div>`;
   }
   updated() {
     this._table && this.updateRelatedAttachmentColumns();
   }
-  async _initModules() {
-    const [e, t, i, s] = await w([
-      "esri/widgets/FeatureTable",
-      "esri/core/reactiveUtils",
-      "esri/widgets/FeatureTable/support/TableTemplate",
-      "esri/rest/support/RelationshipQuery"
-    ]);
-    this.FeatureTable = e, this.reactiveUtils = t, this.TableTemplate = i, this.RelationshipQuery = s;
-  }
   async _searchTextChanged(e) {
     this._fullTextSearchInfo.forEach((t) => {
       t.searchTerm = e.target.value;
@@ -289,7 +283,7 @@ class L extends O {
     return o`<div class="display-flex" slot=${e ?? c}><field-selection .configExtraFields=${s?.extraFields} .layer=${t} .mapView=${this.mapView} .table=${i} .tableRef=${this.el}></field-selection>${this.enableShare && !this.isMobile ? this._getShare("share") : void 0}</div>`;
   }
   _getTableControlRow(e) {
-    return o`<div class=${"height-51-px width-full display-flex"} slot=${e ?? c} ${u(this._toolbar)}>${this._getActionBar()}</div>`;
+    return o`<div class=${"height-51-px width-full display-flex"} slot=${e ?? c} ${p(this._toolbar)}>${this._getActionBar()}</div>`;
   }
   _getActionBar() {
     return o`<calcite-action-bar class=width-full expand-disabled id=${this._getId("bar") ?? c} layout=horizontal><calcite-action-group>${this.isMobile ? void 0 : this._getActions()}</calcite-action-group></calcite-action-bar>`;
@@ -300,7 +294,7 @@ class L extends O {
   _validateEnabledActions() {
     const e = this._getIds().length, t = ["zoom-to-object", "pencil", "trash", "erase", "selected-items-filter"];
     this._toolInfos?.forEach((i) => {
-      i && t.indexOf(i.icon) > -1 && (i.disabled = i.icon === "pencil" ? e < 2 || e > p : e < 1, i.toolTip = i.icon === "pencil" ? e > p ? this._translations.featureEditLimitNotice : this._translations.editMultiple : i.toolTip);
+      i && t.indexOf(i.icon) > -1 && (i.disabled = i.icon === "pencil" ? e < 2 || e > g : e < 1, i.toolTip = i.icon === "pencil" ? e > g ? this._translations.featureEditLimitNotice : this._translations.editMultiple : i.toolTip);
     });
   }
   _validateActiveActions() {
@@ -310,7 +304,7 @@ class L extends O {
     });
   }
   async _initToolInfos() {
-    const e = this._getIds().length > 0, t = this._relatedFeatureTable ? this._relatedFeatureTable.layer.isTable : this._layer?.isTable, i = this.featureSelectionMode === "multiple" && this._layer?.capabilities?.operations.supportsUpdate, s = this._getSelectedIds().length < 2 || this._getSelectedIds().length > p, a = !this.mapHidden && !t, l = !this._relatedFeatureTable && (!this._layer?.isTable || this._hasFilterExpressions()), h = this._featuresEmpty(), n = this.featureSelectionMode === "single";
+    const e = this._getIds().length > 0, t = this._relatedFeatureTable ? this._relatedFeatureTable.layer.isTable : this._layer?.isTable, i = this.featureSelectionMode === "multiple" && this._layer?.capabilities?.operations.supportsUpdate, s = this._getSelectedIds().length < 2 || this._getSelectedIds().length > g, a = !this.mapHidden && !t, l = !this._relatedFeatureTable && (!this._layer?.isTable || this._hasFilterExpressions()), h = this._featuresEmpty(), n = this.featureSelectionMode === "single";
     let r = this.enableCSV;
     if (this._relatedFeatureTable) {
       const f = await this._queryRelatedFeatures();
@@ -425,7 +419,7 @@ class L extends O {
     });
   }
   _getShare(e) {
-    return o`<div id=${this._getId(e) ?? c}><instant-apps-social-share class="height-51 width-51 display-flex" .embed=${this.shareIncludeEmbed} flip-rtl popover-button-icon-scale=s scale=m share-button-color=neutral share-button-type=action .socialMedia=${this.shareIncludeSocial} .view=${this.mapView} ${u(this._shareNode)}></instant-apps-social-share>${this._getToolTip("bottom", e, this._translations.share)}</div>`;
+    return o`<div id=${this._getId(e) ?? c}><instant-apps-social-share class="height-51 width-51 display-flex" .embed=${this.shareIncludeEmbed} flip-rtl popover-button-icon-scale=s scale=m share-button-color=neutral share-button-type=action .socialMedia=${this.shareIncludeSocial} .view=${this.mapView} ${p(this._shareNode)}></instant-apps-social-share>${this._getToolTip("bottom", e, this._translations.share)}</div>`;
   }
   _updateShareUrl() {
     const e = this._shareNode.value?.shareUrl;
@@ -453,7 +447,7 @@ class L extends O {
   }
   async _getTable(e, t) {
     this._layer && (await this._layer.when(() => {
-      this._table = this.FeatureTable && new this.FeatureTable({
+      this._table = new L({
         autoRefreshEnabled: this.enableAutoRefresh,
         layer: this._layer,
         view: this.mapView,
@@ -477,9 +471,9 @@ class L extends O {
     }), await this._table?.when(() => {
       this._table?.viewModel.addHandles(this._table.highlightIds.on("change", (i) => {
         this._handleOnChange(i);
-      })), this._table?.viewModel.addHandles(this._table.on("cell-pointerover", this.tempHighlightOnHover.bind(this))), this._table?.viewModel.addHandles(this._table.on("cell-pointerout", this._removeTempHighlight.bind(this))), this._table?.viewModel.addHandles(this._table.on("column-reorder", this._handleColumnReorder.bind(this))), this.listenOn(this._tableNode, "mouseleave", this._removeTempHighlight), this.reactiveUtils && this._table?.viewModel.addHandles(this.reactiveUtils.watch(() => this._table.size, (i) => {
+      })), this._table?.viewModel.addHandles(this._table.on("cell-pointerover", this.tempHighlightOnHover.bind(this))), this._table?.viewModel.addHandles(this._table.on("cell-pointerout", this._removeTempHighlight.bind(this))), this._table?.viewModel.addHandles(this._table.on("column-reorder", this._handleColumnReorder.bind(this))), this.listenOn(this._tableNode, "mouseleave", this._removeTempHighlight), this._table?.viewModel.addHandles(u.watch(() => this._table.size, (i) => {
         this._size = i;
-      })), this.reactiveUtils?.watch(
+      })), u?.watch(
         () => this._table?.relatedTable,
         // eslint-disable-next-line @typescript-eslint/no-misused-promises
         async (i) => {
@@ -496,7 +490,7 @@ class L extends O {
               await new Promise((a) => setTimeout(a, 50)), await this._refresh(!0);
             }), this._checkEditEnabled(s), i.editingEnabled = this._editEnabled && this.enableInlineEdit, this._relatedFeatureTable = i, typeof i.layer?.id == "string" && i.layer?.fields) {
               const a = i.layer.popupTemplate?.fieldInfos, l = this._getColumnTemplates(i.layer.id, i.layer.fields, a);
-              this._relatedFeatureTable.tableTemplate = this.TableTemplate && new this.TableTemplate({
+              this._relatedFeatureTable.tableTemplate = new m({
                 columnTemplates: l
               });
             }
@@ -588,7 +582,7 @@ class L extends O {
       t?.length === 0 ? this._tableNode?.classList.add("display-none") : this._tableNode?.classList.remove("display-none");
       const i = this._table?.tableTemplate?.columnTemplates, s = i && t && i.length !== t.length || t?.some((a, l) => i && i[l] ? JSON.stringify(i[l]) !== JSON.stringify(a) : !1);
       if (this._table && t && (s || !this._columnsInfo)) {
-        this._table.tableTemplate = this.TableTemplate && new this.TableTemplate({
+        this._table.tableTemplate = new m({
           columnTemplates: t
         });
         const a = t.map((l) => l.fieldName);
@@ -597,7 +591,7 @@ class L extends O {
     }
   }
   _setColumnTemplates(e) {
-    this._table && e && (this._table.tableTemplate = this.TableTemplate && new this.TableTemplate({
+    this._table && e && (this._table.tableTemplate = new m({
       columnTemplates: e
     }));
   }
@@ -608,7 +602,7 @@ class L extends O {
     } else this._table && (this._table.view = this.mapView, this._table.layer = this._layer);
     await this._initLayerRefresh(), this._checkEditEnabled(this._layer), this._table && (this._table.editingEnabled = this._editEnabled && this.enableInlineEdit, await this._table.when(), setTimeout(() => {
       this._loaded || this.finishLoading();
-    }, 1e3), await this.reactiveUtils?.once(() => this._table?.state === "loaded").then(async () => {
+    }, 1e3), await u.once(() => this._table?.state === "loaded").then(async () => {
       await this.finishLoading();
     }));
   }
@@ -632,7 +626,7 @@ class L extends O {
   }
   async _handleDefaults() {
     if (!this._defaultOidHonored && this.defaultOid?.length > 0 && this.defaultOid[0] > -1 && this._table && (await this._selectDefaultFeature(this.defaultOid), this._defaultOidHonored = !0, this.defaultOid = [], this._showOnlySelected = !1, this._toggleShowSelected()), !this._defaultGlobalIdHonored && this.defaultGlobalId && this.defaultGlobalId?.length > 0 && this._table && this._layer) {
-      const e = await v(this.defaultGlobalId, this._layer), t = e?.length > 0 ? e.map((i) => Number(i.getObjectId())) : void 0;
+      const e = await E(this.defaultGlobalId, this._layer), t = e?.length > 0 ? e.map((i) => Number(i.getObjectId())) : void 0;
       t && await this._selectDefaultFeature(t), this._defaultGlobalIdHonored = !0, this.defaultGlobalId = [], this._showOnlySelected = !1, this._toggleShowSelected();
     }
   }
@@ -666,7 +660,7 @@ class L extends O {
     this._filterActive = e, this._updateShareUrl(), await this._searchFullText();
   }
   _handleTableOnMapExtent() {
-    this._table && (this._filterByExtentHandle = this.reactiveUtils?.when(
+    this._table && (this._filterByExtentHandle = u.when(
       () => this.mapView?.stationary,
       // eslint-disable-next-line @typescript-eslint/no-misused-promises
       async () => {
@@ -762,7 +756,7 @@ class L extends O {
       }
       return l;
     }, []);
-    this._updateToolInfoLoading("export", !0), this._csvExporting = !0, this.mapView?.map && await E(
+    this._updateToolInfoLoading("export", !0), this._csvExporting = !0, this.mapView?.map && await x(
       this.mapView.map,
       t,
       !1,
@@ -777,7 +771,7 @@ class L extends O {
     ), this._updateToolInfoLoading("export", !1), this._csvExporting = !1;
   }
   async _queryRelatedFeatures() {
-    const e = this._relatedFeatureTable ? this._relatedFeatureTable ? this._relatedFeatureTable.layer : this._relatedFeatureTable.tableParent?.layer : this._layer, t = this._relatedFeatureTable?.tableParent?.highlightIds?.items[0], i = this._relatedFeatureTable?.tableParent?.layer, s = e?.relationships?.find((h) => i.relationships?.some((n) => n.id === h.id)), a = this.RelationshipQuery && new this.RelationshipQuery({
+    const e = this._relatedFeatureTable ? this._relatedFeatureTable ? this._relatedFeatureTable.layer : this._relatedFeatureTable.tableParent?.layer : this._layer, t = this._relatedFeatureTable?.tableParent?.highlightIds?.items[0], i = this._relatedFeatureTable?.tableParent?.layer, s = e?.relationships?.find((h) => i.relationships?.some((n) => n.id === h.id)), a = new $({
       objectIds: [t],
       outFields: ["*"],
       relationshipId: s?.id
@@ -819,15 +813,15 @@ class L extends O {
     }
   }
   async _zoom() {
-    this._layer && this.mapView && await y(this.selectedIds, this._selectedLayerView, this.mapView, !0, void 0, this.zoomToScale);
+    this._layer && this.mapView && await w(this.selectedIds, this._selectedLayerView, this.mapView, !0, void 0, this.zoomToScale);
   }
   async _layerSelectionChanged(e) {
     const t = e.detail[0];
     if (t !== this._layer?.id || this._featuresEmpty()) {
       this._fetchingData = !0, await this._clearSearchText();
-      const i = this.mapView && await I(this.mapView, t);
+      const i = this.mapView && await T(this.mapView, t);
       i && await i.when(async () => {
-        this._selectedLayerView = !i.isTable && this.mapView ? await T(this.mapView, i.id) : null, this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId && this._table.viewModel.hideAttachmentsView(), this._shouldUpdateTableOnExtentChange = !0, this._layer = i, await this._initToolInfos(), this._getFullTextSearchInfo();
+        this._selectedLayerView = !i.isTable && this.mapView ? await v(this.mapView, i.id) : null, this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId && this._table.viewModel.hideAttachmentsView(), this._shouldUpdateTableOnExtentChange = !0, this._layer = i, await this._initToolInfos(), this._getFullTextSearchInfo();
       });
     }
     this._creatingFeature = !1, this._fetchingData = !1;
@@ -883,7 +877,7 @@ class L extends O {
     }));
   }
 }
-m("layer-table", L);
+I("layer-table", M);
 export {
-  L as LayerTable
+  M as LayerTable
 };

package/dist/components/map-basemap-gallery/customElement.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference path="../../index.d.ts" />
+import { IBasemapConfig } from '../../utils/interfaces';
+import { PropertyValues } from 'lit';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+
+export declare class MapBasemapGallery extends LitElement {
+    /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+    mapView: __esri.MapView | undefined;
+    /** IBasemapConfig: List of any basemaps to filter out from the basemap widget */
+    basemapConfig: IBasemapConfig | undefined;
+    /**
+     * esri/widgets/BasemapGallery: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapGallery.html
+     *
+     * BasemapGallery instance
+     */
+    basemapWidget: __esri.BasemapGallery | undefined;
+}