@arcgis/map-components 4.29.0-beta.4 → 4.29.0-beta.40

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-f95f0426.js');
+const index$1 = require('./index-3c85172f.js');
+const componentUtils = require('./component-utils-70169d9c.js');
+const disconnected = require('./disconnected-efe16c70.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;
@@ -26,28 +27,27 @@ const ArcgisTimeSlider = class {
     this.tickConfigs = undefined;
     this.timeExtent = undefined;
     this.timeVisible = undefined;
+    this.timeZone = undefined;
     this.view = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    componentUtils.referenceElementHelper(this, newValue);
+  }
   actionsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.actions = newValue;
     }
   }
   fullTimeExtentWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.fullTimeExtent = newValue;
     }
   }
   layoutWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.layout = newValue;
     }
   }
@@ -57,7 +57,7 @@ const ArcgisTimeSlider = class {
     }
   }
   modeWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.mode = newValue;
     }
   }
@@ -67,17 +67,17 @@ const ArcgisTimeSlider = class {
     }
   }
   stopsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.stops = newValue;
     }
   }
   tickConfigsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.tickConfigs = newValue;
     }
   }
   timeExtentWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.timeExtent = newValue;
     }
   }
@@ -86,21 +86,21 @@ const ArcgisTimeSlider = class {
       this.widget.timeVisible = newValue;
     }
   }
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+  timeZoneWatcher(newValue) {
+    if (this.widget) {
+      this.widget.timeZone = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    componentUtils.referenceElementHelper(this, newValue);
-  }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.view = newValue;
     }
   }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Methods
