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

package/dist/cjs/arcgis-search.cjs.entry.js

@@ -0,0 +1,277 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b9b7643c.js');
+const index$1 = require('./index-c24d722b.js');
+const componentUtils = require('./component-utils-54ae1d40.js');
+const disconnected = require('./disconnected-86c5cc08.js');
+
+const searchCss = "";
+
+const ArcgisSearch = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this.searchBlur = index.createEvent(this, "searchBlur", 7);
+    this.searchClear = index.createEvent(this, "searchClear", 7);
+    this.searchComplete = index.createEvent(this, "searchComplete", 7);
+    this.searchFocus = index.createEvent(this, "searchFocus", 7);
+    this.searchStart = index.createEvent(this, "searchStart", 7);
+    this.selectResult = index.createEvent(this, "selectResult", 7);
+    this.suggestComplete = index.createEvent(this, "suggestComplete", 7);
+    this.suggestStart = index.createEvent(this, "suggestStart", 7);
+    this._watchHandles = [];
+    this.referenceElement = undefined;
+    this.activeMenu = undefined;
+    this.activeSource = undefined;
+    this.activeSourceIndex = undefined;
+    this.allPlaceholder = undefined;
+    this.allSources = undefined;
+    this.autoSelect = undefined;
+    this.defaultSources = undefined;
+    this.includeDefaultSources = undefined;
+    this.locationEnabled = undefined;
+    this.maxResults = undefined;
+    this.maxSuggestions = undefined;
+    this.minSuggestCharacters = undefined;
+    this.popupEnabled = undefined;
+    this.popupTemplate = undefined;
+    this.portal = undefined;
+    this.resultGraphic = undefined;
+    this.resultGraphicEnabled = undefined;
+    this.results = undefined;
+    this.searchAllEnabled = undefined;
+    this.searchTerm = undefined;
+    this.selectedResult = undefined;
+    this.sources = undefined;
+    this.suggestions = undefined;
+    this.suggestionsEnabled = undefined;
+    this.position = "top-right";
+    this.expandable = false;
+    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);
+      }
+    }
+  }
+  activeMenuWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.activeMenu = newValue;
+    }
+  }
+  activeSourceIndexWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.activeSourceIndex = newValue;
+    }
+  }
+  allPlaceholderWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.allPlaceholder = newValue;
+    }
+  }
+  autoSelectWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.autoSelect = newValue;
+    }
+  }
+  includeDefaultSourcesWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.includeDefaultSources = newValue;
+    }
+  }
+  locationEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.locationEnabled = newValue;
+    }
+  }
+  maxResultsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.maxResults = newValue;
+    }
+  }
+  maxSuggestionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.maxSuggestions = newValue;
+    }
+  }
+  minSuggestCharactersWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.minSuggestCharacters = newValue;
+    }
+  }
+  popupEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.popupEnabled = newValue;
+    }
+  }
+  popupTemplateWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.popupTemplate = newValue;
+    }
+  }
+  portalWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.portal = newValue;
+    }
+  }
+  resultGraphicEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.resultGraphicEnabled = newValue;
+    }
+  }
+  searchAllEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.searchAllEnabled = newValue;
+    }
+  }
+  searchTermWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.searchTerm = newValue;
+    }
+  }
+  sourcesWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.sources = newValue;
+    }
+  }
+  suggestionsEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.suggestionsEnabled = newValue;
+    }
+  }
+  referenceElementWatcher(newValue) {
+    componentUtils.referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async blurSearch() {
+    return this.widget?.blur();
+  }
+  async clearSearch() {
+    return this.widget?.clear();
+  }
+  async focusSearch() {
+    return this.widget?.focus();
+  }
+  async search(term) {
+    return this.widget?.search(term);
+  }
+  async suggest(term) {
+    return this.widget?.suggest(term);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await index$1.newWidgetsSearch(params);
+    this.widget = widget;
+    await this._addWatchers();
+    this._proxyEvents();
+    this.widgetReady.emit({ widget: this.widget });
+    componentUtils.checkForView(this);
+  }
+  disconnectedCallback() {
+    disconnected.onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return index.h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Interal Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await index$1.importCoreReactiveUtils();
+    componentUtils.addHandles(this, watch(() => this.widget.activeSource, (value) => (this.activeSource = value), {
+      initial: true
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.activeSourceIndex, (value) => (this.activeSourceIndex = value), {
+      initial: true
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.allSources, (value) => (this.allSources = value), {
+      initial: true
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.defaultSources, (value) => (this.defaultSources = value), {
+      initial: true
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.resultGraphic, (value) => (this.resultGraphic = value), {
+      initial: true
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.results, (value) => (this.results = value), {
+      initial: true
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.selectedResult, (value) => (this.selectedResult = value), {
+      initial: true
+    }));
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  _proxyEvents() {
+    this.widget.on("search-blur", (e) => this.searchBlur.emit(e));
+    this.widget.on("search-clear", (e) => this.searchClear.emit(e));
+    this.widget.on("search-complete", (e) => this.searchComplete.emit(e));
+    this.widget.on("search-focus", (e) => this.searchFocus.emit(e));
+    this.widget.on("search-start", (e) => this.searchStart.emit(e));
+    this.widget.on("select-result", (e) => this.selectResult.emit(e));
+    this.widget.on("suggest-complete", (e) => this.suggestComplete.emit(e));
+    this.widget.on("suggest-start", (e) => this.suggestStart.emit(e));
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "activeMenu": ["activeMenuWatcher"],
+    "activeSourceIndex": ["activeSourceIndexWatcher"],
+    "allPlaceholder": ["allPlaceholderWatcher"],
+    "autoSelect": ["autoSelectWatcher"],
+    "includeDefaultSources": ["includeDefaultSourcesWatcher"],
+    "locationEnabled": ["locationEnabledWatcher"],
+    "maxResults": ["maxResultsWatcher"],
+    "maxSuggestions": ["maxSuggestionsWatcher"],
+    "minSuggestCharacters": ["minSuggestCharactersWatcher"],
+    "popupEnabled": ["popupEnabledWatcher"],
+    "popupTemplate": ["popupTemplateWatcher"],
+    "portal": ["portalWatcher"],
+    "resultGraphicEnabled": ["resultGraphicEnabledWatcher"],
+    "searchAllEnabled": ["searchAllEnabledWatcher"],
+    "searchTerm": ["searchTermWatcher"],
+    "sources": ["sourcesWatcher"],
+    "suggestionsEnabled": ["suggestionsEnabledWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisSearch.style = searchCss;
+
+exports.arcgis_search = ArcgisSearch;

package/dist/cjs/arcgis-shadow-cast.cjs.entry.js

@@ -2,17 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b51d5a0.js');
-const index$1 = require('./index-bfda1cdc.js');
-const componentUtils = require('./component-utils-cbd20e88.js');
-const disconnected = require('./disconnected-306cb220.js');
+const index = require('./index-b9b7643c.js');
+const index$1 = require('./index-c24d722b.js');
+const componentUtils = require('./component-utils-54ae1d40.js');
+const disconnected = require('./disconnected-86c5cc08.js');
 
-const arcgisShadowCastCss = "arcgis-shadow-cast{}";
+const shadowCastCss = "arcgis-shadow-cast{}";
 
 const ArcgisShadowCast = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.view = undefined;
     this.position = "bottom-left";
@@ -90,6 +91,6 @@ const ArcgisShadowCast = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisShadowCast.style = arcgisShadowCastCss;
+ArcgisShadowCast.style = shadowCastCss;
 
 exports.arcgis_shadow_cast = ArcgisShadowCast;

package/dist/cjs/arcgis-sketch.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b51d5a0.js');
-const index$1 = require('./index-bfda1cdc.js');
-const componentUtils = require('./component-utils-cbd20e88.js');
-const disconnected = require('./disconnected-306cb220.js');
+const index = require('./index-b9b7643c.js');
+const index$1 = require('./index-c24d722b.js');
+const componentUtils = require('./component-utils-54ae1d40.js');
+const disconnected = require('./disconnected-86c5cc08.js');
 
-const arcgisSketchCss = "arcgis-sketch{}";
+const sketchCss = "arcgis-sketch{}";
 
 const ArcgisSketch = class {
   constructor(hostRef) {
@@ -18,6 +18,7 @@ const ArcgisSketch = class {
     this.sketchUndo = index.createEvent(this, "sketchUndo", 7);
     this.sketchUpdate = index.createEvent(this, "sketchUpdate", 7);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.activeTool = undefined;
     this.availableCreateTools = undefined;
@@ -131,15 +132,15 @@ const ArcgisSketch = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.activeTool, (value) => (this.activeTool = value), {
+    componentUtils.addHandles(this, watch(() => this.widget.activeTool, (value) => (this.activeTool = value), {
       initial: true
-    });
-    watch(() => this.widget.createGraphic, (value) => (this.createGraphic = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.createGraphic, (value) => (this.createGraphic = value), {
       initial: true
-    });
-    watch(() => this.widget.updateGraphics, (value) => (this.updateGraphics = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.updateGraphics, (value) => (this.updateGraphics = value), {
       initial: true
-    });
+    }));
   }
   async _createParams() {
     const graphicsLayerProps = {
@@ -196,6 +197,6 @@ const ArcgisSketch = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisSketch.style = arcgisSketchCss;
+ArcgisSketch.style = sketchCss;
 
 exports.arcgis_sketch = ArcgisSketch;

package/dist/cjs/arcgis-slice.cjs.entry.js

@@ -2,17 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b51d5a0.js');
-const index$1 = require('./index-bfda1cdc.js');
-const componentUtils = require('./component-utils-cbd20e88.js');
-const disconnected = require('./disconnected-306cb220.js');
+const index = require('./index-b9b7643c.js');
+const index$1 = require('./index-c24d722b.js');
+const componentUtils = require('./component-utils-54ae1d40.js');
+const disconnected = require('./disconnected-86c5cc08.js');
 
-const arcgisSliceCss = "arcgis-slice{}";
+const sliceCss = "arcgis-slice{}";
 
 const ArcgisSlice = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.analysis = undefined;
     this.view = undefined;
@@ -77,9 +78,9 @@ const ArcgisSlice = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.analysis, (value) => (this.analysis = value), {
+    componentUtils.addHandles(this, watch(() => this.widget.analysis, (value) => (this.analysis = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -98,6 +99,6 @@ const ArcgisSlice = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisSlice.style = arcgisSliceCss;
+ArcgisSlice.style = sliceCss;
 
 exports.arcgis_slice = ArcgisSlice;

package/dist/cjs/arcgis-slider.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b51d5a0.js');
-const index$1 = require('./index-bfda1cdc.js');
-const componentUtils = require('./component-utils-cbd20e88.js');
-const disconnected = require('./disconnected-306cb220.js');
+const index = require('./index-b9b7643c.js');
+const index$1 = require('./index-c24d722b.js');
+const componentUtils = require('./component-utils-54ae1d40.js');
+const disconnected = require('./disconnected-86c5cc08.js');
 
-const arcgisSliderCss = "arcgis-slider{min-width:200px;min-height:25px}";
+const sliderCss = "arcgis-slider{min-width:200px;min-height:25px}";
 
 const ArcgisSlider = class {
   constructor(hostRef) {
@@ -24,6 +24,7 @@ const ArcgisSlider = class {
     this.sliderTickClick = index.createEvent(this, "sliderTickClick", 7);
     this.sliderTrackClick = index.createEvent(this, "sliderTrackClick", 7);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.draggableSegmentsEnabled = undefined;
     this.effectiveMax = undefined;
@@ -160,30 +161,30 @@ const ArcgisSlider = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.effectiveSegmentElements, (value) => (this.effectiveSegmentElements = value), {
+    componentUtils.addHandles(this, watch(() => this.widget.effectiveSegmentElements, (value) => (this.effectiveSegmentElements = value), {
       initial: true
-    });
-    watch(() => this.widget.labelElements, (value) => (this.labelElements = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.labelElements, (value) => (this.labelElements = value), {
       initial: true
-    });
-    watch(() => this.widget.maxLabelElement, (value) => (this.maxLabelElement = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.maxLabelElement, (value) => (this.maxLabelElement = value), {
       initial: true
-    });
-    watch(() => this.widget.minLabelElement, (value) => (this.minLabelElement = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.minLabelElement, (value) => (this.minLabelElement = value), {
       initial: true
-    });
-    watch(() => this.widget.segmentElements, (value) => (this.segmentElements = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.segmentElements, (value) => (this.segmentElements = value), {
       initial: true
-    });
-    watch(() => this.widget.thumbElements, (value) => (this.thumbElements = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.thumbElements, (value) => (this.thumbElements = value), {
       initial: true
-    });
-    watch(() => this.widget.tickElements, (value) => (this.tickElements = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.tickElements, (value) => (this.tickElements = value), {
       initial: true
-    });
-    watch(() => this.widget.trackElement, (value) => (this.trackElement = value), {
+    }));
+    componentUtils.addHandles(this, watch(() => this.widget.trackElement, (value) => (this.trackElement = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -228,6 +229,6 @@ const ArcgisSlider = class {
     "values": ["valuesWatcher"]
   }; }
 };
-ArcgisSlider.style = arcgisSliderCss;
+ArcgisSlider.style = sliderCss;
 
 exports.arcgis_slider = ArcgisSlider;

package/dist/cjs/arcgis-swipe.cjs.entry.js

@@ -2,17 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b51d5a0.js');
-const index$1 = require('./index-bfda1cdc.js');
-const componentUtils = require('./component-utils-cbd20e88.js');
-const disconnected = require('./disconnected-306cb220.js');
+const index = require('./index-b9b7643c.js');
+const index$1 = require('./index-c24d722b.js');
+const componentUtils = require('./component-utils-54ae1d40.js');
+const disconnected = require('./disconnected-86c5cc08.js');
 
-const arcgisSwipeCss = "arcgis-swipe{}";
+const swipeCss = "arcgis-swipe{}";
 
 const ArcgisSwipe = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.direction = undefined;
     this.dragLabel = undefined;
@@ -112,6 +113,6 @@ const ArcgisSwipe = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisSwipe.style = arcgisSwipeCss;
+ArcgisSwipe.style = swipeCss;
 
 exports.arcgis_swipe = ArcgisSwipe;

package/dist/cjs/arcgis-table-list.cjs.entry.js

@@ -2,18 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b51d5a0.js');
-const index$1 = require('./index-bfda1cdc.js');
-const componentUtils = require('./component-utils-cbd20e88.js');
-const disconnected = require('./disconnected-306cb220.js');
+const index = require('./index-b9b7643c.js');
+const index$1 = require('./index-c24d722b.js');
+const componentUtils = require('./component-utils-54ae1d40.js');
+const disconnected = require('./disconnected-86c5cc08.js');
 
-const arcgisTableListCss = "arcgis-table-list{}";
+const tableListCss = "arcgis-table-list{}";
 
 const ArcgisTableList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.triggerAction = index.createEvent(this, "triggerAction", 7);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.multipleSelectionEnabled = false;
     this.selectionEnabled = true;
@@ -84,8 +85,8 @@ const ArcgisTableList = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.selectedItems, (value) => (this.selectedItems = value));
-    watch(() => this.widget.tableItems, (value) => (this.tableItems = value));
+    componentUtils.addHandles(this, watch(() => this.widget.selectedItems, (value) => (this.selectedItems = value)));
+    componentUtils.addHandles(this, watch(() => this.widget.tableItems, (value) => (this.tableItems = value)));
   }
   _createParams() {
     const params = {
@@ -113,6 +114,6 @@ const ArcgisTableList = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisTableList.style = arcgisTableListCss;
+ArcgisTableList.style = tableListCss;
 
 exports.arcgis_table_list = ArcgisTableList;

package/dist/cjs/arcgis-time-slider.cjs.entry.js

@@ -2,18 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b51d5a0.js');
-const index$1 = require('./index-bfda1cdc.js');
-const componentUtils = require('./component-utils-cbd20e88.js');
-const disconnected = require('./disconnected-306cb220.js');
+const index = require('./index-b9b7643c.js');
+const index$1 = require('./index-c24d722b.js');
+const componentUtils = require('./component-utils-54ae1d40.js');
+const disconnected = require('./disconnected-86c5cc08.js');
 
-const arcgisTimeSliderCss = "arcgis-time-slider{}";
+const timeSliderCss = "arcgis-time-slider{}";
 
 const ArcgisTimeSlider = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.triggerAction = index.createEvent(this, "triggerAction", 7);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.actions = undefined;
     this.effectiveStops = undefined;
@@ -148,9 +149,9 @@ const ArcgisTimeSlider = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.effectiveStops, (value) => (this.effectiveStops = value), {
+    componentUtils.addHandles(this, watch(() => this.widget.effectiveStops, (value) => (this.effectiveStops = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -211,6 +212,6 @@ const ArcgisTimeSlider = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisTimeSlider.style = arcgisTimeSliderCss;
+ArcgisTimeSlider.style = timeSliderCss;
 
 exports.arcgis_time_slider = ArcgisTimeSlider;

package/dist/cjs/arcgis-track.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b51d5a0.js');
-const index$1 = require('./index-bfda1cdc.js');
-const componentUtils = require('./component-utils-cbd20e88.js');
-const disconnected = require('./disconnected-306cb220.js');
+const index = require('./index-b9b7643c.js');
+const index$1 = require('./index-c24d722b.js');
+const componentUtils = require('./component-utils-54ae1d40.js');
+const disconnected = require('./disconnected-86c5cc08.js');
 
-const arcgisTrackCss = "";
+const trackCss = "";
 
 const ArcgisTrack = class {
   constructor(hostRef) {
@@ -15,6 +15,7 @@ const ArcgisTrack = class {
     this.trackComplete = index.createEvent(this, "trackComplete", 7);
     this.trackError = index.createEvent(this, "trackError", 7);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.geolocationOptions = undefined;
     this.goToLocationEnabled = undefined;
@@ -98,9 +99,9 @@ const ArcgisTrack = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.tracking, (value) => (this.tracking = value), {
+    componentUtils.addHandles(this, watch(() => this.widget.tracking, (value) => (this.tracking = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -142,6 +143,6 @@ const ArcgisTrack = class {
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisTrack.style = arcgisTrackCss;
+ArcgisTrack.style = trackCss;
 
 exports.arcgis_track = ArcgisTrack;