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

package/dist/components/arcgis-bookmarks.js

@@ -1,38 +1,32 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { f as newWidgetsBookmarks, i as importCoreReactiveUtils } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+import { g as newWidgetsBookmarks, i as importCoreReactiveUtils } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisBookmarksCss = "";
+const bookmarksCss = "";
 
-const ArcgisBookmarks$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisBookmarks$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisBookmarks extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.bookmarkEdit = createEvent(this, "bookmarkEdit", 7);
     this.bookmarkSelect = createEvent(this, "bookmarkSelect", 7);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.bookmarks = undefined;
     this.defaultCreateOptions = undefined;
     this.defaultEditOptions = undefined;
     this.editingEnabled = undefined;
+    this.visibleElements = undefined;
     this.position = "bottom-left";
     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);
-      }
-    }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
   }
   bookmarksWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -49,13 +43,22 @@ const ArcgisBookmarks$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
       this.widget.defaultEditOptions = newValue;
     }
   }
-  editingEnabledWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+  editingEnabledWatcher(newValue, old) {
+    if (newValue !== undefined && newValue !== old && this.widget) {
       this.widget.editingEnabled = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  visibleElementsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.visibleElements = newValue;
+    }
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      if (typeof this.view !== "string") {
+        this.view.ui.move(this.childElem, newValue);
+      }
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -92,9 +95,9 @@ const ArcgisBookmarks$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.editingEnabled, (value) => (this.editingEnabled = value), {
+    addHandles(this, watch(() => this.widget.editingEnabled, (value) => (this.editingEnabled = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -115,6 +118,9 @@ const ArcgisBookmarks$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     if (this.editingEnabled !== undefined) {
       params.editingEnabled = this.editingEnabled;
     }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     return params;
   }
   _proxyEvents() {
@@ -123,25 +129,36 @@ const ArcgisBookmarks$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "bookmarks": ["bookmarksWatcher"],
     "defaultCreateOptions": ["defaultCreateOptionsWatcher"],
     "defaultEditOptions": ["defaultEditOptionsWatcher"],
     "editingEnabled": ["editingEnabledWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisBookmarksCss; }
+  static get style() { return bookmarksCss; }
 }, [0, "arcgis-bookmarks", {
     "referenceElement": [1, "reference-element"],
     "bookmarks": [16],
     "defaultCreateOptions": [16],
     "defaultEditOptions": [16],
     "editingEnabled": [516, "editing-enabled"],
+    "visibleElements": [16],
     "position": [1],
     "expandable": [4],
     "view": [1040],
     "widget": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "bookmarks": ["bookmarksWatcher"],
+    "defaultCreateOptions": ["defaultCreateOptionsWatcher"],
+    "defaultEditOptions": ["defaultEditOptionsWatcher"],
+    "editingEnabled": ["editingEnabledWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -167,3 +184,5 @@ const ArcgisBookmarks = ArcgisBookmarks$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisBookmarks, defineCustomElement };
+
+//# sourceMappingURL=arcgis-bookmarks.js.map

package/dist/components/arcgis-bookmarks.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-bookmarks.js","mappings":"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","names":["ArcgisBookmarks"],"sources":["src/components/bookmarks/bookmarks.css?tag=arcgis-bookmarks","src/components/bookmarks/bookmarks.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsBookmarks } from \"@arcgis/core-adapter\";\nimport type Bookmarks from \"@arcgis/core/widgets/Bookmarks\";\nimport { ArcgisReferenceElement, addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView } from \"../types\";\n\nexport type BookmarksWidget = InstanceType<typeof Bookmarks>;\n\n@Component({\n  tag: \"arcgis-bookmarks\",\n  styleUrl: \"bookmarks.css\",\n  shadow: false\n})\nexport class ArcgisBookmarks 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() bookmarks: BookmarksWidget[\"bookmarks\"];\n\n  @Watch(\"bookmarks\")\n  bookmarksWatcher(newValue: BookmarksWidget[\"bookmarks\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.bookmarks = newValue;\n    }\n  }\n\n  @Prop() defaultCreateOptions: BookmarksWidget[\"defaultCreateOptions\"];\n\n  @Watch(\"defaultCreateOptions\")\n  defaultCreateOptionsWatcher(newValue: BookmarksWidget[\"defaultCreateOptions\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.defaultCreateOptions = newValue;\n    }\n  }\n\n  @Prop() defaultEditOptions: BookmarksWidget[\"defaultEditOptions\"];\n\n  @Watch(\"defaultEditOptions\")\n  defaultEditOptionsWatcher(newValue: BookmarksWidget[\"defaultEditOptions\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.defaultEditOptions = newValue;\n    }\n  }\n\n  @Prop({ reflect: true }) editingEnabled: BookmarksWidget[\"editingEnabled\"];\n\n  @Watch(\"editingEnabled\")\n  editingEnabledWatcher(newValue: BookmarksWidget[\"editingEnabled\"], old: BookmarksWidget[\"editingEnabled\"]): void {\n    if (newValue !== undefined && newValue !== old && this.widget) {\n      this.widget.editingEnabled = newValue;\n    }\n  }\n\n  @Prop() visibleElements: BookmarksWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: BookmarksWidget[\"visibleElements\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.visibleElements = 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      if (typeof this.view !== \"string\") {\n        this.view.ui.move(this.childElem, newValue);\n      }\n    }\n  }\n\n  @Prop() expandable = false;\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({ mutable: true }) widget: BookmarksWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) bookmarkEdit: EventEmitter<__esri.BookmarksBookmarkEditEvent>;\n  @Event({ cancelable: true }) bookmarkSelect: EventEmitter<__esri.BookmarksBookmarkSelectEvent>;\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Bookmarks }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsBookmarks(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.editingEnabled,\n        (value) => (this.editingEnabled = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<BookmarksWidget> {\n    const params: Partial<BookmarksWidget> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    if (this.bookmarks) {\n      params.bookmarks = this.bookmarks;\n    }\n\n    if (this.defaultCreateOptions) {\n      params.defaultCreateOptions = this.defaultCreateOptions;\n    }\n\n    if (this.defaultEditOptions) {\n      params.defaultEditOptions = this.defaultEditOptions;\n    }\n\n    if (this.editingEnabled !== undefined) {\n      params.editingEnabled = this.editingEnabled;\n    }\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    return params;\n  }\n\n  private _proxyEvents() {\n    this.widget.on(\"bookmark-edit\", (e) => this.bookmarkEdit.emit(e));\n    this.widget.on(\"bookmark-select\", (e) => this.bookmarkSelect.emit(e));\n  }\n}\n"],"version":3}

package/dist/components/arcgis-building-explorer.js

@@ -1,35 +1,42 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { g as newWidgetsBuildingExplorer } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+import { h as newWidgetsBuildingExplorer } from './index2.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisBuildingExplorerCss = "";
+const buildingExplorerCss = "";
 
-const ArcgisBuildingExplorer$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisBuildingExplorer$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisBuildingExplorer extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
+    this.layers = undefined;
+    this.visibleElements = undefined;
     this.widget = undefined;
     this.view = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
   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) {
-    referenceElementHelper(this, newValue);
+  layersWatcher(newValue) {
+    if (this.widget) {
+      this.widget.layers = newValue;
+    }
+  }
+  visibleElementsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.visibleElements = newValue;
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -42,12 +49,7 @@ const ArcgisBuildingExplorer$1 = /*@__PURE__*/ proxyCustomElement(class extends
   //
   //--------------------------------------------------------------------------
   async componentDidLoad() {
-    const params = {
-      container: this.childElem
-    };
-    if (this.view) {
-      params.view = this.view;
-    }
+    const params = this._createParams();
     const widget = await newWidgetsBuildingExplorer(params);
     this.widget = widget;
     if (this.view) {
@@ -65,19 +67,49 @@ const ArcgisBuildingExplorer$1 = /*@__PURE__*/ proxyCustomElement(class extends
     }
     return h("div", { ref: (el) => (this.childElem = el) });
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.layers) {
+      params.layers = this.layers;
+    }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
     "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
+    "layers": ["layersWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisBuildingExplorerCss; }
+  static get style() { return buildingExplorerCss; }
 }, [0, "arcgis-building-explorer", {
     "referenceElement": [1, "reference-element"],
     "position": [1],
     "expandable": [4],
+    "layers": [16],
+    "visibleElements": [16],
     "widget": [1040],
     "view": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
+    "layers": ["layersWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -103,3 +135,5 @@ const ArcgisBuildingExplorer = ArcgisBuildingExplorer$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisBuildingExplorer, defineCustomElement };
+
+//# sourceMappingURL=arcgis-building-explorer.js.map

package/dist/components/arcgis-building-explorer.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-building-explorer.js","mappings":";;;;;;AAAA,MAAM,mBAAmB,GAAG,EAAE;;MCiBjBA,wBAAsB;;;;;IA4DjC,kBAAa,GAAyB,EAAE,CAAC;;oBAxCtB,aAAa;sBASX,KAAK;;;;;;EAb1B,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAKD,eAAe,CAAC,QAAgB;IAC9B,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;KAC7C;GACF;EAOD,aAAa,CAAC,QAA0C;IACtD,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC;KAC/B;GACF;EAKD,sBAAsB,CAAC,QAAmD;IACxE,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,QAAQ,CAAC;KACxC;GACF;EAOD,WAAW,CAAC,QAAyB;IACnC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;;;;;;EAkBD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,MAAM,0BAA0B,CAAC,MAAM,CAAC,CAAC;IAExD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACrB,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAW,CAAC;KAChC;IACD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/C,YAAY,CAAC,IAAI,CAAC,CAAC;GACpB;EAED,oBAAoB;IAClB,oBAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,QACE,qBAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAA6B,CAAC,IACpG,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CACnD,EAChB;KACH;IACD,OAAO,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CAAC;GAC1E;;;;;;EAQO,aAAa;IACnB,MAAM,MAAM,GAAoC;MAC9C,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;IAEF,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;KAC7B;IAED,IAAI,IAAI,CAAC,eAAe,EAAE;MACxB,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;KAC/C;IAED,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,OAAO,MAAM,CAAC;GACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ArcgisBuildingExplorer"],"sources":["src/components/building-explorer/building-explorer.css?tag=arcgis-building-explorer","src/components/building-explorer/building-explorer.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsBuildingExplorer } from \"@arcgis/core-adapter\";\nimport type BuildingExplorer from \"@arcgis/core/widgets/BuildingExplorer\";\nimport { ArcgisReferenceElement, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISSceneView } from \"../types\";\n\nexport type BuildingExplorerWidget = InstanceType<typeof BuildingExplorer>;\n\n@Component({\n  tag: \"arcgis-building-explorer\",\n  styleUrl: \"building-explorer.css\",\n  shadow: false\n})\nexport class ArcgisBuildingExplorer 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() 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() layers: BuildingExplorerWidget[\"layers\"];\n\n  @Watch(\"layers\")\n  layersWatcher(newValue: BuildingExplorerWidget[\"layers\"]): void {\n    if (this.widget) {\n      this.widget.layers = newValue;\n    }\n  }\n\n  @Prop() visibleElements: BuildingExplorerWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: BuildingExplorerWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: BuildingExplorerWidget;\n\n  @Prop({ mutable: true }) view: ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.BuildingExplorer }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n    const widget = await newWidgetsBuildingExplorer(params);\n\n    this.widget = widget;\n    if (this.view) {\n      widget.view = this.view as any;\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<BuildingExplorerWidget> {\n    const params: Partial<BuildingExplorerWidget> = {\n      container: this.childElem\n    };\n\n    if (this.layers) {\n      params.layers = this.layers;\n    }\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

package/dist/components/arcgis-compass.js

@@ -1,34 +1,29 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { h as newWidgetsCompass } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
+import { j as newWidgetsCompass } from './index2.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
 
-const arcgisCompassCss = "";
+const compassCss = "";
 
-const ArcgisCompass$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisCompass$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisCompass extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.widget = undefined;
     this.view = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
   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) {
-    referenceElementHelper(this, newValue);
-  }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.view = newValue;
@@ -76,17 +71,21 @@ const ArcgisCompass$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
     "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisCompassCss; }
+  static get style() { return compassCss; }
 }, [0, "arcgis-compass", {
     "referenceElement": [1, "reference-element"],
     "position": [1],
     "widget": [1040],
     "view": [1040],
     "reset": [64]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -107,3 +106,5 @@ const ArcgisCompass = ArcgisCompass$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisCompass, defineCustomElement };
+
+//# sourceMappingURL=arcgis-compass.js.map

package/dist/components/arcgis-compass.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-compass.js","mappings":";;;;;AAAA,MAAM,UAAU,GAAG,EAAE;;MCqBRA,eAAa;;;;;IA4CxB,kBAAa,GAAyB,EAAE,CAAC;;oBApBtB,aAAa;;;;EAJhC,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAKD,eAAe,CAAC,QAAgB;IAC9B,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;KAC7C;GACF;EAOD,WAAW,CAAC,QAAyC;IACnD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;;;;;;EAmBD,MAAM,KAAK;IACT,OAAO,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;GAC7B;;;;;;EAQD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAM,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAE/C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IAErB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/C,YAAY,CAAC,IAAI,CAAC,CAAC;GACpB;EAED,oBAAoB;IAClB,oBAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,OAAO,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CAAC;GAC1E;;;;;;EAOO,aAAa;IACnB,MAAM,MAAM,GAA2B;MACrC,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;IAEF,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,OAAO,MAAM,CAAC;GACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ArcgisCompass"],"sources":["src/components/compass/compass.css?tag=arcgis-compass","src/components/compass/compass.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, h, Method, Prop, VNode, Watch } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsCompass } from \"@arcgis/core-adapter\";\nimport type Compass from \"@arcgis/core/widgets/Compass\";\nimport {\n  ArcgisReferenceElement,\n  checkForView,\n  referenceElementHelper,\n  WidgetElement\n} from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type CompassWidget = InstanceType<typeof Compass>;\n\n@Component({\n  tag: \"arcgis-compass\",\n  styleUrl: \"compass.css\",\n  shadow: false\n})\nexport class ArcgisCompass implements WidgetElement {\n  //--------------------------------------------------------------------------\n  //\n  //  Element\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() 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 }) widget: CompassWidget;\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  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Compass }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async reset(): Promise<void> {\n    return this.widget?.reset();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsCompass(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    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): Partial<CompassWidget> {\n    const params: Partial<CompassWidget> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

package/dist/components/arcgis-coordinate-conversion.js

@@ -1,15 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { j as newWidgetsCoordinateConversion, i as importCoreReactiveUtils } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+import { k as newWidgetsCoordinateConversion, i as importCoreReactiveUtils } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisCoordinateConversionCss = "";
+const coordinateConversionCss = "";
 
-const ArcgisCoordinateConversion$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisCoordinateConversion$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisCoordinateConversion extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.conversions = undefined;
     this.currentLocation = undefined;
@@ -20,50 +22,42 @@ const ArcgisCoordinateConversion$1 = /*@__PURE__*/ proxyCustomElement(class exte
     this.orientation = undefined;
     this.storageEnabled = undefined;
     this.storageType = undefined;
+    this.visibleElements = undefined;
     this.position = "bottom-left";
     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);
-      }
-    }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
   }
   conversionsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.conversions = newValue;
     }
   }
   formatsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.formats = newValue;
     }
   }
   locationSymbolWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.locationSymbol = newValue;
     }
   }
   modeWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.mode = newValue;
     }
   }
   multipleConversionsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.multipleConversions = newValue;
     }
   }
   orientationWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.orientation = newValue;
     }
   }