@@ -148,9 +148,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 = {
@@ -186,6 +186,9 @@ const ArcgisTimeSlider = class {
     if (this.timeVisible !== undefined) {
       params.timeVisible = this.timeVisible;
     }
+    if (this.timeZone) {
+      params.timeZone = this.timeZone;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -196,6 +199,7 @@ const ArcgisTimeSlider = class {
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
     "actions": ["actionsWatcher"],
     "fullTimeExtent": ["fullTimeExtentWatcher"],
     "layout": ["layoutWatcher"],
@@ -206,11 +210,13 @@ const ArcgisTimeSlider = class {
     "tickConfigs": ["tickConfigsWatcher"],
     "timeExtent": ["timeExtentWatcher"],
     "timeVisible": ["timeVisibleWatcher"],
-    "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "timeZone": ["timeZoneWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }; }
 };
-ArcgisTimeSlider.style = arcgisTimeSliderCss;
+ArcgisTimeSlider.style = timeSliderCss;
 
 exports.arcgis_time_slider = ArcgisTimeSlider;
+
+//# sourceMappingURL=arcgis-time-slider.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-time-slider.entry.cjs.js","mappings":"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","names":["referenceElementHelper","newWidgetsTimeSlider","checkForView","onDisconnectedHelper","h","importCoreReactiveUtils","addHandles"],"sources":["src/components/time-slider/time-slider.css?tag=arcgis-time-slider","src/components/time-slider/time-slider.tsx"],"sourcesContent":["arcgis-time-slider {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, Method, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsTimeSlider } from \"@arcgis/core-adapter\";\nimport type TimeSlider from \"@arcgis/core/widgets/TimeSlider\";\nimport { ArcgisReferenceElement, addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type TimeSliderWidget = InstanceType<typeof TimeSlider>;\n\n@Component({\n  tag: \"arcgis-time-slider\",\n  styleUrl: \"time-slider.css\"\n})\nexport class ArcgisTimeSlider implements ExpandableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Elements\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  expandElem: HTMLArcgisExpandElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop() actions: TimeSliderWidget[\"actions\"];\n\n  @Watch(\"actions\")\n  actionsWatcher(newValue: TimeSliderWidget[\"actions\"]): void {\n    if (this.widget) {\n      this.widget.actions = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) effectiveStops: TimeSliderWidget[\"effectiveStops\"];\n\n  @Prop() fullTimeExtent: TimeSliderWidget[\"fullTimeExtent\"];\n\n  @Watch(\"fullTimeExtent\")\n  fullTimeExtentWatcher(newValue: TimeSliderWidget[\"fullTimeExtent\"]): void {\n    if (this.widget) {\n      this.widget.fullTimeExtent = newValue;\n    }\n  }\n\n  @Prop() layout: TimeSliderWidget[\"layout\"];\n\n  @Watch(\"layout\")\n  layoutWatcher(newValue: TimeSliderWidget[\"layout\"]): void {\n    if (this.widget) {\n      this.widget.layout = newValue;\n    }\n  }\n\n  @Prop() loop: TimeSliderWidget[\"loop\"];\n\n  @Watch(\"loop\")\n  loopWatcher(newValue: TimeSliderWidget[\"loop\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.loop = newValue;\n    }\n  }\n\n  @Prop() mode: TimeSliderWidget[\"mode\"];\n\n  @Watch(\"mode\")\n  modeWatcher(newValue: TimeSliderWidget[\"mode\"]): void {\n    if (this.widget) {\n      this.widget.mode = newValue;\n    }\n  }\n\n  @Prop() playRate: TimeSliderWidget[\"playRate\"];\n\n  @Watch(\"playRate\")\n  playRateWatcher(newValue: TimeSliderWidget[\"playRate\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.playRate = newValue;\n    }\n  }\n\n  @Prop() stops: TimeSliderWidget[\"stops\"];\n\n  @Watch(\"stops\")\n  stopsWatcher(newValue: TimeSliderWidget[\"stops\"]): void {\n    if (this.widget) {\n      this.widget.stops = newValue;\n    }\n  }\n\n  @Prop() tickConfigs: TimeSliderWidget[\"tickConfigs\"];\n\n  @Watch(\"tickConfigs\")\n  tickConfigsWatcher(newValue: TimeSliderWidget[\"tickConfigs\"]): void {\n    if (this.widget) {\n      this.widget.tickConfigs = newValue;\n    }\n  }\n\n  @Prop() timeExtent: TimeSliderWidget[\"timeExtent\"];\n\n  @Watch(\"timeExtent\")\n  timeExtentWatcher(newValue: TimeSliderWidget[\"timeExtent\"]): void {\n    if (this.widget) {\n      this.widget.timeExtent = newValue;\n    }\n  }\n\n  @Prop() timeVisible: TimeSliderWidget[\"timeVisible\"];\n\n  @Watch(\"timeVisible\")\n  timeVisibleWatcher(newValue: TimeSliderWidget[\"timeVisible\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.timeVisible = newValue;\n    }\n  }\n\n  @Prop() timeZone: TimeSliderWidget[\"timeZone\"];\n\n  @Watch(\"timeZone\")\n  timeZoneWatcher(newValue: TimeSliderWidget[\"timeZone\"]): void {\n    if (this.widget) {\n      this.widget.timeZone = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView | ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) widget: TimeSliderWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) triggerAction: EventEmitter<__esri.TimeSliderTriggerActionEvent>;\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.TimeSlider }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async next(): Promise<void> {\n    return this.widget?.next();\n  }\n\n  @Method()\n  async play(): Promise<void> {\n    return this.widget?.play();\n  }\n\n  @Method()\n  async previous(): Promise<void> {\n    return this.widget?.previous();\n  }\n\n  @Method()\n  async stop(): Promise<void> {\n    return this.widget?.stop();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsTimeSlider(params);\n\n    this.widget = widget;\n\n    await this._addWatchers();\n\n    this._proxyEvents();\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el as HTMLArcgisExpandElement)}>\n          <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.effectiveStops,\n        (value) => (this.effectiveStops = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<TimeSliderWidget> {\n    const params: Partial<TimeSliderWidget> = {\n      container: this.childElem\n    };\n\n    if (this.actions !== undefined) {\n      params.actions = this.actions;\n    }\n\n    if (this.fullTimeExtent !== undefined) {\n      params.fullTimeExtent = this.fullTimeExtent;\n    }\n\n    if (this.layout !== undefined) {\n      params.layout = this.layout;\n    }\n\n    if (this.loop !== undefined) {\n      params.loop = this.loop;\n    }\n\n    if (this.mode !== undefined) {\n      params.mode = this.mode;\n    }\n\n    if (this.playRate !== undefined) {\n      params.playRate = this.playRate;\n    }\n\n    if (this.stops !== undefined) {\n      params.stops = this.stops;\n    }\n\n    if (this.tickConfigs !== undefined) {\n      params.tickConfigs = this.tickConfigs;\n    }\n\n    if (this.timeExtent !== undefined) {\n      params.timeExtent = this.timeExtent;\n    }\n\n    if (this.timeVisible !== undefined) {\n      params.timeVisible = this.timeVisible;\n    }\n\n    if (this.timeZone) {\n      params.timeZone = this.timeZone;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n\n  private async _proxyEvents() {\n    this.widget?.on(\"trigger-action\", (e) => this.triggerAction.emit(e));\n  }\n}\n"],"version":3}

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-f95f0426.js');
+const index$1 = require('./index-3c85172f.js');
+const componentUtils = require('./component-utils-70169d9c.js');
+const disconnected = require('./disconnected-efe16c70.js');
 
-const arcgisTrackCss = "";
+const trackCss = "";
 
 const ArcgisTrack = class {
   constructor(hostRef) {
@@ -15,28 +15,20 @@ 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;
     this.graphic = undefined;
     this.scale = undefined;
     this.tracking = undefined;
-    this.useHeadingEnabled = undefined;
+    this.rotationEnabled = undefined;
     this.position = "bottom-left";
     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);
-      }
-    }
+  referenceElementWatcher(newValue) {
+    componentUtils.referenceElementHelper(this, newValue);
   }
   geolocationOptionsWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -49,7 +41,7 @@ const ArcgisTrack = class {
     }
   }
   graphicWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.graphic = newValue;
     }
   }
