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

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

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { O as newWidgetsMeasurement, c as importCoreReactiveUtils } from './index-334b0bde.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { L as newWidgetsMeasurement, i as importCoreReactiveUtils } from './index-fd2cea51.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisMeasurementCss = "arcgis-measurement{}";
+const measurementCss = "arcgis-measurement{}";
 
 const ArcgisMeasurement = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.activeTool = undefined;
     this.activeWidget = undefined;
@@ -19,36 +20,29 @@ const ArcgisMeasurement = class {
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
   activeToolWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.activeTool = newValue;
     }
   }
   areaUnitWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.areaUnit = newValue;
     }
   }
   linearUnitWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.linearUnit = 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;
@@ -91,14 +85,23 @@ const ArcgisMeasurement = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.activeWidget, (value) => (this.activeWidget = value), {
+    addHandles(this, watch(() => this.widget.activeWidget, (value) => (this.activeWidget = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
       container: this.childElem
     };
+    if (this.activeTool) {
+      params.activeTool = this.activeTool;
+    }
+    if (this.areaUnit) {
+      params.areaUnit = this.areaUnit;
+    }
+    if (this.linearUnit) {
+      params.linearUnit = this.linearUnit;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -106,14 +109,16 @@ const ArcgisMeasurement = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
     "activeTool": ["activeToolWatcher"],
     "areaUnit": ["areaUnitWatcher"],
     "linearUnit": ["linearUnitWatcher"],
     "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisMeasurement.style = arcgisMeasurementCss;
+ArcgisMeasurement.style = measurementCss;
 
 export { ArcgisMeasurement as arcgis_measurement };
+
+//# sourceMappingURL=arcgis-measurement.entry.js.map

package/dist/esm/arcgis-measurement.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-measurement.entry.js","mappings":"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","names":[],"sources":["src/components/measurement/measurement.css?tag=arcgis-measurement","src/components/measurement/measurement.tsx"],"sourcesContent":["arcgis-measurement {\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, newWidgetsMeasurement } from \"@arcgis/core-adapter\";\nimport type Measurement from \"@arcgis/core/widgets/Measurement\";\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 MeasurementWidget = InstanceType<typeof Measurement>;\n\n@Component({\n  tag: \"arcgis-measurement\",\n  styleUrl: \"measurement.css\"\n})\nexport class ArcgisMeasurement 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() activeTool: MeasurementWidget[\"activeTool\"];\n\n  @Watch(\"activeTool\")\n  activeToolWatcher(newValue: MeasurementWidget[\"activeTool\"]): void {\n    if (this.widget) {\n      this.widget.activeTool = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) activeWidget: MeasurementWidget[\"activeWidget\"];\n\n  @Prop() areaUnit: MeasurementWidget[\"areaUnit\"];\n\n  @Watch(\"areaUnit\")\n  areaUnitWatcher(newValue: MeasurementWidget[\"areaUnit\"]): void {\n    if (this.widget) {\n      this.widget.areaUnit = newValue;\n    }\n  }\n\n  @Prop() linearUnit: MeasurementWidget[\"linearUnit\"];\n\n  @Watch(\"linearUnit\")\n  linearUnitWatcher(newValue: MeasurementWidget[\"linearUnit\"]): void {\n    if (this.widget) {\n      this.widget.linearUnit = 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: MeasurementWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Measurement }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async startMeasurement(): Promise<void> {\n    return this.widget?.startMeasurement();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsMeasurement(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.activeWidget,\n        (value) => (this.activeWidget = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<MeasurementWidget> {\n    const params: Partial<MeasurementWidget> = {\n      container: this.childElem\n    };\n\n    if (this.activeTool) {\n      params.activeTool = this.activeTool;\n    }\n\n    if (this.areaUnit) {\n      params.areaUnit = this.areaUnit;\n    }\n\n    if (this.linearUnit) {\n      params.linearUnit = this.linearUnit;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

package/dist/esm/arcgis-navigation-toggle.entry.js

@@ -1,25 +1,24 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { P as newWidgetsNavigationToggle } from './index-334b0bde.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { M as newWidgetsNavigationToggle } from './index-fd2cea51.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisNavigationToggleCss = "arcgis-navigation-toggle{}";
+const navigationToggleCss = "arcgis-navigation-toggle{}";
 
 const ArcgisNavigationToggle = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.layout = undefined;
     this.position = "bottom-left";
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
   layoutWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.layout = newValue;
@@ -27,14 +26,9 @@ const ArcgisNavigationToggle = class {
   }
   positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+      this.view.ui.move(this.childElem, newValue);
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.view = newValue;
@@ -82,12 +76,14 @@ const ArcgisNavigationToggle = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
     "layout": ["layoutWatcher"],
     "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisNavigationToggle.style = arcgisNavigationToggleCss;
+ArcgisNavigationToggle.style = navigationToggleCss;
 
 export { ArcgisNavigationToggle as arcgis_navigation_toggle };
+
+//# sourceMappingURL=arcgis-navigation-toggle.entry.js.map

package/dist/esm/arcgis-navigation-toggle.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-navigation-toggle.entry.js","mappings":";;;;;AAAA,MAAM,mBAAmB,GAAG,4BAA4B;;MCoB3C,sBAAsB;;;;IAqDjC,kBAAa,GAAyB,EAAE,CAAC;;;oBApBtB,aAAa;;;;EAbhC,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAKD,aAAa,CAAC,QAA0C;IACtD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC;KAC/B;GACF;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;EAKD,WAAW,CAAC,QAAyB;IACnC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;;;;;;EAqBD,MAAM,MAAM;IACV,OAAO,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;GAC9B;;;;;;EAQD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAM,0BAA0B,CAAC,MAAM,CAAC,CAAC;IAExD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACrB,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,GAAoC;MAC9C,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":[],"sources":["src/components/navigation-toggle/navigation-toggle.css?tag=arcgis-navigation-toggle","src/components/navigation-toggle/navigation-toggle.tsx"],"sourcesContent":["arcgis-navigation-toggle {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, VNode, Watch } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsNavigationToggle } from \"@arcgis/core-adapter\";\nimport type NavigationToggle from \"@arcgis/core/widgets/NavigationToggle\";\nimport {\n  ArcgisReferenceElement,\n  checkForView,\n  referenceElementHelper,\n  WidgetElement\n} from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ArcGISSceneView } from \"../types\";\n\nexport type NavigationToggleWidget = InstanceType<typeof NavigationToggle>;\n\n@Component({\n  tag: \"arcgis-navigation-toggle\",\n  styleUrl: \"navigation-toggle.css\"\n})\nexport class ArcgisNavigationToggle 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({ mutable: true, reflect: true }) layout: NavigationToggleWidget[\"layout\"];\n\n  @Watch(\"layout\")\n  layoutWatcher(newValue: NavigationToggleWidget[\"layout\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.layout = 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: 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  @Prop({ mutable: true }) widget: NavigationToggleWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.NavigationToggle }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Watchers\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async toggle(): Promise<void> {\n    return this.widget?.toggle();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsNavigationToggle(params);\n\n    this.widget = widget;\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<NavigationToggleWidget> {\n    const params: Partial<NavigationToggleWidget> = {\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/esm/arcgis-placement.entry.js

@@ -0,0 +1,48 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
+
+const placementCss = "arcgis-placement{}";
+
+const ArcgisPlacement = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.placementReady = createEvent(this, "placementReady", 7);
+    this.referenceElement = undefined;
+    this.view = undefined;
+    this.position = "bottom-left";
+  }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    this.placementReady.emit({ ready: true });
+    checkForView(this);
+  }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  render() {
+    return (h("div", { ref: (el) => (this.childElem = el) }, h("slot", null)));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"]
+  }; }
+};
+ArcgisPlacement.style = placementCss;
+
+export { ArcgisPlacement as arcgis_placement };
+
+//# sourceMappingURL=arcgis-placement.entry.js.map

