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

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

@@ -1,34 +1,28 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { q as newWidgetsCompass } 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 newWidgetsCompass } 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 arcgisCompassCss = "";
+const compassCss = "";
 
 const ArcgisCompass = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.widget = undefined;
     this.view = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
   positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+      this.view.ui.move(this.childElem, newValue);
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.view = newValue;
@@ -76,11 +70,13 @@ const ArcgisCompass = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
     "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisCompass.style = arcgisCompassCss;
+ArcgisCompass.style = compassCss;
 
 export { ArcgisCompass as arcgis_compass };
+
+//# sourceMappingURL=arcgis-compass.entry.js.map

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

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

package/dist/esm/arcgis-coordinate-conversion.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { r as newWidgetsCoordinateConversion, 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 { o as newWidgetsCoordinateConversion, 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 arcgisCoordinateConversionCss = "";
+const coordinateConversionCss = "";
 
 const ArcgisCoordinateConversion = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.conversions = undefined;
     this.currentLocation = undefined;
@@ -19,50 +20,42 @@ const ArcgisCoordinateConversion = class {
     this.orientation = undefined;
     this.storageEnabled = undefined;
     this.storageType = undefined;
+    this.visibleElements = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
   }
   conversionsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.conversions = newValue;
     }
   }
   formatsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.formats = newValue;
     }
   }
   locationSymbolWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.locationSymbol = newValue;
     }
   }
   modeWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.mode = newValue;
     }
   }
   multipleConversionsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.multipleConversions = newValue;
     }
   }
   orientationWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.orientation = newValue;
     }
   }
@@ -72,12 +65,19 @@ const ArcgisCoordinateConversion = class {
     }
   }
   storageTypeWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.storageType = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  visibleElementsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.visibleElements = newValue;
