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

package/dist/components/solutions-deployed-panel/customElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/solutions-deployed-panel/solutions-deployed-panel.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 type { PropertyValues } from 'lit';\r\nimport {\r\n  createEvent,\r\n  h,\r\n  LitElement,\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 './solutions-deployed-panel.css';\r\nimport { CardsFetcher } from '../../utils/CardsFetcher';\r\nimport {\r\n  configContext,\r\n} from '../../utils/deployAppContexts';\r\nimport {\r\n  BASE_DEPLOYED_TERMS,\r\n  EOwnerOption,\r\n} from '../../utils/interfaces';\r\nimport type {\r\n  IDeployedSolutionCardRefs,\r\n  IFilterOption,\r\n  ISearchOption,\r\n  ISearchTerm,\r\n  ISolutionInfoCard,\r\n  ISortOption,\r\n  ISortType,\r\n  SortType,\r\n} from '../../utils/interfaces';\r\nimport {\r\n  getDeployedSolutions\r\n} from '../../utils/cardFetchingUtils';\r\nimport { getUserIsAdmin } from '../../utils/privilegeUtils'\r\n\r\n/** Max tries a for query to see if query results is updated. */\r\nconst MAX_REQUERY = 5;\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'solutions-deployed-panel': SolutionsDeployedPanel;\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/406\r\n\r\nexport class SolutionsDeployedPanel 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<CustomEvent>(window, 'solutionDeleted', (value) => {\r\n      this._modifiedCheckTry = MAX_REQUERY;\r\n      this.reload(value.detail.showAlert, value.detail.refreshSolutionsTimeout);\r\n    });\r\n    this.listenOn<CustomEvent>(window, 'solutionConfigureDialogClose', (evt: CustomEvent) => {\r\n      if (evt.detail) {\r\n        // when the response is true a deployed solution has been updated\r\n        this.reload(false, false);\r\n      }\r\n    });\r\n    this.listenOn<CustomEvent>(window, 'deployProgressEnd', (evt) => {\r\n      this._modifiedCheckTry = MAX_REQUERY;\r\n      this._refresh(evt);\r\n    });\r\n    this.listenOn<CustomEvent>(window, 'sortTypeChanged', (evt) => {\r\n      if (evt.detail && evt.detail.scope === 'deployments') {\r\n        this.sortType = evt.detail.sortType;\r\n        this.searchSolutions(evt.detail);\r\n      }\r\n    });\r\n    this.listenOn<CustomEvent>(window, 'searchChanged', (evt) => {\r\n      if (evt.detail && evt.detail.scope === 'deployments') {\r\n        this.searchSolutions(evt.detail.option);\r\n      }\r\n    });\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Define how the cards will be sorted\r\n   * valid options for deplyed cards are: created (ie date deployed), relevance, title\r\n  */\r\n  @property() sortType: SortType = 'created';\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** All the solution cards */\r\n  @state() _cards: ISolutionInfoCard[] = [];\r\n\r\n  /** When true the cards are being fetched */\r\n  @state() _cardsFetching = false;\r\n\r\n  /** Flag and retry counter to determine if new solution deployed or existing solution deleted. */\r\n  @state() _modifiedCheckTry: number = 0;\r\n\r\n  /** Temp value that is used to show a newly deployed solution */\r\n  @state() _newId = '';\r\n\r\n  /** Object with deployed card references shown in this panel */\r\n  @state() _refs: IDeployedSolutionCardRefs = {};\r\n\r\n  /** control to show successful deletion */\r\n  @state() _showDeleteCompleteAlert = 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: 'solutions-deployed-panel', blocking: true });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Used for solution queries, the search terms for ago */\r\n  private _agoTerms = BASE_DEPLOYED_TERMS;\r\n\r\n  /** All of the feteched solution cards used to help with fetching of deployed and related solutions.\r\n   * This is only populated once on load.\r\n  */\r\n  private _allCards: ISolutionInfoCard[] = [];\r\n\r\n  /** Used for solution queries, the search terms for ago */\r\n  private _baseAgoTerms = BASE_DEPLOYED_TERMS;\r\n\r\n  /** Helper module that will handle the fecthing of solutions */\r\n  private _cardsFetcher: CardsFetcher | undefined;\r\n\r\n  /** Helper module that will handle the fecthing of deployed solutions */\r\n  private _cardsFetcherDeployed: CardsFetcher | undefined;\r\n\r\n  /** Used for solution queries, should be populated when domain filters are applied */\r\n  private _categories: string[] = [];\r\n\r\n  /** When true we are in mobile view. */\r\n  private _configContextConsumer = useContextConsumer({\r\n    context: configContext,\r\n    subscribe: true,\r\n    callback: async (evt) => {\r\n      if (evt) {\r\n        this._initCardsFetchers();\r\n        this._isOrgAdmin = getUserIsAdmin(this._configContextConsumer.value!.authentication!);\r\n        await this._getDeployedSolutions();\r\n      }\r\n    }\r\n  });\r\n\r\n  /** Used for solution queries to delay the query */\r\n  private _delay = false;\r\n\r\n  /** Used to store if logged on user is an admin */\r\n  private _isOrgAdmin = false;\r\n\r\n  /** Used to store filter by owner or organization */\r\n  private _owner: EOwnerOption = EOwnerOption.OWNER;\r\n\r\n  /** Used for solution queries, defines the key field that will be used to sort the solutions */\r\n  private _sortField: 'created' | 'relevance' | 'title' | 'updated' = 'created';\r\n\r\n  /** Used for solution queries, conrols the order solutions are sorted*/\r\n  private _sortOrder: 'asc' | 'desc' = 'desc';\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  /** function to refresh the panel after a deletion or solution title/snippet change */\r\n  @method() async reload(\r\n    showDeleteMessage = true,\r\n    useTimeout = true\r\n  ): Promise<void> {\r\n    this._initCardsFetchers();\r\n\r\n    if (showDeleteMessage) {\r\n      this._showDeleteCompleteAlert = true;\r\n    }\r\n\r\n    if (useTimeout) {\r\n      setTimeout((): void => {\r\n        void (async (): Promise<void> => {\r\n          try {\r\n            await this._getDeployedSolutions();\r\n          } catch (err) {\r\n            console.error('Error getting deployed solutions:', err);\r\n          }\r\n        })();\r\n      }, 500);\r\n    } else {\r\n      await this._getDeployedSolutions();\r\n    }\r\n  }\r\n\r\n  /** Search solutions based on key criteria\r\n   *\r\n   * @param searchOptions the key criteria to search with\r\n   */\r\n  @method() async searchSolutions(\r\n    searchOptions?: IFilterOption | ISearchOption | ISortOption\r\n  ): Promise<void> {\r\n    if (searchOptions) {\r\n      if ('searchTerm' in searchOptions) {\r\n        // sets props for query\r\n        this._textSearch(searchOptions.searchTerm);\r\n      } else if ('sortType' in searchOptions) {\r\n        // sets props for query\r\n        this._sortCards(searchOptions);\r\n      } else {\r\n        if (searchOptions.type === 'owner') {\r\n          this._owner = searchOptions.value as EOwnerOption;\r\n        }\r\n      }\r\n    } else {\r\n      this._agoTerms = this._baseAgoTerms;\r\n      this._clearFilterCategories();\r\n    }\r\n    await this._getDeployedSolutions();\r\n  }\r\n\r\n  /** Set key properties for solution search\r\n   * This is used for handeling multiple options from url params\r\n   *\r\n   * @param searchOptions the key criteria that will be used when searched\r\n   */\r\n  @method() async setSearchOptions(\r\n    searchOptions?: IFilterOption | ISearchOption | ISortOption\r\n  ): Promise<void> {\r\n    if (searchOptions) {\r\n      if ('searchTerm' in searchOptions) {\r\n        // just sets props for query\r\n        this._textSearch(searchOptions.searchTerm);\r\n        // used to support url params\r\n        this.searchTermSet.emit({\r\n          searchTerm: searchOptions.searchTerm,\r\n          scope: 'deployments'\r\n        });\r\n      }\r\n      if ('sortType' in searchOptions) {\r\n        // just sets props for query\r\n        this._sortCards(searchOptions);\r\n        this.sortTypeSet.emit({\r\n          sortType: searchOptions.sortType,\r\n          scope: 'deployments'\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 on demand when cards are fetched */\r\n  deployedCardsFetched = createEvent<number>();\r\n\r\n  /** Emitted on demand when the serachTerm is set from url param */\r\n  searchTermSet = createEvent<ISearchTerm>();\r\n\r\n  /** Emitted on demand when the sortType is set from url param */\r\n  sortTypeSet = createEvent<ISortType>();\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    if (this._cardsFetching) {\r\n      return (\r\n        <calcite-loader\r\n          label={this._translations.fetchingDeployedSolutions}\r\n        />\r\n      );\r\n    }\r\n\r\n    if (!this._cards.length) {\r\n      return (\r\n        <div class='no-solutions'>\r\n          {this._getSolutionsBriefcase()}\r\n          <div class='text-center leader-1 warning-text trailer-1 display-flex flex-direction-column'>\r\n            <span>\r\n              {this._translations.noSolutionsFound}\r\n            </span>\r\n            <span>\r\n              {this._translations.noSolutionsInstruction}\r\n            </span>\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <calcite-panel>\r\n        <calcite-card-group\r\n          class='card-group'\r\n          label={this._translations.allDeployed}\r\n        >\r\n          {this._renderCards()}\r\n        </calcite-card-group>\r\n        <calcite-alert\r\n          autoClose\r\n          autoCloseDuration='fast'\r\n          icon='check-circle'\r\n          kind='success'\r\n          label={this._translations.deleteComplete}\r\n          open={this._showDeleteCompleteAlert}\r\n          oncalciteAlertClose={() => { this._showDeleteCompleteAlert = false; }}\r\n        >\r\n          <div slot='title'>\r\n            {this._translations.deleteComplete}\r\n          </div>\r\n        </calcite-alert>\r\n      </calcite-panel>\r\n    );\r\n  }\r\n\r\n  /** fired after the DOM is updated */\r\n  override updated(changes: PropertyValues<this>): void {\r\n    if (changes.has('_refs')) {\r\n      // Wait for the refs to be updated when we want to display a newly deployed solution\r\n      if (this._newId && Object.keys(this._refs).indexOf(this._newId) > -1) {\r\n        void this._refs[this._newId].renderConfigureDialog();\r\n        this._newId = '';\r\n      }\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Init the cards fetchers */\r\n  private _initCardsFetchers(): void {\r\n    if (this._configContextConsumer.value) {\r\n      const config = this._configContextConsumer.value!;\r\n      this._cardsFetcher = new CardsFetcher(config.locale, config.orgUrl, config.portalUrl);\r\n      this._cardsFetcherDeployed = new CardsFetcher(config.locale, config.orgUrl, config.portalUrl);\r\n    }\r\n  }\r\n\r\n  /** Renders the fetched cards. */\r\n  private _renderCards(): JsxNode[] {\r\n    this._refs = {};\r\n\r\n    return this._cards.map((card) => (\r\n      <solution-deployed-card\r\n        allowDelete={\r\n          this._isOrgAdmin ||\r\n          card.owner === this._configContextConsumer.value!.userSession!.username ||\r\n          this.checkDeletePermissions()\r\n        }\r\n        card={card}\r\n        deployedDate={card.created}\r\n        description={card.snippet}\r\n        diagramKey={this._configContextConsumer.value?.diagramKey}\r\n        heading={card.title}\r\n        id={card.id}\r\n        itemId={card.id}\r\n        owner={this._owner === EOwnerOption.OWNER ? '' : card.owner}\r\n        ref={this._handleRefs}\r\n        thumbnail={card.thumbnailUrl}\r\n        updateAvailable={false}\r\n      />\r\n    ));\r\n  }\r\n\r\n  /** Store the deployed card references */\r\n  private _handleRefs(el: any): void {\r\n    if (el) {\r\n      this._refs[el.id] = el;\r\n    }\r\n  }\r\n\r\n  /** Fetch the deployed solutions */\r\n  private async _getDeployedSolutions(): Promise<void> {\r\n    const auth = this._configContextConsumer.value!.authentication!;\r\n    if (auth.IsSignedIn) {\r\n      this._cardsFetching = true;\r\n      const deployedSolutions = await getDeployedSolutions(\r\n        auth,\r\n        this._configContextConsumer.value!.userSession,\r\n        this._cardsFetcher!,\r\n        this._cardsFetcherDeployed!,\r\n        this._agoTerms,\r\n        this._sortField,\r\n        this._sortOrder,\r\n        this._delay,\r\n        this._categories,\r\n        this._allCards,\r\n        this._owner\r\n      );\r\n\r\n      if (this._modifiedCheckTry > 0) {\r\n        if (this._cards.length === deployedSolutions?.cards.length) {\r\n          this._modifiedCheckTry--;\r\n          this._getDeployedSolutions();\r\n        } else {\r\n          this._modifiedCheckTry = 0;\r\n        }\r\n      }\r\n\r\n      this._cards = deployedSolutions?.cards ?? [];\r\n\r\n      this.deployedCardsFetched.emit(this._cards.length);\r\n      this._cardsFetching = false;\r\n    }\r\n  }\r\n\r\n  /** Get the solutions briefcase svg.\r\n   * This is duplicated in solutions-all-panel.\r\n   * If you need to change update there as well.\r\n  */\r\n  private _getSolutionsBriefcase(): JsxNode {\r\n    return (\r\n      <div class='solutions-briefcase'>\r\n        <svg viewBox='0 0 64 64' width='200' height='200' xmlns='http://www.w3.org/2000/svg' fill='var(--calcite-color-text-3)'>\r\n          <path d='M10.723 54.9h6.409a7.896 7.896 0 0 0 13.736 0h23.896a4.137 4.137 0 0 0 4.136-4.136l-.004-32.446a3.222 3.222 0 0 0-3.217-3.219l-10.779.064V9.836A3.741 3.741 0 0 0 41.163 6.1H23.837A3.741 3.741 0 0 0 20.1 9.836l.067 5.264-10.8.004A3.275 3.275 0 0 0 6.1 18.37L6.096 26a.893.893 0 0 0 .263.636.907.907 0 0 0 .638.263l5.902-.014.013-5.985 38.781.01a.407.407 0 0 1 .407.407l.008 22.925a2.858 2.858 0 0 1-2.857 2.858H30.868a7.896 7.896 0 0 0-13.736 0H12.9v-5.2a.801.801 0 0 0-.8-.8H6.9a.801.801 0 0 0-.8.8l-.001 8.375a4.59 4.59 0 0 0 1.353 3.27 4.658 4.658 0 0 0 3.27 1.355zM6.9 41.9h5.2v6h5.51l.112-.213a7.098 7.098 0 0 1 12.556 0l.113.213h18.86a3.683 3.683 0 0 0 2.587-1.071 3.635 3.635 0 0 0 1.071-2.587L52.9 21.317a1.208 1.208 0 0 0-1.207-1.207l-38.867-.01a.714.714 0 0 0-.714.712l-.011 5.275-5.106.012.001.4-.1-.499.003-7.628a2.471 2.471 0 0 1 2.468-2.469l10.8-.003a.734.734 0 0 0 .733-.733v-5.33A2.94 2.94 0 0 1 23.837 6.9h17.326A2.94 2.94 0 0 1 44.1 9.836v5.327a.734.734 0 0 0 .733.733l10.846.003a2.421 2.421 0 0 1 2.417 2.419l.004 32.446a3.337 3.337 0 0 1-3.336 3.336H30.39l-.113.213a7.098 7.098 0 0 1-12.556 0l-.113-.213h-6.886a3.85 3.85 0 0 1-2.704-1.12 3.796 3.796 0 0 1-1.12-2.705zm17.1 13a3.9 3.9 0 1 0-3.9-3.9 3.905 3.905 0 0 0 3.9 3.9zm0-7a3.1 3.1 0 1 1-3.1 3.1 3.103 3.103 0 0 1 3.1-3.1zm10-6a7.918 7.918 0 0 0 7.349-5h4.818a.734.734 0 0 0 .733-.733v-4.334a.734.734 0 0 0-.733-.733h-4.818a7.9 7.9 0 0 0-14.698 0H5.833a.734.734 0 0 0-.733.733v4.334a.734.734 0 0 0 .733.733h20.818a7.918 7.918 0 0 0 7.349 5zm-28.167-10h21.378l.095-.266a7.1 7.1 0 0 1 13.388 0l.095.266 5.31-.066.068 4.266h-5.378l-.095.266a7.1 7.1 0 0 1-13.388 0l-.095-.266-21.31.066zM34 37.9a3.9 3.9 0 1 0-3.9-3.9 3.905 3.905 0 0 0 3.9 3.9zm0-7a3.1 3.1 0 1 1-3.1 3.1 3.103 3.103 0 0 1 3.1-3.1zm5.658-20.8H25.342a1.244 1.244 0 0 0-1.242 1.242V15.9h16.8v-4.558a1.244 1.244 0 0 0-1.242-1.242zm.442 5H24.9v-3.758a.443.443 0 0 1 .442-.442h14.316a.443.443 0 0 1 .442.442z' />\r\n        </svg>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** These are text based searches and should not change existing filters or sort options */\r\n  private _textSearch(\r\n    searchText: string\r\n  ): void {\r\n    this._agoTerms = this._baseAgoTerms + ` ${searchText}`;\r\n  }\r\n\r\n  /** These are sort specific and should not change existing text based search or filters */\r\n  private _sortCards(\r\n    sortOption: ISortOption\r\n  ): void {\r\n    const sortType = sortOption.sortType;\r\n    if (sortType === 'relevance' || sortType === 'title') { // it didn't like [].indexOf test here\r\n      if (sortType === 'title') {\r\n        this._sortOrder = 'asc';\r\n      }\r\n      this._sortField = sortType;\r\n    } else if (sortType === 'updated' || sortType === 'created') {\r\n      this._sortOrder = 'desc';\r\n      this._sortField = sortType;\r\n    }\r\n    // TODO decide if this makes sense\r\n    this.sortType = sortType;\r\n  }\r\n\r\n  /** Clear the categories that are populated when filters are applied*/\r\n  private _clearFilterCategories(): void {\r\n    this._categories = [];\r\n  }\r\n\r\n  /** Confirm if the user has delete permissions */\r\n  private checkDeletePermissions(): boolean {\r\n    const userInfo = this._configContextConsumer.value!.authentication;\r\n    if (userInfo?.PortalUserPrivileges && userInfo.PortalUserPrivileges.length > 0) {\r\n      return userInfo.PortalUserPrivileges.some((priviledge) => priviledge === 'portal:admin:deleteItems')\r\n    }\r\n    return false;\r\n  }\r\n\r\n  /**\r\n   * Fetch the deployed cards again after successful deployment\r\n   * and show the newly deployed cards configuration dialog\r\n   */\r\n  private async _refresh(\r\n    evt: CustomEvent\r\n  ): Promise<void> {\r\n    const newSolutionId = evt.detail;\r\n    if (newSolutionId) {\r\n      this._newId = newSolutionId;\r\n      await this._getDeployedSolutions();\r\n    }\r\n  }\r\n\r\n}\r\n"],"names":["ref$jsx"],"mappings":"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"}

package/dist/components/solutions-deployed-shell/customElement.js

@@ -1,14 +1,14 @@
-import { c as a } from "../../chunks/runtime.js";
-import { u as s } from "../../chunks/useT9n.js";
-import { LitElement as r, createEvent as n, safeStyleMap as c } from "@arcgis/lumina";
-import { useContextConsumer as o } from "@arcgis/lumina/context";
-import { css as d, html as t, svg as h } from "lit";
-import { c as p, i as u } from "../../chunks/deployAppContexts.js";
-import { createRef as l, ref as g } from "lit/directives/ref.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 f = d`/** @license
+v1.2.0-next.59 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { LitElement, createEvent, safeStyleMap } from "@arcgis/lumina";
+import { useContextConsumer } from "@arcgis/lumina/context";
+import { css, html, svg } from "lit";
+import { c as configContext, i as isMobileContext } from "../../chunks/deployAppContexts.js";
+import { createRef, ref } from "lit/directives/ref.js";
+const styles = css`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -22,60 +22,220 @@ const f = d`/** @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.
- */calcite-shell-panel{z-index:var(--calcite-z-index-1)}.display-flex{display:flex}.flex-1,.flex-grow{flex:1}.flex-shrink-0{flex:0 0 auto}.leader-1{margin-top:var(--calcite-spacing-xxl)}.trailer-1{margin-bottom:var(--calcite-spacing-xxl)}.warning-text{max-width:35em;margin-left:auto;margin-right:auto;font-size:var(--calcite-font-size-md)}.text-center{text-align:center}.border-override{border-top-width:var(--calcite-border-width-none);border-bottom-width:var(--calcite-border-width-none)}.header-override{--calcite-panel-header-content-space: var(--calcite-spacing-none);--calcite-panel-header-background-color: var(--calcite-color-foreground-2)}.panel-override{--calcite-panel-background-color: var(--calcite-color-foreground-2);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none);padding-inline-start:var(--calcite-spacing-base);font-weight:var(--calcite-font-weight-medium)}.header-button-padding{padding-top:var(--calcite-spacing-sm);padding-bottom:var(--calcite-spacing-sm);padding-inline-start:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}.padding-start{padding-inline-start:var(--calcite-spacing-lg)}.align-items-center{align-items:center}.justify-content-end{justify-content:end}.filter-width-350{--calcite-shell-panel-width: 350px}.z-index-2{z-index:2}.mock-fab{--calcite-fab-shadow-internal: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);box-shadow:var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));--calcite-button-background-color: var(--calcite-fab-background-color);--calcite-button-border-color: var(--calcite-fab-border-color);--calcite-button-text-color: var(--calcite-fab-text-color);--calcite-button-loader-color: var(--calcite-fab-loader-color)}.position-relative{position:relative}.height-100{height:100%}.height-50{height:50px}.sign-in-prompt{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.sign-in-icon{transform:translate(-20px)}.height-150{height:150px}.width-150{width:150px}.padding-top-3{padding-top:3px}`;
-class m extends r {
+ */
+
+calcite-shell-panel {
+  z-index: var(--calcite-z-index-1);
+}
+
+.position-relative {
+  position: relative;
+}
+
+.display-flex {
+  display: flex;
+}
+
+.flex-1 {
+  flex: 1;
+}
+
+.flex-grow {
+  flex: 1;
+  /* This allows the label to grow and take up available space */
+}
+
+.flex-shrink-0 {
+  flex: 0 0 auto;
+  /* This prevents the label from growing and allows it to take only the space it needs */
+}
+
+.leader-1 {
+  margin-top: var(--calcite-spacing-xxl);
+}
+
+.trailer-1 {
+  margin-bottom: var(--calcite-spacing-xxl);
+}
+
+.warning-text {
+  max-width: 35em;
+  margin-left: auto;
+  margin-right: auto;
+  font-size: var(--calcite-font-size-md);
+}
+
+.text-center {
+  text-align: center;
+}
+
+.border-override {
+  border-top-width: var(--calcite-border-width-none);
+  border-bottom-width: var(--calcite-border-width-none);
+}
+
+.header-override {
+  --calcite-panel-header-content-space: var(--calcite-spacing-none);
+  --calcite-panel-header-background-color: var(--calcite-color-foreground-2);
+}
+
+.panel-override {
+  --calcite-panel-background-color: var(--calcite-color-foreground-2);
+  --calcite-panel-border-color: none;
+}
+
+.label-override {
+  --calcite-label-margin-bottom: var(--calcite-spacing-none);
+  padding-inline-start: var(--calcite-spacing-base);
+  font-weight: var(--calcite-font-weight-medium);
+}
+
+.header-button-padding {
+  padding-top: var(--calcite-spacing-sm);
+  padding-bottom: var(--calcite-spacing-sm);
+  padding-inline-start: var(--calcite-spacing-lg);
+  padding-inline-end: var(--calcite-spacing-lg);
+}
+
+.padding-start {
+  padding-inline-start: var(--calcite-spacing-lg);
+}
+
+.align-items-center {
+  align-items: center;
+}
+
+.justify-content-end {
+  justify-content: end;
+}
+
+.filter-width-350 {
+  --calcite-shell-panel-width: 350px;
+}
+
+.z-index-2 {
+  z-index: 2;
+}
+
+.mock-fab {
+  --calcite-fab-shadow-internal: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);
+  box-shadow: var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));
+  --calcite-button-background-color: var(--calcite-fab-background-color);
+  --calcite-button-border-color: var(--calcite-fab-border-color);
+  --calcite-button-text-color: var(--calcite-fab-text-color);
+  --calcite-button-loader-color: var(--calcite-fab-loader-color);
+}
+
+.position-relative {
+  position: relative;
+}
+
+.height-100 {
+  height: 100%;
+}
+
+.height-50 {
+  height: 50px;
+}
+
+.sign-in-prompt {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+}
+
+.sign-in-icon {
+  transform: translateX(-20px)
+}
+
+.height-150 {
+  height: 150px;
+}
+
+.width-150 {
+  width: 150px;
+}
+
+.padding-top-3 {
+  padding-top: 3px;
+}`;
+class SolutionsDeployedShell extends LitElement {
   constructor() {
-    super(...arguments), this.solutionsCount = 0, this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = s({ name: "solutions-deployed-shell", blocking: !0 }), this._configContextConsumer = o({
-      context: p,
-      subscribe: !0
-    }), this._isMobileContextConsumer = o({
-      context: u,
-      subscribe: !0,
-      callback: (e) => this.isMobile = e
-    }), this._solutionsDeployedFilterPanel = l(), this._solutionsDeployedPanelRef = l(), this.filterRemoved = n(), this.tokenRefreshed = n(), this._handleSignIn = () => {
-      const e = window.location.pathname.endsWith("deployments") ? "" : "deployments";
-      this._configContextConsumer.value?.authentication?.signIn(e);
+    super(...arguments);
+    this.solutionsCount = 0;
+    this.filterOpen = true;
+    this.filters = [];
+    this.isMobile = false;
+    this._translations = useT9n({ name: "solutions-deployed-shell", blocking: true });
+    this._configContextConsumer = useContextConsumer({
+      context: configContext,
+      subscribe: true
+    });
+    this._isMobileContextConsumer = useContextConsumer({
+      context: isMobileContext,
+      subscribe: true,
+      callback: (value) => this.isMobile = value
+    });
+    this._solutionsDeployedFilterPanel = createRef();
+    this._solutionsDeployedPanelRef = createRef();
+    this.filterRemoved = createEvent();
+    this.tokenRefreshed = createEvent();
+    this._handleSignIn = () => {
+      const signInParam = window.location.pathname.endsWith("deployments") ? "" : "deployments";
+      this._configContextConsumer.value?.authentication?.signIn(signInParam);
     };
   }
   static {
-    this.properties = { solutionsCount: 9, filterOpen: 16, filters: 16, isMobile: 16, _translations: 16 };
+    this.properties = { solutionsCount: [9, {}, { type: Number }], filterOpen: [16, {}, { state: true }], filters: [16, {}, { state: true }], isMobile: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = f;
+    this.styles = styles;
   }
-  willUpdate(e) {
-    e.has("isMobile") && (this.filterOpen = !this.isMobile);
+  willUpdate(changes) {
+    if (changes.has("isMobile")) {
+      this.filterOpen = !this.isMobile;
+    }
   }
-  async searchSolutions(e) {
-    if (this._solutionsDeployedPanelRef.value?.setSearchOptions(e), "owner" in e) {
-      const i = e.owner === "organization";
-      this._solutionsDeployedFilterPanel.value.changeOwnerFilter(!i, !0);
-    } else ("sortType" in e || "searchTerm" in e) && this._solutionsDeployedPanelRef.value?.searchSolutions(e);
+  async searchSolutions(searchOptions) {
+    this._solutionsDeployedPanelRef.value?.setSearchOptions(searchOptions);
+    if ("owner" in searchOptions) {
+      const isOrg = searchOptions.owner === "organization";
+      this._solutionsDeployedFilterPanel.value.changeOwnerFilter(!isOrg, true);
+    } else if ("sortType" in searchOptions || "searchTerm" in searchOptions) {
+      this._solutionsDeployedPanelRef.value?.searchSolutions(searchOptions);
+    }
   }
   async load() {
-    this._isMobileContextConsumer.value && (this.isMobile = this._isMobileContextConsumer.value);
+    if (this._isMobileContextConsumer.value) {
+      this.isMobile = this._isMobileContextConsumer.value;
+    }
   }
   render() {
-    if (!this._configContextConsumer.value?.authentication?.IsSignedIn)
+    if (!this._configContextConsumer.value?.authentication?.IsSignedIn) {
       return this._getSignInPrompt();
-    const e = this.isMobile ? "justify-content-end" : "";
-    return t`<calcite-shell class="position-relative"><calcite-panel class="border-override header-override panel-override z-index-1"><div class=${`display-flex align-items-center height-50 ${e}`} slot=header-content><calcite-label class="label-override flex-shrink-0 padding-top-3" layout=inline>${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label></div>${this._getSolutionsAllPanel()}</calcite-panel></calcite-shell>`;
+    }
+    const solutionsCountStyle = this.isMobile ? "justify-content-end" : "";
+    return html`<calcite-shell class="position-relative"><calcite-panel class="border-override header-override panel-override z-index-1"><div class=${`display-flex align-items-center height-50 ${solutionsCountStyle}`} slot=header-content><calcite-label class="label-override flex-shrink-0 padding-top-3" layout=inline>${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label></div>${this._getSolutionsAllPanel()}</calcite-panel></calcite-shell>`;
   }
   _getSignInPrompt() {
-    return t`<div class="sign-in-prompt">${this._getSignInIcon()}<div class="text-center leader-1 warning-text trailer-1">${this._translations.signInMessage}</div><calcite-button appearance=outline icon-start=sign-in @click=${this._handleSignIn} scale=l round>${this._translations.signIn}</calcite-button></div>`;
+    return html`<div class="sign-in-prompt">${this._getSignInIcon()}<div class="text-center leader-1 warning-text trailer-1">${this._translations.signInMessage}</div><calcite-button appearance=outline icon-start=sign-in @click=${this._handleSignIn} scale=l round>${this._translations.signIn}</calcite-button></div>`;
   }
   _getSolutionsAllPanel() {
-    const e = this.isMobile && this.filterOpen ? { display: "none" } : "";
-    return t`<solutions-deployed-panel @deployedCardsFetched=${this._updateSolutionCount} @searchTermSet=${(i) => this._solutionsDeployedFilterPanel.value.changeSearchFilter(i.detail.searchTerm, !1)} style=${c(e)} ${g(this._solutionsDeployedPanelRef)}></solutions-deployed-panel>`;
+    const solutionsAllPanelOverride = this.isMobile && this.filterOpen ? { "display": "none" } : "";
+    return html`<solutions-deployed-panel @deployedCardsFetched=${this._updateSolutionCount} @searchTermSet=${(evt) => this._solutionsDeployedFilterPanel.value.changeSearchFilter(evt.detail.searchTerm, false)} style=${safeStyleMap(solutionsAllPanelOverride)} ${ref(this._solutionsDeployedPanelRef)}></solutions-deployed-panel>`;
   }
-  _updateSolutionCount(e) {
-    this.solutionsCount = e.detail;
+  _updateSolutionCount(evt) {
+    this.solutionsCount = evt.detail;
   }
   _getSignInIcon() {
-    return t`<div class="sign-in-icon"><svg viewBox="0 0 64 64" width=200 height=200 xmlns=http://www.w3.org/2000/svg>${h`<path d="M56.9 4.1V60h-.8V4.9H23.3l25.6 7.47v39.26l-28.8 8.4V35h.8v23.97l27.2-7.94V12.97L20.9 5.03V30h-.8V4.1h36.8zM30.735 41.7l.565.566 9.766-9.766-9.766-9.766-.565.567 8.799 8.799H5v.8h34.534l-8.8 8.8z" fill=var(--calcite-color-text-3) />`}</svg></div>`;
+    return html`<div class="sign-in-icon"><svg viewBox="0 0 64 64" width=200 height=200 xmlns=http://www.w3.org/2000/svg>${svg`<path d="M56.9 4.1V60h-.8V4.9H23.3l25.6 7.47v39.26l-28.8 8.4V35h.8v23.97l27.2-7.94V12.97L20.9 5.03V30h-.8V4.1h36.8zM30.735 41.7l.565.566 9.766-9.766-9.766-9.766-.565.567 8.799 8.799H5v.8h34.534l-8.8 8.8z" fill=var(--calcite-color-text-3) />`}</svg></div>`;
   }
 }
-a("solutions-deployed-shell", m);
+customElement("solutions-deployed-shell", SolutionsDeployedShell);
 export {
-  m as SolutionsDeployedShell
+  SolutionsDeployedShell
 };
+//# sourceMappingURL=customElement.js.map

package/dist/components/solutions-deployed-shell/customElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/solutions-deployed-shell/solutions-deployed-shell.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  h,\r\n  LitElement,\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 './solutions-deployed-shell.css';\r\nimport {\r\n  configContext,\r\n  isMobileContext,\r\n} from '../../utils/deployAppContexts';\r\nimport type {\r\n  IFilterOption,\r\n  ISearchOption,\r\n  ISortOption,\r\n} from '../../utils/interfaces';\r\nimport type { PropertyValues } from 'lit';\r\nimport { createRef } from 'lit/directives/ref.js';\r\nimport type { SolutionsDeployedPanel } from '../solutions-deployed-panel/solutions-deployed-panel';\r\nimport type { SolutionsDeployedFilterPanel } from '../solutions-deployed-filter-panel/solutions-deployed-filter-panel';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'solutions-deployed-shell': SolutionsDeployedShell;\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/403\r\n\r\nexport class SolutionsDeployedShell 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  /** Invoked before update() to compute values needed during the update.\r\n   * Implement willUpdate to compute property values that depend on other properties and are used in the rest of the update process\r\n  */\r\n  override willUpdate(changes: PropertyValues<this>): void {\r\n    if (changes.has('isMobile')) {\r\n      // when we switch to/from mobile view the filter is forced to open/close\r\n      this.filterOpen = !this.isMobile;\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** The number of solution cards currently displayed */\r\n  @property() solutionsCount = 0;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** The filter is always open when we are not in mobile view.\r\n   * When false and in mobile view the filter is hidden.\r\n   */\r\n  @state() filterOpen = true;\r\n\r\n  /** The current filters applied to the displayed cards */\r\n  @state() filters: IFilterOption[] = [];\r\n\r\n  @state() isMobile = 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: 'solutions-deployed-shell', blocking: true });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\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  /** When true we are in mobile view. */\r\n  private _isMobileContextConsumer = useContextConsumer({\r\n    context: isMobileContext,\r\n    subscribe: true,\r\n    callback: (value) => this.isMobile = value,\r\n  });\r\n\r\n  /** Reference to the solutions-deployed-filter-panel so we can search for solutions when owner options change */\r\n  private _solutionsDeployedFilterPanel = createRef<SolutionsDeployedFilterPanel>();\r\n\r\n  /** Reference to the solutions-all-panel so we can search for solutions when filter and sort options change */\r\n  private _solutionsDeployedPanelRef = createRef<SolutionsDeployedPanel>();\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   * Search solutions based on key criteria\r\n   *\r\n   * @param searchOptions the key criteria to search with\r\n   */\r\n  @method()\r\n  async searchSolutions(\r\n    searchOptions: IFilterOption | ISearchOption | ISortOption\r\n  ): Promise<void> {\r\n    this._solutionsDeployedPanelRef.value?.setSearchOptions(searchOptions);\r\n\r\n    if ('owner' in searchOptions) {\r\n      // always show My Solutions unless it's marked as organization\r\n      const isOrg = searchOptions.owner === 'organization';\r\n      // this will initiate a new fetch\r\n      this._solutionsDeployedFilterPanel.value!.changeOwnerFilter(!isOrg, true);\r\n    } else if ('sortType' in searchOptions || 'searchTerm' in searchOptions) {\r\n      // if we have sort or search we still need to honor\r\n      this._solutionsDeployedPanelRef.value?.searchSolutions(searchOptions);\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emitted on demand when a filter chip is closed */\r\n  filterRemoved = createEvent<IFilterOption>();\r\n\r\n  /** Emitted on demand when the auth token is updated */\r\n  tokenRefreshed = createEvent<string>();\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   * Since this method is only called once, it's a good place to load data asynchronously\r\n   * and to setup the state without triggering extra re-renders. */\r\n  async load(): Promise<void> {\r\n    if (this._isMobileContextConsumer.value) {\r\n      this.isMobile = this._isMobileContextConsumer.value;\r\n    }\r\n  }\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    // Show sign-in prompt if user is not authenticated\r\n    if (!this._configContextConsumer.value?.authentication?.IsSignedIn) {\r\n      return this._getSignInPrompt();\r\n    }\r\n\r\n    const solutionsCountStyle = this.isMobile ? 'justify-content-end' : '';\r\n    return (\r\n      <calcite-shell class='position-relative'>\r\n        <calcite-panel class='border-override header-override panel-override z-index-1'>\r\n          <div\r\n            class={`display-flex align-items-center height-50 ${solutionsCountStyle}`}\r\n            slot='header-content'\r\n          >\r\n            <calcite-label class='label-override flex-shrink-0 padding-top-3' layout='inline'>\r\n              {this._translations.numberOfSolutions.replace('{{count}}', this.solutionsCount.toString())}\r\n            </calcite-label>\r\n          </div>\r\n          {this._getSolutionsAllPanel()}\r\n        </calcite-panel>\r\n      </calcite-shell>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Renders the sign-in prompt when user is not authenticated */\r\n  private _getSignInPrompt(): JsxNode {\r\n    return (\r\n      <div class='sign-in-prompt'>\r\n        {this._getSignInIcon()}\r\n        <div class='text-center leader-1 warning-text trailer-1'>\r\n          {this._translations.signInMessage}\r\n        </div>\r\n        <calcite-button\r\n          appearance='outline'\r\n          icon-start='sign-in'\r\n          onClick={this._handleSignIn}\r\n          scale='l'\r\n          round\r\n        >\r\n          {this._translations.signIn}\r\n        </calcite-button>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** Renders the panel that shows the current solution cards. */\r\n  private _getSolutionsAllPanel(): JsxNode {\r\n    const solutionsAllPanelOverride = this.isMobile && this.filterOpen ? { 'display': 'none' } : '';\r\n    return (\r\n      <solutions-deployed-panel\r\n        ondeployedCardsFetched={this._updateSolutionCount}\r\n        onsearchTermSet={(evt) => this._solutionsDeployedFilterPanel.value!.changeSearchFilter(evt.detail.searchTerm, false)}\r\n        ref={this._solutionsDeployedPanelRef}\r\n        style={solutionsAllPanelOverride}\r\n      />\r\n    );\r\n  }\r\n\r\n  /** Update the solution count when new cards are fetched by the solutions-all-panel */\r\n  private _updateSolutionCount(evt: CustomEvent): void {\r\n    this.solutionsCount = evt.detail;\r\n  }\r\n\r\n  /** Get the sign-in icon svg. */\r\n  private _getSignInIcon(): JsxNode {\r\n    return (\r\n      <div class='sign-in-icon'>\r\n        <svg viewBox='0 0 64 64' width='200' height='200' xmlns='http://www.w3.org/2000/svg'>\r\n          <path d='M56.9 4.1V60h-.8V4.9H23.3l25.6 7.47v39.26l-28.8 8.4V35h.8v23.97l27.2-7.94V12.97L20.9 5.03V30h-.8V4.1h36.8zM30.735 41.7l.565.566 9.766-9.766-9.766-9.766-.565.567 8.799 8.799H5v.8h34.534l-8.8 8.8z' fill='var(--calcite-color-text-3)' />\r\n        </svg>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** Handle sign-in button click */\r\n  private _handleSignIn = (): void => {\r\n    // Trigger sign-in through the authentication instance\r\n    // If the current URL doesn't end with \"deployments\", pass \"deployments\" to ensure proper redirect\r\n    const signInParam = window.location.pathname.endsWith('deployments') ? '' : 'deployments';\r\n    this._configContextConsumer.value?.authentication?.signIn(signInParam);\r\n  };\r\n}\r\n"],"names":["ref$jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDM,MAAO,+BAA+B,WAAU;AAAA,EAAhD,cAAA;AAAA,UAAA,GAAA,SAAA;AA2BQ,SAAA,iBAAiB;AAWpB,SAAA,aAAa;AAGb,SAAA,UAA2B,CAAA;AAE3B,SAAA,WAAW;AAMX,SAAA,gBAAgB,OAA0B,EAAE,MAAM,4BAA4B,UAAU,MAAM;AASvG,SAAQ,yBAAyB,mBAAmB;AAAA,MAClD,SAAS;AAAA,MACT,WAAW;AAAA,IAAA,CACZ;AAGD,SAAQ,2BAA2B,mBAAmB;AAAA,MACpD,SAAS;AAAA,MACT,WAAW;AAAA,MACX,UAAU,CAAC,UAAU,KAAK,WAAW;AAAA,IAAA,CACtC;AAGD,SAAQ,gCAAgC,UAAA;AAGxC,SAAQ,6BAA6B,UAAA;AA2CrC,SAAA,gBAAgB,YAAA;AAGhB,SAAA,iBAAiB,YAAA;AAmGjB,SAAQ,gBAAgB,MAAW;AAGjC,YAAM,cAAc,OAAO,SAAS,SAAS,SAAS,aAAa,IAAI,KAAK;AAC5E,WAAK,uBAAuB,OAAO,gBAAgB,OAAO,WAAW;AAAA,IACvE;AAAA,EAAA;AAAA;;;EAxNA,OAAA;AAAA,SAAgB,SAAS;AAAA,EAAA;AAAA,EAKhB,WAAW,SAAoC;AACtD,QAAI,QAAQ,IAAI,UAAU,GAAG;AAE3B,WAAK,aAAa,CAAC,KAAK;AAAA,IAC1B;AAAA,EACF;AAAA,EA4EA,MAAM,gBACJ,eACc;AACd,SAAK,2BAA2B,OAAO,iBAAiB,aAAa;AAErE,QAAI,WAAW,eAAe;AAE5B,YAAM,QAAQ,cAAc,UAAU;AAEtC,WAAK,8BAA8B,MAAO,kBAAkB,CAAC,OAAO,IAAI;AAAA,IAC1E,WAAW,cAAc,iBAAiB,gBAAgB,eAAe;AAEvE,WAAK,2BAA2B,OAAO,gBAAgB,aAAa;AAAA,IACtE;AAAA,EACF;AAAA,EAuBA,MAAM,OAAqB;AACzB,QAAI,KAAK,yBAAyB,OAAO;AACvC,WAAK,WAAW,KAAK,yBAAyB;AAAA,IAChD;AAAA,EACF;AAAA,EAGS,SAAiB;AAExB,QAAI,CAAC,KAAK,uBAAuB,OAAO,gBAAgB,YAAY;AAClE,aAAO,KAAK,iBAAA;AAAA,IACd;AAEA,UAAM,sBAAsB,KAAK,WAAW,wBAAwB;AACpE,WAAO,2IAIQ,6CAA6C,mBAAmB,EAAE,wGAItE,KAAK,cAAc,kBAAkB,QAAQ,aAAa,KAAK,eAAe,SAAA,CAAU,CAAC,yBAG7F,KAAK,uBAAuB;AAAA,EAIrC;AAAA,EASQ,mBAA2B;AACjC,WAAO,mCAEF,KAAK,eAAA,CAAgB,4DAEnB,KAAK,cAAc,aAAa,sEAKxB,KAAK,aAAa,kBAI1B,KAAK,cAAc,MAAM;AAAA,EAIlC;AAAA,EAGQ,wBAAgC;AACtC,UAAM,4BAA4B,KAAK,YAAY,KAAK,aAAa,EAAE,WAAW,WAAW;AAC7F,WAAO,uDAEqB,KAAK,oBAAoB,mBAChC,CAAC,QAAQ,KAAK,8BAA8B,MAAO,mBAAmB,IAAI,OAAO,YAAY,KAAK,CAAC,UAAA,aAE7G,yBAAyB,CAAA,IAAAA,IAD3B,KAAK,0BAA0B;EAI1C;AAAA,EAGQ,qBAAqB,KAAuB;AAClD,SAAK,iBAAiB,IAAI;AAAA,EAC5B;AAAA,EAGQ,iBAAyB;AAC/B;EAOF;AASD;;"}