@arcgis/map-components 1.0.0-beta.14

package/dist/components/arcgis-editor.js

@@ -0,0 +1,219 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { q as newWidgetsEditor, 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 arcgisEditorCss = "";
+
+const ArcgisEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.activeWorkflow = undefined;
+    this.allowedWorkflows = undefined;
+    this.labelOptions = undefined;
+    this.layerInfos = undefined;
+    this.snappingOptions = undefined;
+    this.supportingWidgetDefaults = undefined;
+    this.tooltipOptions = 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);
+      }
+    }
+  }
+  allowedWorkflowsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.allowedWorkflows = value;
+    }
+  }
+  labelOptionsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.labelOptions = value;
+    }
+  }
+  layerInfosWatcher(value) {
+    if (value && this.widget) {
+      this.widget.layerInfos = value;
+    }
+  }
+  snappingOptionsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.snappingOptions = value;
+    }
+  }
+  supportingWidgetDefaultsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.supportingWidgetDefaults = value;
+    }
+  }
+  tooltipOptionsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.tooltipOptions = value;
+    }
+  }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async cancelWorkflow() {
+    return this.widget?.cancelWorkflow();
+  }
+  async deleteFeatureFromWorkflow() {
+    return this.widget?.deleteFeatureFromWorkflow();
+  }
+  async startCreateFeaturesWorkflowAtFeatureCreation(info) {
+    return this.widget?.startCreateFeaturesWorkflowAtFeatureCreation(info);
+  }
+  async startCreateFeaturesWorkflowAtFeatureTypeSelection() {
+    return this.widget?.startCreateFeaturesWorkflowAtFeatureTypeSelection();
+  }
+  async startUpdateWorkflowAtFeatureEdit(feature) {
+    return this.widget?.startUpdateWorkflowAtFeatureEdit(feature);
+  }
+  async startUpdateWorkflowAtFeatureSelection() {
+    return this.widget?.startUpdateWorkflowAtFeatureSelection();
+  }
+  async startUpdateWorkflowAtMultipleFeatureSelection(candidates) {
+    return this.widget?.startUpdateWorkflowAtMultipleFeatureSelection(candidates);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await newWidgetsEditor(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.activeWorkflow, (value) => (this.activeWorkflow = value), {
+      initial: true
+    });
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.allowedWorkflows) {
+      params.allowedWorkflows = this.allowedWorkflows;
+    }
+    if (this.labelOptions) {
+      params.labelOptions = this.labelOptions;
+    }
+    if (this.layerInfos) {
+      params.layerInfos = this.layerInfos;
+    }
+    if (this.snappingOptions) {
+      params.snappingOptions = this.snappingOptions;
+    }
+    if (this.supportingWidgetDefaults) {
+      params.supportingWidgetDefaults = this.supportingWidgetDefaults;
+    }
+    if (this.tooltipOptions) {
+      params.tooltipOptions = this.tooltipOptions;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "allowedWorkflows": ["allowedWorkflowsWatcher"],
+    "labelOptions": ["labelOptionsWatcher"],
+    "layerInfos": ["layerInfosWatcher"],
+    "snappingOptions": ["snappingOptionsWatcher"],
+    "supportingWidgetDefaults": ["supportingWidgetDefaultsWatcher"],
+    "tooltipOptions": ["tooltipOptionsWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisEditorCss; }
+}, [0, "arcgis-editor", {
+    "referenceElement": [1, "reference-element"],
+    "activeWorkflow": [1040],
+    "allowedWorkflows": [1, "allowed-workflows"],
+    "labelOptions": [16],
+    "layerInfos": [16],
+    "snappingOptions": [16],
+    "supportingWidgetDefaults": [16],
+    "tooltipOptions": [16],
+    "position": [1],
+    "expandable": [4],
+    "view": [16],
+    "widget": [1040],
+    "cancelWorkflow": [64],
+    "deleteFeatureFromWorkflow": [64],
+    "startCreateFeaturesWorkflowAtFeatureCreation": [64],
+    "startCreateFeaturesWorkflowAtFeatureTypeSelection": [64],
+    "startUpdateWorkflowAtFeatureEdit": [64],
+    "startUpdateWorkflowAtFeatureSelection": [64],
+    "startUpdateWorkflowAtMultipleFeatureSelection": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-editor", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-editor":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisEditor$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisEditor = ArcgisEditor$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisEditor, defineCustomElement };

package/dist/components/arcgis-elevation-profile.d.ts

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

package/dist/components/arcgis-elevation-profile.js

@@ -0,0 +1,166 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { r as newWidgetsElevationProfile } 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 arcgisElevationProfileCss = "";
+
+const ArcgisElevationProfile$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.geodesicDistanceThreshold = undefined;
+    this.input = undefined;
+    this.profiles = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.unit = undefined;
+    this.unitOptions = undefined;
+    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);
+      }
+    }
+  }
+  geodesicDistanceThresholdWatcher(value) {
+    if (value && this.widget) {
+      this.widget.geodesicDistanceThreshold = value;
+    }
+  }
+  inputWatcher(value) {
+    if (value && this.widget) {
+      this.widget.input = value;
+    }
+  }
+  profilesWatcher(value) {
+    if (value && this.widget) {
+      this.widget.profiles = value;
+    }
+  }
+  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 newWidgetsElevationProfile(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.geodesicDistanceThreshold) {
+      params.geodesicDistanceThreshold = this.geodesicDistanceThreshold;
+    }
+    if (this.input) {
+      params.input = this.input;
+    }
+    if (this.profiles) {
+      params.profiles = this.profiles;
+    }
+    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"],
+    "geodesicDistanceThreshold": ["geodesicDistanceThresholdWatcher"],
+    "input": ["inputWatcher"],
+    "profiles": ["profilesWatcher"],
+    "unit": ["unitWatcher"],
+    "unitOptions": ["unitOptionsWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisElevationProfileCss; }
+}, [0, "arcgis-elevation-profile", {
+    "referenceElement": [1, "reference-element"],
+    "geodesicDistanceThreshold": [2, "geodesic-distance-threshold"],
+    "input": [16],
+    "profiles": [16],
+    "position": [1],
+    "expandable": [4],
+    "unit": [1],
+    "unitOptions": [16],
+    "view": [16],
+    "widget": [1040]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-elevation-profile", "arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-elevation-profile":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisElevationProfile$1);
+      }
+      break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisElevationProfile = ArcgisElevationProfile$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisElevationProfile, defineCustomElement };

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

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

