@arcgis/map-components 1.0.0-beta.14

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

@@ -0,0 +1,111 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
+import { j as newWidgetsBasemapToggle, i as importCoreReactiveUtils } from './index-ad26b6d0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
+import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+
+const arcgisBasemapToggleCss = "";
+
+const ArcgisBasemapToggle = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.activeBasemap = undefined;
+    this.nextBasemap = 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);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  nextBasemapWatcher(value) {
+    if (value && this.widget) {
+      this.widget.nextBasemap = value;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async toggle() {
+    return this.widget?.toggle();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsBasemapToggle(params);
+    this.widget = widget;
+    await this._addWatchers();
+    this.widgetReady.emit(true);
+    checkForView(this);
+  }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.nextBasemap) {
+      params.nextBasemap = this.nextBasemap;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    watch(() => this.widget.activeBasemap, (value) => (this.activeBasemap = value), {
+      initial: true
+    });
+    watch(() => this.widget.nextBasemap, (value) => (this.nextBasemap = value), {
+      initial: true
+    });
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"],
+    "nextBasemap": ["nextBasemapWatcher"]
+  }; }
+};
+ArcgisBasemapToggle.style = arcgisBasemapToggleCss;
+
+export { ArcgisBasemapToggle as arcgis_basemap_toggle };

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

@@ -0,0 +1,136 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
+import { k as newWidgetsBookmarks, i as importCoreReactiveUtils } from './index-ad26b6d0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
+import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+
+const arcgisBookmarksCss = "";
+
+const ArcgisBookmarks = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.bookmarkEdit = createEvent(this, "bookmarkEdit", 7);
+    this.bookmarkSelect = createEvent(this, "bookmarkSelect", 7);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.bookmarks = undefined;
+    this.defaultCreateOptions = undefined;
+    this.defaultEditOptions = undefined;
+    this.editingEnabled = 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);
+      }
+    }
+  }
+  bookmarksWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.bookmarks = newValue;
+    }
+  }
+  defaultCreateOptionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.defaultCreateOptions = newValue;
+    }
+  }
+  defaultEditOptionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.defaultEditOptions = newValue;
+    }
+  }
+  editingEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.editingEnabled = newValue;
+    }
+  }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsBookmarks(params);
+    this.widget = widget;
+    await this._addWatchers();
+    this._proxyEvents();
+    this.widgetReady.emit(true);
+    checkForView(this);
+  }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    watch(() => this.widget.editingEnabled, (value) => (this.editingEnabled = value), {
+      initial: true
+    });
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    if (this.bookmarks) {
+      params.bookmarks = this.bookmarks;
+    }
+    if (this.defaultCreateOptions) {
+      params.defaultCreateOptions = this.defaultCreateOptions;
+    }
+    if (this.defaultEditOptions) {
+      params.defaultEditOptions = this.defaultEditOptions;
+    }
+    if (this.editingEnabled !== undefined) {
+      params.editingEnabled = this.editingEnabled;
+    }
+    return params;
+  }
+  _proxyEvents() {
+    this.widget.on("bookmark-edit", (e) => this.bookmarkEdit.emit(e));
+    this.widget.on("bookmark-select", (e) => this.bookmarkSelect.emit(e));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "bookmarks": ["bookmarksWatcher"],
+    "defaultCreateOptions": ["defaultCreateOptionsWatcher"],
+    "defaultEditOptions": ["defaultEditOptionsWatcher"],
+    "editingEnabled": ["editingEnabledWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisBookmarks.style = arcgisBookmarksCss;
+
+export { ArcgisBookmarks as arcgis_bookmarks };

package/dist/esm/arcgis-building-explorer.entry.js

@@ -0,0 +1,76 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
+import { l as newWidgetsBuildingExplorer } from './index-ad26b6d0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
+import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+
+const arcgisBuildingExplorerCss = "";
+
+const ArcgisBuildingExplorer = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.widget = undefined;
+    this.view = 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);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    const widget = await newWidgetsBuildingExplorer(params);
+    this.widget = widget;
+    if (this.view) {
+      widget.view = this.view;
+    }
+    this.widgetReady.emit(true);
+    checkForView(this);
+  }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return h("div", { ref: (el) => (this.childElem = el) });
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisBuildingExplorer.style = arcgisBuildingExplorerCss;
+
+export { ArcgisBuildingExplorer as arcgis_building_explorer };

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

