@arcgis/map-components 4.29.0-beta.3 → 4.29.0-beta.30

package/dist/esm/arcgis-feature-form.entry.js

@@ -1,12 +1,13 @@
-import { r as registerInstance, c as createEvent, g as getElement } from './index-eb3ead33.js';
-import { A as newWidgetsFeatureForm } from './index-c227d296.js';
+import { r as registerInstance, c as createEvent, g as getElement } from './index-d73b34b5.js';
+import { z as newWidgetsFeatureForm } from './index-307928e0.js';
 
-const arcgisFeatureFormCss = "";
+const featureFormCss = "";
 
 const ArcgisFeatureForm = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
@@ -27,6 +28,6 @@ const ArcgisFeatureForm = class {
   }
   get el() { return getElement(this); }
 };
-ArcgisFeatureForm.style = arcgisFeatureFormCss;
+ArcgisFeatureForm.style = featureFormCss;
 
 export { ArcgisFeatureForm as arcgis_feature_form };

package/dist/esm/arcgis-feature-table.entry.js

@@ -0,0 +1,310 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { A as newLayersFeatureLayer, B as newWidgetsFeatureTable, a as importCoreReactiveUtils } from './index-307928e0.js';
+import { i as isNullOrEmptyString, r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
+
+const featureTableCss = ".arcgis-feature-table{width:100%;height:100%}";
+
+const ArcgisFeatureTable = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.rowSelectionChange = createEvent(this, "rowSelectionChange", 7);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
+    this.referenceElement = undefined;
+    this.activeFilters = undefined;
+    this.activeSortOrders = undefined;
+    this.attachmentsEnabled = undefined;
+    this.autoRefreshEnabled = undefined;
+    this.columnReorderingEnabled = undefined;
+    this.columns = undefined;
+    this.editingEnabled = undefined;
+    this.filterGeometry = undefined;
+    this.hiddenFields = undefined;
+    this.highlightEnabled = undefined;
+    this.highlightIds = undefined;
+    this.layer = undefined;
+    this.menu = undefined;
+    this.menuConfig = undefined;
+    this.multiSortEnabled = undefined;
+    this.pageSize = undefined;
+    this.state = undefined;
+    this.tableTemplate = undefined;
+    this.itemId = undefined;
+    this.position = "bottom-left";
+    this.url = undefined;
+    this.view = undefined;
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      if (typeof this.view !== "string") {
+        this.view.ui.move(this.childElem, newValue);
+      }
+    }
+  }
+  attachmentsEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.attachmentsEnabled = value;
+    }
+  }
+  autoRefreshEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.autoRefreshEnabled = value;
+    }
+  }
+  columnReorderingEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.columnReorderingEnabled = value;
+    }
+  }
+  editingEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.editingEnabled = value;
+    }
+  }
+  filterGeometryWatcher(value) {
+    if (value && this.widget) {
+      this.widget.filterGeometry = value;
+    }
+  }
+  hiddenFieldsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.hiddenFields = value;
+    }
+  }
+  highlightEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.highlightEnabled = value;
+    }
+  }
+  highlightIdsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.highlightIds = value;
+    }
+  }
+  menuConfigWatcher(value) {
+    if (value && this.widget) {
+      this.widget.menuConfig = value;
+    }
+  }
+  multiSortEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.multiSortEnabled = value;
+    }
+  }
+  pageSizeWatcher(value) {
+    if (value && this.widget) {
+      this.widget.pageSize = value;
+    }
+  }
+  tableTemplateWatcher(value) {
+    if (value && this.widget) {
+      this.widget.tableTemplate = value;
+    }
+  }
+  async itemIdWatcher(value, old) {
+    if (isNullOrEmptyString(value)) {
+      this.layer = null;
+    }
+    else if (value && value !== old) {
+      const layer = await newLayersFeatureLayer({
+        portalItem: {
+          id: value
+        }
+      });
+      this.layer = layer;
+    }
+  }
+  layerWatcher(value) {
+    if (value && this.widget) {
+      this.widget.layer = value;
+    }
+    else if (!value) {
+      this.widget.layer = null;
+    }
+  }
+  async urlWatcher(value, old) {
+    if (value && value !== old) {
+      const layer = await newLayersFeatureLayer({ url: value });
+      this.layer = layer;
+    }
+  }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async clearSelectionFilter() {
+    return this.widget?.clearSelectionFilter();
+  }
+  async deleteSelection(showWarningPrompt) {
+    return this.widget?.deleteSelection(showWarningPrompt);
+  }
+  async filterBySelection() {
+    return this.widget?.filterBySelection();
+  }
+  async findColumn(fieldName) {
+    return this.widget?.findColumn(fieldName);
+  }
+  async hideColumn(fieldName) {
+    return this.widget?.hideColumn(fieldName);
+  }
+  async refresh() {
+    return this.widget?.refresh();
+  }
+  async scrollToIndex(index) {
+    return this.widget?.scrollToIndex(index);
+  }
+  async showAllColumns() {
+    return this.widget?.showAllColumns();
+  }
+  async showColumn(fieldName) {
+    return this.widget?.showColumn(fieldName);
+  }
+  async sortColumn(path, direction) {
+    return this.widget?.sortColumn(path, direction);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = await this._createParams();
+    const widget = await newWidgetsFeatureTable(params);
+    this.widget = widget;
+    await this._addWatchers();
+    this._proxyEvents();
+    this.widgetReady.emit({ widget: this.widget });
+    checkForView(this);
+  }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  render() {
+    return h("div", { class: "arcgis-feature-table", ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    addHandles(this, watch(() => this.widget.activeFilters, (value) => (this.activeFilters = value), {
+      initial: true
+    }));
+    addHandles(this, watch(() => this.widget.activeSortOrders, (value) => (this.activeSortOrders = value), {
+      initial: true
+    }));
+    addHandles(this, watch(() => this.widget.columns, (value) => (this.columns = value), {
+      initial: true
+    }));
+    addHandles(this, watch(() => this.widget.menu, (value) => (this.menu = value), {
+      initial: true
+    }));
+    addHandles(this, watch(() => this.widget.state, (value) => (this.state = value), {
+      initial: true
+    }));
+  }
+  async _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    if (this.attachmentsEnabled !== undefined) {
+      params.attachmentsEnabled = this.attachmentsEnabled;
+    }
+    if (this.autoRefreshEnabled !== undefined) {
+      params.autoRefreshEnabled = this.autoRefreshEnabled;
+    }
+    if (this.columnReorderingEnabled !== undefined) {
+      params.columnReorderingEnabled = this.columnReorderingEnabled;
+    }
+    if (this.editingEnabled !== undefined) {
+      params.editingEnabled = this.editingEnabled;
+    }
+    if (this.filterGeometry !== undefined) {
+      params.filterGeometry = this.filterGeometry;
+    }
+    if (this.hiddenFields !== undefined) {
+      params.hiddenFields = this.hiddenFields;
+    }
+    if (this.highlightEnabled !== undefined) {
+      params.highlightEnabled = this.highlightEnabled;
+    }
+    if (this.highlightIds !== undefined) {
+      params.highlightIds = this.highlightIds;
+    }
+    if (this.menuConfig !== undefined) {
+      params.menuConfig = this.menuConfig;
+    }
+    if (this.multiSortEnabled !== undefined) {
+      params.multiSortEnabled = this.multiSortEnabled;
+    }
+    if (this.pageSize !== undefined) {
+      params.pageSize = this.pageSize;
+    }
+    if (this.tableTemplate !== undefined) {
+      params.tableTemplate = this.tableTemplate;
+    }
+    // Handle loading a layer, url, or itemId
+    if (this.layer !== undefined) {
+      params.layer = this.layer;
+    }
+    else if (this.url) {
+      params.layer = await newLayersFeatureLayer({ url: this.url });
+    }
+    else if (this.itemId) {
+      params.layer = await newLayersFeatureLayer({
+        portalItem: {
+          id: this.itemId
+        }
+      });
+    }
+    return params;
+  }
+  async _proxyEvents() {
+    this.widget?.highlightIds.on("change", (e) => this.rowSelectionChange.emit(e));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "attachmentsEnabled": ["attachmentsEnabledWatcher"],
+    "autoRefreshEnabled": ["autoRefreshEnabledWatcher"],
+    "columnReorderingEnabled": ["columnReorderingEnabledWatcher"],
+    "editingEnabled": ["editingEnabledWatcher"],
+    "filterGeometry": ["filterGeometryWatcher"],
+    "hiddenFields": ["hiddenFieldsWatcher"],
+    "highlightEnabled": ["highlightEnabledWatcher"],
+    "highlightIds": ["highlightIdsWatcher"],
+    "menuConfig": ["menuConfigWatcher"],
+    "multiSortEnabled": ["multiSortEnabledWatcher"],
+    "pageSize": ["pageSizeWatcher"],
+    "tableTemplate": ["tableTemplateWatcher"],
+    "itemId": ["itemIdWatcher"],
+    "layer": ["layerWatcher"],
+    "url": ["urlWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisFeatureTable.style = featureTableCss;
+
+export { ArcgisFeatureTable as arcgis_feature_table };

package/dist/esm/arcgis-feature-templates.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { B as newWidgetsFeatureTemplates } from './index-c227d296.js';
-import { c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { C as newWidgetsFeatureTemplates } from './index-307928e0.js';
+import { c as checkForView } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisFeatureTemplatesCss = "";
+const featureTemplatesCss = "";
 
 const ArcgisFeatureTemplates = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
@@ -64,6 +65,6 @@ const ArcgisFeatureTemplates = class {
     "layers": ["layersWatcher"]
   }; }
 };
-ArcgisFeatureTemplates.style = arcgisFeatureTemplatesCss;
+ArcgisFeatureTemplates.style = featureTemplatesCss;
 
 export { ArcgisFeatureTemplates as arcgis_feature_templates };

package/dist/esm/arcgis-feature.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { z as newWidgetsFeature } from './index-c227d296.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { y as newWidgetsFeature } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisFeatureCss = "";
+const featureCss = "";
 
 const ArcgisFeature = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.defaultPopupTemplateEnabled = undefined;
     this.graphic = undefined;
@@ -97,6 +98,6 @@ const ArcgisFeature = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisFeature.style = arcgisFeatureCss;
+ArcgisFeature.style = featureCss;
 
 export { ArcgisFeature as arcgis_feature };

package/dist/esm/arcgis-features.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { C as newWidgetsFeatures, i as importCoreReactiveUtils } from './index-c227d296.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { D as newWidgetsFeatures, a as importCoreReactiveUtils } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisFeaturesCss = "arcgis-features{}";
+const featuresCss = "arcgis-features{}";
 
 const ArcgisFeatures = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.view = undefined;
     this.position = "bottom-left";
@@ -92,15 +93,15 @@ const ArcgisFeatures = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.selectedFeature, (value) => (this.selectedFeature = value), {
+    addHandles(this, watch(() => this.widget.selectedFeature, (value) => (this.selectedFeature = value), {
       initial: true
-    });
-    watch(() => this.widget.selectedFeatureIndex, (value) => (this.selectedFeatureIndex = value), {
+    }));
+    addHandles(this, watch(() => this.widget.selectedFeatureIndex, (value) => (this.selectedFeatureIndex = value), {
       initial: true
-    });
-    watch(() => this.widget.selectedFeatureWidget, (value) => (this.selectedFeatureWidget = value), {
+    }));
+    addHandles(this, watch(() => this.widget.selectedFeatureWidget, (value) => (this.selectedFeatureWidget = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -124,6 +125,6 @@ const ArcgisFeatures = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisFeatures.style = arcgisFeaturesCss;
+ArcgisFeatures.style = featuresCss;
 
 export { ArcgisFeatures as arcgis_features };

package/dist/esm/arcgis-floor-filter.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { D as newWidgetsFloorFilter } from './index-c227d296.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { E as newWidgetsFloorFilter } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisFloorFilterCss = "";
+const floorFilterCss = "";
 
 const ArcgisFloorFilter = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.facility = undefined;
     this.level = undefined;
@@ -125,6 +126,6 @@ const ArcgisFloorFilter = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisFloorFilter.style = arcgisFloorFilterCss;
+ArcgisFloorFilter.style = floorFilterCss;
 
 export { ArcgisFloorFilter as arcgis_floor_filter };

package/dist/esm/arcgis-fullscreen.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { E as newWidgetsFullscreen } from './index-c227d296.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { F as newWidgetsFullscreen } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisFullscreenCss = "";
+const fullscreenCss = "";
 
 const ArcgisFullscreen = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.element = undefined;
     this.position = "bottom-left";
@@ -83,6 +84,6 @@ const ArcgisFullscreen = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisFullscreen.style = arcgisFullscreenCss;
+ArcgisFullscreen.style = fullscreenCss;
 
 export { ArcgisFullscreen as arcgis_fullscreen };

package/dist/esm/arcgis-histogram-range-slider.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { G as newWidgetsHistogramRangeSlider } from './index-c227d296.js';
-import { c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { H as newWidgetsHistogramRangeSlider } from './index-307928e0.js';
+import { c as checkForView } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisHistogramRangeSliderCss = "arcgis-histogram-range-slider{}";
+const histogramRangeSliderCss = "arcgis-histogram-range-slider{}";
 
 const ArcgisHistogramRangeSlider = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.max = 0;
     this.min = 0;
@@ -71,6 +72,6 @@ const ArcgisHistogramRangeSlider = class {
     "min": ["minWatcher"]
   }; }
 };
-ArcgisHistogramRangeSlider.style = arcgisHistogramRangeSliderCss;
+ArcgisHistogramRangeSlider.style = histogramRangeSliderCss;
 
 export { ArcgisHistogramRangeSlider as arcgis_histogram_range_slider };

package/dist/esm/arcgis-histogram.entry.js

@@ -1,12 +1,13 @@
-import { r as registerInstance, c as createEvent, g as getElement } from './index-eb3ead33.js';
-import { F as newWidgetsHistogram } from './index-c227d296.js';
+import { r as registerInstance, c as createEvent, g as getElement } from './index-d73b34b5.js';
+import { G as newWidgetsHistogram } from './index-307928e0.js';
 
-const arcgisHistogramCss = "arcgis-histogram{}";
+const histogramCss = "arcgis-histogram{}";
 
 const ArcgisHistogram = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
@@ -27,6 +28,6 @@ const ArcgisHistogram = class {
   }
   get el() { return getElement(this); }
 };
-ArcgisHistogram.style = arcgisHistogramCss;
+ArcgisHistogram.style = histogramCss;
 
 export { ArcgisHistogram as arcgis_histogram };

package/dist/esm/arcgis-home.entry.js

@@ -1,15 +1,16 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { H as newWidgetsHome } from './index-c227d296.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { I as newWidgetsHome } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisHomeCss = "arcgis-home{}";
+const homeCss = "arcgis-home{}";
 
 const ArcgisHome = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.goCalled = createEvent(this, "goCalled", 7);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.viewpoint = undefined;
     this.view = undefined;
@@ -99,6 +100,6 @@ const ArcgisHome = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisHome.style = arcgisHomeCss;
+ArcgisHome.style = homeCss;
 
 export { ArcgisHome as arcgis_home };

package/dist/esm/arcgis-layer-list.entry.js

@@ -1,15 +1,16 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { I as newWidgetsLayerList, i as importCoreReactiveUtils } from './index-c227d296.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { J as newWidgetsLayerList, a as importCoreReactiveUtils } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisLayerListCss = "";
+const layerListCss = "";
 
 const ArcgisLayerList = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.triggerActionEvent = createEvent(this, "triggerActionEvent", 7);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.multipleSelectionEnabled = undefined;
     this.operationalItems = undefined;
@@ -93,9 +94,9 @@ const ArcgisLayerList = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.operationalItems, (value) => (this.operationalItems = value), {
+    addHandles(this, watch(() => this.widget.operationalItems, (value) => (this.operationalItems = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -119,6 +120,6 @@ const ArcgisLayerList = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisLayerList.style = arcgisLayerListCss;
+ArcgisLayerList.style = layerListCss;
 
 export { ArcgisLayerList as arcgis_layer_list };

package/dist/esm/arcgis-legend.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { J as newWidgetsLegend } from './index-c227d296.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d73b34b5.js';
+import { K as newWidgetsLegend } from './index-307928e0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-6b40f5ab.js';
+import { o as onDisconnectedHelper } from './disconnected-dc405cac.js';
 
-const arcgisLegendCss = "";
+const legendCss = "";
 
 const ArcgisLegend = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.activeLayerInfos = undefined;
     this.basemapLegendVisible = undefined;
@@ -137,6 +138,6 @@ const ArcgisLegend = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisLegend.style = arcgisLegendCss;
+ArcgisLegend.style = legendCss;
 
 export { ArcgisLegend as arcgis_legend };