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

package/dist/components/arcgis-swipe.js

@@ -1,14 +1,16 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { X as newWidgetsSwipe } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
+import { Y as newWidgetsSwipe } from './index2.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
 
-const arcgisSwipeCss = "arcgis-swipe{}";
+const swipeCss = "arcgis-swipe{}";
 
-const ArcgisSwipe$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisSwipe$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisSwipe extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.direction = undefined;
     this.dragLabel = undefined;
@@ -107,7 +109,7 @@ const ArcgisSwipe$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "referenceElement": ["referenceElementWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisSwipeCss; }
+  static get style() { return swipeCss; }
 }, [0, "arcgis-swipe", {
     "referenceElement": [1, "reference-element"],
     "direction": [1],
@@ -118,6 +120,15 @@ const ArcgisSwipe$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "view": [1040],
     "position": [1],
     "widget": [1040]
+  }, undefined, {
+    "direction": ["directionWatcher"],
+    "dragLabel": ["dragLabelWatcher"],
+    "leadingLayers": ["leadingLayersWatcher"],
+    "swipePosition": ["swipePositionWatcher"],
+    "trailingLayers": ["trailingLayersWatcher"],
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -138,3 +149,5 @@ const ArcgisSwipe = ArcgisSwipe$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisSwipe, defineCustomElement };
+
+//# sourceMappingURL=arcgis-swipe.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-swipe.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,gBAAgB;;MCoBpBA,aAAW;;;;;IAmCtB,kBAAa,GAAyB,EAAE,CAAC;;;;;;;;oBAJtB,aAAa;;;;;;;;EAqBhC,gBAAgB,CAAC,QAAkC;IACjD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC;KAClC;GACF;EAGD,gBAAgB,CAAC,QAAkC;IACjD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC;KAClC;GACF;EAGD,oBAAoB,CAAC,QAAsC;IACzD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;KACtC;GACF;EAGD,oBAAoB,CAAC,QAAiC;IACpD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;KACjC;GACF;EAGD,qBAAqB,CAAC,QAAuC;IAC3D,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,cAAc,GAAG,QAAQ,CAAC;KACvC;GACF;EAGD,eAAe,CAAC,QAAgB;IAC9B,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;QACjC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;OAC7C;KACF;GACF;EAGD,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAGD,WAAW,CAAC,QAAuB;IACjC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;;;;;;EAQD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAM,eAAe,CAAC,MAAM,CAAC,CAAC;IAE7C,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,GAAyB;MACnC,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":["ArcgisSwipe"],"sources":["src/components/swipe/swipe.css?tag=arcgis-swipe","src/components/swipe/swipe.tsx"],"sourcesContent":["arcgis-swipe {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, Watch, VNode } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsSwipe } from \"@arcgis/core-adapter\";\nimport type Swipe from \"@arcgis/core/widgets/Swipe\";\nimport {\n  ArcgisReferenceElement,\n  checkForView,\n  referenceElementHelper,\n  WidgetElement\n} from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ArcGISMapView } from \"../types\";\n\nexport type SwipeWidget = InstanceType<typeof Swipe>;\n\n@Component({\n  tag: \"arcgis-swipe\",\n  styleUrl: \"swipe.css\"\n})\nexport class ArcgisSwipe 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  @Prop() direction: SwipeWidget[\"direction\"];\n\n  @Prop() dragLabel: SwipeWidget[\"dragLabel\"];\n\n  @Prop() leadingLayers: SwipeWidget[\"leadingLayers\"];\n\n  @Prop() swipePosition: SwipeWidget[\"position\"];\n\n  @Prop() trailingLayers: SwipeWidget[\"trailingLayers\"];\n\n  @Prop({ mutable: true }) view: ArcGISMapView;\n\n  @Prop() position = \"bottom-left\";\n\n  @Prop({ mutable: true }) widget: SwipeWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Swipe }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Watchers\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"direction\")\n  directionWatcher(newValue: SwipeWidget[\"direction\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.direction = newValue;\n    }\n  }\n\n  @Watch(\"dragLabel\")\n  dragLabelWatcher(newValue: SwipeWidget[\"dragLabel\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.dragLabel = newValue;\n    }\n  }\n\n  @Watch(\"leadingLayers\")\n  leadingLayersWatcher(newValue: SwipeWidget[\"leadingLayers\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.leadingLayers = newValue;\n    }\n  }\n\n  @Watch(\"swipePosition\")\n  swipePositionWatcher(newValue: SwipeWidget[\"position\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.position = newValue;\n    }\n  }\n\n  @Watch(\"trailingLayers\")\n  trailingLayersWatcher(newValue: SwipeWidget[\"trailingLayers\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.trailingLayers = newValue;\n    }\n  }\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  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsSwipe(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<SwipeWidget> {\n    const params: Partial<SwipeWidget> = {\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-table-list.js

@@ -1,31 +1,38 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { Y as newWidgetsTableList, 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 { Z as newWidgetsTableList, 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 arcgisTableListCss = "arcgis-table-list{}";
+const tableListCss = "arcgis-table-list{}";
 
-const ArcgisTableList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisTableList$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisTableList extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.triggerAction = createEvent(this, "triggerAction", 7);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
+    this.listItemCreatedFunction = undefined;
     this.multipleSelectionEnabled = false;
     this.selectionEnabled = true;
     this.selectedItems = undefined;
     this.tableItems = undefined;
+    this.visibleElements = undefined;
     this.view = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  listItemCreatedFunctionWatcher(newValue) {
+    if (this.widget) {
+      this.widget.listItemCreatedFunction = newValue;
+    }
+  }
   multipleSelectionEnabledWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.multipleSelectionEnabled = newValue;
@@ -36,21 +43,21 @@ const ArcgisTableList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
       this.widget.selectionEnabled = newValue;
     }
   }
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+  visibleElementsWatcher(value) {
+    if (this.widget) {
+      this.widget.visibleElements = value;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.map = newValue.map;
     }
   }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -81,15 +88,25 @@ const ArcgisTableList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.selectedItems, (value) => (this.selectedItems = value));
