@arcgis/map-components 4.29.0-beta.7 → 4.29.0-beta.72

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

@@ -2,306 +2,335 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b51d5a0.js');
-const index$1 = require('./index-bfda1cdc.js');
-const componentUtils = require('./component-utils-cbd20e88.js');
-const disconnected = require('./disconnected-306cb220.js');
+const index = require('./index-fbce570d.js');
+const index$1 = require('./index-09a0e90f.js');
+const componentUtils = require('./component-utils-48cee518.js');
+const disconnected = require('./disconnected-4490368b.js');
 
-const arcgisFeatureTableCss = ".arcgis-feature-table{width:100%;height:100%}";
+const featureTableCss = ".arcgis-feature-table{width:100%;height:100%}";
 
 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.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 = await this._createParams();
-    const widget = await index$1.newWidgetsFeatureTable(params);
-    this.widget = widget;
-    await this._addWatchers();
-    this._proxyEvents();
-    this.widgetReady.emit({ widget: this.widget });
-    componentUtils.checkForView(this);
-  }
-  disconnectedCallback() {
-    disconnected.onDisconnectedHelper(this);
-  }
-  render() {
-    return index.h("div", { class: "arcgis-feature-table", 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
-    });
-  }
-  async _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.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;
-    }
-    // Handle loading a layer, url, or itemId
-    if (this.layer !== undefined) {
-      params.layer = this.layer;
-    }
-    else if (this.url) {
-      params.layer = await index$1.newLayersFeatureLayer({ url: this.url });
-    }
-    else if (this.itemId) {
-      params.layer = await index$1.newLayersFeatureLayer({
-        portalItem: {
-          id: this.itemId
-        }
-      });
-    }
-    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"]
-  }; }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.rowSelectionChange = index.createEvent(this, "rowSelectionChange", 7);
+        this.widgetReady = index.createEvent(this, "widgetReady", 7);
+        this._watchHandles = [];
+        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.returnGeometryEnabled = undefined;
+        this.state = undefined;
+        this.tableTemplate = undefined;
+        this.timeZone = undefined;
+        this.itemId = undefined;
+        this.position = "bottom-left";
+        this.url = undefined;
+        this.visibleElements = undefined;
+        this.view = undefined;
+        this.widget = undefined;
+    }
+    referenceElementWatcher(newValue) {
+        componentUtils.referenceElementHelper(this, newValue);
+    }
+    attachmentsEnabledWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.attachmentsEnabled = value;
+        }
+    }
+    autoRefreshEnabledWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.autoRefreshEnabled = value;
+        }
+    }
+    columnReorderingEnabledWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.columnReorderingEnabled = value;
+        }
+    }
+    editingEnabledWatcher(value) {
+        if (value !== undefined && 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 !== undefined && this.widget) {
+            this.widget.highlightEnabled = value;
+        }
+    }
+    highlightIdsWatcher(value) {
+        if (value && this.widget) {
+            this.widget.highlightIds = value;
+        }
+    }
+    layerWatcher(value) {
+        if (value && this.widget) {
+            this.widget.layer = value;
+        }
+        else if (!value) {
+            this.widget.layer = null;
+        }
+    }
+    menuConfigWatcher(value) {
+        if (value && this.widget) {
+            this.widget.menuConfig = value;
+        }
+    }
+    multiSortEnabledWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.multiSortEnabled = value;
+        }
+    }
+    pageSizeWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.pageSize = value;
+        }
+    }
+    returnGeometryEnabledWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.returnGeometryEnabled = value;
+        }
+    }
+    tableTemplateWatcher(value) {
+        if (value && this.widget) {
+            this.widget.tableTemplate = value;
+        }
+    }
+    timeZoneWatcher(value) {
+        if (this.widget) {
+            this.widget.timeZone = value;
+        }
+    }
+    async itemIdWatcher(value, old) {
+        if (componentUtils.isNullOrEmptyString(value)) {
+            this.layer = null;
+        }
+        else if (value && value !== old) {
+            const layer = await index$1.newLayersFeatureLayer({
+                portalItem: {
+                    id: value
+                }
+            });
+            this.layer = layer;
+        }
+    }
+    positionWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.view.ui.move(this.childElem, newValue);
+        }
+    }
+    async urlWatcher(value, old) {
+        if (value && value !== old) {
+            const layer = await index$1.newLayersFeatureLayer({ url: value });
+            this.layer = layer;
+        }
+    }
+    visibleElementsWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = value;
+        }
+    }
+    viewWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.view = newValue;
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Methods
+    //
+    //--------------------------------------------------------------------------
+    async clearSelectionFilter() {
+        this.widget?.clearSelectionFilter();
+    }
+    async deleteSelection(showWarningPrompt) {
+        await this.widget?.deleteSelection(showWarningPrompt);
+    }
+    async filterBySelection() {
+        this.widget?.filterBySelection();
+    }
+    async findColumn(fieldName) {
+        return this.widget?.findColumn(fieldName);
+    }
+    async hideColumn(fieldName) {
+        this.widget?.hideColumn(fieldName);
+    }
+    async refresh() {
+        await this.widget?.refresh();
+    }
+    async scrollToIndex(index) {
+        this.widget?.scrollToIndex(index);
+    }
+    async showAllColumns() {
+        this.widget?.showAllColumns();
+    }
+    async showColumn(fieldName) {
+        this.widget?.showColumn(fieldName);
+    }
+    async sortColumn(path, direction) {
+        this.widget?.sortColumn(path, direction);
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = await this._createParams();
+        const widget = await index$1.newWidgetsFeatureTable(params);
+        this.widget = widget;
+        await this._addWatchers();
+        this._proxyEvents();
+        this.widgetReady.emit({ widget: this.widget });
+        componentUtils.checkForView(this);
+    }
+    disconnectedCallback() {
+        disconnected.onDisconnectedHelper(this);
+    }
+    render() {
+        return index.h("div", { class: "arcgis-feature-table", ref: (el) => (this.childElem = el) });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    async _addWatchers() {
+        const { watch } = await index$1.importCoreReactiveUtils();
+        componentUtils.addHandles(this, watch(() => this.widget.activeFilters, (value) => (this.activeFilters = value), {
+            initial: true
+        }));
+        componentUtils.addHandles(this, watch(() => this.widget.activeSortOrders, (value) => (this.activeSortOrders = value), {
+            initial: true
+        }));
+        componentUtils.addHandles(this, watch(() => this.widget.columns, (value) => (this.columns = value), {
+            initial: true
+        }));
+        componentUtils.addHandles(this, watch(() => this.widget.menu, (value) => (this.menu = value), {
+            initial: true
+        }));
+        componentUtils.addHandles(this, watch(() => this.widget.state, (value) => (this.state = value), {
+            initial: true
+        }));
+    }
+    async _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.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;
+        }
+        if (this.timeZone !== undefined) {
+            params.timeZone = this.timeZone;
+        }
+        if (this.visibleElements !== undefined) {
+            params.visibleElements = this.visibleElements;
+        }
+        // Handle loading a layer, url, or itemId
+        if (this.layer !== undefined) {
+            params.layer = this.layer;
+        }
+        else if (this.url) {
+            params.layer = await index$1.newLayersFeatureLayer({ url: this.url });
+        }
+        else if (this.itemId) {
+            params.layer = await index$1.newLayersFeatureLayer({
+                portalItem: {
+                    id: this.itemId
+                }
+            });
+        }
+        return params;
+    }
+    async _proxyEvents() {
+        this.widget?.highlightIds.on("change", (e) => this.rowSelectionChange.emit(e));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "attachmentsEnabled": ["attachmentsEnabledWatcher"],
+        "autoRefreshEnabled": ["autoRefreshEnabledWatcher"],
+        "columnReorderingEnabled": ["columnReorderingEnabledWatcher"],
+        "editingEnabled": ["editingEnabledWatcher"],
+        "filterGeometry": ["filterGeometryWatcher"],
+        "hiddenFields": ["hiddenFieldsWatcher"],
+        "highlightEnabled": ["highlightEnabledWatcher"],
+        "highlightIds": ["highlightIdsWatcher"],
+        "layer": ["layerWatcher"],
+        "menuConfig": ["menuConfigWatcher"],
+        "multiSortEnabled": ["multiSortEnabledWatcher"],
+        "pageSize": ["pageSizeWatcher"],
+        "returnGeometryEnabled": ["returnGeometryEnabledWatcher"],
+        "tableTemplate": ["tableTemplateWatcher"],
+        "timeZone": ["timeZoneWatcher"],
+        "itemId": ["itemIdWatcher"],
+        "position": ["positionWatcher"],
+        "url": ["urlWatcher"],
+        "visibleElements": ["visibleElementsWatcher"],
+        "view": ["viewWatcher"]
+    }; }
 };
-ArcgisFeatureTable.style = arcgisFeatureTableCss;
+ArcgisFeatureTable.style = featureTableCss;
 
 exports.arcgis_feature_table = ArcgisFeatureTable;
+
+//# sourceMappingURL=arcgis-feature-table.cjs.entry.js.map