@@ -58,13 +50,15 @@ const ArcgisTrack = class {
       this.widget.scale = newValue;
     }
   }
-  useHeadingEnabledWatcher(newValue) {
+  rotationEnabledWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      this.widget.useHeadingEnabled = newValue;
+      this.widget.rotationEnabled = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    componentUtils.referenceElementHelper(this, newValue);
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -98,9 +92,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 = {
@@ -115,8 +109,8 @@ const ArcgisTrack = class {
     if (this.graphic !== undefined) {
       params.graphic = this.graphic;
     }
-    if (this.useHeadingEnabled !== undefined) {
-      params.useHeadingEnabled = this.useHeadingEnabled;
+    if (this.rotationEnabled !== undefined) {
+      params.rotationEnabled = this.rotationEnabled;
     }
     if (this.scale !== undefined) {
       params.scale = this.scale;
@@ -132,16 +126,18 @@ const ArcgisTrack = class {
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "geolocationOptions": ["geolocationOptionsWatcher"],
     "goToLocationEnabled": ["goToLocationEnabledWatcher"],
     "graphic": ["graphicWatcher"],
     "scale": ["scaleWatcher"],
-    "useHeadingEnabled": ["useHeadingEnabledWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "rotationEnabled": ["rotationEnabledWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisTrack.style = arcgisTrackCss;
+ArcgisTrack.style = trackCss;
 
 exports.arcgis_track = ArcgisTrack;
+
+//# sourceMappingURL=arcgis-track.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-track.entry.cjs.js","mappings":"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","names":["referenceElementHelper","newWidgetsTrack","checkForView","onDisconnectedHelper","h","importCoreReactiveUtils","addHandles"],"sources":["src/components/track/track.css?tag=arcgis-track","src/components/track/track.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsTrack } from \"@arcgis/core-adapter\";\nimport type Track from \"@arcgis/core/widgets/Track\";\nimport {\n  ArcgisReferenceElement,\n  WidgetElement,\n  addHandles,\n  checkForView,\n  referenceElementHelper\n} from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type TrackWidget = InstanceType<typeof Track>;\n\n@Component({\n  tag: \"arcgis-track\",\n  styleUrl: \"track.css\",\n  shadow: false\n})\nexport class ArcgisTrack implements WidgetElement {\n  //--------------------------------------------------------------------------\n  //\n  //  Elements\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop() geolocationOptions: TrackWidget[\"geolocationOptions\"];\n\n  @Watch(\"geolocationOptions\")\n  geolocationOptionsWatcher(newValue: TrackWidget[\"geolocationOptions\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.geolocationOptions = newValue;\n    }\n  }\n\n  @Prop() goToLocationEnabled: TrackWidget[\"goToLocationEnabled\"];\n\n  @Watch(\"goToLocationEnabled\")\n  goToLocationEnabledWatcher(newValue: TrackWidget[\"goToLocationEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.goToLocationEnabled = newValue;\n    }\n  }\n\n  @Prop() graphic: TrackWidget[\"graphic\"];\n\n  @Watch(\"graphic\")\n  graphicWatcher(newValue: TrackWidget[\"graphic\"]): void {\n    if (this.widget) {\n      this.widget.graphic = newValue;\n    }\n  }\n\n  @Prop() scale: TrackWidget[\"scale\"];\n\n  @Watch(\"scale\")\n  scaleWatcher(newValue: TrackWidget[\"scale\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.scale = newValue;\n    }\n  }\n\n  @Prop({ mutable: true, reflect: true }) tracking: TrackWidget[\"tracking\"];\n\n  @Prop() rotationEnabled: TrackWidget[\"rotationEnabled\"];\n\n  @Watch(\"rotationEnabled\")\n  rotationEnabledWatcher(newValue: TrackWidget[\"rotationEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.rotationEnabled = newValue;\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView | ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: TrackWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) trackComplete: EventEmitter<__esri.TrackTrackEvent>;\n\n  @Event({ cancelable: true }) trackError: EventEmitter<__esri.TrackTrackErrorEvent>;\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Track }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsTrack(params);\n\n    this.widget = widget;\n\n    await this._addWatchers();\n\n    this._proxyEvents();\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.tracking,\n        (value) => (this.tracking = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<TrackWidget> {\n    const params: Partial<TrackWidget> = {\n      container: this.childElem\n    };\n\n    if (this.geolocationOptions !== undefined) {\n      params.geolocationOptions = this.geolocationOptions;\n    }\n\n    if (this.goToLocationEnabled !== undefined) {\n      params.goToLocationEnabled = this.goToLocationEnabled;\n    }\n\n    if (this.graphic !== undefined) {\n      params.graphic = this.graphic;\n    }\n\n    if (this.rotationEnabled !== undefined) {\n      params.rotationEnabled = this.rotationEnabled;\n    }\n\n    if (this.scale !== undefined) {\n      params.scale = this.scale;\n    }\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n\n  private _proxyEvents() {\n    this.widget.on(\"track\", (e) => this.trackComplete.emit(e));\n    this.widget.on(\"track-error\", (e) => this.trackError.emit(e));\n  }\n}\n"],"version":3}

package/dist/cjs/arcgis-utility-network-associations.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-f95f0426.js');
+const index$1 = require('./index-3c85172f.js');
+const componentUtils = require('./component-utils-70169d9c.js');
+const disconnected = require('./disconnected-efe16c70.js');
 
-const arcgisUtilityNetworkAssociationsCss = "arcgis-utility-network-associations{}";
+const utilityNetworkAssociationsCss = "arcgis-utility-network-associations{}";
 
 const ArcgisUtilityNetworkAssociations = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.autoRefreshAssociations = undefined;
     this.connectivityAssociationsLineSymbol = undefined;
@@ -27,22 +28,14 @@ const ArcgisUtilityNetworkAssociations = class {
     this.showAssociationsEnabled = undefined;
     this.structuralAttachmentAssociationsLineSymbol = undefined;
     this.utilityNetwork = undefined;
+    this.visibleElements = undefined;
     this.view = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
+  referenceElementWatcher(newValue) {
+    componentUtils.referenceElementHelper(this, newValue);
   }
   autoRefreshAssociationsWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -50,7 +43,7 @@ const ArcgisUtilityNetworkAssociations = class {
     }
   }
   connectivityAssociationsLineSymbolWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.connectivityAssociationsLineSymbol = newValue;
     }
   }
@@ -100,23 +93,18 @@ const ArcgisUtilityNetworkAssociations = class {
     }
   }
   structuralAttachmentAssociationsLineSymbolWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.structuralAttachmentAssociationsLineSymbol = newValue;
     }
   }
   utilityNetworkWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.utilityNetwork = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    if (typeof newValue === "string") {
-      componentUtils.updateForView(newValue).then((view) => {
-        this.widget.view = view;
-      });
-    }
-    else if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue.view;
+  visibleElementsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.visibleElements = newValue;
     }
   }
   viewWatcher(newValue) {
@@ -124,6 +112,11 @@ const ArcgisUtilityNetworkAssociations = class {
       this.widget.view = newValue;
     }
   }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -193,11 +186,14 @@ const ArcgisUtilityNetworkAssociations = class {
     if (this.utilityNetwork !== undefined) {
       params.utilityNetwork = this.utilityNetwork;
     }
+    if (this.visibleElements !== undefined) {
+      params.visibleElements = this.visibleElements;
+    }
     return params;
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "autoRefreshAssociations": ["autoRefreshAssociationsWatcher"],
     "connectivityAssociationsLineSymbol": ["connectivityAssociationsLineSymbolWatcher"],
     "includeConnectivityAssociations": ["includeConnectivityAssociationsWatcher"],
@@ -211,10 +207,13 @@ const ArcgisUtilityNetworkAssociations = class {
     "showAssociationsEnabled": ["showAssociationsEnabledWatcher"],
     "structuralAttachmentAssociationsLineSymbol": ["structuralAttachmentAssociationsLineSymbolWatcher"],
     "utilityNetwork": ["utilityNetworkWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "visibleElements": ["visibleElementsWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }; }
 };
