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

package/dist/components/solution-social-share/customElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/solution-social-share/solution-social-share.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  Fragment,\r\n  LitElement,\r\n  h,\r\n  property,\r\n  state,\r\n} from '@arcgis/lumina';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport {\r\n  useContextConsumer,\r\n} from '@arcgis/lumina/context';\r\nimport {\r\n  configContext,\r\n} from '../../utils/deployAppContexts';\r\nimport {\r\n  TELEMETRY_CATEGORY,\r\n} from '../../utils/interfaces';\r\nimport { styles } from './solution-social-share.css';\r\nimport type { LogicalPlacement } from '../../../node_modules/@esri/calcite-components/dist/utils/floating-ui';\r\nimport { createRef } from 'lit-html/directives/ref.js';\r\nimport * as intl from '@arcgis/core/intl';\r\nimport request from '@arcgis/core/request';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'solution-social-share': SolutionSocialShare;\r\n  }\r\n}\r\n\r\ntype ShareItemOptions = 'bluesky' | 'facebook' | 'link' | 'linkedIn' | 'x';\r\n\r\nconst CALCITE_MODE_DARK = '.calcite-mode-dark';\r\n\r\nconst SOCIAL_URL_TEMPLATES = {\r\n  facebook: 'https://www.facebook.com/sharer/sharer.php?u={url}',\r\n  x: 'https://x.com/intent/post?url={url}',\r\n  linkedIn: 'https://www.linkedin.com/sharing/share-offsite/?url={url}',\r\n  bluesky: 'https://bsky.app/intent/compose?text={url}',\r\n};\r\n\r\nconst SHORTEN_API = 'https://arcg.is/prod/shorten';\r\n\r\nexport class SolutionSocialShare 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  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Control the apperance of the action */\r\n  @property() actionApperance: 'solid' | 'transparent' | undefined = 'transparent';\r\n\r\n  /** Auto update share URL. */\r\n  @property() autoUpdateShareUrl = true;\r\n\r\n  /** Control the apperance of the button  */\r\n  @property() buttonAppearance: 'outline' | 'outline-fill' | 'solid' | 'transparent' | undefined = 'transparent';\r\n\r\n  /**\r\n   * Configures the placement of the success message popover for the 'Copy Link' button.\r\n   * See options here: https://github.com/Esri/calcite-components/blob/v1.0.0-beta.83/src/utils/popper.ts#L34\r\n   */\r\n  @property({ reflect: true }) inlineSuccessPopoverPlacement: LogicalPlacement = 'trailing';\r\n\r\n  /** Renders tool as a popover with a trigger button, or inline to place in a custom container. */\r\n  @property({ reflect: true }) mode: 'inline' | 'popover' = 'popover';\r\n\r\n  /** Adjusts the scale of the popover button icon. */\r\n  @property({ reflect: true }) popoverButtonIconScale: 'l' | 'm' | 's' = 'm';\r\n\r\n  /** Adjusts the overlay-positioning of the popover. */\r\n  @property({ reflect: true }) popoverPositioning: 'absolute' | 'fixed' = 'absolute';\r\n\r\n  /** Remove the pointer and set the vertical offset to 0 for the popover. */\r\n  @property({ reflect: true }) removePopoverOffset = false;\r\n\r\n  /** Adjusts the scale of the component. */\r\n  @property({ reflect: true }) scale: 'l' | 'm' | 's' = 's';\r\n\r\n  /** Renders share button with 'inverse' | 'neutral' | 'brand option  */\r\n  @property({ reflect: true }) shareButtonKind: 'inverse' | 'neutral' | 'brand' = 'neutral';\r\n\r\n  /** Adjust scale of popover button */\r\n  @property({ reflect: true }) shareButtonScale: 'l' | 'm' | 's' = 'm';\r\n\r\n  /** Text to display in share button, not valid when shareButtonType = 'action' */\r\n  @property() shareButtonText = '';\r\n\r\n  /** Renders tool in popover mode with a trigger button or action */\r\n  @property({ reflect: true }) shareButtonType: 'action' | 'button' = 'button';\r\n\r\n  /** Display the share icons in a vertical or horizontal layout. */\r\n  @property({ reflect: true }) shareIconsLayout: 'horizontal' | 'vertical' = 'vertical';\r\n\r\n  /** Additional text to display when sharing to a social option */\r\n  @property({ reflect: true }) shareText = '';\r\n\r\n  /** Generated share URL. Use this property to append custom URL parameters if needed. */\r\n  @property() shareUrl: string = window.location.href;\r\n\r\n  /** Shortens generated URL. */\r\n  @property({ reflect: true }) shortenShareUrl = true;\r\n\r\n  /** Show/hide social media icons. */\r\n  @property({ reflect: true }) socialMedia = true;\r\n\r\n  /** Solution ID for telemetry tracking */\r\n  @property() solutionId = '';\r\n\r\n  /** Solution title for telemetry tracking */\r\n  @property() solutionTitle = '';\r\n\r\n  /** Solution version for telemetry tracking */\r\n  @property() solutionVersion = '';\r\n\r\n  /** Provides an alternate to the success.url message 'App URL copied to clipboard.' */\r\n  @property({ reflect: true }) successMessage = '';\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** When true the url is copied applies to mode = 'popover' */\r\n  @state() _copied = false;\r\n\r\n  /** When true the link is opened applies to mode = 'inline' */\r\n  @state() _inlineCopyLinkOpened = false;\r\n\r\n  /** When true the popover is opened applies to mode = 'popover' */\r\n  @state() _opened = 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-social-share', 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  /** Easy access to telemetry session */\r\n  private get _telemetry() {\r\n    return this._configContextConsumer.value?.telemetrySession;\r\n  }\r\n\r\n  /** Reference element for the copy link popover */\r\n  private _copyLinkPopoverRef = createRef<HTMLCalcitePopoverElement>();\r\n\r\n  /** Reference element for the dialog */\r\n  private _dialogContentRef = createRef<HTMLDivElement>();\r\n\r\n  /** Reference element for popover action */\r\n  private _popoverActionRef = createRef<HTMLCalciteActionElement>();\r\n\r\n  /** Reference element for popover button*/\r\n  private _popoverButtonRef = createRef<HTMLCalciteButtonElement>();\r\n\r\n  /** Reference element for the popover */\r\n  private _popoverRef = createRef<HTMLCalcitePopoverElement>();\r\n\r\n  /** Reference element for share list */\r\n  private _shareListRef = createRef<HTMLUListElement>();\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  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Called once after the first updated() completes */\r\n  loaded(): void {\r\n    this._setupAutoCloseListeners();\r\n    if (this.mode === 'popover' && this._popoverRef.value) {\r\n      if (this._opened) {\r\n        this._popoverRef.value.open = true;\r\n      }\r\n      this.listenOn(this._popoverRef.value, 'calcitePopoverOpen', () => {\r\n        if (!this._shareListRef.value) {\r\n          return;\r\n        }\r\n        const firstNode = this._shareListRef.value.children[0] as HTMLLIElement;\r\n        firstNode.focus();\r\n      });\r\n      this.listenOn(this._popoverRef.value, 'keydown', this._handlePopoverRefKeyDown);\r\n    }\r\n  }\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    const content =\r\n      this._copied && this.mode === 'popover' ? (\r\n        this._renderSuccess()\r\n      ) : (\r\n        <div class={'solutions-social-share__dialog-content'}>\r\n          {this._renderOptions()}\r\n        </div>\r\n      );\r\n\r\n    const layoutClass = this.shareIconsLayout === 'vertical' ?\r\n      ` ${'solutions-social-share__layout--vertical'}` : ` ${'solutions-social-share__layout--horizontal'}`;\r\n\r\n    const mode = ` calcite-mode-${!!this.el.closest(CALCITE_MODE_DARK) ? 'dark' : 'light'}`;\r\n\r\n    const dialogContent = (\r\n      <div\r\n        ref={this._dialogContentRef}\r\n        class={`${'solutions-social-share__dialog'}${layoutClass}${mode}`}\r\n      >\r\n        {content}\r\n      </div>\r\n    );\r\n    const defaultOffset = 6;\r\n    const offsetDistance = this.removePopoverOffset ? 0 : defaultOffset;\r\n    return (\r\n      <>\r\n        {this.mode === 'popover'\r\n          ? [\r\n            <calcite-popover\r\n              ref={this._popoverRef}\r\n              label={this._translations.share?.label ?? ''}\r\n              referenceElement='shareButton'\r\n              placement='bottom-start'\r\n              scale={this.scale}\r\n              overlay-positioning={this.popoverPositioning}\r\n              offset-distance={offsetDistance}\r\n              pointer-disabled={this.removePopoverOffset}\r\n            >\r\n              {dialogContent}\r\n            </calcite-popover>,\r\n            this._renderButton(),\r\n          ]\r\n          : [\r\n            dialogContent,\r\n            <calcite-popover\r\n              ref={this._copyLinkPopoverRef}\r\n              label={this._translations.share?.label ?? ''}\r\n              referenceElement='copyToClipboard'\r\n              placement={this.inlineSuccessPopoverPlacement}\r\n              scale={this.scale}\r\n              overlayPositioning='fixed'\r\n            >\r\n              {this._renderSuccess()}\r\n            </calcite-popover>,\r\n          ]}\r\n      </>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Add auto close listeners */\r\n  private _setupAutoCloseListeners(): void {\r\n    this.listenOn(document.documentElement, 'click', this._autoCloseCallback);\r\n    if (this.mode === 'popover' && this._popoverRef.value) {\r\n      this.listenOn(this._popoverRef.value, 'click', this._stopPropagationCallback);\r\n      this.listenOn(this._popoverRef.value, 'calcitePopoverClose', this._resetPopoverCopyState);\r\n    } else {\r\n      if (this._dialogContentRef.value) {\r\n        this.listenOn(this._dialogContentRef.value, 'click', this._stopPropagationCallback);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Handle keydown for popover */\r\n  private _handlePopoverRefKeyDown(\r\n    e: KeyboardEvent\r\n  ): void {\r\n    if (e.code === 'Tab') {\r\n      if (!this._shareListRef.value) {\r\n        return;\r\n      }\r\n      const node = e.target;\r\n      const firstFocusableEl = this._shareListRef.value.children[0] as HTMLElement;\r\n      const lastFocusableEl = this._shareListRef.value.children[this._shareListRef.value.children.length - 1] as HTMLElement;\r\n      if (e.shiftKey && node === firstFocusableEl) {\r\n        e.preventDefault();\r\n        lastFocusableEl.focus();\r\n      } else if (!e.shiftKey && node === lastFocusableEl) {\r\n        e.preventDefault();\r\n        firstFocusableEl.focus();\r\n      }\r\n    } else if (e.code === 'Escape') {\r\n      this._closePopover();\r\n      if (this.shareButtonType === 'button') {\r\n        this._popoverButtonRef.value?.setFocus();\r\n      } else {\r\n        this._popoverActionRef.value?.setFocus();\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Handle auto close */\r\n  private _autoCloseCallback(): void {\r\n    if (this.mode === 'popover') {\r\n      this._opened = false;\r\n      this._popoverRef.value!.open = this._opened;\r\n    } else {\r\n      if (this._copyLinkPopoverRef.value) {\r\n        this._copyLinkPopoverRef.value.open = false;\r\n      }\r\n      this._inlineCopyLinkOpened = false;\r\n    }\r\n  }\r\n\r\n  /** Helper function to stop event propagation */\r\n  private _stopPropagationCallback(event: Event) {\r\n    event.stopPropagation();\r\n  }\r\n\r\n  /** Reset the popover copy state */\r\n  private _resetPopoverCopyState(): void {\r\n    if (this.shareButtonType === 'button') {\r\n      this._popoverButtonRef.value?.setFocus();\r\n    } else {\r\n      this._popoverActionRef.value?.setFocus();\r\n    }\r\n    setTimeout(() => {\r\n      this._copied = false;\r\n    }, 200);\r\n  }\r\n\r\n  /** Render the share button or action */\r\n  private _renderButton(): JsxNode {\r\n    const scale = this.shareButtonScale != null ? this.shareButtonScale : this.scale;\r\n    return this.shareButtonType === 'button' ? (\r\n      <calcite-button\r\n        appearance={this.buttonAppearance}\r\n        class={'solutions-social-share__popover-button'}\r\n        id='shareButton'\r\n        kind={this.shareButtonKind}\r\n        label={this._translations.share?.label}\r\n        onClick={this._togglePopover.bind(this)}\r\n        ref={this._popoverButtonRef}\r\n        scale={scale}\r\n        title={this._translations.share?.label}\r\n      >\r\n        {this.shareButtonText}\r\n      </calcite-button>\r\n    ) : (\r\n      <calcite-action\r\n        alignment='center'\r\n        appearance={this.actionApperance}\r\n        class={'solutions-social-share__popover-button'}\r\n        id='shareButton'\r\n        label={this._translations.share?.label}\r\n        onClick={this._togglePopover.bind(this)}\r\n        ref={this._popoverActionRef}\r\n        scale={scale}\r\n        text=''\r\n        title={this._translations.share?.label}\r\n      >\r\n        <div class={'solutions-social-share__icon-container'}>\r\n          <calcite-icon\r\n            icon='share'\r\n            scale={this.popoverButtonIconScale}\r\n          />\r\n        </div>\r\n      </calcite-action>\r\n    );\r\n  }\r\n\r\n  /** Render the success message */\r\n  private _renderSuccess() {\r\n    const success = this._translations.success;\r\n    return (\r\n      <div class={'solutions-social-share__success'}>\r\n        <span class={'solutions-social-share__success-header'}>\r\n          <span class={'solutions-social-share__success-icon'}>\r\n            <calcite-icon\r\n              icon='check-circle-f'\r\n              scale={this.scale}\r\n            />\r\n          </span>\r\n          {success?.label}\r\n        </span>\r\n        <span class={'solutions-social-share__success-message'}>\r\n          {this.successMessage || success?.url}\r\n        </span>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /** Render the share options */\r\n  private _renderOptions(): JsxNode {\r\n    const options = this._translations.options;\r\n    const optionText_RTL = document.dir === 'rtl' ? ` ${'solutions-social-share__option-text--rtl'}` : '';\r\n    return (\r\n      <ul\r\n        ref={this._shareListRef}\r\n        class={'solutions-social-share__options'}\r\n        role='menu'\r\n      >\r\n        <li\r\n          id='copyToClipboard'\r\n          onClick={this._handleShareItem.bind(this, 'link')}\r\n          onKeyDown={this._handleOptionKeyDown('link')}\r\n          role='menuitem'\r\n          tabIndex='0'\r\n        >\r\n          <span class={'solutions-social-share__icon'}>\r\n            <calcite-icon\r\n              icon='link'\r\n              scale={this.scale}\r\n            />\r\n          </span>\r\n          <span class={`${'solutions-social-share__option-text'}${optionText_RTL}`}>\r\n            {options?.link?.label}\r\n          </span>\r\n        </li>\r\n        {this.socialMedia\r\n          ? [\r\n            <li\r\n              onClick={this._handleShareItem.bind(this, 'facebook')}\r\n              onKeyDown={this._handleOptionKeyDown('facebook')}\r\n              role='menuitem'\r\n              tabIndex='0'\r\n            >\r\n              <span class={'solutions-social-share__icon'}>\r\n                {this._renderFacebookIcon()}\r\n              </span>\r\n              <span class={`${'solutions-social-share__option-text'}${optionText_RTL}`}>\r\n                {options?.facebook?.label}\r\n              </span>\r\n            </li>,\r\n            <li\r\n              onClick={this._handleShareItem.bind(this, 'x')}\r\n              onKeyDown={this._handleOptionKeyDown('x')}\r\n              role='menuitem'\r\n              tabIndex='0'\r\n            >\r\n              <span class={'solutions-social-share__icon'}>\r\n                {this._renderXIcon()}\r\n              </span>\r\n              <span class={`${'solutions-social-share__option-text'}${optionText_RTL}`}>\r\n                X\r\n              </span>\r\n            </li>,\r\n            <li\r\n              onClick={this._handleShareItem.bind(this, 'linkedIn')}\r\n              onKeyDown={this._handleOptionKeyDown('linkedIn')}\r\n              role='menuitem'\r\n              tabIndex='0'\r\n            >\r\n              <span class={'solutions-social-share__icon'}>\r\n                {this._renderLinkedInIcon()}\r\n              </span>\r\n              <span class={`${'solutions-social-share__option-text'}${optionText_RTL}`}>\r\n                {options?.linkedIn?.label}\r\n              </span>\r\n            </li>,\r\n            <li\r\n              onClick={this._handleShareItem.bind(this, 'bluesky')}\r\n              onKeyDown={this._handleOptionKeyDown('bluesky')}\r\n              role='menuitem'\r\n              tabIndex='0'\r\n            >\r\n              <span class={'solutions-social-share__icon'}>\r\n                {this._renderBlueSkyIcon()}\r\n              </span>\r\n              <span class={`${'solutions-social-share__option-text'}${optionText_RTL}`}>\r\n                {options?.blueSky?.label}\r\n              </span>\r\n            </li>,\r\n          ]\r\n          : null}\r\n      </ul>\r\n    );\r\n  }\r\n\r\n  /** Handle the keydown option */\r\n  private _handleOptionKeyDown(\r\n    type: ShareItemOptions\r\n  ) {\r\n    return (e: KeyboardEvent) => {\r\n      const keyCode = e.code;\r\n      const canActivate = keyCode === 'Space' || keyCode === 'Enter';\r\n      if (!canActivate) {\r\n        return;\r\n      }\r\n      this._handleShareItem(type);\r\n    };\r\n  }\r\n\r\n  /** Render the facebook icon */\r\n  private _renderFacebookIcon(): JsxNode {\r\n    return (\r\n      <svg\r\n        height='100%'\r\n        style={{ fillRule: 'evenodd', clipRule: 'evenodd', strokeLinejoin: 'round', strokeMiterlimit: '2' }}\r\n        version='1.1'\r\n        viewBox='0 0 512 512'\r\n        width='100%'\r\n        xmlns='http://www.w3.org/2000/svg'\r\n      >\r\n        <g>\r\n          <path\r\n            d='M512,256c0,-141.385 -114.615,-256 -256,-256c-141.385,0 -256,114.615 -256,256c0,127.777 93.616,233.685 216,252.89l0,-178.89l-65,0l0,-74l65,0l0,-56.4c0,-64.16 38.219,-99.6 96.695,-99.6c28.009,0 57.305,5 57.305,5l0,63l-32.281,0c-31.801,0 -41.719,19.733 -41.719,39.978l0,48.022l71,0l-11.35,74l-59.65,0l0,178.89c122.385,-19.205 216,-125.113 216,-252.89Z'\r\n            style={{ fill: '#1877f2', fillRule: 'nonzero' }}\r\n          />\r\n          <path\r\n            d='M355.65,330l11.35,-74l-71,0l0,-48.022c0,-20.245 9.917,-39.978 41.719,-39.978l32.281,0l0,-63c0,0 -29.297,-5 -57.305,-5c-58.476,0 -96.695,35.44 -96.695,99.6l0,56.4l-65,0l0,74l65,0l0,178.89c13.033,2.045 26.392,3.11 40,3.11c13.608,0 26.966,-1.065 40,-3.11l0,-178.89l59.65,0Z'\r\n            style={{ fill: '#fff', fillRule: 'nonzero' }}\r\n          />\r\n        </g>\r\n      </svg>\r\n    );\r\n  }\r\n\r\n  /** Render the x icon */\r\n  private _renderXIcon(): JsxNode {\r\n    const isCalciteModeDark = !!this.el.closest(CALCITE_MODE_DARK);\r\n    return (\r\n      <svg\r\n        class={isCalciteModeDark ? 'solutions-social-share__x-logo--dark' : 'solutions-social-share__x-logo--light'}\r\n        viewBox='0 0 1200 1227'\r\n        fill='none'\r\n        xmlns='http://www.w3.org/2000/svg'\r\n      >\r\n        <rect\r\n          height='400'\r\n          style={{ fill: 'none' }}\r\n          width='400'\r\n          x='56'\r\n          y='56'\r\n        />\r\n        <path\r\n          d='M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z'\r\n          fill={isCalciteModeDark ? 'white' : 'black'}\r\n        />\r\n      </svg>\r\n    );\r\n  }\r\n\r\n  /** Render the bluesky icon */\r\n  private _renderBlueSkyIcon(): JsxNode {\r\n    return (\r\n      <svg\r\n        fill='#0f85fe'\r\n        xmlns='http://www.w3.org/2000/svg'\r\n        viewBox='0 0 512 512'\r\n      >\r\n        <path\r\n          d='M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z'\r\n        />\r\n      </svg>\r\n    );\r\n  }\r\n\r\n  /** Render the linkedin icon */\r\n  private _renderLinkedInIcon(): JsxNode {\r\n    return (\r\n      <svg\r\n        height='100%'\r\n        style={{ fillRule: 'evenodd', clipRule: 'evenodd', strokeLinejoin: 'round', strokeMiterlimit: '2' }}\r\n        version='1.1'\r\n        viewBox='0 0 512 512'\r\n        width='100%'\r\n        xmlns='http://www.w3.org/2000/svg'\r\n      >\r\n        <g id='g5891'>\r\n          <path\r\n            d='M512,64c0,-35.323 -28.677,-64 -64,-64l-384,0c-35.323,0 -64,28.677 -64,64l0,384c0,35.323 28.677,64 64,64l384,0c35.323,0 64,-28.677 64,-64l0,-384Z'\r\n            id='background'\r\n            style={{ fill: '#2867b2' }}\r\n          />\r\n          <g id='shapes'>\r\n            <rect\r\n              height='257.962'\r\n              id='rect11'\r\n              style={{ fill: '#fff' }}\r\n              width='85.76'\r\n              x='61.053'\r\n              y='178.667'\r\n            />\r\n            <path\r\n              d='M104.512,54.28c-29.341,0 -48.512,19.29 -48.512,44.573c0,24.752 18.588,44.574 47.377,44.574l0.554,0c29.903,0 48.516,-19.822 48.516,-44.574c-0.555,-25.283 -18.611,-44.573 -47.935,-44.573Z'\r\n              id='path13-0'\r\n              style={{ fill: '#fff', fillRule: 'nonzero' }}\r\n            />\r\n            <path\r\n              d='M357.278,172.601c-45.49,0 -65.866,25.017 -77.276,42.589l0,-36.523l-85.738,0c1.137,24.197 0,257.961 0,257.961l85.737,0l0,-144.064c0,-7.711 0.554,-15.42 2.827,-20.931c6.188,-15.4 20.305,-31.352 43.993,-31.352c31.012,0 43.436,23.664 43.436,58.327l0,138.02l85.741,0l0,-147.93c0,-79.237 -42.305,-116.097 -98.72,-116.097Z'\r\n              id='path15'\r\n              style={{ fill: '#fff', fillRule: 'nonzero' }}\r\n            />\r\n          </g>\r\n        </g>\r\n      </svg>\r\n    );\r\n  }\r\n\r\n  /** Toggle the popover */\r\n  private _togglePopover(event: Event): void {\r\n    event.stopPropagation();\r\n    this._opened = !this._opened;\r\n    this._popoverRef.value!.open = this._opened;\r\n  }\r\n\r\n  /** Close the popover */\r\n  private _closePopover(): void {\r\n    this._opened = false;\r\n    this._popoverRef.value!.open = this._opened;\r\n  }\r\n\r\n  /** Share the url and return a promise that will resolve when the share is complete */\r\n  private async _handleShareItem(\r\n    type: ShareItemOptions\r\n  ): Promise<void> {\r\n    // Log telemetry event with solution details and share method\r\n    this._telemetry?.logEvent({\r\n      category: TELEMETRY_CATEGORY.SOLUTION_DETAILS,\r\n      action: 'Share',\r\n      dimensions: [\r\n        this.solutionTitle,\r\n        this.solutionId,\r\n        this.solutionVersion,\r\n        type\r\n      ]\r\n    });\r\n\r\n    this.shareUrl = await this._generateShareUrl();\r\n    let shortenedUrl = null;\r\n\r\n    // Detects Safari - If Safari, do not shorten URL due to Safari not allowing clipboard copy after network requests\r\n    const isChrome = navigator?.userAgent?.includes('Chrome') ?? false;\r\n    const isSafari = (navigator?.userAgent?.includes('Safari') ?? false) && !isChrome;\r\n    if (!isSafari && this.shortenShareUrl) {\r\n      shortenedUrl = await this._shortenUrl(this.shareUrl);\r\n    }\r\n    let urlToUse = shortenedUrl ? shortenedUrl : this.shareUrl;\r\n\r\n    switch (type) {\r\n      case 'link':\r\n        navigator.clipboard.writeText(urlToUse);\r\n        if (this.mode === 'inline') {\r\n          this._copyLinkPopoverRef.value!.open = true;\r\n          setTimeout(() => (this._copyLinkPopoverRef.value!.open = false), 3000);\r\n        }\r\n        this._inlineCopyLinkOpened = true;\r\n        this._copied = true;\r\n        if (this.mode === 'popover') {\r\n          setTimeout(() => this._closePopover(), 2000);\r\n        }\r\n        return;\r\n      case 'facebook':\r\n      case 'bluesky':\r\n      case 'x':\r\n      case 'linkedIn':\r\n        {\r\n          let socialWin;\r\n          if (isSafari) {\r\n            socialWin = window.open('', '_blank');\r\n            if (this.shortenShareUrl) {\r\n              urlToUse = (await this._shortenUrl(this.shareUrl)) || urlToUse;\r\n            }\r\n          }\r\n          const urlData = {\r\n            url: encodeURI(urlToUse),\r\n          };\r\n          const data = type === 'x' ? { ...urlData, text: this.shareText } : urlData;\r\n          const url = intl.substitute(SOCIAL_URL_TEMPLATES[type], data);\r\n          if (this.mode === 'popover') {\r\n            this._closePopover();\r\n          }\r\n\r\n          // With Safari, need to open new tab using the triggering event, so add shortened URL after opening.\r\n          // Safari truncates URL without this approach.\r\n          if (isSafari && socialWin) {\r\n            socialWin.location = url;\r\n            socialWin.focus();\r\n          } else {\r\n            window.open(encodeURI(url), '_blank');\r\n          }\r\n        }\r\n        return;\r\n    }\r\n  }\r\n\r\n  /** Generate the short url */\r\n  private async _shortenUrl(\r\n    url: string\r\n  ): Promise<string | void> {\r\n    const _request = await request(SHORTEN_API, {\r\n      query: {\r\n        longUrl: url,\r\n        f: 'json',\r\n      },\r\n    });\r\n\r\n    const shortUrl = _request?.data?.data?.url;\r\n    if (shortUrl) {\r\n      return shortUrl.replace('http://', 'https://');\r\n    } else {\r\n      return;\r\n    }\r\n  }\r\n\r\n  /** Update shareUrl as it may have changed since the component was loaded */\r\n  private _generateShareUrl(): string {\r\n    if (this.autoUpdateShareUrl) {\r\n      this.shareUrl = window.location.href;\r\n    }\r\n    return this.shareUrl;\r\n  }\r\n}\r\n"],"names":["ref$jsx","svg$jsx"],"mappings":"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"}

