@esri/solutions-components 5.1.14 → 5.1.16

package/dist/components/create-feature/customElement.js

@@ -1,27 +1,27 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as I } from "../../chunks/runtime.js";
-import { a as x, g as w } from "../../chunks/mapViewUtils.js";
+import { a as x, g as v } from "../../chunks/mapViewUtils.js";
 import { u as A } from "../../chunks/useT9n.js";
-import { css as M, html as o, nothing as y } from "lit";
-import { createRef as d, ref as h } from "lit-html/directives/ref.js";
-import { LitElement as E, createEvent as c, noShadowRoot as k, safeClassMap as v } from "@arcgis/lumina";
+import { css as M, html as l, nothing as y } from "lit";
+import { createRef as u, ref as g } from "lit-html/directives/ref.js";
+import { LitElement as E, createEvent as c, noShadowRoot as k, safeClassMap as b } from "@arcgis/lumina";
 import { p as P } from "../../chunks/queryUtils.js";
-import L from "@arcgis/core/form/ExpressionInfo.js";
-import F from "@arcgis/core/layers/FeatureLayer.js";
+import F from "@arcgis/core/form/ExpressionInfo.js";
+import L from "@arcgis/core/layers/FeatureLayer.js";
 import C from "@arcgis/core/form/elements/FieldElement.js";
 import S from "@arcgis/core/form/FormTemplate.js";
 import $ from "@arcgis/core/views/MapView.js";
 import V from "@arcgis/core/Graphic.js";
-import * as m from "@arcgis/core/core/reactiveUtils.js";
+import * as f from "@arcgis/core/core/reactiveUtils.js";
 import * as R from "@arcgis/core/rest/locator.js";