-    watch(() => this.widget.tableItems, (value) => (this.tableItems = value));
+    addHandles(this, watch(() => this.widget.selectedItems, (value) => (this.selectedItems = value)));
+    addHandles(this, watch(() => this.widget.tableItems, (value) => (this.tableItems = value)));
   }
   _createParams() {
     const params = {
-      container: this.childElem,
-      multipleSelectionEnabled: this.multipleSelectionEnabled,
-      selectionEnabled: this.selectionEnabled
+      container: this.childElem
     };
+    if (this.listItemCreatedFunction) {
+      params.listItemCreatedFunction = this.listItemCreatedFunction;
+    }
+    if (this.multipleSelectionEnabled !== undefined) {
+      params.multipleSelectionEnabled = this.multipleSelectionEnabled;
+    }
+    if (this.selectionEnabled !== undefined) {
+      params.selectionEnabled = this.selectionEnabled;
+    }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     if (this.view) {
       params.map = this.view.map;
     }
@@ -103,23 +120,35 @@ const ArcgisTableList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
   }
   get el() { return this; }
   static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
+    "listItemCreatedFunction": ["listItemCreatedFunctionWatcher"],
     "multipleSelectionEnabled": ["multipleSelectionEnabledWatcher"],
     "selectionEnabled": ["selectionEnabledWatcher"],
