@esri/solutions-components 1.0.0-next.20250415 → 1.0.0-next.20250421

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

@@ -1,15 +1,16 @@
 import { c as y } from "../../chunks/runtime.js";
 import { g as l } from "../../chunks/interfaces.js";
-import { d as $ } from "../../chunks/mapViewUtils.js";
-import { u as v } from "../../chunks/useT9n.js";
-import { html as s, nothing as C } from "lit";
+import { d as v } from "../../chunks/mapViewUtils.js";
+import { defineCustomElements as $ } from "@arcgis/instant-apps-components/loader";
+import { u as C } from "../../chunks/useT9n.js";
+import { html as s, nothing as L } from "lit";
 import { createRef as h, ref as d } from "lit-html/directives/ref.js";
-import { LitElement as L, createEvent as p, noShadowRoot as x, safeStyleMap as I, safeClassMap as u } from "@arcgis/lumina";
-import { css as M } from "@lit/reactive-element/css-tag.js";
+import { LitElement as x, createEvent as p, noShadowRoot as I, safeStyleMap as M, safeClassMap as u } from "@arcgis/lumina";
+import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250415 */
-const S = M`@layer{/** @license
+v1.0.0-next.20250421 */
+const F = S`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,22 +25,22 @@ const S = M`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block;--calcite-label-margin-bottom: 0px;--solutions-theme-foreground-color: var(--calcite-color-foreground-1)}.padding-1-2{padding:.5rem}.display-flex{display:flex}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-color-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.border-right{border-right:2px solid var(--calcite-color-border-3)}.border-sides{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.position-relative{position:relative}.position-absolute{position:absolute}.position-sticky{position:sticky}.height-50{height:50%}.top-51{top:51px}.adjusted-height-50{height:calc(50% - 25px)}.adjusted-height-100{height:calc(100% - 50px)}.adjusted-height-100-51{height:calc(100% - 51px)}.display-none{display:none!important}.adjusted-height-50_25{height:calc(50% + 25px)}.position-absolute-53{position:absolute;top:53px}.display-grid{display:grid}.height-50-px{height:50px}.padding-inline-start-75{padding-inline-start:.75rem}.align-items-center{align-items:center}.esri-floor-filter__close-levels-button,.esri-floor-filter__level-button,.esri-floor-filter__browse-button{width:40px!important;height:40px!important}.position-absolute-50{position:absolute;inset:50px 0 0}.position-absolute-0{position:absolute;inset:0}.visibility-hidden{visibility:hidden;height:0px}.position-fixed{position:fixed}.border-width-0{border-width:0px}.border-bottom-width-0{border-bottom-width:0px}.floating-container{position:fixed;width:100px;height:10px;bottom:0;right:0;margin:100px 0}.floating-container .floating-button{box-shadow:0 10px 25px #5c5d5e99;-webkit-transform:translatey(5px);transform:translatey(5px);-webkit-transition:all .3s;transition:all .3s}.z-index-0{z-index:0!important}.z-index-1{z-index:1!important}.filter-content-space{--calcite-dialog-content-space: 0px}.background-dark{background:var(--calcite-color-background)}.filter-extent-container{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.filter-modal-buttons{display:flex;padding:12px;gap:10px}.filter-extent-message{align-items:center;display:flex;gap:5px}}`;
-class F extends L {
+class T extends x {
   constructor() {
-    super(), this.defaultCenter = "", this.defaultGlobalId = "", this.defaultLayer = "", this.defaultLevel = "", this.defaultOid = "", this.defaultWebmap = "", this.honorMapFieldSettings = !1, this.introductionWindowEnabled = !1, this.enableAutoRefresh = !1, this.enableBasemap = !0, this.enableColumnReorder = !0, this.enableCSV = !0, this.enableFloorFilter = !0, this.enableFullscreen = !0, this.enableHome = !0, this.enableLegend = !0, this.enableSearch = !0, this.enableShare = !1, this.enableSnapping = !0, this.enableZoom = !0, this.mapInfos = [], this.onlyShowUpdatableLayers = !0, this.showNewestFirst = !0, this.theme = "light", this.zoomAndScrollToSelected = !1, this._deleteDialogOpen = !1, this._enableCreateFeatures = !0, this._hideFooter = !1, this._hideTable = !1, this._isMobile = !1, this._isPortraitMobile = !1, this._translations = v({ name: "crowdsource-manager" }), this._layoutMode = l.GRID, this._panelOpen = !0, this._numSelected = 0, this._filterOpen = !1, this._showInformationHeader = !0, this._isLoading = !0, this._defaultAppLayoutHonored = !1, this._defaultCenterHonored = !1, this._defaultLevelHonored = !1, this._layerTable = h(), this._shouldSetMapView = !1, this._filterList = h(), this._mapCard = h(), this._isMapViewOnLoad = !1, this.showIntroductionWindow = p(), this.showCoverPage = p(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "popupClosed", this.popupClosed), this.listenOn(window, "layoutChanged", this.layoutChanged), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "showDelete", this.showDelete), this.listenOn(window, "idsFound", this.idsFound);
+    super(), this.coverPageEnabled = !1, this.customInfoText = "", this.defaultCenter = "", this.defaultGlobalId = "", this.defaultLayer = "", this.defaultLevel = "", this.defaultOid = "", this.defaultWebmap = "", this.honorMapFieldSettings = !1, this.introductionWindowEnabled = !1, this.enableAutoRefresh = !1, this.enableBasemap = !0, this.enableColumnReorder = !0, this.enableCSV = !0, this.enableFloorFilter = !0, this.enableFullscreen = !0, this.enableHome = !0, this.enableLegend = !0, this.enableSearch = !0, this.enableShare = !1, this.enableSnapping = !0, this.enableZoom = !0, this.locale = "", this.mapInfos = [], this.onlyShowUpdatableLayers = !0, this.popupHeaderColor = "", this.popupHeaderHoverColor = "", this.popupHeaderHoverTextColor = "", this.popupHeaderTextColor = "", this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !0, this.theme = "light", this.zoomAndScrollToSelected = !1, this._deleteDialogOpen = !1, this._enableCreateFeatures = !0, this._hideFooter = !1, this._hideTable = !1, this._isMobile = !1, this._isPortraitMobile = !1, this._translations = C({ name: "crowdsource-manager" }), this._layoutMode = l.GRID, this._panelOpen = !0, this._numSelected = 0, this._filterOpen = !1, this._showInformationHeader = !0, this._layerIds = [], this._isLoading = !0, this._mapExtentFilterChecked = !1, this._defaultAppLayoutHonored = !1, this._defaultCenterHonored = !1, this._defaultLevelHonored = !1, this._deleteIds = [], this._layerTable = h(), this._shouldSetMapView = !1, this._layerExpressions = [], this._filterList = h(), this._mapCard = h(), this._isMapViewOnLoad = !1, this.showIntroductionWindow = p(), this.showCoverPage = p(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "popupClosed", this.popupClosed), this.listenOn(window, "layoutChanged", this.layoutChanged), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "showDelete", this.showDelete), this.listenOn(window, "idsFound", this.idsFound), $(window);
   }
   static {
     this.properties = { appLayout: 1, appProxies: 1, basemapConfig: 0, coverPageEnabled: 5, customInfoText: 1, defaultAppLayout: 1, defaultCenter: 1, defaultGlobalId: 1, defaultLayer: 1, defaultLevel: 1, defaultOid: 1, defaultWebmap: 1, honorMapFieldSettings: 5, introductionWindowEnabled: 5, enableAutoRefresh: 5, enableBasemap: 5, enableColumnReorder: 5, enableCSV: 5, enableFloorFilter: 5, enableFullscreen: 5, enableHome: 5, enableLegend: 5, enableSearch: 5, enableShare: 5, enableSnapping: 5, enableZoom: 5, locale: 1, mapInfos: 0, onlyShowUpdatableLayers: 5, popupHeaderColor: 1, popupHeaderHoverColor: 1, popupHeaderHoverTextColor: 1, popupHeaderTextColor: 1, searchConfiguration: 0, shareIncludeEmbed: 5, shareIncludeSocial: 5, showNewestFirst: 5, theme: 1, zoomAndScrollToSelected: 5, zoomToScale: 9, _deleteDialogOpen: 16, _enableCreateFeatures: 16, _hideFooter: 16, _hideTable: 16, _isMobile: 16, _isPortraitMobile: 16, _translations: 16, _layer: 16, _layoutMode: 16, _mapInfo: 16, _mapView: 16, _panelOpen: 16, _numSelected: 16, _filterOpen: 16, _showInformationHeader: 16, _layerIds: 16, _isLoading: 16, _mapExtentFilterChecked: 16 };
   }
   static {
-    this.styles = S;
+    this.styles = F;
   }
   static {
-    this.shadowRootOptions = x;
+    this.shadowRootOptions = I;
   }
   /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(e) {
-    e.has("appLayout") && this.appLayoutWatchHandler(this.appLayout, e.get("appLayout")), e.has("enableZoom") && (this.hasUpdated || this.enableZoom !== !0) && this.enableZoomWatchHandler(), e.has("locale") && this.localeWatchHandler();
+    e.has("appLayout") && this.appLayout && this.appLayoutWatchHandler(this.appLayout, e.get("appLayout")), e.has("enableZoom") && (this.hasUpdated || this.enableZoom !== !0) && this.enableZoomWatchHandler(), e.has("locale") && this.localeWatchHandler();
   }
   //--------------------------------------------------------------------------
   //