-import b from "@arcgis/core/request.js";
+import w from "@arcgis/core/request.js";
 import * as T from "exifr";
 import U from "@arcgis/core/geometry/Point.js";
 import z from "@arcgis/core/geometry/SpatialReference.js";
 const H = M`@layer{:host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar{display:none!important}.esri-editor__panel-content{padding-block:0px!important}.esri-editor .esri-item-list__group__header,.esri-editor__panel-content__section .esri-widget__heading{display:none!important}.esri-editor .esri-item-list__filter-container--sticky{padding-block:0px!important;padding-inline:10px!important}.search-widget{width:92%!important;margin:5px 14px 20px}.display-none{display:none!important}.hide-map{height:1%!important;visibility:hidden;position:static!important}.show-map{padding:10px!important;position:absolute!important;bottom:0;height:auto!important;width:calc(100% - 22px)}.notice-msg{padding:10px;width:calc(100% - 20px)}.edit-location-btn{margin:5px;display:flex}.esri-editor__panel-content{padding-block:10px!important}.image-preview-container{padding:10px}.esri-editor{height:auto!important}.height-fit-content{height:fit-content!important}.content-container{padding:1.5rem}.instruction-text{margin-bottom:1.5rem;font-size:1rem}.selected-card{border:2px solid var(--calcite-ui-brand)}.upload-img-footer-container{width:100%;gap:5px;display:grid}.info-container{display:flex;align-items:center;gap:6px;margin-bottom:10px}.info-container calcite-icon{--calcite-icon-color: var(--calcite-color-brand)}.info-container span{font-size:12px;color:var(--calcite-ui-text-3)}.padding-10{padding:10px}.report-selection-container{display:flex;flex-direction:column;padding:10px;--calcite-card-border-color: var(--calcite-color-border-1)}.pb-12{padding-bottom:12px!important}.pt-0{padding-top:0!important}.pt-15{padding-top:15px!important}.option-description-container{display:flex;align-items:center;gap:6px}.cursor-pointer{cursor:pointer;padding:6px 0}.card-body-content{display:flex;flex-direction:row;align-items:center;padding:10px 5px;gap:15px}.text-stack{display:flex;flex-direction:column;gap:2px}.option-title{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-1);font-size:var(--calcite-font-size--1)}.option-description{color:var(--calcite-ui-text-3);font-size:var(--calcite-font-size--1)}.action-footer{display:flex;justify-content:center;margin-top:16px}.analysis-wrapper{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;margin:auto}.analyzing-icon{--calcite-icon-color: var(--calcite-color-brand);animation:sparkle 2s infinite ease-in-out}.adjusted-height{height:30px!important;min-height:auto!important}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}@media only screen and (max-width:600px){.esri-editor__panel-content{padding-block:0!important;min-height:0!important}}}`, _ = "geocodedLocation", D = `Extract the address from the user's message and return it in JSON format '{"address":"<address>"}'. If no address is found, return null.`;
 class N extends E {
   constructor() {
-    super(...arguments), this.customizeSubmit = !1, this.enableSearch = !1, this.enableSnapping = !1, this.floorLevel = "", this.isMobile = !1, this.selectedLayerId = "", this.showGuidingMsg = !0, this.submitNewReportsMessage = "", this.updateMapPosition = !1, this.reportingArea = !1, this.reportingAreaLayer = "", this.reportingAreaMessage = "", this.showSketchWidgets = !1, this.allowMultipleCreation = !1, this.popupEnabled = !1, this.showLayerVisibilityMsg = !1, this.enablePhotoLocation = !1, this.enableMessageLocation = !1, this._currentPage = "templatePicker", this._showSearchComponent = this.enableSearch, this._layerInfos = [], this._inValidGeometryDrawn = !1, this._selectedImageBase64 = "", this._enteredMessage = "", this._analysisFailed = !1, this._translations = A({ name: "create-feature", blocking: !0 }), this._addingAttachment = !1, this._uploadedImage = null, this._calciteNotice = d(), this._editor = d(), this._mapViewContainer = d(), this._searchRef = d(), this._inputImageForAI = d(), this._messageTextAreaRef = d(), this._guidingMessageRefNode = d(), this._abortController = new AbortController(), this._awaitingLayerEdits = !1, this._pendingAttachmentUpload = !1, this.success = c(), this.fail = c(), this.drawComplete = c(), this.editingLocation = c(), this.editingAttachment = c(), this.progressStatus = c(), this.modeChanged = c(), this.activeFeatureCountChange = c(), this.createFeatureEditorInitialized = c(), this.createFeatureEditorClosed = c(), this._onLayerEdits = async (e) => {
+    super(...arguments), this.customizeSubmit = !1, this.enableSearch = !1, this.enableSnapping = !1, this.floorLevel = "", this.isMobile = !1, this.selectedLayerId = "", this.showGuidingMsg = !0, this.submitNewReportsMessage = "", this.updateMapPosition = !1, this.reportingArea = !1, this.reportingAreaLayer = "", this.reportingAreaMessage = "", this.showSketchWidgets = !1, this.allowMultipleCreation = !1, this.popupEnabled = !1, this.showLayerVisibilityMsg = !1, this.enablePhotoLocation = !1, this.enableMessageLocation = !1, this._currentPage = "templatePicker", this._showSearchComponent = this.enableSearch, this._layerInfos = [], this._inValidGeometryDrawn = !1, this._selectedImageBase64 = "", this._enteredMessage = "", this._analysisFailed = !1, this._translations = A({ name: "create-feature", blocking: !0 }), this._addingAttachment = !1, this._uploadedImage = null, this._calciteNotice = u(), this._editor = u(), this._mapViewContainer = u(), this._searchRef = u(), this._inputImageForAI = u(), this._messageTextAreaRef = u(), this._guidingMessageRefNode = u(), this._abortController = new AbortController(), this._awaitingLayerEdits = !1, this._pendingAttachmentUpload = !1, this.success = c(), this.fail = c(), this.drawComplete = c(), this.editingLocation = c(), this.editingAttachment = c(), this.progressStatus = c(), this.modeChanged = c(), this.activeFeatureCountChange = c(), this.createFeatureEditorInitialized = c(), this.createFeatureEditorClosed = c(), this._onLayerEdits = async (e) => {
       if (!this._awaitingLayerEdits)
         return;
       const t = [
@@ -112,7 +112,7 @@ class N extends E {
     if (e.has("_currentPage") && await this._focusActivePageInput(), this.isMobile && this.updateMapPosition) {
       const t = this._currentPage === "drawing" ? 80 : 30;
       await this._searchRef.value?.componentOnReady();
-      const i = this._showSearchComponent ? this._searchRef.value?.offsetHeight : 0;
+      const i = this._showSearchComponent && this._searchRef.value?.offsetHeight || 0;
       await this._calciteNotice.value?.componentOnReady();
       const s = (this._calciteNotice.value?.offsetHeight || 0) + i + t;
       this._mapViewContainer.value && (this._mapViewContainer.value.style.top = `${s}px`);
@@ -128,10 +128,10 @@ class N extends E {
   render() {
     const e = this._currentPage === "loading" ? "" : "display-none", t = this.isMobile && this.updateMapPosition ? "show-map" : "display-none", i = this._inValidGeometryDrawn ? "danger" : "success", a = this._inValidGeometryDrawn ? "exclamation-mark-triangle" : "lightbulb", s = this.showLayerVisibilityMsg && this._currentPage === "templatePicker", r = (this.showGuidingMsg || s) && this._currentPage !== "loading" && this._currentPage !== "drawingMultipleFeatures";
     let n = this._translations.chooseCategoryMsg;
-    const l = this._aiAnalysisInfo?.results?.filter((u) => !u.success && u.key !== _), p = l?.length ? !0 : this._analysisFailed, f = this._getAnalysisErrorMessage(l?.length), g = this._aiAnalysisInfo?.canUseAI && ["chooseReportType", "analyzingImage", "analyzingMessage", "imageUpload", "messageInput"].includes(this._currentPage);
-    return this._inValidGeometryDrawn ? n = this.reportingAreaMessage || this._translations.reportOutsideAreaMessage : this._currentPage === "drawing" || this._currentPage === "editing" ? n = this._translations.provideLocationMsg : this._currentPage === "featureForm" ? n = this._aiAnalysisInfo?.results?.filter((u) => u.success).length ? this._analysisMode === "text" ? this._translations.textReviewMsg : this._translations.formReviewMsg : this._translations.provideDetailsMsg : s && (n = this._translations.enableFeatureTemplatesMessage), o`${p && o`<calcite-alert auto-close icon=x-octagon kind=danger label @calciteAlertClose=${() => {
+    const o = this._aiAnalysisInfo?.results?.filter((m) => !m.success && m.key !== _), d = o?.length ? !0 : this._analysisFailed, p = this._getAnalysisErrorMessage(o?.length), h = this._aiAnalysisInfo?.canUseAI && ["chooseReportType", "analyzingImage", "analyzingMessage", "imageUpload", "messageInput"].includes(this._currentPage);
+    return this._inValidGeometryDrawn ? n = this.reportingAreaMessage || this._translations.reportOutsideAreaMessage : this._currentPage === "drawing" || this._currentPage === "editing" ? n = this._translations.provideLocationMsg : this._currentPage === "featureForm" ? n = this._aiAnalysisInfo?.results?.filter((m) => m.success).length ? this._analysisMode === "text" ? this._translations.textReviewMsg : this._translations.formReviewMsg : this._translations.provideDetailsMsg : s && (n = this._translations.enableFeatureTemplatesMessage), l`${d && l`<calcite-alert auto-close icon=x-octagon kind=danger label @calciteAlertClose=${() => {
       this._analysisFailed = !1;
-    }} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${f}</div></calcite-alert>` || ""}${g && o`<calcite-panel>${this._currentPage === "chooseReportType" && this._getReportTypePage() || ""}${this._currentPage === "imageUpload" && this._aiImageExtractionPage() || ""}${this._currentPage === "messageInput" && this._aiTextExtractionPage() || ""}${this._currentPage === "analyzingImage" && this._getAnalyzingImagePage() || ""}${this._currentPage === "analyzingMessage" && this._getAnalyzingMessagePage() || ""}</calcite-panel>` || ""}${!g && o`${r && o`<calcite-notice class="notice-msg" .icon=${a} .kind=${i} open ${h(this._calciteNotice)}><div slot=message .innerHTML=${n ?? ""} ${h(this._guidingMessageRefNode)}></div></calcite-notice>` || ""}${this._selectedImageBase64 && this._currentPage === "featureForm" && o`<div class="image-preview-container"><calcite-label>${this._translations.photo}</calcite-label><img class="width-full" src=${this._selectedImageBase64 ?? y}></div>` || ""}<calcite-loader class=${v(e)} label scale=s></calcite-loader>${this._currentPage === "featureForm" && this.isMobile && o`<calcite-button appearance=transparent class="edit-location-btn" icon-start=pin @click=${this.editLocation}>${this._translations.editLocationLabel}</calcite-button>` || ""}${this._showSearchComponent && this._updatedMapView && this._selectedLayer && this._getSearchComponent() || ""}${this._getEditor()}` || ""}<div class=${v(t)} ${h(this._mapViewContainer)}></div>`;
+    }} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${p}</div></calcite-alert>` || ""}${h && l`<calcite-panel>${this._currentPage === "chooseReportType" && this._getReportTypePage() || ""}${this._currentPage === "imageUpload" && this._aiImageExtractionPage() || ""}${this._currentPage === "messageInput" && this._aiTextExtractionPage() || ""}${this._currentPage === "analyzingImage" && this._getAnalyzingImagePage() || ""}${this._currentPage === "analyzingMessage" && this._getAnalyzingMessagePage() || ""}</calcite-panel>` || ""}${!h && l`${r && l`<calcite-notice class="notice-msg" .icon=${a} .kind=${i} open ${g(this._calciteNotice)}><div slot=message .innerHTML=${n ?? ""} ${g(this._guidingMessageRefNode)}></div></calcite-notice>` || ""}${this._selectedImageBase64 && this._currentPage === "featureForm" && l`<div class="image-preview-container"><calcite-label>${this._translations.photo}</calcite-label><img class="width-full" src=${this._selectedImageBase64 ?? y}></div>` || ""}<calcite-loader class=${b(e)} label scale=s></calcite-loader>${this._currentPage === "featureForm" && this.isMobile && l`<calcite-button appearance=transparent class="edit-location-btn" icon-start=pin @click=${this.editLocation}>${this._translations.editLocationLabel}</calcite-button>` || ""}${this._showSearchComponent && this._updatedMapView && this._selectedLayer && this._getSearchComponent() || ""}${this._getEditor()}` || ""}<div class=${b(t)} ${g(this._mapViewContainer)}></div>`;
   }
   async init() {
     this.mapView && this.selectedLayerId && (this._updatedMapView = this.mapView, await (this.isMobile && this.updateMapPosition ? this.createMobileMapView() : this._loadLayerInfos()));
@@ -152,7 +152,7 @@ class N extends E {
     }));
   }
   async _loadLayerInfos() {
-    const e = [], t = this._updatedMapView && await x(this._updatedMapView), i = this.mapView && await w(this.mapView, this.selectedLayerId);
+    const e = [], t = this._updatedMapView && await x(this._updatedMapView), i = this.mapView && await v(this.mapView, this.selectedLayerId);
     i && (this._selectedLayer = i, this._attachEditsListener(this._selectedLayer), !this._selectedLayer.isTable && t && t.forEach((a) => {
       e.push({
         layer: a,
@@ -175,13 +175,13 @@ class N extends E {
   }
   _getReportTypePage() {
     const e = this._hasImageExtraction(), t = this._hasTextExtraction();
-    return o`<div class="report-selection-container"><calcite-label class="pb-12">${this._translations.createReportHeading}</calcite-label><div class="option-description-container"><span class="option-description">${this._translations.aiAssistedReport}</span><calcite-icon icon=effects scale=s></calcite-icon></div>${t && o`<calcite-card class="cursor-pointer pt-0" @click=${() => {
+    return l`<div class="report-selection-container"><calcite-label class="pb-12">${this._translations.createReportHeading}</calcite-label><div class="option-description-container"><span class="option-description">${this._translations.aiAssistedReport}</span><calcite-icon icon=effects scale=s></calcite-icon></div>${t && l`<calcite-card class="cursor-pointer pt-0" @click=${() => {
       this._analysisMode = "text", this.progressStatus.emit(35), this._currentPage = "messageInput";
     }} @keydown=${(i) => {
       this._activateCardFromKeyboard(i, () => {
         this._analysisMode = "text", this.progressStatus.emit(35), this._currentPage = "messageInput";
       });
-    }}><div slot=description class="card-body-content"><calcite-icon icon=speech-bubble scale=m></calcite-icon><div class="text-stack"><span class="option-title">${this._translations.useDescription}</span><span class="option-description">${this._translations.aiTextAssistantDescription}</span></div></div></calcite-card>` || ""}${e && o`<calcite-card class="cursor-pointer" @click=${() => {
+    }}><div slot=description class="card-body-content"><calcite-icon icon=speech-bubble scale=m></calcite-icon><div class="text-stack"><span class="option-title">${this._translations.useDescription}</span><span class="option-description">${this._translations.aiTextAssistantDescription}</span></div></div></calcite-card>` || ""}${e && l`<calcite-card class="cursor-pointer" @click=${() => {
       this._analysisMode = "image", this.progressStatus.emit(35), this._currentPage = "imageUpload";
     }} @keydown=${(i) => {
       this._activateCardFromKeyboard(i, () => {
@@ -199,29 +199,29 @@ class N extends E {
     (e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
   }
   _getEditor() {
-    return o`<arcgis-editor class=height-fit-content @arcgisReady=${this._onEditorComponentReady} @arcgisPropertyChange=${this._onEditorPropertyChange} @arcgisSketchUpdate=${this._onSketchUpdate} ${h(this._editor)}></arcgis-editor>`;
+    return l`<arcgis-editor class=height-fit-content @arcgisReady=${this._onEditorComponentReady} @arcgisPropertyChange=${this._onEditorPropertyChange} @arcgisSketchUpdate=${this._onSketchUpdate} ${g(this._editor)}></arcgis-editor>`;
   }
   _getSearchComponent() {
     const e = this._currentPage === "drawing" || this._currentPage === "editing" ? "" : "display-none", t = this.searchConfiguration && this._updatedMapView ? this._getSearchConfig(this.searchConfiguration, this._updatedMapView) : void 0;
-    return this._updateSearchActiveSourceIndex(), o`<arcgis-search class=${`search-widget ${e}`} .view=${this._updatedMapView} @arcgisSearchComplete=${this.searchComplete} popup-disabled result-graphic-disabled .includeDefaultSourcesDisabled=${!!t?.sources?.length} .sources=${t?.sources || []} .allPlaceholder=${t?.allPlaceholder} .searchAllDisabled=${!t?.searchAllEnabled} ${h(this._searchRef)}></arcgis-search>`;
+    return this._updateSearchActiveSourceIndex(), l`<arcgis-search class=${`search-widget ${e}`} .view=${this._updatedMapView} @arcgisSearchComplete=${this.searchComplete} popup-disabled result-graphic-disabled .includeDefaultSourcesDisabled=${!!t?.sources?.length} .sources=${t?.sources || []} .allPlaceholder=${t?.allPlaceholder} .searchAllDisabled=${!t?.searchAllEnabled} ${g(this._searchRef)}></arcgis-search>`;
   }
   _aiImageExtractionPage() {
     const e = this._selectedImageBase64 !== "", t = e ? this._translations.replaceImage : this._translations.imageUploadLimitHint;
-    return o`<calcite-notice class="notice-msg" icon=effects kind=brand open><div slot=message>${this._translations.aiAssistantProcessingHint}</div></calcite-notice><div class="padding-10"><calcite-label><div>${this._translations.photo}<span style="color: var(--calcite-color-status-danger)">*</span></div><calcite-input type=file accept="image/*;capture=camera" @calciteInputInput=${this._onImageUpload} ${h(this._inputImageForAI)}></calcite-input></calcite-label><div class="info-container"><calcite-icon aria-hidden=true icon=information scale=s></calcite-icon><span>${t}</span></div>${e && o`<img alt=${this._translations.photo ?? y} class="width-full" src=${this._selectedImageBase64 ?? y}>` || ""}</div><div slot=footer class="upload-img-footer-container"><calcite-button width=full .disabled=${!e} id=next-btn @click=${this._analyzeImage}>${this._translations.next}</calcite-button><calcite-button width=full appearance=outline kind=brand @click=${() => this.modeChanged.emit()}>${this._translations.cancel}</calcite-button></div>`;
+    return l`<calcite-notice class="notice-msg" icon=effects kind=brand open><div slot=message>${this._translations.aiAssistantProcessingHint}</div></calcite-notice><div class="padding-10"><calcite-label><div>${this._translations.photo}<span style="color: var(--calcite-color-status-danger)">*</span></div><calcite-input type=file accept="image/*;capture=camera" @calciteInputInput=${this._onImageUpload} ${g(this._inputImageForAI)}></calcite-input></calcite-label><div class="info-container"><calcite-icon aria-hidden=true icon=information scale=s></calcite-icon><span>${t}</span></div>${e && l`<img alt=${this._translations.photo ?? y} class="width-full" src=${this._selectedImageBase64 ?? y}>` || ""}</div><div slot=footer class="upload-img-footer-container"><calcite-button width=full .disabled=${!e} id=next-btn @click=${this._analyzeImage}>${this._translations.next}</calcite-button><calcite-button width=full appearance=outline kind=brand @click=${() => this.modeChanged.emit()}>${this._translations.cancel}</calcite-button></div>`;
   }
   _aiTextExtractionPage() {
     const e = this._enteredMessage.trim();
-    return o`<calcite-notice class="notice-msg" icon=effects kind=brand open><div slot=message>${this._translations.aiTextProcessingHint}</div></calcite-notice><div class="padding-10"><calcite-label><div>${this._translations.description}<span style="color: var(--calcite-color-status-danger)">*</span></div><calcite-text-area @input=${(t) => {
+    return l`<calcite-notice class="notice-msg" icon=effects kind=brand open><div slot=message>${this._translations.aiTextProcessingHint}</div></calcite-notice><div class="padding-10"><calcite-label><div>${this._translations.description}<span style="color: var(--calcite-color-status-danger)">*</span></div><calcite-text-area @input=${(t) => {
       this._enteredMessage = t.target.value;
-    }} .placeholder=${this._translations.messageInputHint} resize=vertical rows=6 .value=${this._enteredMessage} ${h(this._messageTextAreaRef)}></calcite-text-area></calcite-label><div class="info-container"><calcite-icon icon=information scale=s></calcite-icon><span>${this._translations.descriptionRequiredHint}</span></div></div><div slot=footer class="upload-img-footer-container"><calcite-button width=full .disabled=${!e} id=next-btn @click=${this._analyzeMessage}>${this._translations.next}</calcite-button><calcite-button width=full appearance=outline kind=brand @click=${() => this.modeChanged.emit()}>${this._translations.cancel}</calcite-button></div>`;
+    }} .placeholder=${this._translations.messageInputHint} resize=vertical rows=6 .value=${this._enteredMessage} ${g(this._messageTextAreaRef)}></calcite-text-area></calcite-label><div class="info-container"><calcite-icon icon=information scale=s></calcite-icon><span>${this._translations.descriptionRequiredHint}</span></div></div><div slot=footer class="upload-img-footer-container"><calcite-button width=full .disabled=${!e} id=next-btn @click=${this._analyzeMessage}>${this._translations.next}</calcite-button><calcite-button width=full appearance=outline kind=brand @click=${() => this.modeChanged.emit()}>${this._translations.cancel}</calcite-button></div>`;
   }
   _getAnalyzingImagePage() {
-    return o`<div class="analysis-wrapper"><calcite-label layout=inline><calcite-icon class="analyzing-icon" icon=effects scale=s></calcite-icon><span>${this._translations.analyzingImage}</span></calcite-label><calcite-button class="skip-btn" appearance=transparent @click=${() => {
+    return l`<div class="analysis-wrapper"><calcite-label layout=inline><calcite-icon class="analyzing-icon" icon=effects scale=s></calcite-icon><span>${this._translations.analyzingImage}</span></calcite-label><calcite-button class="skip-btn" appearance=transparent @click=${() => {
       this._abortController.abort(), this._currentPage = "templatePicker";
     }}>${this._translations.skip}</calcite-button></div>`;
   }
   _getAnalyzingMessagePage() {
-    return o`<div class="analysis-wrapper"><calcite-label layout=inline><calcite-icon class="analyzing-icon" icon=effects scale=s></calcite-icon><span>${this._translations.analyzingText}</span></calcite-label><calcite-button class="skip-btn" appearance=transparent @click=${() => {
+    return l`<div class="analysis-wrapper"><calcite-label layout=inline><calcite-icon class="analyzing-icon" icon=effects scale=s></calcite-icon><span>${this._translations.analyzingText}</span></calcite-label><calcite-button class="skip-btn" appearance=transparent @click=${() => {
       this._abortController.abort(), this._currentPage = "templatePicker";
     }}>${this._translations.skip}</calcite-button></div>`;
   }
@@ -244,8 +244,8 @@ class N extends E {
     try {
       this._analysisMode = "image", this._currentPage = "analyzingImage", this.progressStatus.emit(45);
       const i = this._inputImageForAI.value.files[0], a = await new Promise((r, n) => {
-        const l = new FileReader();
-        l.onloadend = () => r(l.result), l.onerror = n, this._inputImageForAI.value && l.readAsDataURL(i);
+        const o = new FileReader();
+        o.onloadend = () => r(o.result), o.onerror = n, this._inputImageForAI.value && o.readAsDataURL(i);
       });
       if (this.enablePhotoLocation) {
         const r = await T.gps(i);
@@ -254,8 +254,8 @@ class N extends E {
             longitude: r.longitude,
             latitude: r.latitude,
             spatialReference: new z({ wkid: 4326 })
-          }), l = await P(n, this.mapView.spatialReference);
-          this._aiAnalysisInfo && (this._aiAnalysisInfo.location = l);
+          }), o = await P(n, this.mapView.spatialReference);
+          this._aiAnalysisInfo && (this._aiAnalysisInfo.location = o);
         }
       }
       const s = this._getImageExtractionData();
@@ -263,7 +263,7 @@ class N extends E {
         const r = {
           input: a,
           data: s
-        }, n = await b(t.imageUrl, {
+        }, n = await w(t.imageUrl, {
           method: "post",
           headers: {
             "Content-Type": "application/json",
@@ -291,7 +291,7 @@ class N extends E {
     }
     try {
       this._analysisMode = "text", this._currentPage = "analyzingMessage", this.progressStatus.emit(45);
-      const r = await b(t.textUrl, {
+      const r = await w(t.textUrl, {
         method: "post",
         headers: {
           "Content-Type": "application/json",
@@ -328,6 +328,29 @@ class N extends E {
     };
     this._selectedImageBase64 = "", this._enteredMessage = "", this._aiAnalysisInfo = e;
   }
+  async _getPortalSettingsWithAiStatus(e) {
+    const t = await e.fetchSettings();
+    if (!(e?.isPortal === !0))
+      return t ?? {};
+    const a = e?.restUrl || `${e?.url}/sharing/rest`;
+    if (!a)
+      return t ?? {};
+    try {
+      const s = `${a}/portals/self/aiServer/status`, r = { f: "json" };
+      e?.credential?.token && (r.token = e.credential.token);
+      const o = (await w(s, {
+        responseType: "json",
+        query: r
+      }))?.data;
+      if (o && typeof o == "object")
+        return {
+          ...t ?? {},
+          ...o
+        };
+    } catch {
+    }
+    return t ?? {};
+  }
   async _getAIAnalysisInfo() {
     const e = {
       imageUrl: "",
@@ -338,14 +361,20 @@ class N extends E {
     if (this._hasImageExtraction() || this._hasTextExtraction()) {
       const i = (this.mapView?.map).portalItem.portal;
       if (i) {
-        const a = await i.fetchSettings(), s = i?.helperServices.aiUtilityServices;
-        s?.url && (s.api?.image_analyze && (e.imageUrl = s.url + s.api.image_analyze), s.api?.text_analyze ? e.textUrl = s.url + s.api.text_analyze : e.textUrl = `${s.url}/api/text/analyze`), i.credential && (e.token = i.credential.token), a?.aiAssistantsEnabled && !a.blockBetaApps && i?.user?.privileges?.includes("portal:user:useAIAssistants") && (e.canUseAI = !0);
+        const a = await this._getPortalSettingsWithAiStatus(i), s = i?.helperServices.aiUtilityServices;
+        s?.url && (s.api?.image_analyze && (e.imageUrl = s.url + s.api.image_analyze), s.api?.text_analyze ? e.textUrl = s.url + s.api.text_analyze : e.textUrl = `${s.url}/api/text/analyze`), i.credential && (e.token = i.credential.token);
+        const r = i?.isPortal === !0, n = i?.user?.privileges?.includes("portal:user:useAIServices") === !0 || i?.user?.privileges?.includes("portal:user:useAI") === !0;
+        if (a?.aiConfig && a?.aiConfig.aiForOrg.enabled) {
+          const d = a?.aiConfig.aiForOrg.aiCapabilities?.aiServices?.enabled === !0, p = r ? !1 : a?.blockBetaApps === !0;
+          let h = !1;
+          r ? (h = a?.aiCapabilities?.aiServices?.configured === !0, e.canUseAI = d && !p && n && h) : e.canUseAI = d && !p && n;
+        }
       }
     }
     return e;
   }
   async queryIntersectingFeatures() {
-    const e = this.mapView && await w(this.mapView, this.reportingAreaLayer);
+    const e = this.mapView && await v(this.mapView, this.reportingAreaLayer);
     if (e) {
       const t = e.createQuery();
       t.geometry = this._drawnGeometry, t.spatialRelationship = "intersects";
@@ -368,17 +397,17 @@ class N extends E {
   }
   async _onEditorPropertyChange() {
     const e = this._editor.value;
-    e?.state && (this._drawingHandler || (this._drawingHandler = m.watch(() => e.state, async (t) => {
+    e?.state && (this._drawingHandler || (this._drawingHandler = f.watch(() => e.state, async (t) => {
       const i = this._editor.value?.activeWorkflow, a = i?.formViewModel;
       if (t === "creating-features" && (a?.status === "not-loaded" || a?.state === "disabled") && (this._mapViewContainer.value?.classList.replace("hide-map", "show-map"), this._selectedLayer && !this._selectedLayer.isTable && (this._currentPage = "drawing", this.progressStatus.emit(50), i?.sketchViewModel?.createGraphic && this._aiAnalysisInfo?.location && (await this._goToAndWaitForStationary({ center: this._aiAnalysisInfo.location }), this._selectedLayer.geometryType === "point" && await this._initializeSketchPoint(this._aiAnalysisInfo.location.clone()))), this.isMobile && this._adjustPanelContentHeight(), this._searchRef.value && await this._searchRef.value.setFocus()), t === "adding-attachment" || t === "editing-attachment" ? (this._addingAttachment = !0, this.editingAttachment.emit(!0)) : this._addingAttachment && (this.editingAttachment.emit(!1), this._addingAttachment = !1), !this._featureFormHandler) {
         const r = this._editor.value?.activeWorkflow?.formViewModel;
-        r.state ? this._featureFormHandler = m.watch(() => r?.state, (n) => {
+        r.state ? this._featureFormHandler = f.watch(() => r?.state, (n) => {
           this._currentPage !== "editing" && n === "ready" ? this.initFeatureFormPage() : this.allowMultipleCreation && this._currentPage !== "editing" && n === "disabled" && (this._currentPage = "drawingMultipleFeatures");
-        }) : r.status && (this._featureFormHandler = m.watch(() => r?.status, (n) => {
+        }) : r.status && (this._featureFormHandler = f.watch(() => r?.status, (n) => {
           this._currentPage !== "editing" && n === "loaded" ? this.initFeatureFormPage() : this.allowMultipleCreation && this._currentPage !== "editing" && n === "not-loaded" && (this._currentPage = "drawingMultipleFeatures");
         }));
       }
-      this.allowMultipleCreation && e.activeWorkflow && (this._activeFeatureCountHandler || (this._activeFeatureCountHandler = m.watch(() => e.activeWorkflow?.data?.viewModel?.activeFeatureCount, (s) => {
+      this.allowMultipleCreation && e.activeWorkflow && (this._activeFeatureCountHandler || (this._activeFeatureCountHandler = f.watch(() => e.activeWorkflow?.data?.viewModel?.activeFeatureCount, (s) => {
         s === 0 && (this._currentPage = "drawing"), this.activeFeatureCountChange.emit(s);
       })));
     })), await this.hideEditorsElements());
@@ -422,7 +451,7 @@ class N extends E {
       animate: !0,
       duration: this.isMobile ? 1200 : 800,
       easing: "ease-in-out"
-    }), await m.whenOnce(() => t.stationary));
+    }), await f.whenOnce(() => t.stationary));
   }
   async _initializeSketchPoint(e) {
     this.isMobile && await new Promise((s) => setTimeout(s, 1e3));
@@ -445,8 +474,8 @@ class N extends E {
       return { ...e };
     const a = i.map((s) => {
       if (s.hasOwnProperty("layer")) {
-        const r = { ...s }, n = r.layer?.id, l = n ? t.map?.findLayerById(n) : "", p = r?.layer?.url;
-        return l ? r.layer = l : p && (r.layer = new F(p)), r;
+        const r = { ...s }, n = r.layer?.id, o = n ? t.map?.findLayerById(n) : "", d = r?.layer?.url;
+        return o ? r.layer = o : d && (r.layer = new L(d)), r;
       }
       if (s.hasOwnProperty("locator")) {
         const r = { ...s };
@@ -476,7 +505,7 @@ class N extends E {
         const r = this._editor.value?.activeWorkflow?.formViewModel;
         r.status === "loaded" ? await r.setValueForFieldName?.(a.name, e, r.features) : r.state === "ready" && r.setValue?.(a.name, e), a.editable = !1;
       } else if (t.formTemplate && this.formElements) {
-        const s = new L({
+        const s = new F({
           expression: `'${e}'`,
           name: "floor-info-test",
           title: "Floor Info",
@@ -493,15 +522,15 @@ class N extends E {
           valueExpression: s.name
         });
         this._updatedMapView?.map.editableLayers.forEach((n) => {
-          const l = this.formElements.orgElements, p = this.formElements.orgExpressionInfos, f = [...l];
-          if (f.push(r), n.type === "feature") {
-            const g = n, u = new S({
-              title: g?.formTemplate?.title,
-              description: g?.formTemplate?.description,
-              elements: f,
-              expressionInfos: [s].concat(p)
+          const o = this.formElements.orgElements, d = this.formElements.orgExpressionInfos, p = [...o];
+          if (p.push(r), n.type === "feature") {
+            const h = n, m = new S({
+              title: h?.formTemplate?.title,
+              description: h?.formTemplate?.description,
+              elements: p,
+              expressionInfos: [s].concat(d)
             });
-            n.formTemplate = u;
+            n.formTemplate = m;
           }
         });
       }

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

@@ -310,13 +310,13 @@ class M extends A {
   _validateEnabledActions() {
     const e = this._getIds().length, t = ["zoom-to-object", "pencil", "trash", "erase", "selected-items-filter", "copy"];
     this._toolInfos?.forEach((i) => {
-      i && t.indexOf(i.icon) > -1 && (i.disabled = i.icon === "pencil" ? e < 2 || e > b : e < 1, i.toolTip = i.icon === "pencil" ? e > b ? this._translations.featureEditLimitNotice : this._translations.editMultiple : i.toolTip);
+      i && i.icon && t.indexOf(i.icon) > -1 && (i.disabled = i.icon === "pencil" ? e < 2 || e > b : e < 1, i.toolTip = i.icon === "pencil" ? e > b ? this._translations.featureEditLimitNotice : this._translations.editMultiple : i.toolTip);
     });
   }
   _validateActiveActions() {
     const e = ["filter", "list-check-all", "selected-items-filter"];
     this._toolInfos?.forEach((t) => {
-      t && e.indexOf(t.icon) > -1 && (t.icon === "filter" && (t.indicator = this._filterActive), t.icon === "list-check-all" && (t.active = this._selectAllActive), t.icon === "selected-items-filter" && (t.active = this._showOnlySelected, t.label = this._showOnlySelected ? this._translations.showAll : this._translations.showSelected, t.toolTip = this._showOnlySelected ? this._translations.showAll : this._translations.showSelected));
+      t && t.icon && e.indexOf(t.icon) > -1 && (t.icon === "filter" && (t.indicator = this._filterActive), t.icon === "list-check-all" && (t.active = this._selectAllActive), t.icon === "selected-items-filter" && (t.active = this._showOnlySelected, t.label = this._showOnlySelected ? this._translations.showAll : this._translations.showSelected, t.toolTip = this._showOnlySelected ? this._translations.showAll : this._translations.showSelected));
     });
   }
   async _initToolInfos() {

package/dist/components/map-card/customElement.js

@@ -212,7 +212,7 @@ class W extends $ {
   _validateActiveActions() {
     const e = ["filter"];
     this._toolInfos?.forEach((i) => {
-      i && e.indexOf(i.icon) > -1 && i.icon === "filter" && (i.indicator = this._filterActive);
+      i && i.icon && e.indexOf(i.icon) > -1 && i.icon === "filter" && (i.indicator = this._filterActive);
     });
   }
   _handleMapVisibility() {
@@ -224,7 +224,7 @@ class W extends $ {
   _validateEnabledActions() {
     const e = this.selectedFeaturesIds.length > 0, i = this.selectedFeaturesIds.length < 2 || this.selectedFeaturesIds.length > m, s = ["zoom-to-object", "pencil", "erase", "copy"];
     this._toolInfos?.forEach((t) => {
-      t && s.indexOf(t.icon) > -1 && (t.disabled = t.icon === "pencil" ? i : !e, t.toolTip = t.icon === "pencil" ? this.selectedFeaturesIds.length > m ? this._translations.featureEditLimitNotice : this._translations.editMultiple : t.toolTip);
+      t && t.icon && s.indexOf(t.icon) > -1 && (t.disabled = t.icon === "pencil" ? i : !e, t.toolTip = t.icon === "pencil" ? this.selectedFeaturesIds.length > m ? this._translations.featureEditLimitNotice : this._translations.editMultiple : t.toolTip);
     });
   }
   _handleDocumentClick(e) {

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

@@ -2,7 +2,7 @@
 import { c as f } from "../../chunks/runtime.js";
 import { repeat as v } from "lit/directives/repeat.js";
 import { u as T } from "../../chunks/useT9n.js";
-import { LitElement as w, createEvent as d, nothing as C, safeClassMap as _ } from "@arcgis/lumina";
+import { LitElement as w, createEvent as d, safeClassMap as _, nothing as C } from "@arcgis/lumina";
 import { css as S, html as c } from "lit";
 import { T as y } from "../../chunks/solutions-deploy-app-nav.js";
 import { a as D, T as h, y as A, B as x, e as I } from "../../chunks/interfaces.js";
@@ -811,11 +811,11 @@ class V extends w {
     const e = this._isLoaded ? "display-none" : "", t = this._isLoaded ? "" : "display-none";
     return c`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} .assistantOpen=${this._isAssistantOpen} .initTab=${this.initTab} @authInit=${this._handleAuthInit} slot=header ${a(this._deployAppNav)}></solutions-deploy-app-nav><div class=${`main-content${this._isAssistantOpen ? " assistant-open" : ""}`} ${a(this._mainContentRef)}>${this._isSearchToolbarShowing() && c`<div class="border"></div>` || ""}<solutions-searchsort-toolbar class=${_(this._activeTab === "resources" ? "display-none" : "")} ${a(async (i) => {
       i && (await this._deployAppNav.value?.componentOnReady(), this._searchSortToolbar = i, i.scope = this._activeTab);
-    })}></solutions-searchsort-toolbar>${this._activeTab === "resources" && c`<div class="border"></div><div class="resources-menu-container"><calcite-menu .label=${this._translations.resourcesNavigationMenuLabel} class="resources-menu-toolbar"><calcite-menu-item .active=${this._activeResourcesMenuItem === "getStarted" || void 0} .label=${this._translations.resourcesGetStarted} .text=${this._translations.resourcesGetStarted} @click=${() => this._handleResourcesMenuClick("getStarted")}></calcite-menu-item><calcite-menu-item .active=${this._activeResourcesMenuItem === "documentation" || void 0} .label=${this._translations.resourcesDocumentation} .text=${this._translations.resourcesDocumentation} @click=${() => this._handleResourcesMenuClick("documentation")}></calcite-menu-item><calcite-menu-item .active=${this._activeResourcesMenuItem === "support" || void 0} .label=${this._translations.resourcesSupport} .text=${this._translations.resourcesSupport} @click=${() => this._handleResourcesMenuClick("support")}></calcite-menu-item></calcite-menu></div>` || ""}<calcite-loader class=${_(e)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader>${this._renderGlobalAlerts()}<calcite-tabs class=${_(t)} scale=l><calcite-tab-nav class="display-none" @calciteTabChange=${this._handleCalciteTabChanged} slot=title-group><calcite-tab-title ${a(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title><calcite-tab-title ${a(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title><calcite-tab-title ${a(this._resourcesTabTitle)}>${this._translations.solutionResources}</calcite-tab-title><calcite-tab-title class="display-none" ${a(this._detailsTabTitle)}></calcite-tab-title><calcite-tab-title class="display-none" ${a(this._deployedCardTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override tab-space-0" selected ${a(this._allTab)}><solutions-all-shell class="height-100" ${a(this._allShell)}></solutions-all-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._mySolutionsTab)}><solutions-deployed-shell class="height-100" ${a(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._resourcesTab)}><solutions-resources-shell class="height-100" ${a(this._resourcesShell)}></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${a(this._detailsTab)}><solution-details-panel class="height-100" .readOnlyNotice=${this._readOnlyNotice} ${a(this._detailsShell)}></solution-details-panel></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._deployedCardTab)}><solution-deployed-card-panel class="shell-container height-100" .readOnlyNotice=${this._readOnlyNotice} ${a(this._deployedCardPanel)}></solution-deployed-card-panel></calcite-tab></calcite-tabs></div><div class=${`builder-panel${this._builderVisible && !this._isViewportMobile ? "" : " display-none"}`}><solution-builder-assistant class="height-100" .readOnlyNotice=${this._readOnlyNotice} ${a(this._solutionBuilderPanel)}></solution-builder-assistant></div><div class=${`assistant-panel${this._isAssistantOpen && !this._isViewportMobile ? "" : " display-none"}`}><arcgis-solutions-assistant class="height-100" .builderVisible=${this._builderVisible} .hasActiveBuilderDesign=${this._hasActiveBuilderDesign}></arcgis-solutions-assistant></div><calcite-fab aria-label=${this._translations.assistantFabTooltip ?? C} class=${`assistant-fab${this._isAssistantOpen || this._isViewportMobile ? " display-none" : ""}`} icon=effects id=assistant-fab-button @click=${() => {
+    })}></solutions-searchsort-toolbar>${this._activeTab === "resources" && c`<div class="border"></div><div class="resources-menu-container"><calcite-menu .label=${this._translations.resourcesNavigationMenuLabel} class="resources-menu-toolbar"><calcite-menu-item .active=${this._activeResourcesMenuItem === "getStarted" || void 0} .label=${this._translations.resourcesGetStarted} .text=${this._translations.resourcesGetStarted} @click=${() => this._handleResourcesMenuClick("getStarted")}></calcite-menu-item><calcite-menu-item .active=${this._activeResourcesMenuItem === "documentation" || void 0} .label=${this._translations.resourcesDocumentation} .text=${this._translations.resourcesDocumentation} @click=${() => this._handleResourcesMenuClick("documentation")}></calcite-menu-item><calcite-menu-item .active=${this._activeResourcesMenuItem === "support" || void 0} .label=${this._translations.resourcesSupport} .text=${this._translations.resourcesSupport} @click=${() => this._handleResourcesMenuClick("support")}></calcite-menu-item></calcite-menu></div>` || ""}<calcite-loader class=${_(e)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader>${this._renderGlobalAlerts()}<calcite-tabs class=${_(t)} scale=l><calcite-tab-nav class="display-none" @calciteTabChange=${this._handleCalciteTabChanged} slot=title-group><calcite-tab-title ${a(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title><calcite-tab-title ${a(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title><calcite-tab-title ${a(this._resourcesTabTitle)}>${this._translations.solutionResources}</calcite-tab-title><calcite-tab-title class="display-none" ${a(this._detailsTabTitle)}></calcite-tab-title><calcite-tab-title class="display-none" ${a(this._deployedCardTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override tab-space-0" selected ${a(this._allTab)}><solutions-all-shell class="height-100" ${a(this._allShell)}></solutions-all-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._mySolutionsTab)}><solutions-deployed-shell class="height-100" ${a(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._resourcesTab)}><solutions-resources-shell class="height-100" ${a(this._resourcesShell)}></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${a(this._detailsTab)}><solution-details-panel class="height-100" .readOnlyNotice=${this._readOnlyNotice} ${a(this._detailsShell)}></solution-details-panel></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._deployedCardTab)}><solution-deployed-card-panel class="shell-container height-100" .readOnlyNotice=${this._readOnlyNotice} ${a(this._deployedCardPanel)}></solution-deployed-card-panel></calcite-tab></calcite-tabs></div>${!this._configContextProvider.value?.isEnterprise && c`<div class=${`builder-panel${this._builderVisible && !this._isViewportMobile ? "" : " display-none"}`}><solution-builder-assistant class="height-100" .readOnlyNotice=${this._readOnlyNotice} ${a(this._solutionBuilderPanel)}></solution-builder-assistant></div><div class=${`assistant-panel${this._isAssistantOpen && !this._isViewportMobile ? "" : " display-none"}`}><arcgis-solutions-assistant class="height-100" .builderVisible=${this._builderVisible} .hasActiveBuilderDesign=${this._hasActiveBuilderDesign}></arcgis-solutions-assistant></div><calcite-fab aria-label=${this._translations.assistantFabTooltip ?? C} class=${`assistant-fab${this._isAssistantOpen || this._isViewportMobile ? " display-none" : ""}`} icon=effects id=assistant-fab-button @click=${() => {
       this._openAssistant(), this._fabTooltipDismissed = !0, this._showFabTooltip = !1;
     }} scale=l></calcite-fab>${!this._fabTooltipDismissed && c`<calcite-popover closable class=${`assistant-fab-popover${this._isAssistantOpen || this._isViewportMobile ? " display-none" : ""}`} .label=${this._translations.assistantFabTooltip} overlay-positioning=fixed @calcitePopoverClose=${() => {
       this._fabTooltipDismissed = !0, this._showFabTooltip = !1;
-    }} .open=${this._showFabTooltip && !this._isAssistantOpen && !this._isViewportMobile} placement=leading reference-element=assistant-fab-button><span class="assistant-fab-popover__content">${this._translations.assistantFabTooltip}</span></calcite-popover>` || ""}</calcite-shell>`;
+    }} .open=${this._showFabTooltip && !this._isAssistantOpen && !this._isViewportMobile} placement=leading reference-element=assistant-fab-button><span class="assistant-fab-popover__content">${this._translations.assistantFabTooltip}</span></calcite-popover>` || ""}` || ""}</calcite-shell>`;
   }
   loaded() {
     this._setScrollbarGutters();