@esri/solutions-components 0.7.23 → 0.7.24

package/dist/components/crowdsource-manager.js

@@ -6,49 +6,51 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { a as ELayoutMode } from './interfaces.js';
-import { d as defineCustomElement$V } from './basemap-gallery2.js';
-import { d as defineCustomElement$U } from './action.js';
-import { d as defineCustomElement$T } from './action-bar.js';
-import { d as defineCustomElement$S } from './action-group.js';
-import { d as defineCustomElement$R } from './action-menu.js';
-import { d as defineCustomElement$Q } from './alert.js';
-import { d as defineCustomElement$P } from './block.js';
-import { d as defineCustomElement$O } from './button.js';
-import { d as defineCustomElement$N } from './checkbox.js';
-import { d as defineCustomElement$M } from './chip.js';
-import { d as defineCustomElement$L } from './combobox.js';
-import { d as defineCustomElement$K } from './combobox-item.js';
-import { d as defineCustomElement$J } from './date-picker.js';
-import { d as defineCustomElement$I } from './date-picker-day.js';
-import { d as defineCustomElement$H } from './date-picker-month.js';
-import { d as defineCustomElement$G } from './date-picker-month-header.js';
-import { d as defineCustomElement$F } from './dropdown.js';
-import { d as defineCustomElement$E } from './dropdown-group.js';
-import { d as defineCustomElement$D } from './dropdown-item.js';
-import { d as defineCustomElement$C } from './filter2.js';
-import { d as defineCustomElement$B } from './graph.js';
-import { d as defineCustomElement$A } from './handle.js';
-import { d as defineCustomElement$z } from './icon.js';
-import { d as defineCustomElement$y } from './input.js';
-import { d as defineCustomElement$x } from './input-date-picker.js';
-import { d as defineCustomElement$w } from './input-text.js';
-import { d as defineCustomElement$v } from './label2.js';
-import { d as defineCustomElement$u } from './list.js';
-import { d as defineCustomElement$t } from './list-item.js';
-import { d as defineCustomElement$s } from './loader.js';
-import { d as defineCustomElement$r } from './modal.js';
-import { d as defineCustomElement$q } from './notice.js';
-import { d as defineCustomElement$p } from './option.js';
-import { d as defineCustomElement$o } from './panel.js';
-import { d as defineCustomElement$n } from './popover.js';
-import { d as defineCustomElement$m } from './progress.js';
-import { d as defineCustomElement$l } from './scrim.js';
-import { d as defineCustomElement$k } from './select.js';
-import { d as defineCustomElement$j } from './shell.js';
-import { d as defineCustomElement$i } from './slider.js';
-import { d as defineCustomElement$h } from './stack.js';
-import { d as defineCustomElement$g } from './tooltip.js';
-import { d as defineCustomElement$f } from './card-manager2.js';
+import { g as getLayerOrTable } from './mapViewUtils.js';
+import { d as defineCustomElement$W } from './basemap-gallery2.js';
+import { d as defineCustomElement$V } from './action.js';
+import { d as defineCustomElement$U } from './action-bar.js';
+import { d as defineCustomElement$T } from './action-group.js';
+import { d as defineCustomElement$S } from './action-menu.js';
+import { d as defineCustomElement$R } from './alert.js';
+import { d as defineCustomElement$Q } from './block.js';
+import { d as defineCustomElement$P } from './button.js';
+import { d as defineCustomElement$O } from './checkbox.js';
+import { d as defineCustomElement$N } from './chip.js';
+import { d as defineCustomElement$M } from './combobox.js';
+import { d as defineCustomElement$L } from './combobox-item.js';
+import { d as defineCustomElement$K } from './date-picker.js';
+import { d as defineCustomElement$J } from './date-picker-day.js';
+import { d as defineCustomElement$I } from './date-picker-month.js';
+import { d as defineCustomElement$H } from './date-picker-month-header.js';
+import { d as defineCustomElement$G } from './dropdown.js';
+import { d as defineCustomElement$F } from './dropdown-group.js';
+import { d as defineCustomElement$E } from './dropdown-item.js';
+import { d as defineCustomElement$D } from './filter2.js';
+import { d as defineCustomElement$C } from './graph.js';
+import { d as defineCustomElement$B } from './handle.js';
+import { d as defineCustomElement$A } from './icon.js';
+import { d as defineCustomElement$z } from './input.js';
+import { d as defineCustomElement$y } from './input-date-picker.js';
+import { d as defineCustomElement$x } from './input-text.js';
+import { d as defineCustomElement$w } from './label2.js';
+import { d as defineCustomElement$v } from './list.js';
+import { d as defineCustomElement$u } from './list-item.js';
+import { d as defineCustomElement$t } from './loader.js';
+import { d as defineCustomElement$s } from './modal.js';
+import { d as defineCustomElement$r } from './notice.js';
+import { d as defineCustomElement$q } from './option.js';
+import { d as defineCustomElement$p } from './panel.js';
+import { d as defineCustomElement$o } from './popover.js';
+import { d as defineCustomElement$n } from './progress.js';
+import { d as defineCustomElement$m } from './scrim.js';
+import { d as defineCustomElement$l } from './select.js';
+import { d as defineCustomElement$k } from './shell.js';
+import { d as defineCustomElement$j } from './slider.js';
+import { d as defineCustomElement$i } from './stack.js';
+import { d as defineCustomElement$h } from './tooltip.js';
+import { d as defineCustomElement$g } from './card-manager2.js';
+import { d as defineCustomElement$f } from './delete-button2.js';
 import { d as defineCustomElement$e } from './edit-card2.js';
 import { d as defineCustomElement$d } from './floor-filter2.js';
 import { d as defineCustomElement$c } from './info-card2.js';