package/dist/components/arcgis-expand.js

@@ -0,0 +1,6 @@
+import { A as ArcgisExpand$1, d as defineCustomElement$1 } from './arcgis-expand2.js';
+
+const ArcgisExpand = ArcgisExpand$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisExpand, defineCustomElement };

package/dist/components/arcgis-expand2.js

@@ -0,0 +1,107 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { a3 as newWidgetsExpand } from './index2.js';
+import { r as referenceElementHelper, o as onDisconnectedHelper } from './disconnected.js';
+
+const arcgisExpandCss = "arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-ui-background)}";
+
+const ArcgisExpand = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.position = "top-right";
+    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 widget = await newWidgetsExpand({
+      container: this.childElem
+    });
+    this.widget = widget;
+    if (this.view) {
+      this.widget.view = this.view;
+    }
+    this._checkForView();
+  }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  render() {
+    return h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Internal Methods
+  //
+  //--------------------------------------------------------------------------
+  _checkForView() {
+    const viewRef = this.el.closest("arcgis-map") || this.el.closest("arcgis-scene");
+    if (viewRef?.view) {
+      this.view = viewRef.view;
+      this.view.ui.add(this.childElem, this.position);
+      this.widgetReady.emit(true);
+    }
+    else if (viewRef) {
+      const handler = () => {
+        this.view = viewRef.view;
+        this.view.ui.add(this.childElem, this.position);
+        this.widgetReady.emit(true);
+      };
+      viewRef.addEventListener("viewReady", handler, false);
+    }
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return arcgisExpandCss; }
+}, [0, "arcgis-expand", {
+    "referenceElement": [1, "reference-element"],
+    "position": [1],
+    "view": [16],
+    "widget": [1040]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-expand"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisExpand);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { ArcgisExpand as A, defineCustomElement as d };

package/dist/components/arcgis-feature-form.d.ts

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

package/dist/components/arcgis-feature-form.js

@@ -0,0 +1,55 @@
+import { proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { t as newWidgetsFeatureForm } from './index2.js';
+
+const arcgisFeatureFormCss = "";
+
+const ArcgisFeatureForm$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.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = {
+      container: this.childElem
+    };
+    const widget = await newWidgetsFeatureForm(params);
+    this.widget = widget;
+    this.widgetReady.emit(true);
+  }
+  get el() { return this; }
+  static get style() { return arcgisFeatureFormCss; }
+}, [0, "arcgis-feature-form", {
+    "referenceElement": [1, "reference-element"],
+    "position": [1],
+    "expandable": [4],
+    "widget": [1040]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-feature-form"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-feature-form":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisFeatureForm$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ArcgisFeatureForm = ArcgisFeatureForm$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArcgisFeatureForm, defineCustomElement };

package/dist/components/arcgis-feature-table.d.ts

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