@arcgis/map-components 1.0.0-beta.14

package/dist/cjs/arcgis-directions.cjs.entry.js

@@ -0,0 +1,194 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-6b51d5a0.js');
+const index$1 = require('./index-ef2acc94.js');
+const componentUtils = require('./component-utils-933b7aca.js');
+const disconnected = require('./disconnected-306cb220.js');
+
+const arcgisDirectionsCss = "";
+
+const ArcgisDirections = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.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) {
+      index$1.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) {
+    componentUtils.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 index$1.newWidgetsDirections(params);
+    this.widget = widget;
+    await this._addWatchers();
+    this.widgetReady.emit(true);
+    componentUtils.checkForView(this);
+  }
+  disconnectedCallback() {
+    disconnected.onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return index.h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await index$1.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 index$1.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 index$1.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 index.getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "apiKey": ["apiKeyWatcher"],
+    "itemId": ["itemIdWatcher"],
+    "layer": ["layerWatcher"],
+    "maxStops": ["maxStopsWatcher"],
+    "searchProperties": ["searchPropertiesWatcher"],
+    "unit": ["unitWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisDirections.style = arcgisDirectionsCss;
+
+exports.arcgis_directions = ArcgisDirections;

package/dist/cjs/arcgis-directline-measurement-3d.cjs.entry.js

@@ -0,0 +1,114 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-6b51d5a0.js');
+const index$1 = require('./index-ef2acc94.js');
+const componentUtils = require('./component-utils-933b7aca.js');
+const disconnected = require('./disconnected-306cb220.js');
+
+const arcgisDirectlineMeasurement3dCss = "";
+
+const ArcgisDirectLineMeasurement3d = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.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) {
+    componentUtils.referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await index$1.newWidgetsDirectLineMeasurement3D(params);
+    this.widget = widget;
+    this._addWatchers();
+    this.widgetReady.emit(true);
+    componentUtils.checkForView(this);
+  }
+  disconnectedCallback() {
+    disconnected.onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return index.h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await index$1.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 index.getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "unit": ["unitWatcher"],
+    "unitOptions": ["unitOptionsWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisDirectLineMeasurement3d.style = arcgisDirectlineMeasurement3dCss;
+
+exports.arcgis_directline_measurement_3d = ArcgisDirectLineMeasurement3d;

package/dist/cjs/arcgis-distance-measurement-2d.cjs.entry.js

@@ -0,0 +1,106 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-6b51d5a0.js');
+const index$1 = require('./index-ef2acc94.js');
+const componentUtils = require('./component-utils-933b7aca.js');
+const disconnected = require('./disconnected-306cb220.js');
+
+const arcgisDistanceMeasurement2dCss = "";
+
+const ArcgisDistanceMeasurement2d = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.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) {
+    componentUtils.referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await index$1.newWidgetsDistanceMeasurement2D(params);
+    this.widget = widget;
+    this.widgetReady.emit(true);
+    componentUtils.checkForView(this);
+  }
+  disconnectedCallback() {
+    disconnected.onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return index.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 index.getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "unit": ["unitWatcher"],
+    "unitOptions": ["unitOptionsWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisDistanceMeasurement2d.style = arcgisDistanceMeasurement2dCss;
+
+exports.arcgis_distance_measurement_2d = ArcgisDistanceMeasurement2d;

package/dist/cjs/arcgis-editor.cjs.entry.js

@@ -0,0 +1,180 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-6b51d5a0.js');
+const index$1 = require('./index-ef2acc94.js');
+const componentUtils = require('./component-utils-933b7aca.js');
+const disconnected = require('./disconnected-306cb220.js');
+
+const arcgisEditorCss = "";
+
+const ArcgisEditor = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.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) {
+    componentUtils.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 index$1.newWidgetsEditor(params);
+    this.widget = widget;
+    this._addWatchers();
+    this.widgetReady.emit(true);
+    componentUtils.checkForView(this);
+  }
+  disconnectedCallback() {
+    disconnected.onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return index.h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await index$1.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 index.getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "allowedWorkflows": ["allowedWorkflowsWatcher"],
+    "labelOptions": ["labelOptionsWatcher"],
+    "layerInfos": ["layerInfosWatcher"],
+    "snappingOptions": ["snappingOptionsWatcher"],
+    "supportingWidgetDefaults": ["supportingWidgetDefaultsWatcher"],
+    "tooltipOptions": ["tooltipOptionsWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisEditor.style = arcgisEditorCss;
+
+exports.arcgis_editor = ArcgisEditor;