@@ -107,6 +109,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         this._hideTable = false;
         this._isMobile = undefined;
         this._translations = undefined;
+        this._layer = undefined;
         this._layoutMode = ELayoutMode.GRID;
         this._mapInfo = undefined;
         this._mapView = undefined;
@@ -217,6 +220,16 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
             this._expandPopup = false;
         }
     }
+    /**
+     * Get the layer for the provided layer id
+     */
+    async layerSelectionChange(evt) {
+        const id = evt.detail[0];
+        const layer = await getLayerOrTable(this._mapView, id);
+        await layer.when(() => {
+            this._layer = layer;
+        });
+    }
     //--------------------------------------------------------------------------
     //
     //  Functions (lifecycle)
@@ -265,8 +278,10 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
      * @protected
      */
     _getFooter() {
+        var _a, _b, _c, _d;
         const hasSelectedFeatures = this._numSelected > 0;
-        return this._isMobile && hasSelectedFeatures && !this._hideFooter ? (h("div", { class: `width-100`, slot: "footer" }, h("div", { class: "display-flex padding-1-2" }, h("calcite-button", { appearance: "solid", id: "solutions-show", onClick: () => this.showHideMapPopupAndTable(true), width: "full" }, this._translations.view.replace("{{n}}", this._numSelected.toString())), h("calcite-button", { appearance: "outline", class: "padding-inline-start-1", id: "solutions-delete", kind: "danger", onClick: () => this._layerTable.deleteFeatures(), width: "full" }, this._translations.delete.replace("{{n}}", this._numSelected.toString()))))) : undefined;
+        const deleteEnabled = ((_a = this._layer) === null || _a === void 0 ? void 0 : _a.editingEnabled) && ((_d = (_c = (_b = this._layer) === null || _b === void 0 ? void 0 : _b.capabilities) === null || _c === void 0 ? void 0 : _c.operations) === null || _d === void 0 ? void 0 : _d.supportsDelete);
+        return this._isMobile && hasSelectedFeatures && !this._hideFooter ? (h("div", { class: `width-100`, slot: "footer" }, h("div", { class: "display-flex padding-1-2" }, h("calcite-button", { appearance: "solid", id: "solutions-show", onClick: () => this.showHideMapPopupAndTable(true), width: "full" }, this._translations.view.replace("{{n}}", this._numSelected.toString())), deleteEnabled ? (h("delete-button", { class: "padding-inline-start-1 width-full", id: "solutions-delete", ids: this._layerTable.selectedIds, layer: this._layer })) : undefined))) : undefined;
     }
     /**
      * Get the icon name to use for the divider icon based on the current layout
@@ -428,7 +443,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
      * @protected
      */
     _getTable(layoutMode, panelOpen, hideTable) {
-        const tableClass = hideTable ? "visibility-hidden" : "";
+        const tableClass = hideTable && this._isMobile ? "visibility-hidden" : "";
         const tableSizeClass = this._getTableSizeClass(layoutMode, panelOpen);
         const icon = this._getDividerIcon(layoutMode, panelOpen);
         const tooltip = panelOpen ? this._translations.close : this._translations.open;
@@ -569,13 +584,14 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         "_hideTable": [32],
         "_isMobile": [32],
         "_translations": [32],
+        "_layer": [32],
         "_layoutMode": [32],
         "_mapInfo": [32],
         "_mapView": [32],
         "_panelOpen": [32],
         "_numSelected": [32],
         "_tableOnly": [32]
-    }, [[8, "featureSelectionChange", "featureSelectionChange"], [8, "popupClosed", "popupClosed"], [8, "idsFound", "idsFound"], [8, "layoutChanged", "layoutChanged"], [8, "mapChanged", "mapChanged"], [8, "beforeMapChanged", "beforeMapChanged"]], {
+    }, [[8, "featureSelectionChange", "featureSelectionChange"], [8, "popupClosed", "popupClosed"], [8, "idsFound", "idsFound"], [8, "layoutChanged", "layoutChanged"], [8, "mapChanged", "mapChanged"], [8, "beforeMapChanged", "beforeMapChanged"], [8, "layerSelectionChange", "layerSelectionChange"]], {
         "defaultCenter": ["defaultCenterWatchHandler"],
         "defaultFilter": ["defaultFilterWatchHandler"],
         "defaultGlobalId": ["defaultGlobalIdWatchHandler"],
@@ -587,7 +603,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["crowdsource-manager", "basemap-gallery", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-alert", "calcite-block", "calcite-button", "calcite-checkbox", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-date-picker", "calcite-date-picker-day", "calcite-date-picker-month", "calcite-date-picker-month-header", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-filter", "calcite-graph", "calcite-handle", "calcite-icon", "calcite-input", "calcite-input-date-picker", "calcite-input-text", "calcite-label", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-slider", "calcite-stack", "calcite-tooltip", "card-manager", "edit-card", "floor-filter", "info-card", "instant-apps-filter-list", "instant-apps-social-share", "layer-table", "map-card", "map-fullscreen", "map-layer-picker", "map-legend", "map-picker", "map-search", "map-tools"];
+    const components = ["crowdsource-manager", "basemap-gallery", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-alert", "calcite-block", "calcite-button", "calcite-checkbox", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-date-picker", "calcite-date-picker-day", "calcite-date-picker-month", "calcite-date-picker-month-header", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-filter", "calcite-graph", "calcite-handle", "calcite-icon", "calcite-input", "calcite-input-date-picker", "calcite-input-text", "calcite-label", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-slider", "calcite-stack", "calcite-tooltip", "card-manager", "delete-button", "edit-card", "floor-filter", "info-card", "instant-apps-filter-list", "instant-apps-social-share", "layer-table", "map-card", "map-fullscreen", "map-layer-picker", "map-legend", "map-picker", "map-search", "map-tools"];
     components.forEach(tagName => { switch (tagName) {
         case "crowdsource-manager":
             if (!customElements.get(tagName)) {
@@ -596,215 +612,220 @@ function defineCustomElement$1() {
             break;
         case "basemap-gallery":
             if (!customElements.get(tagName)) {
-                defineCustomElement$V();
+                defineCustomElement$W();
             }
             break;
         case "calcite-action":
             if (!customElements.get(tagName)) {
-                defineCustomElement$U();
+                defineCustomElement$V();
             }
             break;
         case "calcite-action-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$T();
+                defineCustomElement$U();
             }
             break;
         case "calcite-action-group":
             if (!customElements.get(tagName)) {
-                defineCustomElement$S();
+                defineCustomElement$T();
             }
             break;
         case "calcite-action-menu":
             if (!customElements.get(tagName)) {
-                defineCustomElement$R();
+                defineCustomElement$S();
             }
             break;
         case "calcite-alert":
             if (!customElements.get(tagName)) {
-                defineCustomElement$Q();
+                defineCustomElement$R();
             }
             break;
         case "calcite-block":
             if (!customElements.get(tagName)) {
-                defineCustomElement$P();
+                defineCustomElement$Q();
             }
             break;
         case "calcite-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$O();
+                defineCustomElement$P();
             }
             break;
         case "calcite-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$N();
+                defineCustomElement$O();
             }
             break;
         case "calcite-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$M();
+                defineCustomElement$N();
             }
             break;
         case "calcite-combobox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$L();
+                defineCustomElement$M();
             }
             break;
         case "calcite-combobox-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$K();
+                defineCustomElement$L();
             }
             break;
         case "calcite-date-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$J();