@@ -73,12 +67,19 @@ const ArcgisCoordinateConversion$1 = /*@__PURE__*/ proxyCustomElement(class exte
     }
   }
   storageTypeWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.storageType = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  visibleElementsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.visibleElements = newValue;
+    }
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -122,14 +123,41 @@ const ArcgisCoordinateConversion$1 = /*@__PURE__*/ proxyCustomElement(class exte
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.currentLocation, (value) => (this.currentLocation = value), {
+    addHandles(this, watch(() => this.widget.currentLocation, (value) => (this.currentLocation = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
       container: this.childElem
     };
+    if (this.conversions) {
+      params.conversions = this.conversions;
+    }
+    if (this.formats) {
+      params.formats = this.formats;
+    }
+    if (this.locationSymbol) {
+      params.locationSymbol = this.locationSymbol;
+    }
+    if (this.mode) {
+      params.mode = this.mode;
+    }
+    if (this.multipleConversions) {
+      params.multipleConversions = this.multipleConversions;
+    }
+    if (this.orientation) {
+      params.orientation = this.orientation;
+    }
+    if (this.storageEnabled !== undefined) {
+      params.storageEnabled = this.storageEnabled;
+    }
+    if (this.storageType) {
+      params.storageType = this.storageType;
+    }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -137,7 +165,7 @@ const ArcgisCoordinateConversion$1 = /*@__PURE__*/ proxyCustomElement(class exte
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "conversions": ["conversionsWatcher"],
     "formats": ["formatsWatcher"],
     "locationSymbol": ["locationSymbolWatcher"],
@@ -146,10 +174,11 @@ const ArcgisCoordinateConversion$1 = /*@__PURE__*/ proxyCustomElement(class exte
     "orientation": ["orientationWatcher"],
     "storageEnabled": ["storageEnabledWatcher"],
     "storageType": ["storageTypeWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisCoordinateConversionCss; }
+  static get style() { return coordinateConversionCss; }
 }, [0, "arcgis-coordinate-conversion", {
     "referenceElement": [1, "reference-element"],
     "conversions": [16],
@@ -161,11 +190,25 @@ const ArcgisCoordinateConversion$1 = /*@__PURE__*/ proxyCustomElement(class exte
     "orientation": [1],
     "storageEnabled": [4, "storage-enabled"],
     "storageType": [1, "storage-type"],
+    "visibleElements": [16],
     "position": [1],
     "expandable": [4],
     "view": [1040],
     "widget": [1040],
     "reverseConvert": [64]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "conversions": ["conversionsWatcher"],
+    "formats": ["formatsWatcher"],
+    "locationSymbol": ["locationSymbolWatcher"],
+    "mode": ["modeWatcher"],
+    "multipleConversions": ["multipleConversionsWatcher"],
+    "orientation": ["orientationWatcher"],
+    "storageEnabled": ["storageEnabledWatcher"],
+    "storageType": ["storageTypeWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -191,3 +234,5 @@ const ArcgisCoordinateConversion = ArcgisCoordinateConversion$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisCoordinateConversion, defineCustomElement };
+
+//# sourceMappingURL=arcgis-coordinate-conversion.js.map

package/dist/components/arcgis-coordinate-conversion.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-coordinate-conversion.js","mappings":"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","names":["ArcgisCoordinateConversion"],"sources":["src/components/coordinate-conversion/coordinate-conversion.css?tag=arcgis-coordinate-conversion","src/components/coordinate-conversion/coordinate-conversion.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Method, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsCoordinateConversion } from \"@arcgis/core-adapter\";\nimport type CoordinateConversion from \"@arcgis/core/widgets/CoordinateConversion\";\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 CoordinateConversionWidget = InstanceType<typeof CoordinateConversion>;\n\n@Component({\n  tag: \"arcgis-coordinate-conversion\",\n  styleUrl: \"coordinate-conversion.css\",\n  shadow: false\n})\nexport class ArcgisCoordinateConversion implements ExpandableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Element\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() conversions: CoordinateConversionWidget[\"conversions\"];\n\n  @Watch(\"conversions\")\n  conversionsWatcher(newValue: CoordinateConversionWidget[\"conversions\"]): void {\n    if (this.widget) {\n      this.widget.conversions = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) currentLocation: CoordinateConversionWidget[\"currentLocation\"];\n\n  @Prop() formats: CoordinateConversionWidget[\"formats\"];\n\n  @Watch(\"formats\")\n  formatsWatcher(newValue: CoordinateConversionWidget[\"formats\"]): void {\n    if (this.widget) {\n      this.widget.formats = newValue;\n    }\n  }\n\n  @Prop() locationSymbol: CoordinateConversionWidget[\"locationSymbol\"];\n\n  @Watch(\"locationSymbol\")\n  locationSymbolWatcher(newValue: CoordinateConversionWidget[\"locationSymbol\"]): void {\n    if (this.widget) {\n      this.widget.locationSymbol = newValue;\n    }\n  }\n\n  @Prop() mode: CoordinateConversionWidget[\"mode\"];\n\n  @Watch(\"mode\")\n  modeWatcher(newValue: CoordinateConversionWidget[\"mode\"]): void {\n    if (this.widget) {\n      this.widget.mode = newValue;\n    }\n  }\n\n  @Prop() multipleConversions: CoordinateConversionWidget[\"multipleConversions\"];\n\n  @Watch(\"multipleConversions\")\n  multipleConversionsWatcher(newValue: CoordinateConversionWidget[\"multipleConversions\"]): void {\n    if (this.widget) {\n      this.widget.multipleConversions = newValue;\n    }\n  }\n\n  @Prop() orientation: CoordinateConversionWidget[\"orientation\"];\n\n  @Watch(\"orientation\")\n  orientationWatcher(newValue: CoordinateConversionWidget[\"orientation\"]): void {\n    if (this.widget) {\n      this.widget.orientation = newValue;\n    }\n  }\n\n  @Prop() storageEnabled: CoordinateConversionWidget[\"storageEnabled\"];\n\n  @Watch(\"storageEnabled\")\n  storageEnabledWatcher(newValue: CoordinateConversionWidget[\"storageEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.storageEnabled = newValue;\n    }\n  }\n\n  @Prop() storageType: CoordinateConversionWidget[\"storageType\"];\n\n  @Watch(\"storageType\")\n  storageTypeWatcher(newValue: CoordinateConversionWidget[\"storageType\"]): void {\n    if (this.widget) {\n      this.widget.storageType = newValue;\n    }\n  }\n\n  @Prop() visibleElements: CoordinateConversionWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: CoordinateConversionWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = 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 }) 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: CoordinateConversionWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.CoordinateConversion }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async reverseConvert(coordinate: string, format: __esri.Format): Promise<__esri.Point> {\n    return this.widget?.reverseConvert(coordinate, format);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsCoordinateConversion(params);\n\n    this.widget = widget;\n\n    await this._addWatchers();\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.currentLocation,\n        (value) => (this.currentLocation = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<CoordinateConversionWidget> {\n    const params: Partial<CoordinateConversionWidget> = {\n      container: this.childElem\n    };\n\n    if (this.conversions) {\n      params.conversions = this.conversions;\n    }\n\n    if (this.formats) {\n      params.formats = this.formats;\n    }\n\n    if (this.locationSymbol) {\n      params.locationSymbol = this.locationSymbol;\n    }\n\n    if (this.mode) {\n      params.mode = this.mode;\n    }\n\n    if (this.multipleConversions) {\n      params.multipleConversions = this.multipleConversions;\n    }\n\n    if (this.orientation) {\n      params.orientation = this.orientation;\n    }\n\n    if (this.storageEnabled !== undefined) {\n      params.storageEnabled = this.storageEnabled;\n    }\n\n    if (this.storageType) {\n      params.storageType = this.storageType;\n    }\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n}\n"],"version":3}