package/dist/esm/arcgis-placement.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-placement.entry.js","mappings":";;;;AAAA,MAAM,YAAY,GAAG,oBAAoB;;MCgB5B,eAAe;;;;;;oBAoBP,aAAa;;EANhC,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAW,EAAE,QAAQ,CAAC,CAAC;GAC/C;EAOD,eAAe,CAAC,QAAgB;IAC9B,IAAI,QAAQ,KAAK,SAAS,EAAE;MAC1B,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;KAC7C;GACF;;;;;;EAgBD,MAAM,gBAAgB;IACpB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IAE1C,YAAY,CAAC,IAAW,CAAC,CAAC;GAC3B;EAED,oBAAoB;IAClB,oBAAoB,CAAC,IAAW,CAAC,CAAC;GACnC;EAED,MAAM;IACJ,QACE,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,IACvD,eAAQ,CACJ,EACN;GACH;;;;;;;;;;;","names":[],"sources":["src/components/placement/placement.css?tag=arcgis-placement","src/components/placement/placement.tsx"],"sourcesContent":["arcgis-placement {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, VNode, Watch } from \"@stencil/core\";\n\n// arcgis imports\nimport {\n  ArcgisReferenceElement,\n  BaseComponentElement,\n  checkForView,\n  referenceElementHelper\n} from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\n@Component({\n  tag: \"arcgis-placement\",\n  styleUrl: \"placement.css\"\n})\nexport class ArcgisPlacement implements BaseComponentElement {\n  @Element() el: HTMLArcgisPlacementElement;\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 as any, newValue);\n  }\n\n  @Prop() view: ArcGISMapView | ArcGISSceneView;\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) placementReady: EventEmitter<{ ready: boolean }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    this.placementReady.emit({ ready: true });\n\n    checkForView(this as any);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this as any);\n  }\n\n  render(): VNode {\n    return (\n      <div ref={(el) => (this.childElem = el as HTMLDivElement)}>\n        <slot />\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,16 +1,17 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { Q as newWidgetsPrint, c as importCoreReactiveUtils } from './index-334b0bde.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { N as newWidgetsPrint, i as importCoreReactiveUtils } from './index-fd2cea51.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisPrintCss = "";
+const printCss = "";
 
 const ArcgisPrint = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
     this.printComplete = createEvent(this, "printComplete", 7);
     this.printSubmit = createEvent(this, "printSubmit", 7);