-    "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "visibleElements": ["visibleElementsWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }; }
-  static get style() { return arcgisTableListCss; }
+  static get style() { return tableListCss; }
 }, [0, "arcgis-table-list", {
     "referenceElement": [1, "reference-element"],
+    "listItemCreatedFunction": [16],
     "multipleSelectionEnabled": [4, "multiple-selection-enabled"],
     "selectionEnabled": [4, "selection-enabled"],
     "selectedItems": [1040],
     "tableItems": [1040],
+    "visibleElements": [16],
     "view": [1040],
     "position": [1],
     "expandable": [4],
     "widget": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "listItemCreatedFunction": ["listItemCreatedFunctionWatcher"],
+    "multipleSelectionEnabled": ["multipleSelectionEnabledWatcher"],
+    "selectionEnabled": ["selectionEnabledWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -145,3 +174,5 @@ const ArcgisTableList = ArcgisTableList$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisTableList, defineCustomElement };
+
+//# sourceMappingURL=arcgis-table-list.js.map

package/dist/components/arcgis-table-list.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-table-list.js","mappings":"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","names":["ArcgisTableList"],"sources":["src/components/table-list/table-list.css?tag=arcgis-table-list","src/components/table-list/table-list.tsx"],"sourcesContent":["arcgis-table-list {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsTableList } from \"@arcgis/core-adapter\";\nimport type TableList from \"@arcgis/core/widgets/TableList\";\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 TableListWidget = InstanceType<typeof TableList>;\n\n@Component({\n  tag: \"arcgis-table-list\",\n  styleUrl: \"table-list.css\"\n})\nexport class ArcgisTableList 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() listItemCreatedFunction: TableListWidget[\"listItemCreatedFunction\"];\n\n  @Watch(\"listItemCreatedFunction\")\n  listItemCreatedFunctionWatcher(newValue: TableListWidget[\"listItemCreatedFunction\"]): void {\n    if (this.widget) {\n      this.widget.listItemCreatedFunction = newValue;\n    }\n  }\n\n  @Prop() multipleSelectionEnabled: TableListWidget[\"multipleSelectionEnabled\"] = false;\n\n  @Watch(\"multipleSelectionEnabled\")\n  multipleSelectionEnabledWatcher(newValue: TableListWidget[\"multipleSelectionEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.multipleSelectionEnabled = newValue;\n    }\n  }\n\n  @Prop() selectionEnabled: TableListWidget[\"selectionEnabled\"] = true;\n\n  @Watch(\"selectionEnabled\")\n  selectionEnabledWatcher(newValue: TableListWidget[\"selectionEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.selectionEnabled = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) selectedItems: TableListWidget[\"selectedItems\"];\n\n  @Prop({ mutable: true }) tableItems: TableListWidget[\"tableItems\"];\n\n  @Prop() visibleElements: TableListWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(value: TableListWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = value;\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.map = newValue.map;\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: TableListWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) triggerAction: EventEmitter<__esri.TableListTriggerActionEvent>;\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.TableList }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsTableList(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    this._hookEvents(this.widget);\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.selectedItems,\n        (value) => (this.selectedItems = value)\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.tableItems,\n        (value) => (this.tableItems = value)\n      )\n    );\n  }\n\n  private _createParams(): Partial<TableListWidget> {\n    const params: Partial<TableListWidget> = {\n      container: this.childElem\n    };\n\n    if (this.listItemCreatedFunction) {\n      params.listItemCreatedFunction = this.listItemCreatedFunction;\n    }\n\n    if (this.multipleSelectionEnabled !== undefined) {\n      params.multipleSelectionEnabled = this.multipleSelectionEnabled;\n    }\n\n    if (this.selectionEnabled !== undefined) {\n      params.selectionEnabled = this.selectionEnabled;\n    }\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    if (this.view) {\n      params.map = this.view.map;\n    }\n\n    return params;\n  }\n\n  private _hookEvents(widget: TableListWidget): void {\n    const triggerHandle = widget.on(\"trigger-action\", (e) => {\n      this.triggerAction.emit(e);\n    });\n    widget.own(triggerHandle);\n  }\n}\n"],"version":3}

package/dist/components/arcgis-time-slider.js

@@ -1,16 +1,18 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { Z as newWidgetsTimeSlider, 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 { _ as newWidgetsTimeSlider, 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 arcgisTimeSliderCss = "arcgis-time-slider{}";
+const timeSliderCss = "arcgis-time-slider{}";
 
-const ArcgisTimeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisTimeSlider$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisTimeSlider extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.triggerAction = createEvent(this, "triggerAction", 7);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.actions = undefined;
     this.effectiveStops = undefined;
@@ -23,28 +25,27 @@ const ArcgisTimeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     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) {
+    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;
     }
   }
@@ -54,7 +55,7 @@ const ArcgisTimeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     }
   }
   modeWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.mode = newValue;
     }
   }
@@ -64,17 +65,17 @@ const ArcgisTimeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     }
   }
   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;
     }
   }