+    }
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -121,14 +121,41 @@ const ArcgisCoordinateConversion = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.currentLocation, (value) => (this.currentLocation = value), {
+    addHandles(this, watch(() => this.widget.currentLocation, (value) => (this.currentLocation = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
       container: this.childElem
     };
+    if (this.conversions) {
+      params.conversions = this.conversions;
+    }
+    if (this.formats) {
+      params.formats = this.formats;
+    }
+    if (this.locationSymbol) {
+      params.locationSymbol = this.locationSymbol;
+    }
+    if (this.mode) {
+      params.mode = this.mode;
+    }
+    if (this.multipleConversions) {
+      params.multipleConversions = this.multipleConversions;
+    }
+    if (this.orientation) {
+      params.orientation = this.orientation;
+    }
+    if (this.storageEnabled !== undefined) {
+      params.storageEnabled = this.storageEnabled;
+    }
+    if (this.storageType) {
+      params.storageType = this.storageType;
+    }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -136,7 +163,7 @@ const ArcgisCoordinateConversion = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "conversions": ["conversionsWatcher"],
     "formats": ["formatsWatcher"],
     "locationSymbol": ["locationSymbolWatcher"],
@@ -145,10 +172,13 @@ const ArcgisCoordinateConversion = class {
     "orientation": ["orientationWatcher"],
     "storageEnabled": ["storageEnabledWatcher"],
     "storageType": ["storageTypeWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisCoordinateConversion.style = arcgisCoordinateConversionCss;
+ArcgisCoordinateConversion.style = coordinateConversionCss;
 
 export { ArcgisCoordinateConversion as arcgis_coordinate_conversion };
+
+//# sourceMappingURL=arcgis-coordinate-conversion.entry.js.map

package/dist/esm/arcgis-coordinate-conversion.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-coordinate-conversion.entry.js","mappings":"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","names":[],"sources":["src/components/coordinate-conversion/coordinate-conversion.css?tag=arcgis-coordinate-conversion","src/components/coordinate-conversion/coordinate-conversion.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Method, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsCoordinateConversion } from \"@arcgis/core-adapter\";\nimport type CoordinateConversion from \"@arcgis/core/widgets/CoordinateConversion\";\nimport { ArcgisReferenceElement, addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type CoordinateConversionWidget = InstanceType<typeof CoordinateConversion>;\n\n@Component({\n  tag: \"arcgis-coordinate-conversion\",\n  styleUrl: \"coordinate-conversion.css\",\n  shadow: false\n})\nexport class ArcgisCoordinateConversion implements ExpandableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Element\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  expandElem: HTMLArcgisExpandElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop() conversions: CoordinateConversionWidget[\"conversions\"];\n\n  @Watch(\"conversions\")\n  conversionsWatcher(newValue: CoordinateConversionWidget[\"conversions\"]): void {\n    if (this.widget) {\n      this.widget.conversions = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) currentLocation: CoordinateConversionWidget[\"currentLocation\"];\n\n  @Prop() formats: CoordinateConversionWidget[\"formats\"];\n\n  @Watch(\"formats\")\n  formatsWatcher(newValue: CoordinateConversionWidget[\"formats\"]): void {\n    if (this.widget) {\n      this.widget.formats = newValue;\n    }\n  }\n\n  @Prop() locationSymbol: CoordinateConversionWidget[\"locationSymbol\"];\n\n  @Watch(\"locationSymbol\")\n  locationSymbolWatcher(newValue: CoordinateConversionWidget[\"locationSymbol\"]): void {\n    if (this.widget) {\n      this.widget.locationSymbol = newValue;\n    }\n  }\n\n  @Prop() mode: CoordinateConversionWidget[\"mode\"];\n\n  @Watch(\"mode\")\n  modeWatcher(newValue: CoordinateConversionWidget[\"mode\"]): void {\n    if (this.widget) {\n      this.widget.mode = newValue;\n    }\n  }\n\n  @Prop() multipleConversions: CoordinateConversionWidget[\"multipleConversions\"];\n\n  @Watch(\"multipleConversions\")\n  multipleConversionsWatcher(newValue: CoordinateConversionWidget[\"multipleConversions\"]): void {\n    if (this.widget) {\n      this.widget.multipleConversions = newValue;\n    }\n  }\n\n  @Prop() orientation: CoordinateConversionWidget[\"orientation\"];\n\n  @Watch(\"orientation\")\n  orientationWatcher(newValue: CoordinateConversionWidget[\"orientation\"]): void {\n    if (this.widget) {\n      this.widget.orientation = newValue;\n    }\n  }\n\n  @Prop() storageEnabled: CoordinateConversionWidget[\"storageEnabled\"];\n\n  @Watch(\"storageEnabled\")\n  storageEnabledWatcher(newValue: CoordinateConversionWidget[\"storageEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.storageEnabled = newValue;\n    }\n  }\n\n  @Prop() storageType: CoordinateConversionWidget[\"storageType\"];\n\n  @Watch(\"storageType\")\n  storageTypeWatcher(newValue: CoordinateConversionWidget[\"storageType\"]): void {\n    if (this.widget) {\n      this.widget.storageType = newValue;\n    }\n  }\n\n  @Prop() visibleElements: CoordinateConversionWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: CoordinateConversionWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = newValue;\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView | ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: CoordinateConversionWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.CoordinateConversion }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async reverseConvert(coordinate: string, format: __esri.Format): Promise<__esri.Point> {\n    return this.widget?.reverseConvert(coordinate, format);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsCoordinateConversion(params);\n\n    this.widget = widget;\n\n    await this._addWatchers();\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el as HTMLArcgisExpandElement)}>\n          <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.currentLocation,\n        (value) => (this.currentLocation = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<CoordinateConversionWidget> {\n    const params: Partial<CoordinateConversionWidget> = {\n      container: this.childElem\n    };\n\n    if (this.conversions) {\n      params.conversions = this.conversions;\n    }\n\n    if (this.formats) {\n      params.formats = this.formats;\n    }\n\n    if (this.locationSymbol) {\n      params.locationSymbol = this.locationSymbol;\n    }\n\n    if (this.mode) {\n      params.mode = this.mode;\n    }\n\n    if (this.multipleConversions) {\n      params.multipleConversions = this.multipleConversions;\n    }\n\n    if (this.orientation) {\n      params.orientation = this.orientation;\n    }\n\n    if (this.storageEnabled !== undefined) {\n      params.storageEnabled = this.storageEnabled;\n    }\n\n    if (this.storageType) {\n      params.storageType = this.storageType;\n    }\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

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

@@ -1,34 +1,27 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { s as newWidgetsDaylight } 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 { p as newWidgetsDaylight } 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 arcgisDaylightCss = "";
+const daylightCss = "";
 
 const ArcgisDaylight = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.dateOrSeason = undefined;
     this.playSpeedMultiplier = undefined;
     this.timeSliderSteps = undefined;
+    this.visibleElements = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
   }
   dateOrSeasonWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -45,8 +38,15 @@ const ArcgisDaylight = class {
       this.widget.timeSliderSteps = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  visibleElementsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.visibleElements = newValue;
+    }
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -99,14 +99,17 @@ const ArcgisDaylight = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "dateOrSeason": ["dateOrSeasonWatcher"],
     "playSpeedMultiplier": ["playSpeedMultiplierWatcher"],
     "timeSliderSteps": ["timeSliderStepsWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisDaylight.style = arcgisDaylightCss;
+ArcgisDaylight.style = daylightCss;
 
 export { ArcgisDaylight as arcgis_daylight };
+
+//# sourceMappingURL=arcgis-daylight.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-daylight.entry.js","mappings":"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","names":[],"sources":["src/components/daylight/daylight.css?tag=arcgis-daylight","src/components/daylight/daylight.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsDaylight } from \"@arcgis/core-adapter\";\nimport type Daylight from \"@arcgis/core/widgets/Daylight\";\nimport { ArcgisReferenceElement, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISSceneView } from \"../types\";\n\nexport type DaylightWidget = InstanceType<typeof Daylight>;\n\n@Component({\n  tag: \"arcgis-daylight\",\n  styleUrl: \"daylight.css\",\n  shadow: false\n})\nexport class ArcgisDaylight 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() dateOrSeason: DaylightWidget[\"dateOrSeason\"];\n\n  @Watch(\"dateOrSeason\")\n  dateOrSeasonWatcher(newValue: DaylightWidget[\"dateOrSeason\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.dateOrSeason = newValue;\n    }\n  }\n\n  @Prop() playSpeedMultiplier: number;\n\n  @Watch(\"playSpeedMultiplier\")\n  playSpeedMultiplierWatcher(newValue: DaylightWidget[\"playSpeedMultiplier\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.playSpeedMultiplier = newValue;\n    }\n  }\n\n  @Prop() timeSliderSteps: DaylightWidget[\"timeSliderSteps\"];\n\n  @Watch(\"timeSliderSteps\")\n  timeSliderStepsWatcher(newValue: DaylightWidget[\"timeSliderSteps\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.timeSliderSteps = newValue;\n    }\n  }\n\n  @Prop() visibleElements: DaylightWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: DaylightWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = newValue;\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) view: 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: DaylightWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Daylight }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsDaylight(params);\n\n    this.widget = widget;\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el as HTMLArcgisExpandElement)}>\n          <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): Partial<DaylightWidget> {\n    const params: Partial<DaylightWidget> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    if (this.dateOrSeason) {\n      params.dateOrSeason = this.dateOrSeason;\n    }\n\n    if (this.playSpeedMultiplier) {\n      params.playSpeedMultiplier = this.playSpeedMultiplier;\n    }\n\n    if (this.timeSliderSteps) {\n      params.timeSliderSteps = this.timeSliderSteps;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

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

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { t as newLayersRouteLayer, u as newWidgetsDirections, 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 { q as newLayersRouteLayer, r as newWidgetsDirections, i as importCoreReactiveUtils } from './index-fd2cea51.js';
+import { r as referenceElementHelper, i as isNullOrEmptyString, c as checkForView, a as addHandles } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisDirectionsCss = "";
+const directionsCss = "";
 
 const ArcgisDirections = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.apiKey = undefined;
     this.routeLayerItemId = undefined;
@@ -17,22 +18,15 @@ const ArcgisDirections = class {
     this.maxStops = undefined;
     this.searchProperties = undefined;
     this.unit = undefined;
+    this.useDefaultRouteLayer = true;
+    this.visibleElements = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
   }
   apiKeyWatcher(value) {
     if (value && this.widget) {
@@ -40,7 +34,16 @@ const ArcgisDirections = class {
     }
   }
   routeLayerItemIdWatcher(value) {
-    if (value && this.widget) {
+    if (isNullOrEmptyString(value)) {
+      this.view?.map.remove(this.layer);
+      // maintain a default route layer
+      if (this.useDefaultRouteLayer) {
+        newLayersRouteLayer({}).then((layer) => {
+          this.layer = layer;
+        });
+      }
+    }
+    else if (value && this.widget) {
       newLayersRouteLayer({
         portalItem: {
           id: value
@@ -50,29 +53,42 @@ const ArcgisDirections = class {
       });
     }
   }
-  layerWatcher(value) {
+  layerWatcher(value, old) {
+    if (old) {
+      this.view?.map.remove(old);
+    }
     if (value && this.widget) {
       this.widget.layer = value;
       this.view?.map.add(this.layer);
     }
+    else if (!value) {
+      this.widget.layer = null;
+    }
   }
   maxStopsWatcher(value) {
-    if (value && this.widget) {
+    if (value !== undefined && this.widget) {
       this.widget.maxStops = value;
     }
   }
   searchPropertiesWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.searchProperties = value;
     }
   }
   unitWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.unit = value;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  visibleElementsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.visibleElements = newValue;
+    }
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -128,9 +144,9 @@ const ArcgisDirections = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.lastRoute, (value) => (this.lastRoute = value), {
+    addHandles(this, watch(() => this.widget.lastRoute, (value) => (this.lastRoute = value), {
       initial: true
-    });
+    }));
   }
   async _createParams() {
     const params = {
@@ -154,7 +170,7 @@ const ArcgisDirections = class {
       params.layer = this.layer;
       this.layer = params.layer;
     }
-    else {
+    else if (this.useDefaultRouteLayer) {
       params.layer = await newLayersRouteLayer({});
       this.layer = params.layer;
     }
@@ -170,21 +186,27 @@ const ArcgisDirections = class {
     if (this.unit) {
       params.unit = this.unit;
     }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     return params;
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "apiKey": ["apiKeyWatcher"],
     "routeLayerItemId": ["routeLayerItemIdWatcher"],
     "layer": ["layerWatcher"],
     "maxStops": ["maxStopsWatcher"],
     "searchProperties": ["searchPropertiesWatcher"],
     "unit": ["unitWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisDirections.style = arcgisDirectionsCss;
+ArcgisDirections.style = directionsCss;
 
 export { ArcgisDirections as arcgis_directions };
+
+//# sourceMappingURL=arcgis-directions.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-directions.entry.js","mappings":"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","names":[],"sources":["src/components/directions/directions.css?tag=arcgis-directions","src/components/directions/directions.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, h, Method, Prop, VNode, Watch } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newLayersRouteLayer, newWidgetsDirections } from \"@arcgis/core-adapter\";\nimport type Directions from \"@arcgis/core/widgets/Directions\";\nimport {\n  addHandles,\n  ArcgisReferenceElement,\n  checkForView,\n  isNullOrEmptyString,\n  referenceElementHelper\n} from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type DirectionsWidget = InstanceType<typeof Directions>;\n\n@Component({\n  tag: \"arcgis-directions\",\n  styleUrl: \"directions.css\",\n  shadow: false\n})\nexport class ArcgisDirections 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() apiKey: string;\n\n  @Watch(\"apiKey\")\n  apiKeyWatcher(value: string): void {\n    if (value && this.widget) {\n      this.widget.apiKey = value;\n    }\n  }\n\n  @Prop() routeLayerItemId: string;\n\n  @Watch(\"routeLayerItemId\")\n  routeLayerItemIdWatcher(value: string): void {\n    if (isNullOrEmptyString(value)) {\n      this.view?.map.remove(this.layer);\n      // maintain a default route layer\n      if (this.useDefaultRouteLayer) {\n        newLayersRouteLayer({}).then((layer) => {\n          this.layer = layer;\n        });\n      }\n    } else if (value && this.widget) {\n      newLayersRouteLayer({\n        portalItem: {\n          id: value\n        } as any\n      }).then((layer) => {\n        this.layer = layer;\n      });\n    }\n  }\n\n  @Prop({ mutable: true }) lastRoute: DirectionsWidget[\"lastRoute\"];\n\n  @Prop() layer: DirectionsWidget[\"layer\"];\n\n  @Watch(\"layer\")\n  layerWatcher(value: DirectionsWidget[\"layer\"], old: DirectionsWidget[\"layer\"]): void {\n    if (old) {\n      this.view?.map.remove(old);\n    }\n    if (value && this.widget) {\n      this.widget.layer = value;\n      this.view?.map.add(this.layer);\n    } else if (!value) {\n      this.widget.layer = null!;\n    }\n  }\n\n  @Prop() maxStops: DirectionsWidget[\"maxStops\"];\n\n  @Watch(\"maxStops\")\n  maxStopsWatcher(value: DirectionsWidget[\"maxStops\"]): void {\n    if (value !== undefined && this.widget) {\n      this.widget.maxStops = value;\n    }\n  }\n\n  @Prop() searchProperties: DirectionsWidget[\"searchProperties\"];\n\n  @Watch(\"searchProperties\")\n  searchPropertiesWatcher(value: DirectionsWidget[\"searchProperties\"]): void {\n    if (this.widget) {\n      this.widget.searchProperties = value;\n    }\n  }\n\n  @Prop() unit: DirectionsWidget[\"unit\"];\n\n  @Watch(\"unit\")\n  unitWatcher(value: DirectionsWidget[\"unit\"]): void {\n    if (this.widget) {\n      this.widget.unit = value;\n    }\n  }\n\n  @Prop() useDefaultRouteLayer: boolean = true;\n\n  @Prop() visibleElements: DirectionsWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: DirectionsWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = newValue;\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView | ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n      if (this.layer) {\n        this.widget.view.map.add(this.layer);\n      }\n    }\n  }\n\n  @Prop({ mutable: true }) widget: DirectionsWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Directions }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async getDirections(): Promise<__esri.RouteLayerSolveResult> {\n    return this.widget?.getDirections();\n  }\n\n  @Method()\n  async save(): Promise<__esri.PortalItem> {\n    return this.widget?.save();\n  }\n\n  @Method()\n  async saveAs(\n    portalItem: Promise<__esri.PortalItem>,\n    options: { folder: __esri.PortalFolder }\n  ): Promise<__esri.PortalItem> {\n    return this.widget?.saveAs(portalItem, options);\n  }\n\n  @Method()\n  async zoomToRoute(): Promise<void> {\n    return this.widget?.zoomToRoute();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = await this._createParams();\n\n    const widget = await newWidgetsDirections(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.lastRoute,\n        (value) => (this.lastRoute = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private async _createParams(): Promise<Partial<DirectionsWidget>> {\n    const params: Partial<DirectionsWidget> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    if (this.apiKey) {\n      params.apiKey = this.apiKey;\n    }\n\n    if (this.routeLayerItemId) {\n      params.layer = await newLayersRouteLayer({\n        portalItem: {\n          id: this.routeLayerItemId\n        }\n      });\n      this.layer = params.layer;\n    } else if (this.layer) {\n      params.layer = this.layer;\n      this.layer = params.layer;\n    } else if (this.useDefaultRouteLayer) {\n      params.layer = await newLayersRouteLayer({});\n      this.layer = params.layer;\n    }\n\n    if (this.layer !== undefined) {\n      this.view?.map.add(this.layer);\n    }\n\n    if (this.maxStops !== undefined) {\n      params.maxStops = this.maxStops;\n    }\n\n    if (this.searchProperties) {\n      params.searchProperties = this.searchProperties;\n    }\n\n    if (this.unit) {\n      params.unit = this.unit;\n    }\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    return params;\n  }\n}\n"],"version":3}