@esri/solutions-components 1.2.0-next.195 → 1.2.0-next.197

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

@@ -1,5 +1,5 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/1.2/LICENSE.txt */
-import { c as w } from "../../chunks/runtime.js";
+import { c as y } from "../../chunks/runtime.js";
 import { g as c, a as u, b as f, c as m, h as b, d as L } from "../../chunks/mapViewUtils.js";
 import { a as F } from "../../chunks/queryUtils.js";
 import { u as I } from "../../chunks/useT9n.js";
@@ -15,10 +15,10 @@ import k from "@arcgis/core/rest/support/IdentifyParameters";
 const O = v`@layer{:host{display:block;--calcite-label-margin-bottom: 0px;--solutions-theme-foreground-color: var(--calcite-color-foreground-1)}.width-full{width:100%!important}.height-full{height:100%!important}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{background-color:var(--calcite-color-foreground-1)!important;border-block-end:1px solid var(--calcite-color-border-3);display:flex;justify-content:center;padding:5px 0}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:700}.report-submitted-msg{position:absolute;z-index:1000}.share-node{display:flex}.overflow-auto{overflow:auto}}`;
 class M extends $ {
   constructor() {
-    super(), this.center = "", this.commentButtonText = "", this.commentSubmittedMessage = "", this.defaultWebmap = "", this.description = "", this.enableAnonymousAccess = !1, this.enableAnonymousComments = !1, this.enableComments = !1, this.enableHome = !0, this.enableLogin = !1, this.enableNewReports = !1, this.enableSearch = !0, this.enableSnapping = !1, this.enableZoom = !0, this.isMobile = !1, this.layerExpressions = [], this.layerId = "", this.level = "", this.loginTitle = "", this.mapInfos = [], this.objectId = "", this.reportButtonText = "", this.reportsHeader = "", this.reportSubmittedMessage = "", this.showComments = !1, this.showUserImageInCommentsList = !1, this.showFeatureSymbol = !1, this.showMyReportsOnly = !1, this.submitNewReportsMessage = "", this.theme = "light", this.floorLevel = "", this.showFullCommentTitle = !0, this.filterByMapExtent = !1, this.sortOption = "newest", this.reportingArea = !1, this.reportingAreaLayer = "", this.reportingAreaMessage = "", this.enablePhotoLocation = !1, this.aiImageExtraction = [], this._featureCreationFailedErrorMsg = "", this._filterActive = !1, this._flowItems = [], this._hasValidLayers = !1, this._reportSubmitted = !1, this._selectedLayerName = "", this._showSubmitCancelButton = !1, this._showLoadingIndicator = !1, this._sidePanelCollapsed = !1, this._translations = I({ name: "crowdsource-reporter", blocking: !0 }), this._updatedProgressBarStatus = 25, this._updatedSortOption = "newest", this._commentSubmitted = !1, this._addingCommentFailed = !1, this._filterOpen = !1, this._showNextButton = !1, this._submitNextButtonDisabled = !1, this._createFeature = d(), this._currentFeatureId = "", this._editableLayerIds = [], this._featureDetails = d(), this._featureList = d(), this._selectedRelatedFeature = [], this._layerList = d(), this._createRelatedFeature = d(), this._layers = [], this._mapImageryLayersId = [], this._selectedFeature = [], this._selectedFeatureIndex = 0, this._selectedLayerId = "", this._shareNode = d(), this._urlParamsLoaded = !1, this._validLayers = [], this._nonVisibleValidLayers = [], this._showFullPanel = !1, this._floorExpression = "", this._formElements = [], this._prevSelectedLayerId = "", this._t9nLayerExpressions = [], this._reportSubmittedAlertNode = d(), this._commentSubmittedAlertNode = d(), this._sortPopoverNode = d(), this.togglePanel = C(), S(window);
+    super(), this.center = "", this.commentButtonText = "", this.commentSubmittedMessage = "", this.defaultWebmap = "", this.description = "", this.enableAnonymousAccess = !1, this.enableAnonymousComments = !1, this.enableComments = !1, this.enableHome = !0, this.enableLogin = !1, this.enableNewReports = !1, this.enableSearch = !0, this.enableSnapping = !1, this.enableZoom = !0, this.isMobile = !1, this.layerExpressions = [], this.layerId = "", this.level = "", this.loginTitle = "", this.mapInfos = [], this.objectId = "", this.reportButtonText = "", this.reportsHeader = "", this.reportSubmittedMessage = "", this.showComments = !1, this.showUserImageInCommentsList = !1, this.showFeatureSymbol = !1, this.showMyReportsOnly = !1, this.submitNewReportsMessage = "", this.theme = "light", this.floorLevel = "", this.showFullCommentTitle = !0, this.filterByMapExtent = !1, this.sortOption = "newest", this.reportingArea = !1, this.reportingAreaLayer = "", this.reportingAreaMessage = "", this.enablePhotoLocation = !1, this.aiImageExtraction = [], this._featureCreationFailedErrorMsg = "", this._filterActive = !1, this._flowItems = [], this._hasValidLayers = !1, this._reportSubmitted = !1, this._selectedLayerName = "", this._showSubmitCancelButton = !1, this._showLoadingIndicator = !1, this._sidePanelCollapsed = !1, this._translations = I({ name: "crowdsource-reporter", blocking: !0 }), this._updatedProgressBarStatus = 25, this._updatedSortOption = "newest", this._commentSubmitted = !1, this._addingCommentFailed = !1, this._filterOpen = !1, this._showNextButton = !1, this._submitNextButtonDisabled = !1, this._showFilterIcon = !1, this._createFeature = d(), this._currentFeatureId = "", this._editableLayerIds = [], this._featureDetails = d(), this._featureList = d(), this._selectedRelatedFeature = [], this._layerList = d(), this._createRelatedFeature = d(), this._layers = [], this._mapImageryLayersId = [], this._selectedFeature = [], this._selectedFeatureIndex = 0, this._selectedLayerId = "", this._shareNode = d(), this._urlParamsLoaded = !1, this._validLayers = [], this._nonVisibleValidLayers = [], this._showFullPanel = !1, this._floorExpression = "", this._formElements = [], this._prevSelectedLayerId = "", this._t9nLayerExpressions = [], this._reportSubmittedAlertNode = d(), this._commentSubmittedAlertNode = d(), this._sortPopoverNode = d(), this.togglePanel = C(), S(window);
   }
   static {
-    this.properties = { center: 1, commentButtonText: 1, commentSubmittedMessage: 1, defaultWebmap: 1, description: 1, enableAnonymousAccess: 5, enableAnonymousComments: 5, enableComments: 5, enableHome: 5, enableLogin: 5, enableNewReports: 5, enableSearch: 5, enableSnapping: 5, enableZoom: 5, isMobile: 5, layerExpressions: 0, layerId: 1, level: 1, loginTitle: 1, mapInfos: 0, mapView: 0, objectId: 1, reportButtonText: 1, reportingOptions: 0, reportsHeader: 1, reportSubmittedMessage: 1, searchConfiguration: 0, showComments: 5, showUserImageInCommentsList: 5, showFeatureSymbol: 5, showMyReportsOnly: 5, submitNewReportsMessage: 1, theme: 1, zoomToScale: 9, floorLevel: 1, showFullCommentTitle: 5, filterByMapExtent: 5, sortOption: 1, reportingArea: 5, reportingAreaLayer: 1, reportingAreaMessage: 1, enablePhotoLocation: 5, aiImageExtraction: 0, _featureCreationFailedErrorMsg: 16, _filterActive: 16, _flowItems: 16, _hasValidLayers: 16, _mapInfo: 16, _reportSubmitted: 16, _selectedLayerName: 16, _showSubmitCancelButton: 16, _showLoadingIndicator: 16, _sidePanelCollapsed: 16, _translations: 16, _updatedProgressBarStatus: 16, _updatedSorting: 16, _updatedSortOption: 16, _commentSubmitted: 16, _addingCommentFailed: 16, _filterOpen: 16, _showNextButton: 16, _submitNextButtonDisabled: 16 };
+    this.properties = { center: 1, commentButtonText: 1, commentSubmittedMessage: 1, defaultWebmap: 1, description: 1, enableAnonymousAccess: 5, enableAnonymousComments: 5, enableComments: 5, enableHome: 5, enableLogin: 5, enableNewReports: 5, enableSearch: 5, enableSnapping: 5, enableZoom: 5, isMobile: 5, layerExpressions: 0, layerId: 1, level: 1, loginTitle: 1, mapInfos: 0, mapView: 0, objectId: 1, reportButtonText: 1, reportingOptions: 0, reportsHeader: 1, reportSubmittedMessage: 1, searchConfiguration: 0, showComments: 5, showUserImageInCommentsList: 5, showFeatureSymbol: 5, showMyReportsOnly: 5, submitNewReportsMessage: 1, theme: 1, zoomToScale: 9, floorLevel: 1, showFullCommentTitle: 5, filterByMapExtent: 5, sortOption: 1, reportingArea: 5, reportingAreaLayer: 1, reportingAreaMessage: 1, enablePhotoLocation: 5, aiImageExtraction: 0, _featureCreationFailedErrorMsg: 16, _filterActive: 16, _flowItems: 16, _hasValidLayers: 16, _mapInfo: 16, _reportSubmitted: 16, _selectedLayerName: 16, _showSubmitCancelButton: 16, _showLoadingIndicator: 16, _sidePanelCollapsed: 16, _translations: 16, _updatedProgressBarStatus: 16, _updatedSorting: 16, _updatedSortOption: 16, _commentSubmitted: 16, _addingCommentFailed: 16, _filterOpen: 16, _showNextButton: 16, _submitNextButtonDisabled: 16, _showFilterIcon: 16 };
   }
   static {
     this.styles = O;
@@ -67,7 +67,7 @@ class M extends $ {
       await this._filterList.handleUpdatingT9nData(this._t9nLayerExpressions);
     else if (this._currentLayerExpressions != null) {
       const t = structuredClone(this._currentLayerExpressions);
-      this.handleLayerExpressionsT9n(t, this._t9nLayerExpressions), this._currentLayerExpressions = t;
+      this.handleLayerExpressionsT9n(t, this._t9nLayerExpressions), this._currentLayerExpressions = t, this._showFilterIcon = this._currentLayerExpressions?.length > 0;
     }
     return Promise.resolve();
   }
@@ -156,7 +156,7 @@ class M extends $ {
     this._filterOpen = !this._filterOpen;
   }
   async _closeFilter() {
-    this._filterOpen = !1, this._filterList != null && (this._currentLayerExpressions = await this._filterList.getCurrentLayerExpressions());
+    this._filterOpen = !1, this._filterList != null && (this._currentLayerExpressions = await this._filterList.getCurrentLayerExpressions(), this._showFilterIcon = this._currentLayerExpressions?.length > 0);
   }
   async sortOptionClick(e, t, i) {
     this._updatedSorting = {
@@ -274,7 +274,7 @@ class M extends $ {
     }, this._updatedSortOption = !i && (e === "highestVoted" || e === "lowestVoted") ? "newest" : e;
   }
   async backFromFilterPanel() {
-    this._filterList != null && (this._currentLayerExpressions = await this._filterList.getCurrentLayerExpressions()), this._featureList.value && await this._featureList.value.refresh(), this.backFromSelectedPanel();
+    this._filterList != null && (this._currentLayerExpressions = await this._filterList.getCurrentLayerExpressions(), this._showFilterIcon = this._currentLayerExpressions?.length > 0), this._featureList.value && await this._featureList.value.refresh(), this.backFromSelectedPanel();
   }
   backFromSelectedPanel() {
     this._updatedProgressBarStatus = 25;
@@ -314,7 +314,7 @@ class M extends $ {
     this._selectedRelatedFeature = [e.detail], this._flowItems = [...this._flowItems, "comment-details"];
   }
   getFeatureListFlowItem(e, t) {
-    const i = this._getLayersConfig(this._selectedLayerId)?.reporting && this._layerItemsHash && this._layerItemsHash[this._selectedLayerId].supportsAdd, s = this._currentLayerExpressions?.length;
+    const i = this._getLayersConfig(this._selectedLayerId)?.reporting && this._layerItemsHash && this._layerItemsHash[this._selectedLayerId].supportsAdd, s = this._showFilterIcon;
     return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${t} .loading=${!this.isMobile && this._showLoadingIndicator} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length - 1] === "feature-list"}>${this._toggleSort()}<calcite-action appearance=solid icon=sort-ascending-arrow id=sort-popover slot=header-actions-end .text=${this._translations.sort} title=${this._translations.sort ?? _}></calcite-action>${s && a`<calcite-action appearance=solid icon=filter .indicator=${this._filterActive} @click=${() => {
       this.isMobile ? this._toggleFilter() : this._flowItems = [...this._flowItems, "filter-panel"];
     }} slot=header-actions-end .text=${this._translations.filter} title=${this._translations.filter ?? _}></calcite-action>` || ""}${this.isMobile && this.getActionToExpandCollapsePanel() || ""}${this.enableNewReports && i && a`<calcite-button appearance=solid @click=${this.navigateToCreateFeature} slot=footer width=full>${this.reportButtonText ? this.reportButtonText : this._translations.createReportButtonText}</calcite-button>` || ""}<calcite-panel>${a`<feature-list .applyLayerViewFilter=${this.showMyReportsOnly} class="height-full" .filterByMapExtent=${this.filterByMapExtent} highlight-on-hover .mapView=${this.mapView} .noFeaturesFoundMsg=${this._translations.featureErrorMsg} @featureClick=${() => {
@@ -450,7 +450,7 @@ class M extends $ {
     }
     const l = [];
     return s.forEach((r) => {
-      const h = r.layerId, o = i?.sublayers?.items.find((y) => y.id === h), p = o?.popupTemplate;
+      const h = r.layerId, o = i?.sublayers?.items.find((w) => w.id === h), p = o?.popupTemplate;
       o?.popupEnabled && p && (r.feature.popupTemplate = p, l.push(r.feature));
     }), l;
   }
@@ -534,7 +534,7 @@ class M extends $ {
   async handleSelectedLayersFilter() {
     if (this._selectedLayer) {
       const e = this.layerExpressions ? structuredClone(this.layerExpressions.filter((t) => t.id === this._selectedLayerId)) : [];
-      this._t9nLayerExpressions != null && this.handleLayerExpressionsT9n(e, this._t9nLayerExpressions), this._currentLayerExpressions = e, this.setActiveDefinitionExpressions();
+      this._t9nLayerExpressions != null && this.handleLayerExpressionsT9n(e, this._t9nLayerExpressions), this._currentLayerExpressions = e, this._showFilterIcon = this._currentLayerExpressions?.length > 0, this.setActiveDefinitionExpressions();
     }
   }
   async handlePrevLayersFilter() {
@@ -588,7 +588,7 @@ class M extends $ {
     });
   }
 }
-w("crowdsource-reporter", M);
+y("crowdsource-reporter", M);
 export {
   M as CrowdsourceReporter
 };

package/dist/components/map-draw-tools/customElement.js

@@ -5,15 +5,15 @@ import { css as l, html as n } from "lit";
 import { createRef as d, ref as p } from "lit-html/directives/ref.js";
 import { LitElement as g, createEvent as o, noShadowRoot as m, safeClassMap as h } from "@arcgis/lumina";
 import { useContextConsumer as f } from "@arcgis/lumina/context";
-import { p as _ } from "../../chunks/publicNotificationContext.js";
-import k from "@arcgis/core/layers/GraphicsLayer";
-import y from "@arcgis/core/widgets/Sketch/SketchViewModel";
+import { p as y } from "../../chunks/publicNotificationContext.js";
+import _ from "@arcgis/core/layers/GraphicsLayer";
+import k from "@arcgis/core/widgets/Sketch/SketchViewModel";
 import w from "@arcgis/core/widgets/Sketch";
-const b = l`@layer{:host{display:block}.border{outline:1px solid var(--calcite-color-border-input)}.border-left{border-left:1px solid rgba(110,110,110,.3)}.border-left[dir=rtl]{border-right:1px solid rgba(110,110,110,.3)}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.3em;background-color:#fff;--esri-widget-padding-v: 12px;--esri-widget-padding-h: 15px;--esri-widget-padding: var(--esri-widget-padding-v) var(--esri-widget-padding-h)}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row wrap;padding:0;justify-content:flex-start!important}.esri-sketch__section{align-items:center;display:flex;flex-flow:row wrap;padding:0 7px;margin:6px 0}.esri-responsive-toolbar__bar--horizontal{--calcite-action-group-border-color: var(--calcite-color-border-3) !important}}`;
-class u extends g {
+const u = l`@layer{:host{display:block}.border{outline:1px solid var(--calcite-color-border-input)}.border-left{border-left:1px solid rgba(110,110,110,.3)}.border-left[dir=rtl]{border-right:1px solid rgba(110,110,110,.3)}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.3em;background-color:#fff;--esri-widget-padding-v: 12px;--esri-widget-padding-h: 15px;--esri-widget-padding: var(--esri-widget-padding-v) var(--esri-widget-padding-h)}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row wrap;padding:0;justify-content:flex-start!important}.esri-sketch__section{align-items:center;display:flex;flex-flow:row wrap;padding:0 7px;margin:6px 0}.esri-responsive-toolbar__bar--horizontal{--calcite-action-group-border-color: var(--calcite-color-border-3) !important}}`;
+class b extends g {
   constructor() {
     super(...arguments), this.active = !1, this.drawMode = "SKETCH", this.editGraphicsEnabled = !0, this.graphics = [], this.redoEnabled = !1, this.undoEnabled = !1, this._translations = c({ name: "map-draw-tools", blocking: !0 }), this._pnContextConsumer = f({
-      context: _,
+      context: y,
       subscribe: !0
     }), this._sketchElement = d(), this.selectionLoadingChange = o(), this.sketchGraphicsChange = o(), this.drawUndo = o(), this.drawRedo = o();
   }
@@ -21,7 +21,7 @@ class u extends g {
     this.properties = { active: 5, drawMode: 1, editGraphicsEnabled: 5, graphics: 0, mapView: 0, pointSymbol: 0, polylineSymbol: 0, polygonSymbol: 0, redoEnabled: 5, undoEnabled: 5, _translations: 16, _selectionMode: 16 };
   }
   static {
-    this.styles = b;
+    this.styles = u;
   }
   static {
     this.shadowRootOptions = m;
@@ -39,7 +39,7 @@ class u extends g {
     this._clearSketch();
   }
   async updateGraphics() {
-    this._sketchWidget?.activeTool !== "rectangle" && this._updateGraphics();
+    this._updateGraphics();
   }
   loaded() {
     this._init();
@@ -58,7 +58,7 @@ class u extends g {
     const e = this._pnContextConsumer.value, i = this._translations.sketchLayer;
     if (this.mapView) {
       const s = this.mapView.map.layers.findIndex((t) => t.title === i);
-      s > -1 ? this._sketchGraphicsLayer = this.mapView.map.layers.getItemAt(s) : (this._sketchGraphicsLayer = new k({ title: i, listMode: "hide" }), this._sketchGraphicsLayer && (e.managedLayers[i] = "sketch", this.mapView.map.layers.add(this._sketchGraphicsLayer))), this.graphics && this.graphics.length > 0 && this._sketchGraphicsLayer && this._sketchGraphicsLayer.addMany(this.graphics);
+      s > -1 ? this._sketchGraphicsLayer = this.mapView.map.layers.getItemAt(s) : (this._sketchGraphicsLayer = new _({ title: i, listMode: "hide" }), this._sketchGraphicsLayer && (e.managedLayers[i] = "sketch", this.mapView.map.layers.add(this._sketchGraphicsLayer))), this.graphics && this.graphics.length > 0 && this._sketchGraphicsLayer && this._sketchGraphicsLayer.addMany(this.graphics);
     }
   }
   _initSketch() {
@@ -81,6 +81,7 @@ class u extends g {
       container: this._sketchElement.value,
       creationMode: "single",
       toolbarKind: "docked",
+      useLegacyCreateTools: !0,
       visibleElements: {
         duplicateButton: !1,
         selectionTools: {
@@ -94,7 +95,7 @@ class u extends g {
         settingsMenu: this.drawMode === "SKETCH"
       }
     }), this._sketchWidget && this._sketchWidget.viewModel) {
-      this._sketchViewModel = new y({
+      this._sketchViewModel = new k({
         ...e
       }), this.polylineSymbol && (this._sketchWidget.viewModel.polylineSymbol = this.polylineSymbol), this.pointSymbol && (this._sketchWidget.viewModel.pointSymbol = this.pointSymbol), this.polygonSymbol && (this._sketchWidget.viewModel.polygonSymbol = this.polygonSymbol), this._sketchWidget?.when(async () => {
         await new Promise((a) => setTimeout(a, 50)), this._sketchElement.value?.getElementsByTagName("calcite-popover")[0]?.setAttribute("placement", "auto");
@@ -162,7 +163,7 @@ class u extends g {
     t && e.forEach((a) => a.symbol = t);
   }
 }
-r("map-draw-tools", u);
+r("map-draw-tools", b);
 export {
-  u as MapDrawTools
+  b as MapDrawTools
 };

package/dist/components/public-notification/customElement.js

@@ -272,7 +272,7 @@ class H extends I {
     this._titleValue = "", this._segmentType = e.target.value;
   }
   _getSegmentedControls() {
-    return this.customExport ? this._getStandardAndCustomSegmentedControl() : this._getPDFAndCSVSementedControl();
+    return this.customExport && this.customExportURL ? this._getStandardAndCustomSegmentedControl() : this._getPDFAndCSVSementedControl();
   }
   _getPDFAndCSVSementedControl() {
     return l`<calcite-segmented-control class="w-100 calcite-segments" @calciteSegmentedControlChange=${this._exportTypeChange} width=full><calcite-segmented-control-item .checked=${this._exportType === "PDF"} class="w-50 end-border" value=PDF><span class="font-weight-500">${this._translations.pdf}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${this._exportType === "CSV"} class="w-50" value=CSV><span class="font-weight-500">${this._translations.csv}</span></calcite-segmented-control-item></calcite-segmented-control>`;
@@ -287,9 +287,11 @@ class H extends I {
     return l`<div class="padding-1 padding-bottom-0"><calcite-label layout=inline alignment=start scale=m><calcite-radio-button .checked=${this._exportType === "PDF"} scale=m value=PDF @calciteRadioButtonChange=${this._exportTypeChange}></calcite-radio-button>${this._translations.pdf}</calcite-label><div class=indent-group>${this._getExportOptions()}</div><calcite-label layout=inline class="margin-top-1" alignment=start scale=m><calcite-radio-button .checked=${this._exportType === "CSV"} scale=m value=CSV @calciteRadioButtonChange=${this._exportTypeChange}></calcite-radio-button>${this._translations.csv}</calcite-label></div>`;
   }
   _getCustomExportOptions() {
-    const e = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "", t = Object.keys(this._getSelectionIdsAndViews(this._selectionSets, !0));
-    return l`<div id=custom-export-div class="padding-top-sides-1"><p class="instructional-text">${this._translations.formattingTip}</p>${t.length > 1 && l`<p class="instructional-text margin-top-0-5">${this._translations.selectMatchingInputLayersLabel}</p>` || ""}<div class=${"margin-top-1"}>${this._getLabel(this._translations.title, !0, "", "none")}<calcite-input-text class="padding-inline-start-0 padding-top-1-2" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${e} ${h(this._titleElement)}></calcite-input-text></div><div class=${"margin-top-1"}>${this._getLabel(this._translations.layoutTemplate, !0, "", "none")}</div><calcite-select class="padding-inline-start-0 padding-top-1-2" label ${h(this.layoutTemplateSelectRef)}>${this._layoutTemplates.map((i, s) => l`<calcite-option .selected=${s === 0} .value=${i}>${i}</calcite-option>`)}</calcite-select>${this._reportTemplates?.length && l`<div class=${"margin-top-1"}>${this._getLabel(this._translations.reportTemplate, !0, "", "none")}</div><calcite-select class="padding-inline-start-0 padding-top-1-2" label ${h(this.reportTemplateSelectRef)}>${this._reportTemplates.map((i, s) => l`<calcite-option .selected=${s === 0} .value=${i}>${i}</calcite-option>`)}</calcite-select><div class=${"padding-top-sides-1 padding-inline-start-0 display-flex margin-bottom-0-5"}><calcite-label class="label-margin-0" layout=inline>${this._translations.reportLayer}</calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=information id=filter-message-info scale=s></calcite-icon><calcite-popover closable label overlay-positioning=fixed reference-element=filter-message-info><span class="tooltip-message">${this._translations.sourceLayerWarning}</span></calcite-popover></div><map-layer-picker .disabled=${t.length <= 1} .enabledLayerIds=${t} .mapView=${this.mapView} @layerSelectionChange=${(i) => {
-      this._selectedReportingLayerId = i.detail[0];
+    const e = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "", t = [], i = this._getSelectionIdsAndViews(this._selectionSets, !0);
+    return Object.keys(i).forEach((s) => {
+      i[s].ids.length && t.push(s);
+    }), l`<div id=custom-export-div class="padding-top-sides-1"><p class="instructional-text">${this._translations.formattingTip}</p>${t.length > 1 && l`<p class="instructional-text margin-top-0-5">${this._translations.selectMatchingInputLayersLabel}</p>` || ""}<div class=${"margin-top-1"}>${this._getLabel(this._translations.title, !0, "", "none")}<calcite-input-text class="padding-inline-start-0 padding-top-1-2" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${e} ${h(this._titleElement)}></calcite-input-text></div><div class=${"margin-top-1"}>${this._getLabel(this._translations.layoutTemplate, !0, "", "none")}</div><calcite-select class="padding-inline-start-0 padding-top-1-2" label ${h(this.layoutTemplateSelectRef)}>${this._layoutTemplates.map((s, a) => l`<calcite-option .selected=${a === 0} .value=${s}>${s}</calcite-option>`)}</calcite-select>${this._reportTemplates?.length && l`<div class=${"margin-top-1"}>${this._getLabel(this._translations.reportTemplate, !0, "", "none")}</div><calcite-select class="padding-inline-start-0 padding-top-1-2" label ${h(this.reportTemplateSelectRef)}>${this._reportTemplates.map((s, a) => l`<calcite-option .selected=${a === 0} .value=${s}>${s}</calcite-option>`)}</calcite-select><div class=${"padding-top-sides-1 padding-inline-start-0 display-flex margin-bottom-0-5"}><calcite-label class="label-margin-0" layout=inline>${this._translations.reportLayer}</calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=information id=filter-message-info scale=s></calcite-icon><calcite-popover closable label overlay-positioning=fixed reference-element=filter-message-info><span class="tooltip-message">${this._translations.sourceLayerWarning}</span></calcite-popover></div><map-layer-picker .disabled=${t.length <= 1} .enabledLayerIds=${t} .mapView=${this.mapView} @layerSelectionChange=${(s) => {
+      this._selectedReportingLayerId = s.detail[0];
     }} .selectedIds=${[this._selectedReportingLayerId]}></map-layer-picker>` || ""}</div>`;
   }
   async _setTemplates() {
@@ -463,7 +465,7 @@ class H extends I {
     this._exportType === "CSV" && (this._fetchingData = !0, this._downloadTools.value && this.mapView?.map && await this._downloadTools.value.downloadCSV(this.mapView.map, e, this._removeDuplicates.value?.checked || !1), this._fetchingData = !1);
   }
   _getSelectionIdsAndViews(e, t = !1) {
-    return (t ? e.filter((s) => s.download && s.selectedIds.length) : e).reduce((s, a) => {
+    return (t ? e.filter((s) => s.download) : e).reduce((s, a) => {
       if (a.workflowType === "REFINE")
         Object.keys(a.refineInfos).forEach((o) => {
           const n = a.refineInfos[o];

package/dist/components/solutions-deploy-app/customElement.js

@@ -1,19 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/1.2/LICENSE.txt */
 import { c as g } from "../../chunks/runtime.js";
-import { css as f, html as u } from "lit";
+import { css as f, html as b } from "lit";
 import { u as v } from "../../chunks/useT9n.js";
 import { LitElement as C, createEvent as n, safeClassMap as _ } from "@arcgis/lumina";
 import { T as p } from "../../chunks/solutions-deploy-app-nav.js";
-import { a as S, A as w, G as F, F as D, B as I, e as x, T as c } from "../../chunks/interfaces.js";
+import { a as S, A as w, G as F, F as D, B as x, e as I, T as c } from "../../chunks/interfaces.js";
 import { createRef as o, ref as l } from "lit-html/directives/ref.js";
 import { C as y, g as O } from "../../chunks/cardFetchingUtils.js";
 import { useContextProvider as T } from "@arcgis/lumina/context";
-import { h as E, f as A } from "../../chunks/cardsHelpers.js";
+import { h as E, f as k } from "../../chunks/cardsHelpers.js";
 import "@esri/solution-common";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/identity/OAuthInfo.js";
 import "@arcgis/core/portal/Portal.js";
-import { _ as k } from "../../chunks/solution-deploy-dialog.js";
+import { _ as A } from "../../chunks/solution-deploy-dialog.js";
 import "../solutions-all-shell/customElement.js";
 import "../solutions-deployed-shell/customElement.js";
 import "../solution-details-panel/customElement.js";
@@ -58,7 +58,7 @@ class L extends C {
         case "details":
           if (this._allCards) {
             let s = E(this._allCards, t.tabTitleOrId);
-            s = s || A(this._allCards, t.tabTitleOrId), s ? (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this.detailsCardSelected.emit(s)) : (t.tabType = "all-solutions", this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0);
+            s = s || k(this._allCards, t.tabTitleOrId), s ? (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this.detailsCardSelected.emit(s)) : (t.tabType = "all-solutions", this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0);
           }
           break;
         case "deployments":
@@ -110,11 +110,11 @@ class L extends C {
     });
   }
   async load() {
-    this.useLocalAppConfig && (this.appConfig = k);
+    this.useLocalAppConfig && (this.appConfig = A);
   }
   render() {
     const t = this._isLoaded ? "display-none" : "", e = this._isLoaded ? "" : "display-none";
-    return u`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} .initTab=${this.initTab} @authInit=${this._handleAuthInit} slot=header ${l(this._deployAppNav)}></solutions-deploy-app-nav>${this._isSearchToolbarShowing() && u`<div class="border" slot=header></div>` || ""}<solutions-searchsort-toolbar slot=header ${l(async (i) => {
+    return b`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} .initTab=${this.initTab} @authInit=${this._handleAuthInit} slot=header ${l(this._deployAppNav)}></solutions-deploy-app-nav>${this._isSearchToolbarShowing() && b`<div class="border" slot=header></div>` || ""}<solutions-searchsort-toolbar slot=header ${l(async (i) => {
       i && (await this._deployAppNav.value?.componentOnReady(), this._searchSortToolbar = i);
     })}></solutions-searchsort-toolbar><calcite-loader class=${_(t)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader><calcite-tabs class=${_(e)} scale=l><calcite-tab-nav class="display-none" @calciteTabChange=${this._handleCalciteTabChanged} slot=title-group><calcite-tab-title ${l(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title><calcite-tab-title ${l(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title><calcite-tab-title ${l(this._resourcesTabTitle)}>${this._translations.solutionResources}</calcite-tab-title><calcite-tab-title class="display-none" ${l(this._detailsTabTitle)}></calcite-tab-title><calcite-tab-title class="display-none" ${l(this._deployedCardTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override tab-space-0" selected ${l(this._allTab)}><solutions-all-shell class="height-100" ${l(this._allShell)}></solutions-all-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._mySolutionsTab)}><solutions-deployed-shell class="height-100" ${l(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._resourcesTab)}><solutions-resources-shell class="height-100"></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${l(this._detailsTab)}><solution-details-panel class="height-100" ${l(this._detailsShell)}></solution-details-panel></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${l(this._deployedCardTab)}><solution-deployed-card-panel class="shell-container height-100" ${l(this._deployedCardPanel)}></solution-deployed-card-panel></calcite-tab></calcite-tabs></calcite-shell>`;
   }
@@ -255,7 +255,7 @@ class L extends C {
       this._abortControllerDeployed ? (this._abortControllerDeployed.abort(), this._abortControllerDeployed = new AbortController()) : this._abortControllerDeployed = new AbortController();
       const s = D(e);
       try {
-        const a = await O(e, i, this._cardsFetcher, this._cardFetcherDeployed, I, "created", "desc", !1, [], [], this._abortControllerDeployed.signal, s ? "My organization's solutions" : "My solutions", t);
+        const a = await O(e, i, this._cardsFetcher, this._cardFetcherDeployed, x, "created", "desc", !1, [], [], this._abortControllerDeployed.signal, s ? "My organization's solutions" : "My solutions", t);
         a.cards.length === 0 || a.cards[0].typeKeywords.indexOf("Deployed") < 0 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchNotSolution.replace("{{ITEMID}}", t), this._showDeployedCardFetchFailed = !0) : this._deployedSolutions = a;
       } catch (a) {
         const r = a.message;
@@ -272,12 +272,12 @@ class L extends C {
   _getDefaultSearchOptions(t) {
     let e;
     if (t) {
-      const i = t.domain, s = t.industry === "AEC" ? x.AEC : t.industry, a = t.offerType, r = t.searchTerm, m = "";
+      const i = t.domain, s = t.industry === "AEC" ? I.AEC : t.industry, a = t.offerType, r = t.searchTerm, m = "";
       let d = t.sortField;
-      const h = t.owner, b = t.filter;
+      const h = t.owner, u = t.filter;
       e = i || s ? {
         type: i ? "domain" : s ? "industry" : ""
-      } : void 0, i && (e = e ? { ...e, domain: i } : { domain: i }), s && (e = e ? { ...e, industry: s } : { industry: s }), r && (e = e ? { ...e, searchTerm: r } : { searchTerm: r }), e && (e = { ...e, displayValue: m }), d && (e = e ? { ...e, sortType: d } : { sortType: d }), a && (d = a.toLowerCase(), e = e ? { ...e, sortType: d } : { sortType: d }), h && (e = e ? { ...e, owner: h } : { owner: h }), b && (e = e ? { ...e, filter: b } : { filter: b });
+      } : void 0, i && (e = e ? { ...e, domain: i } : { domain: i }), s && (e = e ? { ...e, industry: s } : { industry: s }), r && (e = e ? { ...e, searchTerm: r } : { searchTerm: r }), e && (e = { ...e, displayValue: m }), d && (e = e ? { ...e, sortType: d } : { sortType: d }), a && (d = a.toLowerCase(), e = e ? { ...e, sortType: d } : { sortType: d }), h && (e = e ? { ...e, owner: h } : { owner: h }), u && (e = e ? { ...e, filter: u } : { filter: u });
     }
     return e;
   }
@@ -292,7 +292,11 @@ class L extends C {
     if (t && t.tokenDuration && e?.IsSignedIn) {
       const i = Date.now(), a = (e.Credential?.expires - i) * 0.95;
       setInterval(async () => {
-        await t.refreshCredentials(), this.sessionRefreshed.emit(t.token);
+        if (e.Credential && e.Credential.expires) {
+          await e.Credential?.refreshToken();
+          const r = new Date(e.Credential.expires);
+          t.updateToken(e.Credential.token, r), this.sessionRefreshed.emit(t.token);
+        }
       }, a);
     }
   }