+                defineCustomElement$K();
             }
             break;
         case "calcite-date-picker-day":
             if (!customElements.get(tagName)) {
-                defineCustomElement$I();
+                defineCustomElement$J();
             }
             break;
         case "calcite-date-picker-month":
             if (!customElements.get(tagName)) {
-                defineCustomElement$H();
+                defineCustomElement$I();
             }
             break;
         case "calcite-date-picker-month-header":
             if (!customElements.get(tagName)) {
-                defineCustomElement$G();
+                defineCustomElement$H();
             }
             break;
         case "calcite-dropdown":
             if (!customElements.get(tagName)) {
-                defineCustomElement$F();
+                defineCustomElement$G();
             }
             break;
         case "calcite-dropdown-group":
             if (!customElements.get(tagName)) {
-                defineCustomElement$E();
+                defineCustomElement$F();
             }
             break;
         case "calcite-dropdown-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$D();
+                defineCustomElement$E();
             }
             break;
         case "calcite-filter":
             if (!customElements.get(tagName)) {
-                defineCustomElement$C();
+                defineCustomElement$D();
             }
             break;
         case "calcite-graph":
             if (!customElements.get(tagName)) {
-                defineCustomElement$B();
+                defineCustomElement$C();
             }
             break;
         case "calcite-handle":
             if (!customElements.get(tagName)) {
-                defineCustomElement$A();
+                defineCustomElement$B();
             }
             break;
         case "calcite-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$z();
+                defineCustomElement$A();
             }
             break;
         case "calcite-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$y();
+                defineCustomElement$z();
             }
             break;
         case "calcite-input-date-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$x();
+                defineCustomElement$y();
             }
             break;
         case "calcite-input-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$w();
+                defineCustomElement$x();
             }
             break;
         case "calcite-label":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$w();
             }
             break;
         case "calcite-list":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "calcite-list-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "calcite-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "calcite-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "calcite-notice":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "calcite-option":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "calcite-panel":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "calcite-popover":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "calcite-progress":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "calcite-scrim":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "calcite-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "calcite-shell":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "calcite-slider":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "calcite-stack":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "calcite-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "card-manager":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "delete-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }