@esri/solutions-components 5.1.0-next.151 → 5.1.0-next.153

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

@@ -1,16 +1,16 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as w } from "../../chunks/runtime.js";
-import { css as b, html as s } from "lit";
-import { a as c } from "../../chunks/queryUtils.js";
-import { g as _ } from "../../chunks/mapViewUtils.js";
-import { u as f } from "../../chunks/useT9n.js";
+import { css as g, html as o } from "lit";
+import { a as h } from "../../chunks/queryUtils.js";
+import { g as f } from "../../chunks/mapViewUtils.js";
+import { u as _ } from "../../chunks/useT9n.js";
 import { createRef as p, ref as d } from "lit-html/directives/ref.js";
-import { LitElement as y, createEvent as o, noShadowRoot as F, safeClassMap as v } from "@arcgis/lumina";
-const $ = b`@layer{:host{display:block!important}.display-none{display:none}.padding-1{padding:1rem}.position-relative{position:relative}.overflow-auto{overflow:auto}.height-full{height:100%}.paste-component{--arcgis-paste-height: 100%;--arcgis-paste-width: 100%;height:100%;width:100%}.position-static{position:static!important}.z-index-500{z-index:500!important}.margin-top-10{margin-top:10px}card-manager{display:block}}`;
+import { LitElement as y, createEvent as r, noShadowRoot as F, safeClassMap as v } from "@arcgis/lumina";
+const $ = g`@layer{:host{display:block!important}.display-none{display:none}.padding-1{padding:1rem}.position-relative{position:relative}.overflow-auto{overflow:auto}.height-full{height:100%}.paste-component{--arcgis-paste-height: 100%;--arcgis-paste-width: 100%;height:100%;width:100%}.position-static{position:static!important}.z-index-500{z-index:500!important}.margin-top-10{margin-top:10px}card-manager{display:block}}`;
 class S extends y {
   constructor() {
-    super(), this.customInfoText = "", this.enableEditGeometry = !1, this.enableSnapping = !1, this.isMobile = !1, this.zoomAndScrollToSelected = !1, this.selectedFeaturesIds = [], this.enableCreateFeatures = !0, this.createBtnLabel = "", this.selectingFeatureFromMap = !1, this.showSketchWidgets = !1, this.mapComponentId = "", this.pasteEnabled = !1, this.showCopyPasteActions = !1, this.allowedPasteLayerIds = [], this._cardLoading = !1, this._graphics = [], this._showCreateFeatureComponent = !1, this._showSubmitBtn = !1, this._activeFeatureCreationCount = 1, this._isPasting = !1, this._translations = f({ name: "card-manager", blocking: !0 }), this._isFeatureCreated = !1, this._createFeature = p(), this._pasteComponent = p(), this.createWorkFlowStarted = o(), this.backFromCreateWorkFlow = o(), this.featureOrRecordSubmitted = o(), this.featuresCopied = o(), this.featuresPasted = o(), this._featuresAdded = () => {
-      this._isPasting && this._pasteComponent.value && this._resetPasteWorkflow();
+    super(), this.customInfoText = "", this.enableEditGeometry = !1, this.enableSnapping = !1, this.isMobile = !1, this.zoomAndScrollToSelected = !1, this.selectedFeaturesIds = [], this.enableCreateFeatures = !0, this.createBtnLabel = "", this.selectingFeatureFromMap = !1, this.showSketchWidgets = !1, this.mapComponentId = "", this.pasteEnabled = !1, this.showCopyPasteActions = !1, this.allowedPasteLayerIds = [], this._cardLoading = !1, this._graphics = [], this._showCreateFeatureComponent = !1, this._showSubmitBtn = !1, this._activeFeatureCreationCount = 1, this._translations = _({ name: "card-manager", blocking: !0 }), this._isFeatureCreated = !1, this._createFeature = p(), this._pasteComponent = p(), this.createWorkFlowStarted = r(), this.backFromCreateWorkFlow = r(), this.featureOrRecordSubmitted = r(), this.featuresCopied = r(), this.featuresPasted = r(), this._featuresAdded = () => {
+      this._pasteComponent.value && this._resetPasteWorkflow();
     }, this._initCreateComponent = () => {
       this._showCreateFeatureComponent = !0;
     }, this._pasteComponentReady = async () => {
@@ -19,19 +19,26 @@ class S extends y {
         await e.viewOnReady(), this._pasteComponent.value.referenceElement = e;
       }
     }, this._applyPasteCommand = async (e) => {
-      if (!this._pasteComponent.value) {
-        console.error("Paste failed: paste component is not available.");
-        return;
-      }
-      try {
-        e.detail.applySet && (this._isPasting = !0, await this._pasteComponent.value.writeChanges(e.detail.applySet), await this._resetPasteWorkflow());
-      } catch (t) {
-        await this._resetPasteWorkflow(), console.error("Paste failed:", t);
-      }
+      const t = new Promise((a, i) => {
+        if (!this._pasteComponent.value) {
+          console.error("Paste failed: paste component is not available."), a();
+          return;
+        }
+        try {
+          e.detail.applySet ? this._pasteComponent.value.writeChanges(e.detail.applySet).then(() => {
+            this._resetPasteWorkflow(), a();
+          }).catch((s) => {
+            console.log(s), i(s);
+          }) : a();
+        } catch (s) {
+          i(s), console.error("Paste failed:", s);
+        }
+      });
+      e.detail.completionCallback = t;
     }, this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "relatedRecordToggled", this.relatedRecordToggled), this.listenOn(window, "copyFeatures", this._copyFeatures), this.listenOn(window, "pasteFeatures", this._pasteFeatures), this.listenOn(window, "featuresAdded", this._featuresAdded), this.listenOn(window, "initCreateComponent", this._initCreateComponent);
   }
   static {
-    this.properties = { customInfoText: 1, enableEditGeometry: 5, enableSnapping: 5, isMobile: 5, layerOrTable: 0, mapView: 0, zoomAndScrollToSelected: 5, selectedFeaturesIds: 0, enableCreateFeatures: 5, createBtnLabel: 1, selectingFeatureFromMap: 5, showSketchWidgets: 5, mapComponentId: 1, pasteEnabled: 5, showCopyPasteActions: 5, allowedPasteLayerIds: 0, _cardLoading: 16, _graphics: 16, _showCreateFeatureComponent: 16, _showSubmitBtn: 16, _activeFeatureCreationCount: 16, _isPasting: 16, _translations: 16 };
+    this.properties = { customInfoText: 1, enableEditGeometry: 5, enableSnapping: 5, isMobile: 5, layerOrTable: 0, mapView: 0, zoomAndScrollToSelected: 5, selectedFeaturesIds: 0, enableCreateFeatures: 5, createBtnLabel: 1, selectingFeatureFromMap: 5, showSketchWidgets: 5, mapComponentId: 1, pasteEnabled: 5, showCopyPasteActions: 5, allowedPasteLayerIds: 0, _cardLoading: 16, _graphics: 16, _showCreateFeatureComponent: 16, _showSubmitBtn: 16, _activeFeatureCreationCount: 16, _translations: 16 };
   }
   static {
     this.styles = $;
@@ -47,7 +54,7 @@ class S extends y {
   async layerSelectionChange(e) {
     this._showCreateFeatureComponent && this._backFromCreateFeature();
     const t = e.detail[0];
-    this.layerOrTable = this.mapView ? await _(this.mapView, t) : void 0, await this._resetPasteWorkflow();
+    this.layerOrTable = this.mapView ? await f(this.mapView, t) : void 0, await this._resetPasteWorkflow();
   }
   async mapChanged(e) {
     await this._resetPasteWorkflow();
@@ -59,15 +66,15 @@ class S extends y {
   async _copyFeatures(e) {
     if (!this._pasteComponent.value)
       return;
-    const t = e.detail.featuresIds, a = this.layerOrTable, i = await c(t, a, [], !0, this.mapView?.spatialReference), r = [];
+    const t = e.detail.featuresIds, a = this.layerOrTable, i = await h(t, a, [], !0, this.mapView?.spatialReference), s = [];
     i.forEach((n) => {
       const l = {
         layer: n.layer,
         graphic: n,
         type: "feature"
       };
-      r.push(l);
-    }), this._pasteComponent.value.clipboard.setData(r), this.featuresCopied.emit(), this.requestUpdate();
+      s.push(l);
+    }), this._pasteComponent.value.clipboard.setData(s), this.featuresCopied.emit(), this.requestUpdate();
   }
   async _pasteFeatures(e) {
     if (!this._pasteComponent.value) {
@@ -88,30 +95,27 @@ class S extends y {
     };
   }
   async _resetPasteWorkflow() {
-    if (!this._pasteComponent.value) {
-      this._isPasting = !1;
-      return;
-    }
-    try {
-      await this._pasteComponent.value.showClipboardItems(!1), await this._pasteComponent.value.cancelMoveClipboard();
-    } catch (e) {
-      console.error("Reset paste workflow failed:", e);
-    } finally {
-      this._isPasting = !1, this._pasteComponent.value.closed = !0;
-    }
+    if (this._pasteComponent.value)
+      try {
+        await this._pasteComponent.value.showClipboardItems(!1), await this._pasteComponent.value.cancelMoveClipboard();
+      } catch (e) {
+        console.error("Reset paste workflow failed:", e);
+      } finally {
+        this._pasteComponent.value.closed = !0;
+      }
   }
   async load() {
     this.selectedFeaturesIds?.length > 0 && (this._graphics = await this._getFeaturesByIds(this.selectedFeaturesIds));
   }
   render() {
-    const e = (this._pasteComponent.value?.closed || !this.showCopyPasteActions) && this._graphics?.length > 0, t = this._pasteComponent.value?.closed ? "display-none" : "", a = this._graphics?.length === 0 && this._showCreateFeatureComponent ? "" : "display-none", i = this._graphics?.length > 0 || this._showCreateFeatureComponent || !this._pasteComponent.value?.closed && this.showCopyPasteActions ? "display-none" : "", r = this.layerOrTable?.isTable, n = this.customInfoText ? this.customInfoText : this.selectingFeatureFromMap ? this._translations.selectFeaturesFromMapToStart : this._translations.selectFeaturesToStart, l = this.enableCreateFeatures && this.layerOrTable?.editingEnabled && this.layerOrTable?.capabilities?.operations?.supportsAdd, h = this.createBtnLabel ? this.createBtnLabel : r ? this._translations.createRecord : this._translations.createFeature, u = !this.layerOrTable, m = this.enableSnapping && !this.layerOrTable?.isTable, C = this.layerOrTable?.isTable ? ["paste"] : ["paste", "paste-as"], g = !this.layerOrTable?.isTable;
-    return s`<calcite-panel><div class="overflow-auto height-full">${e && s`<calcite-shell class=${"position-relative"}><div class="position-static z-index-500 height-full"><info-card .allowEditing=${this.layerOrTable?.editingEnabled} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${m} .graphics=${this._graphics.reverse()} .isLoading=${this._cardLoading} .isMobile=${this.isMobile} .mapView=${this.mapView} .featuresReferenceId=${this.mapComponentId} position=relative .pasteEnabled=${this.pasteEnabled} show-close-btn .showCopyPasteActions=${this.showCopyPasteActions}></info-card></div></calcite-shell>` || ""}<calcite-shell class=${`position-relative ${i}`}><calcite-panel><div class=padding-1><calcite-notice .icon=${this.selectingFeatureFromMap ? "map" : "table"} icon-flip-rtl open><div slot=message>${n}</div></calcite-notice></div>${!this.isMobile && l && s`<calcite-button .disabled=${u} @click=${() => this._createFeatureBtnClicked()} slot=footer width=full>${h}</calcite-button>` || ""}</calcite-panel></calcite-shell><calcite-shell class=${`position-relative ${a}`}><calcite-flow-item selected><calcite-panel .heading=${h}><calcite-action class="back-button hydrated" icon=chevron-left @click=${this._backFromCreateFeature} scale=s slot=header-actions-start .text=${this._translations.back}></calcite-action>${this.getEditorComponent()}${this._showSubmitBtn && s`<calcite-button appearance=solid class="footer-top-button footer-button" @click=${() => this._createFeature.value && void this._createFeature.value.submit()} slot=footer width=full>${this._activeFeatureCreationCount > 1 ? this._translations.createMultiple.replace("{{n}}", String(this._activeFeatureCreationCount)) : this._translations.create}</calcite-button>` || ""}</calcite-panel></calcite-flow-item></calcite-shell>${this.showCopyPasteActions && s`<calcite-panel class=${v(t)} .loading=${this._isPasting}><arcgis-paste always-show-feature-form class=${`paste-component ${t}`} closed @arcgisReady=${this._pasteComponentReady} @arcgisApplyPasteCommand=${this._applyPasteCommand} @arcgisClose=${() => {
+    const e = (this._pasteComponent.value?.closed || !this.showCopyPasteActions) && this._graphics?.length > 0, t = this._pasteComponent.value?.closed ? "display-none" : "", a = this._graphics?.length === 0 && this._showCreateFeatureComponent ? "" : "display-none", i = this._graphics?.length > 0 || this._showCreateFeatureComponent || !this._pasteComponent.value?.closed && this.showCopyPasteActions ? "display-none" : "", s = this.layerOrTable?.isTable, n = this.customInfoText ? this.customInfoText : this.selectingFeatureFromMap ? this._translations.selectFeaturesFromMapToStart : this._translations.selectFeaturesToStart, l = this.enableCreateFeatures && this.layerOrTable?.editingEnabled && this.layerOrTable?.capabilities?.operations?.supportsAdd, c = this.createBtnLabel ? this.createBtnLabel : s ? this._translations.createRecord : this._translations.createFeature, u = !this.layerOrTable, m = this.enableSnapping && !this.layerOrTable?.isTable, C = this.layerOrTable?.isTable ? ["paste"] : ["paste", "paste-as"], b = !this.layerOrTable?.isTable;
+    return o`<calcite-panel><div class="overflow-auto height-full">${e && o`<calcite-shell class=${"position-relative"}><div class="position-static z-index-500 height-full"><info-card .allowEditing=${this.layerOrTable?.editingEnabled} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${m} .graphics=${this._graphics.reverse()} .isLoading=${this._cardLoading} .isMobile=${this.isMobile} .mapView=${this.mapView} .featuresReferenceId=${this.mapComponentId} position=relative .pasteEnabled=${this.pasteEnabled} show-close-btn .showCopyPasteActions=${this.showCopyPasteActions}></info-card></div></calcite-shell>` || ""}<calcite-shell class=${`position-relative ${i}`}><calcite-panel><div class=padding-1><calcite-notice .icon=${this.selectingFeatureFromMap ? "map" : "table"} icon-flip-rtl open><div slot=message>${n}</div></calcite-notice></div>${!this.isMobile && l && o`<calcite-button .disabled=${u} @click=${() => this._createFeatureBtnClicked()} slot=footer width=full>${c}</calcite-button>` || ""}</calcite-panel></calcite-shell><calcite-shell class=${`position-relative ${a}`}><calcite-flow-item selected><calcite-panel .heading=${c}><calcite-action class="back-button hydrated" icon=chevron-left @click=${this._backFromCreateFeature} scale=s slot=header-actions-start .text=${this._translations.back}></calcite-action>${this.getEditorComponent()}${this._showSubmitBtn && o`<calcite-button appearance=solid class="footer-top-button footer-button" @click=${() => this._createFeature.value && void this._createFeature.value.submit()} slot=footer width=full>${this._activeFeatureCreationCount > 1 ? this._translations.createMultiple.replace("{{n}}", String(this._activeFeatureCreationCount)) : this._translations.create}</calcite-button>` || ""}</calcite-panel></calcite-flow-item></calcite-shell>${this.showCopyPasteActions && o`<calcite-panel class=${v(t)}><arcgis-paste always-show-feature-form class=${`paste-component ${t}`} closed @arcgisReady=${this._pasteComponentReady} @arcgisApplyPasteCommand=${this._applyPasteCommand} @arcgisClose=${() => {
       this._resetPasteWorkflow();
-    }} paste-with-multiple-layers-enabled paste-with-multiple-features-enabled .layerPermissionsCheck=${this._getLayerPermissionsCheck()} .supportedCommands=${C} .view=${this.mapView} ${d(this._pasteComponent)}>${g && s`<calcite-notice slot=commands-page-message class="margin-top-10" open icon=move><div slot=message>${this._translations.moveClipboardFeatures}</div></calcite-notice>` || ""}</arcgis-paste></calcite-panel>` || ""}</div></calcite-panel>`;
+    }} paste-with-multiple-layers-enabled paste-with-multiple-features-enabled .layerPermissionsCheck=${this._getLayerPermissionsCheck()} .supportedCommands=${C} .view=${this.mapView} ${d(this._pasteComponent)}>${b && o`<calcite-notice slot=commands-page-message class="margin-top-10" open icon=move><div slot=message>${this._translations.moveClipboardFeatures}</div></calcite-notice>` || ""}</arcgis-paste></calcite-panel>` || ""}</div></calcite-panel>`;
   }
   getEditorComponent() {
     const e = this.enableSnapping && !this.layerOrTable?.isTable && this.enableCreateFeatures;
-    return s`<div>${this._showCreateFeatureComponent && s`<create-feature allow-multiple-creation customize-submit .enableSnapping=${e} .mapView=${this.mapView} .isMobile=${this.isMobile} @activeFeatureCountChange=${(t) => {
+    return o`<div>${this._showCreateFeatureComponent && o`<create-feature allow-multiple-creation customize-submit .enableSnapping=${e} .mapView=${this.mapView} .isMobile=${this.isMobile} @activeFeatureCountChange=${(t) => {
       this._activeFeatureCreationCount = t.detail, this._showSubmitBtn = this._activeFeatureCreationCount > 0;
     }} @drawComplete=${() => {
       this._showSubmitBtn = !0;
@@ -124,7 +128,7 @@ class S extends y {
     }} @success=${this._featureCreated} .showSketchWidgets=${this.showSketchWidgets} .selectedLayerId=${this.layerOrTable?.id} show-guiding-msg .showLayerVisibilityMsg=${this.layerOrTable?.visible === !1} ${d(this._createFeature)}></create-feature>` || ""}</div>`;
   }
   async _getFeaturesByIds(e) {
-    return (e.length > 0 && this.layerOrTable && this.mapView ? await c(e, this.layerOrTable, [], !0, this.mapView?.spatialReference) : []).sort((a, i) => e.indexOf(Number(a.getObjectId())) - e.indexOf(Number(i.getObjectId())));
+    return (e.length > 0 && this.layerOrTable && this.mapView ? await h(e, this.layerOrTable, [], !0, this.mapView?.spatialReference) : []).sort((a, i) => e.indexOf(Number(a.getObjectId())) - e.indexOf(Number(i.getObjectId())));
   }
   _createFeatureBtnClicked() {
     this._showCreateFeatureComponent = !0, this.createWorkFlowStarted.emit();

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

@@ -444,7 +444,7 @@ class R extends A {
     try {
       const i = this._layer?.id;
       if (t === i) {
-        await this._refresh(), this._clearSelection(), this._searchExpression && await this._searchFullText();
+        await this._refresh(!1, !0), this._clearSelection(), this._searchExpression && await this._searchFullText();
         const s = [];
         for (const a of e)
           this._allIds.includes(a) && s.push(a);
@@ -591,13 +591,7 @@ class R extends A {
       if (this._hasPendingEdits()) {
         let a = !1;
         try {
-          if (this._editor.activeWorkflow) {
-            const l = new Promise((h, r) => setTimeout(() => r(new Error("cancel-timeout")), 1e3));
-            await Promise.race([
-              this._editor.activeWorkflow.cancel({ force: !1 }),
-              l
-            ]);
-          }
+          this._editor.activeWorkflow && await this._editor.activeWorkflow.cancel({ force: !1 });
         } catch (l) {
           a = l?.name === "workflow:cancel-denied";
         }
@@ -855,13 +849,13 @@ class R extends A {
   _updateToolInfoLoading(e, t) {
     this._toolInfos.some((i) => i?.icon === e ? (i.loading = t, !0) : !1);
   }
-  async _refresh(e) {
-    if (await this._validateActiveEdits([], this.selectedIds)) {
+  async _refresh(e, t) {
+    if (t ? !0 : await this._validateActiveEdits([], this.selectedIds)) {
       this._table && await this._table.refresh(), this._relatedFeatureTable && await this._relatedFeatureTable.refresh(), this._allIds = await this.queryAllIds();
-      const i = this._getSelectedLayer(this.selectedRelatedIds);
-      if (i && this.relatedRecordToggled.emit(i), !e) {
-        const s = this._getSelectedIds();
-        this.featureSelectionChange.emit(s);
+      const s = this._getSelectedLayer(this.selectedRelatedIds);
+      if (s && this.relatedRecordToggled.emit(s), !e) {
+        const a = this._getSelectedIds();
+        this.featureSelectionChange.emit(a);
       }
     }
   }

package/dist/components/solution-deployed-card-panel/customElement.js

@@ -5,19 +5,19 @@ import { LitElement as v, createEvent as r, safeClassMap as y, nothing as c, saf
 import { useContextConsumer as g } from "@arcgis/lumina/context";
 import { css as $, html as i } from "lit";
 import { c as C, i as S } from "../../chunks/deployAppContexts.js";
-import { y as k, T as l, x as D, A as T } from "../../chunks/interfaces.js";
+import { y as D, T as n, x as k, A as T } from "../../chunks/interfaces.js";
 import { f as h, a as I, b as u } from "../../chunks/cardsHelpers.js";
 import { g as O } from "../../chunks/getRelatedInfos.js";
 import { k as N, i as m, j as p, h as M } from "../../chunks/helpers.js";
 import * as f from "@esri/solution-common";
-const U = $`.negative-tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}.tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.font-weight-med{font-weight:var(--calcite-font-weight-medium)}.font-weight-bold{font-weight:var(--calcite-font-weight-bold)}.heading-font{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.title-font{font-size:1.8rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.font-1{font-size:var(--calcite-spacing-lg)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}@container (min-width: 801px){.font-size-override .display-flex.flex-direction-row>.image-width+.display-flex{flex:1;min-width:0}}.icon-color{color:var(--calcite-color-text-3)}.padding-bottom-lg{padding-bottom:var(--calcite-spacing-lg)}.item-padding{--calcite-internal-accordion-item-padding: var(--calcite-spacing-xl)}.align-items-center{align-items:center}.align-items-start{align-items:start}.font-size-override{--calcite-font-size--2: var(--calcite-font-size--1)}.background-color-1{background-color:var(--calcite-color-surface-2)}.background-color-2{background-color:var(--calcite-color-surface-3)}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none)}.position-relative{position:relative}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.margin-block-start-end-0{margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-surface-3);background-color:var(--calcite-color-surface-3)}.panel-background-1{--calcite-panel-background-color: var(--calcite-color-surface-2);--calcite-shell-panel-background-color: var(--calcite-color-surface-2)}.border-none{border:none}.font-color-1{color:var(--calcite-color-text-1)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-surface-2);--calcite-panel-background-color: var(--calcite-color-surface-2)}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.bottom-border{border-bottom:solid var(--calcite-spacing-px);color:var(--calcite-color-border-1)}.margin-start-end-xxl{margin-inline-start:var(--calcite-spacing-xxl);margin-inline-end:var(--calcite-spacing-xxl)}.margin-start-end-lg{margin-inline-start:var(--calcite-spacing-lg);margin-inline-end:var(--calcite-spacing-lg)}.margin-top-xxl{margin-top:var(--calcite-spacing-xxl)}.justify-between{justify-content:space-between}.items-baseline{align-items:baseline}.padding-xxl{padding:var(--calcite-spacing-xxl)}.padding-lg{padding:var(--calcite-spacing-lg)}.padding-top-xxl{padding-top:var(--calcite-spacing-xxl)}.padding-top-lg{padding-top:var(--calcite-spacing-lg)}.padding-bottom-xxl{padding-bottom:var(--calcite-spacing-xxl)}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-end-xxl{padding-inline-end:var(--calcite-spacing-xxl)}.padding-start-sm{padding-inline-start:var(--calcite-spacing-sm)}.padding-start-xxl{padding-inline-start:var(--calcite-spacing-xxl)}.image-width{width:300px;flex-grow:0;flex-shrink:0}@container (max-width: 1280px){.image-width{flex-grow:0;flex-shrink:1}}img{max-width:100%;height:auto;overflow-clip-margin:content-box;overflow:clip;display:block}.margin-xl{margin:var(--calcite-spacing-xl)}.line-height-1{line-height:1.1}.line-height-xxl{line-height:var(--calcite-line-height-xxl)}@container (max-width: 800px){.font-size-override .display-flex.flex-direction-row{flex-direction:column!important}.image-width{width:100%!important;max-width:100%!important;margin:0!important;padding:var(--calcite-spacing-lg)!important;padding-bottom:0!important;box-sizing:border-box}.image-width img{width:100%;max-width:100%}.margin-xl{margin:0!important}.image-width+.display-flex{padding-inline-start:var(--calcite-spacing-lg)!important;padding-inline-end:var(--calcite-spacing-lg)!important}.padding-start-sm{padding-inline-start:0!important}.title-font{padding-inline-start:0!important;padding-top:var(--calcite-spacing-lg)!important;padding-bottom:var(--calcite-spacing-lg)!important}.align-items-start.padding-bottom-xxl,.padding-bottom-xxl.padding-start-sm{padding-bottom:var(--calcite-spacing-lg)!important}}calcite-shell-panel{--calcite-shell-panel-max-width: 20rem;--calcite-shell-panel-width: 24vw}calcite-shell{block-size:unset}.solution-deployed-action{--calcite-color-focus: initial;block-size:2.5rem;min-block-size:2.5rem}.solution-deployed-action.padding-bottom-lg{padding-bottom:0;margin-bottom:var(--calcite-spacing-lg)}.solution-deployed-action::part(button){block-size:100%;min-block-size:100%}.chipClass{padding-left:var(--calcite-spacing-sm)!important;padding-right:var(--calcite-spacing-sm)!important}.skeleton-loader{background:linear-gradient(90deg,var(--calcite-color-foreground-1) 0%,var(--calcite-color-foreground-2) 50%,var(--calcite-color-foreground-1) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--calcite-border-radius)}.skeleton-folder{height:1.5rem;width:12rem;border-radius:var(--calcite-border-radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}`;
+const U = $`.negative-tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}.tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.font-weight-med{font-weight:var(--calcite-font-weight-medium)}.font-weight-bold{font-weight:var(--calcite-font-weight-bold)}.heading-font{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.title-font{font-size:1.8rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.font-1{font-size:var(--calcite-spacing-lg)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}@container (min-width: 801px){.font-size-override .display-flex.flex-direction-row>.image-width+.display-flex{flex:1;min-width:0}}.icon-color{color:var(--calcite-color-text-3)}.padding-bottom-lg{padding-bottom:var(--calcite-spacing-lg)}.item-padding{--calcite-internal-accordion-item-padding: var(--calcite-spacing-xl)}.align-items-center{align-items:center}.align-items-start{align-items:start}.font-size-override{--calcite-font-size--2: var(--calcite-font-size--1)}.background-color-1{background-color:var(--calcite-color-surface-2)}.background-color-2{background-color:var(--calcite-color-surface-3)}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none)}.position-relative{position:relative}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.margin-block-start-end-0{margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-surface-3);background-color:var(--calcite-color-surface-3)}.panel-background-1{--calcite-panel-background-color: var(--calcite-color-surface-2);--calcite-shell-panel-background-color: var(--calcite-color-surface-2)}.border-none{border:none}.font-color-1{color:var(--calcite-color-text-1)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-surface-2);--calcite-panel-background-color: var(--calcite-color-surface-2)}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.bottom-border{border-bottom:solid var(--calcite-spacing-px);color:var(--calcite-color-border-1)}.margin-start-end-xxl{margin-inline-start:var(--calcite-spacing-xxl);margin-inline-end:var(--calcite-spacing-xxl)}.margin-start-end-lg{margin-inline-start:var(--calcite-spacing-lg);margin-inline-end:var(--calcite-spacing-lg)}.margin-top-xxl{margin-top:var(--calcite-spacing-xxl)}.justify-between{justify-content:space-between}.items-baseline{align-items:baseline}.padding-xxl{padding:var(--calcite-spacing-xxl)}.padding-lg{padding:var(--calcite-spacing-lg)}.padding-top-xxl{padding-top:var(--calcite-spacing-xxl)}.padding-top-lg{padding-top:var(--calcite-spacing-lg)}.padding-bottom-xxl{padding-bottom:var(--calcite-spacing-xxl)}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-end-xxl{padding-inline-end:var(--calcite-spacing-xxl)}.padding-start-sm{padding-inline-start:var(--calcite-spacing-sm)}.padding-start-xxl{padding-inline-start:var(--calcite-spacing-xxl)}.image-width{width:300px;flex-grow:0;flex-shrink:0}@container (max-width: 1280px){.image-width{flex-grow:0;flex-shrink:1}}img{max-width:100%;height:auto;overflow-clip-margin:content-box;overflow:clip;display:block}.margin-xl{margin:var(--calcite-spacing-xl)}.line-height-1{line-height:1.1}.line-height-xxl{line-height:var(--calcite-line-height-xxl)}@container (max-width: 800px){.font-size-override .display-flex.flex-direction-row{flex-direction:column!important}.image-width{width:100%!important;max-width:100%!important;margin:0!important;padding:var(--calcite-spacing-lg)!important;padding-bottom:0!important;box-sizing:border-box}.image-width img{width:100%;max-width:100%}.margin-xl{margin:0!important}.image-width+.display-flex{padding-inline-start:var(--calcite-spacing-lg)!important;padding-inline-end:var(--calcite-spacing-lg)!important}.padding-start-sm{padding-inline-start:0!important}.title-font{padding-inline-start:0!important;padding-top:var(--calcite-spacing-lg)!important;padding-bottom:var(--calcite-spacing-lg)!important}.align-items-start.padding-bottom-xxl,.padding-bottom-xxl.padding-start-sm{padding-bottom:var(--calcite-spacing-lg)!important}}calcite-shell-panel{--calcite-shell-panel-max-width: 20rem;--calcite-shell-panel-width: 24vw}calcite-shell{block-size:unset}.solution-deployed-action{--calcite-color-focus: initial}.solution-deployed-action.padding-bottom-lg,.solution-deployed-action.padding-bottom-1{padding-bottom:0;margin-bottom:var(--calcite-spacing-lg)}.solution-deployed-action.padding-top-1{padding-top:0;margin-top:var(--calcite-spacing-lg)}.chipClass{padding-left:var(--calcite-spacing-sm)!important;padding-right:var(--calcite-spacing-sm)!important}.skeleton-loader{background:linear-gradient(90deg,var(--calcite-color-foreground-1) 0%,var(--calcite-color-foreground-2) 50%,var(--calcite-color-foreground-1) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--calcite-border-radius)}.skeleton-folder{height:1.5rem;width:12rem;border-radius:var(--calcite-border-radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}`;
 class V extends v {
   constructor() {
     super(), this.diagramKey = "", this.open = !1, this.readOnlyNotice = "", this.templateInfos = [], this._accordionLoading = !1, this._configureTitlesOpen = !1, this._deleteDialogOpen = !1, this._hasNewVersion = !1, this._hasSourceSolution = !1, this._isDiagramOpen = !1, this._isNameConflict = !1, this._invalidNameMessage = "", this._showFailedAlert = !1, this._showItemUpdateLoading = !1, this.isMobile = !1, this._templateInfoGraph = [], this._thumbnailUrl = "", this._folderName = "", this._folderId = null, this._folderLoading = !1, this._translations = x({ name: "solution-deployed-card-panel", blocking: !0 }), this._configContextConsumer = g({
       context: C,
       subscribe: !0,
       callback: async (e) => {
-        e && (this._isOrgAdmin = k(e.authentication), this._user = e.authentication?.Portal?.user);
+        e && (this._isOrgAdmin = D(e.authentication), this._user = e.authentication?.Portal?.user);
       }
     }), this._isOrgAdmin = !1, this._isMobileContextConsumer = g({
       context: S,
@@ -25,7 +25,7 @@ class V extends v {
       callback: (e) => this.isMobile = e
     }), this.navTabSelected = r(), this.forceSelectTab = r(), this.sortTypeChanged = r(), this.solutionConfigureDialogClose = r(), this._nonSolutionDependencyItems = [], this._openFolder = (e) => {
       e.stopPropagation(), this._telemetry?.logEvent({
-        category: l.DEPLOYMENTS,
+        category: n.DEPLOYMENTS,
         action: "Open Folder",
         dimensions: [
           this.card?.title || "",
@@ -37,9 +37,9 @@ class V extends v {
       const t = this._configContextConsumer.value?.orgUrl;
       if (!t)
         return;
-      const a = this._configContextConsumer.value?.userSession?.username, n = this.card?.owner === a;
+      const a = this._configContextConsumer.value?.userSession?.username, l = this.card?.owner === a;
       let o;
-      if (n) {
+      if (l) {
         const s = this._folderId || this.card?.owner;
         o = `${t}/home/content.html?folder=${s}`;
       } else
@@ -47,7 +47,7 @@ class V extends v {
       window.open(o, "_blank");
     }, this._openSourceSolutionDetails = async (e) => {
       e.stopPropagation(), this._telemetry?.logEvent({
-        category: l.DEPLOYMENTS,
+        category: n.DEPLOYMENTS,
         action: "Open Details",
         dimensions: [
           this.card?.title || "",
@@ -100,11 +100,11 @@ class V extends v {
     this.card = t.card, this.cardRef = t.cardRef, this.templateInfos = [], this._accordionLoading = !0, this.templateInfos = await this._getTemplates(), this._accordionLoading = !1;
     const a = await O(this._configContextConsumer.value.userSession, this.card);
     this._nonSolutionDependencyItems = a._nonSolutionDependencyItems;
-    const n = I(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
-    this._hasSourceSolution = !!n;
+    const l = I(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
+    this._hasSourceSolution = !!l;
     let o = !1;
-    if (n) {
-      const s = u(n), d = u(this.card);
+    if (l) {
+      const s = u(l), d = u(this.card);
       o = s > d;
     }
     this._hasNewVersion = o, this._folderLoading = !0, this._folderName = "", this._folderId = null, await this._fetchFolderInfo(), this._folderLoading = !1;
@@ -113,8 +113,8 @@ class V extends v {
     e.detail === "deployed-card" && this.sortTypeChanged.emit("");
   }
   _getButtons() {
-    const e = this._configContextConsumer.value?.userSession?.username, t = this._configContextConsumer.value?.authentication?.CanUpdateSolution, a = this._configContextConsumer.value?.authentication?.CanDeleteSolution && this._configContextConsumer.value?.authentication?.CanUpdateSolution, n = m(this._configContextConsumer.value), o = this.card?.owner === e || this._isOrgAdmin || t, s = this.card?.owner === e || this._isOrgAdmin || a, d = o ? "display-none" : "", b = this.isMobile ? "padding-lg" : "padding-xxl";
-    return i`<div class=${`display-flex flex-direction-column ${b}`}>${!this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openDiagram}>${this._translations.viewTheDiagram}</calcite-button>` || ""}<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._viewDocumentation}>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openItemDetails}>${this._translations.itemDetails}</calcite-button>${o && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" .disabled=${n} id=solution-configure-titles-button kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-tooltip class=${y(d)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>` || ""}${s && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" .disabled=${n} kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button>` || ""}</div>`;
+    const e = this._configContextConsumer.value?.userSession?.username, t = this._configContextConsumer.value?.authentication?.CanUpdateSolution, a = this._configContextConsumer.value?.authentication?.CanDeleteSolution && this._configContextConsumer.value?.authentication?.CanUpdateSolution, l = m(this._configContextConsumer.value), o = this.card?.owner === e || this._isOrgAdmin || t, s = this.card?.owner === e || this._isOrgAdmin || a, d = o ? "display-none" : "", b = this.isMobile ? "padding-lg" : "padding-xxl";
+    return i`<div class=${`display-flex flex-direction-column ${b}`}>${!this.isMobile && i`<calcite-button appearance=outline-fill class="padding-bottom-1 solution-deployed-action" kind=neutral @click=${this._openDiagram} scale=m width=full>${this._translations.viewTheDiagram}</calcite-button>` || ""}<calcite-button appearance=outline-fill class="padding-bottom-1 solution-deployed-action" kind=neutral @click=${this._viewDocumentation} scale=m width=full>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline-fill class="padding-bottom-1 solution-deployed-action" kind=neutral @click=${this._openItemDetails} scale=m width=full>${this._translations.itemDetails}</calcite-button>${o && !this.isMobile && i`<calcite-button appearance=outline-fill class="padding-bottom-1 solution-deployed-action" .disabled=${l} id=solution-configure-titles-button kind=neutral @click=${this._openConfigureTitlesDialog} scale=m width=full>${this._translations.updateTitles}</calcite-button><calcite-tooltip class=${y(d)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>` || ""}${s && !this.isMobile && i`<calcite-button appearance=outline-fill class="padding-bottom-1 solution-deployed-action" .disabled=${l} kind=neutral @click=${this._deleteSolution} scale=m width=full>${this._translations.deleteSolution}</calcite-button>` || ""}</div>`;
   }
   _getReadOnlyNotice() {
     return i`<calcite-notice class="padding-bottom-lg" icon=exclamation-mark-triangle kind=warning open scale=s><div slot=message .innerHTML=${this.readOnlyNotice ?? ""}></div></calcite-notice>`;
@@ -131,7 +131,7 @@ class V extends v {
   }
   _viewDocumentation(e) {
     e.stopPropagation(), this._telemetry?.logEvent({
-      category: l.DEPLOYMENTS,
+      category: n.DEPLOYMENTS,
       action: "Open Help",
       dimensions: [
         this.card?.title || "",
@@ -144,7 +144,7 @@ class V extends v {
   }
   _openItemDetails(e) {
     e.stopPropagation(), this._telemetry?.logEvent({
-      category: l.DEPLOYMENTS,
+      category: n.DEPLOYMENTS,
       action: "Open Item Details",
       dimensions: [
         this.card?.title || "",
@@ -165,7 +165,7 @@ class V extends v {
     e.stopPropagation();
     const t = await this._getTemplates();
     t && (this._telemetry?.logEvent({
-      category: l.DEPLOYMENTS,
+      category: n.DEPLOYMENTS,
       action: "View Diagram",
       dimensions: [
         this.card?.title || "",
@@ -177,7 +177,7 @@ class V extends v {
     }), this._templateInfoGraph = t, this._isDiagramOpen = !0);
   }
   async _getTemplates() {
-    return this.cardRef ? await this.cardRef.getTemplates() : this.card ? await D(this.card.id, this._configContextConsumer.value.userSession) : void 0;
+    return this.cardRef ? await this.cardRef.getTemplates() : this.card ? await k(this.card.id, this._configContextConsumer.value.userSession) : void 0;
   }
   async _fetchFolderInfo() {
     if (this.card?.id)
@@ -201,11 +201,11 @@ class V extends v {
   }
   _getSolutionVersionCard() {
     const e = this._hasNewVersion ? this._translations.newVersionAvailable : this._translations.youHaveTheLatestVersion, t = this.isMobile ? "padding-lg" : "padding-xxl";
-    return i`<div class=${`${t} display-flex flex-direction-column`}><calcite-label class="font-weight-med label-override tabbing-offset" layout=inline scale=l slot=heading tabindex=0>${this._translations.solutionVersion.replace("{{version}}", this.card?.deployVersion || "")}</calcite-label><div class="display-flex"><div class="display-flex flex-direction-row padding-top-lg align-items-center"><calcite-icon aria-hidden=true class="icon-color" icon=clock-forward scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-xxl"><span class="tabbing-offset" tabindex=0>${e}</span></div></div></div>${this._hasNewVersion ? i`<calcite-button appearance=outline class="padding-top-lg solution-deployed-action" kind=neutral @click=${this._openNewVersionSolution} width=full>${this._translations.learnMoreNewVersion}</calcite-button>` : this._hasSourceSolution ? i`<calcite-button appearance=outline class="padding-top-lg solution-deployed-action" kind=neutral @click=${this._openSourceSolutionDetails} width=full>${this._translations.openDetails}</calcite-button>` : null}</div>`;
+    return i`<div class=${`${t} display-flex flex-direction-column`}><calcite-label class="font-weight-med label-override tabbing-offset" layout=inline scale=l slot=heading tabindex=0>${this._translations.solutionVersion.replace("{{version}}", this.card?.deployVersion || "")}</calcite-label><div class="display-flex"><div class="display-flex flex-direction-row padding-top-lg align-items-center"><calcite-icon aria-hidden=true class="icon-color" icon=clock-forward scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-xxl"><span class="tabbing-offset" tabindex=0>${e}</span></div></div></div>${this._hasNewVersion ? i`<calcite-button appearance=outline-fill class="padding-top-1 solution-deployed-action" kind=neutral @click=${this._openNewVersionSolution} scale=m width=full>${this._translations.learnMoreNewVersion}</calcite-button>` : this._hasSourceSolution ? i`<calcite-button appearance=outline-fill class="padding-top-1 solution-deployed-action" kind=neutral @click=${this._openSourceSolutionDetails} scale=m width=full>${this._translations.openDetails}</calcite-button>` : null}</div>`;
   }
   async _openNewVersionSolution(e) {
     e.stopPropagation(), this._telemetry?.logEvent({
-      category: l.DEPLOYMENTS,
+      category: n.DEPLOYMENTS,
       action: "View Latest Version",
       dimensions: [
         this.card?.title || "",