-ArcgisUtilityNetworkAssociations.style = arcgisUtilityNetworkAssociationsCss;
+ArcgisUtilityNetworkAssociations.style = utilityNetworkAssociationsCss;
 
 exports.arcgis_utility_network_associations = ArcgisUtilityNetworkAssociations;
+
+//# sourceMappingURL=arcgis-utility-network-associations.cjs.entry.js.map

package/dist/cjs/arcgis-utility-network-associations.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-utility-network-associations.entry.cjs.js","mappings":"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","names":["referenceElementHelper","newWidgetsUtilityNetworkAssociations","checkForView","onDisconnectedHelper","h"],"sources":["src/components/utility-network-associations/utility-network-associations.css?tag=arcgis-utility-network-associations","src/components/utility-network-associations/utility-network-associations.tsx"],"sourcesContent":["arcgis-utility-network-associations {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsUtilityNetworkAssociations } from \"@arcgis/core-adapter\";\nimport type UtilityNetworkAssociations from \"@arcgis/core/widgets/UtilityNetworkAssociations\";\nimport { ArcgisReferenceElement, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView } from \"../types\";\n\nexport type UtilityNetworkAssociationsWidget = InstanceType<typeof UtilityNetworkAssociations>;\n\n@Component({\n  tag: \"arcgis-utility-network-associations\",\n  styleUrl: \"utility-network-associations.css\"\n})\nexport class ArcgisUtilityNetworkAssociations implements ExpandableComponent {\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  expandElem: HTMLArcgisExpandElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop() autoRefreshAssociations: UtilityNetworkAssociationsWidget[\"autoRefreshAssociations\"];\n\n  @Watch(\"autoRefreshAssociations\")\n  autoRefreshAssociationsWatcher(newValue: UtilityNetworkAssociationsWidget[\"autoRefreshAssociations\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.autoRefreshAssociations = newValue;\n    }\n  }\n\n  @Prop() connectivityAssociationsLineSymbol: UtilityNetworkAssociationsWidget[\"connectivityAssociationsLineSymbol\"];\n\n  @Watch(\"connectivityAssociationsLineSymbol\")\n  connectivityAssociationsLineSymbolWatcher(\n    newValue: UtilityNetworkAssociationsWidget[\"connectivityAssociationsLineSymbol\"]\n  ): void {\n    if (this.widget) {\n      this.widget.connectivityAssociationsLineSymbol = newValue;\n    }\n  }\n\n  @Prop() includeConnectivityAssociations: UtilityNetworkAssociationsWidget[\"includeConnectivityAssociations\"];\n\n  @Watch(\"includeConnectivityAssociations\")\n  includeConnectivityAssociationsWatcher(\n    newValue: UtilityNetworkAssociationsWidget[\"includeConnectivityAssociations\"]\n  ): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.includeConnectivityAssociations = newValue;\n    }\n  }\n\n  @Prop()\n  includeStructuralAttachmentAssociations: UtilityNetworkAssociationsWidget[\"includeStructuralAttachmentAssociations\"];\n\n  @Watch(\"includeStructuralAttachmentAssociations\")\n  includeStructuralAttachmentAssociationsWatcher(\n    newValue: UtilityNetworkAssociationsWidget[\"includeStructuralAttachmentAssociations\"]\n  ): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.includeStructuralAttachmentAssociations = newValue;\n    }\n  }\n\n  @Prop() maxAllowableAssociations: UtilityNetworkAssociationsWidget[\"maxAllowableAssociations\"];\n\n  @Watch(\"maxAllowableAssociations\")\n  maxAllowableAssociationsWatcher(newValue: UtilityNetworkAssociationsWidget[\"maxAllowableAssociations\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.maxAllowableAssociations = newValue;\n    }\n  }\n\n  @Prop() maxAllowableAssociationsSliderMax: UtilityNetworkAssociationsWidget[\"maxAllowableAssociationsSliderMax\"];\n\n  @Watch(\"maxAllowableAssociationsSliderMax\")\n  maxAllowableAssociationsSliderMaxWatcher(\n    newValue: UtilityNetworkAssociationsWidget[\"maxAllowableAssociationsSliderMax\"]\n  ): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.maxAllowableAssociationsSliderMax = newValue;\n    }\n  }\n\n  @Prop() maxAllowableAssociationsSliderMin: UtilityNetworkAssociationsWidget[\"maxAllowableAssociationsSliderMin\"];\n\n  @Watch(\"maxAllowableAssociationsSliderMin\")\n  maxAllowableAssociationsSliderMinWatcher(\n    newValue: UtilityNetworkAssociationsWidget[\"maxAllowableAssociationsSliderMin\"]\n  ): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.maxAllowableAssociationsSliderMin = newValue;\n    }\n  }\n\n  @Prop() maxAllowableAssociationsSliderStep: UtilityNetworkAssociationsWidget[\"maxAllowableAssociationsSliderStep\"];\n\n  @Watch(\"maxAllowableAssociationsSliderStep\")\n  maxAllowableAssociationsSliderStepWatcher(\n    newValue: UtilityNetworkAssociationsWidget[\"maxAllowableAssociationsSliderStep\"]\n  ): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.maxAllowableAssociationsSliderStep = newValue;\n    }\n  }\n\n  @Prop() showArrowsConnectivity: UtilityNetworkAssociationsWidget[\"showArrowsConnectivity\"];\n\n  @Watch(\"showArrowsConnectivity\")\n  showArrowsConnectivityWatcher(newValue: UtilityNetworkAssociationsWidget[\"showArrowsConnectivity\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.showArrowsConnectivity = newValue;\n    }\n  }\n\n  @Prop() showArrowsStructuralAttachment: UtilityNetworkAssociationsWidget[\"showArrowsStructuralAttachment\"];\n\n  @Watch(\"showArrowsStructuralAttachment\")\n  showArrowsStructuralAttachmentWatcher(\n    newValue: UtilityNetworkAssociationsWidget[\"showArrowsStructuralAttachment\"]\n  ): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.showArrowsStructuralAttachment = newValue;\n    }\n  }\n\n  @Prop() showAssociationsEnabled: UtilityNetworkAssociationsWidget[\"showAssociationsEnabled\"];\n\n  @Watch(\"showAssociationsEnabled\")\n  showAssociationsEnabledWatcher(newValue: UtilityNetworkAssociationsWidget[\"showAssociationsEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.showAssociationsEnabled = newValue;\n    }\n  }\n\n  @Prop()\n  structuralAttachmentAssociationsLineSymbol: UtilityNetworkAssociationsWidget[\"structuralAttachmentAssociationsLineSymbol\"];\n\n  @Watch(\"structuralAttachmentAssociationsLineSymbol\")\n  structuralAttachmentAssociationsLineSymbolWatcher(\n    newValue: UtilityNetworkAssociationsWidget[\"structuralAttachmentAssociationsLineSymbol\"]\n  ): void {\n    if (this.widget) {\n      this.widget.structuralAttachmentAssociationsLineSymbol = newValue;\n    }\n  }\n\n  @Prop() utilityNetwork: UtilityNetworkAssociationsWidget[\"utilityNetwork\"];\n\n  @Watch(\"utilityNetwork\")\n  utilityNetworkWatcher(newValue: UtilityNetworkAssociationsWidget[\"utilityNetwork\"]): void {\n    if (this.widget) {\n      this.widget.utilityNetwork = newValue;\n    }\n  }\n\n  @Prop() visibleElements: UtilityNetworkAssociationsWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: UtilityNetworkAssociationsWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) view: ArcGISMapView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) widget: UtilityNetworkAssociationsWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.UtilityNetworkAssociations }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsUtilityNetworkAssociations(params);\n\n    this.widget = widget;\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el as HTMLArcgisExpandElement)}>\n          <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): Partial<UtilityNetworkAssociationsWidget> {\n    const params: Partial<UtilityNetworkAssociationsWidget> = {\n      container: this.childElem\n    };\n\n    if (this.autoRefreshAssociations !== undefined) {\n      params.autoRefreshAssociations = this.autoRefreshAssociations;\n    }\n\n    if (this.connectivityAssociationsLineSymbol !== undefined) {\n      params.connectivityAssociationsLineSymbol = this.connectivityAssociationsLineSymbol;\n    }\n\n    if (this.includeConnectivityAssociations !== undefined) {\n      params.includeConnectivityAssociations = this.includeConnectivityAssociations;\n    }\n\n    if (this.includeStructuralAttachmentAssociations !== undefined) {\n      params.includeStructuralAttachmentAssociations = this.includeStructuralAttachmentAssociations;\n    }\n\n    if (this.maxAllowableAssociations !== undefined) {\n      params.maxAllowableAssociations = this.maxAllowableAssociations;\n    }\n\n    if (this.maxAllowableAssociationsSliderMax !== undefined) {\n      params.maxAllowableAssociationsSliderMax = this.maxAllowableAssociationsSliderMax;\n    }\n\n    if (this.maxAllowableAssociationsSliderMin !== undefined) {\n      params.maxAllowableAssociationsSliderMin = this.maxAllowableAssociationsSliderMin;\n    }\n\n    if (this.maxAllowableAssociationsSliderStep !== undefined) {\n      params.maxAllowableAssociationsSliderStep = this.maxAllowableAssociationsSliderStep;\n    }\n\n    if (this.showArrowsConnectivity !== undefined) {\n      params.showArrowsConnectivity = this.showArrowsConnectivity;\n    }\n\n    if (this.showArrowsStructuralAttachment !== undefined) {\n      params.showArrowsStructuralAttachment = this.showArrowsStructuralAttachment;\n    }\n\n    if (this.showAssociationsEnabled !== undefined) {\n      params.showAssociationsEnabled = this.showAssociationsEnabled;\n    }\n\n    if (this.structuralAttachmentAssociationsLineSymbol !== undefined) {\n      params.structuralAttachmentAssociationsLineSymbol = this.structuralAttachmentAssociationsLineSymbol;\n    }\n\n    if (this.utilityNetwork !== undefined) {\n      params.utilityNetwork = this.utilityNetwork;\n    }\n\n    if (this.visibleElements !== undefined) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

