@esri/solutions-components 1.2.0-next.57 → 1.2.0-next.59

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

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/solution-configure-titles/solution-configure-titles.tsx"],"sourcesContent":["/**\r\n * @license\r\n * Copyright 2025 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the 'License');\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an 'AS IS' BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport type T9nStrings from './assets/t9n/messages.en.json';\r\nimport { useT9n } from '../../controllers/useT9n';\r\nimport {\r\n  createEvent,\r\n  LitElement,\r\n  h,\r\n  property,\r\n  state,\r\n} from '@arcgis/lumina';\r\nimport {\r\n  useContextConsumer,\r\n} from '@arcgis/lumina/context';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './solution-configure-titles.css';\r\nimport type {\r\n  ISolutionInfoCard,\r\n  ITemplateInfo,\r\n} from '../../utils/interfaces';\r\nimport { ITEM_TITLE_LENGTH } from '../../utils/interfaces';\r\nimport { createRef } from 'lit-html/directives/ref.js';\r\nimport type { PropertyValues } from 'lit';\r\nimport {\r\n  configContext,\r\n} from '../../utils/deployAppContexts';\r\nimport {\r\n  updateGroup,\r\n  updateItem,\r\n  updateItemExtended,\r\n} from '@esri/solution-common';\r\nimport {\r\n  hasInvalidChars,\r\n} from '../../utils/helpers';\r\nimport type { SolutionItemAccordion } from '../solution-item-accordion/solution-item-accordion';\r\nimport * as common from '@esri/solution-common';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'solution-configure-titles': SolutionConfigureTitles;\r\n  }\r\n}\r\n\r\nexport class SolutionConfigureTitles extends LitElement {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Overrides (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  static override styles = styles;\r\n\r\n  override willUpdate(\r\n    changes: PropertyValues<this>\r\n  ): void {\r\n    if (changes.has('templateInfos')) {\r\n      this._templateInfos = this.templateInfos;\r\n      this._updateTemplates();\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Key details about the solution */\r\n  @property() card: ISolutionInfoCard | undefined;\r\n\r\n  /** boolean: when true the dialog is open */\r\n  @property() open = false;\r\n\r\n  /** The solution items data used here to check for and store any user defined prefix or suffix values */\r\n  @property() solutionData: any = {};\r\n\r\n  /** ITemplateInfo[]: Collection of template infos */\r\n  @property() templateInfos: ITemplateInfo[] = [];\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** boolean: when true the user will not be allowed to commit the changes */\r\n  @state() _saveDisabled = false;\r\n\r\n  /**\r\n   * ITemplateInfo[]: Collection of template infos that are currently displayed\r\n   * these will contain any temp changes\r\n   */\r\n  @state() _displayTemplateInfos: ITemplateInfo[] = [];\r\n\r\n  /** boolean: when true the length of the title is too long*/\r\n  @state() _hasNameLengthError = false;\r\n\r\n  /** boolean: when true the item titles are being updated */\r\n  @state() _solutionItemsTitlesUpdating = false;\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @state() _translations = useT9n<typeof T9nStrings>({ name: 'solution-configure-titles', blocking: true });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Reference element for the solution item accordion */\r\n  private _accordionRef: SolutionItemAccordion | undefined;\r\n\r\n  /** Key details such as portalUrl, locale, user session, authentication, etc from the current config */\r\n  private _configContextConsumer = useContextConsumer({\r\n    context: configContext,\r\n    subscribe: true,\r\n  });\r\n\r\n  /** Prefix value that was stored in the solution */\r\n  private _defaultPrefix = '';\r\n\r\n  /** Suffix value that was stored in the solution */\r\n  private _defaultSuffix = '';\r\n\r\n  /** \r\n   * When true we have found a stored prefix value from a previous interaction \r\n   * with this component and need to handle it while loading \r\n   */\r\n  private _loadingDefaultPrefix = false;\r\n\r\n  /** \r\n   * When true we have found a stored suffix value from a previous interaction\r\n   * with this component and need to handle it while loading \r\n   */\r\n  private _loadingDefaultSuffix = false;\r\n\r\n  /** Reference element for the prefix value */\r\n  private _prefixRef = createRef<HTMLCalciteInputElement>();\r\n\r\n  /** The prefix value to append to the items */\r\n  private _prefixValue = '';\r\n\r\n  /** Reference element for the suffix value */\r\n  private _suffixRef = createRef<HTMLCalciteInputElement>();\r\n\r\n  /** The suffix value to append to the items */\r\n  private _suffixValue = '';\r\n\r\n  /** Copy of the templateInfos prop used to handle specific cases of stored prefix or suffix values */\r\n  private _templateInfos: any = [];\r\n\r\n  /** Timeout to delay item title adjustments */\r\n  private _textInputTimeout: NodeJS.Timeout | undefined;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** This event will be emitted when this dialog is closed */\r\n  solutionConfigureTitlesBeforeClose = createEvent();\r\n\r\n  /** This event will be emitted when the titles have been updated */\r\n  solutionItemsTitlesChanged = createEvent();\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Called once just after the component is first connected to the DOM. */\r\n  async load(): Promise<void> {\r\n    this._updateTemplates();\r\n    await this._updatePrefixSuffix();\r\n  }\r\n\r\n  private async _updatePrefixSuffix(): Promise<void> {\r\n    // Get the solutions data to look for any stored prefix or suffix values\r\n    this.solutionData = await common.getItemDataAsJson(this.card!.id, this._configContextConsumer.value!.userSession!);\r\n    if (this.solutionData.titles?.prefix) {\r\n      this._loadingDefaultPrefix = true;\r\n      this._defaultPrefix = this.solutionData.titles.prefix;\r\n      this._prefixValue = this.solutionData.titles.prefix;\r\n    }\r\n    if (this.solutionData.titles?.suffix) {\r\n      this._loadingDefaultSuffix = true;\r\n      this._defaultSuffix = this.solutionData.titles.suffix;\r\n      this._suffixValue = this.solutionData.titles.suffix;\r\n    }\r\n  }\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    return (\r\n      <calcite-dialog\r\n        heading={this.card!.title}\r\n        modal\r\n        oncalciteDialogBeforeClose={() => { this.solutionConfigureTitlesBeforeClose.emit() }}\r\n        open={this.open}\r\n        outsideCloseDisabled\r\n        width='l'\r\n      >\r\n        {this._getPrefixSuffixControls()}\r\n        {this._getAccordion()}\r\n        {this._getDialogButtons()}\r\n      </calcite-dialog>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Get the prefix and suffix controls the user can interact with */\r\n  private _getPrefixSuffixControls(): JsxNode {\r\n\r\n    // prefix\r\n    const prefixHasInvalidChars = hasInvalidChars(this._prefixValue);\r\n    const prefixIsLengthExceeded = this._hasNameLengthError && this._prefixValue.length > 0;\r\n    const validPrefixChars = !prefixHasInvalidChars;\r\n    const validPrefixLength = !prefixIsLengthExceeded;\r\n    const prefixCharsMessageClass = validPrefixChars ? 'display-none' : '';\r\n    const prefixLengthMessageClass = validPrefixLength ? 'display-none' : '';\r\n    const isValidPrefix = validPrefixChars && validPrefixLength ? 'valid' : 'invalid';\r\n\r\n    // suffix\r\n    const suffixHasInvalidChars = hasInvalidChars(this._suffixValue);\r\n    const suffixIsLengthExceeded = this._hasNameLengthError && this._suffixValue.length > 0;\r\n    const validSuffixChars = !suffixHasInvalidChars;\r\n    const validSuffixLength = !suffixIsLengthExceeded;\r\n    const suffixCharsMessageClass = validSuffixChars ? 'display-none' : '';\r\n    const suffixLengthMessageClass = validSuffixLength ? 'display-none' : '';\r\n    const isValidSuffix = validSuffixChars && validSuffixLength ? 'valid' : 'invalid';\r\n\r\n    this._saveDisabled = !validPrefixChars || !validPrefixLength || !validSuffixChars || !validSuffixLength;\r\n    return (\r\n      <div class='display-flex flex-direction-column padding-left-2 padding-right-2'>\r\n        <calcite-label scale='l' class='font-weight-medium'>\r\n          {this._translations.configureTitlesDialogHeader}\r\n        </calcite-label>\r\n        <p class='font-style-1 margin-top-0'>\r\n          {this._translations.addPrefixOrSuffixToItems}\r\n        </p>\r\n        <div class='display-flex flex-direction-row justify-content-space'>\r\n          <calcite-label\r\n            class='width-full padding-end-1'\r\n            scale='l'\r\n          >\r\n            {this._translations.prefixToAddToItems}\r\n            <calcite-input\r\n              clearable\r\n              onBlur={this._prefixInput}\r\n              onInput={this._prefixInput}\r\n              placeholder={this._translations.enterPrefixPlaceholder}\r\n              ref={this._prefixRef}\r\n              status={isValidPrefix}\r\n              value={this._prefixValue}\r\n            />\r\n            <calcite-input-message\r\n              class={prefixCharsMessageClass}\r\n              icon='exclamation-mark-triangle'\r\n              status='invalid'\r\n            >\r\n              {this._translations.invalidPrefixOrSuffixCharsError}\r\n            </calcite-input-message>\r\n            <calcite-input-message\r\n              class={prefixLengthMessageClass}\r\n              icon='exclamation-mark-triangle'\r\n              status='invalid'\r\n            >\r\n              {this._translations.invalidPrefixOrSuffixLengthError}\r\n            </calcite-input-message>\r\n          </calcite-label>\r\n          <calcite-label\r\n            class='width-full'\r\n            scale='l'\r\n          >\r\n            {this._translations.suffixToAddToItems}\r\n            <calcite-input\r\n              clearable\r\n              onBlur={this._suffixInput}\r\n              onInput={this._suffixInput}\r\n              placeholder={this._translations.enterSuffixPlaceholder}\r\n              ref={this._suffixRef}\r\n              status={isValidSuffix}\r\n              value={this._suffixValue}\r\n            />\r\n            <calcite-input-message\r\n              class={suffixCharsMessageClass}\r\n              icon='exclamation-mark-triangle'\r\n              status='invalid'\r\n            >\r\n              {this._translations.invalidPrefixOrSuffixCharsError}\r\n            </calcite-input-message>\r\n            <calcite-input-message\r\n              class={suffixLengthMessageClass}\r\n              icon='exclamation-mark-triangle'\r\n              status='invalid'\r\n            >\r\n              {this._translations.invalidPrefixOrSuffixLengthError}\r\n            </calcite-input-message>\r\n          </calcite-label>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** Get the solution item accordion that will display the adjusted item titles */\r\n  private _getAccordion(): JsxNode {\r\n    return (\r\n      <div class='display-flex flex-direction-column padding-left-2 padding-right-2 padding-bottom-2'>\r\n        <p class='font-style-1 margin-top-0'>\r\n          {this._translations.previewTheChanges}\r\n        </p>\r\n        <solution-item-accordion\r\n          ref={async (el: SolutionItemAccordion | undefined) => {\r\n            if (el && !this._accordionRef) {\r\n              this._accordionRef = el;\r\n              await this._accordionRef.selectFirstItem();\r\n            }\r\n          }}\r\n          templateInfos={this._displayTemplateInfos}\r\n          typeKeywords={this.card?.typeKeywords}\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** Get the Cancel and Done buttons for the dialog */\r\n  private _getDialogButtons(): JsxNode {\r\n    return (\r\n      <div slot='footer-end'>\r\n        <calcite-button\r\n          appearance='outline'\r\n          class='padding-end-1-2'\r\n          kind='brand'\r\n          onClick={this._closeDialog}\r\n        >\r\n          {this._translations.cancelTheDialog}\r\n        </calcite-button>\r\n        <calcite-button\r\n          disabled={this._saveDisabled}\r\n          kind='brand'\r\n          loading={this._solutionItemsTitlesUpdating}\r\n          onClick={this._commitNameChanges}\r\n        >\r\n          {this._translations.applyChangesAndCloseTheDialog}\r\n        </calcite-button>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** Handle prefix value input and update the item titles */\r\n  private _prefixInput(): void {\r\n    clearTimeout(this._textInputTimeout);\r\n\r\n    this._textInputTimeout = setTimeout(() => {\r\n      this._prefixValue = this._prefixRef.value?.value || '';\r\n      this._updateTemplates();\r\n    }, 500);\r\n  }\r\n\r\n  /** Handle suffix value input and update the item titles */\r\n  private _suffixInput(): void {\r\n    clearTimeout(this._textInputTimeout);\r\n\r\n    this._textInputTimeout = setTimeout(() => {\r\n      this._suffixValue = this._suffixRef.value?.value || '';\r\n      this._updateTemplates();\r\n    }, 500);\r\n  }\r\n\r\n  /** Update the item titles */\r\n  private _updateTemplates(): void {\r\n    const hasPrefix = /[^\\s\\\\]/.test(this._prefixValue);\r\n    const hasSuffix = /[^\\s\\\\]/.test(this._suffixValue);\r\n    this._templateInfos = this._templateInfos.map((t: any) => {\r\n      //This should only ever be set once on the initial load\r\n      if (this._loadingDefaultPrefix && t.title.startsWith(this._prefixValue)) {\r\n        const regEx = new RegExp(`^${this._prefixValue} `);\r\n        t.title = t.title.replace(regEx, '');\r\n      }\r\n      if (this._loadingDefaultSuffix && t.title.endsWith(this._suffixValue)) {\r\n        const regEx = new RegExp(` ${this._suffixValue}$`)\r\n        t.title = t.title.replace(regEx, '');\r\n      }\r\n      return t;\r\n    });\r\n\r\n    const _templateInfos = JSON.parse(JSON.stringify(this._templateInfos));\r\n    this._hasNameLengthError = false;\r\n    this._displayTemplateInfos = _templateInfos.map((t: any) => {\r\n      t.title = hasPrefix && hasSuffix ?\r\n        `${`${this._prefixValue} `}${t.title}${` ${this._suffixValue}`}` : hasPrefix ?\r\n          `${`${this._prefixValue} `}${t.title}` : hasSuffix ?\r\n            `${t.title}${` ${this._suffixValue}`}` : t.title;\r\n\r\n      if (!this._hasNameLengthError) {\r\n        this._hasNameLengthError = t.title.length > ITEM_TITLE_LENGTH;\r\n      }\r\n      return t;\r\n    });\r\n\r\n    // These should only ever possibly be true once on load\r\n    this._loadingDefaultPrefix = false;\r\n    this._loadingDefaultSuffix = false;\r\n  }\r\n\r\n  /** Close the dialog */\r\n  private _closeDialog(): void {\r\n    this.open = false;\r\n  }\r\n\r\n  /** Commit the name changes */\r\n  private async _commitNameChanges(): Promise<void> {\r\n    const prefixChangedFromDefault = this._defaultPrefix !== this._prefixValue;\r\n    const suffixChangedFromDefault = this._defaultSuffix !== this._suffixValue;\r\n    const templatesChanged = JSON.stringify(this._templateInfos) !== JSON.stringify(this._displayTemplateInfos);\r\n    if (templatesChanged || prefixChangedFromDefault || suffixChangedFromDefault) {\r\n      this._solutionItemsTitlesUpdating = true;\r\n\r\n      const updateRequests = this._displayTemplateInfos.reduce((prev, cur) => {\r\n        const updateOptions: any = {\r\n          id: cur.id,\r\n          title: cur.title\r\n        };\r\n        prev.push(\r\n          cur.type === 'Group' ?\r\n            updateGroup(updateOptions, this._configContextConsumer.value!.userSession!) :\r\n            updateItem(updateOptions, this._configContextConsumer.value!.userSession!)\r\n        );\r\n        return prev;\r\n      }, [] as any[]);\r\n\r\n      if (this.solutionData?.templates) {\r\n        const itemInfo: any = {\r\n          id: this.card!.id\r\n        };\r\n\r\n        const data = {\r\n          ...this.solutionData,\r\n          titles: {\r\n            prefix: this._prefixValue,\r\n            suffix: this._suffixValue\r\n          }\r\n        };\r\n\r\n        updateRequests.push(\r\n          updateItemExtended(itemInfo, data, this._configContextConsumer.value!.userSession!)\r\n        );\r\n      }\r\n\r\n      await Promise.all(updateRequests);\r\n\r\n      // TODO should handle failures in some way\r\n\r\n      this._solutionItemsTitlesUpdating = false;\r\n      this.solutionItemsTitlesChanged.emit();\r\n    }\r\n    this._closeDialog();\r\n  }\r\n}\r\n"],"names":["ref$jsx"],"mappings":"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"}

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

@@ -1,18 +1,18 @@
-import { c as w } from "../../chunks/runtime.js";
-import { css as b, nothing as $, html as h } from "lit";
-import { u as C } from "../../chunks/useT9n.js";
-import { LitElement as S, createEvent as u, safeClassMap as m } from "@arcgis/lumina";
-import { useContextConsumer as T } from "@arcgis/lumina/context";
-import { a as v } from "../../chunks/common.js";
-import { deleteSolution as P, getItemRelatedItems as x } from "@esri/solution-common";
-import { c as E } from "../../chunks/deployAppContexts.js";
-import { H as k } from "../../chunks/interfaces.js";
-import { createRef as U, ref as I } from "lit-html/directives/ref.js";
-import "../solution-item-accordion/customElement.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.57 */
-const A = b`/** @license
+v1.2.0-next.59 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { css, nothing, html } from "lit";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
+import { useContextConsumer } from "@arcgis/lumina/context";
+import { a as getItemUrl } from "../../chunks/common.js";
+import { deleteSolution, getItemRelatedItems } from "@esri/solution-common";
+import { c as configContext } from "../../chunks/deployAppContexts.js";
+import { H as prepareDataForSolutionDisplay } from "../../chunks/interfaces.js";
+import { createRef, ref } from "lit-html/directives/ref.js";
+import "../solution-item-accordion/customElement.js";
+const styles = css`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,134 +26,230 @@ const A = b`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.display-none{display:none}`;
-class L extends S {
+ */
+
+.panel-bg-color {
+  --calcite-panel-header-background-color: var(--calcite-color-foreground-1);
+  --calcite-panel-background-color: var(--calcite-color-foreground-1);
+}
+
+.display-none {
+  display: none;
+}`;
+class SolutionDeleteDialog extends LitElement {
   constructor() {
-    super(), this.open = !1, this._deletePercentage = 0, this._fetchingTemplates = !1, this._isDeleteInProgress = !1, this._nonSolutionDependencyItems = [], this._showDeleteError = !1, this._showUndeletableItems = !1, this._templateInfos = [], this._translations = C({ name: "solution-delete-dialog", blocking: !0 }), this._accordion = U(), this._configContextConsumer = T({
-      context: E,
-      subscribe: !0
-    }), this.solutionDeleteDialogOpen = u(), this.solutionDeleted = u(), this.solutionDeleteDialogBeforeClose = u(), this.listenOn(window, "beforeunload", (e) => {
-      this._isDeleteInProgress && (e.preventDefault(), e.returnValue = !0);
+    super();
+    this.open = false;
+    this._deletePercentage = 0;
+    this._fetchingTemplates = false;
+    this._isDeleteInProgress = false;
+    this._nonSolutionDependencyItems = [];
+    this._showDeleteError = false;
+    this._showUndeletableItems = false;
+    this._templateInfos = [];
+    this._translations = useT9n({ name: "solution-delete-dialog", blocking: true });
+    this._accordion = createRef();
+    this._configContextConsumer = useContextConsumer({
+      context: configContext,
+      subscribe: true
+    });
+    this.solutionDeleteDialogOpen = createEvent();
+    this.solutionDeleted = createEvent();
+    this.solutionDeleteDialogBeforeClose = createEvent();
+    this.listenOn(window, "beforeunload", (evt) => {
+      if (this._isDeleteInProgress) {
+        evt.preventDefault();
+        evt.returnValue = true;
+      }
     });
   }
   static {
-    this.properties = { card: 0, open: 5, _deletePercentage: 16, _fetchingTemplates: 16, _isDeleteInProgress: 16, _nonSolutionDependencyItems: 16, _showDeleteError: 16, _showUndeletableItems: 16, _templateInfos: 16, _translations: 16 };
+    this.properties = { card: [0, {}, { attribute: false }], open: [5, {}, { type: Boolean }], _deletePercentage: [16, {}, { state: true }], _fetchingTemplates: [16, {}, { state: true }], _isDeleteInProgress: [16, {}, { state: true }], _nonSolutionDependencyItems: [16, {}, { state: true }], _showDeleteError: [16, {}, { state: true }], _showUndeletableItems: [16, {}, { state: true }], _templateInfos: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = A;
+    this.styles = styles;
   }
   close() {
-    this._showUndeletableItems && this.solutionDeleted.emit({ showAlert: !1, refreshSolutionsTimeout: !0 }), this._showDeleteError = !1, this._showUndeletableItems = !1, this._isDeleteInProgress = !1, this.open = !1, this.solutionDeleteDialogOpen.emit(!1);
+    if (this._showUndeletableItems) {
+      this.solutionDeleted.emit({ showAlert: false, refreshSolutionsTimeout: true });
+    }
+    this._showDeleteError = false;
+    this._showUndeletableItems = false;
+    this._isDeleteInProgress = false;
+    this.open = false;
+    this.solutionDeleteDialogOpen.emit(false);
   }
   delete() {
-    if (this._isDeleteInProgress = !0, this.card) {
-      const e = [{
-        itemName: this.card.title,
-        itemType: "Solution",
-        owner: this.card.owner,
-        modified: this.card.modified
-      }], t = {
-        progressCallback: (s) => {
-          this._deletePercentage = Math.round(s);
+    this._isDeleteInProgress = true;
+    if (this.card) {
+      const fallbackItemList = [{
+        "itemName": this.card.title,
+        "itemType": "Solution",
+        "owner": this.card.owner,
+        "modified": this.card.modified
+      }];
+      const options = {
+        progressCallback: (percentDone) => {
+          this._deletePercentage = Math.round(percentDone);
         }
       };
-      P(this.card.id, this._configContextConsumer.value.userSession, t).then((s) => {
-        const o = s[1];
-        let l;
-        if (o ? l = o.items.map((i) => ({
-          itemName: i.title,
-          itemType: i.type,
-          owner: i.owner,
-          modified: i.modified
-        })) : l = e, l.length === 0)
-          this.solutionDeleted.emit({ showAlert: !0, refreshSolutionsTimeout: !0 }), this._isDeleteInProgress = !1, this.open = !1;
-        else if (l.some((n) => n.itemType === "Solution"))
-          this.card ? this._processTemplates(this.card).then((n) => {
-            this._templateInfos = n, this._showDeleteError = !0, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
-          }) : (this._showDeleteError = !0, this._isDeleteInProgress = !1);
-        else if (this.card) {
-          let n = [];
-          n = o.items.map((r) => ({
-            id: r.id,
-            title: r.title,
-            type: r.type,
-            owner: r.owner,
-            modified: r.modified,
-            typeKeywords: [],
-            snippet: "",
-            dependencies: [],
-            url: v(r.id, this._configContextConsumer.value.authentication)
-          })), this._templateInfos = n, this._showDeleteError = !1, this._showUndeletableItems = !0, this._isDeleteInProgress = !1;
-        } else
-          this.solutionDeleted.emit({ showAlert: !0, refreshSolutionsTimeout: !0 }), this._isDeleteInProgress = !1, this.open = !1;
+      void deleteSolution(this.card.id, this._configContextConsumer.value.userSession, options).then((deletes) => {
+        const failedSummary = deletes[1];
+        let failedDeletes;
+        if (failedSummary) {
+          failedDeletes = failedSummary.items.map((template) => {
+            const partialItem = {
+              "itemName": template.title,
+              "itemType": template.type,
+              "owner": template.owner,
+              "modified": template.modified
+            };
+            return partialItem;
+          });
+        } else {
+          failedDeletes = fallbackItemList;
+        }
+        if (failedDeletes.length === 0) {
+          this.solutionDeleted.emit({ showAlert: true, refreshSolutionsTimeout: true });
+          this._isDeleteInProgress = false;
+          this.open = false;
+        } else {
+          const hasSolutionItem = failedDeletes.some((item) => item.itemType === "Solution");
+          if (hasSolutionItem) {
+            if (this.card) {
+              void this._processTemplates(this.card).then((templates) => {
+                this._templateInfos = templates;
+                this._showDeleteError = true;
+                this._showUndeletableItems = true;
+                this._isDeleteInProgress = false;
+              });
+            } else {
+              this._showDeleteError = true;
+              this._isDeleteInProgress = false;
+            }
+          } else {
+            if (this.card) {
+              let resultFailedDeletes = [];
+              resultFailedDeletes = failedSummary.items.map((template) => {
+                const partialItem = {
+                  "id": template.id,
+                  "title": template.title,
+                  "type": template.type,
+                  "owner": template.owner,
+                  "modified": template.modified,
+                  "typeKeywords": [],
+                  "snippet": "",
+                  "dependencies": [],
+                  "url": getItemUrl(template.id, this._configContextConsumer.value.authentication)
+                };
+                return partialItem;
+              });
+              this._templateInfos = resultFailedDeletes;
+              this._showDeleteError = false;
+              this._showUndeletableItems = true;
+              this._isDeleteInProgress = false;
+            } else {
+              this.solutionDeleted.emit({ showAlert: true, refreshSolutionsTimeout: true });
+              this._isDeleteInProgress = false;
+              this.open = false;
+            }
+          }
+        }
       });
     }
   }
-  willUpdate(e) {
-    if (e.has("open")) {
-      const t = e.get("open");
-      this.open && !t && (this._fetchingTemplates = !0, this._processTemplates(this.card).then((s) => {
-        this._templateInfos = s;
-        let o = [];
-        const l = this._templateInfos.map(async (i) => {
-          const n = await this._getRelatedDependency(i.id, "reverse", "Solution2Item");
-          return { template: i, relatedItems: n };
-        });
-        Promise.all(l).then((i) => {
-          for (const { template: c, relatedItems: _ } of i)
-            for (const g of _) {
-              const p = [];
-              for (const a of g.relatedItemIds)
-                p.push({
-                  controlItemId: c.id,
-                  dependencyItemId: a
-                });
-              const D = p.reduce((a, d) => (a[d.controlItemId] || (a[d.controlItemId] = /* @__PURE__ */ new Set()), a[d.controlItemId].add(d.dependencyItemId), a), {}), f = Object.entries(D).filter(([a, d]) => d.size > 1).flatMap(([a, d]) => Array.from(d).map((y) => ({
-                controlItemId: a,
-                dependencyItemId: y
-              })));
-              f.length > 0 && (o = o.concat(f));
+  willUpdate(_changedProperties) {
+    if (_changedProperties.has("open")) {
+      const oldValue = _changedProperties.get("open");
+      if (this.open && !oldValue) {
+        this._fetchingTemplates = true;
+        void this._processTemplates(this.card).then((templates) => {
+          this._templateInfos = templates;
+          let multiSolutionDependencies = [];
+          const dependencyFetches = this._templateInfos.map(async (template) => {
+            const relatedItems = await this._getRelatedDependency(template.id, "reverse", "Solution2Item");
+            return { template, relatedItems };
+          });
+          void Promise.all(dependencyFetches).then((resolvedDependencies) => {
+            for (const { template, relatedItems } of resolvedDependencies) {
+              for (const relatedItem of relatedItems) {
+                const solutionItemDeps = [];
+                for (const itemId of relatedItem.relatedItemIds) {
+                  solutionItemDeps.push({
+                    controlItemId: template.id,
+                    dependencyItemId: itemId
+                  });
+                }
+                const grouped = solutionItemDeps.reduce((acc, dep) => {
+                  if (!acc[dep.controlItemId]) {
+                    acc[dep.controlItemId] = /* @__PURE__ */ new Set();
+                  }
+                  acc[dep.controlItemId].add(dep.dependencyItemId);
+                  return acc;
+                }, {});
+                const uniqueFiltered = Object.entries(grouped).filter(([_, depSet]) => depSet.size > 1).flatMap(([controlItemId, depSet]) => Array.from(depSet).map((dependencyItemId) => ({
+                  controlItemId,
+                  dependencyItemId
+                })));
+                if (uniqueFiltered.length > 0) {
+                  multiSolutionDependencies = multiSolutionDependencies.concat(uniqueFiltered);
+                }
+              }
             }
-          this._nonSolutionDependencyItems = Array.from(new Map([
-            ...o
-          ].map((c) => [`${c.controlItemId}:${c.dependencyItemId}`, c])).values());
-          const n = this._nonSolutionDependencyItems.map((c) => c.controlItemId), r = [...new Set(n)];
-          this._accordion.value.selectItems(r), this._fetchingTemplates = !1;
+            this._nonSolutionDependencyItems = Array.from(new Map([
+              ...multiSolutionDependencies
+            ].map((dep) => [`${dep.controlItemId}:${dep.dependencyItemId}`, dep])).values());
+            const controlItems = this._nonSolutionDependencyItems.map((dep) => dep.controlItemId);
+            const uniqueIitemIds = [...new Set(controlItems)];
+            this._accordion.value.selectItems(uniqueIitemIds);
+            this._fetchingTemplates = false;
+          });
         });
-      }));
+      }
     }
   }
-  updated(e) {
-    e.has("_showUndeletableItems") && this._showUndeletableItems !== e.get("_showUndeletableItems") && this._accordion.value.selectItems(this._templateInfos.map((t) => t.id));
+  updated(_changedProperties) {
+    if (_changedProperties.has("_showUndeletableItems")) {
+      if (this._showUndeletableItems !== _changedProperties.get("_showUndeletableItems")) {
+        this._accordion.value.selectItems(this._templateInfos.map((template) => template.id));
+      }
+    }
   }
   render() {
-    const e = this._fetchingTemplates ? "" : "display-none", t = this._fetchingTemplates ? "display-none" : "", s = [...new Set(this._nonSolutionDependencyItems.map((i) => i.controlItemId))], o = this._templateInfos.length - this._getDependencyCount(), l = this._translations.deletionCount.replace("{{deleteableCount}}", o.toString()).replace("{{totalCount}}", this._templateInfos.length.toString());
-    return h`<calcite-dialog class="panel-bg-color" .closeDisabled=${this._isDeleteInProgress} .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? $} modal kind=danger .open=${this.open} width=l outside-close-disabled @calciteDialogBeforeClose=${() => {
+    const loaderClass = this._fetchingTemplates ? "" : "display-none";
+    const displayClass = this._fetchingTemplates ? "display-none" : "";
+    const justDependencies = [...new Set(this._nonSolutionDependencyItems.map((dep) => dep.controlItemId))];
+    const deleteableCount = this._templateInfos.length - this._getDependencyCount();
+    const deleteableCountText = this._translations.deletionCount.replace("{{deleteableCount}}", deleteableCount.toString()).replace("{{totalCount}}", this._templateInfos.length.toString());
+    return html`<calcite-dialog class="panel-bg-color" .closeDisabled=${this._isDeleteInProgress} .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? nothing} modal kind=danger .open=${this.open} width=l outside-close-disabled @calciteDialogBeforeClose=${() => {
       this.solutionDeleteDialogBeforeClose.emit();
     }} @calciteDialogClose=${() => {
-      this.open = !1, this.solutionDeleteDialogOpen.emit(!1);
-    }}>${this._isDeleteInProgress ? h`<calcite-loader .label=${this._translations.deleteInProgress} scale=l .text=${this._translations.deleteInProgress} type=determinate-value .value=${this._deletePercentage}></calcite-loader>` : this._showUndeletableItems ? h`<calcite-label class=${m(t)} layout=inline>${this._translations.failedToDeleteItems}</calcite-label><solution-item-accordion class=${m(t)} .itemRelationshipDependencies=${[]} link-type=item list-selection-mode=multiple .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${I(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonClose}</calcite-button>` : h`<calcite-label class=${m(t)} layout=inline scale=l>${this._translations.deletionNote}<calcite-chip .label=${l} scale=m icon=information>${l}</calcite-chip></calcite-label><calcite-loader class=${m(e)} label></calcite-loader><solution-item-accordion class=${m(t)} .itemRelationshipDependencies=${s} link-type=item list-selection-mode=multiple .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${I(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${() => {
+      this.open = false;
+      this.solutionDeleteDialogOpen.emit(false);
+    }}>${this._isDeleteInProgress ? html`<calcite-loader .label=${this._translations.deleteInProgress} scale=l .text=${this._translations.deleteInProgress} type=determinate-value .value=${this._deletePercentage}></calcite-loader>` : this._showUndeletableItems ? html`<calcite-label class=${safeClassMap(displayClass)} layout=inline>${this._translations.failedToDeleteItems}</calcite-label><solution-item-accordion class=${safeClassMap(displayClass)} .itemRelationshipDependencies=${[]} link-type=item list-selection-mode=multiple .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${ref(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonClose}</calcite-button>` : html`<calcite-label class=${safeClassMap(displayClass)} layout=inline scale=l>${this._translations.deletionNote}<calcite-chip .label=${deleteableCountText} scale=m icon=information>${deleteableCountText}</calcite-chip></calcite-label><calcite-loader class=${safeClassMap(loaderClass)} label></calcite-loader><solution-item-accordion class=${safeClassMap(displayClass)} .itemRelationshipDependencies=${justDependencies} link-type=item list-selection-mode=multiple .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${ref(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${() => {
       this.delete();
-    }} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>${this._showDeleteError && h`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
-      this._showDeleteError = !1;
+    }} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>${this._showDeleteError && html`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
+      this._showDeleteError = false;
     }} open><div slot=message>${this._translations.failedToDelete}</div></calcite-alert>` || ""}`}</calcite-dialog>`;
   }
-  async _processTemplates(e) {
-    return await k(e.id, this._configContextConsumer.value.userSession);
+  async _processTemplates(card) {
+    return await prepareDataForSolutionDisplay(card.id, this._configContextConsumer.value.userSession);
   }
-  async _getRelatedDependency(e, t, s) {
-    const o = await x(e, s, t, this._configContextConsumer.value.userSession);
+  async _getRelatedDependency(itemId, direction, type) {
+    const relatedItems = await getItemRelatedItems(itemId, type, direction, this._configContextConsumer.value.userSession);
     return [{
-      relationshipType: s,
-      relatedItemIds: o.relatedItems.map((l) => l.id)
+      relationshipType: type,
+      relatedItemIds: relatedItems.relatedItems.map((item) => item.id)
     }];
   }
   _getDependencyCount() {
-    const e = this._nonSolutionDependencyItems.map((s) => s.controlItemId);
-    return [...new Set(e)].length;
+    const controlItemsArray = this._nonSolutionDependencyItems.map((dep) => dep.controlItemId);
+    const uniqueControlItems = [...new Set(controlItemsArray)];
+    return uniqueControlItems.length;
   }
 }
-w("solution-delete-dialog", L);
+customElement("solution-delete-dialog", SolutionDeleteDialog);
 export {
-  L as SolutionDeleteDialog
+  SolutionDeleteDialog
 };
+//# sourceMappingURL=customElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/solution-delete-dialog/solution-delete-dialog.tsx"],"sourcesContent":["/**\r\n * @license\r\n * Copyright 2025 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the 'License');\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an 'AS IS' BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport type { PropertyValues } from 'lit';\r\nimport type T9nStrings from './assets/t9n/messages.en.json';\r\nimport { useT9n } from '../../controllers/useT9n';\r\nimport {\r\n  Fragment,\r\n  LitElement,\r\n  createEvent,\r\n  h,\r\n  method,\r\n  property,\r\n  state,\r\n} from '@arcgis/lumina';\r\nimport {\r\n  useContextConsumer,\r\n} from '@arcgis/lumina/context';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './solution-delete-dialog.css';\r\nimport {\r\n  getItemUrl,\r\n} from '../../utils/common';\r\nimport type {\r\n  ISolutionInfoCard,\r\n  ITemplateInfo\r\n} from '../../utils/interfaces';\r\nimport {\r\n  deleteSolution,\r\n  getItemRelatedItems,\r\n} from '@esri/solution-common';\r\nimport type {\r\n  IDeleteSolutionOptions,\r\n  IRelatedItems,\r\n  ISolutionPrecis,\r\n  ItemRelationshipType\r\n} from '@esri/solution-common';\r\nimport {\r\n  configContext,\r\n} from '../../utils/deployAppContexts';\r\nimport type { ITemplateInfoGraph } from '../solution-item-diagram/utils/solutionGraph';\r\nimport { prepareDataForSolutionDisplay } from '../solution-item-diagram/utils/prepareDataForSolutionDisplay';\r\nimport { createRef } from 'lit-html/directives/ref.js';\r\nimport { SolutionItemAccordion } from '../solution-item-accordion/solution-item-accordion';\r\n\r\nexport type DependencyItem = {\r\n  controlItemId: string,\r\n  dependencyItemId: string\r\n}\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'solution-delete-dialog': SolutionDeleteDialog;\r\n  }\r\n}\r\n\r\n// TODO this should be removed after initial dev cycle\r\n// https://devtopia.esri.com/WebGIS/solution-deployment-apps/issues/427\r\n\r\n// TODO see if we can pass in the template infos rather than fetch them from the card\r\n// seems like they will generally already be fetched by parent components...but need to look closer\r\n// would like to find a way that will improve the loading speed of this dialog\r\n\r\nexport class SolutionDeleteDialog extends LitElement {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Overrides (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  static override styles = styles;\r\n\r\n  constructor() {\r\n    super();\r\n    this.listenOn(window, 'beforeunload', (evt) => {\r\n      if (this._isDeleteInProgress) {\r\n        evt.preventDefault();\r\n\r\n        // Included for legacy support\r\n        evt.returnValue = true;\r\n      }\r\n    });\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Key details about the solution\r\n   * @required\r\n   * */\r\n  @property() card: ISolutionInfoCard | undefined;\r\n\r\n  /** When true the dialog will be shown */\r\n  @property() open = false;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Counter to track the status of the delete operation.*/\r\n  @state() _deletePercentage = 0;\r\n\r\n  /** When true a loading indicator will be shown. */\r\n  @state() _fetchingTemplates = false;\r\n\r\n  /** Control to determine if an active delete is occurring.*/\r\n  @state() _isDeleteInProgress = false;\r\n\r\n  /** Stores items that are not part of the Solution that can delete to error.*/\r\n  @state() _nonSolutionDependencyItems: DependencyItem[] = [];\r\n\r\n  /** Control to show alert if an error occurred. */\r\n  @state() _showDeleteError = false;\r\n\r\n  /** Control to show undeleteable items after delete. */\r\n  @state() _showUndeletableItems = false;\r\n\r\n  /**  Stores all the items used in this solution.*/\r\n  @state() _templateInfos: ITemplateInfo[] = [];\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @state() _translations = useT9n<typeof T9nStrings>({ name: 'solution-delete-dialog', blocking: true });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** SolutionItemAccordion: reference to the solution item accordion */\r\n  private _accordion = createRef<SolutionItemAccordion>();\r\n\r\n  /** Key details such as portalUrl, locale, user session, authentication, etc from the current config */\r\n  private _configContextConsumer = useContextConsumer({\r\n    context: configContext,\r\n    subscribe: true,\r\n  });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Closes the panel */\r\n  @method()\r\n  public close(): void {\r\n    if (this._showUndeletableItems) {\r\n      this.solutionDeleted.emit({ showAlert: false, refreshSolutionsTimeout: true });\r\n    }\r\n    this._showDeleteError = false;\r\n    this._showUndeletableItems = false;\r\n    this._isDeleteInProgress = false;\r\n    this.open = false;\r\n    this.solutionDeleteDialogOpen.emit(false);\r\n  }\r\n\r\n  /** Deletes the solution provided in the card property. */\r\n  @method()\r\n  public delete(): void {\r\n    this._isDeleteInProgress = true;\r\n    if (this.card) {\r\n      const fallbackItemList: any[] = [{\r\n        'itemName': this.card.title,\r\n        'itemType': 'Solution',\r\n        'owner': this.card.owner,\r\n        'modified': this.card.modified\r\n      }];\r\n      const options: IDeleteSolutionOptions = {\r\n        progressCallback: (percentDone) => {  // progress callback\r\n          this._deletePercentage = Math.round(percentDone);\r\n        },\r\n      };\r\n      void deleteSolution(this.card.id, this._configContextConsumer.value!.userSession, options).then((deletes) => {\r\n        const failedSummary: ISolutionPrecis = deletes[1];\r\n        let failedDeletes: any[];\r\n        if (failedSummary) {\r\n          failedDeletes = failedSummary.items.map(template => {\r\n            const partialItem = {\r\n              'itemName': template.title,\r\n              'itemType': template.type,\r\n              'owner': template.owner,\r\n              'modified': template.modified\r\n            };\r\n            return partialItem;\r\n          });\r\n        }\r\n        else {\r\n          // Rare Case that solution item itself doesn't delete\r\n          failedDeletes = fallbackItemList;\r\n        }\r\n        if (failedDeletes.length === 0) {\r\n          //successfull, emit something so panel can refresh and close dialog\r\n          this.solutionDeleted.emit({ showAlert: true, refreshSolutionsTimeout: true });\r\n          this._isDeleteInProgress = false;\r\n          this.open = false;\r\n        } else {\r\n          const hasSolutionItem = failedDeletes.some(item => item.itemType === 'Solution');\r\n          if (hasSolutionItem) {\r\n            if (this.card) {\r\n              void this._processTemplates(this.card).then((templates) => {\r\n                this._templateInfos = templates;\r\n                this._showDeleteError = true;\r\n                this._showUndeletableItems = true;\r\n                this._isDeleteInProgress = false;\r\n              })\r\n            } else {\r\n              this._showDeleteError = true;\r\n              this._isDeleteInProgress = false;\r\n            }\r\n          } else {\r\n            if (this.card) {\r\n              let resultFailedDeletes = [];\r\n              resultFailedDeletes = failedSummary.items.map(template => {\r\n                const partialItem = {\r\n                  'id': template.id,\r\n                  'title': template.title,\r\n                  'type': template.type,\r\n                  'owner': template.owner,\r\n                  'modified': template.modified,\r\n                  'typeKeywords': [],\r\n                  'snippet': '',\r\n                  'dependencies': [],\r\n                  'url': getItemUrl(template.id, this._configContextConsumer.value!.authentication!)\r\n                };\r\n                return partialItem;\r\n              });\r\n              this._templateInfos = resultFailedDeletes;\r\n              this._showDeleteError = false;\r\n              this._showUndeletableItems = true;\r\n              this._isDeleteInProgress = false;\r\n            } else {\r\n              this.solutionDeleted.emit({ showAlert: true, refreshSolutionsTimeout: true });\r\n              this._isDeleteInProgress = false;\r\n              this.open = false;\r\n            }\r\n          }\r\n        }\r\n      })\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emitted when the dialog is closed. */\r\n  solutionDeleteDialogOpen = createEvent<boolean>();\r\n\r\n  /** Emitted after delete process to refresh solutions list */\r\n  solutionDeleted = createEvent<{ showAlert: boolean, refreshSolutionsTimeout: boolean }>();\r\n\r\n  /** This event will be emitted on dialog before close */\r\n  solutionDeleteDialogBeforeClose = createEvent();\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Called whenever the component’s update finishes and the element's DOM has been updated and rendered. */\r\n  override willUpdate(_changedProperties: PropertyValues): void {\r\n    if (_changedProperties.has('open')) {\r\n      const oldValue = _changedProperties.get('open');\r\n      if (this.open && !oldValue) {\r\n        this._fetchingTemplates = true;\r\n        void this._processTemplates(this.card!).then((templates) => {\r\n          this._templateInfos = templates;\r\n\r\n          let multiSolutionDependencies: DependencyItem[] = [];\r\n\r\n          //all related dependency fetches\r\n          const dependencyFetches = this._templateInfos.map(async (template) => {\r\n            const relatedItems = await this._getRelatedDependency(template.id, 'reverse', 'Solution2Item');\r\n            return { template, relatedItems };\r\n          });\r\n\r\n          void Promise.all(dependencyFetches).then((resolvedDependencies) => {\r\n            // matched template id to dependency ids\r\n            for (const { template, relatedItems } of resolvedDependencies) {\r\n              for (const relatedItem of relatedItems) {\r\n                //it's a solution item, check if there are more than 1.\r\n                const solutionItemDeps: DependencyItem[] = [];\r\n                for (const itemId of relatedItem.relatedItemIds) {\r\n                  solutionItemDeps.push({\r\n                    controlItemId: template.id,\r\n                    dependencyItemId: itemId\r\n                  });\r\n                }\r\n                const grouped = solutionItemDeps.reduce((acc, dep) => {\r\n                  if (!acc[dep.controlItemId]) {\r\n                    acc[dep.controlItemId] = new Set<string>();\r\n                  }\r\n                  acc[dep.controlItemId].add(dep.dependencyItemId);\r\n                  return acc;\r\n                }, {} as Record<string, Set<string>>);\r\n\r\n                // Then, flatten only those with more than 1 dependencyItemId\r\n                const uniqueFiltered = Object.entries(grouped)\r\n                  .filter(([_, depSet]) => depSet.size > 1) // only controls with multiple deps\r\n                  .flatMap(([controlItemId, depSet]) =>\r\n                    Array.from(depSet).map(dependencyItemId => ({\r\n                      controlItemId,\r\n                      dependencyItemId\r\n                    }))\r\n                  );\r\n                if (uniqueFiltered.length > 0) {\r\n                  multiSolutionDependencies = multiSolutionDependencies.concat(uniqueFiltered);\r\n                }\r\n              }\r\n            }\r\n\r\n            this._nonSolutionDependencyItems = Array.from(\r\n              new Map(\r\n                [\r\n                  ...multiSolutionDependencies\r\n                ].map(dep => [`${dep.controlItemId}:${dep.dependencyItemId}`, dep])\r\n              ).values()\r\n            );\r\n            const controlItems = this._nonSolutionDependencyItems.map(dep => dep.controlItemId);\r\n            const uniqueIitemIds = [...new Set(controlItems)];\r\n            this._accordion.value!.selectItems(uniqueIitemIds);\r\n            this._fetchingTemplates = false;\r\n          });\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Called whenever the component’s update finishes and the element's DOM has been updated and rendered. */\r\n  override updated(_changedProperties: PropertyValues): void {\r\n    if (_changedProperties.has('_showUndeletableItems')) {\r\n      if (this._showUndeletableItems !== _changedProperties.get('_showUndeletableItems')) {\r\n        this._accordion.value!.selectItems(this._templateInfos.map(template => template.id));\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    const loaderClass = this._fetchingTemplates ? '' : 'display-none';\r\n    const displayClass = this._fetchingTemplates ? 'display-none' : '';\r\n    const justDependencies = [...new Set(this._nonSolutionDependencyItems.map(dep => dep.controlItemId))];\r\n    const deleteableCount = this._templateInfos.length - this._getDependencyCount();\r\n    const deleteableCountText = this._translations.deletionCount\r\n      .replace('{{deleteableCount}}', deleteableCount.toString())\r\n      .replace('{{totalCount}}', this._templateInfos.length.toString());\r\n    return (\r\n      <calcite-dialog\r\n        class='panel-bg-color'\r\n        closeDisabled={this._isDeleteInProgress}\r\n        heading={this._translations.title.replace('{{solution}}', this.card?.title ?? '')}\r\n        id={this._translations.title.replace('{{solution}}', this.card?.title ?? '')}\r\n        modal\r\n        kind='danger'\r\n        open={this.open}\r\n        width='l'\r\n        outsideCloseDisabled\r\n        oncalciteDialogBeforeClose={() => {\r\n          this.solutionDeleteDialogBeforeClose.emit();\r\n        }}\r\n        oncalciteDialogClose={() => {\r\n          this.open = false;\r\n          this.solutionDeleteDialogOpen.emit(false);\r\n        }}\r\n      >\r\n        {\r\n          this._isDeleteInProgress ? (\r\n            <calcite-loader\r\n              label={this._translations.deleteInProgress}\r\n              scale='l'\r\n              text={this._translations.deleteInProgress}\r\n              type='determinate-value'\r\n              value={this._deletePercentage}>\r\n            </calcite-loader>\r\n          ) :\r\n            this._showUndeletableItems ? (\r\n              <>\r\n                <calcite-label\r\n                  class={displayClass}\r\n                  layout='inline'\r\n                >\r\n                  {this._translations.failedToDeleteItems}\r\n                </calcite-label>\r\n                <solution-item-accordion\r\n                  class={displayClass}\r\n                  itemRelationshipDependencies={[]}\r\n                  linkType='item'\r\n                  listSelectionMode='multiple'\r\n                  ref={this._accordion}\r\n                  templateInfos={this._templateInfos}\r\n                  typeKeywords={this.card?.typeKeywords}\r\n                />\r\n                <calcite-button\r\n                  appearance='outline'\r\n                  onClick={this.close}\r\n                  slot='footer-end'\r\n                >\r\n                  {this._translations.buttonClose}\r\n                </calcite-button>\r\n              </>\r\n            )\r\n              :\r\n              (\r\n                <>\r\n                  <calcite-label\r\n                    class={displayClass}\r\n                    layout='inline'\r\n                    scale='l'\r\n                  >\r\n                    {this._translations.deletionNote}\r\n                    <calcite-chip\r\n                      label={deleteableCountText}\r\n                      scale='m'\r\n                      icon='information'\r\n                    >\r\n                      {deleteableCountText}\r\n                    </calcite-chip>\r\n                  </calcite-label>\r\n                  <calcite-loader\r\n                    class={loaderClass}\r\n                    label={''}\r\n                  />\r\n                  <solution-item-accordion\r\n                    class={displayClass}\r\n                    itemRelationshipDependencies={justDependencies}\r\n                    linkType='item'\r\n                    listSelectionMode='multiple'\r\n                    ref={this._accordion}\r\n                    templateInfos={this._templateInfos}\r\n                    typeKeywords={this.card?.typeKeywords}\r\n                  />\r\n                  <calcite-button\r\n                    appearance='outline'\r\n                    onClick={this.close}\r\n                    slot='footer-end'\r\n                  >\r\n                    {this._translations.buttonCancel}\r\n                  </calcite-button>\r\n                  <calcite-button\r\n                    onClick={() => {\r\n                      this.delete();\r\n                    }}\r\n                    slot='footer-end'\r\n                    kind='danger'\r\n                  >\r\n                    {this._translations.buttonDelete}\r\n                  </calcite-button>\r\n                  {this._showDeleteError &&\r\n                    <calcite-alert\r\n                      icon='exclamation-mark-triangle'\r\n                      kind='danger'\r\n                      label={this._translations.failedToDelete}\r\n                      oncalciteAlertClose={() => { this._showDeleteError = false }}\r\n                      open\r\n                    >\r\n                      <div slot='message'>\r\n                        {this._translations.failedToDelete}\r\n                      </div>\r\n                    </calcite-alert>\r\n                  }\r\n                </>\r\n              )\r\n        }\r\n      </calcite-dialog>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Obtains all the tempaltes from a solution to use in a diagram */\r\n  private async _processTemplates(\r\n    card: ISolutionInfoCard\r\n  ): Promise<ITemplateInfoGraph[]> {\r\n    return await prepareDataForSolutionDisplay(card.id, this._configContextConsumer.value!.userSession);\r\n  }\r\n\r\n  /** Get a list of all the relationed items to the item provided in the parameter. */\r\n  private async _getRelatedDependency(\r\n    itemId: string,\r\n    direction: 'reverse' | 'forward',\r\n    type: ItemRelationshipType\r\n  ): Promise<IRelatedItems[]> {\r\n    //const relatedItems = await getItemRelatedItemsInSameDirection(itemId, direction, this._configContextConsumer.value!.userSession!);\r\n    //keep above in case we need different relationships in the future to switch to that function.\r\n    const relatedItems = await getItemRelatedItems(itemId, type, direction, this._configContextConsumer.value!.userSession);\r\n    return [{\r\n      relationshipType: type,\r\n      relatedItemIds: relatedItems.relatedItems.map((item) => item.id),\r\n    }]\r\n  }\r\n\r\n  /** Get a count of the unique dependencies */\r\n  private _getDependencyCount(): number {\r\n    const controlItemsArray = this._nonSolutionDependencyItems.map(dep => dep.controlItemId);\r\n    const uniqueControlItems = [...new Set(controlItemsArray)];\r\n    return uniqueControlItems.length;\r\n  }\r\n\r\n}\r\n"],"names":["ref$jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EM,MAAO,6BAA6B,WAAU;AAAA,EAUlD,cAAA;AACE,UAAA;AAwBU,SAAA,OAAO;AASV,SAAA,oBAAoB;AAGpB,SAAA,qBAAqB;AAGrB,SAAA,sBAAsB;AAGtB,SAAA,8BAAgD,CAAA;AAGhD,SAAA,mBAAmB;AAGnB,SAAA,wBAAwB;AAGxB,SAAA,iBAAkC,CAAA;AAMlC,SAAA,gBAAgB,OAA0B,EAAE,MAAM,0BAA0B,UAAU,MAAM;AASrG,SAAQ,aAAa,UAAA;AAGrB,SAAQ,yBAAyB,mBAAmB;AAAA,MAClD,SAAS;AAAA,MACT,WAAW;AAAA,IAAA,CACZ;AA6HD,SAAA,2BAA2B,YAAA;AAG3B,SAAA,kBAAkB,YAAA;AAGlB,SAAA,kCAAkC,YAAA;AA1MhC,SAAK,SAAS,QAAQ,gBAAgB,CAAC,QAAO;AAC5C,UAAI,KAAK,qBAAqB;AAC5B,YAAI,eAAA;AAGJ,YAAI,cAAc;AAAA,MACpB;AAAA,IACF,CAAC;AAAA,EACH;AAAA;;;EAZA,OAAA;AAAA,SAAgB,SAAS;AAAA,EAAA;AAAA,EAiGlB,QAAa;AAClB,QAAI,KAAK,uBAAuB;AAC9B,WAAK,gBAAgB,KAAK,EAAE,WAAW,OAAO,yBAAyB,MAAM;AAAA,IAC/E;AACA,SAAK,mBAAmB;AACxB,SAAK,wBAAwB;AAC7B,SAAK,sBAAsB;AAC3B,SAAK,OAAO;AACZ,SAAK,yBAAyB,KAAK,KAAK;AAAA,EAC1C;AAAA,EAIO,SAAc;AACnB,SAAK,sBAAsB;AAC3B,QAAI,KAAK,MAAM;AACb,YAAM,mBAA0B,CAAC;AAAA,QAC/B,YAAY,KAAK,KAAK;AAAA,QACtB,YAAY;AAAA,QACZ,SAAS,KAAK,KAAK;AAAA,QACnB,YAAY,KAAK,KAAK;AAAA,MAAA,CACvB;AACD,YAAM,UAAkC;AAAA,QACtC,kBAAkB,CAAC,gBAAe;AAChC,eAAK,oBAAoB,KAAK,MAAM,WAAW;AAAA,QACjD;AAAA,MAAA;AAEF,WAAK,eAAe,KAAK,KAAK,IAAI,KAAK,uBAAuB,MAAO,aAAa,OAAO,EAAE,KAAK,CAAC,YAAW;AAC1G,cAAM,gBAAiC,QAAQ,CAAC;AAChD,YAAI;AACJ,YAAI,eAAe;AACjB,0BAAgB,cAAc,MAAM,IAAI,CAAA,aAAW;AACjD,kBAAM,cAAc;AAAA,cAClB,YAAY,SAAS;AAAA,cACrB,YAAY,SAAS;AAAA,cACrB,SAAS,SAAS;AAAA,cAClB,YAAY,SAAS;AAAA,YAAA;AAEvB,mBAAO;AAAA,UACT,CAAC;AAAA,QACH,OACK;AAEH,0BAAgB;AAAA,QAClB;AACA,YAAI,cAAc,WAAW,GAAG;AAE9B,eAAK,gBAAgB,KAAK,EAAE,WAAW,MAAM,yBAAyB,MAAM;AAC5E,eAAK,sBAAsB;AAC3B,eAAK,OAAO;AAAA,QACd,OAAO;AACL,gBAAM,kBAAkB,cAAc,KAAK,CAAA,SAAQ,KAAK,aAAa,UAAU;AAC/E,cAAI,iBAAiB;AACnB,gBAAI,KAAK,MAAM;AACb,mBAAK,KAAK,kBAAkB,KAAK,IAAI,EAAE,KAAK,CAAC,cAAa;AACxD,qBAAK,iBAAiB;AACtB,qBAAK,mBAAmB;AACxB,qBAAK,wBAAwB;AAC7B,qBAAK,sBAAsB;AAAA,cAC7B,CAAC;AAAA,YACH,OAAO;AACL,mBAAK,mBAAmB;AACxB,mBAAK,sBAAsB;AAAA,YAC7B;AAAA,UACF,OAAO;AACL,gBAAI,KAAK,MAAM;AACb,kBAAI,sBAAsB,CAAA;AAC1B,oCAAsB,cAAc,MAAM,IAAI,CAAA,aAAW;AACvD,sBAAM,cAAc;AAAA,kBAClB,MAAM,SAAS;AAAA,kBACf,SAAS,SAAS;AAAA,kBAClB,QAAQ,SAAS;AAAA,kBACjB,SAAS,SAAS;AAAA,kBAClB,YAAY,SAAS;AAAA,kBACrB,gBAAgB,CAAA;AAAA,kBAChB,WAAW;AAAA,kBACX,gBAAgB,CAAA;AAAA,kBAChB,OAAO,WAAW,SAAS,IAAI,KAAK,uBAAuB,MAAO,cAAe;AAAA,gBAAA;AAEnF,uBAAO;AAAA,cACT,CAAC;AACD,mBAAK,iBAAiB;AACtB,mBAAK,mBAAmB;AACxB,mBAAK,wBAAwB;AAC7B,mBAAK,sBAAsB;AAAA,YAC7B,OAAO;AACL,mBAAK,gBAAgB,KAAK,EAAE,WAAW,MAAM,yBAAyB,MAAM;AAC5E,mBAAK,sBAAsB;AAC3B,mBAAK,OAAO;AAAA,YACd;AAAA,UACF;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAwBS,WAAW,oBAAyC;AAC3D,QAAI,mBAAmB,IAAI,MAAM,GAAG;AAClC,YAAM,WAAW,mBAAmB,IAAI,MAAM;AAC9C,UAAI,KAAK,QAAQ,CAAC,UAAU;AAC1B,aAAK,qBAAqB;AAC1B,aAAK,KAAK,kBAAkB,KAAK,IAAK,EAAE,KAAK,CAAC,cAAa;AACzD,eAAK,iBAAiB;AAEtB,cAAI,4BAA8C,CAAA;AAGlD,gBAAM,oBAAoB,KAAK,eAAe,IAAI,OAAO,aAAY;AACnE,kBAAM,eAAe,MAAM,KAAK,sBAAsB,SAAS,IAAI,WAAW,eAAe;AAC7F,mBAAO,EAAE,UAAU,aAAA;AAAA,UACrB,CAAC;AAED,eAAK,QAAQ,IAAI,iBAAiB,EAAE,KAAK,CAAC,yBAAwB;AAEhE,uBAAW,EAAE,UAAU,aAAA,KAAkB,sBAAsB;AAC7D,yBAAW,eAAe,cAAc;AAEtC,sBAAM,mBAAqC,CAAA;AAC3C,2BAAW,UAAU,YAAY,gBAAgB;AAC/C,mCAAiB,KAAK;AAAA,oBACpB,eAAe,SAAS;AAAA,oBACxB,kBAAkB;AAAA,kBAAA,CACnB;AAAA,gBACH;AACA,sBAAM,UAAU,iBAAiB,OAAO,CAAC,KAAK,QAAO;AACnD,sBAAI,CAAC,IAAI,IAAI,aAAa,GAAG;AAC3B,wBAAI,IAAI,aAAa,IAAI,oBAAI,IAAA;AAAA,kBAC/B;AACA,sBAAI,IAAI,aAAa,EAAE,IAAI,IAAI,gBAAgB;AAC/C,yBAAO;AAAA,gBACT,GAAG,CAAA,CAAiC;AAGpC,sBAAM,iBAAiB,OAAO,QAAQ,OAAO,EAC1C,OAAO,CAAC,CAAC,GAAG,MAAM,MAAM,OAAO,OAAO,CAAC,EACvC,QAAQ,CAAC,CAAC,eAAe,MAAM,MAC9B,MAAM,KAAK,MAAM,EAAE,IAAI,CAAA,sBAAqB;AAAA,kBAC1C;AAAA,kBACA;AAAA,gBAAA,EACA,CAAC;AAEP,oBAAI,eAAe,SAAS,GAAG;AAC7B,8CAA4B,0BAA0B,OAAO,cAAc;AAAA,gBAC7E;AAAA,cACF;AAAA,YACF;AAEA,iBAAK,8BAA8B,MAAM,KACvC,IAAI,IACF;AAAA,cACE,GAAG;AAAA,YAAA,EACH,IAAI,CAAA,QAAO,CAAC,GAAG,IAAI,aAAa,IAAI,IAAI,gBAAgB,IAAI,GAAG,CAAC,CAAC,EACnE,QAAQ;AAEZ,kBAAM,eAAe,KAAK,4BAA4B,IAAI,CAAA,QAAO,IAAI,aAAa;AAClF,kBAAM,iBAAiB,CAAC,GAAG,IAAI,IAAI,YAAY,CAAC;AAChD,iBAAK,WAAW,MAAO,YAAY,cAAc;AACjD,iBAAK,qBAAqB;AAAA,UAC5B,CAAC;AAAA,QACH,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAAA,EAGS,QAAQ,oBAAyC;AACxD,QAAI,mBAAmB,IAAI,uBAAuB,GAAG;AACnD,UAAI,KAAK,0BAA0B,mBAAmB,IAAI,uBAAuB,GAAG;AAClF,aAAK,WAAW,MAAO,YAAY,KAAK,eAAe,IAAI,CAAA,aAAY,SAAS,EAAE,CAAC;AAAA,MACrF;AAAA,IACF;AAAA,EACF;AAAA,EAGS,SAAiB;AACxB,UAAM,cAAc,KAAK,qBAAqB,KAAK;AACnD,UAAM,eAAe,KAAK,qBAAqB,iBAAiB;AAChE,UAAM,mBAAmB,CAAC,GAAG,IAAI,IAAI,KAAK,4BAA4B,IAAI,CAAA,QAAO,IAAI,aAAa,CAAC,CAAC;AACpG,UAAM,kBAAkB,KAAK,eAAe,SAAS,KAAK,oBAAA;AAC1D,UAAM,sBAAsB,KAAK,cAAc,cAC5C,QAAQ,uBAAuB,gBAAgB,SAAA,CAAU,EACzD,QAAQ,kBAAkB,KAAK,eAAe,OAAO,UAAU;AAClE,WAAO,6DAGY,KAAK,mBAAmB,aAC9B,KAAK,cAAc,MAAM,QAAQ,gBAAgB,KAAK,MAAM,SAAS,EAAE,CAAC,OAC7E,KAAK,cAAc,MAAM,QAAQ,gBAAgB,KAAK,MAAM,SAAS,EAAE,KAAC,OAAA,4BAGtE,KAAK,IAAI,6DAGa,MAAK;AAC/B,WAAK,gCAAgC,KAAA;AAAA,IACvC,CAAC,wBACqB,MAAK;AACzB,WAAK,OAAO;AACZ,WAAK,yBAAyB,KAAK,KAAK;AAAA,IAC1C,CAAC,IAGC,KAAK,sBAAsB,8BAEhB,KAAK,cAAc,gBAAgB,kBAEpC,KAAK,cAAc,gBAAgB,kCAElC,KAAK,iBAAiB,uBAG/B,KAAK,wBAAwB,4BAAA,aAGhB,YAAY,CAAA,kBAGlB,KAAK,cAAc,mBAAmB,kDAAA,aAGhC,YAAY,CAAA,kCACW,CAAA,CAAE,+DAIjB,KAAK,cAAc,kBACpB,KAAK,MAAM,YAAY,IAAAA,IAFhC,KAAK,UAAU,yEAMX,KAAK,KAAK,oBAGlB,KAAK,cAAc,WAAW,sBAKnC,4BAAA,aAGa,YAAY,CAAA,0BAIlB,KAAK,cAAc,YAAY,wBAEvB,mBAAmB,6BAIzB,mBAAmB,wDAAA,aAIf,WAAW,CAAA,0DAAA,aAIX,YAAY,mCACW,gBAAgB,+DAI/B,KAAK,cAAc,kBACpB,KAAK,MAAM,YAAY,QAFhC,KAAK,UAAU,CAAA,wEAMX,KAAK,KAAK,oBAGlB,KAAK,cAAc,YAAY,2CAGvB,MAAK;AACZ,WAAK,OAAA;AAAA,IACP,CAAC,gCAIA,KAAK,cAAc,YAAY,oBAEjC,KAAK,4FAIK,KAAK,cAAc,cAAc,uBACnB,MAAK;AAAG,WAAK,mBAAmB;AAAA,IAAM,CAAC,2BAIzD,KAAK,cAAc,cAAc,4BAEtB,EAAA,EAGrB;AAAA,EAIb;AAAA,EASA,MAAc,kBACZ,MAC8B;AAC9B,WAAO,MAAM,8BAA8B,KAAK,IAAI,KAAK,uBAAuB,MAAO,WAAW;AAAA,EACpG;AAAA,EAGA,MAAc,sBACZ,QACA,WACA,MACyB;AAGzB,UAAM,eAAe,MAAM,oBAAoB,QAAQ,MAAM,WAAW,KAAK,uBAAuB,MAAO,WAAW;AACtH,WAAO,CAAC;AAAA,MACN,kBAAkB;AAAA,MAClB,gBAAgB,aAAa,aAAa,IAAI,CAAC,SAAS,KAAK,EAAE;AAAA,IAAA,CAChE;AAAA,EACH;AAAA,EAGQ,sBAA6B;AACnC,UAAM,oBAAoB,KAAK,4BAA4B,IAAI,CAAA,QAAO,IAAI,aAAa;AACvF,UAAM,qBAAqB,CAAC,GAAG,IAAI,IAAI,iBAAiB,CAAC;AACzD,WAAO,mBAAmB;AAAA,EAC5B;AAED;;"}