@arcgis/map-components 1.0.0-beta.18 → 4.28.0-beta.0

package/dist/arcgis-map-components/arcgis-line-of-sight.entry.js

@@ -1,90 +0,0 @@
-import { r as registerInstance, e as createEvent, h, g as getElement } from './index-d9a93dfb.js';
-import { F as newWidgetsLineOfSight, i as importCoreReactiveUtils } from './index-82d260eb.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
-
-const arcgisLineOfSightCss = "arcgis-line-of-sight{}";
-
-const ArcgisLineOfSight = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.widgetReady = createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.analysis = 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;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = this._createParams();
-    const widget = await newWidgetsLineOfSight(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.analysis, (value) => (this.analysis = 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"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
-};
-ArcgisLineOfSight.style = arcgisLineOfSightCss;
-
-export { ArcgisLineOfSight as arcgis_line_of_sight };

package/dist/arcgis-map-components/arcgis-locate.entry.js

@@ -1,154 +0,0 @@
-import { r as registerInstance, e as createEvent, h, g as getElement } from './index-d9a93dfb.js';
-import { G as newWidgetsLocate } from './index-82d260eb.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
-
-const arcgisLocateCss = "arcgis-locate{}";
-
-const ArcgisLocate = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.widgetReady = createEvent(this, "widgetReady", 7);
-    this.locateSuccess = createEvent(this, "locateSuccess", 7);
-    this.locateError = createEvent(this, "locateError", 7);
-    this.referenceElement = undefined;
-    this.geolocationOptions = undefined;
-    this.goToLocationEnabled = undefined;
-    this.graphic = undefined;
-    this.popupEnabled = undefined;
-    this.scale = undefined;
-    this.position = "bottom-left";
-    this.view = undefined;
-    this.widget = undefined;
-    this.useHeadingEnabled = true;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
-  }
-  geolocationOptionsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.geolocationOptions = newValue;
-    }
-  }
-  goToLocationEnabledWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.goToLocationEnabled = newValue;
-    }
-  }
-  graphicWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.graphic = newValue;
-    }
-  }
-  popupEnabledWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.popupEnabled = newValue;
-    }
-  }
-  scaleWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.scale = newValue;
-    }
-  }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
-    }
-  }
-  useHeadingWatcher(newValue) {
-    if (this.widget) {
-      this.widget.useHeadingEnabled = newValue;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods
-  //
-  //--------------------------------------------------------------------------
-  async cancelLocate() {
-    return this.widget?.cancelLocate();
-  }
-  async locate() {
-    return this.widget?.locate();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = this._createParams();
-    const widget = await newWidgetsLocate(params);
-    this.widget = widget;
-    this._proxyEvents();
-    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,
-      useHeadingEnabled: this.useHeadingEnabled
-    };
-    if (this.geolocationOptions !== undefined) {
-      params.geolocationOptions = this.geolocationOptions;
-    }
-    if (this.goToLocationEnabled !== undefined) {
-      params.goToLocationEnabled = this.goToLocationEnabled;
-    }
-    if (this.graphic !== undefined) {
-      params.graphic = this.graphic;
-    }
-    if (this.popupEnabled !== undefined) {
-      params.popupEnabled = this.popupEnabled;
-    }
-    if (this.scale !== undefined) {
-      params.scale = this.scale;
-    }
-    if (this.view) {
-      params.view = this.view;
-    }
-    return params;
-  }
-  async _proxyEvents() {
-    this.widget?.on("locate", (e) => this.locateSuccess.emit(e));
-    this.widget?.on("locate-error", (e) => this.locateError.emit(e));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "position": ["positionWatcher"],
-    "geolocationOptions": ["geolocationOptionsWatcher"],
-    "goToLocationEnabled": ["goToLocationEnabledWatcher"],
-    "graphic": ["graphicWatcher"],
-    "popupEnabled": ["popupEnabledWatcher"],
-    "scale": ["scaleWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"],
-    "useHeadingEnabled": ["useHeadingWatcher"]
-  }; }
-};
-ArcgisLocate.style = arcgisLocateCss;
-
-export { ArcgisLocate as arcgis_locate };

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