@@ -72,13 +73,13 @@ class F extends L {
   }
   /** Listen for mapChanged event to be fired then store the new mapView so components will be updated */
   async mapChanged(e) {
-    this._mapChange = e.detail, await this._mapChange.mapView.when(async () => {
+    this._mapChange = e.detail, await this._mapChange?.mapView.when(async () => {
       await this._setMapView();
     });
   }
   /** Get the layer for the provided layer id */
   async layerSelectionChange(e) {
-    const t = e.detail[0], i = await $(this._mapView, t);
+    const t = e.detail[0], i = this._mapView && await v(this._mapView, t);
     i && await i.when(() => {
       this._layerIds.length === 0 && this.appLayout === "mapView" && i.isTable && (this.appLayout = "splitView"), this._layer = i, this._initLayerExpressions(), this._handleFilterListReset(), this._isLoading = !1;
     });
@@ -112,7 +113,7 @@ class F extends L {
   }
   /** Called once after the component is loaded */
   loaded() {
-    this._resizeObserver.observe(this.el), !this._defaultAppLayoutHonored && this.defaultAppLayout ? (this._defaultAppLayoutHonored = !0, this.appLayout = this.defaultAppLayout) : this.appLayout || (this.appLayout = "splitView"), this._isMapViewOnLoad = this.appLayout === "mapView", this._setActiveLayout(this.appLayout);
+    this._resizeObserver?.observe(this.el), !this._defaultAppLayoutHonored && this.defaultAppLayout ? (this._defaultAppLayoutHonored = !0, this.appLayout = this.defaultAppLayout) : this.appLayout || (this.appLayout = "splitView"), this._isMapViewOnLoad = this.appLayout === "mapView", this._setActiveLayout(this.appLayout);
   }
   //--------------------------------------------------------------------------
   //
@@ -261,7 +262,7 @@ class F extends L {
    */
   _getPopupExpandNode() {
     const e = this._isMobile ? "height-full" : "height-full position-relative", t = this._isPortraitMobile && this._showInformationHeader ? "display-none height-0" : "", i = this.popupHeaderColor ? "" : this._isPortraitMobile ? "calcite-mode-light" : "calcite-mode-dark", a = this._isPortraitMobile && this._hideTable ? "position-absolute-0 width-full height-full" : this._isPortraitMobile ? "display-none height-0" : "", o = this.mapInfos?.length > 1 && this.appLayout === "tableView" ? "position-relative top-51" : "", n = this.appLayout !== "tableView" ? "position-sticky" : "";
-    return s`<div class=${`${i} ${e} ${a} ${o} ${n}`} style=${I({
+    return s`<div class=${`${i} ${e} ${a} ${o} ${n}`} style=${M({
       "--calcite-color-foreground-1": this.popupHeaderColor,
       "--calcite-color-foreground-2": this.popupHeaderHoverColor,
       "--calcite-color-text-3": this.popupHeaderTextColor,
@@ -279,7 +280,7 @@ class F extends L {
     return s`<div class=${`width-50 height-full ${a}`}><card-manager class=${`${i} width-full`} .customInfoText=${this.customInfoText} .enableCreateFeatures=${this._enableCreateFeatures && !this._isMobile} .enableEditGeometry=${this?._mapInfo?.enableEditGeometry} .enableSnapping=${this.enableSnapping} .isMobile=${this._isPortraitMobile} .layer=${this._layer} .locale=${this.locale} .mapView=${this?._mapView} @backFromCreateWorkFlow=${() => {
       this._showInformationHeader = !0;
     }} @createWorkFlowStarted=${() => {
-      this.appLayout = this._layer.isTable ? "tableView" : "mapView", this._showInformationHeader = !1;
+      this.appLayout = this._layer?.isTable ? "tableView" : "mapView", this._showInformationHeader = !1;
     }} @featureOrRecordSubmitted=${() => this._layerTable.value && void this._layerTable.value.refresh()} .selectedFeaturesIds=${this._layerTable.value?.selectedIds} .selectingFeatureFromMap=${this.appLayout === "mapView"} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected}></card-manager></div>`;
   }
   /**
@@ -292,7 +293,7 @@ class F extends L {
    */
   _getTable(e, t, i) {
     const a = this.appLayout === "mapView", o = this.appLayout === "tableView", n = i && this._isPortraitMobile ? "visibility-hidden" : a ? "display-none" : "", f = a ? "height-full width-full z-index-0" : "display-none", b = this._getTableSizeClass(e, t), m = e === l.HORIZONTAL ? "horizontal" : "vertical", _ = e === l.HORIZONTAL ? "header" : "panel-start", r = this.defaultWebmap && this.defaultLayer, c = this.defaultGlobalId ? this.defaultGlobalId?.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId] : void 0, g = this.defaultOid ? this.defaultOid?.indexOf(",") > -1 ? this.defaultOid.split(",").map((w) => parseInt(w, 10)) : [parseInt(this.defaultOid, 10)] : void 0;
-    return s`<calcite-shell class=${`${b} border-bottom`}>${this._isMobile ? void 0 : s`<calcite-action-bar class="border-sides" expand-disabled .layout=${m} slot=${_ ?? C}>${this.getActions(e, t)}</calcite-action-bar>`}<div class=${`width-full height-full position-relative z-index-0 ${n}`}><layer-table .appLayout=${this.appLayout} .defaultGlobalId=${r ? c : void 0} .defaultLayerId=${r ? this.defaultLayer : ""} .defaultOid=${r && !c ? g : void 0} .enableAutoRefresh=${this.enableAutoRefresh} .enableCSV=${this.enableCSV} .enableColumnReorder=${this.enableColumnReorder} .enableInlineEdit=${this?._mapInfo?.enableInlineEdit} .enableShare=${this.enableShare} .honorMapFieldSettings=${this.honorMapFieldSettings} .isMobile=${this._isPortraitMobile} .locale=${this.locale} .mapHidden=${o} .mapInfo=${this._mapInfo} .mapView=${this?._mapView} @lyShowUpdatableLayers=${this.onlyShowUpdatableLayers} @toggleFilter=${this._toggleFilter} .shareIncludeEmbed=${this.shareIncludeEmbed} .shareIncludeSocial=${this.shareIncludeSocial} .showNewestFirst=${this.showNewestFirst} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected} .zoomToScale=${this.zoomToScale} ${d(this._layerTable)}></layer-table></div><div class=${u(f)} id=full-map-view></div></calcite-shell>`;
+    return s`<calcite-shell class=${`${b} border-bottom`}>${this._isMobile ? void 0 : s`<calcite-action-bar class="border-sides" expand-disabled .layout=${m} slot=${_ ?? L}>${this.getActions(e, t)}</calcite-action-bar>`}<div class=${`width-full height-full position-relative z-index-0 ${n}`}><layer-table .appLayout=${this.appLayout} .defaultGlobalId=${r ? c : void 0} .defaultLayerId=${r ? this.defaultLayer : ""} .defaultOid=${r && !c ? g : void 0} .enableAutoRefresh=${this.enableAutoRefresh} .enableCSV=${this.enableCSV} .enableColumnReorder=${this.enableColumnReorder} .enableInlineEdit=${this?._mapInfo?.enableInlineEdit} .enableShare=${this.enableShare} .honorMapFieldSettings=${this.honorMapFieldSettings} .isMobile=${this._isPortraitMobile} .locale=${this.locale} .mapHidden=${o} .mapInfo=${this._mapInfo} .mapView=${this?._mapView} @lyShowUpdatableLayers=${this.onlyShowUpdatableLayers} @toggleFilter=${this._toggleFilter} .shareIncludeEmbed=${this.shareIncludeEmbed} .shareIncludeSocial=${this.shareIncludeSocial} .showNewestFirst=${this.showNewestFirst} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected} .zoomToScale=${this.zoomToScale} ${d(this._layerTable)}></layer-table></div><div class=${u(f)} id=full-map-view></div></calcite-shell>`;
   }
   /**
    * Returns the Actions for table's node
@@ -340,7 +341,7 @@ class F extends L {
    */
   _filterModal() {
     const e = this._layerExpressions?.length > 0;
-    return s`<calcite-dialog class="filter-content-space" .heading=${this._translations?.filter?.replace("{{title}}", this._layer?.title || "")} id=solutions-filter-dialog kind=brand modal @calciteDialogClose=${() => void this._closeFilter()} .open=${this._filterOpen} width=s>${!this._layer?.isTable && this._mapExtentFilter() || ""}${e && s`<instant-apps-filter-list close-btn .closeBtnOnClick=${() => void this._closeFilter()} combobox-overlay-positioning=fixed .layerExpressions=${this._layerExpressions} @filterListReset=${this._handleFilterListReset} @filterUpdate=${() => void this._updateFilter()} .view=${this._mapView} ${d(this._filterList)}></instant-apps-filter-list>` || ""}</calcite-dialog>`;
+    return s`<calcite-dialog class="filter-content-space" .heading=${this._translations?.filter?.replace("{{title}}", this._layer?.title || "")} id=solutions-filter-dialog kind=brand modal @calciteDialogClose=${() => void this._closeFilter()} .open=${this._filterOpen} width=s>${!this._layer?.isTable && this._mapExtentFilter() || ""}${e && this._mapView && s`<instant-apps-filter-list close-btn .closeBtnOnClick=${() => void this._closeFilter()} combobox-overlay-positioning=fixed .layerExpressions=${this._layerExpressions} @filterListReset=${this._handleFilterListReset} @filterUpdate=${() => void this._updateFilter()} .view=${this._mapView} ${d(this._filterList)}></instant-apps-filter-list>` || ""}</calcite-dialog>`;
   }
   /**
    * Update the filter state
@@ -454,8 +455,8 @@ class F extends L {
    * @protected
    */
   async _setMapView() {
-    const e = this._getMapInfo(this._mapChange.id);
-    if (e) {
+    const e = this._mapChange && this._getMapInfo(this._mapChange.id);
+    if (e && this._mapChange) {
       this._mapInfo = e, this._enableCreateFeatures = this._mapInfo.enableCreateFeatures, this._mapView = this._mapChange.mapView, this._initMapZoom(), this._mapView.popupEnabled = !1;
       const t = !this.defaultCenter || this._defaultCenterHonored ? void 0 : this.defaultCenter?.split(";").map((a) => parseFloat(a)), i = !this.defaultLevel || this._defaultLevelHonored ? void 0 : parseInt(this.defaultLevel, 10);
       t && i && (await this._mapView.goTo({
@@ -470,14 +471,14 @@ class F extends L {
    * @protected
    */
   _initMapZoom() {
-    this.enableZoom ? this.enableZoom && this._mapView.ui.add({
+    this.enableZoom ? this.enableZoom && this._mapView?.ui.add({
       component: "zoom",
       position: "top-left",
       index: 0
-    }) : this._mapView.ui.remove("zoom");
+    }) : this._mapView?.ui.remove("zoom");
   }
 }
-y("crowdsource-manager", F);
+y("crowdsource-manager", T);
 export {
-  F as CrowdsourceManager
+  T as CrowdsourceManager
 };

package/dist/components/crowdsource-reporter/customElement.d.ts

@@ -53,19 +53,19 @@ export declare class CrowdsourceReporter extends LitElement {
     /** IMapInfo[]: array of map infos (name and id) */
     mapInfos: IMapInfo[];
     /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    mapView: __esri.MapView;
+    mapView: __esri.MapView | undefined;
     /** string: Object id of the feature from URL params */
     objectId: string;
     /** string: The word(s) to display in the reports submit button */
     reportButtonText: string;
     /** IReportingOptions: Key options for reporting */
-    reportingOptions: IReportingOptions;
+    reportingOptions: IReportingOptions | undefined;
     /** string: The word(s) to display in the reports header */
     reportsHeader: string;
     /** string: The message to display when the report has been submitted */
     reportSubmittedMessage: string;
     /** ISearchConfiguration: Configuration details for the Search widget */
-    searchConfiguration: ISearchConfiguration;
+    searchConfiguration: ISearchConfiguration | undefined;
     /** boolean: When true the comments from all users will be visible */
     showComments: boolean;
     /** boolean: When true the profile image of the comment creator will be shown in the comments list */
@@ -73,13 +73,13 @@ export declare class CrowdsourceReporter extends LitElement {
     /** boolean: When true the feature symbology of the feature will shown in the features list */
     showFeatureSymbol: boolean;
     /** boolean: To show only those features which are created by the logged in user */
-    showMyReportsOnly?: boolean;
+    showMyReportsOnly?: boolean | undefined;
     /** string: Text to be displayed that will allow user to know they can submit new reports */
     submitNewReportsMessage: string;
     /** theme: "light" | "dark" theme to be used */
     theme: theme;
     /** number: default scale to zoom to when zooming to a single point feature */
-    zoomToScale: number;
+    zoomToScale: number | undefined;
     /** string: selected floor level */
     floorLevel: string;
     /** boolean: When false comment will shown in single line in the comments list */