package/dist/cjs/arcgis-utility-network-trace.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-f95f0426.js');
+const index$1 = require('./index-3c85172f.js');
+const componentUtils = require('./component-utils-70169d9c.js');
+const disconnected = require('./disconnected-efe16c70.js');
 
-const arcgisUtilityNetworkTraceCss = "";
+const utilityNetworkTraceCss = "";
 
 const ArcgisUtilityNetworkTrace = class {
   constructor(hostRef) {
@@ -16,6 +16,7 @@ const ArcgisUtilityNetworkTrace = class {
     this.traceAddFlagComplete = index.createEvent(this, "traceAddFlagComplete", 7);
     this.traceAddFlagError = index.createEvent(this, "traceAddFlagError", 7);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.defaultGraphicColor = undefined;
     this.flags = undefined;
@@ -30,33 +31,31 @@ const ArcgisUtilityNetworkTrace = class {
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    componentUtils.referenceElementHelper(this, newValue);
+  }
   defaultGraphicColorWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.defaultGraphicColor = newValue;
     }
   }
   flagsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.flags = newValue;
     }
   }
   gdbVersionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.gdbVersion = newValue;
     }
   }
   inputSettingsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.inputSettings = newValue;
     }
   }
   selectedTracesWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.selectedTraces = newValue;
     }
   }