-    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.allowedFormats = undefined;
     this.allowedLayouts = undefined;
@@ -26,17 +27,8 @@ const ArcgisPrint = class {
     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);
   }
   allowedFormatsWatcher(value) {
     if (value && this.widget) {
@@ -54,7 +46,7 @@ const ArcgisPrint = class {
     }
   }
   includeDefaultTemplatesWatcher(value) {
-    if (value && this.widget) {
+    if (value !== undefined && this.widget) {
       this.widget.includeDefaultTemplates = value;
     }
   }
@@ -69,17 +61,19 @@ const ArcgisPrint = class {
     }
   }
   templateCustomTextElementsWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.templateCustomTextElements = value;
     }
   }
   templateOptionsWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.templateOptions = value;
     }
   }
-  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) {
@@ -116,9 +110,9 @@ const ArcgisPrint = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.exportedLinks, (value) => (this.exportedLinks = value), {
+    addHandles(this, watch(() => this.widget.exportedLinks, (value) => (this.exportedLinks = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -130,6 +124,24 @@ const ArcgisPrint = class {
     if (this.allowedLayouts) {
       params.allowedLayouts = this.allowedLayouts;
     }
+    if (this.extraParameters) {
+      params.extraParameters = this.extraParameters;
+    }
+    if (this.includeDefaultTemplates !== undefined) {
+      params.includeDefaultTemplates = this.includeDefaultTemplates;
+    }
+    if (this.portal) {
+      params.portal = this.portal;
+    }
+    if (this.printServiceUrl) {
+      params.printServiceUrl = this.printServiceUrl;
+    }
+    if (this.templateCustomTextElements) {
+      params.templateCustomTextElements = this.templateCustomTextElements;
+    }
+    if (this.templateOptions) {
+      params.templateOptions = this.templateOptions;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -141,7 +153,7 @@ const ArcgisPrint = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "allowedFormats": ["allowedFormatsWatcher"],
     "allowedLayouts": ["allowedLayoutsWatcher"],
     "extraParameters": ["extraParametersWatcher"],
@@ -150,10 +162,12 @@ const ArcgisPrint = class {
     "printServiceUrl": ["printServiceUrlWatcher"],
     "templateCustomTextElements": ["templateCustomTextElementsWatcher"],
     "templateOptions": ["templateOptionsWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisPrint.style = arcgisPrintCss;
+ArcgisPrint.style = printCss;
 
 export { ArcgisPrint as arcgis_print };
+
+//# sourceMappingURL=arcgis-print.entry.js.map

package/dist/esm/arcgis-print.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-print.entry.js","mappings":"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","names":[],"sources":["src/components/print/print.css?tag=arcgis-print","src/components/print/print.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsPrint } from \"@arcgis/core-adapter\";\nimport type Print from \"@arcgis/core/widgets/Print\";\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 PrintWidget = InstanceType<typeof Print>;\n\n@Component({\n  tag: \"arcgis-print\",\n  styleUrl: \"print.css\",\n  shadow: false\n})\nexport class ArcgisPrint 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() allowedFormats: PrintWidget[\"allowedFormats\"];\n\n  @Watch(\"allowedFormats\")\n  allowedFormatsWatcher(value: string): void {\n    if (value && this.widget) {\n      this.widget.allowedFormats = value.split(\",\");\n    }\n  }\n\n  @Prop() allowedLayouts: PrintWidget[\"allowedLayouts\"];\n\n  @Watch(\"allowedLayouts\")\n  allowedLayoutsWatcher(value: string): void {\n    if (value && this.widget) {\n      this.widget.allowedLayouts = value.split(\",\");\n    }\n  }\n\n  @Prop({ mutable: true }) exportedLinks: PrintWidget[\"exportedLinks\"];\n\n  @Prop() extraParameters: PrintWidget[\"extraParameters\"];\n\n  @Watch(\"extraParameters\")\n  extraParametersWatcher(value: PrintWidget[\"extraParameters\"]): void {\n    if (value && this.widget) {\n      this.widget.extraParameters = value;\n    }\n  }\n\n  @Prop() includeDefaultTemplates: PrintWidget[\"includeDefaultTemplates\"];\n\n  @Watch(\"includeDefaultTemplates\")\n  includeDefaultTemplatesWatcher(value: PrintWidget[\"includeDefaultTemplates\"]): void {\n    if (value !== undefined && this.widget) {\n      this.widget.includeDefaultTemplates = value;\n    }\n  }\n\n  @Prop() portal: PrintWidget[\"portal\"];\n\n  @Watch(\"portal\")\n  portalWatcher(value: PrintWidget[\"portal\"]): void {\n    if (value && this.widget) {\n      this.widget.portal = value;\n    }\n  }\n\n  @Prop() printServiceUrl: PrintWidget[\"printServiceUrl\"];\n\n  @Watch(\"printServiceUrl\")\n  printServiceUrlWatcher(value: PrintWidget[\"printServiceUrl\"]): void {\n    if (value && this.widget) {\n      this.widget.printServiceUrl = value;\n    }\n  }\n\n  @Prop() templateCustomTextElements: PrintWidget[\"templateCustomTextElements\"];\n\n  @Watch(\"templateCustomTextElements\")\n  templateCustomTextElementsWatcher(value: PrintWidget[\"templateCustomTextElements\"]): void {\n    if (this.widget) {\n      this.widget.templateCustomTextElements = value;\n    }\n  }\n\n  @Prop() templateOptions: PrintWidget[\"templateOptions\"];\n\n  @Watch(\"templateOptions\")\n  templateOptionsWatcher(value: PrintWidget[\"templateOptions\"]): void {\n    if (this.widget) {\n      this.widget.templateOptions = value;\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;\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: PrintWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Print }>;\n\n  @Event({ cancelable: true }) printComplete: EventEmitter<__esri.PrintCompleteEvent>;\n  @Event({ cancelable: true }) printSubmit: EventEmitter<__esri.PrintSubmitEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsPrint(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.exportedLinks,\n        (value) => (this.exportedLinks = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<PrintWidget> {\n    const params: Partial<PrintWidget> = {\n      container: this.childElem\n    };\n\n    if (this.allowedFormats) {\n      params.allowedFormats = this.allowedFormats;\n    }\n\n    if (this.allowedLayouts) {\n      params.allowedLayouts = this.allowedLayouts;\n    }\n\n    if (this.extraParameters) {\n      params.extraParameters = this.extraParameters;\n    }\n\n    if (this.includeDefaultTemplates !== undefined) {\n      params.includeDefaultTemplates = this.includeDefaultTemplates;\n    }\n\n    if (this.portal) {\n      params.portal = this.portal;\n    }\n\n    if (this.printServiceUrl) {\n      params.printServiceUrl = this.printServiceUrl;\n    }\n\n    if (this.templateCustomTextElements) {\n      params.templateCustomTextElements = this.templateCustomTextElements;\n    }\n\n    if (this.templateOptions) {\n      params.templateOptions = this.templateOptions;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n\n  private _proxyEvents() {\n    this.widget.on(\"complete\", (e) => this.printComplete.emit(e));\n    this.widget.on(\"submit\", (e) => this.printSubmit.emit(e));\n  }\n}\n"],"version":3}

package/dist/esm/arcgis-scale-bar.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { R as newWidgetsScaleBar } from './index-334b0bde.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { O as newWidgetsScaleBar } from './index-fd2cea51.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisScaleBarCss = "arcgis-scale-bar{}";
+const scaleBarCss = "arcgis-scale-bar{}";
 
 const ArcgisScaleBar = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.view = undefined;
     this.position = "bottom-left";
@@ -17,18 +18,6 @@ const ArcgisScaleBar = class {
     this.unit = 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);
   }
@@ -37,13 +26,18 @@ const ArcgisScaleBar = class {
       this.widget.view = newValue;
     }
   }
-  styleWatcher(newValue) {
+  positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
+  styleWatcher(newValue) {
+    if (this.widget) {
       this.widget.style = newValue;
     }
   }
   unitWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.unit = newValue;
     }
   }
@@ -90,13 +84,15 @@ const ArcgisScaleBar = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
     "referenceElement": ["referenceElementWatcher"],
     "view": ["viewWatcher"],
+    "position": ["positionWatcher"],
     "barStyle": ["styleWatcher"],
     "unit": ["unitWatcher"]
   }; }
 };
