@arcgis/map-components 1.0.0-beta.14

package/dist/components/arcgis-directions.js

@@ -0,0 +1,230 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { l as newLayersRouteLayer, m as newWidgetsDirections, i as importCoreReactiveUtils } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+
+const arcgisDirectionsCss = "";
+
+const ArcgisDirections$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.apiKey = undefined;
+    this.itemId = undefined;
+    this.lastRoute = undefined;
+    this.layer = undefined;
+    this.maxStops = undefined;
+    this.searchProperties = undefined;
+    this.unit = 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);
+      }
+    }
+  }
+  apiKeyWatcher(value) {
+    if (value && this.widget) {
+      this.widget.apiKey = value;
+    }
+  }
+  itemIdWatcher(value) {
+    if (value && this.widget) {
+      newLayersRouteLayer({
+        portalItem: {
+          id: value
+        }
+      }).then((layer) => {
+        this.layer = layer;
+      });
+    }
+  }
+  layerWatcher(value) {
+    if (value && this.widget) {
+      this.widget.layer = value;
+      this.view?.map.add(this.layer);
+    }
+  }
+  maxStopsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.maxStops = value;
+    }
+  }
+  searchPropertiesWatcher(value) {
+    if (value && this.widget) {
+      this.widget.searchProperties = value;
+    }
+  }
+  unitWatcher(value) {
+    if (value && this.widget) {
+      this.widget.unit = value;
+    }
+  }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+      if (this.layer) {
+        this.widget.view.map.add(this.layer);
+      }
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async getDirections() {
+    return this.widget?.getDirections();
+  }
+  async save() {
+    return this.widget?.save();
+  }
+  async saveAs(portalItem, options) {
+    return this.widget?.saveAs(portalItem, options);
+  }
+  async zoomToRoute() {
+    return this.widget?.zoomToRoute();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = await this._createParams();
+    const widget = await newWidgetsDirections(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.lastRoute, (value) => (this.lastRoute = value), {
+      initial: true
+    });
+  }
+  async _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    if (this.apiKey) {
+      params.apiKey = this.apiKey;
+    }
+    if (this.itemId) {
+      params.layer = await newLayersRouteLayer({
+        portalItem: {
+          id: this.itemId
+        }
+      });
+      this.layer = params.layer;
+    }
+    else if (this.layer) {
+      params.layer = this.layer;
+      this.layer = params.layer;
+    }
+    else {
+      params.layer = await newLayersRouteLayer({});
+      this.layer = params.layer;
+    }
+    if (this.layer !== undefined) {
+      this.view?.map.add(this.layer);
+    }
+    if (this.maxStops !== undefined) {
+      params.maxStops = this.maxStops;
+    }
+    if (this.searchProperties) {
+      params.searchProperties = this.searchProperties;
+    }
+    if (this.unit) {
+      params.unit = this.unit;
+    }
+    return params;
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "apiKey": ["apiKeyWatcher"],
+    "itemId": ["itemIdWatcher"],
+    "layer": ["layerWatcher"],
+    "maxStops": ["maxStopsWatcher"],
+    "searchProperties": ["searchPropertiesWatcher"],
+    "unit": ["unitWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisDirectionsCss; }
+}, [0, "arcgis-directions", {
+    "referenceElement": [1, "reference-element"],
+    "apiKey": [1, "api-key"],
+    "itemId": [1, "item-id"],
+    "lastRoute": [1040],
+    "layer": [16],
+    "maxStops": [2, "max-stops"],
+    "searchProperties": [16],
+    "unit": [1],
+    "position": [1],
+    "expandable": [4],
+    "view": [16],
+    "widget": [1040],
+    "getDirections": [64],
+    "save": [64],
+    "saveAs": [64],
+    "zoomToRoute": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-directions", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-directions":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisDirections$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisDirections = ArcgisDirections$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisDirections, defineCustomElement };

package/dist/components/arcgis-directline-measurement-3d.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ArcgisDirectlineMeasurement3d extends Components.ArcgisDirectlineMeasurement3d, HTMLElement {}
+export const ArcgisDirectlineMeasurement3d: {
+  prototype: ArcgisDirectlineMeasurement3d;
+  new (): ArcgisDirectlineMeasurement3d;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/arcgis-directline-measurement-3d.js

@@ -0,0 +1,142 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { o as newWidgetsDirectLineMeasurement3D, i as importCoreReactiveUtils } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+
+const arcgisDirectlineMeasurement3dCss = "";
+
+const ArcgisDirectLineMeasurement3d = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.analysis = undefined;
+    this.unit = undefined;
+    this.unitOptions = undefined;
+    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);
+      }
+    }
+  }
+  unitWatcher(value) {
+    if (value && this.widget) {
+      this.widget.unit = value;
+    }
+  }
+  unitOptionsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.unitOptions = value;
+    }
+  }
+  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 newWidgetsDirectLineMeasurement3D(params);
+    this.widget = widget;
+    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;
+    }
+    if (this.unit) {
+      params.unit = this.unit;
+    }
+    if (this.unitOptions) {
+      params.unitOptions = this.unitOptions;
+    }
+    return params;
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "unit": ["unitWatcher"],
+    "unitOptions": ["unitOptionsWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisDirectlineMeasurement3dCss; }
+}, [0, "arcgis-directline-measurement-3d", {
+    "referenceElement": [1, "reference-element"],
+    "position": [1],
+    "expandable": [4],
+    "analysis": [1040],
+    "unit": [1],
+    "unitOptions": [16],
+    "widget": [1040],
+    "view": [16]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-directline-measurement-3d", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-directline-measurement-3d":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisDirectLineMeasurement3d);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisDirectlineMeasurement3d = ArcgisDirectLineMeasurement3d;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisDirectlineMeasurement3d, defineCustomElement };

