@esri/solutions-components 5.1.0-next.85 → 5.1.0-next.87

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

@@ -1,22 +1,23 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/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 { c as y } from "../../chunks/runtime.js";
+import { u as C } from "../../chunks/useT9n.js";
+import { LitElement as T, createEvent as c, safeClassMap as f } from "@arcgis/lumina";
+import { useContextConsumer as S } from "@arcgis/lumina/context";
 import { css as D, html as u } from "lit";
-import { D as m, I as v, T as $ } from "../../chunks/helpers.js";
-import { createRef as _, ref as p } from "lit-html/directives/ref.js";
+import { I as v, T as $ } from "../../chunks/interfaces.js";
+import { createRef as m, ref as p } from "lit-html/directives/ref.js";
 import { c as P } from "../../chunks/deployAppContexts.js";
 import * as b from "@esri/solution-common";
 import { updateGroup as V, updateItem as E, updateItemExtended as w } from "@esri/solution-common";
+import { v as _ } from "../../chunks/validators.js";
 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 {
+class N extends T {
   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 = y({ name: "solution-configure-titles", blocking: !0 }), this._configContextConsumer = T({
+    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 = S({
       context: P,
       subscribe: !0
-    }), 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();
+    }), this._defaultPrefix = "", this._defaultSuffix = "", this._loadingDefaultPrefix = !1, this._loadingDefaultSuffix = !1, this._prefixRef = m(), this._prefixValue = "", this._suffixRef = m(), 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 };
@@ -24,13 +25,13 @@ class k extends S {
   static {
     this.styles = L;
   }
-  async willUpdate(i) {
-    if (i.has("templateInfos") && (this._templateInfos = JSON.parse(JSON.stringify(this.templateInfos)), this._updateTemplates()), i.has("open")) {
-      const t = i.get("open");
+  async willUpdate(e) {
+    if (e.has("templateInfos") && (this._templateInfos = JSON.parse(JSON.stringify(this.templateInfos)), this._updateTemplates()), e.has("open")) {
+      const t = e.get("open");
       if (this.open && !t) {
         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();
+        const i = await W(this._configContextConsumer.value.userSession, this.card);
+        this._nonSolutionDependencyItems = i._nonSolutionDependencyItems, await this._accordionRef?.expandFirstItem();
       }
     }
   }
@@ -49,12 +50,12 @@ class k extends S {
     }} .open=${this.open} outside-close-disabled width=l>${this._getPrefixSuffixControls()}${this._getAccordion()}${this._getDialogButtons()}</calcite-dialog>`;
   }
   _getPrefixSuffixControls() {
-    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>`;
+    const e = _(this._prefixValue), t = this._hasNameLengthError && this._prefixValue.length > 0, i = e.errorType !== "special-character", s = !t, n = i ? "display-none" : "", r = s ? "display-none" : "", a = i && s ? "valid" : "invalid", o = _(this._suffixValue), h = this._hasNameLengthError && this._suffixValue.length > 0, l = o.errorType !== "special-character", d = !h, x = l ? "display-none" : "", g = d ? "display-none" : "", I = l && d ? "valid" : "invalid";
+    return this._saveDisabled = !i || !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 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) => {
+    const e = [...new Set(this._nonSolutionDependencyItems.map((t) => t.controlItemId))];
+    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=${e} 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>`;
   }
@@ -73,33 +74,33 @@ class k extends S {
   }
   _updateTemplates() {
     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 !== "";
+    const e = JSON.parse(JSON.stringify(this._templateInfos));
+    this._hasNameLengthError = !1, this._displayTemplateInfos = e.map((t) => {
+      const i = 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));
+      i && (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 > v), t;
     }), this._loadingDefaultPrefix = !1, this._loadingDefaultSuffix = !1;
   }
-  _replaceStart(i, t, e) {
-    return i.startsWith(t) ? `${e}${i.slice(t.length)}` : i;
+  _replaceStart(e, t, i) {
+    return e.startsWith(t) ? `${i}${e.slice(t.length)}` : e;
   }
-  _replaceAtEnd(i, t, e) {
-    return i.endsWith(t) ? `${i.substring(0, i.length - t.length)}${e}` : i;
+  _replaceAtEnd(e, t, i) {
+    return e.endsWith(t) ? `${e.substring(0, e.length - t.length)}${i}` : e;
   }
-  _applyPrefixWithDuplicateCheck(i, t) {
-    return !t || i.startsWith(t) ? i : t + i;
+  _applyPrefixWithDuplicateCheck(e, t) {
+    return !t || e.startsWith(t) ? e : t + e;
   }
-  _applySuffixWithDuplicateCheck(i, t) {
-    return !t || i.endsWith(t) ? i : i + t;
+  _applySuffixWithDuplicateCheck(e, t) {
+    return !t || e.endsWith(t) ? e : e + t;
   }
   _hasChanges() {
-    const i = this._defaultPrefix !== this._prefixValue, t = this._defaultSuffix !== this._suffixValue;
+    const e = 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;
+    }) || e || t;
   }
   _closeDialog() {
     this.open = !1;
@@ -116,31 +117,31 @@ class k extends S {
           this.source
         ]
       }), this._solutionItemsTitlesUpdating = !0;
-      const i = this._displayTemplateInfos.reduce((t, e) => {
+      const e = this._displayTemplateInfos.reduce((t, i) => {
         const s = {
-          id: e.id,
-          title: e.title
+          id: i.id,
+          title: i.title
         };
-        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;
+        return t.push(i.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 t = {
           id: this.card.id
-        }, e = {
+        }, i = {
           ...this.solutionData,
           titles: {
             prefix: this._prefixValue,
             suffix: this._suffixValue
           }
         };
-        i.push(w(t, e, this._configContextConsumer.value.userSession, void 0, void 0, null, this.card?.owner));
+        e.push(w(t, i, this._configContextConsumer.value.userSession, void 0, void 0, null, this.card?.owner));
       }
-      await Promise.all(i), this._solutionItemsTitlesUpdating = !1, this.solutionItemsTitlesChanged.emit();
+      await Promise.all(e), this._solutionItemsTitlesUpdating = !1, this.solutionItemsTitlesChanged.emit();
     }
     this._closeDialog();
   }
 }
-C("solution-configure-titles", k);
+y("solution-configure-titles", N);
 export {
-  k as SolutionConfigureTitles
+  N as SolutionConfigureTitles
 };

package/dist/components/solution-delete-dialog/customElement.js

@@ -4,7 +4,8 @@ import { css as u, nothing as p, html as r } from "lit";
 import { u as f } from "../../chunks/useT9n.js";
 import { LitElement as g, createEvent as d, safeClassMap as c } from "@arcgis/lumina";
 import { useContextConsumer as _ } from "@arcgis/lumina/context";
-import { F as D, T as I, G as y } from "../../chunks/helpers.js";
+import { g as D } from "../../chunks/common.js";
+import { y as I, T as y } from "../../chunks/interfaces.js";
 import { deleteSolution as b } from "@esri/solution-common";
 import { c as w } from "../../chunks/deployAppContexts.js";
 import { createRef as C, ref as h } from "lit-html/directives/ref.js";
@@ -27,7 +28,7 @@ class S extends g {
     this.styles = x;
   }
   get _hasAdminDeletePermission() {
-    return this._configContextConsumer.value?.authentication ? D(this._configContextConsumer.value?.authentication) : !1;
+    return this._configContextConsumer.value?.authentication ? I(this._configContextConsumer.value?.authentication) : !1;
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
@@ -37,7 +38,7 @@ class S extends g {
   }
   delete() {
     if (this._telemetry?.logEvent({
-      category: I.DEPLOYMENTS,
+      category: y.DEPLOYMENTS,
       action: "Delete Solution",
       dimensions: [
         this.card?.title || "",
@@ -82,7 +83,7 @@ class S extends g {
             typeKeywords: [],
             snippet: "",
             dependencies: [],
-            url: y(a.id, this._configContextConsumer.value.authentication)
+            url: D(a.id, this._configContextConsumer.value.authentication)
           })), this._templateInfos = l, this._showDeleteError = !1, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
         } else
           this.solutionDeleted.emit({ showAlert: !0, refreshSolutionsTimeout: !0 }), this._isDeleteInProgress = !1, this.open = !1;

package/dist/components/solution-deploy-dialog/customElement.js

@@ -3,13 +3,14 @@ import "../../chunks/runtime.js";
 import "../../chunks/useT9n.js";
 import "@arcgis/lumina";
 import "@arcgis/lumina/context";
-import { S as g } from "../../chunks/solution-deploy-dialog.js";
+import { S as n } from "../../chunks/solution-deploy-dialog.js";
 import "@esri/solution-common";
 import "../../chunks/deployAppContexts.js";
 import "@esri/solution-deployer";
 import "../../chunks/helpers.js";
+import "../../chunks/validators.js";
 import "lit";
 import "lit/directives/ref.js";
 export {
-  g as SolutionDeployDialog
+  n as SolutionDeployDialog
 };

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

@@ -5,8 +5,10 @@ import "../../chunks/useT9n.js";
 import "@arcgis/lumina";
 import "@arcgis/lumina/context";
 import "../../chunks/deployAppContexts.js";
-import { a2 as l } from "../../chunks/helpers.js";
+import { C as f } from "../../chunks/interfaces.js";
+import "../../chunks/helpers.js";
 import "lit-html/directives/ref.js";
+import "../../chunks/common.js";
 export {
-  l as SolutionDeployedCard
+  f as SolutionDeployedCard
 };

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

@@ -5,9 +5,11 @@ import { LitElement as f, createEvent as r, safeClassMap as b, nothing as d } fr
 import { useContextConsumer as g } from "@arcgis/lumina/context";
 import { css as x, html as i } from "lit";
 import { c as _, i as v } from "../../chunks/deployAppContexts.js";
-import { F as y, T as s, H as w, z as C, J as $ } from "../../chunks/helpers.js";
-import { f as S, g as p, a as k } from "../../chunks/cardsHelpers.js";
-import { g as D } from "../../chunks/getRelatedInfos.js";
+import { y, T as s, x as w } from "../../chunks/interfaces.js";
+import { f as C, g as p, a as $ } from "../../chunks/cardsHelpers.js";
+import { g as S } from "../../chunks/getRelatedInfos.js";
+import { u as k } from "../../chunks/common.js";
+import { d as D } from "../../chunks/helpers.js";
 import * as h from "@esri/solution-common";
 const T = x`.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}.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 I extends f {
@@ -45,7 +47,7 @@ class I extends f {
         this._folderId ? a = `${t}/home/content.html?user=${this.card?.owner}&folder=${this._folderId}` : a = `${t}/home/content.html?user=${this.card?.owner}&folder=${this.card?.owner}`;
       window.open(a, "_blank");
     }, this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected), this.listenOn(window, "displayDeployedCard", () => {
-      w({
+      D({
         kind: "success",
         icon: "check-circle",
         title: this._translations.deploySuccessAlert.replace("{{solutionTitle}}", this.card?.title ?? ""),
@@ -84,9 +86,9 @@ class I extends f {
   async _deployedCardSelected(e) {
     const t = e.detail;
     this.card = t.card, this.cardRef = t.cardRef, this.templateInfos = [], this._accordionLoading = !0, this.templateInfos = await this._getTemplates(), this._accordionLoading = !1;
-    const o = await D(this._configContextConsumer.value.userSession, this.card);
+    const o = await S(this._configContextConsumer.value.userSession, this.card);
     this._nonSolutionDependencyItems = o._nonSolutionDependencyItems;
-    const n = S(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
+    const n = C(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
     let a = !1;
     if (n) {
       const l = p(n), c = p(this.card);
@@ -156,7 +158,7 @@ class I extends f {
     }), this._templateInfoGraph = t, this._isDiagramOpen = !0);
   }
   async _getTemplates() {
-    return this.cardRef ? await this.cardRef.getTemplates() : this.card ? await C(this.card.id, this._configContextConsumer.value.userSession) : void 0;
+    return this.cardRef ? await this.cardRef.getTemplates() : this.card ? await w(this.card.id, this._configContextConsumer.value.userSession) : void 0;
   }
   async _fetchFolderInfo() {
     if (this.card?.id)
@@ -192,7 +194,7 @@ class I extends f {
         this.card?.deployVersion || ""
       ]
     }), await new Promise((o) => setTimeout(o, 100));
-    const t = k(this._configContextConsumer.value.allCards, this.card.deployCommonId);
+    const t = $(this._configContextConsumer.value.allCards, this.card.deployCommonId);
     t && this.forceSelectTab.emit({ tabType: "details", tabTitleOrId: t });
   }
   _getSolutionPanel() {
@@ -216,7 +218,7 @@ class I extends f {
     this._deleteDialogOpen = !0;
   }
   _updateThumbnailToken(e) {
-    this._thumbnailUrl !== "" && (this._thumbnailUrl = $(this._thumbnailUrl, e));
+    this._thumbnailUrl !== "" && (this._thumbnailUrl = k(this._thumbnailUrl, e));
   }
 }
 u("solution-deployed-card-panel", I);

package/dist/components/solution-details-card/customElement.js

@@ -5,8 +5,9 @@ import { u as m } from "../../chunks/useT9n.js";
 import { LitElement as u, createEvent as f, nothing as r, safeClassMap as g } from "@arcgis/lumina";
 import { useContextConsumer as b } from "@arcgis/lumina/context";
 import { c as x } from "../../chunks/deployAppContexts.js";
-import { T as v, K as y } from "../../chunks/helpers.js";
-import { c as $ } from "../../chunks/cardsHelpers.js";
+import { T as v } from "../../chunks/interfaces.js";
+import { c as y } from "../../chunks/cardsHelpers.js";
+import { h as $ } from "../../chunks/helpers.js";
 const _ = p`calcite-card{height:100%;padding-bottom:2px;border:2px solid transparent;transition:border-color .1s ease;box-sizing:border-box}@media(max-width:400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(30%);filter:brightness(30%);-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease}calcite-card:hover .hover-text{opacity:1;color:#fff}calcite-card:hover{border-color:var(--calcite-color-brand);cursor:pointer}.chip-status{--calcite-chip-icon-color: var(--calcite-color-brand);cursor:pointer}.chip-deployed{--calcite-chip-icon-color: var(--calcite-color-status-success)}.hover-text{transition:.1s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%;font-size:1.2rem}.font-color-text-2{--calcite-label-text-color: var(--calcite-color-text-2)}.font-line-height{line-height:1.4}.font-size-size--1{font-size:var(--calcite-font-size--1)}.header-line-height{--calcite-label-margin-bottom: 0;margin-top:.5rem;margin-bottom:.7rem}.info-icon{--calcite-icon-color: var(--calcite-color-text-inverse);padding-inline-end:.3rem}.card-image-wrap{flex:0 0 auto}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip}a{text-decoration:none;color:inherit;outline:0;padding:0;margin:0;display:inherit;height:100%}`;
 class C extends u {
   constructor() {
@@ -25,7 +26,7 @@ class C extends u {
     return this._configContextConsumer.value?.telemetrySession;
   }
   render() {
-    const e = $(this.card.title);
+    const e = y(this.card.title);
     return o`<a href=${e ?? r} @click=${this._anchorClick} tabindex=-1 .title=${`${this._translations.arcgisSolutions} | ${this.card.title}`}>${this._renderCard()}</a>`;
   }
   _anchorClick(e) {
@@ -58,7 +59,7 @@ class C extends u {
   }
   _renderCard() {
     const e = this.card;
-    return o`<calcite-card .label=${e.snippet} @click=${this._cardSelected} @keydown=${(t) => y(t, () => this._cardSelected())}><div class="card-image-wrap" slot=thumbnail><img alt=${e.title ?? r} class="thumbnail card-image" src=${e.thumbnailUrl ?? r}><div class="hover-text">${this._translations.viewDetails}</div></div><calcite-label slot=heading class="header-line-height" scale=l>${e.title}</calcite-label><p slot=description class="font-color-text-2 font-line-height font-size-size--1">${e.snippet}</p>${e.chips && e.chips.length > 0 ? o`<div slot=footer-end style="display: flex; gap: 0.5rem; justify-content: flex-end;">${this._renderChips(e.chips)}</div>` : void 0}<div slot=footer-start></div></calcite-card>`;
+    return o`<calcite-card .label=${e.snippet} @click=${this._cardSelected} @keydown=${(t) => $(t, () => this._cardSelected())}><div class="card-image-wrap" slot=thumbnail><img alt=${e.title ?? r} class="thumbnail card-image" src=${e.thumbnailUrl ?? r}><div class="hover-text">${this._translations.viewDetails}</div></div><calcite-label slot=heading class="header-line-height" scale=l>${e.title}</calcite-label><p slot=description class="font-color-text-2 font-line-height font-size-size--1">${e.snippet}</p>${e.chips && e.chips.length > 0 ? o`<div slot=footer-end style="display: flex; gap: 0.5rem; justify-content: flex-end;">${this._renderChips(e.chips)}</div>` : void 0}<div slot=footer-start></div></calcite-card>`;
   }
 }
 h("solution-details-card", C);

package/dist/components/solution-details-panel/customElement.js

@@ -7,19 +7,21 @@ import { useContextConsumer as w } from "@arcgis/lumina/context";
 import { c as E, i as L } from "../../chunks/deployAppContexts.js";
 import { css as R, html as l } from "lit";
 import { request as T, getWorkflowBaseURL as P, getWorkflowManagerAuthorized as A, sanitizeHTML as _, getItemDataAsJson as O, getItem as U, getPropWithDefault as $, getProp as f, setCreateProp as N } from "@esri/solution-common";
-import { E as m, V as F, g as x, T as g, W as b, X as H, L as M, K as V, Y as z, Z as B, G as Y } from "../../chunks/helpers.js";
-import { _findExistingItem as G } from "@esri/solution-deployer";
+import { E as m, g as x, T as g, z as F, A as H } from "../../chunks/interfaces.js";
+import { _findExistingItem as V } from "@esri/solution-deployer";
+import { l as z, m as b, n as B, h as Y } from "../../chunks/helpers.js";
+import { a as M, g as G } from "../../chunks/common.js";
 import "../../chunks/solution-deploy-dialog.js";
 import "../solution-snapshot-gallery/customElement.js";
 import "../solution-deploying-dialog/customElement.js";
 const W = R`.display-flex{display:flex}.flex-direction-row{flex-direction:row}.flex-direction-column{flex-direction:column}.flex-1{flex:1}.cursor-default{cursor:default}solution-details-card[id*=you-may-also-like]{width:240px}.border-bottom{border-bottom-color:var(--calcite-color-border-1);border-bottom-width:var(--calcite-spacing-px);border-bottom-style:solid}ul{list-style-type:disc;margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}ul ul{list-style-type:circle}li{margin:var(--calcite-spacing-sm) var(--calcite-spacing-none)}calcite-label{--calcite-label-margin-bottom: var(--calcite-spacing-none)}.padding-1{padding:var(--calcite-spacing-lg)}.padding-1-5{padding:var(--calcite-spacing-xl)}.padding-2px{padding:var(--calcite-spacing-base)}.padding-bottom-xxl{padding-bottom:var(--calcite-spacing-xxl)}.padding-bottom-1{padding-bottom:var(--calcite-spacing-lg)}.padding-bottom-sm{padding-bottom:var(--calcite-spacing-sm)}.padding-top-md{padding-top:var(--calcite-spacing-md)}.padding-top-sm{padding-top:var(--calcite-spacing-sm)}.padding-top-xs{padding-top:.25rem}.padding-bottom-1-5{padding-bottom:var(--calcite-spacing-xxl)}.padding-top-1{padding-top:var(--calcite-spacing-lg)}.padding-top-1-5{padding-top:var(--calcite-spacing-xxl)}.padding-top-1-2{padding-top:var(--calcite-spacing-sm)}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-end-1-75{padding-inline-end:1.75rem}.padding-end-2{padding-inline-end:var(--calcite-spacing-xxxl)}.padding-start-1{padding-inline-start:var(--calcite-spacing-lg)}.margin-bottom-1{margin-bottom:var(--calcite-spacing-lg)}.margin-bottom-1-5{margin-bottom:var(--calcite-spacing-xxl)}.margin-end-1{margin-inline-end:var(--calcite-spacing-lg)}.margin-top-0{margin-top:var(--calcite-spacing-none)}.margin-top-1{margin-top:var(--calcite-spacing-lg)}.margin-top-875{margin-top:.875rem}.margin-top-1-5{margin-top:var(--calcite-spacing-xxl)}.margin-sides-0-5{margin-left:var(--calcite-spacing-sm);margin-right:var(--calcite-spacing-sm)}.margin-sides-1{margin-left:var(--calcite-spacing-lg);margin-right:var(--calcite-spacing-lg)}.margin-block-start-end-0{margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}.align-self-center{align-self:center;padding:5px;--calcite-fab-shadow: #FFFFFF00}.align-items-center{align-items:center}.align-items-baseline{align-items:baseline}.button-width{width:260px;flex-grow:0;flex-shrink:0}@container (max-width: 1280px){.button-width{width:auto}}.image-width{width:300px;flex-grow:0;flex-shrink:0}@container (max-width: 1280px){.image-width{flex-grow:0;flex-shrink:1}}.width-full{width:100%}@container (max-width: 800px){.width-full{flex-direction:column}.width-full>.display-flex{flex-direction:column}.image-width{width:100%;max-width:100%;margin:0;padding-bottom:0}.image-width img{width:100%;max-width:100%}.title-font{padding-inline-end:var(--calcite-spacing-lg);padding-top:var(--calcite-spacing-lg)}.button-width{width:100%;margin-top:var(--calcite-spacing-lg)}}.card-group{overflow:hidden;padding:.25rem var(--calcite-spacing-sm) var(--calcite-spacing-md)}#screenshots-subsection calcite-card{width:calc(33.333% - .5rem)}calcite-card{width:450px;--calcite-card-border-color: transparent}@container (max-width: 1496px){calcite-card{width:calc(100% / 3 - .5rem)}#screenshots-subsection calcite-card{width:calc(33.333% - .5rem)}}@container (max-width: 1100px){calcite-card{width:calc(50% - .5rem)}#screenshots-subsection calcite-card{width:calc(50% - .5rem)}}@container (max-width: 550px){calcite-card{width:100%}#screenshots-subsection calcite-card{width:100%}}.max-height-300{max-height:300px}.display-none{display:none}.cursor-pointer{cursor:pointer}calcite-card:hover img{-webkit-filter:brightness(30%);filter:brightness(30%);-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease}calcite-card:hover .hover-text{opacity:1;color:#fff}calcite-card:hover{border:var(--calcite-spacing-base) solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer;padding:var(--calcite-spacing-base)}calcite-card.is-mobile:hover img{cursor:default;-webkit-filter:brightness(100%);filter:brightness(100%);transition:all .1s ease}calcite-card{border:var(--calcite-spacing-base) solid transparent;box-sizing:border-box;padding:var(--calcite-spacing-base)}.hover-text{transition:.1s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%;font-size:var(--calcite-spacing-xl)}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}#screenshots-subsection .card-image{background-color:var(--calcite-color-surface-2)}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip;display:block}.margin-inline-unset{margin-inline:unset}.collapsible-div{overflow:hidden;transition:max-height .3s ease-in-out}.collapsible-div.expanded{max-height:100%}.back-color-override{--calcite-panel-background-color: var(--calcite-color-surface-3)}.back-color-override-1{background-color:var(--calcite-color-surface-2)}.title-font{font-size:1.8rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.heading-font{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.line-height-xxl{line-height:var(--calcite-spacing-xxl)}.line-height-1{line-height:1.1}.font-1{font-size:var(--calcite-spacing-lg)}.font-color-1{color:var(--calcite-color-text-1)}.font-color-2{color:var(--calcite-color-text-2)}h1{font-weight:unset;margin:var(--calcite-spacing-none);padding:var(--calcite-spacing-none)}.item-padding{--calcite-internal-accordion-item-padding: var(--calcite-spacing-xl)}.accordion-bg{--calcite-accordion-background-color: var(--calcite-color-surface-2)}.table-cell{font-size:var(--calcite-spacing-lg);color:var(--calcite-color-text-2);margin:0}.table-cell p{margin:0}calcite-table-header{font-weight:var(--calcite-font-weight-medium);--calcite-internal-table-cell-font-size: var(--calcite-font-size-md)}.position-relative{position:relative}.background-color-2{background-color:var(--calcite-color-surface-3)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-surface-3);background-color:var(--calcite-color-surface-3)}.border-none{border:none}.padding-end-xxl{padding-inline-end:var(--calcite-spacing-xxl)}calcite-shell{block-size:unset}.solution-detail-action{--calcite-color-focus: initial}a{color:var(--calcite-link-text-color, var(--calcite-color-text-link));cursor:pointer;text-decoration:none;line-height:inherit;background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--calcite-color-brand-underline),var(--calcite-color-brand-underline));background-position-x:0%,100%;background-position-y:min(1.5em,100%);background-repeat:no-repeat,no-repeat;background-size:0% 1px,100% 1px;transition-property:background-size,color;transition-duration:var(--calcite-animation-timing, .15s);transition-timing-function:ease-in-out;outline-color:transparent;position:relative}a:hover{background-size:100% 1px,100% 1px}a:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px;outline-color:var(--calcite-color-brand)}a:active{color:var(--calcite-color-brand-press)}*[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}`;
 async function K(n, e, t) {
   let i = t;
-  return n && (n?.IsEnterprisePortal && await X(
+  return n && (n?.IsEnterprisePortal && await Q(
     "",
     // the portal url
     e
-  ) && i.push(m.NOTEBOOK), await F(e) ? t.push(m.VELOCITY) : n?.PortalUserPrivileges && [
+  ) && i.push(m.NOTEBOOK), await z(e) ? t.push(m.VELOCITY) : n?.PortalUserPrivileges && [
     x.VELOCITYFEEDS,
     x.VELOCITYBIGDATA,
     x.VELOCITYREALTIME
@@ -28,8 +30,8 @@ async function K(n, e, t) {
     c !== -1 && t.splice(c, 1);
   }), i = i.concat(
     q(
-      Z(n),
-      Q(n)
+      X(n),
+      Z(n)
     )
   ), i = i.concat(j(n)), i = i.concat(await J(n))), Promise.resolve(i);
 }
@@ -53,7 +55,7 @@ async function J(n) {
   const t = await P(e);
   return await A(t, e) ? [m.WORKFLOW] : [];
 }
-async function X(n, e) {
+async function Q(n, e) {
   const t = n + "/sharing/rest", i = {
     authentication: e,
     portal: t,
@@ -63,7 +65,7 @@ async function X(n, e) {
   };
   return T(`${t}/portals/self/servers`, i).then((s) => s?.servers?.find((a) => a.serverFunction.indexOf("NotebookServer") > -1), (s) => (console.error(s), !1));
 }
-function Z(n) {
+function X(n) {
   const e = n?.PortalUserSubset?.privileges, t = [
     "portal:admin:create",
     "portal:admin:delete",
@@ -74,7 +76,7 @@ function Z(n) {
     (i) => e.some((s) => s.startsWith(i))
   ) : !1;
 }
-function Q(n) {
+function Z(n) {
   return n?.PortalSubset?.locationTrackingEnabled || !1;
 }
 function ee(n) {
@@ -128,7 +130,7 @@ class te extends C {
       }
       const t = b(this._deploymentStartTime);
       this._deploymentStartTime = null;
-      const i = H(e.detail?.error), s = i.length > 200 ? i.slice(-200) : i;
+      const i = B(e.detail?.error), s = i.length > 200 ? i.slice(-200) : i;
       console.error("Deployment failed:", e.detail?.error), this._telemetry?.logEvent({
         category: g.SOLUTION_DETAILS,
         action: "Deploy Failure",
@@ -224,7 +226,7 @@ class te extends C {
     return l`<calcite-loader class=${u(s)} label></calcite-loader><calcite-card-group class=${`card-group ${i}`} .label=${this._translations.solutionOverview}>${e.reduce((a, o) => {
       const c = M(this.card?.id || "", o.name, t.authentication);
       let d;
-      return t.agoBasedEnterpriseSolutionsGroupId && t.isEnterprise && (d = M(this.card?.id || "", o.name, void 0, t.agolPortalUrl)), this.card?.id ? a.push(l`<calcite-card class=${`${this.isMobile ? "is-mobile" : "cursor-pointer not-mobile"}`} .label=${o.alt} @click=${() => this._openScreenshotGallery(o)} @keydown=${(r) => V(r, () => this._openScreenshotGallery(o))}><div class="card-image-wrap" slot=thumbnail><img alt=${o.alt ?? y} class="thumbnail card-image" slot=thumbnail src=${(d || c) ?? y}>${!this.isMobile && l`<div class="hover-text">${this._translations.openInGallery}</div>` || ""}</div></calcite-card>`) : a.push(""), a;
+      return t.agoBasedEnterpriseSolutionsGroupId && t.isEnterprise && (d = M(this.card?.id || "", o.name, void 0, t.agolPortalUrl)), this.card?.id ? a.push(l`<calcite-card class=${`${this.isMobile ? "is-mobile" : "cursor-pointer not-mobile"}`} .label=${o.alt} @click=${() => this._openScreenshotGallery(o)} @keydown=${(r) => Y(r, () => this._openScreenshotGallery(o))}><div class="card-image-wrap" slot=thumbnail><img alt=${o.alt ?? y} class="thumbnail card-image" slot=thumbnail src=${(d || c) ?? y}>${!this.isMobile && l`<div class="hover-text">${this._translations.openInGallery}</div>` || ""}</div></calcite-card>`) : a.push(""), a;
     }, [])}</calcite-card-group>`;
   }
   _openScreenshotGallery(e) {
@@ -337,10 +339,10 @@ class te extends C {
     this._itemFetched = !1;
     const e = this._configContextConsumer.value, t = e?.agoBasedEnterpriseSolutionsGroupId && e?.isEnterprise ? e.anonAgolSession : e?.userSession, i = await O(this.card.id, t), s = await U(this.card.id, t);
     this._itemFetched = !0, this._itemProperties = s.properties, this.itemPropertiesFetched.emit(this._itemProperties);
-    const a = z(i, this.card.typeKeywords, e?.authentication);
+    const a = F(i, this.card.typeKeywords, e?.authentication);
     this._privileges = t.username ? a : [], this._userPrivileges = e?.authentication && e?.userSession ? await K(e.authentication, e.userSession, e.authentication.PortalUserPrivileges) : [];
     const o = this._privileges.filter((d) => !this._userPrivileges.includes(d));
-    this._missingPrivilegeMessages = B(this._translations, o), this._isDeployDisabled = this._missingPrivilegeMessages && (this._missingPrivilegeMessages.leadingMessages.length > 0 || this._missingPrivilegeMessages.bulletedMessages.length > 0 || this._missingPrivilegeMessages.trailingMessages.length > 0);
+    this._missingPrivilegeMessages = H(this._translations, o), this._isDeployDisabled = this._missingPrivilegeMessages && (this._missingPrivilegeMessages.leadingMessages.length > 0 || this._missingPrivilegeMessages.bulletedMessages.length > 0 || this._missingPrivilegeMessages.trailingMessages.length > 0);
     const c = i.params ? await this.formatParams(i.params) : [];
     this._userOptions = c, this._templates = i.templates, this.templatesFetched.emit(i.templates), this._checkUrlParametersForAutoDeployment(), this._isLoaded = !0, this._showLoader && (this._showLoader = !1, this._isDeployDisabled || this._openDeploy());
   }
@@ -378,11 +380,11 @@ class te extends C {
   }
   _findExistingItem(e, t, i) {
     const s = this._configContextConsumer.value.userSession;
-    return G(`typekeywords:source-${e} type:${t} owner:${i}`, s);
+    return V(`typekeywords:source-${e} type:${t} owner:${i}`, s);
   }
   updateUserProp(e, t) {
     const i = e.itemType?.toLowerCase() === "feature service", s = new RegExp(i ? this._regexFsUrl : e.itemType, "iu"), a = $(t, i ? "url" : "type", "") || "", o = a !== "" && s.test(a);
-    return e.responseValue = o ? a : "", e.name = o && f(t, "name") || "", e.title = o && f(t, "title") || "", e.itemType = o ? f(t, "type") : e.itemType, e.validId = o, e.itemUrl = Y(t.id, this._configContextConsumer.value.authentication), o;
+    return e.responseValue = o ? a : "", e.name = o && f(t, "name") || "", e.title = o && f(t, "title") || "", e.itemType = o ? f(t, "type") : e.itemType, e.validId = o, e.itemUrl = G(t.id, this._configContextConsumer.value.authentication), o;
   }
   updateOption(e, t, i) {
     const s = e.default || "", a = typeof s, o = s.toString();

package/dist/components/solution-resource-card/customElement.js

@@ -5,8 +5,9 @@ import { u as h } from "../../chunks/useT9n.js";
 import { LitElement as n, nothing as s } from "@arcgis/lumina";
 import { useContextConsumer as m } from "@arcgis/lumina/context";
 import { c as z } from "../../chunks/deployAppContexts.js";
-import { K as v, T as d } from "../../chunks/helpers.js";
-const H = o`calcite-card{cursor:pointer;height:100%;padding-bottom:2px;border-inline-start:3px solid transparent}calcite-card:hover{outline:1px solid var(--calcite-color-brand);border-inline-start:3px solid var(--calcite-color-brand);box-sizing:border-box}.card-icon{margin-bottom:var(--calcite-spacing-md);display:flex;justify-content:flex-start}.card-heading{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);margin:0 0 var(--calcite-spacing-sm) 0;color:var(--calcite-color-text-1)}.card-description{font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2);margin:0}.meridian-icon{width:48px;height:48px;display:block;color:var(--calcite-color-text-3)}`, c = {
+import { T as v } from "../../chunks/interfaces.js";
+import { h as d } from "../../chunks/helpers.js";
+const H = o`calcite-card{cursor:pointer;height:100%;padding-bottom:2px;border-inline-start:3px solid transparent}calcite-card:hover{outline:1px solid var(--calcite-color-brand);border-inline-start:3px solid var(--calcite-color-brand);box-sizing:border-box}.card-icon{margin-bottom:var(--calcite-spacing-md);display:flex;justify-content:flex-start}.card-heading{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);margin:0 0 var(--calcite-spacing-sm) 0;color:var(--calcite-color-text-1)}.card-description{font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2);margin:0}.meridian-icon{width:48px;height:48px;display:block;color:var(--calcite-color-text-3)}`, i = {
   "arcmap-blog": "M34 28.9H10v-.8h24zm-24 5h20v-.8H10zm31.591-20.8l-.8.8H45.1v25.2H18.583l-9.817 4.245 1.823-4.245H3.9V13.9h22.665l.8-.8H3.1v26.8h6.274l-2.142 4.986L18.666 39.9H45.9V13.1zm-.953-5.141l.449 2.676L32.6 19.12l-.567-.565 8.195-8.196-.286-1.708L24.09 24.476a1.82 1.82 0 0 1-.689.431l-3.52 1.22 1.213-3.525a1.832 1.832 0 0 1 .431-.692L42.461.989l2.578 2.577zm3.268-4.394L42.461 2.12 22.09 22.475a1.036 1.036 0 0 0-.242.388l-.678 1.97 1.968-.682a1.018 1.018 0 0 0 .384-.24z",
   "esri-community": "M24 47.896a3.897 3.897 0 0 1-1.563-.327L3.1 39.106V12.928a6.169 6.169 0 0 1 3.696-5.651L22.436.43a3.905 3.905 0 0 1 3.128 0L44.9 8.894v26.178a6.17 6.17 0 0 1-3.696 5.651l-15.64 6.846a3.897 3.897 0 0 1-1.564.327zM3.9 38.583l18.857 8.254a3.11 3.11 0 0 0 2.486 0l15.64-6.846a5.37 5.37 0 0 0 3.217-4.92V9.418L25.243 1.163a3.11 3.11 0 0 0-2.486 0L7.117 8.01A5.369 5.369 0 0 0 3.9 12.928zm21.364.344a14.156 14.156 0 0 1-14.17-14.111 13.678 13.678 0 0 1 16.893-13.26l.387.103-1.164 4.336-.389-.107a8.052 8.052 0 0 0-2.141-.282 8.907 8.907 0 0 0-8.74 8.838 9.303 9.303 0 0 0 15.277 7.075.809.809 0 0 1 1.104.062l2.451 2.57a.808.808 0 0 1-.047 1.161 14.213 14.213 0 0 1-9.461 3.615zm-.559-27a12.956 12.956 0 0 0-12.81 12.889 13.375 13.375 0 0 0 22.298 9.899L31.73 32.13a10.103 10.103 0 0 1-16.591-7.687 9.718 9.718 0 0 1 9.54-9.637 8.982 8.982 0 0 1 1.965.212l.748-2.787a11.953 11.953 0 0 0-2.687-.305zM36 26.9H24a3.905 3.905 0 0 1-3.9-3.9.901.901 0 0 1 .9-.9h10.84a7.77 7.77 0 0 0-1.875-4.15l-.131-.158 1.332-5.01.475.357a13.413 13.413 0 0 1 5.26 10.705V26a.901.901 0 0 1-.901.9zm-15-4a.1.1 0 0 0-.1.1 3.103 3.103 0 0 0 3.1 3.1h12a.1.1 0 0 0 .1-.1v-2.156a12.643 12.643 0 0 0-4.47-9.693l-.918 3.451a8.135 8.135 0 0 1 1.95 4.898v.4z",
   faq: "M18.495 23.09a3.22 3.22 0 0 1 3.502 3.123 3.526 3.526 0 0 1-1.593 3.034 3.413 3.413 0 0 0-1.524 3.096V33h-.8v-.657a4.165 4.165 0 0 1 1.812-3.71 2.727 2.727 0 0 0 1.305-2.42 2.425 2.425 0 0 0-2.702-2.322c-1.716 0-2.498.99-2.498 1.912h-.8c0-1.348 1.133-2.712 3.298-2.712zm22.849-2.748l.843 4.81-3.579-1.014.218-.77 2.354.668-.721-4.111.246-.139c3.427-1.927 5.393-4.774 5.393-7.81 0-5.554-6.55-10.072-14.6-10.072s-14.6 4.518-14.6 10.072a8.111 8.111 0 0 0 2.73 5.856l.313.3C29.924 18.47 37.9 24.104 37.9 31c0 7.113-8.479 12.9-18.9 12.9-1.417 0-3.901-.295-4.433-.36l-9.71 3.627 2.062-6.238C2.58 38.47.1 34.867.1 31c0-7.064 8.364-12.813 18.686-12.893a8.769 8.769 0 0 1-2.688-6.131c0-5.995 6.908-10.872 15.4-10.872s15.4 4.877 15.4 10.872c0 3.258-2.02 6.295-5.554 8.366zM19 18.9C9.02 18.9.9 24.328.9 31c0 3.65 2.44 7.073 6.694 9.389l.293.16-1.746 5.285 8.33-3.112.097.012c.03.004 2.923.366 4.432.366 9.98 0 18.1-5.428 18.1-12.1S28.98 18.9 19 18.9zm.4 16.6a.9.9 0 1 1-.9-.9.901.901 0 0 1 .9.9zm-.8 0a.1.1 0 0 0-.2 0c0 .11.2.11.2 0zm12.9-25.025a1.025 1.025 0 1 1-1.025 1.025 1.026 1.026 0 0 1 1.025-1.025zm0 .8a.225.225 0 0 0-.225.225c0 .248.45.248.45 0a.225.225 0 0 0-.225-.225zm6.975.225a1.025 1.025 0 1 1 1.025 1.025 1.026 1.026 0 0 1-1.025-1.025zm.8 0c0 .248.45.248.45 0a.225.225 0 0 0-.45 0zM23.5 10.475a1.025 1.025 0 1 1-1.025 1.025 1.026 1.026 0 0 1 1.025-1.025zm0 .8a.225.225 0 0 0-.225.225c0 .248.45.248.45 0a.225.225 0 0 0-.225-.225z",
@@ -36,14 +37,14 @@ class p extends n {
     return this._configContextConsumer.value?.telemetrySession;
   }
   render() {
-    return l`<calcite-card @click=${() => this.url && this._handleCardClick(this.url)} @keydown=${(a) => v(a, () => this.url && this._handleCardClick(this.url))}>${this.meridianIcon && c[this.meridianIcon] && l`<div class="card-icon"><svg class="meridian-icon" xmlns=http://www.w3.org/2000/svg viewBox="0 0 48 48">${r`<path fill=currentColor d=${c[this.meridianIcon] ?? s} />`}</svg></div>` || ""}${this.icon && l`<div class="card-icon"><calcite-icon .icon=${this.icon} scale=l></calcite-icon></div>` || ""}<h3 class="card-heading">${this.heading}</h3><p class="card-description">${this.description}</p></calcite-card>`;
+    return l`<calcite-card @click=${() => this.url && this._handleCardClick(this.url)} @keydown=${(a) => d(a, () => this.url && this._handleCardClick(this.url))}>${this.meridianIcon && i[this.meridianIcon] && l`<div class="card-icon"><svg class="meridian-icon" xmlns=http://www.w3.org/2000/svg viewBox="0 0 48 48">${r`<path fill=currentColor d=${i[this.meridianIcon] ?? s} />`}</svg></div>` || ""}${this.icon && l`<div class="card-icon"><calcite-icon .icon=${this.icon} scale=l></calcite-icon></div>` || ""}<h3 class="card-heading">${this.heading}</h3><p class="card-description">${this.description}</p></calcite-card>`;
   }
   _handleCardClick(a) {
-    const i = this.headingEn || this.heading, t = this.sectionHeadingEn || "";
+    const c = this.headingEn || this.heading, t = this.sectionHeadingEn || "";
     this._telemetry?.logEvent({
-      category: d.RESOURCES,
+      category: v.RESOURCES,
       action: "Open",
-      dimensions: [`${t} - ${i}`]
+      dimensions: [`${t} - ${c}`]
     }), window.open(a, "_blank", "noopener,noreferrer");
   }
 }

package/dist/components/solution-snapshot-gallery/customElement.js

@@ -3,21 +3,22 @@ import { c as n } from "../../chunks/runtime.js";
 import { u as c } from "../../chunks/useT9n.js";
 import { LitElement as l, nothing as a } from "@arcgis/lumina";
 import { useContextConsumer as d } from "@arcgis/lumina/context";
-import { K as h, L as r } from "../../chunks/helpers.js";
-import { c as p } from "../../chunks/deployAppContexts.js";
-import { css as g, html as i } from "lit";
+import { a as r } from "../../chunks/common.js";
+import { c as h } from "../../chunks/deployAppContexts.js";
+import { h as p } from "../../chunks/helpers.js";
+import { css as m, html as i } from "lit";
 import "@esri/solution-common";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/identity/OAuthInfo.js";
 import "@arcgis/core/portal/Portal.js";
-import { createRef as m, ref as u } from "lit-html/directives/ref.js";
-const f = g`*[tabindex]:focus-visible{outline:solid 2px var(--calcite-color-brand);outline-offset:2px}.display-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.screenshot-container{width:100%;overflow:hidden}.footer{width:100%}.footer-override{--calcite-dialog-footer-space: 0px}.footer-card{width:200px;height:110px;cursor:pointer}.padding-1{padding:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-end-1{padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.padding-top-1{padding-top:1rem}.padding-top-1-2{padding-top:.5rem}.background-black{background-color:var(--calcite-color-surface-4)}calcite-card:hover img{-webkit-filter:brightness(30%);filter:brightness(30%);-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease}calcite-card:hover{outline:2px solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer;padding-bottom:2px}.calcite-card-selected{outline:2px solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer;padding-bottom:2px}calcite-card:hover .hover-text{opacity:1;color:#fff}.hover-text{transition:.1s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%;font-size:var(--calcite-spacing-lg)}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.footer-card img{background-color:var(--calcite-color-surface-2)}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip;display:block;object-fit:contain}`;
+import { createRef as g, ref as u } from "lit-html/directives/ref.js";
+const f = m`*[tabindex]:focus-visible{outline:solid 2px var(--calcite-color-brand);outline-offset:2px}.display-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.screenshot-container{width:100%;overflow:hidden}.footer{width:100%}.footer-override{--calcite-dialog-footer-space: 0px}.footer-card{width:200px;height:110px;cursor:pointer}.padding-1{padding:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-end-1{padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.padding-top-1{padding-top:1rem}.padding-top-1-2{padding-top:.5rem}.background-black{background-color:var(--calcite-color-surface-4)}calcite-card:hover img{-webkit-filter:brightness(30%);filter:brightness(30%);-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease}calcite-card:hover{outline:2px solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer;padding-bottom:2px}.calcite-card-selected{outline:2px solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer;padding-bottom:2px}calcite-card:hover .hover-text{opacity:1;color:#fff}.hover-text{transition:.1s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%;font-size:var(--calcite-spacing-lg)}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.footer-card img{background-color:var(--calcite-color-surface-2)}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip;display:block;object-fit:contain}`;
 class b extends l {
   constructor() {
     super(...arguments), this.open = !1, this._screenshots = [], this._translations = c({ name: "solution-snapshot-gallery", blocking: !0 }), this._configContextConsumer = d({
-      context: p,
+      context: h,
       subscribe: !0
-    }), this._displayText = "", this._paginationControl = m(), this._screenshotNames = [];
+    }), this._displayText = "", this._paginationControl = g(), this._screenshotNames = [];
   }
   static {
     this.properties = { card: 0, screenshot: 0, itemProperties: 0, open: 5, _screenshots: 16, _translations: 16 };
@@ -35,8 +36,8 @@ class b extends l {
     return this.screenshot ? i`<div class="display-flex justify-content-center screenshot-container">${this._getImage(this.screenshot)}</div>` : "";
   }
   _getFooter() {
-    const t = this._screenshotNames.indexOf(this.screenshot?.name || ""), s = document.body.classList.contains("calcite-mode-dark") ? "calcite-mode-dark" : "";
-    return i`<div class="footer" slot=footer><div class=${`display-flex align-items-center padding-start-1 padding-top-1-2 background-black ${s}`}><calcite-label layout=inline><calcite-pagination class="padding-end-1" @calcitePaginationChange=${this._changeScreenshot} page-size=1 start-item=${t + 1} total-items=${this._screenshots.length ?? a} ${u(this._paginationControl)}></calcite-pagination><span tabindex=0>${this._displayText}</span></calcite-label></div>${this._getCards()}</div>`;
+    const t = this._screenshotNames.indexOf(this.screenshot?.name || ""), o = document.body.classList.contains("calcite-mode-dark") ? "calcite-mode-dark" : "";
+    return i`<div class="footer" slot=footer><div class=${`display-flex align-items-center padding-start-1 padding-top-1-2 background-black ${o}`}><calcite-label layout=inline><calcite-pagination class="padding-end-1" @calcitePaginationChange=${this._changeScreenshot} page-size=1 start-item=${t + 1} total-items=${this._screenshots.length ?? a} ${u(this._paginationControl)}></calcite-pagination><span tabindex=0>${this._displayText}</span></calcite-label></div>${this._getCards()}</div>`;
   }
   _changeScreenshot() {
     this.screenshot = this._screenshots[this._paginationControl.value.startItem - 1];
@@ -44,7 +45,7 @@ class b extends l {
   _getCards() {
     return i`<calcite-card-group class="card-group padding-1" .label=${this._translations.seeSolutionScreenshots} selection-mode=single>${this._screenshots.map((t) => {
       const e = t.name === this.screenshot?.name;
-      return i`<calcite-card class=${`footer-card ${e ? "calcite-card-selected" : ""}`} .label=${t.alt} @click=${() => this._showScreenshot(t)} @keydown=${(o) => h(o, () => this._showScreenshot(t))} .selected=${e}><div class="card-image-wrap" slot=thumbnail>${this._getImage(t, "thumbnail")}<div class="hover-text">${this._translations.viewScreenshot}</div></div></calcite-card>`;
+      return i`<calcite-card class=${`footer-card ${e ? "calcite-card-selected" : ""}`} .label=${t.alt} @click=${() => this._showScreenshot(t)} @keydown=${(s) => p(s, () => this._showScreenshot(t))} .selected=${e}><div class="card-image-wrap" slot=thumbnail>${this._getImage(t, "thumbnail")}<div class="hover-text">${this._translations.viewScreenshot}</div></div></calcite-card>`;
     })}</calcite-card-group>`;
   }
   _getImage(t, e) {
@@ -53,9 +54,9 @@ class b extends l {
   _showScreenshot(t) {
     this.screenshot = t;
   }
-  _getSource(t, e, s) {
-    const o = this._configContextConsumer.value;
-    return o.agoBasedEnterpriseSolutionsGroupId && o.isEnterprise ? r(e || "", s, void 0, o.agolPortalUrl) : t ? r(e || "", s, t) : "";
+  _getSource(t, e, o) {
+    const s = this._configContextConsumer.value;
+    return s.agoBasedEnterpriseSolutionsGroupId && s.isEnterprise ? r(e || "", o, void 0, s.agolPortalUrl) : t ? r(e || "", o, t) : "";
   }
 }
 n("solution-snapshot-gallery", b);