@arcgis/map-components 1.0.0-beta.14 → 1.0.0-beta.17

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

@@ -1,355 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { u as newLayersFeatureLayer, v as newWidgetsFeatureTable, 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 arcgisFeatureTableCss = "";
-
-const ArcgisFeatureTable$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.rowSelectionChange = createEvent(this, "rowSelectionChange", 7);
-    this.widgetReady = 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 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 newLayersFeatureLayer({ url: value });
-      this.layer = layer;
-    }
-  }
-  referenceElementWatcher(newValue) {
-    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 newWidgetsFeatureTable(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.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 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"]
-  }; }
-  static get style() { return arcgisFeatureTableCss; }
-}, [0, "arcgis-feature-table", {
-    "referenceElement": [1, "reference-element"],
-    "activeFilters": [1040],
-    "activeSortOrders": [1040],
-    "attachmentsEnabled": [4, "attachments-enabled"],
-    "autoRefreshEnabled": [4, "auto-refresh-enabled"],
-    "columnReorderingEnabled": [4, "column-reordering-enabled"],
-    "columns": [1040],
-    "editingEnabled": [4, "editing-enabled"],
-    "filterGeometry": [16],
-    "hiddenFields": [16],
-    "highlightEnabled": [4, "highlight-enabled"],
-    "highlightIds": [16],
-    "layer": [1040],
-    "menu": [16],
-    "menuConfig": [16],
-    "multiSortEnabled": [4, "multi-sort-enabled"],
-    "pageSize": [2, "page-size"],
-    "state": [1025],
-    "tableTemplate": [16],
-    "itemId": [1, "item-id"],
-    "position": [1],
-    "expandable": [4],
-    "url": [1],
-    "view": [16],
-    "widget": [1040],
-    "clearSelectionFilter": [64],
-    "deleteSelection": [64],
-    "filterBySelection": [64],
-    "findColumn": [64],
-    "hideColumn": [64],
-    "refresh": [64],
-    "scrollToIndex": [64],
-    "showAllColumns": [64],
-    "showColumn": [64],
-    "sortColumn": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["arcgis-feature-table", "arcgis-expand"];
-  components.forEach(tagName => { switch (tagName) {
-    case "arcgis-feature-table":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ArcgisFeatureTable$1);
-      }
-      break;
-    case "arcgis-expand":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const ArcgisFeatureTable = ArcgisFeatureTable$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ArcgisFeatureTable, defineCustomElement };

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

@@ -1,98 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { w as newWidgetsFeatureTemplates } from './index2.js';
-import { c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
-
-const arcgisFeatureTemplatesCss = "";
-
-const ArcgisFeatureTemplates$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;
-    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 newWidgetsFeatureTemplates(params);
-    this.widget = widget;
-    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.layers) {
-      params.layers = this.layers;
-    }
-    return params;
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "layers": ["layersWatcher"]
-  }; }
-  static get style() { return arcgisFeatureTemplatesCss; }
-}, [0, "arcgis-feature-templates", {
-    "referenceElement": [1, "reference-element"],
-    "position": [1],
-    "expandable": [4],
-    "widget": [1040],
-    "layers": [16]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["arcgis-feature-templates", "arcgis-expand"];
-  components.forEach(tagName => { switch (tagName) {
-    case "arcgis-feature-templates":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ArcgisFeatureTemplates$1);
-      }
-      break;
-    case "arcgis-expand":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const ArcgisFeatureTemplates = ArcgisFeatureTemplates$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ArcgisFeatureTemplates, defineCustomElement };

package/dist/components/arcgis-feature.js

@@ -1,133 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { s as newWidgetsFeature } 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 arcgisFeatureCss = "";
-
-const ArcgisFeature$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.widgetReady = 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) {
-    referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = this._createParams();
-    const widget = await newWidgetsFeature(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.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 this; }
-  static get watchers() { return {
-    "position": ["positionWatcher"],
-    "defaultPopupTemplateEnabled": ["defaultPopupTemplateEnabledWatcher"],
-    "graphic": ["graphicWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
-  static get style() { return arcgisFeatureCss; }
-}, [0, "arcgis-feature", {
-    "referenceElement": [1, "reference-element"],
-    "defaultPopupTemplateEnabled": [4, "default-popup-template-enabled"],
-    "graphic": [16],
-    "position": [1],
-    "expandable": [4],
-    "view": [16],
-    "widget": [1040]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["arcgis-feature", "arcgis-expand"];
-  components.forEach(tagName => { switch (tagName) {
-    case "arcgis-feature":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ArcgisFeature$1);
-      }
-      break;
-    case "arcgis-expand":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const ArcgisFeature = ArcgisFeature$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ArcgisFeature, defineCustomElement };