package/dist/components/arcgis-distance-measurement-2d.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ArcgisDistanceMeasurement2d extends Components.ArcgisDistanceMeasurement2d, HTMLElement {}
+export const ArcgisDistanceMeasurement2d: {
+  prototype: ArcgisDistanceMeasurement2d;
+  new (): ArcgisDistanceMeasurement2d;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/arcgis-distance-measurement-2d.js

@@ -0,0 +1,133 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { p as newWidgetsDistanceMeasurement2D } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+
+const arcgisDistanceMeasurement2dCss = "";
+
+const ArcgisDistanceMeasurement2d$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.unit = undefined;
+    this.unitOptions = undefined;
+    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);
+      }
+    }
+  }
+  unitWatcher(value) {
+    if (value && this.widget) {
+      this.widget.unit = value;
+    }
+  }
+  unitOptionsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.unitOptions = value;
+    }
+  }
+  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 newWidgetsDistanceMeasurement2D(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.unit) {
+      params.unit = this.unit;
+    }
+    if (this.unitOptions) {
+      params.unitOptions = this.unitOptions;
+    }
+    return params;
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "unit": ["unitWatcher"],
+    "unitOptions": ["unitOptionsWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisDistanceMeasurement2dCss; }
+}, [0, "arcgis-distance-measurement-2d", {
+    "referenceElement": [1, "reference-element"],
+    "position": [1],
+    "expandable": [4],
+    "unit": [1],
+    "unitOptions": [16],
+    "widget": [1040],
+    "view": [16]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-distance-measurement-2d", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-distance-measurement-2d":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisDistanceMeasurement2d$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisDistanceMeasurement2d = ArcgisDistanceMeasurement2d$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisDistanceMeasurement2d, defineCustomElement };

package/dist/components/arcgis-editor.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ArcgisEditor extends Components.ArcgisEditor, HTMLElement {}
+export const ArcgisEditor: {
+  prototype: ArcgisEditor;
+  new (): ArcgisEditor;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;