@esri/solutions-components 1.2.0-next.98 → 5.0.0

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

@@ -1,27 +1,11 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
 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 { c as r } from "../../chunks/mapViewUtils.js";
+import { LitElement as c, createEvent as s, noShadowRoot as l } from "@arcgis/lumina";
+import { css as h } from "lit";
+import n 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.97 */
-const m = l`@layer{/** @license
- * Copyright 2025 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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}}`;
+const m = h`@layer{:host{display:block;pointer-events:all!important}}`;
 class d extends c {
   constructor() {
     super(...arguments), this.selectedLayerId = "", this.tool = "rectangle", this.drawingComplete = s(), this.featuresSelected = s();
@@ -33,7 +17,7 @@ class d extends c {
     this.styles = m;
   }
   static {
-    this.shadowRootOptions = n;
+    this.shadowRootOptions = l;
   }
   willUpdate(e) {
     e.has("mapView") && this.mapViewWatchHandler();
@@ -59,7 +43,7 @@ class d extends c {
     this.mapView && this._initSketchViewModel();
   }
   _initSketchViewModel() {
-    this._graphicsLayer = new h({
+    this._graphicsLayer = new n({
       listMode: "hide"
     }), this._selectionTool = new p({
       layer: this._graphicsLayer,

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

@@ -1,34 +1,66 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { ISolutionInfoCard, ITemplateInfo } from '../../utils/interfaces';
-import { PropertyValues } from 'lit';
-import { DependencyItem } from '../../utils/getRelatedInfos';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ISolutionInfoCard, ITemplateInfo } from "../../utils/interfaces.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-export declare class SolutionConfigureTitles extends LitElement {
-    /** Key details about the solution */
-    card: ISolutionInfoCard | undefined;
-    /**
-     * boolean: when true the dialog is open
-     *
-     * @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 */
-    templateInfos: ITemplateInfo[];
-    /** This event will be emitted when this dialog is closed */
-    readonly solutionConfigureTitlesBeforeClose: TargetedEvent<this, void>;
-    /** This event will be emitted when the titles have been updated */
-    readonly solutionItemsTitlesChanged: TargetedEvent<this, void>;
-    "@eventTypes": {
-        "solutionConfigureTitlesBeforeClose": SolutionConfigureTitles["solutionConfigureTitlesBeforeClose"]["detail"];
-        "solutionItemsTitlesChanged": SolutionConfigureTitles["solutionItemsTitlesChanged"]["detail"];
-    };
-}
+export abstract class SolutionConfigureTitles extends LitElement {
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   *
+   * @internal
+   */
+  protected _translations: {
+      addPrefixOrSuffixToItems: string;
+      cancelTheDialog: string;
+      configureTitlesDialogHeader: string;
+      enterPrefixPlaceholder: string;
+      enterSuffixPlaceholder: string;
+      invalidPrefixOrSuffixCharsError: string;
+      invalidPrefixOrSuffixLengthError: string;
+      itemDependencyReuseWarning: string;
+      applyChangesAndCloseTheDialog: string;
+      prefixToAddToItems: string;
+      previewTheChanges: string;
+      suffixToAddToItems: string;
+  } & T9nMeta<{
+      addPrefixOrSuffixToItems: string;
+      cancelTheDialog: string;
+      configureTitlesDialogHeader: string;
+      enterPrefixPlaceholder: string;
+      enterSuffixPlaceholder: string;
+      invalidPrefixOrSuffixCharsError: string;
+      invalidPrefixOrSuffixLengthError: string;
+      itemDependencyReuseWarning: string;
+      applyChangesAndCloseTheDialog: string;
+      prefixToAddToItems: string;
+      previewTheChanges: string;
+      suffixToAddToItems: string;
+  }>;
+  /** Key details about the solution */
+  accessor card: ISolutionInfoCard | undefined;
+  /**
+   * boolean: when true the dialog is open
+   *
+   * @default false
+   */
+  accessor open: boolean;
+  /** The solution items data used here to check for and store any user defined prefix or suffix values */
+  accessor solutionData: any;
+  /**
+   * Source from which the dialog was opened ("Card Dropdown" or "Details Page")
+   *
+   * @default 'Card Dropdown'
+   */
+  accessor source: "Card Dropdown" | "Details Page";
+  /** ITemplateInfo[]: Collection of template infos */
+  accessor templateInfos: ITemplateInfo[];
+  /** This event will be emitted when this dialog is closed */
+  readonly solutionConfigureTitlesBeforeClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** This event will be emitted when the titles have been updated */
+  readonly solutionItemsTitlesChanged: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    solutionConfigureTitlesBeforeClose: SolutionConfigureTitles["solutionConfigureTitlesBeforeClose"]["detail"];
+    solutionItemsTitlesChanged: SolutionConfigureTitles["solutionItemsTitlesChanged"]["detail"];
+  };
+}

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

@@ -1,52 +1,35 @@
-import { c as y } from "../../chunks/runtime.js";
-import { u as C } from "../../chunks/useT9n.js";
-import { LitElement as $, createEvent as h, safeClassMap as o } from "@arcgis/lumina";
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import { c as C } from "../../chunks/runtime.js";
+import { u as y } from "../../chunks/useT9n.js";
+import { LitElement as S, createEvent as c, safeClassMap as f } 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 { css as D, html as u } from "lit";
+import { A as v, C as m, I as $, T as P } from "../../chunks/interfaces.js";
+import { createRef as _, ref as p } from "lit-html/directives/ref.js";
 import * as b from "@esri/solution-common";
-import { updateGroup as w, updateItem as V, updateItemExtended as L } from "@esri/solution-common";
-import { k 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.97 */
-const R = v`/** @license
- * Copyright 2025 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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 $ {
+import { updateGroup as V, updateItem as E, updateItemExtended as w } from "@esri/solution-common";
+import { g as W } from "../../chunks/getRelatedInfos.js";
+const L = D`*[tabindex]:focus-visible{outline-style:solid!important;outline-width:2px!important;outline-color:var(--calcite-color-brand)!important;outline-offset:2px!important}.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-top-20{padding-top:20px}.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 k extends S {
   constructor() {
-    super(...arguments), this.open = !1, this.source = "Card Dropdown", this.solutionData = {}, this.templateInfos = [], this._saveDisabled = !1, this._displayTemplateInfos = [], this._hasNameLengthError = !1, this._nonSolutionDependencyItems = [], this._solutionItemsTitlesUpdating = !1, this._translations = C({ name: "solution-configure-titles", blocking: !0 }), this._configContextConsumer = T({
-      context: E,
+    super(...arguments), this.open = !1, this.source = "Card Dropdown", this.solutionData = {}, this.templateInfos = [], this._saveDisabled = !1, this._displayTemplateInfos = [], this._hasNameLengthError = !1, this._nonSolutionDependencyItems = [], this._solutionItemsTitlesUpdating = !1, this._translations = y({ name: "solution-configure-titles", blocking: !0 }), this._configContextConsumer = T({
+      context: v,
       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();
+    }), this._defaultPrefix = "", this._defaultSuffix = "", this._loadingDefaultPrefix = !1, this._loadingDefaultSuffix = !1, this._prefixRef = _(), this._prefixValue = "", this._suffixRef = _(), this._suffixValue = "", this._templateInfos = [], this._originalTitles = [], this.solutionConfigureTitlesBeforeClose = c(), this.solutionItemsTitlesChanged = c();
   }
   static {
     this.properties = { card: 0, open: 5, source: 1, solutionData: 1, templateInfos: 0, _saveDisabled: 16, _displayTemplateInfos: 16, _hasNameLengthError: 16, _nonSolutionDependencyItems: 16, _solutionItemsTitlesUpdating: 16, _translations: 16 };
   }
   static {
-    this.styles = R;
+    this.styles = L;
   }
   async willUpdate(i) {
-    if (i.has("templateInfos") && (this._templateInfos = this.templateInfos, this._updateTemplates()), i.has("open")) {
+    if (i.has("templateInfos") && (this._templateInfos = JSON.parse(JSON.stringify(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);
+        await this._updatePrefixSuffix(), this._templateInfos = JSON.parse(JSON.stringify(this.templateInfos)), this._originalTitles = this._templateInfos.map((s) => ({ id: s.id, title: s.title })), this._updateTemplates();
+        const e = await W(this._configContextConsumer.value.userSession, this.card);
+        this._nonSolutionDependencyItems = e._nonSolutionDependencyItems, await this._accordionRef?.expandFirstItem();
       }
     }
   }
@@ -60,22 +43,22 @@ class N extends $ {
     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);
   }
   render() {
-    return r`<calcite-dialog .heading=${this.card.title} modal @calciteDialogBeforeClose=${() => {
+    return u`<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 i = m(this._prefixValue, "item"), t = this._hasNameLengthError && this._prefixValue.length > 0, e = !i, s = !t, n = e ? "display-none" : "", r = s ? "display-none" : "", a = e && s ? "valid" : "invalid", o = m(this._suffixValue, "item"), h = this._hasNameLengthError && this._suffixValue.length > 0, l = !o, d = !h, x = l ? "display-none" : "", g = d ? "display-none" : "", I = l && d ? "valid" : "invalid";
+    return this._saveDisabled = !e || !s || !l || !d || !this._hasChanges(), u`<div class="display-flex flex-direction-column padding-left-2 padding-right-2 padding-top-20"><calcite-label scale=l class="font-weight-medium"><span tabindex=0>${this._translations.configureTitlesDialogHeader}</span></calcite-label><p class="font-style-1 margin-top-0" tabindex=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=${a} .value=${this._prefixValue} ${p(this._prefixRef)}></calcite-input><calcite-input-message class=${f(n)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${f(r)} 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} ${p(this._suffixRef)}></calcite-input><calcite-input-message class=${f(x)} icon=exclamation-mark-triangle status=invalid>${this._translations.invalidPrefixOrSuffixCharsError}</calcite-input-message><calcite-input-message class=${f(g)} 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());
+    return u`<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} ${p(async (t) => {
+      t && (this._accordionRef = t);
     })}></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 u`<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(() => {
@@ -88,29 +71,42 @@ class N extends $ {
     }, 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, "");
-      }
-      if (this._loadingDefaultSuffix && e.title.endsWith(this._suffixValue)) {
-        const s = new RegExp(` ${this._suffixValue}$`);
-        e.title = e.title.replace(s, "");
-      }
-      return e;
-    });
-    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;
+    this._templateInfos = this._templateInfos.map((t) => (this._loadingDefaultPrefix && t.title.startsWith(this._prefixValue) && (t.title = this._replaceStart(t.title, this._prefixValue, "")), this._loadingDefaultSuffix && t.title.endsWith(this._suffixValue) && (t.title = this._replaceAtEnd(t.title, this._suffixValue, "")), t));
+    const i = JSON.parse(JSON.stringify(this._templateInfos));
+    this._hasNameLengthError = !1, this._displayTemplateInfos = i.map((t) => {
+      const e = this._prefixValue !== "", s = this._suffixValue !== "", n = this._defaultPrefix !== "", r = this._defaultSuffix !== "";
+      let a = t.title;
+      e && (n ? this._originalTitles.find((l) => l.id === t.id)?.title.startsWith(this._defaultPrefix) ? a = this._applyPrefixWithDuplicateCheck(t.title, this._prefixValue) : this._prefixValue !== this._defaultPrefix && (a = this._applyPrefixWithDuplicateCheck(t.title, this._prefixValue)) : a = this._applyPrefixWithDuplicateCheck(t.title, this._prefixValue));
+      let o = a;
+      return s && (r ? this._originalTitles.find((l) => l.id === t.id)?.title.endsWith(this._defaultSuffix) ? o = this._applySuffixWithDuplicateCheck(a, this._suffixValue) : this._suffixValue !== this._defaultSuffix && (o = this._applySuffixWithDuplicateCheck(a, this._suffixValue)) : o = this._applySuffixWithDuplicateCheck(a, this._suffixValue)), t.title = o, this._hasNameLengthError || (this._hasNameLengthError = t.title.length > $), t;
+    }), this._loadingDefaultPrefix = !1, this._loadingDefaultSuffix = !1;
+  }
+  _replaceStart(i, t, e) {
+    return i.startsWith(t) ? `${e}${i.slice(t.length)}` : i;
+  }
+  _replaceAtEnd(i, t, e) {
+    return i.endsWith(t) ? `${i.substring(0, i.length - t.length)}${e}` : i;
+  }
+  _applyPrefixWithDuplicateCheck(i, t) {
+    return !t || i.startsWith(t) ? i : t + i;
+  }
+  _applySuffixWithDuplicateCheck(i, t) {
+    return !t || i.endsWith(t) ? i : i + t;
+  }
+  _hasChanges() {
+    const i = this._defaultPrefix !== this._prefixValue, t = this._defaultSuffix !== this._suffixValue;
+    return this._displayTemplateInfos.some((s) => {
+      const n = this._originalTitles.find((r) => r.id === s.id);
+      return n && n.title !== s.title;
+    }) || i || t;
   }
   _closeDialog() {
     this.open = !1;
   }
   async _commitNameChanges() {
-    const i = this._defaultPrefix !== this._prefixValue, t = this._defaultSuffix !== this._suffixValue;
-    if (JSON.stringify(this._templateInfos) !== JSON.stringify(this._displayTemplateInfos) || i || t) {
+    if (this._hasChanges()) {
       this._telemetry?.logEvent({
-        category: D.DEPLOYMENTS,
+        category: P.DEPLOYMENTS,
         action: "Rename Items",
         dimensions: [
           this.card?.title || "",
@@ -119,31 +115,31 @@ class N extends $ {
           this.source
         ]
       }), this._solutionItemsTitlesUpdating = !0;
-      const e = this._displayTemplateInfos.reduce((s, n) => {
-        const l = {
-          id: n.id,
-          title: n.title
+      const i = this._displayTemplateInfos.reduce((t, e) => {
+        const s = {
+          id: e.id,
+          title: e.title
         };
-        return s.push(n.type === "Group" ? w(l, this._configContextConsumer.value.userSession) : V(l, this._configContextConsumer.value.userSession)), s;
+        return t.push(e.type === "Group" ? V(s, this._configContextConsumer.value.userSession) : E(s, this._configContextConsumer.value.userSession, void 0, { solutionOwner: this.card?.owner })), t;
       }, []);
       if (this.solutionData?.templates) {
-        const s = {
+        const t = {
           id: this.card.id
-        }, n = {
+        }, e = {
           ...this.solutionData,
           titles: {
             prefix: this._prefixValue,
             suffix: this._suffixValue
           }
         };
-        e.push(L(s, n, this._configContextConsumer.value.userSession));
+        i.push(w(t, e, this._configContextConsumer.value.userSession, void 0, void 0, null, this.card?.owner));
       }
-      await Promise.all(e), this._solutionItemsTitlesUpdating = !1, this.solutionItemsTitlesChanged.emit();
+      await Promise.all(i), this._solutionItemsTitlesUpdating = !1, this.solutionItemsTitlesChanged.emit();
     }
     this._closeDialog();
   }
 }
-y("solution-configure-titles", N);
+C("solution-configure-titles", k);
 export {
-  N as SolutionConfigureTitles
+  k as SolutionConfigureTitles
 };

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

@@ -1,7 +1 @@
-import "@esri/calcite-components/components/calcite-dialog";
-import "@esri/calcite-components/components/calcite-label";
-import "@esri/calcite-components/components/calcite-input";
-import "@esri/calcite-components/components/calcite-input-message";
-import "../solution-item-accordion/index.js";
-import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

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

@@ -1,47 +1,73 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { ISolutionInfoCard, ITemplateInfo } from '../../utils/interfaces';
-export type DependencyItem = {
-    controlItemId: string;
-    dependencyItemId: string;
-};
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ISolutionInfoCard } from "../../utils/interfaces.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-export declare class SolutionDeleteDialog extends LitElement {
-    /**
-     * Key details about the solution
-     *
-     * @required
-     */
-    card: ISolutionInfoCard | undefined;
-    /**
-     * When true the dialog will be shown
-     *
-     * @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. */
-    delete(): void;
-    /** Emitted when the dialog is closed. */
-    readonly solutionDeleteDialogOpen: TargetedEvent<this, boolean>;
-    /** Emitted after delete process to refresh solutions list */
-    readonly solutionDeleted: TargetedEvent<this, {
-        showAlert: boolean;
-        refreshSolutionsTimeout: boolean;
-    }>;
-    /** This event will be emitted on dialog before close */
-    readonly solutionDeleteDialogBeforeClose: TargetedEvent<this, void>;
-    "@eventTypes": {
-        "solutionDeleted": SolutionDeleteDialog["solutionDeleted"]["detail"];
-        "solutionDeleteDialogBeforeClose": SolutionDeleteDialog["solutionDeleteDialogBeforeClose"]["detail"];
-        "solutionDeleteDialogOpen": SolutionDeleteDialog["solutionDeleteDialogOpen"]["detail"];
-    };
-}
+export abstract class SolutionDeleteDialog extends LitElement {
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   *
+   * @internal
+   */
+  protected _translations: {
+      buttonCancel: string;
+      buttonClose: string;
+      buttonDelete: string;
+      deletionCount: string;
+      deleteInProgress: string;
+      deletionNote: string;
+      failedToDelete: string;
+      failedToDeleteItems: string;
+      itemDependencyReusewarning: string;
+      title: string;
+  } & T9nMeta<{
+      buttonCancel: string;
+      buttonClose: string;
+      buttonDelete: string;
+      deletionCount: string;
+      deleteInProgress: string;
+      deletionNote: string;
+      failedToDelete: string;
+      failedToDeleteItems: string;
+      itemDependencyReusewarning: string;
+      title: string;
+  }>;
+  /**
+   * Key details about the solution
+   *
+   * @required
+   */
+  accessor card: ISolutionInfoCard | undefined;
+  /**
+   * When true the dialog will be shown
+   *
+   * @default false
+   */
+  accessor open: boolean;
+  /**
+   * Source from which the dialog was opened ("Card Dropdown" or "Details Page")
+   *
+   * @default 'Card Dropdown'
+   */
+  accessor source: "Card Dropdown" | "Details Page";
+  /** Closes the panel */
+  close(): void;
+  /** Deletes the solution provided in the card property. */
+  delete(): void;
+  /** Emitted after delete process to refresh solutions list */
+  readonly solutionDeleted: import("@arcgis/lumina").TargetedEvent<this, {
+      showAlert: boolean;
+      refreshSolutionsTimeout: boolean;
+      solutionTitle?: string;
+  }>;
+  /** This event will be emitted on dialog before close */
+  readonly solutionDeleteDialogBeforeClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted when the dialog is closed. */
+  readonly solutionDeleteDialogOpen: import("@arcgis/lumina").TargetedEvent<this, boolean>;
+  readonly "@eventTypes": {
+    solutionDeleted: SolutionDeleteDialog["solutionDeleted"]["detail"];
+    solutionDeleteDialogBeforeClose: SolutionDeleteDialog["solutionDeleteDialogBeforeClose"]["detail"];
+    solutionDeleteDialogOpen: SolutionDeleteDialog["solutionDeleteDialogOpen"]["detail"];
+  };
+}