@@ -0,0 +1,86 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
+import { m as newWidgetsCompass } from './index-ad26b6d0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
+import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+
+const arcgisCompassCss = "";
+
+const ArcgisCompass = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.position = "bottom-left";
+    this.widget = undefined;
+    this.view = 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);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async reset() {
+    return this.widget?.reset();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsCompass(params);
+    this.widget = widget;
+    this.widgetReady.emit(true);
+    checkForView(this);
+  }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  render() {
+    return h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisCompass.style = arcgisCompassCss;
+
+export { ArcgisCompass as arcgis_compass };

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

@@ -0,0 +1,154 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
+import { o as newWidgetsCoordinateConversion, i as importCoreReactiveUtils } from './index-ad26b6d0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
+import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+
+const arcgisCoordinateConversionCss = "";
+
+const ArcgisCoordinateConversion = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.conversions = undefined;
+    this.currentLocation = undefined;
+    this.formats = undefined;
+    this.locationSymbol = undefined;
+    this.mode = undefined;
+    this.multipleConversions = undefined;
+    this.orientation = undefined;
+    this.storageEnabled = undefined;
+    this.storageType = 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);
+      }
+    }
+  }
+  conversionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.conversions = newValue;
+    }
+  }
+  formatsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.formats = newValue;
+    }
+  }
+  locationSymbolWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.locationSymbol = newValue;
+    }
+  }
+  modeWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.mode = newValue;
+    }
+  }
+  multipleConversionsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.multipleConversions = newValue;
+    }
+  }
+  orientationWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.orientation = newValue;
+    }
+  }
+  storageEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.storageEnabled = newValue;
+    }
+  }
+  storageTypeWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.storageType = newValue;
+    }
+  }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async reverseConvert(coordinate, format) {
+    return this.widget?.reverseConvert(coordinate, format);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsCoordinateConversion(params);
+    this.widget = widget;
+    await this._addWatchers();
+    this.widgetReady.emit(true);
+    checkForView(this);
+  }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    watch(() => this.widget.currentLocation, (value) => (this.currentLocation = value), {
+      initial: true
+    });
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "conversions": ["conversionsWatcher"],
+    "formats": ["formatsWatcher"],
+    "locationSymbol": ["locationSymbolWatcher"],
+    "mode": ["modeWatcher"],
+    "multipleConversions": ["multipleConversionsWatcher"],
+    "orientation": ["orientationWatcher"],
+    "storageEnabled": ["storageEnabledWatcher"],
+    "storageType": ["storageTypeWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisCoordinateConversion.style = arcgisCoordinateConversionCss;
+
+export { ArcgisCoordinateConversion as arcgis_coordinate_conversion };

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

@@ -0,0 +1,112 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
+import { p as newWidgetsDaylight } from './index-ad26b6d0.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
+import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+
+const arcgisDaylightCss = "";
+
+const ArcgisDaylight = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.dateOrSeason = undefined;
+    this.playSpeedMultiplier = undefined;
+    this.timeSliderSteps = 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);
+      }
+    }
+  }
+  dateOrSeasonWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.dateOrSeason = newValue;
+    }
+  }
+  playSpeedMultiplierWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.playSpeedMultiplier = newValue;
+    }
+  }
+  timeSliderStepsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.timeSliderSteps = newValue;
+    }
+  }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsDaylight(params);
+    this.widget = widget;
+    this.widgetReady.emit(true);
+    checkForView(this);
+  }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    if (this.dateOrSeason) {
+      params.dateOrSeason = this.dateOrSeason;
+    }
+    if (this.playSpeedMultiplier) {
+      params.playSpeedMultiplier = this.playSpeedMultiplier;
+    }
+    if (this.timeSliderSteps) {
+      params.timeSliderSteps = this.timeSliderSteps;
+    }
+    return params;
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "dateOrSeason": ["dateOrSeasonWatcher"],
+    "playSpeedMultiplier": ["playSpeedMultiplierWatcher"],
+    "timeSliderSteps": ["timeSliderStepsWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisDaylight.style = arcgisDaylightCss;
+
+export { ArcgisDaylight as arcgis_daylight };