@@ -77,14 +76,9 @@ const ArcgisUtilityNetworkTrace = class {
   }
   positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+      this.view.ui.move(this.childElem, newValue);
     }
   }
-  referenceElementWatcher(newValue) {
-    componentUtils.referenceElementHelper(this, newValue);
-  }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.view = newValue;
@@ -132,6 +126,30 @@ const ArcgisUtilityNetworkTrace = class {
     const params = {
       container: this.childElem
     };
+    if (this.defaultGraphicColor) {
+      params.defaultGraphicColor = this.defaultGraphicColor;
+    }
+    if (this.flags) {
+      params.flags = this.flags;
+    }
+    if (this.gdbVersion) {
+      params.gdbVersion = this.gdbVersion;
+    }
+    if (this.inputSettings) {
+      params.inputSettings = this.inputSettings;
+    }
+    if (this.selectedTraces) {
+      params.selectedTraces = this.selectedTraces;
+    }
+    if (this.selectOnComplete !== undefined) {
+      params.selectOnComplete = this.selectOnComplete;
+    }
+    if (this.showGraphicsOnComplete !== undefined) {
+      params.showGraphicsOnComplete = this.showGraphicsOnComplete;
+    }
+    if (this.showSelectionAttributes !== undefined) {
+      params.showSelectionAttributes = this.showSelectionAttributes;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -144,6 +162,7 @@ const ArcgisUtilityNetworkTrace = class {
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
     "defaultGraphicColor": ["defaultGraphicColorWatcher"],
     "flags": ["flagsWatcher"],
     "gdbVersion": ["gdbVersionWatcher"],
@@ -153,10 +172,11 @@ const ArcgisUtilityNetworkTrace = class {
     "showGraphicsOnComplete": ["showGraphicsOnCompleteWatcher"],
     "showSelectionAttributes": ["showSelectionAttributesWatcher"],
     "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisUtilityNetworkTrace.style = arcgisUtilityNetworkTraceCss;
+ArcgisUtilityNetworkTrace.style = utilityNetworkTraceCss;
 
 exports.arcgis_utility_network_trace = ArcgisUtilityNetworkTrace;
+
+//# sourceMappingURL=arcgis-utility-network-trace.cjs.entry.js.map