@arcgis/map-components 1.0.0-beta.14

package/dist/cjs/arcgis-elevation-profile.cjs.entry.js

@@ -0,0 +1,136 @@
+'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 arcgisElevationProfileCss = "";
+
+const ArcgisElevationProfile = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.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) {
+    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.newWidgetsElevationProfile(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.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 index.getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "geodesicDistanceThreshold": ["geodesicDistanceThresholdWatcher"],
+    "input": ["inputWatcher"],
+    "profiles": ["profilesWatcher"],
+    "unit": ["unitWatcher"],
+    "unitOptions": ["unitOptionsWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisElevationProfile.style = arcgisElevationProfileCss;
+
+exports.arcgis_elevation_profile = ArcgisElevationProfile;

package/dist/cjs/arcgis-feature-form.cjs.entry.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-6b51d5a0.js');
+const index$1 = require('./index-ef2acc94.js');
+
+const arcgisFeatureFormCss = "";
+
+const ArcgisFeatureForm = 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.widget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = {
+      container: this.childElem
+    };
+    const widget = await index$1.newWidgetsFeatureForm(params);
+    this.widget = widget;
+    this.widgetReady.emit(true);
+  }
+  get el() { return index.getElement(this); }
+};
+ArcgisFeatureForm.style = arcgisFeatureFormCss;
+
+exports.arcgis_feature_form = ArcgisFeatureForm;

package/dist/cjs/arcgis-feature-table.cjs.entry.js

@@ -0,0 +1,300 @@
+'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 arcgisFeatureTableCss = "";
+
+const ArcgisFeatureTable = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.rowSelectionChange = index.createEvent(this, "rowSelectionChange", 7);
+    this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.activeFilters = undefined;
+    this.activeSortOrders = undefined;
+    this.attachmentsEnabled = undefined;
+    this.autoRefreshEnabled = undefined;
+    this.columnReorderingEnabled = undefined;
+    this.columns = undefined;
+    this.editingEnabled = undefined;
+    this.filterGeometry = undefined;
+    this.hiddenFields = undefined;
+    this.highlightEnabled = undefined;
+    this.highlightIds = undefined;
+    this.layer = undefined;
+    this.menu = undefined;
+    this.menuConfig = undefined;
+    this.multiSortEnabled = undefined;
+    this.pageSize = undefined;
+    this.state = undefined;
+    this.tableTemplate = undefined;
+    this.itemId = undefined;
+    this.position = "bottom-left";
+    this.expandable = false;
+    this.url = 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);
+      }
+    }
+  }
+  attachmentsEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.attachmentsEnabled = value;
+    }
+  }
+  autoRefreshEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.autoRefreshEnabled = value;
+    }
+  }
+  columnReorderingEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.columnReorderingEnabled = value;
+    }
+  }
+  editingEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.editingEnabled = value;
+    }
+  }
+  filterGeometryWatcher(value) {
+    if (value && this.widget) {
+      this.widget.filterGeometry = value;
+    }
+  }
+  hiddenFieldsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.hiddenFields = value;
+    }
+  }
+  highlightEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.highlightEnabled = value;
+    }
+  }
+  highlightIdsWatcher(value) {
+    if (value && this.widget) {
+      this.widget.highlightIds = value;
+    }
+  }
+  menuConfigWatcher(value) {
+    if (value && this.widget) {
+      this.widget.menuConfig = value;
+    }
+  }
+  multiSortEnabledWatcher(value) {
+    if (value && this.widget) {
+      this.widget.multiSortEnabled = value;
+    }
+  }
+  pageSizeWatcher(value) {
+    if (value && this.widget) {
+      this.widget.pageSize = value;
+    }
+  }
+  tableTemplateWatcher(value) {
+    if (value && this.widget) {
+      this.widget.tableTemplate = value;
+    }
+  }
+  async itemIdWatcher(value, old) {
+    if (value && value !== old) {
+      const layer = await index$1.newLayersFeatureLayer({
+        portalItem: {
+          id: value
+        }
+      });
+      this.layer = layer;
+    }
+  }
+  layerWatcher(value) {
+    if (value && this.widget) {
+      this.widget.layer = value;
+    }
+  }
+  async urlWatcher(value, old) {
+    if (value && value !== old) {
+      const layer = await index$1.newLayersFeatureLayer({ url: value });
+      this.layer = layer;
+    }
+  }
+  referenceElementWatcher(newValue) {
+    componentUtils.referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.view = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async clearSelectionFilter() {
+    return this.widget?.clearSelectionFilter();
+  }
+  async deleteSelection(showWarningPrompt) {
+    return this.widget?.deleteSelection(showWarningPrompt);
+  }
+  async filterBySelection() {
+    return this.widget?.filterBySelection();
+  }
+  async findColumn(fieldName) {
+    return this.widget?.findColumn(fieldName);
+  }
+  async hideColumn(fieldName) {
+    return this.widget?.hideColumn(fieldName);
+  }
+  async refresh() {
+    return this.widget?.refresh();
+  }
+  async scrollToIndex(index) {
+    return this.widget?.scrollToIndex(index);
+  }
+  async showAllColumns() {
+    return this.widget?.showAllColumns();
+  }
+  async showColumn(fieldName) {
+    return this.widget?.showColumn(fieldName);
+  }
+  async sortColumn(path, direction) {
+    return this.widget?.sortColumn(path, direction);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await index$1.newWidgetsFeatureTable(params);
+    this.widget = widget;
+    await this._addWatchers();
+    this._proxyEvents();
+    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.activeFilters, (value) => (this.activeFilters = value), {
+      initial: true
+    });
+    watch(() => this.widget.activeSortOrders, (value) => (this.activeSortOrders = value), {
+      initial: true
+    });
+    watch(() => this.widget.columns, (value) => (this.columns = value), {
+      initial: true
+    });
+    watch(() => this.widget.menu, (value) => (this.menu = value), {
+      initial: true
+    });
+    watch(() => this.widget.state, (value) => (this.state = value), {
+      initial: true
+    });
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.view) {
+      params.view = this.view;
+    }
+    if (this.attachmentsEnabled !== undefined) {
+      params.attachmentsEnabled = this.attachmentsEnabled;
+    }
+    if (this.autoRefreshEnabled !== undefined) {
+      params.autoRefreshEnabled = this.autoRefreshEnabled;
+    }
+    if (this.columnReorderingEnabled !== undefined) {
+      params.columnReorderingEnabled = this.columnReorderingEnabled;
+    }
+    if (this.editingEnabled !== undefined) {
+      params.editingEnabled = this.editingEnabled;
+    }
+    if (this.filterGeometry !== undefined) {
+      params.filterGeometry = this.filterGeometry;
+    }
+    if (this.hiddenFields !== undefined) {
+      params.hiddenFields = this.hiddenFields;
+    }
+    if (this.highlightEnabled !== undefined) {
+      params.highlightEnabled = this.highlightEnabled;
+    }
+    if (this.highlightIds !== undefined) {
+      params.highlightIds = this.highlightIds;
+    }
+    if (this.layer !== undefined) {
+      params.layer = this.layer;
+    }
+    if (this.menuConfig !== undefined) {
+      params.menuConfig = this.menuConfig;
+    }
+    if (this.multiSortEnabled !== undefined) {
+      params.multiSortEnabled = this.multiSortEnabled;
+    }
+    if (this.pageSize !== undefined) {
+      params.pageSize = this.pageSize;
+    }
+    if (this.tableTemplate !== undefined) {
+      params.tableTemplate = this.tableTemplate;
+    }
+    return params;
+  }
+  async _proxyEvents() {
+    this.widget?.highlightIds.on("change", (e) => this.rowSelectionChange.emit(e));
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "attachmentsEnabled": ["attachmentsEnabledWatcher"],
+    "autoRefreshEnabled": ["autoRefreshEnabledWatcher"],
+    "columnReorderingEnabled": ["columnReorderingEnabledWatcher"],
+    "editingEnabled": ["editingEnabledWatcher"],
+    "filterGeometry": ["filterGeometryWatcher"],
+    "hiddenFields": ["hiddenFieldsWatcher"],
+    "highlightEnabled": ["highlightEnabledWatcher"],
+    "highlightIds": ["highlightIdsWatcher"],
+    "menuConfig": ["menuConfigWatcher"],
+    "multiSortEnabled": ["multiSortEnabledWatcher"],
+    "pageSize": ["pageSizeWatcher"],
+    "tableTemplate": ["tableTemplateWatcher"],
+    "itemId": ["itemIdWatcher"],
+    "layer": ["layerWatcher"],
+    "url": ["urlWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisFeatureTable.style = arcgisFeatureTableCss;
+
+exports.arcgis_feature_table = ArcgisFeatureTable;

package/dist/cjs/arcgis-feature-templates.cjs.entry.js

@@ -0,0 +1,73 @@
+'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 arcgisFeatureTemplatesCss = "";
+
+const ArcgisFeatureTemplates = 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.widget = undefined;
+    this.layers = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watchers
+  //
+  //--------------------------------------------------------------------------
+  layersWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.layers = newValue;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentDidLoad() {
+    const params = this._createParams();
+    const widget = await index$1.newWidgetsFeatureTemplates(params);
+    this.widget = widget;
+    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.layers) {
+      params.layers = this.layers;
+    }
+    return params;
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "layers": ["layersWatcher"]
+  }; }
+};
+ArcgisFeatureTemplates.style = arcgisFeatureTemplatesCss;
+
+exports.arcgis_feature_templates = ArcgisFeatureTemplates;

package/dist/cjs/arcgis-feature.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 arcgisFeatureCss = "";
+
+const ArcgisFeature = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this.referenceElement = undefined;
+    this.defaultPopupTemplateEnabled = undefined;
+    this.graphic = 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);
+      }
+    }
+  }
+  defaultPopupTemplateEnabledWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.defaultPopupTemplateEnabled = newValue;
+    }
+  }
+  graphicWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.graphic = newValue;
+    }
+  }
+  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.newWidgetsFeature(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.defaultPopupTemplateEnabled !== undefined) {
+      params.defaultPopupTemplateEnabled = this.defaultPopupTemplateEnabled;
+    }
+    if (this.graphic) {
+      params.graphic = this.graphic;
+    }
+    if (this.view) {
+      params.view = this.view;
+    }
+    return params;
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "position": ["positionWatcher"],
+    "defaultPopupTemplateEnabled": ["defaultPopupTemplateEnabledWatcher"],
+    "graphic": ["graphicWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+};
+ArcgisFeature.style = arcgisFeatureCss;
+
+exports.arcgis_feature = ArcgisFeature;