@@ -83,21 +84,21 @@ const ArcgisTimeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
       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) {
-    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
@@ -145,9 +146,9 @@ const ArcgisTimeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.effectiveStops, (value) => (this.effectiveStops = value), {
+    addHandles(this, watch(() => this.widget.effectiveStops, (value) => (this.effectiveStops = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -183,6 +184,9 @@ const ArcgisTimeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     if (this.timeVisible !== undefined) {
       params.timeVisible = this.timeVisible;
     }
+    if (this.timeZone) {
+      params.timeZone = this.timeZone;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -193,6 +197,7 @@ const ArcgisTimeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
   }
   get el() { return this; }
   static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
     "actions": ["actionsWatcher"],
     "fullTimeExtent": ["fullTimeExtentWatcher"],
     "layout": ["layoutWatcher"],
@@ -203,11 +208,11 @@ const ArcgisTimeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     "tickConfigs": ["tickConfigsWatcher"],
     "timeExtent": ["timeExtentWatcher"],
     "timeVisible": ["timeVisibleWatcher"],
-    "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "timeZone": ["timeZoneWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }; }
-  static get style() { return arcgisTimeSliderCss; }
+  static get style() { return timeSliderCss; }
 }, [0, "arcgis-time-slider", {
     "referenceElement": [1, "reference-element"],
     "actions": [16],
@@ -221,6 +226,7 @@ const ArcgisTimeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     "tickConfigs": [16],
     "timeExtent": [16],
     "timeVisible": [4, "time-visible"],
+    "timeZone": [1, "time-zone"],
     "view": [1040],
     "position": [1],
     "expandable": [4],
@@ -229,6 +235,21 @@ const ArcgisTimeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     "play": [64],
     "previous": [64],
     "stop": [64]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "actions": ["actionsWatcher"],
+    "fullTimeExtent": ["fullTimeExtentWatcher"],
+    "layout": ["layoutWatcher"],
+    "loop": ["loopWatcher"],
+    "mode": ["modeWatcher"],
+    "playRate": ["playRateWatcher"],
+    "stops": ["stopsWatcher"],
+    "tickConfigs": ["tickConfigsWatcher"],
+    "timeExtent": ["timeExtentWatcher"],
+    "timeVisible": ["timeVisibleWatcher"],
+    "timeZone": ["timeZoneWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -254,3 +275,5 @@ const ArcgisTimeSlider = ArcgisTimeSlider$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisTimeSlider, defineCustomElement };
+
+//# sourceMappingURL=arcgis-time-slider.js.map

package/dist/components/arcgis-time-slider.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-time-slider.js","mappings":"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","names":["ArcgisTimeSlider"],"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/components/arcgis-track.js

@@ -1,38 +1,31 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { _ as newWidgetsTrack, i as importCoreReactiveUtils } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
+import { $ as newWidgetsTrack, 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';
 
-const arcgisTrackCss = "";
+const trackCss = "";
 
-const ArcgisTrack$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisTrack$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisTrack extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.trackComplete = createEvent(this, "trackComplete", 7);
     this.trackError = createEvent(this, "trackError", 7);
     this.widgetReady = 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) {
+    referenceElementHelper(this, newValue);
   }
   geolocationOptionsWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -45,7 +38,7 @@ const ArcgisTrack$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
   }
   graphicWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.graphic = newValue;
     }
   }
@@ -54,13 +47,15 @@ const ArcgisTrack$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       this.widget.scale = newValue;
     }
   }
-  useHeadingEnabledWatcher(newValue) {
+  rotationEnabledWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      this.widget.useHeadingEnabled = newValue;
+      this.widget.rotationEnabled = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -94,9 +89,9 @@ const ArcgisTrack$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.tracking, (value) => (this.tracking = value), {
+    addHandles(this, watch(() => this.widget.tracking, (value) => (this.tracking = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -111,8 +106,8 @@ const ArcgisTrack$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     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;
@@ -128,16 +123,16 @@ const ArcgisTrack$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }
   get el() { return 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"]
   }; }
-  static get style() { return arcgisTrackCss; }
+  static get style() { return trackCss; }
 }, [0, "arcgis-track", {
     "referenceElement": [1, "reference-element"],
     "geolocationOptions": [8, "geolocation-options"],
@@ -145,10 +140,19 @@ const ArcgisTrack$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "graphic": [16],
     "scale": [2],
     "tracking": [1540],
-    "useHeadingEnabled": [4, "use-heading-enabled"],
+    "rotationEnabled": [4, "rotation-enabled"],
     "position": [1],
     "view": [1040],
     "widget": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "geolocationOptions": ["geolocationOptionsWatcher"],
+    "goToLocationEnabled": ["goToLocationEnabledWatcher"],
+    "graphic": ["graphicWatcher"],
+    "scale": ["scaleWatcher"],
+    "rotationEnabled": ["rotationEnabledWatcher"],
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -169,3 +173,5 @@ const ArcgisTrack = ArcgisTrack$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisTrack, defineCustomElement };
+
+//# sourceMappingURL=arcgis-track.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-track.js","mappings":"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","names":["ArcgisTrack"],"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}