@@ -1,104 +0,0 @@
-import { r as registerInstance, e as createEvent, h, g as getElement } from './index-d9a93dfb.js';
-import { H as importConfig, I as newWebMap, J as newViewsMapView, i as importCoreReactiveUtils } from './index-82d260eb.js';
-import { d as disableNavigation } from './mapping-utils-26beb904.js';
-
-const arcgisMapCss = ".arcgis-map{padding:0;margin:0;height:100%;width:100%}";
-
-const ArcgisMap = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.viewReady = createEvent(this, "viewReady", 7);
-    this.apiKey = undefined;
-    this.basemap = undefined;
-    this.disableNavigation = false;
-    this.itemId = undefined;
-    this.zoom = undefined;
-    this.center = undefined;
-    this.view = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  apiKeyWatcher(value) {
-    this.config.apiKey = value;
-  }
-  itemIdWatcher(value, old) {
-    if (value && value !== old) {
-      this.loadMap();
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentWillLoad() {
-    this.config = await importConfig();
-    if (this.apiKey) {
-      this.config.apiKey = this.apiKey;
-    }
-    await this.loadMap();
-  }
-  componentDidRender() {
-    if (this.view) {
-      this.view.container = this.el;
-    }
-  }
-  render() {
-    return h("div", { class: "arcgis-map", ref: (el) => (this.el = el) });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  async loadMap() {
-    const mapParams = {};
-    if (this.itemId) {
-      mapParams.portalItem = {
-        id: this.itemId
-      };
-    }
-    if (this.basemap) {
-      mapParams.basemap = this.basemap;
-    }
-    const map = await newWebMap(mapParams);
-    const params = {};
-    if (this.zoom) {
-      params.zoom = this.zoom;
-    }
-    if (this.center) {
-      if (typeof this.center === "string") {
-        params.center = this.center.split(",").map((x) => Number(x));
-      }
-      else {
-        params.center = this.center;
-      }
-    }
-    const view = await newViewsMapView({
-      map,
-      ...params
-    });
-    const { watch } = await importCoreReactiveUtils();
-    this.view = view;
-    watch(() => this.view.center, (center) => {
-      const value = `${center.longitude},${center.latitude}`;
-      this.center = value;
-    });
-    watch(() => this.view.zoom, (value) => (this.zoom = value));
-    if (this.disableNavigation) {
-      disableNavigation(this.view);
-    }
-    this.viewReady.emit(true);
-  }
-  get hostElem() { return getElement(this); }
-  static get watchers() { return {
-    "apiKey": ["apiKeyWatcher"],
-    "itemId": ["itemIdWatcher"]
-  }; }
-};
-ArcgisMap.style = arcgisMapCss;
-
-export { ArcgisMap as arcgis_map };

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

@@ -1,119 +0,0 @@
-import { r as registerInstance, e as createEvent, h, g as getElement } from './index-d9a93dfb.js';
-import { K as newWidgetsMeasurement, i as importCoreReactiveUtils } from './index-82d260eb.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
-
-const arcgisMeasurementCss = "arcgis-measurement{}";
-
-const ArcgisMeasurement = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.widgetReady = createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.activeTool = undefined;
-    this.activeWidget = undefined;
-    this.areaUnit = undefined;
-    this.linearUnit = undefined;
-    this.position = "bottom-left";
-    this.expandable = false;
-    this.view = undefined;
-    this.widget = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  activeToolWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.activeTool = newValue;
-    }
-  }
-  areaUnitWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.areaUnit = newValue;
-    }
-  }
-  linearUnitWatcher(newValue) {
-    if (newValue !== undefined && 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);
-      }
-    }
-  }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods
-  //
-  //--------------------------------------------------------------------------
-  async startMeasurement() {
-    return this.widget?.startMeasurement();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = this._createParams();
-    const widget = await newWidgetsMeasurement(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.activeWidget, (value) => (this.activeWidget = 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 {
-    "activeTool": ["activeToolWatcher"],
-    "areaUnit": ["areaUnitWatcher"],
-    "linearUnit": ["linearUnitWatcher"],
-    "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
-};
-ArcgisMeasurement.style = arcgisMeasurementCss;
-
-export { ArcgisMeasurement as arcgis_measurement };

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

@@ -1,93 +0,0 @@
-import { r as registerInstance, e as createEvent, h, g as getElement } from './index-d9a93dfb.js';
-import { L as newWidgetsNavigationToggle } from './index-82d260eb.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-d3552de2.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
-
-const arcgisNavigationToggleCss = "arcgis-navigation-toggle{}";
-
-const ArcgisNavigationToggle = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.widgetReady = createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.layout = undefined;
-    this.position = "bottom-left";
-    this.view = undefined;
-    this.widget = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  layoutWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.layout = newValue;
-    }
-  }
-  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;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  async toggle() {
-    return this.widget?.toggle();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = this._createParams();
-    const widget = await newWidgetsNavigationToggle(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 {
-    "layout": ["layoutWatcher"],
-    "position": ["positionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
-};
-ArcgisNavigationToggle.style = arcgisNavigationToggleCss;
-
-export { ArcgisNavigationToggle as arcgis_navigation_toggle };