-ArcgisScaleBar.style = arcgisScaleBarCss;
+ArcgisScaleBar.style = scaleBarCss;
 
 export { ArcgisScaleBar as arcgis_scale_bar };
+
+//# sourceMappingURL=arcgis-scale-bar.entry.js.map

package/dist/esm/arcgis-scale-bar.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-scale-bar.entry.js","mappings":";;;;;AAAA,MAAM,WAAW,GAAG,oBAAoB;;MCgB3B,cAAc;;;;IAkEzB,kBAAa,GAAyB,EAAE,CAAC;;;oBA/BtB,aAAa;sBASX,KAAK;;;;;EAtB1B,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAKD,WAAW,CAAC,QAAuB;IACjC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;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,YAAY,CAAC,QAAiC;IAC5C,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC;KAC9B;GACF;EAKD,WAAW,CAAC,QAAgC;IAC1C,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;;;;;;EAoBD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAM,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAEhD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACrB,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;;;;;;EAOO,aAAa;IACnB,MAAM,MAAM,GAA4B;MACtC,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;IAEF,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC;KAC9B;IAED,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,OAAO,MAAM,CAAC;GACf;;;;;;;;;;;;;;","names":[],"sources":["src/components/scale-bar/scale-bar.css?tag=arcgis-scale-bar","src/components/scale-bar/scale-bar.tsx"],"sourcesContent":["arcgis-scale-bar {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsScaleBar } from \"@arcgis/core-adapter\";\nimport type ScaleBar from \"@arcgis/core/widgets/ScaleBar\";\nimport { ArcgisReferenceElement, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView } from \"../types\";\n\nexport type ScaleBarWidget = InstanceType<typeof ScaleBar>;\n\n@Component({\n  tag: \"arcgis-scale-bar\",\n  styleUrl: \"scale-bar.css\"\n})\nexport class ArcgisScaleBar 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({ mutable: true }) view: ArcGISMapView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop() barStyle: ScaleBarWidget[\"style\"];\n\n  @Watch(\"barStyle\")\n  styleWatcher(newValue: ScaleBarWidget[\"style\"]): void {\n    if (this.widget) {\n      this.widget.style = newValue;\n    }\n  }\n\n  @Prop() unit: ScaleBarWidget[\"unit\"];\n\n  @Watch(\"unit\")\n  unitWatcher(newValue: ScaleBarWidget[\"unit\"]): void {\n    if (this.widget) {\n      this.widget.unit = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: ScaleBarWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.ScaleBar }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsScaleBar(params);\n\n    this.widget = widget;\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 _createParams(): Partial<ScaleBarWidget> {\n    const params: Partial<ScaleBarWidget> = {\n      container: this.childElem\n    };\n\n    if (this.unit) {\n      params.unit = this.unit;\n    }\n\n    if (this.barStyle) {\n      params.style = this.barStyle;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n}\n"],"version":3}