@arcgis/map-components 1.0.0-beta.14

package/dist/components/arcgis-home.js

@@ -0,0 +1,129 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { C as newWidgetsHome } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
+
+const arcgisHomeCss = "arcgis-home{}";
+
+const ArcgisHome$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.goCalled = createEvent(this, "goCalled", 7);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.viewpoint = undefined;
+    this.view = undefined;
+    this.position = "bottom-left";
+    this.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      if (typeof this.view !== "string") {
+        this.view.ui.move(this.childElem, newValue);
+      }
+    }
+  }
+  viewpointWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.viewpoint = newValue;
+    }
+  }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async cancelGo() {
+    return this.widget?.cancelGo();
+  }
+  async go() {
+    return this.widget?.go();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsHome(params);
+    this.widget = widget;
+    this.widgetReady.emit(true);
+    this._proxyEvents();
+    checkForView(this);
+  }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  render() {
+    return h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.viewpoint) {
+      params.viewpoint = this.viewpoint;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  async _proxyEvents() {
+    this.widget?.on("go", (e) => this.goCalled.emit(e));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "viewpoint": ["viewpointWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisHomeCss; }
+}, [0, "arcgis-home", {
+    "referenceElement": [1, "reference-element"],
+    "viewpoint": [16],
+    "view": [16],
+    "position": [1],
+    "widget": [1040],
+    "cancelGo": [64],
+    "go": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-home"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-home":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisHome$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisHome = ArcgisHome$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisHome, defineCustomElement };

package/dist/components/arcgis-layer-list.d.ts

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

package/dist/components/arcgis-layer-list.js

@@ -0,0 +1,158 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { D as newWidgetsLayerList, 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 arcgisLayerListCss = "";
+
+const ArcgisLayerList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.triggerActionEvent = createEvent(this, "triggerActionEvent", 7);
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.multipleSelectionEnabled = undefined;
+    this.operationalItems = undefined;
+    this.selectedItems = undefined;
+    this.selectionEnabled = 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);
+      }
+    }
+  }
+  multipleSelectionEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.multipleSelectionEnabled = newValue;
+    }
+  }
+  selectedItemsWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.selectedItems = newValue;
+    }
+  }
+  selectionEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.selectionEnabled = newValue;
+    }
+  }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async triggerAction(action, item) {
+    return this.widget?.triggerAction(action, item);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsLayerList(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.operationalItems, (value) => (this.operationalItems = value), {
+      initial: true
+    });
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  async _proxyEvents() {
+    this.widget?.on("trigger-action", (e) => this.triggerActionEvent.emit(e));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "multipleSelectionEnabled": ["multipleSelectionEnabledWatcher"],
+    "selectedItems": ["selectedItemsWatcher"],
+    "selectionEnabled": ["selectionEnabledWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisLayerListCss; }
+}, [0, "arcgis-layer-list", {
+    "referenceElement": [1, "reference-element"],
+    "multipleSelectionEnabled": [4, "multiple-selection-enabled"],
+    "operationalItems": [1040],
+    "selectedItems": [16],
+    "selectionEnabled": [4, "selection-enabled"],
+    "position": [1],
+    "expandable": [4],
+    "view": [16],
+    "widget": [1040],
+    "triggerAction": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-layer-list", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-layer-list":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisLayerList$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisLayerList = ArcgisLayerList$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisLayerList, defineCustomElement };

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

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

package/dist/components/arcgis-legend.js

@@ -0,0 +1,177 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { E as newWidgetsLegend } 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 arcgisLegendCss = "";
+
+const ArcgisLegend$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.activeLayerInfos = undefined;
+    this.basemapLegendVisible = undefined;
+    this.hideLayersNotInCurrentView = undefined;
+    this.layerInfos = undefined;
+    this.respectLayerVisibility = undefined;
+    this.legendStyle = 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);
+      }
+    }
+  }
+  activeLayerInfosWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.activeLayerInfos = newValue;
+    }
+  }
+  basemapLegendVisibleWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.basemapLegendVisible = newValue;
+    }
+  }
+  hideLayersNotInCurrentViewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.hideLayersNotInCurrentView = newValue;
+    }
+  }
+  layerInfosWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.layerInfos = newValue;
+    }
+  }
+  respectLayerVisibilityWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.respectLayerVisibility = newValue;
+    }
+  }
+  styleWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.style = 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 newWidgetsLegend(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.activeLayerInfos) {
+      params.activeLayerInfos = this.activeLayerInfos;
+    }
+    if (this.basemapLegendVisible !== undefined) {
+      params.basemapLegendVisible = this.basemapLegendVisible;
+    }
+    if (this.hideLayersNotInCurrentView !== undefined) {
+      params.hideLayersNotInCurrentView = this.hideLayersNotInCurrentView;
+    }
+    if (this.layerInfos) {
+      params.layerInfos = this.layerInfos;
+    }
+    if (this.respectLayerVisibility !== undefined) {
+      params.respectLayerVisibility = this.respectLayerVisibility;
+    }
+    if (this.legendStyle) {
+      params.style = this.legendStyle;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "activeLayerInfos": ["activeLayerInfosWatcher"],
+    "basemapLegendVisible": ["basemapLegendVisibleWatcher"],
+    "hideLayersNotInCurrentView": ["hideLayersNotInCurrentViewWatcher"],
+    "layerInfos": ["layerInfosWatcher"],
+    "respectLayerVisibility": ["respectLayerVisibilityWatcher"],
+    "legendStyle": ["styleWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisLegendCss; }
+}, [0, "arcgis-legend", {
+    "referenceElement": [1, "reference-element"],
+    "activeLayerInfos": [16],
+    "basemapLegendVisible": [4, "basemap-legend-visible"],
+    "hideLayersNotInCurrentView": [4, "hide-layers-not-in-current-view"],
+    "layerInfos": [16],
+    "respectLayerVisibility": [4, "respect-layer-visibility"],
+    "legendStyle": [1, "legend-style"],
+    "position": [1],
+    "expandable": [4],
+    "view": [16],
+    "widget": [1040]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-legend", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-legend":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisLegend$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisLegend = ArcgisLegend$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisLegend, defineCustomElement };

package/dist/components/arcgis-line-of-sight.d.ts

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

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

@@ -0,0 +1,120 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { F as newWidgetsLineOfSight, 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 arcgisLineOfSightCss = "arcgis-line-of-sight{}";
+
+const ArcgisLineOfSight$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    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 this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisLineOfSightCss; }
+}, [0, "arcgis-line-of-sight", {
+    "referenceElement": [1, "reference-element"],
+    "analysis": [1040],
+    "position": [1],
+    "expandable": [4],
+    "view": [16],
+    "widget": [1040]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-line-of-sight", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-line-of-sight":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisLineOfSight$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisLineOfSight = ArcgisLineOfSight$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisLineOfSight, defineCustomElement };

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

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