package/dist/components/solutions-all-panel/customElement.js

@@ -1,16 +1,16 @@
-import { c as p } from "../../chunks/runtime.js";
-import { css as _, html as n, svg as y } from "lit";
-import { u as f } from "../../chunks/useT9n.js";
-import { LitElement as S, createEvent as c } from "@arcgis/lumina";
-import { useContextConsumer as C } from "@arcgis/lumina/context";
-import { n as u, h as w, g as T, m as x } from "../../chunks/interfaces.js";
-import { C as g, g as v } from "../../chunks/cardFetchingUtils.js";
-import { g as I } from "../../chunks/cardsHelpers.js";
-import { c as L } from "../../chunks/deployAppContexts.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 D = _`/** @license
+v1.2.0-next.58 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { css, html, svg } from "lit";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { LitElement, createEvent } from "@arcgis/lumina";
+import { useContextConsumer } from "@arcgis/lumina/context";
+import { n as BASE_SOLUTIONS_TERMS, h as EDomain, g as EIndustry, m as BASE_DEPLOYED_TERMS } from "../../chunks/interfaces.js";
+import { C as CardsFetcher, g as getDeployedSolutions } from "../../chunks/cardFetchingUtils.js";
+import { g as getDeployedRelatedSolutionIds } from "../../chunks/cardsHelpers.js";
+import { c as configContext } from "../../chunks/deployAppContexts.js";
+const styles = css`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,164 +24,385 @@ const 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-panel{width:100%;height:100%;--calcite-panel-background-color: var(--calcite-color-foreground-2)}.card-group{overflow:hidden;padding:.2rem var(--calcite-spacing-md) var(--calcite-spacing-md)}solution-details-card{width:calc(25% - .6rem)}@media(max-width:1234px){solution-details-card{width:calc(33.333% - .6rem)}}@media(max-width:1010px){solution-details-card{width:calc(50% - .6rem)}}@media(max-width:800px){solution-details-card{width:calc(33.33% - .6rem)}}@media(max-width:680px){solution-details-card{width:calc(50% - .6rem)}}@media(max-width:440px){solution-details-card{width:calc(100% - .75rem)}}.solutions-briefcase{margin:auto;padding-top:var(--calcite-spacing-xxxl)}.text-center{text-align:center}.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)}.no-solutions{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;transform:translateY(50%)}`, m = 5;
-class E extends S {
+ */
+
+calcite-panel {
+  width: 100%;
+  height: 100%;
+  --calcite-panel-background-color: var(--calcite-color-foreground-2);
+}
+
+.card-group {
+  overflow: hidden;
+  padding: 0.2rem var(--calcite-spacing-md) var(--calcite-spacing-md);
+}
+
+solution-details-card{
+  width: calc(25% - 0.6rem);
+}
+
+@media (max-width: 1234px) {
+  solution-details-card {
+    width: calc(33.333% - 0.6rem);
+  }
+}
+
+@media (max-width: 1010px) {
+  solution-details-card {
+    width: calc(50% - 0.6rem);
+  }
+}
+
+/* We go back to 3 cards below 800 because the filter tree on the left disappears */
+/* See the solutions-all-shell.css for the filter disappearing selector */
+@media (max-width: 800px) {
+  solution-details-card {
+    width: calc(33.33% - 0.6rem);
+  }
+}
+
+@media (max-width: 680px) {
+  solution-details-card {
+    width: calc(50% - 0.6rem);
+  }
+}
+
+@media (max-width: 440px) {
+  solution-details-card {
+    width: calc(100% - 0.75rem);
+  }
+}
+
+.solutions-briefcase {
+  margin: auto;
+  padding-top: var(--calcite-spacing-xxxl);
+}
+
+.text-center {
+  text-align: center;
+}
+
+.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);
+}
+
+.no-solutions {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  transform: translateY(50%);
+}
+`;
+const MAX_REQUERY = 5;
+class SolutionsAllPanel extends LitElement {
   constructor() {
-    super(), this.sortType = "relevance", this._cards = [], this._isLoading = !0, this._modifiedCheckTry = 0, this._translations = f({ name: "solutions-all-panel", blocking: !0 }), this._agoTerms = `${u}`, this._allCards = [], this._baseAgoTerms = u, this._categories = [], this._configContextConsumer = C({
-      context: L,
-      subscribe: !0,
-      callback: async (e) => {
-        e && await this._loadUpdateProcedures();
+    super();
+    this.sortType = "relevance";
+    this._cards = [];
+    this._isLoading = true;
+    this._modifiedCheckTry = 0;
+    this._translations = useT9n({ name: "solutions-all-panel", blocking: true });
+    this._agoTerms = `${BASE_SOLUTIONS_TERMS}`;
+    this._allCards = [];
+    this._baseAgoTerms = BASE_SOLUTIONS_TERMS;
+    this._categories = [];
+    this._configContextConsumer = useContextConsumer({
+      context: configContext,
+      subscribe: true,
+      callback: async (evt) => {
+        if (evt) {
+          await this._loadUpdateProcedures();
+        }
+      }
+    });
+    this._delay = false;
+    this._getSuggested = false;
+    this._relatedSolutions = /* @__PURE__ */ new Set();
+    this._sortField = "relevance";
+    this._sortOrder = "desc";
+    this.cardsFetched = createEvent();
+    this.allCardsFetched = createEvent();
+    this.searchTermSet = createEvent();
+    this.sortTypeSet = createEvent();
+    this.detailsCardSelected = createEvent();
+    this.listenOn(window, "deployProgressEnd", () => {
+      this._modifiedCheckTry = MAX_REQUERY;
+      this._loadUpdateProcedures();
+    });
+    this.listenOn(window, "solutionDeleted", () => {
+      this._modifiedCheckTry = MAX_REQUERY;
+      this._loadUpdateProcedures();
+    });
+    this.listenOn(window, "sortTypeChanged", (evt) => {
+      if (evt.detail && evt.detail.scope === "all-solutions") {
+        this.sortType = evt.detail.sortType;
+        if (this.sortType === "suggested" && this._deployedSolutions?.cards.length === 0) {
+          this._getDeployedSolutions().then(() => {
+            this.searchSolutions(evt.detail);
+          });
+        } else {
+          this.searchSolutions(evt.detail);
+        }
       }
-    }), this._delay = !1, this._getSuggested = !1, this._relatedSolutions = /* @__PURE__ */ new Set(), this._sortField = "relevance", this._sortOrder = "desc", this.cardsFetched = c(), this.allCardsFetched = c(), this.searchTermSet = c(), this.sortTypeSet = c(), this.detailsCardSelected = c(), this.listenOn(window, "deployProgressEnd", () => {
-      this._modifiedCheckTry = m, this._loadUpdateProcedures();
-    }), this.listenOn(window, "solutionDeleted", () => {
-      this._modifiedCheckTry = m, this._loadUpdateProcedures();
-    }), this.listenOn(window, "sortTypeChanged", (e) => {
-      e.detail && e.detail.scope === "all-solutions" && (this.sortType = e.detail.sortType, this.sortType === "suggested" && this._deployedSolutions?.cards.length === 0 ? this._getDeployedSolutions().then(() => {
-        this.searchSolutions(e.detail);
-      }) : this.searchSolutions(e.detail));
-    }), this.listenOn(window, "solutionIDFromAssistant", (e) => {
-      this._lookupSolutionById(e.detail);
+    });
+    this.listenOn(window, "solutionIDFromAssistant", (id) => {
+      this._lookupSolutionById(id.detail);
     });
   }
   static {
-    this.properties = { sortType: 1, _cards: 16, _isLoading: 16, _modifiedCheckTry: 16, _translations: 16 };
+    this.properties = { sortType: 1, _cards: [16, {}, { state: true }], _isLoading: [16, {}, { state: true }], _modifiedCheckTry: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = D;
+    this.styles = styles;
   }
-  async searchSolutions(e) {
-    e ? "searchTerm" in e ? this._textSearch(e.searchTerm) : "sortType" in e ? this._sortCards(e) : this._filterCards(e) : (this._agoTerms = this._baseAgoTerms, this._clearFilterCategories()), this._cards = await this._getSolutions();
+  async searchSolutions(searchOptions) {
+    if (searchOptions) {
+      if ("searchTerm" in searchOptions) {
+        this._textSearch(searchOptions.searchTerm);
+      } else if ("sortType" in searchOptions) {
+        this._sortCards(searchOptions);
+      } else {
+        this._filterCards(searchOptions);
+      }
+    } else {
+      this._agoTerms = this._baseAgoTerms;
+      this._clearFilterCategories();
+    }
+    this._cards = await this._getSolutions();
   }
-  async setSearchOptions(e) {
-    e && ("searchTerm" in e && (this._textSearch(e.searchTerm), this.searchTermSet.emit({
-      searchTerm: e.searchTerm,
-      scope: "all-solutions"
-    })), "sortType" in e && (this._sortCards(e), this.sortTypeSet.emit({
-      sortType: e.sortType,
-      scope: "all-solutions"
-    })));
+  async setSearchOptions(searchOptions) {
+    if (searchOptions) {
+      if ("searchTerm" in searchOptions) {
+        this._textSearch(searchOptions.searchTerm);
+        this.searchTermSet.emit({
+          searchTerm: searchOptions.searchTerm,
+          scope: "all-solutions"
+        });
+      }
+      if ("sortType" in searchOptions) {
+        this._sortCards(searchOptions);
+        this.sortTypeSet.emit({
+          sortType: searchOptions.sortType,
+          scope: "all-solutions"
+        });
+      }
+    }
   }
   render() {
-    return this._isLoading || this._cards.length ? n`<calcite-panel>${this._isLoading ? n`<calcite-loader id=solutions-all-panel-loader .label=${this._translations.fetchingSolutions}></calcite-loader>` : n`<calcite-card-group class="card-group" .label=${this._translations.allSolutionCards}>${this._renderCards()}</calcite-card-group>`}</calcite-panel>` : n`<div class="no-solutions">${this._getMeridianSearch()}<div class="text-center leader-1 warning-text trailer-1">${this._translations.noSolutionsFound}</div></div>`;
+    return this._isLoading || this._cards.length ? html`<calcite-panel>${this._isLoading ? html`<calcite-loader id=solutions-all-panel-loader .label=${this._translations.fetchingSolutions}></calcite-loader>` : html`<calcite-card-group class="card-group" .label=${this._translations.allSolutionCards}>${this._renderCards()}</calcite-card-group>`}</calcite-panel>` : html`<div class="no-solutions">${this._getMeridianSearch()}<div class="text-center leader-1 warning-text trailer-1">${this._translations.noSolutionsFound}</div></div>`;
   }
   _renderCards() {
-    return this._cards.map((e) => n`<solution-details-card .card=${e}></solution-details-card>`);
+    return this._cards.map((card) => {
+      return html`<solution-details-card .card=${card}></solution-details-card>`;
+    });
   }
   async _getSolutions() {
     if (this._configContextConsumer.value) {
-      this._isLoading = !0;
-      const e = await this._cardsFetcher?.requestAvailableSolutionCards(
+      this._isLoading = true;
+      const fetchedCards = await this._cardsFetcher?.requestAvailableSolutionCards(
         {
-          q: this._agoTerms,
-          filter: "type:Solution",
-          sortField: this._sortField,
-          sortOrder: this._sortOrder,
+          "q": this._agoTerms,
+          "filter": "type:Solution",
+          "sortField": this._sortField,
+          "sortOrder": this._sortOrder,
           // TODO default search when old app loads is desc...may need to switch this for other
-          nextStart: -1,
-          categories: this._categories,
-          delay: this._delay,
-          getSuggested: this._getSuggested
+          "nextStart": -1,
+          "categories": this._categories,
+          "delay": this._delay,
+          "getSuggested": this._getSuggested
         },
         this._configContextConsumer.value?.primarySolutionsGroupId,
         "",
         //this.enterpriseSolutionsGroupId, TODO both are passed by default in the old app...don't follow why
         this._configContextConsumer.value.userSession,
         {
-          num: 1e3
+          "num": 1e3
         }
-      ), t = e?.cards.length ? e.cards : [];
+      );
+      const cards = fetchedCards?.cards.length ? fetchedCards.cards : [];
       if (this.sortType === "new" || this.sortType === "updated") {
-        let s = "/Categories/New Release";
-        this.sortType === "updated" && (s = "/Categories/Updated"), t.sort((a, l) => a.categories.includes(s) && !l.categories.includes(s) ? -1 : !a.categories.includes(s) && l.categories.includes(s) ? 1 : a.categories.includes(s) && l.categories.includes(s) ? a.categories.length - l.categories.length : 0);
-      } else if (this.sortType === "suggested" && this._relatedSolutions.size > 0 && this._deployedSolutions?.cards?.length) {
-        const s = /* @__PURE__ */ new Map();
-        for (const o of t) {
-          const r = s.get(o.deployCommonId), d = Number(o.deployVersion);
-          (!r || d > r) && s.set(o.deployCommonId, d);
+        let releaseType = "/Categories/New Release";
+        if (this.sortType === "updated") {
+          releaseType = "/Categories/Updated";
         }
-        const a = this._deployedSolutions.cards.filter((o) => {
-          const r = s.get(o.deployCommonId);
-          return r !== void 0 && Number(o.deployVersion) >= r;
-        }), l = new Set(a.map((o) => o.deployCommonId));
-        this._relatedSolutions = new Set([...this._relatedSolutions].filter((o) => !l.has(o))), t.sort((o, r) => {
-          const d = this._relatedSolutions.has(o.deployCommonId), h = this._relatedSolutions.has(r.deployCommonId);
-          return d && !h ? -1 : !d && h ? 1 : 0;
+        cards.sort((a, b) => {
+          if (a.categories.includes(releaseType) && !b.categories.includes(releaseType)) {
+            return -1;
+          } else if (!a.categories.includes(releaseType) && b.categories.includes(releaseType)) {
+            return 1;
+          } else if (a.categories.includes(releaseType) && b.categories.includes(releaseType)) {
+            return a.categories.length - b.categories.length;
+          } else {
+            return 0;
+          }
         });
+      } else if (this.sortType === "suggested") {
+        if (this._relatedSolutions.size > 0 && this._deployedSolutions?.cards?.length) {
+          const cardVersionMap = /* @__PURE__ */ new Map();
+          for (const c of cards) {
+            const existing = cardVersionMap.get(c.deployCommonId);
+            const version = Number(c.deployVersion);
+            if (!existing || version > existing) {
+              cardVersionMap.set(c.deployCommonId, version);
+            }
+          }
+          const deployedMatches = this._deployedSolutions.cards.filter((d) => {
+            const cardVersion = cardVersionMap.get(d.deployCommonId);
+            return cardVersion !== void 0 && Number(d.deployVersion) >= cardVersion;
+          });
+          const deployedIds = new Set(deployedMatches.map((d) => d.deployCommonId));
+          this._relatedSolutions = new Set([...this._relatedSolutions].filter((id) => !deployedIds.has(id)));
+          cards.sort((a, b) => {
+            const inRelatedA = this._relatedSolutions.has(a.deployCommonId);
+            const inRelatedB = this._relatedSolutions.has(b.deployCommonId);
+            if (inRelatedA && !inRelatedB)
+              return -1;
+            if (!inRelatedA && inRelatedB)
+              return 1;
+            return 0;
+          });
+        }
       }
-      const i = t.map((s) => {
-        const a = s.categories.indexOf("/Categories/New Release") > -1, l = s.categories.indexOf("/Categories/Updated") > -1;
-        let o = !1, r = !0;
-        return this._deployedSolutions && (o = this._isSolutionDeployed(s.deployCommonId), r = this._isLatestVersion(s)), s.chip = a ? "new" : l ? "updated" : o && r ? "deployed" : "none", s.supportReuse = o ? !!(o && !r) : !0, s;
+      const solutionDetailsCards = cards.map((fetchedCard) => {
+        const hasNewRelease = fetchedCard.categories.indexOf("/Categories/New Release") > -1;
+        const hasUpdatedRelease = fetchedCard.categories.indexOf("/Categories/Updated") > -1;
+        let isDeployed = false;
+        let isLatestVersion = true;
+        if (this._deployedSolutions) {
+          isDeployed = this._isSolutionDeployed(fetchedCard.deployCommonId);
+          isLatestVersion = this._isLatestVersion(fetchedCard);
+        }
+        fetchedCard.chip = hasNewRelease ? "new" : hasUpdatedRelease ? "updated" : isDeployed ? isLatestVersion ? "deployed" : "none" : "none";
+        fetchedCard.supportReuse = isDeployed ? isDeployed && !isLatestVersion ? true : false : true;
+        return fetchedCard;
       });
-      return this._allCards.length === 0 && e?.cards && (this._allCards = e?.cards, this._deployedSolutions && (this._relatedSolutions = I(this._deployedSolutions.cards, this._allCards))), this.cardsFetched.emit(i.length), this._isLoading = !1, i;
-    } else
-      return this._isLoading = !1, [];
+      if (this._allCards.length === 0 && fetchedCards?.cards) {
+        this._allCards = fetchedCards?.cards;
+        if (this._deployedSolutions) {
+          this._relatedSolutions = getDeployedRelatedSolutionIds(this._deployedSolutions.cards, this._allCards);
+        }
+      }
+      this.cardsFetched.emit(solutionDetailsCards.length);
+      this._isLoading = false;
+      return solutionDetailsCards;
+    } else {
+      this._isLoading = false;
+      return [];
+    }
   }
   async _loadUpdateProcedures() {
-    this._isLoading = !0;
-    const e = this._configContextConsumer.value;
-    this._cardsFetcher = new g(e.locale, e.orgUrl, e.portalUrl), this._cardsFetcherDeployed = new g(e.locale, e.orgUrl, e.portalUrl), await this._getDeployedSolutions(), this._cards = await this._getSolutions(), this.allCardsFetched.emit(this._cards), this._isLoading = !1;
+    this._isLoading = true;
+    const config = this._configContextConsumer.value;
+    this._cardsFetcher = new CardsFetcher(config.locale, config.orgUrl, config.portalUrl);
+    this._cardsFetcherDeployed = new CardsFetcher(config.locale, config.orgUrl, config.portalUrl);
+    await this._getDeployedSolutions();
+    this._cards = await this._getSolutions();
+    this.allCardsFetched.emit(this._cards);
+    this._isLoading = false;
   }
   async _getDeployedSolutions() {
-    const e = this._configContextConsumer.value.authentication, t = this._configContextConsumer.value.userSession;
-    if (e && t && e.IsSignedIn) {
-      const i = await v(e, t, this._cardsFetcher, this._cardsFetcherDeployed, x, "created");
-      if (i) {
+    const authentication = this._configContextConsumer.value.authentication;
+    const userSession = this._configContextConsumer.value.userSession;
+    if (authentication && userSession && authentication.IsSignedIn) {
+      const deployedSolutions = await getDeployedSolutions(authentication, userSession, this._cardsFetcher, this._cardsFetcherDeployed, BASE_DEPLOYED_TERMS, "created");
+      if (deployedSolutions) {
         if (this._modifiedCheckTry > 0) {
-          if (this._deployedSolutions?.cards.length === i?.cards.length)
-            return this._modifiedCheckTry--, await this._getDeployedSolutions();
-          this._modifiedCheckTry = 0;
+          if (this._deployedSolutions?.cards.length === deployedSolutions?.cards.length) {
+            this._modifiedCheckTry--;
+            return await this._getDeployedSolutions();
+          } else {
+            this._modifiedCheckTry = 0;
+          }
         }
-        this._deployedSolutions = i;
+        this._deployedSolutions = deployedSolutions;
       }
     }
   }
   _getMeridianSearch() {
-    return n`<div class="solutions-briefcase"><svg viewBox="0 0 64 64" width=140 height=140 xmlns=http://www.w3.org/2000/svg fill=var(--calcite-color-text-3)>${y`<path d="M60.217 54.937l-15.77-15.77-1.414 1.415-3.801-3.8a19.94 19.94 0 1 0-2.451 2.45l3.802 3.802-1.413 1.415 15.767 15.767a1.739 1.739 0 0 0 2.459 0l2.82-2.821a1.742 1.742 0 0 0 0-2.458zM4.9 24A19.1 19.1 0 1 1 24 43.1 19.121 19.121 0 0 1 4.9 24zm32.474 14.693q.69-.63 1.32-1.32l3.774 3.775-1.32 1.32zM59.65 56.83l-2.82 2.82a.97.97 0 0 1-1.327 0L40.3 44.45l4.145-4.15L59.65 55.501a.939.939 0 0 1 0 1.328zM22.343 9.62l.097.795q-.31.038-.619.086a13.635 13.635 0 0 0-11.353 11.775l-.026.217-.795-.084.026-.228a14.44 14.44 0 0 1 12.022-12.47c.215-.034.431-.064.648-.09z" />`}</svg></div>`;
-  }
-  _textSearch(e) {
-    this._agoTerms = this._baseAgoTerms + ` ${e}`;
-  }
-  _sortCards(e) {
-    const t = e.sortType;
-    this._getSuggested = !1, this._sortOrder = "desc", t === "suggested" ? this._getSuggested = !0 : t === "new" ? this._sortField = "relevance" : t === "relevance" || t === "title" ? (t === "title" && (this._sortOrder = "asc"), this._sortField = t) : t === "updated" && (this._sortField = "relevance"), this.sortType = t;
-  }
-  _filterCards(e) {
-    this._categories = [], e.forEach((t) => {
-      if (t.industry) {
-        const i = this._getIndustryValue(t.industry);
-        if (t.domain) {
-          const s = this._getDomainValue(t.domain);
-          this._categories.push(`/Categories/${i}/${s}`);
-        } else
-          this._categories.push(`/Categories/${i}`);
+    return html`<div class="solutions-briefcase"><svg viewBox="0 0 64 64" width=140 height=140 xmlns=http://www.w3.org/2000/svg fill=var(--calcite-color-text-3)>${svg`<path d="M60.217 54.937l-15.77-15.77-1.414 1.415-3.801-3.8a19.94 19.94 0 1 0-2.451 2.45l3.802 3.802-1.413 1.415 15.767 15.767a1.739 1.739 0 0 0 2.459 0l2.82-2.821a1.742 1.742 0 0 0 0-2.458zM4.9 24A19.1 19.1 0 1 1 24 43.1 19.121 19.121 0 0 1 4.9 24zm32.474 14.693q.69-.63 1.32-1.32l3.774 3.775-1.32 1.32zM59.65 56.83l-2.82 2.82a.97.97 0 0 1-1.327 0L40.3 44.45l4.145-4.15L59.65 55.501a.939.939 0 0 1 0 1.328zM22.343 9.62l.097.795q-.31.038-.619.086a13.635 13.635 0 0 0-11.353 11.775l-.026.217-.795-.084.026-.228a14.44 14.44 0 0 1 12.022-12.47c.215-.034.431-.064.648-.09z" />`}</svg></div>`;
+  }
+  _textSearch(searchText) {
+    this._agoTerms = this._baseAgoTerms + ` ${searchText}`;
+  }
+  _sortCards(sortOption) {
+    const sortType = sortOption.sortType;
+    this._getSuggested = false;
+    this._sortOrder = "desc";
+    if (sortType === "suggested") {
+      this._getSuggested = true;
+    } else if (sortType === "new") {
+      this._sortField = "relevance";
+    } else if (sortType === "relevance" || sortType === "title") {
+      if (sortType === "title") {
+        this._sortOrder = "asc";
+      }
+      this._sortField = sortType;
+    } else if (sortType === "updated") {
+      this._sortField = "relevance";
+    }
+    this.sortType = sortType;
+  }
+  _filterCards(filterOptions) {
+    this._categories = [];
+    filterOptions.forEach((filterOption) => {
+      if (filterOption.industry) {
+        const industry = this._getIndustryValue(filterOption.industry);
+        if (filterOption.domain) {
+          const domain = this._getDomainValue(filterOption.domain);
+          this._categories.push(`/Categories/${industry}/${domain}`);
+        } else {
+          this._categories.push(`/Categories/${industry}`);
+        }
       }
     });
   }
-  _getDomainValue(e) {
-    return w[e];
+  _getDomainValue(key) {
+    return EDomain[key];
   }
-  _getIndustryValue(e) {
-    return e === "AEC" ? "AEC" : T[e];
+  _getIndustryValue(key) {
+    return key === "AEC" ? "AEC" : EIndustry[key];
   }
   _clearFilterCategories() {
     this._categories = [];
   }
-  _isSolutionDeployed(e) {
-    return !!this._deployedSolutions?.cards?.some((t) => t?.typeKeywords?.some((i) => i.includes("solutionid") && i.includes(e)));
+  _isSolutionDeployed(solutionId) {
+    return !!this._deployedSolutions?.cards?.some((card) => card?.typeKeywords?.some((k) => k.includes("solutionid") && k.includes(solutionId)));
   }
-  _isLatestVersion(e) {
-    const t = this._deployedSolutions?.cards?.filter((i) => i?.typeKeywords?.some((s) => s.includes("solutionid") && s.includes(e.deployCommonId)));
-    return !(t && t.length > 0 && t[0].deployVersion !== e.deployVersion);
+  _isLatestVersion(solutionCard) {
+    const matchCards = this._deployedSolutions?.cards?.filter((card) => card?.typeKeywords?.some((k) => k.includes("solutionid") && k.includes(solutionCard.deployCommonId)));
+    if (matchCards && matchCards.length > 0) {
+      const matchCard = matchCards[0];
+      if (matchCard.deployVersion !== solutionCard.deployVersion) {
+        return false;
+      }
+    }
+    return true;
   }
-  _lookupSolutionById(e) {
-    const t = this._cards.filter((i) => i.typeKeywords.includes(e));
-    t.length > 0 && this.detailsCardSelected.emit(t[0]);
+  _lookupSolutionById(id) {
+    const foundItem = this._cards.filter((card) => {
+      const justKeywords = card.typeKeywords;
+      return justKeywords.includes(id);
+    });
+    if (foundItem.length > 0) {
+      this.detailsCardSelected.emit(foundItem[0]);
+    }
   }
 }
-p("solutions-all-panel", E);
+customElement("solutions-all-panel", SolutionsAllPanel);
 export {
-  E as SolutionsAllPanel
+  SolutionsAllPanel
 };
+//# sourceMappingURL=customElement.js.map