@esri/solutions-components 1.2.0-next.95 → 1.2.0-next.97

package/dist/components/selection-tool/customElement.d.ts

@@ -4,7 +4,7 @@ import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SelectionTool extends LitElement {
-    /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+    /** esri/views/View: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
     /**
      * string: Selected layer id
@@ -17,9 +17,15 @@ export declare class SelectionTool extends LitElement {
      *
      * @default 'rectangle'
      */
-    tool: 'circle' | 'polygon' | 'rectangle';
-    /** Toggles the selection tool state */
-    toggleSelectionTool(): Promise<void>;
+    tool: 'circle' | 'freehandPolygon' | 'polygon' | 'rectangle';
+    /**
+     * Toggles the selection tool state
+     *
+     * @param tool
+     * @param isActive
+     * @param tool Tool for selecting the features
+     */
+    toggleSelectionTool(tool: 'circle' | 'freehandPolygon' | 'polygon' | 'rectangle', isActive: boolean): Promise<void>;
     /** Emitted when drawing is completed */
     readonly drawingComplete: TargetedEvent<this, void>;
     /** Emitted when feature are selected */

package/dist/components/selection-tool/customElement.js

@@ -1,13 +1,14 @@
-import { c as a } from "../../chunks/runtime.js";
-import { g as r } from "../../chunks/mapViewUtils.js";
-import { LitElement as c, createEvent as s, noShadowRoot as n } from "@arcgis/lumina";
-import { css as l } from "lit";
-import h from "@arcgis/core/layers/GraphicsLayer";
-import p from "@arcgis/core/widgets/Sketch/SketchViewModel";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.94 */
-const m = l`@layer{/** @license
+v1.2.0-next.96 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { g as getFeatureLayerView } from "../../chunks/mapViewUtils.js";
+import { LitElement, createEvent, noShadowRoot } from "@arcgis/lumina";
+import { css } from "lit";
+import GraphicsLayer from "@arcgis/core/layers/GraphicsLayer";
+import SketchViewModel from "@arcgis/core/widgets/Sketch/SketchViewModel";
+const styles = css`@layer{
+/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,30 +22,49 @@ const m = l`@layer{/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */:host{display:block;pointer-events:all!important}}`;
-class d extends c {
+ */
+
+:host {
+  display: block;
+  pointer-events: all !important;
+}
+}`;
+class SelectionTool extends LitElement {
   constructor() {
-    super(...arguments), this.selectedLayerId = "", this.tool = "rectangle", this.drawingComplete = s(), this.featuresSelected = s();
+    super(...arguments);
+    this.selectedLayerId = "";
+    this.tool = "rectangle";
+    this.drawingComplete = createEvent();
+    this.featuresSelected = createEvent();
   }
   static {
-    this.properties = { mapView: 0, selectedLayerId: 1, tool: 1 };
+    this.properties = { mapView: [0, {}, { attribute: false }], selectedLayerId: 1, tool: 1 };
   }
   static {
-    this.styles = m;
+    this.styles = styles;
   }
   static {
-    this.shadowRootOptions = n;
+    this.shadowRootOptions = noShadowRoot;
   }
-  willUpdate(e) {
-    e.has("mapView") && this.mapViewWatchHandler();
+  willUpdate(changes) {
+    if (changes.has("mapView")) {
+      this.mapViewWatchHandler();
+    }
   }
   async mapViewWatchHandler() {
     await this.mapView?.when(() => {
       this._initSketchViewModel();
     });
   }
-  async toggleSelectionTool() {
-    this._graphicsLayer?.removeAll(), this._selectionTool && this._selectionTool.state === "active" ? this._selectionTool.cancel() : this._selectionTool?.create(this.tool);
+  async toggleSelectionTool(tool, isActive) {
+    this._graphicsLayer?.removeAll();
+    if (this._selectionTool?.state === "active") {
+      this._selectionTool.cancel();
+    }
+    if (isActive) {
+      const selectedTool = tool ?? this.tool;
+      this._selectionTool?.create(selectedTool);
+    }
   }
   async loaded() {
     await this.init();
@@ -53,31 +73,48 @@ class d extends c {
     return "";
   }
   async init() {
-    this.mapView && this._initSketchViewModel();
+    if (this.mapView) {
+      this._initSketchViewModel();
+    }
   }
   _initSketchViewModel() {
-    this._graphicsLayer = new h(), this._selectionTool = new p({
+    this._graphicsLayer = new GraphicsLayer({
+      listMode: "hide"
+    });
+    this._selectionTool = new SketchViewModel({
       layer: this._graphicsLayer,
       view: this.mapView
-    }), this._selectionTool && this._selectionTool.on("create", (e) => {
-      if (e.state === "complete") {
-        this.drawingComplete.emit();
-        const t = e.graphic?.geometry;
-        t && this._selectFeatures(t), this._graphicsLayer && this._graphicsLayer.removeAll();
-      }
-    }), this.mapView?.map && this._graphicsLayer && this.mapView.map.layers.add(this._graphicsLayer);
+    });
+    if (this._selectionTool) {
+      this._selectionTool.on("create", (e) => {
+        if (e.state === "complete") {
+          this.drawingComplete.emit();
+          const queryGeometry = e.graphic?.geometry;
+          if (queryGeometry) {
+            void this._selectFeatures(queryGeometry);
+          }
+          if (this._graphicsLayer) {
+            this._graphicsLayer.removeAll();
+          }
+        }
+      });
+    }
+    if (this.mapView?.map && this._graphicsLayer) {
+      this.mapView.map.layers.add(this._graphicsLayer);
+    }
   }
-  async _selectFeatures(e) {
-    const t = this.mapView && await r(this.mapView, this.selectedLayerId);
+  async _selectFeatures(geometry) {
+    const layerView = this.mapView && await getFeatureLayerView(this.mapView, this.selectedLayerId);
     try {
-      const i = { geometry: e }, o = t && await t.queryObjectIds(i);
-      this.featuresSelected.emit(o);
-    } catch (i) {
-      console.error("Error selecting features:", i);
+      const query = { geometry };
+      const ids = layerView && await layerView.queryObjectIds(query);
+      this.featuresSelected.emit(ids);
+    } catch (error) {
+      console.error("Error selecting features:", error);
     }
   }
 }
-a("selection-tool", d);
+customElement("selection-tool", SelectionTool);
 export {
-  d as SelectionTool
+  SelectionTool
 };

package/dist/components/solution-configure-titles/customElement.d.ts

@@ -13,6 +13,12 @@ export declare class SolutionConfigureTitles extends LitElement {
      * @default false
      */
     open: boolean;
+    /**
+     * Source from which the dialog was opened ("Card Dropdown" or "Details Page")
+     *
+     * @default 'Card Dropdown'
+     */
+    source: 'Card Dropdown' | 'Details Page';
     /** The solution items data used here to check for and store any user defined prefix or suffix values */
     solutionData: any;
     /** ITemplateInfo[]: Collection of template infos */

package/dist/components/solution-configure-titles/customElement.js

@@ -1,19 +1,19 @@
-import { c as y } from "../../chunks/runtime.js";
-import { u as $ } from "../../chunks/useT9n.js";
-import { LitElement as C, createEvent as h, safeClassMap as o } from "@arcgis/lumina";
-import { useContextConsumer as T } from "@arcgis/lumina/context";
-import { css as v, html as r } from "lit";
-import { I as S, T as D } from "../../chunks/interfaces.js";
-import { createRef as d, ref as c } from "lit-html/directives/ref.js";
-import { c as E } from "../../chunks/deployAppContexts.js";
-import * as b from "@esri/solution-common";
-import { updateGroup as w, updateItem as V, updateItemExtended as L } from "@esri/solution-common";
-import { j as p } from "../../chunks/helpers.js";
-import { g as P } from "../../chunks/getRelatedInfos.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.94 */
-const R = v`/** @license
+v1.2.0-next.96 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
+import { useContextConsumer } from "@arcgis/lumina/context";
+import { css, html } from "lit";
+import { I as ITEM_TITLE_LENGTH, T as TELEMETRY_CATEGORY } from "../../chunks/interfaces.js";
+import { createRef, ref } from "lit-html/directives/ref.js";
+import { c as configContext } from "../../chunks/deployAppContexts.js";
+import * as common from "@esri/solution-common";
+import { updateGroup, updateItem, updateItemExtended } from "@esri/solution-common";
+import { k as hasInvalidChars } from "../../chunks/helpers.js";
+import { g as getRelatedSolutionsInfos } from "../../chunks/getRelatedInfos.js";
+const styles = css`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -27,26 +27,110 @@ const R = v`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.font-weight-medium{font-weight:var(--calcite-font-weight-medium)}.font-style-1{font-size:1rem;color:var(--calcite-color-text-2)}.margin-top-0{margin-top:0}.padding-bottom-2{padding-bottom:2rem}.padding-left-2{padding-left:2rem}.padding-right-2{padding-right:2rem}.padding-end-1{padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.width-full{width:100%}.justify-content-space{justify-content:space-between}`;
-class N extends C {
+ */
+
+.display-flex {
+  display: flex;
+}
+
+.display-none {
+  display: none;
+}
+
+.flex-direction-column {
+  flex-direction: column;
+}
+
+.flex-direction-row {
+  flex-direction: row;
+}
+
+.font-weight-medium {
+  font-weight: var(--calcite-font-weight-medium);
+}
+
+.font-style-1 {
+  font-size: 1rem;
+  color: var(--calcite-color-text-2);
+}
+
+.margin-top-0 {
+  margin-top: 0;
+}
+
+.padding-bottom-2 {
+  padding-bottom: 2rem;
+}
+
+.padding-left-2 {
+  padding-left: 2rem;
+}
+
+.padding-right-2 {
+  padding-right: 2rem;
+}
+
+.padding-end-1 {
+  padding-inline-end: 1rem;
+}
+
+.padding-end-1-2 {
+  padding-inline-end: .5rem;
+}
+
+.width-full {
+  width: 100%;
+}
+
+.justify-content-space {
+  justify-content: space-between;
+}`;
+class SolutionConfigureTitles extends LitElement {
   constructor() {
-    super(...arguments), this.open = !1, this.solutionData = {}, this.templateInfos = [], this._saveDisabled = !1, this._displayTemplateInfos = [], this._hasNameLengthError = !1, this._nonSolutionDependencyItems = [], this._solutionItemsTitlesUpdating = !1, this._translations = $({ name: "solution-configure-titles", blocking: !0 }), this._configContextConsumer = T({
-      context: E,
-      subscribe: !0
-    }), this._defaultPrefix = "", this._defaultSuffix = "", this._loadingDefaultPrefix = !1, this._loadingDefaultSuffix = !1, this._prefixRef = d(), this._prefixValue = "", this._suffixRef = d(), this._suffixValue = "", this._templateInfos = [], this.solutionConfigureTitlesBeforeClose = h(), this.solutionItemsTitlesChanged = h();
+    super(...arguments);
+    this.open = false;
+    this.source = "Card Dropdown";
+    this.solutionData = {};
+    this.templateInfos = [];
+    this._saveDisabled = false;
+    this._displayTemplateInfos = [];
+    this._hasNameLengthError = false;
+    this._nonSolutionDependencyItems = [];
+    this._solutionItemsTitlesUpdating = false;
+    this._translations = useT9n({ name: "solution-configure-titles", blocking: true });
+    this._configContextConsumer = useContextConsumer({
+      context: configContext,
+      subscribe: true
+    });
+    this._defaultPrefix = "";
+    this._defaultSuffix = "";
+    this._loadingDefaultPrefix = false;
+    this._loadingDefaultSuffix = false;
+    this._prefixRef = createRef();
+    this._prefixValue = "";
+    this._suffixRef = createRef();
+    this._suffixValue = "";
+    this._templateInfos = [];
+    this.solutionConfigureTitlesBeforeClose = createEvent();
+    this.solutionItemsTitlesChanged = createEvent();
   }
   static {
-    this.properties = { card: 0, open: 5, solutionData: 1, templateInfos: 0, _saveDisabled: 16, _displayTemplateInfos: 16, _hasNameLengthError: 16, _nonSolutionDependencyItems: 16, _solutionItemsTitlesUpdating: 16, _translations: 16 };
+    this.properties = { card: [0, {}, { attribute: false }], open: [5, {}, { type: Boolean }], source: 1, solutionData: 1, templateInfos: [0, {}, { attribute: false }], _saveDisabled: [16, {}, { state: true }], _displayTemplateInfos: [16, {}, { state: true }], _hasNameLengthError: [16, {}, { state: true }], _nonSolutionDependencyItems: [16, {}, { state: true }], _solutionItemsTitlesUpdating: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = R;
-  }
-  async willUpdate(i) {
-    if (i.has("templateInfos") && (this._templateInfos = this.templateInfos, this._updateTemplates()), i.has("open")) {
-      const t = i.get("open");
-      if (this.open && !t) {
-        const a = await P(this._configContextConsumer.value.userSession, this.card);
-        this._nonSolutionDependencyItems = a._nonSolutionDependencyItems, this._accordionRef?.selectItems(a.uniqueIitemIds);
+    this.styles = styles;
+  }
+  async willUpdate(changes) {
+    if (changes.has("templateInfos")) {
+      this._templateInfos = this.templateInfos;
+      this._updateTemplates();
+    }
+    if (changes.has("open")) {
+      const oldValue = changes.get("open");
+      if (this.open && !oldValue) {
+        const relatedInfos = await getRelatedSolutionsInfos(this._configContextConsumer.value.userSession, this.card);
+        this._nonSolutionDependencyItems = relatedInfos._nonSolutionDependencyItems;
+        this._accordionRef?.selectItems(relatedInfos.uniqueIitemIds);
       }
     }
   }
@@ -54,95 +138,145 @@ class N extends C {
     return this._configContextConsumer.value?.telemetrySession;
   }
   async load() {
-    this._updateTemplates(), await this._updatePrefixSuffix();
+    this._updateTemplates();
+    await this._updatePrefixSuffix();
   }
   async _updatePrefixSuffix() {
-    this.solutionData = await b.getItemDataAsJson(this.card.id, this._configContextConsumer.value.userSession), this.solutionData.titles?.prefix && (this._loadingDefaultPrefix = !0, this._defaultPrefix = this.solutionData.titles.prefix, this._prefixValue = this.solutionData.titles.prefix), this.solutionData.titles?.suffix && (this._loadingDefaultSuffix = !0, this._defaultSuffix = this.solutionData.titles.suffix, this._suffixValue = this.solutionData.titles.suffix);
+    this.solutionData = await common.getItemDataAsJson(this.card.id, this._configContextConsumer.value.userSession);
+    if (this.solutionData.titles?.prefix) {
+      this._loadingDefaultPrefix = true;
+      this._defaultPrefix = this.solutionData.titles.prefix;
+      this._prefixValue = this.solutionData.titles.prefix;
+    }
+    if (this.solutionData.titles?.suffix) {
+      this._loadingDefaultSuffix = true;
+      this._defaultSuffix = this.solutionData.titles.suffix;
+      this._suffixValue = this.solutionData.titles.suffix;
+    }
   }
   render() {
-    return r`<calcite-dialog .heading=${this.card.title} modal @calciteDialogBeforeClose=${() => {
+    return html`<calcite-dialog .heading=${this.card.title} modal @calciteDialogBeforeClose=${() => {
       this.solutionConfigureTitlesBeforeClose.emit();
     }} .open=${this.open} outside-close-disabled width=l>${this._getPrefixSuffixControls()}${this._getAccordion()}${this._getDialogButtons()}</calcite-dialog>`;
   }
   _getPrefixSuffixControls() {
-    const i = p(this._prefixValue), t = this._hasNameLengthError && this._prefixValue.length > 0, a = !i, e = !t, s = a ? "display-none" : "", n = e ? "display-none" : "", l = a && e ? "valid" : "invalid", m = p(this._suffixValue), g = this._hasNameLengthError && this._suffixValue.length > 0, f = !m, u = !g, x = f ? "display-none" : "", _ = u ? "display-none" : "", I = f && u ? "valid" : "invalid";
-    return this._saveDisabled = !a || !e || !f || !u, r`<div class="display-flex flex-direction-column padding-left-2 padding-right-2"><calcite-label scale=l class="font-weight-medium">${this._translations.configureTitlesDialogHeader}</calcite-label><p class="font-style-1 margin-top-0">${this._translations.addPrefixOrSuffixToItems}</p><div class="display-flex flex-direction-row justify-content-space"><calcite-label class="width-full padding-end-1" scale=l>${this._translations.prefixToAddToItems}<calcite-input clearable @blur=${this._prefixInput} @input=${this._prefixInput} .placeholder=${this._translations.enterPrefixPlaceholder} .status=${l} .value=${this._prefixValue} ${c(this._prefixRef)}></calcite-input><calcite-input-message class=${o(s)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${o(n)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label><calcite-label class="width-full" scale=l>${this._translations.suffixToAddToItems}<calcite-input clearable @blur=${this._suffixInput} @input=${this._suffixInput} .placeholder=${this._translations.enterSuffixPlaceholder} .status=${I} .value=${this._suffixValue} ${c(this._suffixRef)}></calcite-input><calcite-input-message class=${o(x)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${o(_)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label></div></div>`;
+    const prefixHasInvalidChars = hasInvalidChars(this._prefixValue);
+    const prefixIsLengthExceeded = this._hasNameLengthError && this._prefixValue.length > 0;
+    const validPrefixChars = !prefixHasInvalidChars;
+    const validPrefixLength = !prefixIsLengthExceeded;
+    const prefixCharsMessageClass = validPrefixChars ? "display-none" : "";
+    const prefixLengthMessageClass = validPrefixLength ? "display-none" : "";
+    const isValidPrefix = validPrefixChars && validPrefixLength ? "valid" : "invalid";
+    const suffixHasInvalidChars = hasInvalidChars(this._suffixValue);
+    const suffixIsLengthExceeded = this._hasNameLengthError && this._suffixValue.length > 0;
+    const validSuffixChars = !suffixHasInvalidChars;
+    const validSuffixLength = !suffixIsLengthExceeded;
+    const suffixCharsMessageClass = validSuffixChars ? "display-none" : "";
+    const suffixLengthMessageClass = validSuffixLength ? "display-none" : "";
+    const isValidSuffix = validSuffixChars && validSuffixLength ? "valid" : "invalid";
+    this._saveDisabled = !validPrefixChars || !validPrefixLength || !validSuffixChars || !validSuffixLength;
+    return html`<div class="display-flex flex-direction-column padding-left-2 padding-right-2"><calcite-label scale=l class="font-weight-medium">${this._translations.configureTitlesDialogHeader}</calcite-label><p class="font-style-1 margin-top-0">${this._translations.addPrefixOrSuffixToItems}</p><div class="display-flex flex-direction-row justify-content-space"><calcite-label class="width-full padding-end-1" scale=l>${this._translations.prefixToAddToItems}<calcite-input clearable @blur=${this._prefixInput} @input=${this._prefixInput} .placeholder=${this._translations.enterPrefixPlaceholder} .status=${isValidPrefix} .value=${this._prefixValue} ${ref(this._prefixRef)}></calcite-input><calcite-input-message class=${safeClassMap(prefixCharsMessageClass)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${safeClassMap(prefixLengthMessageClass)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label><calcite-label class="width-full" scale=l>${this._translations.suffixToAddToItems}<calcite-input clearable @blur=${this._suffixInput} @input=${this._suffixInput} .placeholder=${this._translations.enterSuffixPlaceholder} .status=${isValidSuffix} .value=${this._suffixValue} ${ref(this._suffixRef)}></calcite-input><calcite-input-message class=${safeClassMap(suffixCharsMessageClass)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${safeClassMap(suffixLengthMessageClass)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixLengthError}</calcite-input-message></calcite-label></div></div>`;
   }
   _getAccordion() {
-    const i = [...new Set(this._nonSolutionDependencyItems.map((t) => t.controlItemId))];
-    return r`<div class="display-flex flex-direction-column padding-left-2 padding-right-2 padding-bottom-2"><p class="font-style-1 margin-top-0">${this._translations.previewTheChanges}</p><solution-item-accordion .itemRelationshipDependencies=${i} list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReuseWarning} .templateInfos=${this._displayTemplateInfos} .typeKeywords=${this.card?.typeKeywords} ${c(async (t) => {
-      t && !this._accordionRef && (this._accordionRef = t, await this._accordionRef.selectFirstItem());
+    const justDependencies = [...new Set(this._nonSolutionDependencyItems.map((dep) => dep.controlItemId))];
+    return html`<div class="display-flex flex-direction-column padding-left-2 padding-right-2 padding-bottom-2"><p class="font-style-1 margin-top-0">${this._translations.previewTheChanges}</p><solution-item-accordion .itemRelationshipDependencies=${justDependencies} list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReuseWarning} .templateInfos=${this._displayTemplateInfos} .typeKeywords=${this.card?.typeKeywords} ${ref(async (el) => {
+      if (el && !this._accordionRef) {
+        this._accordionRef = el;
+        await this._accordionRef.selectFirstItem();
+      }
     })}></solution-item-accordion></div>`;
   }
   _getDialogButtons() {
-    return r`<div slot=footer-end><calcite-button appearance=outline class="padding-end-1-2" kind=brand @click=${this._closeDialog}>${this._translations.cancelTheDialog}</calcite-button><calcite-button .disabled=${this._saveDisabled} kind=brand .loading=${this._solutionItemsTitlesUpdating} @click=${this._commitNameChanges}>${this._translations.applyChangesAndCloseTheDialog}</calcite-button></div>`;
+    return html`<div slot=footer-end><calcite-button appearance=outline class="padding-end-1-2" kind=brand @click=${this._closeDialog}>${this._translations.cancelTheDialog}</calcite-button><calcite-button .disabled=${this._saveDisabled} kind=brand .loading=${this._solutionItemsTitlesUpdating} @click=${this._commitNameChanges}>${this._translations.applyChangesAndCloseTheDialog}</calcite-button></div>`;
   }
   _prefixInput() {
-    clearTimeout(this._textInputTimeout), this._textInputTimeout = setTimeout(() => {
-      this._prefixValue = this._prefixRef.value?.value || "", this._updateTemplates();
+    clearTimeout(this._textInputTimeout);
+    this._textInputTimeout = setTimeout(() => {
+      this._prefixValue = this._prefixRef.value?.value || "";
+      this._updateTemplates();
     }, 500);
   }
   _suffixInput() {
-    clearTimeout(this._textInputTimeout), this._textInputTimeout = setTimeout(() => {
-      this._suffixValue = this._suffixRef.value?.value || "", this._updateTemplates();
+    clearTimeout(this._textInputTimeout);
+    this._textInputTimeout = setTimeout(() => {
+      this._suffixValue = this._suffixRef.value?.value || "";
+      this._updateTemplates();
     }, 500);
   }
   _updateTemplates() {
-    const i = /[^\s\\]/.test(this._prefixValue), t = /[^\s\\]/.test(this._suffixValue);
-    this._templateInfos = this._templateInfos.map((e) => {
-      if (this._loadingDefaultPrefix && e.title.startsWith(this._prefixValue)) {
-        const s = new RegExp(`^${this._prefixValue} `);
-        e.title = e.title.replace(s, "");
+    const hasPrefix = /[^\s\\]/.test(this._prefixValue);
+    const hasSuffix = /[^\s\\]/.test(this._suffixValue);
+    this._templateInfos = this._templateInfos.map((t) => {
+      if (this._loadingDefaultPrefix && t.title.startsWith(this._prefixValue)) {
+        const regEx = new RegExp(`^${this._prefixValue} `);
+        t.title = t.title.replace(regEx, "");
       }
-      if (this._loadingDefaultSuffix && e.title.endsWith(this._suffixValue)) {
-        const s = new RegExp(` ${this._suffixValue}$`);
-        e.title = e.title.replace(s, "");
+      if (this._loadingDefaultSuffix && t.title.endsWith(this._suffixValue)) {
+        const regEx = new RegExp(` ${this._suffixValue}$`);
+        t.title = t.title.replace(regEx, "");
       }
-      return e;
+      return t;
     });
-    const a = JSON.parse(JSON.stringify(this._templateInfos));
-    this._hasNameLengthError = !1, this._displayTemplateInfos = a.map((e) => (e.title = i && t ? `${`${this._prefixValue} `}${e.title}${` ${this._suffixValue}`}` : i ? `${`${this._prefixValue} `}${e.title}` : t ? `${e.title}${` ${this._suffixValue}`}` : e.title, this._hasNameLengthError || (this._hasNameLengthError = e.title.length > S), e)), this._loadingDefaultPrefix = !1, this._loadingDefaultSuffix = !1;
+    const _templateInfos = JSON.parse(JSON.stringify(this._templateInfos));
+    this._hasNameLengthError = false;
+    this._displayTemplateInfos = _templateInfos.map((t) => {
+      t.title = hasPrefix && hasSuffix ? `${`${this._prefixValue} `}${t.title}${` ${this._suffixValue}`}` : hasPrefix ? `${`${this._prefixValue} `}${t.title}` : hasSuffix ? `${t.title}${` ${this._suffixValue}`}` : t.title;
+      if (!this._hasNameLengthError) {
+        this._hasNameLengthError = t.title.length > ITEM_TITLE_LENGTH;
+      }
+      return t;
+    });
+    this._loadingDefaultPrefix = false;
+    this._loadingDefaultSuffix = false;
   }
   _closeDialog() {
-    this.open = !1;
+    this.open = false;
   }
   async _commitNameChanges() {
-    const i = this._defaultPrefix !== this._prefixValue, t = this._defaultSuffix !== this._suffixValue;
-    if (JSON.stringify(this._templateInfos) !== JSON.stringify(this._displayTemplateInfos) || i || t) {
+    const prefixChangedFromDefault = this._defaultPrefix !== this._prefixValue;
+    const suffixChangedFromDefault = this._defaultSuffix !== this._suffixValue;
+    const templatesChanged = JSON.stringify(this._templateInfos) !== JSON.stringify(this._displayTemplateInfos);
+    if (templatesChanged || prefixChangedFromDefault || suffixChangedFromDefault) {
       this._telemetry?.logEvent({
-        category: D.DEPLOYMENTS,
+        category: TELEMETRY_CATEGORY.DEPLOYMENTS,
         action: "Rename Items",
         dimensions: [
           this.card?.title || "",
           this.card?.deployCommonId || "",
-          this.card?.deployVersion || ""
+          this.card?.deployVersion || "",
+          this.source
         ]
-      }), this._solutionItemsTitlesUpdating = !0;
-      const e = this._displayTemplateInfos.reduce((s, n) => {
-        const l = {
-          id: n.id,
-          title: n.title
+      });
+      this._solutionItemsTitlesUpdating = true;
+      const updateRequests = this._displayTemplateInfos.reduce((prev, cur) => {
+        const updateOptions = {
+          id: cur.id,
+          title: cur.title
         };
-        return s.push(n.type === "Group" ? w(l, this._configContextConsumer.value.userSession) : V(l, this._configContextConsumer.value.userSession)), s;
+        prev.push(cur.type === "Group" ? updateGroup(updateOptions, this._configContextConsumer.value.userSession) : updateItem(updateOptions, this._configContextConsumer.value.userSession));
+        return prev;
       }, []);
       if (this.solutionData?.templates) {
-        const s = {
+        const itemInfo = {
           id: this.card.id
-        }, n = {
+        };
+        const data = {
           ...this.solutionData,
           titles: {
             prefix: this._prefixValue,
             suffix: this._suffixValue
           }
         };
-        e.push(L(s, n, this._configContextConsumer.value.userSession));
+        updateRequests.push(updateItemExtended(itemInfo, data, this._configContextConsumer.value.userSession));
       }
-      await Promise.all(e), this._solutionItemsTitlesUpdating = !1, this.solutionItemsTitlesChanged.emit();
+      await Promise.all(updateRequests);
+      this._solutionItemsTitlesUpdating = false;
+      this.solutionItemsTitlesChanged.emit();
     }
     this._closeDialog();
   }
 }
-y("solution-configure-titles", N);
+customElement("solution-configure-titles", SolutionConfigureTitles);
 export {
-  N as SolutionConfigureTitles
+  SolutionConfigureTitles
 };

package/dist/components/solution-delete-dialog/customElement.d.ts

@@ -20,6 +20,12 @@ export declare class SolutionDeleteDialog extends LitElement {
      * @default false
      */
     open: boolean;
+    /**
+     * Source from which the dialog was opened ("Card Dropdown" or "Details Page")
+     *
+     * @default 'Card Dropdown'
+     */
+    source: 'Card Dropdown' | 'Details Page';
     /** Closes the panel */
     close(): void;
     /** Deletes the solution provided in the card property. */