@esri/solutions-components 0.6.22 → 0.6.25

package/dist/cjs/zh-cn-089aaea3.js

@@ -0,0 +1,93 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-ccb59f65.js');
+require('./index-1ffa261f.js');
+require('./form-88dd1a8a.js');
+require('./dom-c585dfa7.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
+require('./interactive-17168f1c.js');
+require('./browser-09760f9f.js');
+require('./key-29076628.js');
+require('./label-a44d17b9.js');
+require('./loadable-f8b40373.js');
+require('./locale-62c20bcc.js');
+require('./observers-ee7eadc4.js');
+require('./focusTrapComponent-919e5636.js');
+require('./time-5c558990.js');
+require('./math-1e2752e6.js');
+require('./t9n-47b85291.js');
+require('./openCloseComponent-71c34b2c.js');
+
+// Chinese (China) [zh-cn]
+var locale = {
+  name: 'zh-cn',
+  weekdays: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
+  weekdaysShort: '周日_周一_周二_周三_周四_周五_周六'.split('_'),
+  weekdaysMin: '日_一_二_三_四_五_六'.split('_'),
+  months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
+  monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
+  ordinal: function ordinal(number, period) {
+    switch (period) {
+      case 'W':
+        return number + "\u5468";
+
+      default:
+        return number + "\u65E5";
+    }
+  },
+  weekStart: 1,
+  yearStart: 4,
+  formats: {
+    LT: 'HH:mm',
+    LTS: 'HH:mm:ss',
+    L: 'YYYY/MM/DD',
+    LL: 'YYYY年M月D日',
+    LLL: 'YYYY年M月D日Ah点mm分',
+    LLLL: 'YYYY年M月D日ddddAh点mm分',
+    l: 'YYYY/M/D',
+    ll: 'YYYY年M月D日',
+    lll: 'YYYY年M月D日 HH:mm',
+    llll: 'YYYY年M月D日dddd HH:mm'
+  },
+  relativeTime: {
+    future: '%s内',
+    past: '%s前',
+    s: '几秒',
+    m: '1 分钟',
+    mm: '%d 分钟',
+    h: '1 小时',
+    hh: '%d 小时',
+    d: '1 天',
+    dd: '%d 天',
+    M: '1 个月',
+    MM: '%d 个月',
+    y: '1 年',
+    yy: '%d 年'
+  },
+  meridiem: function meridiem(hour, minute) {
+    var hm = hour * 100 + minute;
+
+    if (hm < 600) {
+      return '凌晨';
+    } else if (hm < 900) {
+      return '早上';
+    } else if (hm < 1100) {
+      return '上午';
+    } else if (hm < 1300) {
+      return '中午';
+    } else if (hm < 1800) {
+      return '下午';
+    }
+
+    return '晚上';
+  }
+};
+calciteInputTimePicker_entry.dayjs.locale(locale, null, true);
+
+exports.default = locale;

package/dist/cjs/zh-hk-0676f0be.js

@@ -0,0 +1,70 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-ccb59f65.js');
+require('./index-1ffa261f.js');
+require('./form-88dd1a8a.js');
+require('./dom-c585dfa7.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
+require('./interactive-17168f1c.js');
+require('./browser-09760f9f.js');
+require('./key-29076628.js');
+require('./label-a44d17b9.js');
+require('./loadable-f8b40373.js');
+require('./locale-62c20bcc.js');
+require('./observers-ee7eadc4.js');
+require('./focusTrapComponent-919e5636.js');
+require('./time-5c558990.js');
+require('./math-1e2752e6.js');
+require('./t9n-47b85291.js');
+require('./openCloseComponent-71c34b2c.js');
+
+// Chinese (Hong Kong) [zh-hk]
+var locale = {
+  name: 'zh-hk',
+  months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
+  monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
+  weekdays: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
+  weekdaysShort: '週日_週一_週二_週三_週四_週五_週六'.split('_'),
+  weekdaysMin: '日_一_二_三_四_五_六'.split('_'),
+  ordinal: function ordinal(number, period) {
+    switch (period) {
+      case 'W':
+        return number + "\u9031";
+
+      default:
+        return number + "\u65E5";
+    }
+  },
+  formats: {
+    LT: 'HH:mm',
+    LTS: 'HH:mm:ss',
+    L: 'YYYY/MM/DD',
+    LL: 'YYYY年M月D日',
+    LLL: 'YYYY年M月D日 HH:mm',
+    LLLL: 'YYYY年M月D日dddd HH:mm'
+  },
+  relativeTime: {
+    future: '%s內',
+    past: '%s前',
+    s: '幾秒',
+    m: '一分鐘',
+    mm: '%d 分鐘',
+    h: '一小時',
+    hh: '%d 小時',
+    d: '一天',
+    dd: '%d 天',
+    M: '一個月',
+    MM: '%d 個月',
+    y: '一年',
+    yy: '%d 年'
+  }
+};
+calciteInputTimePicker_entry.dayjs.locale(locale, null, true);
+
+exports.default = locale;

package/dist/cjs/zh-tw-acce58bc.js

@@ -0,0 +1,91 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-ccb59f65.js');
+require('./index-1ffa261f.js');
+require('./form-88dd1a8a.js');
+require('./dom-c585dfa7.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
+require('./interactive-17168f1c.js');
+require('./browser-09760f9f.js');
+require('./key-29076628.js');
+require('./label-a44d17b9.js');
+require('./loadable-f8b40373.js');
+require('./locale-62c20bcc.js');
+require('./observers-ee7eadc4.js');
+require('./focusTrapComponent-919e5636.js');
+require('./time-5c558990.js');
+require('./math-1e2752e6.js');
+require('./t9n-47b85291.js');
+require('./openCloseComponent-71c34b2c.js');
+
+// Chinese (Taiwan) [zh-tw]
+var locale = {
+  name: 'zh-tw',
+  weekdays: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
+  weekdaysShort: '週日_週一_週二_週三_週四_週五_週六'.split('_'),
+  weekdaysMin: '日_一_二_三_四_五_六'.split('_'),
+  months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
+  monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
+  ordinal: function ordinal(number, period) {
+    switch (period) {
+      case 'W':
+        return number + "\u9031";
+
+      default:
+        return number + "\u65E5";
+    }
+  },
+  formats: {
+    LT: 'HH:mm',
+    LTS: 'HH:mm:ss',
+    L: 'YYYY/MM/DD',
+    LL: 'YYYY年M月D日',
+    LLL: 'YYYY年M月D日 HH:mm',
+    LLLL: 'YYYY年M月D日dddd HH:mm',
+    l: 'YYYY/M/D',
+    ll: 'YYYY年M月D日',
+    lll: 'YYYY年M月D日 HH:mm',
+    llll: 'YYYY年M月D日dddd HH:mm'
+  },
+  relativeTime: {
+    future: '%s內',
+    past: '%s前',
+    s: '幾秒',
+    m: '1 分鐘',
+    mm: '%d 分鐘',
+    h: '1 小時',
+    hh: '%d 小時',
+    d: '1 天',
+    dd: '%d 天',
+    M: '1 個月',
+    MM: '%d 個月',
+    y: '1 年',
+    yy: '%d 年'
+  },
+  meridiem: function meridiem(hour, minute) {
+    var hm = hour * 100 + minute;
+
+    if (hm < 600) {
+      return '凌晨';
+    } else if (hm < 900) {
+      return '早上';
+    } else if (hm < 1100) {
+      return '上午';
+    } else if (hm < 1300) {
+      return '中午';
+    } else if (hm < 1800) {
+      return '下午';
+    }
+
+    return '晚上';
+  }
+};
+calciteInputTimePicker_entry.dayjs.locale(locale, null, true);
+
+exports.default = locale;

package/dist/collection/components/basemap-gallery/basemap-gallery.js

@@ -33,7 +33,7 @@ export class BasemapGallery {
   //--------------------------------------------------------------------------
   async mapViewWatchHandler() {
     await this.mapView.when(() => {
-      this._initBaseMapGallery(this.mapView);
+      void this._initBaseMapGallery(this.mapView);
     });
   }
   //--------------------------------------------------------------------------
@@ -76,10 +76,12 @@ export class BasemapGallery {
    * @protected
    */
   async _initModules() {
-    const [BasemapGallery] = await loadModules([
-      "esri/widgets/BasemapGallery"
+    const [BasemapGallery, PortalBasemapsSource] = await loadModules([
+      "esri/widgets/BasemapGallery",
+      "esri/widgets/BasemapGallery/support/PortalBasemapsSource"
     ]);
     this.BasemapGallery = BasemapGallery;
+    this.PortalBasemapsSource = PortalBasemapsSource;
   }
   /**
    * Initialize the basemap gallery or reset the current view if it already exists
@@ -88,17 +90,24 @@ export class BasemapGallery {
    *
    * @protected
    */
-  _initBaseMapGallery(view) {
-    if (view && this.BasemapGallery) {
-      if (!this.basemapWidget) {
-        this.basemapWidget = new this.BasemapGallery({
-          container: this._basemapElement,
-          view
-        });
-      }
-      else {
-        this.basemapWidget.view = view;
+  async _initBaseMapGallery(view) {
+    var _a;
+    if (this.BasemapGallery) {
+      if (this.basemapWidget) {
+        this.basemapWidget.destroy();
       }
+      const source = new this.PortalBasemapsSource({
+        query: ((_a = this.basemapConfig) === null || _a === void 0 ? void 0 : _a.basemapGroupId) ? `id:${this.basemapConfig.basemapGroupId}` : null,
+        filterFunction: (basemap) => {
+          return !this.basemapConfig.basemapIdsToFilter.includes(basemap.portalItem.id);
+        }
+      });
+      await source.refresh();
+      this.basemapWidget = new this.BasemapGallery({
+        container: this._basemapElement,
+        view,
+        source
+      });
     }
   }
   static get is() { return "basemap-gallery"; }

package/dist/collection/components/card-manager/card-manager.js

@@ -54,7 +54,8 @@ export class CardManager {
     this._cardLoading = true;
     // only query if we have some ids...query with no ids will result in all features being returned
     const featureSet = ids.length > 0 ? await queryFeaturesByID(ids, this.layer, [], false, this.mapView.spatialReference) : [];
-    this._graphics = featureSet.sort((a, b) => ids.indexOf(b.getObjectId()) - ids.indexOf(a.getObjectId()));
+    // https://github.com/Esri/solutions-components/issues/365
+    this._graphics = featureSet.sort((a, b) => ids.indexOf(a.getObjectId()) - ids.indexOf(b.getObjectId()));
     this._cardLoading = false;
   }
   /**

package/dist/collection/components/crowdsource-manager/crowdsource-manager.css

@@ -85,6 +85,11 @@
   border-bottom: 1px solid var(--calcite-ui-border-3);
 }
 
+.border-sides {
+  border-left: 1px solid var(--calcite-ui-border-3);
+  border-right: 1px solid var(--calcite-ui-border-3);
+}
+
 .position-relative {
   position: relative;
 }

package/dist/collection/components/crowdsource-manager/crowdsource-manager.js

@@ -30,6 +30,7 @@ export class CrowdsourceManager {
     this._shouldSetMapView = false;
     this.classicGrid = false;
     this.enableAutoRefresh = true;
+    this.enableCSV = true;
     this.enableFloorFilter = true;
     this.enableFullscreen = true;
     this.enableInlineEdit = false;
@@ -305,7 +306,7 @@ export class CrowdsourceManager {
     const toggleSlot = this.classicGrid && layoutMode !== ELayoutMode.VERTICAL ? "footer" :
       this.classicGrid && layoutMode === ELayoutMode.VERTICAL ? "panel-end" :
         layoutMode === ELayoutMode.HORIZONTAL ? "header" : "panel-start";
-    return (h("calcite-shell", { class: tableSizeClass + " border-bottom" }, h("calcite-action-bar", { class: "border", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip))), h("div", { class: "width-full height-full position-relative" }, h("layer-table", { enableAutoRefresh: this.enableAutoRefresh, enableInlineEdit: this.enableInlineEdit, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
+    return (h("calcite-shell", { class: tableSizeClass + " border-bottom" }, h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip))), h("div", { class: "width-full height-full position-relative" }, h("layer-table", { enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableInlineEdit: this.enableInlineEdit, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
   }
   /**
    * Open/Close the appropriate panel.
@@ -402,6 +403,24 @@ export class CrowdsourceManager {
         "reflect": false,
         "defaultValue": "true"
       },
+      "enableCSV": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "boolean: when true the export to csv button will be available"
+        },
+        "attribute": "enable-c-s-v",
+        "reflect": false,
+        "defaultValue": "true"
+      },
       "enableFloorFilter": {
         "type": "boolean",
         "mutable": false,

package/dist/collection/components/edit-card/edit-card.js

@@ -86,11 +86,6 @@ export class EditCard {
    */
   async componentWillRender() {
     var _a, _b;
-    const layerTableElements = document.getElementsByTagName("layer-table");
-    if (layerTableElements.length === 1) {
-      const layerTable = layerTableElements[0];
-      this.graphics = await layerTable.getSelectedGraphics();
-    }
     if (((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_b = this.graphics[0]) === null || _b === void 0 ? void 0 : _b.layer)) {
       this._layer = this.graphics[0].layer;
       if (this._layerEditHandle) {

package/dist/collection/components/layer-table/layer-table.css

@@ -38,6 +38,10 @@
   border-inline-end: 1px solid var(--calcite-ui-border-2);
 }
 
+.border-bottom {
+  border-bottom: 1px solid var(--calcite-ui-border-2);
+}
+
 .padding-5 {
   padding: 5px;
 }
@@ -86,7 +90,3 @@ vaadin-grid-cell-content {
   padding: var(--lumo-space-xs) var(--lumo-space-m) !important;
   font-size: 14px !important;
 }
-
-.esri-field-column__header-content {
-  background-color: var(--calcite-ui-foreground-3);
-}

package/dist/collection/components/layer-table/layer-table.js

@@ -22,7 +22,7 @@ import { Host, h } from "@stencil/core";
 import { loadModules } from "../../utils/loadModules";
 import { getLocaleComponentStrings } from "../../utils/locale";
 import { getLayerOrTable, goToSelection } from "../../utils/mapViewUtils";
-import { queryFeaturesByID, queryAllIds } from "../../utils/queryUtils";
+import { queryAllIds } from "../../utils/queryUtils";
 import * as downloadUtils from "../../utils/downloadUtils";
 export class LayerTable {
   constructor() {
@@ -46,13 +46,14 @@ export class LayerTable {
       this._tableNode = node;
     };
     this.enableAutoRefresh = undefined;
+    this.enableCSV = undefined;
     this.enableInlineEdit = undefined;
     this.mapInfo = undefined;
     this.mapView = undefined;
     this.onlyShowUpdatableLayers = undefined;
     this.showNewestFirst = undefined;
     this.zoomAndScrollToSelected = undefined;
-    this._alertOpen = false;
+    this._confirmDelete = false;
     this._fetchingData = false;
     this._isDeleting = false;
     this._layer = undefined;
@@ -95,20 +96,6 @@ export class LayerTable {
       await this._sortTable();
     }
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Get the selected graphics
-   *
-   * @returns Promise that resolves when the operation is complete
-   */
-  async getSelectedGraphics() {
-    return this._selectedIndexes.length > 0 ?
-      await this._getGraphics(this._selectedIndexes) : [];
-  }
   /**
    * Scroll and zoom to the selected feature from the Features widget.
    *
@@ -174,7 +161,7 @@ export class LayerTable {
     const selected = this._selectedIndexes.length.toString();
     return (h(Host, null, h("calcite-shell", null, this._getTableControlRow("header"), h("div", { class: "height-full width-full" }, h("calcite-panel", { class: "height-full width-full" }, h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { class: tableNodeClass, ref: this.onTableNodeCreate })), h("div", { class: "bottom-left background text-color" }, this._translations.recordsSelected
       .replace("{{total}}", total)
-      .replace("{{selected}}", selected))), this._getEditDisabledWarning()), this._deleteMessage()));
+      .replace("{{selected}}", selected)))), this._deleteMessage()));
   }
   //--------------------------------------------------------------------------
   //
@@ -207,7 +194,8 @@ export class LayerTable {
     var _a;
     const featuresSelected = this._selectedIndexes.length > 0;
     const id = "more-table-options";
-    return (h("div", { class: "display-flex table-border height-51", slot: slot }, h("calcite-action-bar", { expandDisabled: true, expanded: true, layout: "horizontal" }, h("div", { class: "border-end" }, h("map-layer-picker", { appearance: "transparent", mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChanged(evt), onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", scale: "l", showTables: true, type: "dropdown" })), this._getAction("zoom-to-object", this._translations.zoom, () => this._zoom(), !featuresSelected), ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? this._getAction("filter", this._translations.filters, () => this._filter(), false) : undefined, this._deleteEnabled ? this._getDangerAction("trash", this._translations.delete, () => this._delete(), !featuresSelected) : undefined, this._getAction("erase", this._translations.clearSelection, () => this._clearSelection(), !featuresSelected), this._getAction("selected-items-filter", this._showOnlySelected ? this._translations.showAll : this._translations.showSelected, () => this._toggleShowSelected(), !featuresSelected)), h("calcite-dropdown", { disabled: this._layer === undefined }, h("calcite-action", { appearance: "solid", id: id, label: "", slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-dropdown-group", { "selection-mode": "none" }, h("calcite-dropdown-item", { iconStart: "list-check-all", onClick: () => this._selectAll() }, this._translations.selectAll), h("calcite-dropdown-item", { iconStart: "compare", onClick: () => this._switchSelected() }, this._translations.switchSelected), h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._refresh() }, this._translations.refresh), h("calcite-dropdown-item", { iconStart: "export", onClick: () => void this._exportToCSV() }, this._translations.exportCSV))), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, this._translations.moreOptions))));
+    return (h("div", { class: "display-flex border-bottom height-51", slot: slot }, h("calcite-action-bar", { expandDisabled: true, expanded: true, layout: "horizontal" }, h("div", { class: "border-end" }, h("map-layer-picker", { appearance: "transparent", mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChanged(evt), onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", scale: "l", showTables: true, type: "dropdown" })), this._getAction("zoom-to-object", this._translations.zoom, () => this._zoom(), !featuresSelected), ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? this._getAction("filter", this._translations.filters, () => this._filter(), false) : undefined, this._deleteEnabled ? this._getDangerAction("trash", this._translations.delete, () => this._delete(), !featuresSelected) : undefined, this._getAction("erase", this._translations.clearSelection, () => this._clearSelection(), !featuresSelected), this._getAction("selected-items-filter", this._showOnlySelected ? this._translations.showAll : this._translations.showSelected, () => this._toggleShowSelected(), !featuresSelected)), h("calcite-dropdown", { disabled: this._layer === undefined }, h("calcite-action", { appearance: "solid", id: id, label: "", slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-dropdown-group", { "selection-mode": "none" }, h("calcite-dropdown-item", { iconStart: "list-check-all", onClick: () => this._selectAll() }, this._translations.selectAll), h("calcite-dropdown-item", { iconStart: "compare", onClick: () => this._switchSelected() }, this._translations.switchSelected), h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._refresh() }, this._translations.refresh), this.enableCSV ?
+      (h("calcite-dropdown-item", { iconStart: "export", onClick: () => void this._exportToCSV() }, this._translations.exportCSV)) : undefined)), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, h("span", null, this._translations.moreOptions))));
   }
   /**
    * Get an action and tooltip
@@ -267,7 +255,8 @@ export class LayerTable {
       this._checkEditEnabled();
       await this._table.when(() => {
         this._table.highlightIds.on("change", () => {
-          this._selectedIndexes = this._table.highlightIds.toArray();
+          // https://github.com/Esri/solutions-components/issues/365
+          this._selectedIndexes = this._table.highlightIds.toArray().reverse();
           if (this._showOnlySelected) {
             if (this._selectedIndexes.length > 0) {
               this._table.filterBySelection();
@@ -345,21 +334,13 @@ export class LayerTable {
       }
     }
   }
-  /**
-   * Show warning when editing is disabled
-   *
-   * @returns node with warning message
-   */
-  _getEditDisabledWarning() {
-    return (h("calcite-alert", { icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen && !this._confirmDelete, placement: "top" }, h("div", { slot: "title" }, this._translations.deleteDisabled), h("div", { slot: "message" }, this._translations.enableEditing)));
-  }
   /**
    * Show delete confirmation message
    *
    * @returns node to confirm or deny the delete operation
    */
   _deleteMessage() {
-    return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "danger", open: this._confirmDelete }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, h("calcite-icon", { "aria-hidden": "true", class: "padding-end-1 danger-color", icon: "exclamation-mark-triangle", scale: "m" }), this._translations.deleteFeature), h("div", { slot: "content" }, this._translations.confirm), h("calcite-button", { appearance: "outline", kind: "danger", onClick: () => this._alertClosed(), slot: "secondary", width: "full" }, this._translations.cancel), h("calcite-button", { kind: "danger", loading: this._isDeleting, onClick: () => void this._deleteFeatures(), slot: "primary", width: "full" }, this._translations.delete)));
+    return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "danger", onCalciteModalClose: () => this._deleteClosed(), open: this._confirmDelete }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, h("calcite-icon", { "aria-hidden": "true", class: "padding-end-1 danger-color", icon: "exclamation-mark-triangle", scale: "m" }), this._translations.deleteFeature), h("div", { slot: "content" }, this._translations.confirm), h("calcite-button", { appearance: "outline", kind: "danger", onClick: () => this._deleteClosed(), slot: "secondary", width: "full" }, this._translations.cancel), h("calcite-button", { kind: "danger", loading: this._isDeleting, onClick: () => void this._deleteFeatures(), slot: "primary", width: "full" }, this._translations.delete)));
   }
   /**
    * Delete the currently selected features
@@ -377,7 +358,7 @@ export class LayerTable {
     await this._table.refresh();
     this._allIds = await queryAllIds(this._layer);
     this._isDeleting = false;
-    this._alertClosed();
+    this._deleteClosed();
   }
   /**
    * Handle map click events to keep table and map click selection in sync
@@ -413,8 +394,7 @@ export class LayerTable {
    *
    * @returns void
    */
-  _alertClosed() {
-    this._alertOpen = false;
+  _deleteClosed() {
     this._confirmDelete = false;
   }
   /**
@@ -517,20 +497,7 @@ export class LayerTable {
    * @returns a promise that will resolve when the operation is complete
    */
   _delete() {
-    if (this._editEnabled) {
-      this._confirmDelete = true;
-    }
-    this._alertOpen = true;
-  }
-  /**
-   * Get the graphics for all selected indexes
-   *
-   * @param ids the ids for the graphics to fetch
-   *
-   * @returns An array of selected graphics
-   */
-  async _getGraphics(ids) {
-    return ids.length > 0 ? queryFeaturesByID(ids, this._table.layer, [], false, this.mapView.spatialReference) : [];
+    this._confirmDelete = true;
   }
   /**
    * Handles layer selection change to show new table
@@ -640,6 +607,23 @@ export class LayerTable {
         "attribute": "enable-auto-refresh",
         "reflect": false
       },
+      "enableCSV": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "boolean: when true the export to csv button will be available"
+        },
+        "attribute": "enable-c-s-v",
+        "reflect": false
+      },
       "enableInlineEdit": {
         "type": "boolean",
         "mutable": false,
@@ -753,7 +737,7 @@ export class LayerTable {
   }
   static get states() {
     return {
-      "_alertOpen": {},
+      "_confirmDelete": {},
       "_fetchingData": {},
       "_isDeleting": {},
       "_layer": {},
@@ -796,34 +780,6 @@ export class LayerTable {
         }
       }];
   }
-  static get methods() {
-    return {
-      "getSelectedGraphics": {
-        "complexType": {
-          "signature": "() => Promise<__esri.Graphic[]>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
-            },
-            "___esri": {
-              "location": "global",
-              "id": "global::___esri"
-            }
-          },
-          "return": "Promise<Graphic[]>"
-        },
-        "docs": {
-          "text": "Get the selected graphics",
-          "tags": [{
-              "name": "returns",
-              "text": "Promise that resolves when the operation is complete"
-            }]
-        }
-      }
-    };
-  }
   static get elementRef() { return "el"; }
   static get watchers() {
     return [{

package/dist/collection/components/map-tools/map-tools.js

@@ -159,7 +159,7 @@ export class MapTools {
       this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()) :
       undefined, this.enableFloorFilter ?
       this._getActionGroup("urban-model", false, this._translations.floorFilter, () => this._toggleFloorFilter()) :
-      undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+      undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
   }
   //--------------------------------------------------------------------------
   //