@coveo/atomic 3.35.0-pre.df6792920f → 3.35.0-pre.e757e0d8ec

package/dist/atomic/p-36ff2bc3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SubmitButton","bindings","disabled","onClick","h","part","class","Button","style","ariaLabel","i18n","t","icon","SearchSlimIcon","atomicSearchBoxCss","AtomicSearchBoxStyle0","AtomicSearchBox","this","searchBoxSuggestionEventsQueue","isExpanded","numberOfQueries","suggestionTimeout","suggestionDelay","disableSearch","minimumQueryLength","clearFilters","enableQuerySyntax","disconnectedCallback","updateBreakpoints","once","host","renderTextBox","searchLabel","props","loading","searchBoxState","isLoading","value","title","onFocus","onInput","e","target","onKeyDown","onClear","searchBox","clear","suggestionManager","clearSuggestions","popup","id","activeDescendant","expanded","hasSuggestions","SearchTextArea","textAreaRef","ref","el","triggerTextAreaChange","isStandaloneSearchBox","initialize","randomID","initializeSearchboxController","initializeSuggestionManager","updateRedirectionUrl","redirectionUrl","updateRedirectUrl","registerNewSearchBoxController","buildStandaloneSearchBox","engine","options","searchBoxOptions","overwrite","buildSearchBox","componentWillUpdate","redirectTo","analytics","data","storage","SafeStorage","setJSON","StorageItems","STANDALONE_SEARCH_BOX_DATA","afterRedirection","event","redirect","emit","defaultPrevented","window","location","href","registerSuggestions","push","registerSuggestionsFromEvent","suggestionBindings","registerSearchboxSuggestionEvents","forEach","evt","watchRedirectionUrl","SuggestionManager","getNumberOfSuggestionsToDisplay","updateQuery","query","updateText","getSearchBoxValue","getSuggestionTimeout","getSuggestionDelay","getHost","getLogger","logger","initializeSuggestions","spreadProperties","partialSuggestionBindings","Object","defineProperties","get","enumerable","searchBoxController","isStandalone","numberOfSuggestions","highlightOptions","notMatchDelimiters","open","close","correctionDelimiters","isSearchDisabledForEndUser","triggerSuggestions","announceNewSuggestionsToScreenReader","onSubmit","keyboardActiveDescendant","submit","key","preventDefault","focusNextValue","announceNewActiveSuggestionToScreenReader","focusPreviousValue","hasActiveDescendant","state","focusPanel","updateKeyboardActiveDescendant","dispatchEvent","Event","renderSuggestion","item","index","lastIndex","side","isSelected","hideIfLast","suggestion","isDoubleList","onSuggestionClick","onMouseOver","onSuggestionMouseOver","renderPanel","elements","setRef","getRef","length","onMouseDown","map","shouldShowSuggestions","renderSuggestions","role","leftSuggestionElements","leftPanel","rightSuggestionElements","rightPanel","renderAbsolutePositionSpacer","rows","queryValue","isNullOrUndefined","trim","getSearchInputLabel","isMacOS","hasKeyboard","activeDescendantElement","suggestionsAriaMessage","elsLength","allSuggestionElements","filter","elementHasQuery","searchBoxAriaMessage","count","renderSlotContent","hasDefaultSlot","getDefaultSlotFromHost","render","isDisabled","suggestions","Host","SearchBoxWrapper","onFocusout","isFocusingOut","__decorate","InitializeBindings","BindStateToController","AriaLiveRegion"],"sources":["src/components/common/search-box/stencil-submit-button.tsx","src/components/search/atomic-search-box/atomic-search-box.pcss?tag=atomic-search-box&encapsulation=shadow","src/components/search/atomic-search-box/atomic-search-box.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport SearchSlimIcon from '../../../images/search-slim.svg';\nimport {AnyBindings} from '../interface/bindings';\nimport {Button} from '../stencil-button';\n\ninterface Props {\n  bindings: AnyBindings;\n  disabled: boolean;\n  onClick: () => void;\n}\n\nexport const SubmitButton: FunctionalComponent<Props> = ({\n  bindings,\n  disabled,\n  onClick,\n}) => (\n  <div\n    part=\"submit-button-wrapper\"\n    class=\"mr-2 flex items-center justify-center py-2\"\n  >\n    <Button\n      style=\"text-primary\"\n      class=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full\"\n      part=\"submit-button\"\n      ariaLabel={bindings.i18n.t('search')}\n      onClick={() => {\n        onClick?.();\n      }}\n      disabled={disabled}\n    >\n      <atomic-icon\n        part=\"submit-icon\"\n        icon={SearchSlimIcon}\n        class=\"h-4 w-4\"\n      ></atomic-icon>\n    </Button>\n  </div>\n);\n","@import '../../../global/global.pcss';\n@import '../../common/search-box/search-box.pcss';\n\n[part~='instant-results-item'] {\n  @apply p-3;\n}\n\n[part~='instant-results-show-all'] {\n  @apply border-t-neutral justify-center border-t py-1;\n  margin-top: auto;\n  box-sizing: content-box;\n  button {\n    background-color: transparent;\n  }\n}\n\n[part~='suggestions-left'] + [part~='suggestions-right'] {\n  @apply border-l-neutral border-l;\n}\n\n[part~='suggestions-wrapper'] {\n  flex-direction: column;\n  @media (width >= theme(--breakpoint-desktop)) {\n    flex-direction: row;\n  }\n}\n\n:host {\n  @apply relative z-10;\n}\n","import {isNullOrUndefined} from '@coveo/bueno';\nimport {\n  SearchBox,\n  SearchBoxState,\n  buildSearchBox,\n  StandaloneSearchBox,\n  StandaloneSearchBoxState,\n  buildStandaloneSearchBox,\n  SearchBoxOptions,\n} from '@coveo/headless';\nimport {\n  Component,\n  h,\n  State,\n  Prop,\n  Listen,\n  Watch,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n} from '@stencil/core';\nimport {hasKeyboard, isMacOS} from '../../../utils/device-utils';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {\n  SafeStorage,\n  StandaloneSearchBoxData,\n  StorageItems,\n} from '../../../utils/local-storage-utils';\nimport {updateBreakpoints} from '../../../utils/replace-breakpoint-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {\n  isFocusingOut,\n  once,\n  randomID,\n  spreadProperties,\n} from '../../../utils/utils';\nimport {RedirectionPayload} from '../../common/search-box/redirection-payload';\nimport {SearchBoxWrapper} from '../../common/search-box/stencil-search-box-wrapper';\nimport {SearchTextArea} from '../../common/search-box/stencil-search-text-area';\nimport {SubmitButton} from '../../common/search-box/stencil-submit-button';\nimport {SuggestionManager} from '../../common/suggestions/stencil-suggestion-manager';\nimport {\n  elementHasQuery,\n} from '../../common/suggestions/suggestions-utils';\nimport type {\n  SearchBoxSuggestionElement,\n  SearchBoxSuggestionsBindings,\n  SearchBoxSuggestionsEvent,\n} from '../../common/suggestions/suggestions-types';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\nimport { getDefaultSlotFromHost } from '@/src/utils/slot-utils';\n\n/**\n * The `atomic-search-box` component creates a search box with built-in support for suggestions.\n *\n * @slot default - The default slot where you can add child components to the search box.\n *\n * @part wrapper - The search box wrapper.\n * @part input - The search box input.\n * @part loading - The search box loading animation.\n * @part clear-button - The button to clear the search box of input.\n * @part clear-icon - The clear button's icon.\n * @part submit-button - The search box submit button.\n * @part submit-icon - The search box submit button's icon.\n * @part suggestions - A list of suggested query corrections on each panel.\n * @part suggestions-left - A list of suggested query corrections on the left panel.\n * @part suggestions-right - A list of suggested query corrections on the right panel.\n * @part suggestions-wrapper - The wrapper that contains suggestion panels.\n * @part suggestions-single-list - The wrapper that contains 1 suggestion list.\n * @part suggestions-double-list - The wrapper that contains 2 suggestion lists.\n * @part suggestion - A suggested query correction.\n * @part active-suggestion - The currently active suggestion.\n * @part suggestion-divider - An item in the list that separates groups of suggestions.\n * @part suggestion-with-query - An item in the list that will update the search box query.\n *\n * @part query-suggestion-item - A suggestion from the `atomic-search-box-query-suggestions` component.\n * @part query-suggestion-content - The contents of a suggestion from the `atomic-search-box-query-suggestions` component.\n * @part query-suggestion-icon - The icon of a suggestion from the `atomic-search-box-query-suggestions` component.\n * @part query-suggestion-text - The text of a suggestion from the `atomic-search-box-query-suggestions` component.\n *\n * @part recent-query-item - A suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-content - The contents of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-icon - The icon of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-text - The text of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-text-highlight - The highlighted portion of the text of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-title-item - The clear button above suggestions from the `atomic-search-box-recent-queries` component.\n * @part recent-query-title-content - The contents of the clear button above suggestions from the `atomic-search-box-recent-queries` component.\n * @part recent-query-title - The \"recent searches\" text of the clear button above suggestions from the `atomic-search-box-recent-queries` component.\n * @part recent-query-clear - The \"clear\" text of the clear button above suggestions from the `atomic-search-box-recent-queries` component.\n *\n * @part instant-results-item - An instant result rendered by an `atomic-search-box-instant-results` component.\n * @part instant-results-show-all - The clickable suggestion to show all items for the current instant results search rendered by an `atomic-search-box-instant-results` component.\n * @part instant-results-show-all-button - The button inside the clickable suggestion from the `atomic-search-box-instant-results` component.\n */\n@Component({\n  tag: 'atomic-search-box',\n  styleUrl: 'atomic-search-box.pcss',\n  shadow: true,\n})\nexport class AtomicSearchBox implements InitializableComponent<Bindings> {\n  @InitializeBindings() public bindings!: Bindings;\n  private searchBox!: SearchBox | StandaloneSearchBox;\n  private searchBoxSuggestionEventsQueue: CustomEvent<\n    SearchBoxSuggestionsEvent<SearchBox | StandaloneSearchBox>\n  >[] = [];\n  private id!: string;\n  private textAreaRef!: HTMLTextAreaElement;\n  private suggestionManager!: SuggestionManager<\n    SearchBox | StandaloneSearchBox\n  >;\n\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('searchBox')\n  @State()\n  private searchBoxState!: SearchBoxState | StandaloneSearchBoxState;\n  @State() public error!: Error;\n  @State() private isExpanded = false;\n\n  /**\n   * The amount of queries displayed when the user interacts with the search box.\n   * By default, a mix of query suggestions and recent queries will be shown.\n   * You can configure those settings using the following components as children:\n   *  - atomic-search-box-query-suggestions\n   *  - atomic-search-box-recent-queries\n   */\n  @Prop({reflect: true}) public numberOfQueries = 8;\n\n  /**\n   * Defining this option makes the search box standalone (see [Use a\n   * Standalone Search Box](https://docs.coveo.com/en/atomic/latest/usage/ssb/)).\n   *\n   * This option defines the default URL the user should be redirected to, when a query is submitted.\n   * If a query pipeline redirect is triggered, it will redirect to that URL instead\n   * (see [query pipeline triggers](https://docs.coveo.com/en/1458)).\n   */\n  @Prop({reflect: true}) public redirectionUrl?: string;\n\n  /**\n   * The timeout for suggestion queries, in milliseconds.\n   * If a suggestion query times out, the suggestions from that particular query won't be shown.\n   */\n  @Prop() public suggestionTimeout = 400;\n\n  /**\n   * The delay for suggestion queries on input, in milliseconds.\n   *\n   * The suggestion request will be delayed until the end user stops typing for at least the specified amount of time.\n   *\n   * This delay is used to avoid sending too many requests to the Coveo Platform when the user is typing, as well as reducing potential input lag on low end devices.\n   * A higher delay will reduce input lag, at the cost of suggestions freshness.\n   */\n  @Prop() public suggestionDelay = 0;\n\n  /**\n   * Whether to prevent the user from triggering searches and query suggestions from the component.\n   * Perfect for use cases where you need to disable the search conditionally.\n   * For the specific case when you need to disable the search based on the length of the query, refer to {@link minimumQueryLength}.\n   */\n  @Prop({reflect: true}) public disableSearch = false;\n\n  /**\n   * The minimum query length required to enable search.\n   * For example, to disable the search for empty queries, set this to `1`.\n   */\n  @Prop({reflect: true}) public minimumQueryLength = 0;\n\n  /**\n   * Whether to clear all active query filters when the end user submits a new query from the search box.\n   * Setting this option to \"false\" is not recommended & can lead to an increasing number of queries returning no results.\n   */\n  @Prop({reflect: true}) public clearFilters = true;\n\n  /**\n   * Whether to interpret advanced [Coveo Cloud query syntax](https://docs.coveo.com/en/1814/) in the query.\n   * You should only enable query syntax in the search box if you have good reasons to do so, as it\n   * requires end users to be familiar with Coveo Cloud query syntax, otherwise they will likely be surprised\n   * by the search box behaviour.\n   *\n   * When the `redirection-url` property is set and redirects to a page with more `atomic-search-box` components, all `atomic-search-box` components need to have the same `enable-query-syntax` value.\n   */\n  @Prop({reflect: true}) public enableQuerySyntax = false;\n\n  /**\n   * Event that is emitted when a standalone search box redirection is triggered. By default, the search box will directly change the URL and redirect accordingly, so if you want to handle the redirection differently, use this event.\n   *\n   * Example:\n   * ```html\n   * <script>\n   *   document.querySelector('atomic-search-box').addEventListener((e) => {\n   *     e.preventDefault();\n   *     // handle redirection\n   *   });\n   * </script>\n   * ...\n   * <atomic-search-box redirection-url=\"/search\"></atomic-search-box>\n   * ```\n   */\n  @Event({\n    eventName: 'redirect',\n  })\n  public redirect!: EventEmitter<RedirectionPayload>;\n\n  @AriaLiveRegion('search-box')\n  protected searchBoxAriaMessage!: string;\n\n  @AriaLiveRegion('search-suggestions', true)\n  protected suggestionsAriaMessage!: string;\n\n  private isStandaloneSearchBox(\n    searchBox: SearchBox | StandaloneSearchBox\n  ): searchBox is StandaloneSearchBox {\n    return 'redirectTo' in searchBox;\n  }\n\n  public initialize() {\n    this.id ||= randomID('atomic-search-box-');\n\n    this.initializeSearchboxController();\n    this.initializeSuggestionManager();\n  }\n\n  private updateRedirectionUrl() {\n    if (this.isStandaloneSearchBox(this.searchBox) && this.redirectionUrl) {\n      this.searchBox.updateRedirectUrl(this.redirectionUrl);\n    } else {\n      this.registerNewSearchBoxController();\n    }\n  }\n\n  private registerNewSearchBoxController() {\n    this.disconnectedCallback();\n    this.initialize();\n  }\n\n  private initializeSearchboxController() {\n    this.searchBox = this.redirectionUrl\n      ? buildStandaloneSearchBox(this.bindings.engine, {\n          options: {\n            ...this.searchBoxOptions,\n            redirectionUrl: this.redirectionUrl,\n            overwrite: true,\n          },\n        })\n      : buildSearchBox(this.bindings.engine, {\n          options: this.searchBoxOptions,\n        });\n  }\n\n  public componentWillUpdate() {\n    if (\n      !('redirectTo' in this.searchBoxState) ||\n      !('afterRedirection' in this.searchBox)\n    ) {\n      return;\n    }\n\n    const {redirectTo, value, analytics} = this.searchBoxState;\n\n    if (redirectTo === '') {\n      return;\n    }\n    const data: StandaloneSearchBoxData = {\n      value,\n      enableQuerySyntax: this.enableQuerySyntax,\n      analytics,\n    };\n    const storage = new SafeStorage();\n    storage.setJSON(StorageItems.STANDALONE_SEARCH_BOX_DATA, data);\n\n    this.searchBox.afterRedirection();\n    const event = this.redirect.emit({redirectTo, value});\n    if (!event.defaultPrevented) {\n      window.location.href = redirectTo;\n    }\n  }\n\n  public disconnectedCallback = () => {};\n\n  @Listen('atomic/searchBoxSuggestion/register')\n  public registerSuggestions(\n    event: CustomEvent<\n      SearchBoxSuggestionsEvent<SearchBox | StandaloneSearchBox>\n    >\n  ) {\n    if (!this.bindings) {\n      this.searchBoxSuggestionEventsQueue.push(event);\n    } else {\n      this.suggestionManager.registerSuggestionsFromEvent(\n        event,\n        this.suggestionBindings\n      );\n    }\n  }\n\n  private registerSearchboxSuggestionEvents() {\n    this.searchBoxSuggestionEventsQueue.forEach((evt) => {\n      this.suggestionManager.registerSuggestionsFromEvent(\n        evt,\n        this.suggestionBindings\n      );\n    });\n    this.searchBoxSuggestionEventsQueue = [];\n  }\n\n  @Watch('redirectionUrl')\n  watchRedirectionUrl() {\n    this.updateRedirectionUrl();\n  }\n\n  private initializeSuggestionManager() {\n    if (this.suggestionManager) {\n      return;\n    }\n\n    this.suggestionManager = new SuggestionManager({\n      getNumberOfSuggestionsToDisplay: () => this.numberOfQueries,\n      updateQuery: (query) => this.searchBox.updateText(query),\n      getSearchBoxValue: () => this.searchBoxState.value,\n      getSuggestionTimeout: () => this.suggestionTimeout,\n      getSuggestionDelay: () => this.suggestionDelay,\n      getHost: () => this.host,\n      getLogger: () => this.bindings.engine.logger,\n    });\n    this.suggestionManager.initializeSuggestions(this.suggestionBindings);\n  }\n\n  private get suggestionBindings(): SearchBoxSuggestionsBindings<\n    SearchBox | StandaloneSearchBox\n  > {\n    return spreadProperties(\n      this.bindings,\n      this.suggestionManager.partialSuggestionBindings,\n      this.partialSuggestionBindings\n    );\n  }\n\n  private get partialSuggestionBindings(): Pick<\n    SearchBoxSuggestionsBindings<SearchBox | StandaloneSearchBox>,\n    | 'id'\n    | 'isStandalone'\n    | 'searchBoxController'\n    | 'numberOfQueries'\n    | 'clearFilters'\n  > {\n    return Object.defineProperties(\n      {...this.bindings},\n      {\n        id: {\n          get: () => this.id,\n          enumerable: true,\n        },\n        searchBoxController: {\n          get: () => this.searchBox,\n          enumerable: true,\n        },\n        isStandalone: {\n          get: () => !!this.redirectionUrl,\n          enumerable: true,\n        },\n        numberOfQueries: {\n          get: () => this.numberOfQueries,\n          enumerable: true,\n        },\n        clearFilters: {\n          get: () => this.clearFilters,\n          enumerable: true,\n        },\n      }\n    ) as unknown as Pick<\n      SearchBoxSuggestionsBindings<SearchBox | StandaloneSearchBox>,\n      | 'id'\n      | 'isStandalone'\n      | 'searchBoxController'\n      | 'numberOfQueries'\n      | 'clearFilters'\n    >;\n  }\n\n  private get searchBoxOptions(): SearchBoxOptions {\n    return {\n      id: this.id,\n      numberOfSuggestions: 0,\n      highlightOptions: {\n        notMatchDelimiters: {\n          open: '<span class=\"font-bold\">',\n          close: '</span>',\n        },\n        correctionDelimiters: {\n          open: '<span class=\"font-normal\">',\n          close: '</span>',\n        },\n      },\n      clearFilters: this.clearFilters,\n      enableQuerySyntax: this.enableQuerySyntax,\n    };\n  }\n\n  private updateBreakpoints = once(() => updateBreakpoints(this.host));\n\n  private async onInput(value: string) {\n    this.searchBox.updateText(value);\n\n    if (this.isSearchDisabledForEndUser(value)) {\n      this.suggestionManager.clearSuggestions();\n      return;\n    }\n    this.isExpanded = true;\n    await this.suggestionManager.triggerSuggestions();\n    this.announceNewSuggestionsToScreenReader();\n  }\n\n  private async onFocus() {\n    if (this.isExpanded) {\n      return;\n    }\n    this.isExpanded = true;\n    await this.suggestionManager.triggerSuggestions();\n    this.announceNewSuggestionsToScreenReader();\n  }\n\n  private onSubmit() {\n    this.isExpanded = false;\n    if (this.suggestionManager.keyboardActiveDescendant) {\n      this.suggestionManager.onSubmit();\n      return;\n    }\n\n    this.searchBox.submit();\n  }\n\n  private async onKeyDown(e: KeyboardEvent) {\n    if (this.isSearchDisabledForEndUser(this.searchBoxState.value)) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'Enter':\n        this.onSubmit();\n        break;\n      case 'Escape':\n        this.suggestionManager.clearSuggestions();\n        break;\n      case 'ArrowDown':\n        e.preventDefault();\n        await this.suggestionManager.focusNextValue();\n        this.announceNewActiveSuggestionToScreenReader();\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        await this.suggestionManager.focusPreviousValue();\n        this.announceNewActiveSuggestionToScreenReader();\n        break;\n      case 'ArrowRight':\n        if (\n          this.suggestionManager.hasActiveDescendant ||\n          !this.searchBox.state.value\n        ) {\n          e.preventDefault();\n          this.suggestionManager.focusPanel('right');\n          this.announceNewActiveSuggestionToScreenReader();\n        }\n        break;\n      case 'ArrowLeft':\n        if (\n          this.suggestionManager.hasActiveDescendant ||\n          !this.searchBox.state.value\n        ) {\n          e.preventDefault();\n          this.suggestionManager.focusPanel('left');\n          this.announceNewActiveSuggestionToScreenReader();\n        }\n        break;\n      case 'Tab':\n        this.suggestionManager.clearSuggestions();\n        break;\n      default:\n        if (this.suggestionManager.keyboardActiveDescendant) {\n          this.suggestionManager.updateKeyboardActiveDescendant();\n        }\n        break;\n    }\n  }\n\n  private triggerTextAreaChange(value: string) {\n    this.textAreaRef.value = value;\n    this.textAreaRef.dispatchEvent(new window.Event('change'));\n  }\n\n  private renderSuggestion(\n    item: SearchBoxSuggestionElement,\n    index: number,\n    lastIndex: number,\n    side: 'left' | 'right'\n  ) {\n    const id = `${this.id}-${side}-suggestion-${item.key}`;\n\n    const isSelected = id === this.suggestionManager.activeDescendant;\n\n    if (index === lastIndex && item.hideIfLast) {\n      return null;\n    }\n\n    return (\n      <atomic-suggestion-renderer\n        i18n={this.bindings.i18n}\n        id={id}\n        suggestion={item}\n        isSelected={isSelected}\n        side={side}\n        index={index}\n        lastIndex={lastIndex}\n        isDoubleList={this.suggestionManager.isDoubleList}\n        onClick={(e: Event) => {\n          this.suggestionManager.onSuggestionClick(item, e);\n          if (item.key === 'recent-query-clear') {\n            return;\n          }\n\n          this.isExpanded = false;\n        }}\n        onMouseOver={() => {\n          this.suggestionManager.onSuggestionMouseOver(item, side, id);\n        }}\n      ></atomic-suggestion-renderer>\n    );\n  }\n\n  private renderPanel(\n    side: 'left' | 'right',\n    elements: SearchBoxSuggestionElement[],\n    setRef: (el: HTMLElement | undefined) => void,\n    getRef: () => HTMLElement | undefined\n  ) {\n    if (!elements.length) {\n      return null;\n    }\n\n    return (\n      <div\n        part={`suggestions suggestions-${side}`}\n        ref={setRef}\n        class=\"flex grow basis-1/2 flex-col\"\n        onMouseDown={(e) => {\n          if (e.target === getRef()) {\n            e.preventDefault();\n          }\n        }}\n      >\n        {elements.map((suggestion, index) =>\n          this.renderSuggestion(suggestion, index, elements.length - 1, side)\n        )}\n      </div>\n    );\n  }\n\n  private get shouldShowSuggestions() {\n    return (\n      this.suggestionManager.hasSuggestions &&\n      this.isExpanded &&\n      !this.isSearchDisabledForEndUser(this.searchBoxState.value)\n    );\n  }\n\n  private renderSuggestions() {\n    return (\n      <div\n        id={`${this.id}-popup`}\n        part={`suggestions-wrapper ${\n          this.suggestionManager.isDoubleList\n            ? 'suggestions-double-list'\n            : 'suggestions-single-list'\n        }`}\n        class={`bg-background border-neutral absolute top-full left-0 z-10 flex w-full rounded-md border ${\n          this.shouldShowSuggestions ? '' : 'hidden'\n        }`}\n        role=\"application\"\n        aria-label={this.bindings.i18n.t(\n          this.suggestionManager.isDoubleList\n            ? 'search-suggestions-double-list'\n            : 'search-suggestions-single-list'\n        )}\n        {...(this.suggestionManager.activeDescendant && {\n          'aria-activedescendant': this.suggestionManager.activeDescendant,\n        })}\n      >\n        {this.renderPanel(\n          'left',\n          this.suggestionManager.leftSuggestionElements,\n          (el) => (this.suggestionManager.leftPanel = el),\n          () => this.suggestionManager.leftPanel\n        )}\n        {this.renderPanel(\n          'right',\n          this.suggestionManager.rightSuggestionElements,\n          (el) => (this.suggestionManager.rightPanel = el),\n          () => this.suggestionManager.rightPanel\n        )}\n      </div>\n    );\n  }\n\n  private renderTextBox = (searchLabel: string) => {\n    const props = {\n      loading: this.searchBoxState.isLoading,\n      bindings: this.bindings,\n      value: this.searchBoxState.value,\n      title: searchLabel,\n      ariaLabel: searchLabel,\n      onFocus: () => this.onFocus(),\n      onInput: (e: Event) =>\n        this.onInput(\n          (e.target as HTMLInputElement | HTMLTextAreaElement).value\n        ),\n      onKeyDown: (e: KeyboardEvent) => this.onKeyDown(e),\n      onClear: () => {\n        this.searchBox.clear();\n        this.suggestionManager.clearSuggestions();\n      },\n      popup: {\n        id: `${this.id}-popup`,\n        activeDescendant: this.suggestionManager.activeDescendant,\n        expanded: this.isExpanded,\n        hasSuggestions: this.suggestionManager.hasSuggestions,\n      },\n    };\n\n    return (\n      <SearchTextArea\n        textAreaRef={this.textAreaRef}\n        ref={(el) => (this.textAreaRef = el as HTMLTextAreaElement)}\n        {...props}\n        onClear={() => {\n          props.onClear();\n          this.triggerTextAreaChange('');\n        }}\n      />\n    );\n  };\n\n  private renderAbsolutePositionSpacer() {\n    return (\n      <textarea\n        aria-hidden\n        part=\"textarea-spacer\"\n        class=\"invisible w-full px-4 py-3.5 text-lg\"\n        rows={1}\n      ></textarea>\n    );\n  }\n\n  private isSearchDisabledForEndUser(queryValue?: string) {\n    if (isNullOrUndefined(queryValue)) {\n      return this.disableSearch;\n    }\n\n    if (queryValue.trim().length < this.minimumQueryLength) {\n      return true;\n    }\n\n    return this.disableSearch;\n  }\n\n  private getSearchInputLabel(minimumQueryLength = 0) {\n    if (this.isSearchDisabledForEndUser(this.searchBoxState.value)) {\n      return this.bindings.i18n.t('search-disabled', {\n        length: minimumQueryLength,\n      });\n    }\n\n    if (isMacOS()) {\n      return this.bindings.i18n.t('search-box-with-suggestions-macos');\n    }\n    if (!hasKeyboard()) {\n      return this.bindings.i18n.t('search-box-with-suggestions-keyboardless');\n    }\n    return this.bindings.i18n.t('search-box-with-suggestions');\n  }\n\n  private announceNewActiveSuggestionToScreenReader() {\n    const ariaLabel = this.suggestionManager.activeDescendantElement?.ariaLabel;\n    if (isMacOS() && ariaLabel) {\n      this.suggestionsAriaMessage = ariaLabel;\n    }\n  }\n\n  private announceNewSuggestionsToScreenReader() {\n    const elsLength =\n      this.suggestionManager.allSuggestionElements.filter(\n        elementHasQuery\n      ).length;\n    this.searchBoxAriaMessage = elsLength\n      ? this.bindings.i18n.t(\n          this.searchBoxState.value\n            ? 'query-suggestions-available'\n            : 'query-suggestions-available-no-query',\n          {\n            count: elsLength,\n            query: this.searchBoxState.value,\n          }\n        )\n      : this.bindings.i18n.t('query-suggestions-unavailable');\n  }\n\n  private renderSlotContent() {\n    const hasDefaultSlot = !!getDefaultSlotFromHost(this.host);\n\n    if (hasDefaultSlot) {\n      return <slot></slot>;\n    }\n\n    return [\n      <atomic-search-box-recent-queries></atomic-search-box-recent-queries>,\n      <atomic-search-box-query-suggestions></atomic-search-box-query-suggestions>,\n    ];\n  }\n\n  public render() {\n    this.updateBreakpoints();\n\n    const searchLabel = this.getSearchInputLabel(this.minimumQueryLength);\n    const isDisabled = this.isSearchDisabledForEndUser(\n      this.searchBoxState.value\n    );\n    if (!this.suggestionManager.suggestions.length) {\n      this.registerSearchboxSuggestionEvents();\n    }\n\n    return (\n      <Host>\n        {this.renderAbsolutePositionSpacer()}\n        {[\n          <SearchBoxWrapper\n            disabled={isDisabled}\n            onFocusout={(event) => {\n              if (!isFocusingOut(event)) {\n                return;\n              }\n              this.suggestionManager.clearSuggestions();\n              this.isExpanded = false;\n            }}\n          >\n            {this.renderTextBox(searchLabel)}\n            <SubmitButton\n              bindings={this.bindings}\n              disabled={isDisabled}\n              onClick={() => {\n                this.searchBox.submit();\n                this.suggestionManager.clearSuggestions();\n              }}\n            />\n            {this.renderSuggestions()}\n          </SearchBoxWrapper>,\n          this.renderSlotContent(),\n        ]}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/p-3bd8469f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getFieldTableColumns","props","itemRenderingFunction","getFieldTableColumnsFromRenderingFunction","getFieldTableColumnsFromHTMLTemplate","contentOfRenderingFunction","document","createElement","contentOfRenderingFunctionAsString","firstItem","innerHTML","Array","from","querySelectorAll","tableElementTagName","templateContentForFirstItem","DisplayTable","children","fieldColumns","length","logger","error","host","h","class","listClasses","part","map","column","value","getAttribute","DisplayTableRow","key","rowIndex","setRef","ref","element","DisplayTableData","renderItem","TabGuard","tabsIncluded","tabsExcluded","activeTab","shouldDisplayOnCurrentTab","Hidden","Fragment","atomicResultListCss","AtomicResultListStyle0","AtomicResultList","this","loadingFlag","randomID","resultTemplateRegistered","isAppLoaded","templateHasError","display","density","imageSize","setRenderFunction","resultRenderingFunction","focusTarget","nextNewResultTarget","FocusTargetController","initialize","includes","console","warn","tabManager","buildTabManager","bindings","engine","resultList","buildResultList","resultsPerPage","buildResultsPerPage","itemTemplateProvider","ItemTemplateProvider","includeDefaultTemplate","templateElements","getResultTemplateRegistered","getTemplateHasError","setResultTemplateRegistered","setTemplateHasError","resultListCommon","ItemListCommon","engineSubscribe","subscribe","getCurrentNumberOfItems","resultListState","results","getIsLoading","isLoading","nextNewItemTarget","store","createAppLoadedListener","watchTabManagerState","newValue","oldValue","unsetLoadingFlag","render","updateBreakpoints","computeListDisplayClasses","tabManagerState","ItemListGuard","hasError","hasTemplate","firstRequestExecuted","firstSearchExecuted","hasItems","hasResults","DisplayWrapper","ResultsPlaceholdersGuard","displayPlaceholders","numberOfPlaceholders","resultsPerPageState","numberOfResults","ItemDisplayGuard","renderAsTable","renderAsGrid","renderAsList","getPropsForAtomicResult","result","interactiveResult","buildInteractiveResult","options","renderingFunction","getResultId","uniqueId","searchResponseId","content","getTemplateContent","linkContent","getLinkTemplateContent","getEmptyLinkTemplateContent","getItemListDisplayClasses","i","propsForAtomicResult","DisplayGrid","selectorForItem","item","setNewResultRef","propsForTableColumns","__decorate","InitializeBindings","BindStateToController","ArrayProp"],"sources":["src/components/common/item-list/stencil-display-table.tsx","src/components/common/tabs/tab-guard.tsx","src/components/search/result-lists/atomic-result-list/atomic-result-list.pcss?tag=atomic-result-list&encapsulation=shadow","src/components/search/result-lists/atomic-result-list/atomic-result-list.tsx"],"sourcesContent":["// The Lit equivalent of this file is table-layout.ts\nimport {FunctionalComponent, VNode, h} from '@stencil/core';\nimport {tableElementTagName} from '../../search/atomic-table-result/table-element-utils.js';\nimport {AnyItem} from './unfolded-item.js';\nimport {ItemRenderingFunction} from './stencil-item-list-common.js';\n\ninterface TableColumnsProps {\n  templateContentForFirstItem: DocumentFragment;\n  firstItem: AnyItem;\n  itemRenderingFunction?: ItemRenderingFunction;\n}\n\nexport interface DisplayTableProps extends TableColumnsProps {\n  logger: Pick<Console, 'error'>;\n  host: HTMLElement;\n  listClasses: string;\n}\n\nexport interface TableDataProps extends TableColumnsProps {\n  key: string;\n}\n\nexport interface DisplayTableRowProps {\n  key: string;\n  rowIndex: number;\n  setRef: (element?: HTMLElement) => void;\n}\n\nconst getFieldTableColumns = (props: TableColumnsProps) => {\n  if (props.itemRenderingFunction) {\n    return getFieldTableColumnsFromRenderingFunction(props);\n  }\n  return getFieldTableColumnsFromHTMLTemplate(props);\n};\n\nconst getFieldTableColumnsFromRenderingFunction = (\n  props: Pick<TableColumnsProps, 'itemRenderingFunction' | 'firstItem'>\n): HTMLAtomicTableElementElement[] => {\n  const contentOfRenderingFunction = document.createElement('div');\n\n  const contentOfRenderingFunctionAsString = props.itemRenderingFunction!(\n    props.firstItem,\n    document.createElement('div')\n  );\n  contentOfRenderingFunction.innerHTML = contentOfRenderingFunctionAsString;\n\n  return Array.from(\n    contentOfRenderingFunction.querySelectorAll(tableElementTagName)\n  );\n};\n\nconst getFieldTableColumnsFromHTMLTemplate = (\n  props: Pick<DisplayTableProps, 'templateContentForFirstItem'>\n): HTMLAtomicTableElementElement[] =>\n  Array.from(\n    props.templateContentForFirstItem.querySelectorAll(tableElementTagName)\n  );\n\nexport const DisplayTable: FunctionalComponent<DisplayTableProps> = (\n  props,\n  children\n) => {\n  const fieldColumns = getFieldTableColumns(props);\n\n  if (!fieldColumns.length) {\n    props.logger.error(\n      'atomic-table-element elements missing in the template to display columns.',\n      props.host\n    );\n  }\n\n  return (\n    <table class={`list-root ${props.listClasses}`} part=\"result-table\">\n      <thead part=\"result-table-heading\">\n        <tr part=\"result-table-heading-row\">\n          {fieldColumns.map((column) => (\n            <th part=\"result-table-heading-cell\">\n              <atomic-text value={column.getAttribute('label')!}></atomic-text>\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody part=\"result-table-body\">{...children}</tbody>\n    </table>\n  );\n};\n\nexport const DisplayTableRow: FunctionalComponent<DisplayTableRowProps> = (\n  {key, rowIndex, setRef},\n  children\n) => {\n  return (\n    <tr\n      key={key}\n      part={\n        'result-table-row ' +\n        (rowIndex % 2 === 1 ? 'result-table-row-even' : 'result-table-row-odd')\n      }\n      ref={(element) => setRef(element)}\n    >\n      {...children}\n    </tr>\n  );\n};\n\nexport const DisplayTableData: FunctionalComponent<\n  TableDataProps & {\n    renderItem: (content: HTMLAtomicTableElementElement) => VNode;\n  }\n> = (props) => {\n  const fieldColumns = getFieldTableColumns(props);\n\n  return fieldColumns.map((column) => {\n    const key = column.getAttribute('label')! + props.key;\n    return (\n      <td key={key} part=\"result-table-cell\">\n        {props.renderItem(column)}\n      </td>\n    );\n  });\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {shouldDisplayOnCurrentTab} from '../../../utils/tab-utils';\nimport {Hidden} from '../stencil-hidden';\n\ninterface TabGuardProps {\n  tabsIncluded: string | string[];\n  tabsExcluded: string | string[];\n  activeTab: string;\n}\n\nexport const TabGuard: FunctionalComponent<TabGuardProps> = (\n  {tabsIncluded, tabsExcluded, activeTab},\n  children\n) => {\n  if (\n    !shouldDisplayOnCurrentTab([...tabsIncluded], [...tabsExcluded], activeTab)\n  ) {\n    return <Hidden></Hidden>;\n  }\n  return <Fragment>{...children}</Fragment>;\n};\n","@import '../../../../global/global.pcss';\n@import '../../../common/item-list/styles/placeholders.pcss';\n@import '../../../common/item-list/styles/table-display.pcss';\n@import '../../../common/item-list/styles/list-display.pcss';\n@import '../../../common/item-list/styles/grid-display.pcss';\n\natomic-result:not(.hydrated) {\n  visibility: hidden;\n}\n","import {\n  ResultList,\n  ResultListState,\n  buildResultList,\n  ResultsPerPageState,\n  ResultsPerPage,\n  buildResultsPerPage,\n  buildInteractiveResult,\n  Result,\n  TabManager,\n  TabManagerState,\n  buildTabManager,\n} from '@coveo/headless';\nimport {Component, Element, State, Prop, Method, h, Watch} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {ArrayProp} from '../../../../utils/props-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\nimport {randomID} from '../../../../utils/utils';\nimport {ResultsPlaceholdersGuard} from '../../../common/atomic-result-placeholder/stencil-placeholders';\nimport {createAppLoadedListener} from '../../../common/interface/store';\nimport {ItemDisplayGuard} from '../../../common/item-list/item-display-guard';\nimport {ItemListGuard} from '../../../common/item-list/item-list-guard';\nimport {ItemTemplateProvider} from '../../../common/item-list/item-template-provider';\nimport {DisplayGrid} from '../../../common/item-list/stencil-display-grid';\nimport {\n  DisplayTableData,\n  DisplayTable,\n  DisplayTableRow,\n} from '../../../common/item-list/stencil-display-table';\nimport {DisplayWrapper} from '../../../common/item-list/stencil-display-wrapper';\nimport {\n  ItemListCommon,\n  ItemRenderingFunction,\n} from '../../../common/item-list/stencil-item-list-common';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  ItemDisplayLayout,\n  getItemListDisplayClasses,\n} from '../../../common/layout/display-options';\nimport {TabGuard} from '../../../common/tabs/tab-guard';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-result-list` component is responsible for displaying query results by applying one or more result templates.\n *\n * @slot default - The default slot where the result templates are inserted.\n * @part result-list - The element containing every result of a result list\n * @part outline - The element displaying an outline or a divider around a result\n * @part result-list-grid-clickable-container - The parent of the result & the clickable link encompassing it, when results are displayed as a grid\n * @part result-list-grid-clickable - The clickable link encompassing the result when results are displayed as a grid\n * @part result-table - The element of the result table containing a heading and a body\n * @part result-table-heading - The element containing the row of cells in the result table's heading\n * @part result-table-heading-row - The element containing cells of the result table's heading\n * @part result-table-heading-cell - The element representing a cell of the result table's heading\n * @part result-table-body - The element containing the rows of the result table's body\n * @part result-table-row - The element containing the cells of a row in the result table's body\n * @part result-table-row-odd - The element containing the cells of an odd row in the result table's body\n * @part result-table-row-even - The element containing the cells of an even row in the result table's body\n * @part result-table-cell - The element representing a cell of the result table's body\n */\n@Component({\n  tag: 'atomic-result-list',\n  styleUrl: 'atomic-result-list.pcss',\n  shadow: true,\n})\nexport class AtomicResultList implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  public resultList!: ResultList;\n  public resultsPerPage!: ResultsPerPage;\n  private loadingFlag = randomID('firstResultLoaded-');\n  private itemRenderingFunction: ItemRenderingFunction;\n  private nextNewResultTarget?: FocusTargetController;\n  private itemTemplateProvider!: ItemTemplateProvider;\n  private resultListCommon!: ItemListCommon;\n\n  @Element() public host!: HTMLDivElement;\n\n  @BindStateToController('resultList')\n  @State()\n  private resultListState!: ResultListState;\n  @BindStateToController('resultsPerPage')\n  @State()\n  private resultsPerPageState!: ResultsPerPageState;\n  public tabManager!: TabManager;\n  @BindStateToController('tabManager')\n  @State()\n  public tabManagerState!: TabManagerState;\n  @State() private resultTemplateRegistered = false;\n  @State() public error!: Error;\n  @State() private isAppLoaded = false;\n\n  @State() private templateHasError = false;\n\n  /**\n   * The desired layout to use when displaying results. Layouts affect how many results to display per row and how visually distinct they are from each other.\n   */\n  @Prop({reflect: true}) public display: ItemDisplayLayout = 'list';\n  /**\n   * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.\n   */\n  @Prop({reflect: true}) public density: ItemDisplayDensity = 'normal';\n\n  /**\n   * The expected size of the image displayed in the results.\n   */\n  @Prop({reflect: true, mutable: true})\n  public imageSize: ItemDisplayImageSize = 'icon';\n\n  /**\n   * The tabs on which the result list can be displayed. This property should not be used at the same time as `tabs-excluded`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-result-list tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-result-list snippet>\n   * ```\n   * If you don't set this property, the result list can be displayed on any tab. Otherwise, the result list can only be displayed on the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsIncluded: string[] | string = '[]';\n\n  /**\n   * The tabs on which this result list must not be displayed. This property should not be used at the same time as `tabs-included`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-result-list tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-result-list>\n   * ```\n   * If you don't set this property, the result list can be displayed on any tab. Otherwise, the result list won't be displayed on any of the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsExcluded: string[] | string = '[]';\n\n  /**\n   * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.\n   * You can use this function while working with web frameworks that don't use plain HTML syntax, e.g., React, Angular or Vue.\n   *\n   * Do not use this method if you integrate Atomic in a plain HTML deployment.\n   *\n   * @param resultRenderingFunction\n   */\n  @Method() public async setRenderFunction(\n    resultRenderingFunction: ItemRenderingFunction\n  ) {\n    this.itemRenderingFunction = resultRenderingFunction;\n  }\n\n  public get focusTarget() {\n    if (!this.nextNewResultTarget) {\n      this.nextNewResultTarget = new FocusTargetController(this);\n    }\n    return this.nextNewResultTarget;\n  }\n\n  public initialize() {\n    if (this.host.innerHTML.includes('<atomic-result-children')) {\n      console.warn(\n        'Folded results will not render any children for the \"atomic-result-list\". Please use \"atomic-folded-result-list\" instead.'\n      );\n    }\n    this.tabManager = buildTabManager(this.bindings.engine);\n    this.resultList = buildResultList(this.bindings.engine);\n    this.resultsPerPage = buildResultsPerPage(this.bindings.engine);\n    this.itemTemplateProvider = new ItemTemplateProvider({\n      includeDefaultTemplate: true,\n      templateElements: Array.from(\n        this.host.querySelectorAll('atomic-result-template')\n      ),\n      getResultTemplateRegistered: () => this.resultTemplateRegistered,\n      getTemplateHasError: () => this.templateHasError,\n      setResultTemplateRegistered: (value: boolean) => {\n        this.resultTemplateRegistered = value;\n      },\n      setTemplateHasError: (value: boolean) => {\n        this.templateHasError = value;\n      },\n      bindings: this.bindings,\n    });\n\n    this.resultListCommon = new ItemListCommon({\n      engineSubscribe: this.bindings.engine.subscribe,\n      getCurrentNumberOfItems: () => this.resultListState.results.length,\n      getIsLoading: () => this.resultListState.isLoading,\n      host: this.host,\n      loadingFlag: this.loadingFlag,\n      nextNewItemTarget: this.focusTarget,\n      store: this.bindings.store,\n    });\n    createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n      this.isAppLoaded = isAppLoaded;\n    });\n  }\n\n  @Watch('tabManagerState')\n  watchTabManagerState(\n    newValue: {activeTab: string},\n    oldValue: {activeTab: string}\n  ) {\n    if (newValue?.activeTab !== oldValue?.activeTab) {\n      this.bindings.store.unsetLoadingFlag(this.loadingFlag);\n    }\n  }\n\n  public render() {\n    this.resultListCommon.updateBreakpoints();\n    const listClasses = this.computeListDisplayClasses();\n\n    return (\n      <TabGuard\n        tabsIncluded={this.tabsIncluded}\n        tabsExcluded={this.tabsExcluded}\n        activeTab={this.tabManagerState.activeTab}\n      >\n        <ItemListGuard\n          hasError={this.resultListState.hasError}\n          hasTemplate={this.resultTemplateRegistered}\n          templateHasError={this.itemTemplateProvider.hasError}\n          firstRequestExecuted={this.resultListState.firstSearchExecuted}\n          hasItems={this.resultListState.hasResults}\n        >\n          <DisplayWrapper display={this.display} listClasses={listClasses}>\n            <ResultsPlaceholdersGuard\n              density={this.density}\n              display={this.display}\n              imageSize={this.imageSize}\n              displayPlaceholders={!this.isAppLoaded}\n              numberOfPlaceholders={this.resultsPerPageState.numberOfResults}\n            ></ResultsPlaceholdersGuard>\n            <ItemDisplayGuard\n              firstRequestExecuted={this.resultListState.firstSearchExecuted}\n              hasItems={this.resultListState.hasResults}\n            >\n              {this.display === 'table'\n                ? this.renderAsTable()\n                : this.display === 'grid'\n                  ? this.renderAsGrid()\n                  : this.renderAsList()}\n            </ItemDisplayGuard>\n          </DisplayWrapper>\n        </ItemListGuard>\n      </TabGuard>\n    );\n  }\n\n  private getPropsForAtomicResult(result: Result) {\n    return {\n      interactiveResult: buildInteractiveResult(this.bindings.engine, {\n        options: {result},\n      }),\n      result,\n      renderingFunction: this.itemRenderingFunction,\n      loadingFlag: this.loadingFlag,\n      key: this.resultListCommon.getResultId(\n        result.uniqueId,\n        this.resultListState.searchResponseId,\n        this.density,\n        this.imageSize\n      ),\n      content: this.itemTemplateProvider.getTemplateContent(result),\n      linkContent:\n        this.display === 'grid'\n          ? this.itemTemplateProvider.getLinkTemplateContent(result)\n          : this.itemTemplateProvider.getEmptyLinkTemplateContent(),\n      store: this.bindings.store,\n      density: this.density,\n      imageSize: this.imageSize,\n      display: this.display,\n    };\n  }\n\n  private computeListDisplayClasses() {\n    const displayPlaceholders = !this.isAppLoaded;\n\n    return getItemListDisplayClasses(\n      this.display,\n      this.density,\n      this.imageSize,\n      this.resultListState.firstSearchExecuted &&\n        this.resultListState.isLoading,\n      displayPlaceholders\n    );\n  }\n\n  private renderAsGrid() {\n    return this.resultListState.results.map((result, i) => {\n      const propsForAtomicResult = this.getPropsForAtomicResult(result);\n      return (\n        <DisplayGrid\n          selectorForItem=\"atomic-result\"\n          item={result}\n          {...propsForAtomicResult.interactiveResult}\n          setRef={(element) =>\n            element && this.resultListCommon.setNewResultRef(element, i)\n          }\n        >\n          <atomic-result {...this} {...propsForAtomicResult}></atomic-result>\n        </DisplayGrid>\n      );\n    });\n  }\n\n  private renderAsTable() {\n    if (!this.resultListState.hasResults) {\n      return;\n    }\n    const listClasses = this.computeListDisplayClasses();\n    const firstItem = this.resultListState.results[0];\n\n    const propsForTableColumns = {\n      firstItem,\n      templateContentForFirstItem:\n        this.itemTemplateProvider.getTemplateContent(firstItem),\n    };\n\n    return (\n      <DisplayTable\n        {...propsForTableColumns}\n        listClasses={listClasses}\n        logger={this.bindings.engine.logger}\n        itemRenderingFunction={this.itemRenderingFunction}\n        host={this.host}\n      >\n        {this.resultListState.results.map((result, i) => {\n          const propsForAtomicResult = this.getPropsForAtomicResult(result);\n          return (\n            <DisplayTableRow\n              {...propsForAtomicResult}\n              rowIndex={i}\n              setRef={(element) =>\n                element && this.resultListCommon.setNewResultRef(element, i)\n              }\n            >\n              <DisplayTableData\n                {...propsForTableColumns}\n                {...propsForAtomicResult}\n                renderItem={(content) => {\n                  return (\n                    <atomic-result\n                      {...propsForAtomicResult}\n                      content={content}\n                    ></atomic-result>\n                  );\n                }}\n              ></DisplayTableData>\n            </DisplayTableRow>\n          );\n        })}\n      </DisplayTable>\n    );\n  }\n\n  private renderAsList() {\n    return this.resultListState.results.map((result, i) => {\n      const propsForAtomicResult = this.getPropsForAtomicResult(result);\n      return (\n        <atomic-result\n          {...propsForAtomicResult}\n          ref={(element) =>\n            element && this.resultListCommon.setNewResultRef(element, i)\n          }\n          part=\"outline\"\n        ></atomic-result>\n      );\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/p-4069d801.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicResultBadgeCss","AtomicResultBadgeStyle0","AtomicResultBadge","renderIcon","h","part","icon","this","class","getTextContent","field","undefined","label","value","renderText","renderBadge","componentWillRender","hasValue","ResultTemplatesHelpers","getResultProperty","result","host","remove","render","__decorate","ResultContext"],"sources":["src/components/search/result-template-components/atomic-result-badge/atomic-result-badge.pcss?tag=atomic-result-badge&encapsulation=shadow","src/components/search/result-template-components/atomic-result-badge/atomic-result-badge.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n\n:host {\n  display: inline-flex;\n  place-items: center;\n  height: var(--row-height, auto);\n  word-break: break-word;\n}\n","import {Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Element, Prop, h} from '@stencil/core';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-badge` element renders a badge to highlight special features of a result.\n *\n * A badge can either display:\n * * Text:\n * ```html\n * <atomic-result-badge label=\"trending\"></atomic-result-badge>\n * ```\n * * The contents of a single-value field:\n * ```html\n * <atomic-result-badge field=\"objecttype\"></atomic-result-badge>\n * ```\n * * An icon:\n * ```html\n * <atomic-result-badge icon=\"https://my-website.fake/star.svg\"></atomic-result-badge>\n * ```\n * * Slotted elements:\n * ```html\n * <atomic-result-badge icon=\"https://my-website.fake/stopwatch.svg\">\n *     Deal ends in <my-dynamic-countdown></my-dynamic-countdown>\n * </atomic-result-badge>\n * ```\n *\n * The contents of a multi-value field can be displayed as in the following example:\n * ```html\n * <atomic-result-badge icon=\"https://my-website.fake/language.svg\">\n *    <atomic-result-multi-value-text field=\"language\"></atomic-result-multi-value-text>\n * </atomic-result-badge>\n * ```\n *\n * @part result-badge-element - The decorative outer-most element with the background color and text color.\n * @part result-badge-icon - The icon displayed at the left-end of the badge, if present.\n * @part result-badge-label - The wrapper around the contents at the right-end of the badge. This may be text, a field or slotted elements depending on which was configured.\n * @slot default - The element(s) to display inside the badge, instead of a field or label.\n */\n@Component({\n  tag: 'atomic-result-badge',\n  styleUrl: 'atomic-result-badge.pcss',\n  shadow: true,\n})\nexport class AtomicResultBadge {\n  @ResultContext() private result!: Result;\n  @Element() host!: HTMLElement;\n  /**\n   * The field to display in the badge.\n   *\n   * Not compatible with `label`, slotted elements nor multi-value fields.\n   */\n  @Prop({reflect: true}) public field?: string;\n\n  /**\n   * The text to display in the badge.\n   *\n   * Not compatible with `field` nor slotted elements.\n   */\n  @Prop({reflect: true}) public label?: string;\n\n  /**\n   * Specifies an icon to display at the left-end of the badge.\n   * This can be used in conjunction with `field`, `label` or slotted elements.\n   *\n   * - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.\n   * - Use a value that starts with `assets://`, to display an icon from the Atomic package.\n   * - Use a stringified SVG to display it directly\n   */\n  @Prop({reflect: true}) public icon?: string;\n\n  private renderIcon() {\n    return (\n      <atomic-icon\n        part=\"result-badge-icon\"\n        icon={this.icon!}\n        class=\"h-3 w-3 fill-current\"\n      ></atomic-icon>\n    );\n  }\n\n  private getTextContent() {\n    if (this.field !== undefined) {\n      return <atomic-result-text field={this.field}></atomic-result-text>;\n    }\n    if (this.label !== undefined) {\n      return <atomic-text value={this.label}></atomic-text>;\n    }\n    return <slot></slot>;\n  }\n\n  private renderText() {\n    return <span part=\"result-badge-label\">{this.getTextContent()}</span>;\n  }\n\n  private renderBadge() {\n    return (\n      <div\n        part=\"result-badge-element\"\n        class=\"bg-neutral-light text-neutral-dark inline-flex h-full place-items-center space-x-1.5 rounded-full px-3\"\n      >\n        {this.icon && this.renderIcon()}\n        {this.renderText()}\n      </div>\n    );\n  }\n\n  componentWillRender() {\n    if (this.field) {\n      const hasValue =\n        ResultTemplatesHelpers.getResultProperty(this.result, this.field) !==\n        null;\n      if (!hasValue) {\n        this.host.remove();\n      }\n    }\n  }\n\n  render() {\n    return this.renderBadge();\n  }\n}\n"],"mappings":"uNAAA,MAAMA,EAAuB,2kjEAC7B,MAAAC,EAAeD,E,iXC2CFE,EAAiB,M,uFA2BpB,UAAAC,GACN,OACEC,EAAA,eACEC,KAAK,oBACLC,KAAMC,KAAKD,KACXE,MAAM,wB,CAKJ,cAAAC,GACN,GAAIF,KAAKG,QAAUC,UAAW,CAC5B,OAAOP,EAAA,sBAAoBM,MAAOH,KAAKG,O,CAEzC,GAAIH,KAAKK,QAAUD,UAAW,CAC5B,OAAOP,EAAA,eAAaS,MAAON,KAAKK,O,CAElC,OAAOR,EAAA,Y,CAGD,UAAAU,GACN,OAAOV,EAAA,QAAMC,KAAK,sBAAsBE,KAAKE,iB,CAGvC,WAAAM,GACN,OACEX,EAAA,OACEC,KAAK,uBACLG,MAAM,0GAELD,KAAKD,MAAQC,KAAKJ,aAClBI,KAAKO,a,CAKZ,mBAAAE,GACE,GAAIT,KAAKG,MAAO,CACd,MAAMO,EACJC,EAAuBC,kBAAkBZ,KAAKa,OAAQb,KAAKG,SAC3D,KACF,IAAKO,EAAU,CACbV,KAAKc,KAAKC,Q,GAKhB,MAAAC,GACE,OAAOhB,KAAKQ,a,6BA1EWS,EAAA,CAAxBC,K","ignoreList":[]}

package/dist/atomic/p-448091f7.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicInsightResultAttachToCaseActionCss","AtomicInsightResultAttachToCaseActionStyle0","AtomicInsightResultAttachToCaseAction","initialize","caseId","this","bindings","engine","state","insightCaseContext","attachToCase","buildAttachToCase","options","result","onClick","isAttached","detach","emit","callback","attach","getIcon","DetachIcon","AttachIcon","getTooltip","i18n","t","render","h","IconButton","key","partPrefix","style","icon","title","__decorate","InitializeBindings","ResultContext","BindStateToController"],"sources":["src/components/insight/atomic-insight-result-attach-to-case-action/atomic-insight-result-attach-to-case-action.pcss?tag=atomic-insight-result-attach-to-case-action","src/components/insight/atomic-insight-result-attach-to-case-action/atomic-insight-result-attach-to-case-action.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n","import {AttachToCase, buildAttachToCase, Result} from '@coveo/headless/insight';\nimport {Component, Event, State, h, Element, EventEmitter} from '@stencil/core';\nimport AttachIcon from '../../../images/attach.svg';\nimport DetachIcon from '../../../images/detach.svg';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {IconButton} from '../../common/stencil-iconButton';\nimport {ResultContext} from '../../search/result-template-components/result-template-decorators';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\nexport interface InsightResultAttachToCaseEvent {\n  callback: () => void;\n  result: Result;\n}\n/**\n * @internal\n * The `atomic-insight-result-attach-to-case-action` component can be nested inside a `atomic-insight-result-actions` to render an interactive button that will emit an `atomic/insight/attachToCase/attach` or `atomic/insight/attachToCase/detach` JavaScript event, based on its current state, when clicked.\n *\n * @part result-action-container - The result action container\n * @part result-action-button - The result action button\n * @part result-action-icon - The result action icon\n */\n@Component({\n  tag: 'atomic-insight-result-attach-to-case-action',\n  styleUrl: 'atomic-insight-result-attach-to-case-action.pcss',\n})\nexport class AtomicInsightResultAttachToCaseAction\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  @ResultContext() private result!: Result;\n\n  @Element() host!: HTMLElement;\n  @State() public error!: Error;\n\n  public attachToCase!: AttachToCase;\n\n  @BindStateToController('attachToCase')\n  @State()\n  public attachToCaseState!: {};\n\n  @Event({\n    eventName: 'atomic/insight/attachToCase/attach',\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  private attach!: EventEmitter<InsightResultAttachToCaseEvent>;\n\n  @Event({\n    eventName: 'atomic/insight/attachToCase/detach',\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  private detach!: EventEmitter<InsightResultAttachToCaseEvent>;\n\n  public initialize() {\n    const caseId: string =\n      this.bindings.engine.state.insightCaseContext?.caseId || '';\n    this.attachToCase = buildAttachToCase(this.bindings.engine, {\n      options: {\n        result: this.result,\n        caseId: caseId,\n      },\n    });\n  }\n\n  private onClick() {\n    if (this.attachToCase.isAttached()) {\n      this.detach.emit({\n        callback: this.attachToCase.detach,\n        result: this.result,\n      });\n    } else {\n      this.attach.emit({\n        callback: this.attachToCase.attach,\n        result: this.result,\n      });\n    }\n  }\n\n  private getIcon() {\n    return this.attachToCase.isAttached() ? DetachIcon : AttachIcon;\n  }\n\n  private getTooltip() {\n    return this.attachToCase.isAttached()\n      ? this.bindings.i18n.t('detach-from-case')\n      : this.bindings.i18n.t('attach-to-case');\n  }\n\n  public render() {\n    return (\n      <IconButton\n        partPrefix=\"result-action\"\n        style=\"outline-neutral\"\n        icon={this.getIcon()}\n        title={this.getTooltip()}\n        onClick={() => this.onClick()}\n      />\n    );\n  }\n}\n"],"mappings":"62GAAA,MAAMA,EAA2C,+8iEACjD,MAAAC,EAAeD,E,iXC4BFE,EAAqC,M,qMA+BzC,UAAAC,GACL,MAAMC,EACJC,KAAKC,SAASC,OAAOC,MAAMC,oBAAoBL,QAAU,GAC3DC,KAAKK,aAAeC,EAAkBN,KAAKC,SAASC,OAAQ,CAC1DK,QAAS,CACPC,OAAQR,KAAKQ,OACbT,OAAQA,I,CAKN,OAAAU,GACN,GAAIT,KAAKK,aAAaK,aAAc,CAClCV,KAAKW,OAAOC,KAAK,CACfC,SAAUb,KAAKK,aAAaM,OAC5BH,OAAQR,KAAKQ,Q,KAEV,CACLR,KAAKc,OAAOF,KAAK,CACfC,SAAUb,KAAKK,aAAaS,OAC5BN,OAAQR,KAAKQ,Q,EAKX,OAAAO,GACN,OAAOf,KAAKK,aAAaK,aAAeM,EAAaC,C,CAG/C,UAAAC,GACN,OAAOlB,KAAKK,aAAaK,aACrBV,KAAKC,SAASkB,KAAKC,EAAE,oBACrBpB,KAAKC,SAASkB,KAAKC,EAAE,iB,CAGpB,MAAAC,GACL,OACEC,EAACC,EAAU,CAAAC,IAAA,2CACTC,WAAW,gBACXC,MAAM,kBACNC,KAAM3B,KAAKe,UACXa,MAAO5B,KAAKkB,aACZT,QAAS,IAAMT,KAAKS,W,6BAtEGoB,EAAA,CAA5BC,K,+BACwBD,EAAA,CAAxBE,K,6BASMF,EAAA,CAFNG,EAAsB,iB","ignoreList":[]}

package/dist/atomic/p-4b1dc787.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FieldsetGroup","label","children","h","class"],"sources":["src/components/common/stencil-fieldset-group.tsx"],"sourcesContent":["import {h, FunctionalComponent} from '@stencil/core';\n\nexport interface GroupProps {\n  label: string;\n}\n\nexport const FieldsetGroup: FunctionalComponent<GroupProps> = (\n  {label},\n  children\n) => (\n  <fieldset class=\"contents\">\n    <legend class=\"sr-only\">{label}</legend>\n    {children}\n  </fieldset>\n);\n"],"mappings":"0CAMaA,EAAiD,EAC3DC,SACDC,IAEAC,EAAA,YAAUC,MAAM,YACdD,EAAA,UAAQC,MAAM,WAAWH,GACxBC,U","ignoreList":[]}

package/dist/atomic/p-4cb91ee7.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicResultMultiValueTextCss","AtomicResultMultiValueTextStyle0","AtomicResultMultiValueText","this","maxValuesToDisplay","delimiter","sortedValues","initialize","breadcrumbManager","buildBreadcrumbManager","bindings","engine","resultValues","value","ResultTemplatesHelpers","getResultProperty","result","field","Array","isArray","map","v","trim","error","Error","split","facetSelectedValues","state","facetBreadcrumbs","filter","facet","reduce","values","updateSortedValues","allValues","allValuesSet","Set","firstValues","has","from","set","add","getShouldDisplayLabel","length","getNumberOfValuesToDisplay","Math","min","renderValue","label","getFieldValueCaption","i18n","kebabValue","titleToKebab","h","key","part","name","renderSeparator","beforeValue","afterValue","class","renderMoreLabel","t","renderListItems","numberOfValuesToDisplay","nodes","i","push","componentWillRender","render","host","remove","__decorate","InitializeBindings","ResultContext"],"sources":["src/components/search/result-template-components/atomic-result-multi-value-text/atomic-result-multi-value-text.pcss?tag=atomic-result-multi-value-text&encapsulation=shadow","src/components/search/result-template-components/atomic-result-multi-value-text/atomic-result-multi-value-text.tsx"],"sourcesContent":[":host {\n  > ul {\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    li {\n      display: inline-block;\n    }\n  }\n}\n\n.separator {\n  &::before {\n    display: inline;\n    content: ',\\00a0';\n  }\n}\n","import {\n  BreadcrumbManager,\n  buildBreadcrumbManager,\n  Result,\n  ResultTemplatesHelpers,\n} from '@coveo/headless';\nimport {Component, Element, Prop, h, State, VNode} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {titleToKebab} from '../../../../utils/utils';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-multi-value-text` component renders the values of a multi-value string field.\n * @part result-multi-value-text-list - The list of field values.\n * @part result-multi-value-text-separator - The separator to display between each of the field values.\n * @part result-multi-value-text-value - A field value.\n * @part result-multi-value-text-value-more - A label indicating some values were omitted.\n * @slot result-multi-value-text-value-* - A custom caption value that's specified for a given part of a multi-text field value. For example, if you want to use `Off-Campus Resident` as a caption value for `Off-campus apartment` in `Off-campus apartment;On-campus apartment`, you'd use `<span slot=\"result-multi-value-text-value-off-campus-apartment\">Off-Campus Resident</span>`). The suffix of this slot corresponds with the field value, written in kebab case.\n */\n@Component({\n  tag: 'atomic-result-multi-value-text',\n  styleUrl: 'atomic-result-multi-value-text.pcss',\n  shadow: true,\n})\nexport class AtomicResultMultiValueText {\n  public breadcrumbManager!: BreadcrumbManager;\n\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  @Element() host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The field that the component should use.\n   * The component will try to find this field in the `Result.raw` object unless it finds it in the `Result` object first.\n   * Make sure this field is present in the `fieldsToInclude` property of the `atomic-search-interface` component.\n   */\n  @Prop({reflect: true}) public field!: string;\n\n  /**\n   * The maximum number of field values to display.\n   * If there are _n_ more values than the specified maximum, the last displayed value will be \"_n_ more...\".\n   */\n  @Prop({reflect: true}) public maxValuesToDisplay = 3;\n\n  /**\n   * The delimiter used to separate values when the field isn't indexed as a multi value field.\n   */\n  @Prop({reflect: true}) public delimiter: string | null = null;\n\n  private sortedValues: string[] | null = null;\n\n  public initialize() {\n    this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n  }\n\n  private get resultValues() {\n    const value = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      this.field\n    );\n\n    if (value === null) {\n      return null;\n    }\n\n    if (Array.isArray(value)) {\n      return value.map((v) => `${v}`.trim());\n    }\n\n    if (typeof value !== 'string' || value.trim() === '') {\n      this.error = new Error(\n        `Could not parse \"${value}\" from field \"${this.field}\" as a string array.`\n      );\n      return null;\n    }\n\n    return this.delimiter\n      ? value.split(this.delimiter).map((value) => value.trim())\n      : [value];\n  }\n\n  private get facetSelectedValues() {\n    return this.breadcrumbManager.state.facetBreadcrumbs\n      .filter((facet) => facet.field === this.field)\n      .reduce(\n        (values, facet) => [\n          ...values,\n          ...facet.values.map(({value}) => value.value),\n        ],\n        [] as string[]\n      );\n  }\n\n  private updateSortedValues() {\n    const allValues = this.resultValues;\n    if (allValues === null) {\n      this.sortedValues = null;\n      return;\n    }\n    const allValuesSet = new Set(allValues);\n    const firstValues = this.facetSelectedValues.filter((value) =>\n      allValuesSet.has(value)\n    );\n    this.sortedValues = Array.from(\n      allValues.reduce((set, value) => set.add(value), new Set(firstValues))\n    );\n  }\n\n  private getShouldDisplayLabel(values: string[]) {\n    return (\n      this.maxValuesToDisplay > 0 && values.length > this.maxValuesToDisplay\n    );\n  }\n\n  private getNumberOfValuesToDisplay(values: string[]) {\n    return Math.min(values.length, this.maxValuesToDisplay);\n  }\n\n  private renderValue(value: string) {\n    const label = getFieldValueCaption(this.field, value, this.bindings.i18n);\n    const kebabValue = titleToKebab(value);\n    return (\n      <li key={value} part=\"result-multi-value-text-value\">\n        <slot name={`result-multi-value-text-value-${kebabValue}`}>\n          {label}\n        </slot>\n      </li>\n    );\n  }\n\n  private renderSeparator(beforeValue: string, afterValue: string) {\n    return (\n      <li\n        aria-hidden=\"true\"\n        part=\"result-multi-value-text-separator\"\n        key={`${beforeValue}~${afterValue}`}\n        class=\"separator\"\n      ></li>\n    );\n  }\n\n  private renderMoreLabel(value: number) {\n    return (\n      <li key=\"more-field-values\" part=\"result-multi-value-text-value-more\">\n        {this.bindings.i18n.t('n-more', {value})}\n      </li>\n    );\n  }\n\n  private renderListItems(values: string[]) {\n    const numberOfValuesToDisplay = this.getNumberOfValuesToDisplay(values);\n\n    const nodes: VNode[] = [];\n    for (let i = 0; i < numberOfValuesToDisplay; i++) {\n      if (i > 0) {\n        nodes.push(this.renderSeparator(values[i - 1], values[i]));\n      }\n      nodes.push(this.renderValue(values[i]));\n    }\n    if (this.getShouldDisplayLabel(values)) {\n      nodes.push(\n        this.renderSeparator(\n          values[numberOfValuesToDisplay - 1],\n          'more-field-values'\n        )\n      );\n      nodes.push(this.renderMoreLabel(values.length - numberOfValuesToDisplay));\n    }\n    return nodes;\n  }\n\n  public componentWillRender() {\n    this.updateSortedValues();\n  }\n\n  public render() {\n    if (this.sortedValues === null) {\n      this.host.remove();\n      return;\n    }\n    return (\n      <ul part=\"result-multi-value-text-list\">\n        {...this.renderListItems(this.sortedValues)}\n      </ul>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/p-57049cd2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicIpxResultLinkCss","AtomicIpxResultLinkStyle0","AtomicIPXResultLink","initialize","this","host","dispatchEvent","buildCustomEvent","stopPropagation","actionsHistoryActions","loadIPXActionsHistoryActions","bindings","engine","connectedCallback","slotName","hasDefaultSlot","getDefaultSlotFromHost","linkAttributes","getAttributesFromLinkSlot","onSelect","resultPermanentId","result","raw","permanentid","action","addPageViewEntryInActionsHistory","dispatch","interactiveResult","select","render","href","isUndefined","hrefTemplate","clickUri","buildStringTemplateFromResult","h","LinkWithItemAnalytics","key","onBeginDelayedSelect","beginDelayedSelect","onCancelPendingSelect","cancelPendingSelect","attributes","field","default","__decorate","InitializeBindings","ResultContext","InteractiveResultContext"],"sources":["src/components/ipx/atomic-ipx-result-link/atomic-ipx-result-link.pcss?tag=atomic-ipx-result-link","src/components/ipx/atomic-ipx-result-link/atomic-ipx-result-link.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n@reference '../../../utils/tailwind-utilities/link-style.css';\n\natomic-ipx-result-link {\n  a {\n    @apply link-style;\n  }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {\n  IPXActionsHistoryActionCreators,\n  InteractiveResult,\n  loadIPXActionsHistoryActions,\n} from '@coveo/headless';\nimport {Component, h, Prop, Element} from '@stencil/core';\nimport {buildCustomEvent} from '../../../utils/event-utils';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {buildStringTemplateFromResult} from '../../../utils/result-utils';\nimport {getDefaultSlotFromHost} from '../../../utils/slot-utils';\nimport {AnyUnfoldedItem} from '../../common/item-list/unfolded-item';\nimport {getAttributesFromLinkSlot} from '../../common/item-link/attributes-slot';\nimport {LinkWithItemAnalytics} from '../../common/item-link/stencil-item-link';\nimport {RecsBindings} from '../../recommendations/atomic-recs-interface/atomic-recs-interface';\nimport {\n  ResultContext,\n  InteractiveResultContext,\n} from '../../search/result-template-components/result-template-decorators';\n\n/**\n * The `atomic-ipx-result-link` component automatically transforms a search result title into a clickable link that points to the original item. It is an experimental internal component not intended for general use.\n * @slot default - Lets you display alternative content inside the link\n * @slot attributes - Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to the link element, overriding other attributes, to be used exclusively with an \"a\" tag such as `<a slot=\"attributes\" target=\"_blank\" download></a>`.\n * @internal\n */\n@Component({\n  tag: 'atomic-ipx-result-link',\n  styleUrl: 'atomic-ipx-result-link.pcss',\n  shadow: false,\n})\nexport class AtomicIPXResultLink\n  implements InitializableComponent<RecsBindings>\n{\n  @InitializeBindings() public bindings!: RecsBindings;\n  public error!: Error;\n\n  @ResultContext() private result!: AnyUnfoldedItem;\n  @InteractiveResultContext() private interactiveResult!: InteractiveResult;\n\n  @Element() private host!: HTMLElement;\n\n  /**\n   * Specifies a template literal from which to generate the `href` attribute value (see\n   * [Template literals](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals)).\n   *\n   * The template literal can reference any number of result properties from the parent result. It can also reference the window object.\n   *\n   * For example, the following markup generates an `href` value such as `http://uri.com?id=itemTitle`, using the result's `clickUri` and `itemtitle` fields.\n   * ```html\n   * <atomic-ipx-result-link href-template='${clickUri}?id=${raw.itemtitle}'></atomic-ipx-result-link>\n   * ```\n   */\n  @Prop({reflect: true}) hrefTemplate?: string;\n\n  private hasDefaultSlot!: boolean;\n  private linkAttributes?: Attr[];\n  private stopPropagation?: boolean;\n  private actionsHistoryActions?: IPXActionsHistoryActionCreators;\n\n  public initialize() {\n    this.host.dispatchEvent(\n      buildCustomEvent(\n        'atomic/resolveStopPropagation',\n        (stopPropagation: boolean) => {\n          this.stopPropagation = stopPropagation;\n        }\n      )\n    );\n    this.actionsHistoryActions = loadIPXActionsHistoryActions(\n      this.bindings.engine\n    );\n  }\n\n  public connectedCallback() {\n    const slotName = 'attributes';\n    this.hasDefaultSlot = !!getDefaultSlotFromHost(this.host);\n    this.linkAttributes = getAttributesFromLinkSlot(this.host, slotName);\n  }\n\n  public async onSelect() {\n    const resultPermanentId = this.result.raw.permanentid;\n    if (resultPermanentId && this.actionsHistoryActions) {\n      const action =\n        this.actionsHistoryActions.addPageViewEntryInActionsHistory(\n          resultPermanentId\n        );\n      this.bindings.engine.dispatch(action);\n    }\n    this.interactiveResult.select();\n  }\n\n  public render() {\n    const href = isUndefined(this.hrefTemplate)\n      ? this.result.clickUri\n      : buildStringTemplateFromResult(\n          this.hrefTemplate,\n          this.result,\n          this.bindings\n        );\n\n    return (\n      <LinkWithItemAnalytics\n        href={href}\n        onSelect={() => this.onSelect()}\n        onBeginDelayedSelect={() => this.interactiveResult.beginDelayedSelect()}\n        onCancelPendingSelect={() =>\n          this.interactiveResult.cancelPendingSelect()\n        }\n        attributes={this.linkAttributes}\n        stopPropagation={this.stopPropagation}\n      >\n        {this.hasDefaultSlot ? (\n          <slot />\n        ) : (\n          <atomic-result-text\n            field=\"title\"\n            default=\"no-title\"\n          ></atomic-result-text>\n        )}\n      </LinkWithItemAnalytics>\n    );\n  }\n}\n"],"mappings":"uhBAAA,MAAMA,EAAyB,yzkEAC/B,MAAAC,EAAeD,E,iXCiCFE,EAAmB,M,qDA6BvB,UAAAC,GACLC,KAAKC,KAAKC,cACRC,EACE,iCACCC,IACCJ,KAAKI,gBAAkBA,CAAe,KAI5CJ,KAAKK,sBAAwBC,EAC3BN,KAAKO,SAASC,O,CAIX,iBAAAC,GACL,MAAMC,EAAW,aACjBV,KAAKW,iBAAmBC,EAAuBZ,KAAKC,MACpDD,KAAKa,eAAiBC,EAA0Bd,KAAKC,KAAMS,E,CAGtD,cAAMK,GACX,MAAMC,EAAoBhB,KAAKiB,OAAOC,IAAIC,YAC1C,GAAIH,GAAqBhB,KAAKK,sBAAuB,CACnD,MAAMe,EACJpB,KAAKK,sBAAsBgB,iCACzBL,GAEJhB,KAAKO,SAASC,OAAOc,SAASF,E,CAEhCpB,KAAKuB,kBAAkBC,Q,CAGlB,MAAAC,GACL,MAAMC,EAAOC,EAAY3B,KAAK4B,cAC1B5B,KAAKiB,OAAOY,SACZC,EACE9B,KAAK4B,aACL5B,KAAKiB,OACLjB,KAAKO,UAGX,OACEwB,EAACC,EAAqB,CAAAC,IAAA,2CACpBP,KAAMA,EACNX,SAAU,IAAMf,KAAKe,WACrBmB,qBAAsB,IAAMlC,KAAKuB,kBAAkBY,qBACnDC,sBAAuB,IACrBpC,KAAKuB,kBAAkBc,sBAEzBC,WAAYtC,KAAKa,eACjBT,gBAAiBJ,KAAKI,iBAErBJ,KAAKW,eACJoB,EAAA,aAEAA,EAAA,sBACEQ,MAAM,QACNC,QAAQ,a,6BAnFWC,EAAA,CAA5BC,K,+BAGwBD,EAAA,CAAxBE,K,6BACmCF,EAAA,CAAnCG,K","ignoreList":[]}

package/dist/atomic/p-5a2ef889.js

@@ -1,2 +0,0 @@
-import{h as e}from"./p-dc3df5ce.js";import{F as s}from"./p-c619df9b.js";import{F as t}from"./p-d4c2b7c0.js";import{F as a}from"./p-74862002.js";import{g as c}from"./p-55d2bcf3.js";import{F as l}from"./p-2a02812b.js";const r=({manualRanges:e,field:s,i18n:t,facetValue:a,logger:l,formatter:r})=>{const i=e.find((e=>n(e,a)))?.label;return i?c(s,i,t):t.t("to",{start:o(a.start,t,l,r),end:o(a.end,t,l,r)})};const o=(e,s,t,a)=>{try{return a(e,s.languages)}catch(s){t.error(`atomic-numeric-facet facet value "${e}" could not be formatted correctly.`,s);return e}};const n=(e,s)=>e.start===s.start&&e.end===s.end&&e.endInclusive===s.endInclusive;const i=c=>{const{facetValue:l,displayValuesAs:o,i18n:n,onClick:i}=c;const u=r(c);const m=l.state==="selected";switch(o){case"checkbox":return e(s,{displayValue:u,numberOfResults:l.numberOfResults,isSelected:m,i18n:n,onClick:()=>i()},e(t,{displayValue:u,isSelected:m}));case"link":return e(a,{displayValue:u,numberOfResults:l.numberOfResults,isSelected:m,i18n:n,onClick:i},e(t,{displayValue:u,isSelected:m}))}};const u=({i18n:s,label:t},a)=>e(l,{i18n:s,label:t},e("ul",{class:"mt-3",part:"values"},a));export{i as N,u as a,r as f};
-//# sourceMappingURL=p-5a2ef889.js.map

package/dist/atomic/p-5c73ebc4.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FacetValueBox","props","children","compactCount","Intl","NumberFormat","i18n","language","notation","format","numberOfResults","count","toLocaleString","ariaLabel","t","value","displayValue","formattedCount","h","key","Button","style","part","isSelected","onClick","class","ariaPressed","toString","ref","buttonRef","title","text"],"sources":["src/components/common/facets/facet-value-box/stencil-facet-value-box.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {Button} from '../../stencil-button';\nimport {FacetValueProps} from '../stencil-facet-common';\n\nexport const FacetValueBox: FunctionalComponent<FacetValueProps> = (\n  props,\n  children\n) => {\n  const compactCount = new Intl.NumberFormat(props.i18n.language, {\n    notation: 'compact',\n  }).format(props.numberOfResults);\n\n  const count = props.numberOfResults.toLocaleString(props.i18n.language);\n\n  const ariaLabel = props.i18n.t('facet-value', {\n    value: props.displayValue,\n    count: props.numberOfResults,\n    formattedCount: compactCount,\n  });\n\n  return (\n    <li key={props.displayValue}>\n      <Button\n        style=\"outline-bg-neutral\"\n        part={`value-box${props.isSelected ? ' value-box-selected' : ''}`}\n        onClick={() => props.onClick()}\n        class={`value-box group box-border h-full w-full items-center p-2 ${\n          props.isSelected ? 'selected' : ''\n        }`}\n        ariaPressed={props.isSelected.toString()}\n        ariaLabel={ariaLabel}\n        ref={props.buttonRef}\n      >\n        {children}\n        <span\n          title={count}\n          part=\"value-count\"\n          class=\"value-box-count text-neutral-dark mt-1 w-full truncate text-sm\"\n        >\n          {props.i18n.t('between-parentheses', {\n            text: compactCount,\n          })}\n        </span>\n      </Button>\n    </li>\n  );\n};\n"],"mappings":"8EAIaA,EAAsD,CACjEC,EACAC,KAEA,MAAMC,EAAe,IAAIC,KAAKC,aAAaJ,EAAMK,KAAKC,SAAU,CAC9DC,SAAU,YACTC,OAAOR,EAAMS,iBAEhB,MAAMC,EAAQV,EAAMS,gBAAgBE,eAAeX,EAAMK,KAAKC,UAE9D,MAAMM,EAAYZ,EAAMK,KAAKQ,EAAE,cAAe,CAC5CC,MAAOd,EAAMe,aACbL,MAAOV,EAAMS,gBACbO,eAAgBd,IAGlB,OACEe,EAAA,MAAIC,IAAKlB,EAAMe,cACbE,EAACE,EAAM,CACLC,MAAM,qBACNC,KAAM,YAAYrB,EAAMsB,WAAa,sBAAwB,KAC7DC,QAAS,IAAMvB,EAAMuB,UACrBC,MAAO,6DACLxB,EAAMsB,WAAa,WAAa,KAElCG,YAAazB,EAAMsB,WAAWI,WAC9Bd,UAAWA,EACXe,IAAK3B,EAAM4B,WAEV3B,EACDgB,EAAA,QACEY,MAAOnB,EACPW,KAAK,cACLG,MAAM,kEAELxB,EAAMK,KAAKQ,EAAE,sBAAuB,CACnCiB,KAAM5B,MAIT,S","ignoreList":[]}

package/dist/atomic/p-5cab535b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicResultFieldsListCss","AtomicResultFieldsListStyle0","AtomicResultFieldsList","constructor","hostRef","this","updatingChildren","rows","connectedCallback","window","ResizeObserver","resizeObserver","update","observe","host","parentElement","disconnectedCallback","disconnect","componentDidRender","showDividers","showChildren","hideChildrenToFit","hideDividersAtEndOfRows","hostChildren","Array","from","children","isOverflowing","scrollWidth","clientWidth","scrollHeight","clientHeight","getSortedChildrenBySize","sort","a","b","offsetWidth","hide","element","style","display","show","isChildHidden","setHideDivider","hideDivider","classList","toggle","forEach","child","i","length","previousChild","filter","row","offsetTop","indexOf","push","render","h","Host","key","__decorate","ResultContext"],"sources":["src/components/search/result-template-components/atomic-result-fields-list/atomic-result-fields-list.pcss?tag=atomic-result-fields-list","src/components/search/result-template-components/atomic-result-fields-list/atomic-result-fields-list.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n\natomic-result-fields-list {\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  height: 100%;\n\n  > * {\n    &::after {\n      display: block;\n      content: ' ';\n      width: 1px;\n      height: 1rem;\n      margin: 0 1rem;\n      @apply bg-neutral;\n      vertical-align: middle;\n    }\n\n    &.hide-divider::after {\n      visibility: hidden;\n    }\n  }\n}\n","import {Result} from '@coveo/headless';\nimport {Component, h, Element, Host} from '@stencil/core';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-fields-list` component selectively renders its children to ensure they fit the parent element and adds dividers between them.\n * @slot default - The children to render.\n */\n@Component({\n  tag: 'atomic-result-fields-list',\n  styleUrl: 'atomic-result-fields-list.pcss',\n  shadow: false,\n})\nexport class AtomicResultFieldsList {\n  @ResultContext()\n  protected result!: Result;\n\n  private resizeObserver?: ResizeObserver;\n\n  private updatingChildren = false;\n  private rows: number[] = [];\n  @Element() private host!: HTMLElement;\n\n  public connectedCallback() {\n    if (window.ResizeObserver) {\n      this.resizeObserver = new ResizeObserver(() => this.update());\n      this.resizeObserver.observe(this.host.parentElement!);\n    }\n  }\n\n  public disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  public componentDidRender() {\n    this.update();\n  }\n\n  public update() {\n    if (this.updatingChildren) {\n      return;\n    }\n    this.updatingChildren = true;\n    this.showDividers();\n    this.showChildren();\n    this.hideChildrenToFit();\n    this.hideDividersAtEndOfRows();\n    this.updatingChildren = false;\n  }\n\n  private get hostChildren() {\n    return Array.from(this.host.children) as HTMLElement[];\n  }\n\n  private get isOverflowing() {\n    return (\n      this.host.scrollWidth > this.host.clientWidth ||\n      this.host.scrollHeight > this.host.clientHeight\n    );\n  }\n\n  private getSortedChildrenBySize() {\n    return this.hostChildren.sort((a, b) => a.offsetWidth - b.offsetWidth);\n  }\n\n  private hide(element: HTMLElement) {\n    element.style.display = 'none';\n  }\n\n  private show(element: HTMLElement) {\n    element.style.display = '';\n  }\n\n  private isChildHidden(element: HTMLElement) {\n    return element.style.display === 'none';\n  }\n\n  private setHideDivider(element: HTMLElement, hideDivider: boolean) {\n    element.classList.toggle('hide-divider', hideDivider);\n  }\n\n  private showChildren() {\n    this.hostChildren.forEach((child) => this.show(child));\n  }\n\n  private showDividers() {\n    this.hostChildren.forEach((child) => this.setHideDivider(child, false));\n  }\n\n  private hideChildrenToFit() {\n    const children = this.getSortedChildrenBySize();\n    for (let i = children.length - 1; this.isOverflowing && i >= 0; i--) {\n      this.hide(children[i]);\n    }\n  }\n\n  private hideDividersAtEndOfRows() {\n    this.rows = [];\n    let previousChild: HTMLElement | null = null;\n    this.hostChildren\n      .filter((child) => !this.isChildHidden(child))\n      .forEach((child) => {\n        const row = child.offsetTop;\n        if (this.rows.indexOf(row) === -1) {\n          this.rows.push(row);\n          if (previousChild) {\n            this.setHideDivider(previousChild, true);\n          }\n        }\n        previousChild = child;\n      });\n    if (previousChild) {\n      this.setHideDivider(previousChild, true);\n    }\n  }\n\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"mappings":"qKAAA,MAAMA,EAA4B,g1jEAClC,MAAAC,EAAeD,E,iXCYFE,EAAsB,MALnC,WAAAC,CAAAC,G,UAWUC,KAAAC,iBAAmB,MACnBD,KAAAE,KAAiB,E,CAGlB,iBAAAC,GACL,GAAIC,OAAOC,eAAgB,CACzBL,KAAKM,eAAiB,IAAID,gBAAe,IAAML,KAAKO,WACpDP,KAAKM,eAAeE,QAAQR,KAAKS,KAAKC,c,EAInC,oBAAAC,GACLX,KAAKM,gBAAgBM,Y,CAGhB,kBAAAC,GACLb,KAAKO,Q,CAGA,MAAAA,GACL,GAAIP,KAAKC,iBAAkB,CACzB,M,CAEFD,KAAKC,iBAAmB,KACxBD,KAAKc,eACLd,KAAKe,eACLf,KAAKgB,oBACLhB,KAAKiB,0BACLjB,KAAKC,iBAAmB,K,CAG1B,gBAAYiB,GACV,OAAOC,MAAMC,KAAKpB,KAAKS,KAAKY,S,CAG9B,iBAAYC,GACV,OACEtB,KAAKS,KAAKc,YAAcvB,KAAKS,KAAKe,aAClCxB,KAAKS,KAAKgB,aAAezB,KAAKS,KAAKiB,Y,CAI/B,uBAAAC,GACN,OAAO3B,KAAKkB,aAAaU,MAAK,CAACC,EAAGC,IAAMD,EAAEE,YAAcD,EAAEC,a,CAGpD,IAAAC,CAAKC,GACXA,EAAQC,MAAMC,QAAU,M,CAGlB,IAAAC,CAAKH,GACXA,EAAQC,MAAMC,QAAU,E,CAGlB,aAAAE,CAAcJ,GACpB,OAAOA,EAAQC,MAAMC,UAAY,M,CAG3B,cAAAG,CAAeL,EAAsBM,GAC3CN,EAAQO,UAAUC,OAAO,eAAgBF,E,CAGnC,YAAAxB,GACNf,KAAKkB,aAAawB,SAASC,GAAU3C,KAAKoC,KAAKO,I,CAGzC,YAAA7B,GACNd,KAAKkB,aAAawB,SAASC,GAAU3C,KAAKsC,eAAeK,EAAO,Q,CAG1D,iBAAA3B,GACN,MAAMK,EAAWrB,KAAK2B,0BACtB,IAAK,IAAIiB,EAAIvB,EAASwB,OAAS,EAAG7C,KAAKsB,eAAiBsB,GAAK,EAAGA,IAAK,CACnE5C,KAAKgC,KAAKX,EAASuB,G,EAIf,uBAAA3B,GACNjB,KAAKE,KAAO,GACZ,IAAI4C,EAAoC,KACxC9C,KAAKkB,aACF6B,QAAQJ,IAAW3C,KAAKqC,cAAcM,KACtCD,SAASC,IACR,MAAMK,EAAML,EAAMM,UAClB,GAAIjD,KAAKE,KAAKgD,QAAQF,MAAU,EAAG,CACjChD,KAAKE,KAAKiD,KAAKH,GACf,GAAIF,EAAe,CACjB9C,KAAKsC,eAAeQ,EAAe,K,EAGvCA,EAAgBH,CAAK,IAEzB,GAAIG,EAAe,CACjB9C,KAAKsC,eAAeQ,EAAe,K,EAIvC,MAAAM,GACE,OAAOC,EAACC,EAAI,CAAAC,IAAA,4C,6BAtGJC,EAAA,CADTC,K","ignoreList":[]}

package/dist/atomic/p-5d0a3045.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SmartSnippetSuggestionsWrapper","headingLevel","i18n","children","h","part","class","Heading","level","t","SmartSnippetSuggestionsQuestionWrapper","expanded","key","SmartSnippetSuggestionsQuestion","ariaControls","onClick","question","atomicIcon","Button","style","getQuestionPart","ariaExpanded","undefined","SmartSnippetSuggestionsAnswerAndSourceWrapper","id","SmartSnippetSuggestionsFooter","base"],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-suggestions/smart-snippet-suggestions-common.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../../stencil-button';\nimport {Heading} from '../../stencil-heading';\n\nexport const SmartSnippetSuggestionsWrapper: FunctionalComponent<{\n  headingLevel: number;\n  i18n: i18n;\n}> = ({headingLevel, i18n}, children) => {\n  return (\n    <aside\n      part=\"container\"\n      class=\"bg-background border-neutral text-on-background overflow-hidden rounded-lg border\"\n    >\n      <Heading\n        level={headingLevel}\n        part=\"heading\"\n        class=\"border-neutral border-b px-6 py-4 text-xl leading-8\"\n      >\n        {i18n.t('smart-snippet-people-also-ask')}\n      </Heading>\n      <ul part=\"questions\" class=\"divide-neutral divide-y\">\n        {children}\n      </ul>\n    </aside>\n  );\n};\n\nexport const SmartSnippetSuggestionsQuestionWrapper: FunctionalComponent<{\n  expanded: boolean;\n  key: string;\n}> = ({expanded, key}, children) => {\n  return (\n    <li\n      key={key}\n      part={`question-answer-${expanded ? 'expanded' : 'collapsed'}`}\n      class=\"flex flex-col\"\n    >\n      <article class=\"contents\">{children}</article>\n    </li>\n  );\n};\n\nexport const SmartSnippetSuggestionsQuestion: FunctionalComponent<{\n  ariaControls: string;\n  expanded: boolean;\n  headingLevel?: number;\n  onClick: (event: MouseEvent) => void;\n  question: string;\n}> = (\n  {ariaControls, expanded, headingLevel, onClick, question},\n  atomicIcon\n) => {\n  return (\n    <Button\n      style=\"text-neutral\"\n      part={getQuestionPart('button', expanded)}\n      onClick={onClick}\n      class=\"flex items-center px-4\"\n      ariaExpanded={expanded ? 'true' : undefined}\n      ariaControls={expanded ? ariaControls : undefined}\n    >\n      {atomicIcon}\n      <Heading\n        level={headingLevel ? headingLevel + 1 : 0}\n        class=\"py-4 text-left text-xl font-bold\"\n        part={getQuestionPart('text', expanded)}\n      >\n        {question}\n      </Heading>\n    </Button>\n  );\n};\n\nexport const SmartSnippetSuggestionsAnswerAndSourceWrapper: FunctionalComponent<{\n  expanded: boolean;\n  id: string;\n}> = ({id}, children) => {\n  return (\n    <div part=\"answer-and-source\" class=\"pr-6 pb-6 pl-10\" id={id}>\n      {children}\n    </div>\n  );\n};\n\nexport const SmartSnippetSuggestionsFooter: FunctionalComponent<{\n  i18n: i18n;\n}> = ({i18n}, children) => {\n  return (\n    <footer part=\"footer\" aria-label={i18n.t('smart-snippet-source')}>\n      {children}\n    </footer>\n  );\n};\n\nexport const getQuestionPart = (base: string, expanded: boolean) =>\n  `question-${base}-${expanded ? 'expanded' : 'collapsed'}`;\n"],"mappings":"kHAKaA,EAGR,EAAEC,eAAcC,QAAOC,IAExBC,EAAA,SACEC,KAAK,YACLC,MAAM,qFAENF,EAACG,EAAO,CACNC,MAAOP,EACPI,KAAK,UACLC,MAAM,uDAELJ,EAAKO,EAAE,kCAEVL,EAAA,MAAIC,KAAK,YAAYC,MAAM,2BACxBH,I,MAMIO,EAGR,EAAEC,WAAUC,OAAMT,IAEnBC,EAAA,MACEQ,IAAKA,EACLP,KAAM,mBAAmBM,EAAW,WAAa,cACjDL,MAAM,iBAENF,EAAA,WAASE,MAAM,YAAYH,I,MAKpBU,EAMR,EACFC,eAAcH,WAAUV,eAAcc,UAASC,YAChDC,IAGEb,EAACc,EAAM,CACLC,MAAM,eACNd,KAAMe,EAAgB,SAAUT,GAChCI,QAASA,EACTT,MAAM,yBACNe,aAAcV,EAAW,OAASW,UAClCR,aAAcH,EAAWG,EAAeQ,WAEvCL,EACDb,EAACG,EAAO,CACNC,MAAOP,EAAeA,EAAe,EAAI,EACzCK,MAAM,mCACND,KAAMe,EAAgB,OAAQT,IAE7BK,I,MAMIO,EAGR,EAAEC,MAAKrB,IAERC,EAAA,OAAKC,KAAK,oBAAoBC,MAAM,kBAAkBkB,GAAIA,GACvDrB,G,MAKMsB,EAER,EAAEvB,QAAOC,IAEVC,EAAA,UAAQC,KAAK,SAAQ,aAAaH,EAAKO,EAAE,yBACtCN,G,MAKMiB,EAAkB,CAACM,EAAcf,IAC5C,YAAYe,KAAQf,EAAW,WAAa,qB","ignoreList":[]}

package/dist/atomic/p-60498b8e.js

@@ -1,2 +0,0 @@
-import{h as a}from"./p-dc3df5ce.js";import{A as e}from"./p-b700cfe1.js";import{A as t}from"./p-35fb03be.js";import{C as l}from"./p-fafae456.js";import{B as r}from"./p-b93ccff9.js";import{H as s}from"./p-66d48d1a.js";const o=(e,t)=>a("div",{class:"bg-background border-neutral rounded-lg border p-4",part:"facet"},t);const n=o=>{const n=o.i18n.t(o.label);const c=o.i18n.t("expand-facet",{label:n});const i=o.i18n.t("collapse-facet",{label:n});const p=o.i18n.t("clear-filters",{count:o.numberOfActiveValues});const d=o.i18n.t("clear-filters-for-facet",{count:o.numberOfActiveValues,label:n});return[a(r,{style:"text-transparent",part:"label-button",class:"flex w-full justify-between rounded-none px-2 py-1 text-lg font-bold",ariaLabel:o.isCollapsed?c:i,onClick:()=>o.onToggleCollapse(),ariaExpanded:(!o.isCollapsed).toString(),ref:o.headerRef},a(s,{level:o.headingLevel,class:"truncate"},n),a("atomic-icon",{part:"label-button-icon",class:"ml-4 w-3 shrink-0 self-center",icon:o.isCollapsed?e:t})),o.onClearFilters&&o.numberOfActiveValues>0&&a(r,{style:"text-primary",part:"clear-button",class:"flex max-w-full items-baseline p-2 text-sm",ariaLabel:d,onClick:()=>o.onClearFilters()},a("atomic-icon",{part:"clear-button-icon",class:"mr-1 h-2 w-2",icon:l}),a("span",null,p))]};const c=({numberOfValues:e,isCollapsed:t})=>{const l=[];for(let t=0;t<e;t++){l.push(a("div",{class:"bg-neutral mt-4 flex h-5",style:{width:"100%",opacity:"0.5"}}))}return a("div",{part:"placeholder",class:"bg-background border-neutral mb-4 animate-pulse rounded-lg border p-7","aria-hidden":"true"},a("div",{class:"bg-neutral h-8 rounded",style:{width:"75%"}}),!t&&a("div",{class:"mt-7"},l))};export{n as F,o as a,c as b};
-//# sourceMappingURL=p-60498b8e.js.map

package/dist/atomic/p-60498b8e.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FacetContainer","_","children","h","class","part","FacetHeader","props","label","i18n","t","expandFacet","collapseFacet","clearFilters","count","numberOfActiveValues","clearFiltersForFacet","Button","style","ariaLabel","isCollapsed","onClick","onToggleCollapse","ariaExpanded","toString","ref","headerRef","Heading","level","headingLevel","icon","ArrowBottomIcon","ArrowTopIcon","onClearFilters","CloseIcon","FacetPlaceholder","numberOfValues","facetValues","i","push","width","opacity"],"sources":["src/components/common/facets/facet-container/stencil-facet-container.tsx","src/components/common/facets/facet-header/stencil-facet-header.tsx","src/components/common/facets/facet-placeholder/facet-placeholder.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\nexport const FacetContainer: FunctionalComponent = (_, children) => (\n  <div class=\"bg-background border-neutral rounded-lg border p-4\" part=\"facet\">\n    {children}\n  </div>\n);\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport ArrowBottomIcon from '../../../../images/arrow-bottom-rounded.svg';\nimport ArrowTopIcon from '../../../../images/arrow-top-rounded.svg';\nimport CloseIcon from '../../../../images/close.svg';\nimport {Button} from '../../stencil-button';\nimport {Heading} from '../../stencil-heading';\n\nexport interface FacetHeaderProps {\n  i18n: i18n;\n  label: string;\n  numberOfActiveValues: number;\n  isCollapsed: boolean;\n  headingLevel: number;\n  onToggleCollapse(): void;\n  onClearFilters?(): void;\n  headerRef?: (element?: HTMLButtonElement) => void;\n}\n\nexport const FacetHeader: FunctionalComponent<FacetHeaderProps> = (props) => {\n  const label = props.i18n.t(props.label);\n  const expandFacet = props.i18n.t('expand-facet', {label});\n  const collapseFacet = props.i18n.t('collapse-facet', {label});\n  const clearFilters = props.i18n.t('clear-filters', {\n    count: props.numberOfActiveValues,\n  });\n  const clearFiltersForFacet = props.i18n.t('clear-filters-for-facet', {\n    count: props.numberOfActiveValues,\n    label,\n  });\n\n  return [\n    <Button\n      style=\"text-transparent\"\n      part=\"label-button\"\n      class=\"flex w-full justify-between rounded-none px-2 py-1 text-lg font-bold\"\n      ariaLabel={props.isCollapsed ? expandFacet : collapseFacet}\n      onClick={() => props.onToggleCollapse()}\n      ariaExpanded={(!props.isCollapsed).toString()}\n      ref={props.headerRef}\n    >\n      <Heading level={props.headingLevel} class=\"truncate\">\n        {label}\n      </Heading>\n      <atomic-icon\n        part=\"label-button-icon\"\n        class=\"ml-4 w-3 shrink-0 self-center\"\n        icon={props.isCollapsed ? ArrowBottomIcon : ArrowTopIcon}\n      ></atomic-icon>\n    </Button>,\n    props.onClearFilters && props.numberOfActiveValues > 0 && (\n      <Button\n        style=\"text-primary\"\n        part=\"clear-button\"\n        class=\"flex max-w-full items-baseline p-2 text-sm\"\n        ariaLabel={clearFiltersForFacet}\n        onClick={() => props.onClearFilters!()}\n      >\n        <atomic-icon\n          part=\"clear-button-icon\"\n          class=\"mr-1 h-2 w-2\"\n          icon={CloseIcon}\n        ></atomic-icon>\n        <span>{clearFilters}</span>\n      </Button>\n    ),\n  ];\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\nexport interface FacetPlaceholderProps {\n  numberOfValues: number;\n  isCollapsed: boolean;\n}\n\nexport const FacetPlaceholder: FunctionalComponent<FacetPlaceholderProps> = ({\n  numberOfValues,\n  isCollapsed,\n}) => {\n  const facetValues = [];\n  for (let i = 0; i < numberOfValues; i++) {\n    facetValues.push(\n      <div\n        class=\"bg-neutral mt-4 flex h-5\"\n        style={{width: '100%', opacity: '0.5'}}\n      ></div>\n    );\n  }\n\n  return (\n    <div\n      part=\"placeholder\"\n      class=\"bg-background border-neutral mb-4 animate-pulse rounded-lg border p-7\"\n      aria-hidden=\"true\"\n    >\n      <div class=\"bg-neutral h-8 rounded\" style={{width: '75%'}}></div>\n      {!isCollapsed && <div class=\"mt-7\">{facetValues}</div>}\n    </div>\n  );\n};\n"],"mappings":"8NAEaA,EAAsC,CAACC,EAAGC,IACrDC,EAAA,OAAKC,MAAM,qDAAqDC,KAAK,SAClEH,G,MCeQI,EAAsDC,IACjE,MAAMC,EAAQD,EAAME,KAAKC,EAAEH,EAAMC,OACjC,MAAMG,EAAcJ,EAAME,KAAKC,EAAE,eAAgB,CAACF,UAClD,MAAMI,EAAgBL,EAAME,KAAKC,EAAE,iBAAkB,CAACF,UACtD,MAAMK,EAAeN,EAAME,KAAKC,EAAE,gBAAiB,CACjDI,MAAOP,EAAMQ,uBAEf,MAAMC,EAAuBT,EAAME,KAAKC,EAAE,0BAA2B,CACnEI,MAAOP,EAAMQ,qBACbP,UAGF,MAAO,CACLL,EAACc,EAAM,CACLC,MAAM,mBACNb,KAAK,eACLD,MAAM,uEACNe,UAAWZ,EAAMa,YAAcT,EAAcC,EAC7CS,QAAS,IAAMd,EAAMe,mBACrBC,eAAgBhB,EAAMa,aAAaI,WACnCC,IAAKlB,EAAMmB,WAEXvB,EAACwB,EAAO,CAACC,MAAOrB,EAAMsB,aAAczB,MAAM,YACvCI,GAEHL,EAAA,eACEE,KAAK,oBACLD,MAAM,gCACN0B,KAAMvB,EAAMa,YAAcW,EAAkBC,KAGhDzB,EAAM0B,gBAAkB1B,EAAMQ,qBAAuB,GACnDZ,EAACc,EAAM,CACLC,MAAM,eACNb,KAAK,eACLD,MAAM,6CACNe,UAAWH,EACXK,QAAS,IAAMd,EAAM0B,kBAErB9B,EAAA,eACEE,KAAK,oBACLD,MAAM,eACN0B,KAAMI,IAER/B,EAAA,YAAOU,IAGZ,E,MC3DUsB,EAA+D,EAC1EC,iBACAhB,kBAEA,MAAMiB,EAAc,GACpB,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAgBE,IAAK,CACvCD,EAAYE,KACVpC,EAAA,OACEC,MAAM,2BACNc,MAAO,CAACsB,MAAO,OAAQC,QAAS,S,CAKtC,OACEtC,EAAA,OACEE,KAAK,cACLD,MAAM,wEAAuE,cACjE,QAEZD,EAAA,OAAKC,MAAM,yBAAyBc,MAAO,CAACsB,MAAO,UACjDpB,GAAejB,EAAA,OAAKC,MAAM,QAAQiC,GAChC,S","ignoreList":[]}

package/dist/atomic/p-6439156c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icons","SEARCH","SearchIcon","CLICK","DocumentIcon","VIEW","QuickviewIcon","CUSTOM","PointIcon","TICKET_CREATION","BookmarkIcon","UserAction","bindings","action","renderActionTimestamp","hours","minutes","parseTimestampToDateDetails","timestamp","formattedHours","String","padStart","formattedMinutes","renderIcon","iconClasses","includes","actionType","h","icon","class","renderActionTitle","i18n","t","eventData","value","type","query","href","document","contentIdValue","target","title","searchHub","atomicInsightUserActionsSessionCss","AtomicInsightUserActionsSessionStyle0","AtomicInsightUserActionsSession","this","userActionsToDisplay","userActionsAfterCaseCreation","areActionsAfterCaseCreationVisible","connectedCallback","prepareUserActionsToDisplay","caseCreationIndex","userActions","findIndex","isCaseCreationSession","slice","showActionsAfterCaseCreation","renderSessionStartDate","year","month","dayOfWeek","day","startTimestamp","formatedStartDate","Flag","renderActions","actions","map","renderShowMoreActionsButton","btnClasses","label","count","length","ThreeDotsIcon","Button","style","part","ariaLabel","onClick","bind","render","isShowMoreActionsButtonVisible","key","__decorate","InitializeBindings","atomicInsightUserActionsTimelineCss","AtomicInsightUserActionsTimelineStyle0","AtomicInsightUserActionsTimeline","excludedCustomActions","followingSessionsAreVisible","precedingSessionsAreVisible","initialize","buildInsightUserActions","engine","options","ticketCreationDate","ticketCreationDateTime","fetchUserActions","userId","toggleFollowingSessions","togglePrecedingSessions","renderSessions","sessions","renderSeparator","testId","start","renderToggleFollowingSessionsButton","ArrowDownIcon","ArrowUpIcon","renderTogglePrecedingSessionsButton","renderFollowingSessionsSection","userActionsState","timeline","followingSessions","renderPrecedingSessionsSection","precedingSessions","renderTimeline","session","renderNoUserActionsScreen","NoItemsContainer","MagnifyingGlass","areUserActionsAvailable","hasError","error","BindStateToController"],"sources":["src/components/insight/user-actions/atomic-insight-user-actions-session/user-action.tsx","src/components/insight/user-actions/atomic-insight-user-actions-session/atomic-insight-user-actions-session.pcss?tag=atomic-insight-user-actions-session&encapsulation=shadow","src/components/insight/user-actions/atomic-insight-user-actions-session/atomic-insight-user-actions-session.tsx","src/components/insight/user-actions/atomic-insight-user-actions-timeline/atomic-insight-user-actions-timeline.pcss?tag=atomic-insight-user-actions-timeline&encapsulation=shadow","src/components/insight/user-actions/atomic-insight-user-actions-timeline/atomic-insight-user-actions-timeline.tsx"],"sourcesContent":["import {UserAction as IUserAction} from '@coveo/headless/insight';\nimport {FunctionalComponent, h} from '@stencil/core';\nimport BookmarkIcon from '../../../../images/bookmark.svg';\nimport DocumentIcon from '../../../../images/document.svg';\nimport PointIcon from '../../../../images/point.svg';\nimport QuickviewIcon from '../../../../images/quickview.svg';\nimport SearchIcon from '../../../../images/search.svg';\nimport {parseTimestampToDateDetails} from '../../../../utils/date-utils';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\n\nconst icons = {\n  SEARCH: SearchIcon,\n  CLICK: DocumentIcon,\n  VIEW: QuickviewIcon,\n  CUSTOM: PointIcon,\n  TICKET_CREATION: BookmarkIcon,\n};\n\ninterface UserAction {\n  action: IUserAction;\n  bindings: InsightBindings;\n}\n\nexport const UserAction: FunctionalComponent<UserAction> = ({\n  bindings,\n  action,\n}) => {\n  const renderActionTimestamp = () => {\n    const {hours, minutes} = parseTimestampToDateDetails(action.timestamp);\n\n    const formattedHours = String(hours).padStart(2, '0');\n    const formattedMinutes = String(minutes).padStart(2, '0');\n\n    return `${formattedHours}:${formattedMinutes}`;\n  };\n\n  const renderIcon = () => {\n    const iconClasses = `w-3 h-3 ${['CLICK', 'VIEW'].includes(action.actionType) ? 'text-primary' : ''}`;\n\n    return (\n      <atomic-icon\n        icon={icons[action.actionType]}\n        class={iconClasses}\n      ></atomic-icon>\n    );\n  };\n\n  const renderActionTitle = () => {\n    switch (action.actionType) {\n      case 'TICKET_CREATION':\n        return (\n          <div class=\"ticket-creation-action__text text-xs font-semibold\">\n            {bindings.i18n.t('ticket-created')}\n          </div>\n        );\n      case 'CUSTOM':\n        return (\n          <div class=\"text-xs font-semibold\">\n            {action.eventData?.value ?? action.eventData?.type}\n          </div>\n        );\n      case 'SEARCH':\n        return (\n          <div class=\"text-xs font-semibold\">\n            {action.query || bindings.i18n.t('empty-search')}\n          </div>\n        );\n      case 'VIEW':\n        return (\n          <a\n            href={action.document?.contentIdValue}\n            class=\"text-primary text-xs font-semibold\"\n            target=\"_blank\"\n          >\n            {action.document?.title}\n          </a>\n        );\n      case 'CLICK':\n        return (\n          <div class=\"text-xs font-semibold\">{action.document?.title}</div>\n        );\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <div class=\"flex\">\n      <div class=\"flex-none pr-2\">\n        <div class=\"flex justify-center py-1\">{renderIcon()}</div>\n        <div class=\"flex justify-center py-1\">\n          <div class=\"user-action__separator h-7 w-0.5 rounded\"></div>\n        </div>\n      </div>\n      <div class=\"flex-1\">\n        {renderActionTitle()}\n        <div class=\"text-neutral-dark text-xxs flex py-2 font-light\">\n          <div>{renderActionTimestamp()}</div>\n          <div class=\"px-2\">{action.searchHub}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n","@import '../../../../global/global.pcss';\n\n.session-start-icon__container {\n  background-color: #fbb439;\n}\n\n.user-action__separator {\n  @apply bg-neutral;\n}\n\n.ticket-creation-action__text {\n  @apply text-success;\n}\n\n.text-xxs {\n  font-size: 0.625rem;\n}\n","import {UserAction as IUserAction} from '@coveo/headless/insight';\nimport {Component, h, Prop, Watch, State} from '@stencil/core';\nimport Flag from '../../../../images/flag.svg';\nimport ThreeDotsIcon from '../../../../images/three-dots.svg';\nimport {parseTimestampToDateDetails} from '../../../../utils/date-utils';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {Button} from '../../../common/stencil-button';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\nimport {UserAction} from './user-action';\n\nexport type UserActionType =\n  | 'SEARCH'\n  | 'CLICK'\n  | 'TICKET_CREATION'\n  | 'VIEW'\n  | 'CUSTOM';\n\n/**\n * @internal\n * The `AtomicInsightUserActionSession` component displays all the user actions that took place during a specific user session.\n * @category Insight Panel\n * @example\n * <atomic-insight-user-actions-session userActions={actions} startTimestamp={1723035731}></atomic-insight-user-actions-session>\n */\n@Component({\n  tag: 'atomic-insight-user-actions-session',\n  styleUrl: 'atomic-insight-user-actions-session.pcss',\n  shadow: true,\n})\nexport class AtomicInsightUserActionsSession {\n  @InitializeBindings() public bindings!: InsightBindings;\n  @State() public error!: Error;\n\n  /**\n   * The start time of the session as a Unix timestamp.\n   */\n  @Prop() public startTimestamp!: number;\n  /**\n   * The list of user actions performed during the session.\n   */\n  @Prop() public userActions!: Array<IUserAction>;\n\n  private userActionsToDisplay: Array<IUserAction> = [];\n  private userActionsAfterCaseCreation: Array<IUserAction> = [];\n  @State() areActionsAfterCaseCreationVisible = false;\n\n  connectedCallback() {\n    this.prepareUserActionsToDisplay();\n  }\n\n  @Watch('userActions')\n  prepareUserActionsToDisplay() {\n    const caseCreationIndex = this.userActions.findIndex(\n      ({actionType}) => actionType === 'TICKET_CREATION'\n    );\n    const isCaseCreationSession = caseCreationIndex !== -1;\n\n    if (!isCaseCreationSession) {\n      this.userActionsToDisplay = this.userActions;\n      this.userActionsAfterCaseCreation = [];\n    } else {\n      this.userActionsToDisplay = this.userActions.slice(caseCreationIndex);\n      this.userActionsAfterCaseCreation = this.userActions.slice(\n        0,\n        caseCreationIndex\n      );\n    }\n  }\n\n  showActionsAfterCaseCreation() {\n    this.areActionsAfterCaseCreationVisible = true;\n  }\n\n  renderSessionStartDate() {\n    const caseCreationIndex = this.userActions.findIndex(\n      ({actionType}) => actionType === 'TICKET_CREATION'\n    );\n    const isCaseCreationSession = caseCreationIndex !== -1;\n\n    const {year, month, dayOfWeek, day} = parseTimestampToDateDetails(\n      this.startTimestamp\n    );\n\n    const formatedStartDate = `${dayOfWeek}. ${month} ${day}, ${year}`;\n    return (\n      <div class=\"flex items-center px-2 pb-3\">\n        {isCaseCreationSession ? (\n          <div class=\"session-start-icon__container mr-2 flex h-5 w-5 items-center justify-center rounded-full\">\n            <atomic-icon icon={Flag} class=\"h-3 w-3\"></atomic-icon>\n          </div>\n        ) : null}\n\n        <div class=\"flex-1 font-semibold\">{formatedStartDate}</div>\n      </div>\n    );\n  }\n\n  renderActions(actions: Array<IUserAction>) {\n    return (\n      <ol class=\"px-3\">\n        {actions?.map((action) => (\n          <UserAction action={action} bindings={this.bindings}></UserAction>\n        ))}\n      </ol>\n    );\n  }\n\n  renderShowMoreActionsButton() {\n    const btnClasses = 'flex items-center p-1 max-w-full';\n    const label = this.bindings.i18n.t('more-actions-in-session', {\n      count: this.userActionsAfterCaseCreation.length,\n    });\n    return (\n      <div\n        data-testid=\"show-more-actions-button\"\n        class=\"flex items-center px-3 pb-3\"\n      >\n        <div class=\"flex justify-center pr-2\">\n          <atomic-icon icon={ThreeDotsIcon} class=\"h-3 w-3\"></atomic-icon>\n        </div>\n        <div class=\"flex-1\">\n          <Button\n            style=\"text-primary\"\n            part=\"show-more-actions-button\"\n            class={btnClasses}\n            ariaLabel={label}\n            onClick={this.showActionsAfterCaseCreation.bind(this)}\n          >\n            <span class=\"truncate text-xs font-light\">{label}</span>\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  public render() {\n    const isShowMoreActionsButtonVisible =\n      !this.areActionsAfterCaseCreationVisible &&\n      !!this.userActionsAfterCaseCreation.length;\n\n    return (\n      <div>\n        {this.renderSessionStartDate()}\n\n        {this.areActionsAfterCaseCreationVisible && (\n          <div data-testid=\"more-actions-section\">\n            {this.renderActions(this.userActionsAfterCaseCreation)}\n          </div>\n        )}\n\n        {isShowMoreActionsButtonVisible && this.renderShowMoreActionsButton()}\n\n        {this.renderActions(this.userActionsToDisplay)}\n      </div>\n    );\n  }\n}\n","@import '../../../../global/global.pcss';\n\n.separator {\n  height: 1px;\n  background-color: #e0e1dd;\n}\n","import {\n  buildUserActions as buildInsightUserActions,\n  UserActions as InsightUserActions,\n  UserActionsState as InsightUserActionsState,\n  UserSession as InsightUserSession,\n} from '@coveo/headless/insight';\nimport {Component, h, State, Prop} from '@stencil/core';\nimport ArrowDownIcon from '../../../../images/big-arrow-down.svg';\nimport ArrowUpIcon from '../../../../images/big-arrow-up.svg';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n  BindStateToController,\n} from '../../../../utils/initialization-utils';\nimport {NoItemsContainer} from '../../../common/no-items/stencil-container';\nimport {MagnifyingGlass} from '../../../common/no-items/stencil-magnifying-glass';\nimport {Button} from '../../../common/stencil-button';\nimport {InsightBindings} from '../../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * Internal component used by the `atomic-insight-user-actions-modal`. Do not use directly.\n * \n * This component displays all the actions performed by a user around the time they created a case.\n * The actions are grouped into multiple sessions, including the session during which the case was created,\n * the sessions preceding the case creation and the sessions following the case creation.\n *\n * @component\n * @example\n * <AtomicInsightUserActionsTimeline userId={'123'} caseCreationDate={'2024-08-15T10:00:00Z'} />\n *\n */\n@Component({\n  tag: 'atomic-insight-user-actions-timeline',\n  styleUrl: 'atomic-insight-user-actions-timeline.pcss',\n  shadow: true,\n})\nexport class AtomicInsightUserActionsTimeline\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  public userActions!: InsightUserActions;\n\n  @BindStateToController('userActions')\n  @State()\n  public userActionsState!: InsightUserActionsState;\n  public error!: Error;\n\n  /**\n   * The ID of the user whose actions are being displayed. For example in email format \"someone@company.com\".\n   */\n  @Prop() public userId!: string;\n  /**\n   * The date and time when the case was created. For example \"2024-01-01T00:00:00Z\"\n   */\n  @Prop() public ticketCreationDateTime!: string;\n  /**\n   * The names of custom events to exclude.\n   */\n  @Prop() public excludedCustomActions: string[] = [];\n\n  public initialize() {\n    this.userActions = buildInsightUserActions(this.bindings.engine, {\n      options: {\n        ticketCreationDate: this.ticketCreationDateTime,\n        excludedCustomActions: this.excludedCustomActions,\n      },\n    });\n\n    this.userActions.fetchUserActions(this.userId);\n  }\n\n  @State() followingSessionsAreVisible = false;\n  @State() precedingSessionsAreVisible = false;\n\n  private toggleFollowingSessions() {\n    this.followingSessionsAreVisible = !this.followingSessionsAreVisible;\n  }\n\n  private togglePrecedingSessions() {\n    this.precedingSessionsAreVisible = !this.precedingSessionsAreVisible;\n  }\n\n  private renderSessions(\n    sessions: Array<InsightUserSession> | undefined,\n    renderSeparator?: Function,\n    testId?: string\n  ) {\n    return (\n      <div>\n        {sessions?.map(({actions, start}) => [\n          <div class=\"mt-4\">\n            <atomic-insight-user-actions-session\n              startTimestamp={start}\n              userActions={actions}\n              data-testid={testId}\n            ></atomic-insight-user-actions-session>\n          </div>,\n          renderSeparator ? renderSeparator() : null,\n        ])}\n      </div>\n    );\n  }\n\n  private renderToggleFollowingSessionsButton() {\n    const btnClasses = 'flex items-center text-left p-2 text-sm max-w-full';\n    const iconClasses = 'h-3 w-3 mr-1';\n    const label = this.followingSessionsAreVisible\n      ? this.bindings.i18n.t('hide-following-sessions')\n      : this.bindings.i18n.t('show-following-sessions');\n    const icon = this.followingSessionsAreVisible ? ArrowDownIcon : ArrowUpIcon;\n\n    return (\n      <div class=\"flex justify-center p-2\">\n        <Button\n          style=\"text-primary\"\n          part=\"toggle-following-sessions\"\n          class={btnClasses}\n          ariaLabel={label}\n          onClick={this.toggleFollowingSessions.bind(this)}\n        >\n          <atomic-icon\n            part=\"toggle-following-sessions-icon\"\n            class={iconClasses}\n            icon={icon}\n          ></atomic-icon>\n          <span class=\"truncate\">{label}</span>\n        </Button>\n      </div>\n    );\n  }\n\n  private renderTogglePrecedingSessionsButton() {\n    const btnClasses = 'flex items-center text-left p-2 text-sm max-w-full';\n    const iconClasses = 'h-3 w-3 mr-1';\n    const label = this.precedingSessionsAreVisible\n      ? this.bindings.i18n.t('hide-preceding-sessions')\n      : this.bindings.i18n.t('show-preceding-sessions');\n    const icon = this.precedingSessionsAreVisible ? ArrowUpIcon : ArrowDownIcon;\n\n    return (\n      <div class=\"flex justify-center p-2\">\n        <Button\n          style=\"text-primary\"\n          part=\"toggle-preceding-sessions\"\n          class={btnClasses}\n          ariaLabel={label}\n          onClick={this.togglePrecedingSessions.bind(this)}\n        >\n          <atomic-icon\n            part=\"toggle-preceding-sessions-icon\"\n            class={iconClasses}\n            icon={icon}\n          ></atomic-icon>\n          <span class=\"truncate\">{label}</span>\n        </Button>\n      </div>\n    );\n  }\n\n  private renderFollowingSessionsSection() {\n    if (!this.userActionsState.timeline?.followingSessions?.length) {\n      return null;\n    }\n    return [\n      this.renderToggleFollowingSessionsButton(),\n      <div class=\"separator mx-1 rounded\"></div>,\n      this.followingSessionsAreVisible\n        ? this.renderSessions(\n            this.userActionsState.timeline?.followingSessions,\n            () => <div class=\"separator mx-1 mt-4 rounded\"></div>,\n            'following-session'\n          )\n        : null,\n    ];\n  }\n\n  private renderPrecedingSessionsSection() {\n    if (!this.userActionsState.timeline?.precedingSessions?.length) {\n      return null;\n    }\n    return [\n      <div class=\"separator mx-1 mt-4 rounded\"></div>,\n      this.precedingSessionsAreVisible\n        ? this.renderSessions(\n            this.userActionsState.timeline?.precedingSessions,\n            () => <div class=\"separator mx-1 mt-4 rounded\"></div>,\n            'preceding-session'\n          )\n        : null,\n      this.renderTogglePrecedingSessionsButton(),\n    ];\n  }\n\n  private renderTimeline() {\n    return (\n      <div>\n        {this.renderFollowingSessionsSection()}\n        <div class=\"mt-4\">\n          <atomic-insight-user-actions-session\n            // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain\n            startTimestamp={this.userActionsState.timeline?.session?.start!}\n            // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain\n            userActions={this.userActionsState?.timeline?.session?.actions!}\n            data-testid=\"active-session\"\n          ></atomic-insight-user-actions-session>\n        </div>\n        {this.renderPrecedingSessionsSection()}\n      </div>\n    );\n  }\n\n  private renderNoUserActionsScreen() {\n    return (\n      <div class=\"my-6 py-3\" data-testid=\"user-actions-error\">\n        <NoItemsContainer>\n          <MagnifyingGlass />\n          <div class=\"my-2 max-w-full text-center text-2xl font-light\">\n            {this.bindings.i18n.t('no-user-actions-available')}\n          </div>\n          <div class=\"text-neutral-dark my-2 text-center text-lg\">\n            {this.bindings.i18n.t('no-user-actions-associated-with-params')}\n          </div>\n        </NoItemsContainer>\n      </div>\n    );\n  }\n\n  render() {\n    const areUserActionsAvailable = this.userActionsState.timeline?.session;\n    const hasError = this.userActionsState.error;\n\n    if (areUserActionsAvailable && !hasError) {\n      return this.renderTimeline();\n    }\n    return this.renderNoUserActionsScreen();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/p-66166975.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ELLIPSIS","SEPARATOR","limitPath","path","pathLimit","length","join","ellipsedPath","slice","joinBreadcrumbValues","breadcrumb","Array","isArray","formattedValue","getFirstBreadcrumbValue","BreadcrumbButton","props","children","classNames","fullValue","value","title","label","isExclusion","state","h","class","key","Button","ref","setRef","part","style","ariaLabel","i18n","t","onClick","onSelectBreadcrumb","BreadcrumbClearAll","text","BreadcrumbContainer","isCollapsed","BreadcrumbContent","activeColor","Fragment","content","icon","CloseIcon","BreadcrumbShowLess","onShowLess","BreadcrumbShowMore","onShowMore","numberOfCollapsedBreadcrumbs","atomicBreadboxCss","AtomicBreadboxStyle0","AtomicBreadbox","this","lastRemovedBreadcrumbIndex","numberOfBreadcrumbs","initialize","validateProps","breadcrumbManager","buildBreadcrumbManager","bindings","engine","facetManager","buildFacetManager","window","ResizeObserver","resizeObserver","adaptBreadcrumbs","observe","host","parentElement","Schema","NumberValue","default","min","required","validate","disconnectedCallback","disconnect","focusTargets","breadcrumbRemovedFocus","FocusTargetController","breadcrumbShowLessFocus","breadcrumbShowMoreFocus","breadcrumbs","from","shadowRoot","querySelectorAll","hide","element","display","show","showAllBreadcrumbs","forEach","hideOverflowingBreadcrumbs","hiddenBreadcrumbs","i","isOverflowing","updateShowMoreValue","updateShowLessDisplay","showLess","offsetTop","listElement","querySelector","scrollWidth","clientWidth","showMore","textContent","toLocaleString","language","setAttribute","facetBreadcrumbs","breadcrumbManagerState","map","facetId","field","values","flat","filter","store","facets","deselect","getFieldValueCaption","categoryFacetBreadcrumbs","categoryFacets","pathValue","numericFacetBreadcrumbs","numericFacets","format","dateFacetBreadcrumbs","dateFacets","automaticFacetBreadcrumbs","flatMap","allBreadcrumbs","renderBreadcrumbs","sortedBreadcrumbs","sort","a","b","indexA","facetManagerState","facetIds","indexOf","indexB","index","isLastBreadcrumb","setTarget","firstExpandedBreadcrumbIndex","resultList","focusOnFirstResultAfterNextSearch","focusAfterSearch","render","Hidden","el","focusOnNextTarget","async","deselectAll","componentDidRender","__decorate","InitializeBindings","BindStateToController"],"sources":["src/components/common/breadbox/breadcrumb-utils.ts","src/components/common/breadbox/stencil-breadcrumb-button.tsx","src/components/common/breadbox/stencil-breadcrumb-clear-all.tsx","src/components/common/breadbox/stencil-breadcrumb-container.tsx","src/components/common/breadbox/stencil-breadcrumb-content.tsx","src/components/common/breadbox/stencil-breadcrumb-show-less.tsx","src/components/common/breadbox/stencil-breadcrumb-show-more.tsx","src/components/search/atomic-breadbox/atomic-breadbox.pcss?tag=atomic-breadbox&encapsulation=shadow","src/components/search/atomic-breadbox/atomic-breadbox.tsx"],"sourcesContent":["import type {Breadcrumb} from './breadcrumb-types';\n\nconst ELLIPSIS = '...';\nconst SEPARATOR = ' / ';\n\nfunction limitPath(path: string[], pathLimit: number) {\n  if (path.length <= pathLimit) {\n    return path.join(SEPARATOR);\n  }\n\n  if (pathLimit === 1 && path.length > 1) {\n    return [ELLIPSIS, path[path.length - 1]].join(SEPARATOR);\n  }\n\n  const ellipsedPath = [path[0], ELLIPSIS, ...path.slice(-(pathLimit - 1))];\n  return ellipsedPath.join(SEPARATOR);\n}\n\nexport function joinBreadcrumbValues(breadcrumb: Breadcrumb) {\n  return Array.isArray(breadcrumb.formattedValue)\n    ? breadcrumb.formattedValue.join(SEPARATOR)\n    : breadcrumb.formattedValue;\n}\n\nexport function getFirstBreadcrumbValue(\n  breadcrumb: Breadcrumb,\n  pathLimit: number\n) {\n  return Array.isArray(breadcrumb.formattedValue)\n    ? limitPath(breadcrumb.formattedValue, pathLimit)\n    : breadcrumb.formattedValue;\n}\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\nimport {Breadcrumb} from './breadcrumb-types';\nimport {\n  joinBreadcrumbValues,\n  getFirstBreadcrumbValue,\n} from './breadcrumb-utils';\n\nexport interface BreadcrumbButtonProps {\n  onSelectBreadcrumb: () => void;\n  setRef: (el: HTMLButtonElement) => void;\n  pathLimit: number;\n  breadcrumb: Breadcrumb;\n  i18n: i18n;\n}\n\nexport const BreadcrumbButton: FunctionalComponent<BreadcrumbButtonProps> = (\n  props,\n  children\n) => {\n  const classNames = [\n    'py-2',\n    'px-3',\n    'flex',\n    'items-center',\n    'rounded-xl',\n    'group',\n  ];\n\n  const fullValue = joinBreadcrumbValues(props.breadcrumb);\n  const value = getFirstBreadcrumbValue(props.breadcrumb, props.pathLimit);\n  const title = `${props.breadcrumb.label}: ${fullValue}`;\n  const isExclusion = props.breadcrumb.state === 'excluded';\n\n  return (\n    <li class=\"breadcrumb\" key={value}>\n      <Button\n        ref={props.setRef}\n        part=\"breadcrumb-button\"\n        style={isExclusion ? 'outline-error' : 'outline-bg-neutral'}\n        class={classNames.join(' ')}\n        title={title}\n        ariaLabel={props.i18n.t(\n          isExclusion\n            ? 'remove-exclusion-filter-on'\n            : 'remove-inclusion-filter-on',\n          {\n            value: title,\n          }\n        )}\n        onClick={props.onSelectBreadcrumb}\n      >\n        {children}\n      </Button>\n    </li>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\nexport interface BreadcrumbClearAllProps {\n  setRef: (el: HTMLButtonElement) => void;\n  onClick: ((event?: MouseEvent | undefined) => void) | undefined;\n  isCollapsed: boolean;\n  i18n: i18n;\n}\n\nexport const BreadcrumbClearAll: FunctionalComponent<\n  BreadcrumbClearAllProps\n> = (props) => {\n  return (\n    <li key=\"clear-all\">\n      <Button\n        ref={props.setRef}\n        part=\"clear\"\n        style=\"text-primary\"\n        text={props.i18n.t('clear')}\n        class=\"rounded-xl p-2\"\n        ariaLabel={props.i18n.t('clear-all-filters')}\n        onClick={props.onClick}\n      ></Button>\n    </li>\n  );\n};\n","import {h, FunctionalComponent} from '@stencil/core';\nimport {i18n} from 'i18next';\n\nexport interface BreadcrumbContainerProps {\n  isCollapsed: boolean;\n  i18n: i18n;\n}\n\nexport const BreadcrumbContainer: FunctionalComponent<\n  BreadcrumbContainerProps\n> = (props, children) => {\n  return (\n    <div part=\"container\" class=\"text-on-background flex text-sm\">\n      <span part=\"label\" class=\"py-2.5 pr-2 pl-0 font-bold\">\n        {props.i18n.t('with-colon', {\n          text: props.i18n.t('filters'),\n        })}\n      </span>\n      <div part=\"breadcrumb-list-container\" class=\"relative grow\">\n        <ul\n          part=\"breadcrumb-list\"\n          class={`flex gap-1 ${\n            props.isCollapsed ? 'absolute w-full flex-nowrap' : 'flex-wrap'\n          }`}\n        >\n          {children}\n        </ul>\n      </div>\n    </div>\n  );\n};\n","import {h, FunctionalComponent, Fragment} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport CloseIcon from '../../../images/close.svg';\nimport {Breadcrumb} from './breadcrumb-types';\nimport {getFirstBreadcrumbValue} from './breadcrumb-utils';\n\nexport interface BreadcrumbContentProps {\n  pathLimit: number;\n  isCollapsed: boolean;\n  i18n: i18n;\n  breadcrumb: Breadcrumb;\n}\n\nexport const BreadcrumbContent: FunctionalComponent<BreadcrumbContentProps> = (\n  props\n) => {\n  const value = getFirstBreadcrumbValue(props.breadcrumb, props.pathLimit);\n  const isExclusion = props.breadcrumb.state === 'excluded';\n  const activeColor = isExclusion ? 'error' : 'primary';\n  return (\n    <Fragment>\n      <span\n        part=\"breadcrumb-label\"\n        class={`max-w-[30ch] truncate group-hover:text-${activeColor} group-focus-visible:text-${activeColor} ${props.breadcrumb.state}`}\n      >\n        {props.i18n.t('with-colon', {text: props.breadcrumb.label})}\n      </span>\n      <span\n        part=\"breadcrumb-value\"\n        class={`ml-1 ${\n          props.breadcrumb.content\n            ? ''\n            : `max-w-[30ch] truncate ${props.breadcrumb.state}`\n        }`}\n      >\n        {props.breadcrumb.content ?? value}\n      </span>\n      <atomic-icon\n        part=\"breadcrumb-clear\"\n        class=\"mt-px ml-2 h-2.5 w-2.5\"\n        icon={CloseIcon}\n      ></atomic-icon>\n    </Fragment>\n  );\n};\n","import {h, FunctionalComponent} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\nexport interface BreadcrumbShowLessProps {\n  onShowLess: () => void;\n  setRef: (el: HTMLButtonElement) => void;\n  isCollapsed: boolean;\n  i18n: i18n;\n}\n\nexport const BreadcrumbShowLess: FunctionalComponent<\n  BreadcrumbShowLessProps\n> = (props) => {\n  if (props.isCollapsed) {\n    return;\n  }\n\n  return (\n    <li key=\"show-less\">\n      <Button\n        ref={props.setRef}\n        part=\"show-less\"\n        style=\"outline-primary\"\n        text={props.i18n.t('show-less')}\n        class=\"rounded-xl p-2\"\n        onClick={props.onShowLess}\n      ></Button>\n    </li>\n  );\n};\n","import {h, FunctionalComponent} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\nexport interface BreadcrumbShowMoreProps {\n  setRef: (el: HTMLButtonElement) => void;\n  onShowMore: () => void;\n  numberOfCollapsedBreadcrumbs: number;\n  isCollapsed: boolean;\n  i18n: i18n;\n}\n\nexport const BreadcrumbShowMore: FunctionalComponent<\n  BreadcrumbShowMoreProps\n> = (props) => {\n  if (!props.isCollapsed) {\n    return;\n  }\n  return (\n    <li key=\"show-more\">\n      <Button\n        ref={props.setRef}\n        part=\"show-more\"\n        style=\"outline-primary\"\n        class=\"rounded-xl p-2 whitespace-nowrap\"\n        onClick={props.onShowMore}\n        ariaLabel={props.i18n.t('show-n-more-filters', {\n          value: props.numberOfCollapsedBreadcrumbs,\n        })}\n      ></Button>\n    </li>\n  );\n};\n","@import '../../../global/global.pcss';\n@import '../../common/atomic-rating/atomic-rating.pcss';\n\n[part='breadcrumb-label'].excluded,\n[part='breadcrumb-value'].excluded {\n  text-decoration: line-through;\n  @apply text-error;\n}\n","import {NumberValue, Schema} from '@coveo/bueno';\nimport {\n  BreadcrumbManagerState,\n  BreadcrumbManager,\n  buildBreadcrumbManager,\n  FacetManager,\n  FacetManagerState,\n  buildFacetManager,\n} from '@coveo/headless';\nimport {Component, h, State, Element, Prop} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../utils/field-utils';\nimport {\n  InitializableComponent,\n  BindStateToController,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {FocusTargetController} from '../../../utils/stencil-accessibility-utils';\nimport {Breadcrumb as BreadboxBreadcrumb} from '../../common/breadbox/breadcrumb-types';\nimport {BreadcrumbButton} from '../../common/breadbox/stencil-breadcrumb-button';\nimport {BreadcrumbClearAll} from '../../common/breadbox/stencil-breadcrumb-clear-all';\nimport {BreadcrumbContainer} from '../../common/breadbox/stencil-breadcrumb-container';\nimport {BreadcrumbContent} from '../../common/breadbox/stencil-breadcrumb-content';\nimport {BreadcrumbShowLess} from '../../common/breadbox/stencil-breadcrumb-show-less';\nimport {BreadcrumbShowMore} from '../../common/breadbox/stencil-breadcrumb-show-more';\nimport {Hidden} from '../../common/stencil-hidden';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-breadbox` component creates breadcrumbs that display a summary of the currently active facet values.\n *\n * @part container - The container of the whole component, list & label.\n * @part breadcrumb-list-container - The container of the list of breadcrumb buttons.\n * @part breadcrumb-list - The list of breadcrumb buttons.\n * @part breadcrumb-button - A single breadcrumb button.\n * @part breadcrumb-label - The breadcrumb label, associated with the facet.\n * @part breadcrumb-value - The breadcrumb formatted value.\n * @part breadcrumb-clear - The button to clear individual filters.\n * @part show-more - The button to display all breadcrumbs.\n * @part show-less - The button to display less breadcrumbs.\n * @part label - The \"Filters\" label.\n * @part clear - The button to clear all filters.\n */\n@Component({\n  tag: 'atomic-breadbox',\n  styleUrl: 'atomic-breadbox.pcss',\n  shadow: true,\n})\nexport class AtomicBreadbox implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  private breadcrumbManager!: BreadcrumbManager;\n  private resizeObserver?: ResizeObserver;\n  private showMore!: HTMLButtonElement;\n  private showLess!: HTMLButtonElement;\n  private lastRemovedBreadcrumbIndex = 0;\n  private numberOfBreadcrumbs = 0;\n  private numberOfCollapsedBreadcrumbs = 0;\n  private firstExpandedBreadcrumbIndex?: number;\n  facetManager!: FacetManager;\n\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('breadcrumbManager')\n  @State()\n  private breadcrumbManagerState!: BreadcrumbManagerState;\n  @BindStateToController('facetManager')\n  @State()\n  public facetManagerState!: FacetManagerState;\n  @State() public error!: Error;\n  @State() private isCollapsed = true;\n\n  private breadcrumbRemovedFocus?: FocusTargetController;\n\n  private breadcrumbShowMoreFocus?: FocusTargetController;\n\n  private breadcrumbShowLessFocus?: FocusTargetController;\n\n  /**\n   * This prop allows you to control the display depth\n   * of the path by specifying the number of parent or ancestor\n   * breadcrumbs links relative to the currently selected value.\n   *\n   * If the path size is equal to or less than the pathLimit, all values in\n   * the path will be displayed without truncation.\n   *\n   * If the path size exceeds the pathLimit, it will truncate the path by\n   * replacing the middle values with ellipses ('...').\n   *\n   * Minimum: `1`\n   * @defaultValue `3`\n   */\n  @Prop() public pathLimit = 3;\n\n  public initialize() {\n    this.validateProps();\n    this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n    this.facetManager = buildFacetManager(this.bindings.engine);\n\n    if (window.ResizeObserver) {\n      this.resizeObserver = new ResizeObserver(() => this.adaptBreadcrumbs());\n      this.resizeObserver.observe(this.host.parentElement!);\n    }\n  }\n\n  private validateProps() {\n    new Schema({\n      pathLimit: new NumberValue({\n        default: 3,\n        min: 1,\n        required: false,\n      }),\n    }).validate({\n      pathLimit: this.pathLimit,\n    });\n  }\n\n  public disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  private get focusTargets() {\n    if (!this.breadcrumbRemovedFocus) {\n      this.breadcrumbRemovedFocus = new FocusTargetController(this);\n    }\n    if (!this.breadcrumbShowLessFocus) {\n      this.breadcrumbShowLessFocus = new FocusTargetController(this);\n    }\n    if (!this.breadcrumbShowMoreFocus) {\n      this.breadcrumbShowMoreFocus = new FocusTargetController(this);\n    }\n    return {\n      breadcrumbRemovedFocus: this.breadcrumbRemovedFocus,\n      breadcrumbShowLessFocus: this.breadcrumbShowLessFocus,\n      breadcrumbShowMoreFocus: this.breadcrumbShowMoreFocus,\n    };\n  }\n\n  private get breadcrumbs() {\n    return Array.from(\n      this.host.shadowRoot!.querySelectorAll('li.breadcrumb')\n    ) as HTMLElement[];\n  }\n\n  private hide(element: HTMLElement) {\n    element.style.display = 'none';\n  }\n\n  private show(element: HTMLElement) {\n    element.style.display = '';\n  }\n\n  private showAllBreadcrumbs() {\n    this.breadcrumbs.forEach((breadcrumb) => this.show(breadcrumb));\n  }\n\n  private hideOverflowingBreadcrumbs() {\n    let hiddenBreadcrumbs = 0;\n    for (\n      let i = this.breadcrumbs.length - 1;\n      this.isOverflowing && i >= 0;\n      i--\n    ) {\n      this.hide(this.breadcrumbs[i]);\n      hiddenBreadcrumbs++;\n    }\n    this.updateShowMoreValue(hiddenBreadcrumbs);\n  }\n\n  private updateShowLessDisplay() {\n    this.show(this.showLess);\n    if (this.showLess.offsetTop === 0) {\n      this.hide(this.showLess);\n    }\n  }\n\n  private adaptBreadcrumbs() {\n    if (!this.breadcrumbs.length) {\n      return;\n    }\n    this.showAllBreadcrumbs();\n\n    if (!this.isCollapsed) {\n      this.updateShowLessDisplay();\n      return;\n    }\n\n    this.updateShowMoreValue(this.breadcrumbs.length);\n    this.hideOverflowingBreadcrumbs();\n  }\n\n  private get isOverflowing() {\n    const listElement = this.host.shadowRoot!.querySelector('ul');\n    if (!listElement) {\n      return false;\n    }\n    return listElement.scrollWidth > listElement.clientWidth;\n  }\n\n  private updateShowMoreValue(value: number) {\n    this.numberOfCollapsedBreadcrumbs = value;\n    if (value === 0) {\n      this.hide(this.showMore);\n      return;\n    }\n\n    this.show(this.showMore);\n    this.showMore.textContent = `+ ${value.toLocaleString(\n      this.bindings.i18n.language\n    )}`;\n\n    this.showMore.setAttribute(\n      'aria-label',\n      this.bindings.i18n.t('show-n-more-filters', {\n        value,\n      })\n    );\n  }\n\n  private get facetBreadcrumbs(): BreadboxBreadcrumb[] {\n    return this.breadcrumbManagerState.facetBreadcrumbs\n      .map(({facetId, field, values}) =>\n        values.map((value) => ({value, facetId, field}))\n      )\n      .flat()\n      .filter(({facetId}) => this.bindings.store.state.facets[facetId])\n      .map(({value, facetId, field}) => ({\n        facetId,\n        label: this.bindings.store.state.facets[facetId]?.label(),\n        state: value.value.state,\n        deselect: value.deselect,\n        formattedValue: [\n          getFieldValueCaption(field, value.value.value, this.bindings.i18n),\n        ],\n      }));\n  }\n\n  private get categoryFacetBreadcrumbs(): BreadboxBreadcrumb[] {\n    return this.breadcrumbManagerState.categoryFacetBreadcrumbs.map(\n      ({facetId, field, path, deselect}) => ({\n        facetId,\n        label: this.bindings.store.state.categoryFacets[facetId].label(),\n        deselect: deselect,\n        formattedValue: path.map((pathValue) =>\n          getFieldValueCaption(field, pathValue.value, this.bindings.i18n)\n        ),\n      })\n    );\n  }\n\n  private get numericFacetBreadcrumbs(): BreadboxBreadcrumb[] {\n    return this.breadcrumbManagerState.numericFacetBreadcrumbs\n      .map(({facetId, field, values}) =>\n        values.map((value) => ({value, facetId, field}))\n      )\n      .flat()\n      .map(({value, facetId}) => ({\n        facetId,\n        label: this.bindings.store.state.numericFacets[facetId].label(),\n        state: value.value.state,\n        deselect: value.deselect,\n        formattedValue: [\n          this.bindings.store.state.numericFacets[facetId].format(value.value),\n        ],\n        content: this.bindings.store.state.numericFacets[facetId].content?.(\n          value.value\n        ),\n      }));\n  }\n\n  private get dateFacetBreadcrumbs(): BreadboxBreadcrumb[] {\n    return this.breadcrumbManagerState.dateFacetBreadcrumbs\n      .map(({facetId, field, values}) =>\n        values.map((value) => ({value, facetId, field}))\n      )\n      .flat()\n      .map(({value, facetId}) => ({\n        facetId,\n        label: this.bindings.store.state.dateFacets[facetId].label(),\n        state: value.value.state,\n        deselect: value.deselect,\n        formattedValue: [\n          this.bindings.store.state.dateFacets[facetId].format(value.value),\n        ],\n      }));\n  }\n\n  private get automaticFacetBreadcrumbs(): BreadboxBreadcrumb[] {\n    return this.breadcrumbManagerState.automaticFacetBreadcrumbs\n      .flatMap(({facetId, field, label, values}) =>\n        values.map((value) => ({value, facetId, field, label}))\n      )\n      .map(({value, facetId, field, label}) => ({\n        facetId,\n        state: value.value.state,\n        label: label ? label : field,\n        deselect: value.deselect,\n        formattedValue: [\n          getFieldValueCaption(field, value.value.value, this.bindings.i18n),\n        ],\n      }));\n  }\n\n  private get allBreadcrumbs(): BreadboxBreadcrumb[] {\n    return [\n      ...this.facetBreadcrumbs,\n      ...this.categoryFacetBreadcrumbs,\n      ...this.numericFacetBreadcrumbs,\n      ...this.dateFacetBreadcrumbs,\n      ...this.automaticFacetBreadcrumbs,\n    ];\n  }\n\n  private renderBreadcrumbs(allBreadcrumbs: BreadboxBreadcrumb[]) {\n    const sortedBreadcrumbs = allBreadcrumbs.sort((a, b) => {\n      const indexA = this.facetManagerState.facetIds.indexOf(a.facetId);\n      const indexB = this.facetManagerState.facetIds.indexOf(b.facetId);\n      return indexA - indexB;\n    });\n    this.numberOfBreadcrumbs = sortedBreadcrumbs.length;\n\n    return [\n      sortedBreadcrumbs.map((breadcrumb, index) => {\n        const isLastBreadcrumb = this.allBreadcrumbs.length === 1;\n        return (\n          <BreadcrumbButton\n            setRef={(ref) => {\n              if (this.lastRemovedBreadcrumbIndex === index) {\n                this.focusTargets.breadcrumbRemovedFocus.setTarget(ref);\n              }\n              if (this.firstExpandedBreadcrumbIndex === index) {\n                this.focusTargets.breadcrumbShowMoreFocus.setTarget(ref);\n              }\n            }}\n            pathLimit={this.pathLimit}\n            breadcrumb={breadcrumb}\n            onSelectBreadcrumb={() => {\n              if (isLastBreadcrumb) {\n                this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch();\n              } else if (this.numberOfBreadcrumbs > 1) {\n                this.focusTargets.breadcrumbRemovedFocus.focusAfterSearch();\n              }\n\n              this.lastRemovedBreadcrumbIndex = index;\n              breadcrumb.deselect();\n            }}\n            i18n={this.bindings.i18n}\n          >\n            <BreadcrumbContent\n              pathLimit={this.pathLimit}\n              isCollapsed={this.isCollapsed}\n              i18n={this.bindings.i18n}\n              breadcrumb={breadcrumb}\n            ></BreadcrumbContent>\n          </BreadcrumbButton>\n        );\n      }),\n    ];\n  }\n\n  public render() {\n    const allBreadcrumbs = this.allBreadcrumbs;\n\n    if (!allBreadcrumbs.length) {\n      return <Hidden></Hidden>;\n    }\n\n    return (\n      <BreadcrumbContainer\n        isCollapsed={this.isCollapsed}\n        i18n={this.bindings.i18n}\n      >\n        {this.renderBreadcrumbs(allBreadcrumbs)}\n        <BreadcrumbShowMore\n          setRef={(el) => {\n            this.showMore = el;\n          }}\n          onShowMore={() => {\n            this.firstExpandedBreadcrumbIndex =\n              this.numberOfBreadcrumbs - this.numberOfCollapsedBreadcrumbs;\n            this.focusTargets.breadcrumbShowMoreFocus.focusOnNextTarget();\n            this.isCollapsed = false;\n          }}\n          isCollapsed={this.isCollapsed}\n          i18n={this.bindings.i18n}\n          numberOfCollapsedBreadcrumbs={this.numberOfCollapsedBreadcrumbs}\n        ></BreadcrumbShowMore>\n        <BreadcrumbShowLess\n          setRef={(el) => {\n            this.showLess = el;\n          }}\n          onShowLess={() => {\n            this.focusTargets.breadcrumbShowLessFocus.focusOnNextTarget();\n            this.isCollapsed = true;\n          }}\n          isCollapsed={this.isCollapsed}\n          i18n={this.bindings.i18n}\n        ></BreadcrumbShowLess>\n        <BreadcrumbClearAll\n          setRef={() => {\n            const isFocusTarget =\n              this.lastRemovedBreadcrumbIndex === this.numberOfBreadcrumbs;\n\n            isFocusTarget\n              ? this.focusTargets.breadcrumbRemovedFocus.setTarget\n              : undefined;\n          }}\n          onClick={async () => {\n            this.breadcrumbManager.deselectAll();\n            this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch();\n          }}\n          isCollapsed={this.isCollapsed}\n          i18n={this.bindings.i18n}\n        ></BreadcrumbClearAll>\n      </BreadcrumbContainer>\n    );\n  }\n\n  public componentDidRender() {\n    this.adaptBreadcrumbs();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/p-66d48d1a.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Heading","level","htmlProps","children","HeadingTag","h"],"sources":["src/components/common/stencil-heading.tsx"],"sourcesContent":["import {h, FunctionalComponent} from '@stencil/core';\nimport {JSXBase} from '@stencil/core/internal';\nimport {HeadingProps} from './heading';\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the heading function instead.\n */\nexport const Heading: FunctionalComponent<\n  Pick<HeadingProps, 'level'> & JSXBase.HTMLAttributes<HTMLHeadingElement>\n> = ({level, ...htmlProps}, children) => {\n  const HeadingTag = level > 0 && level <= 6 ? `h${level}` : 'div';\n  return <HeadingTag {...htmlProps}>{children}</HeadingTag>;\n};\n"],"mappings":"0CAOaA,EAET,EAAEC,WAAUC,GAAYC,KAC1B,MAAMC,EAAaH,EAAQ,GAAKA,GAAS,EAAI,IAAIA,IAAU,MAC3D,OAAOI,EAACD,EAAU,IAAKF,GAAYC,EAAsB,S","ignoreList":[]}

package/dist/atomic/p-74862002.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FacetValueLink","props","children","count","numberOfResults","toLocaleString","i18n","language","ariaLabel","t","value","displayValue","formattedCount","interpolation","escapeValue","part","isSelected","additionalPart","h","key","class","Button","style","onClick","ariaPressed","toString","ref","buttonRef","text","subList"],"sources":["src/components/common/facets/facet-value-link/stencil-facet-value-link.tsx"],"sourcesContent":["import {FunctionalComponent, h, VNode} from '@stencil/core';\nimport {Button} from '../../stencil-button';\nimport {FacetValueProps} from '../stencil-facet-common';\n\nexport interface FacetValueLinkProps extends FacetValueProps {\n  subList?: VNode | VNode[];\n}\n\nexport const FacetValueLink: FunctionalComponent<FacetValueLinkProps> = (\n  props,\n  children\n) => {\n  const count = props.numberOfResults.toLocaleString(props.i18n.language);\n  const ariaLabel = props.i18n.t('facet-value', {\n    value: props.displayValue,\n    count: props.numberOfResults,\n    formattedCount: count,\n    interpolation: {escapeValue: false},\n  });\n\n  let part =\n    props.part ?? `value-link${props.isSelected ? ' value-link-selected' : ''}`;\n\n  if (props.additionalPart) {\n    part += ` ${props.additionalPart}`;\n  }\n\n  return (\n    <li key={props.displayValue} class={props.class}>\n      <Button\n        style=\"text-neutral\"\n        part={part}\n        onClick={() => props.onClick()}\n        class=\"group flex w-full items-center truncate px-2 py-2.5 text-left focus-visible:outline-none\"\n        ariaPressed={props.isSelected.toString()}\n        ariaLabel={ariaLabel}\n        ref={props.buttonRef}\n      >\n        {children}\n        <span part=\"value-count\" class=\"value-count\">\n          {props.i18n.t('between-parentheses', {\n            text: count,\n          })}\n        </span>\n      </Button>\n      {props.subList}\n    </li>\n  );\n};\n"],"mappings":"8EAQaA,EAA2D,CACtEC,EACAC,KAEA,MAAMC,EAAQF,EAAMG,gBAAgBC,eAAeJ,EAAMK,KAAKC,UAC9D,MAAMC,EAAYP,EAAMK,KAAKG,EAAE,cAAe,CAC5CC,MAAOT,EAAMU,aACbR,MAAOF,EAAMG,gBACbQ,eAAgBT,EAChBU,cAAe,CAACC,YAAa,SAG/B,IAAIC,EACFd,EAAMc,MAAQ,aAAad,EAAMe,WAAa,uBAAyB,KAEzE,GAAIf,EAAMgB,eAAgB,CACxBF,GAAQ,IAAId,EAAMgB,gB,CAGpB,OACEC,EAAA,MAAIC,IAAKlB,EAAMU,aAAcS,MAAOnB,EAAMmB,OACxCF,EAACG,EAAM,CACLC,MAAM,eACNP,KAAMA,EACNQ,QAAS,IAAMtB,EAAMsB,UACrBH,MAAM,2FACNI,YAAavB,EAAMe,WAAWS,WAC9BjB,UAAWA,EACXkB,IAAKzB,EAAM0B,WAEVzB,EACDgB,EAAA,QAAMH,KAAK,cAAcK,MAAM,eAC5BnB,EAAMK,KAAKG,EAAE,sBAAuB,CACnCmB,KAAMzB,MAIXF,EAAM4B,QACJ,S","ignoreList":[]}

package/dist/atomic/p-78427c6a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["AtomicResultHtml","this","sanitize","render","resultValue","getStringValueFromResultOrNull","result","field","host","remove","h","value","__decorate","InitializeBindings","ResultContext"],"sources":["src/components/search/result-template-components/atomic-result-html/atomic-result-html.tsx"],"sourcesContent":["import {Result} from '@coveo/headless';\nimport {Component, Prop, h, Element, State} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {getStringValueFromResultOrNull} from '../../../../utils/result-utils';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-html` component renders the HTML value of a string result field.\n *\n * There is an inherent XSS security concern associated with the usage of this component.\n *\n * Use only with fields for which you are certain the data is harmless.\n */\n@Component({\n  tag: 'atomic-result-html',\n  shadow: false,\n})\nexport class AtomicResultHtml implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  @Element() private host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   *  The result field which the component should use.\n   * If set, Atomic searches for the specified field in the `Result` object first.\n   * If there's no such a field, Atomic searches through the `Result.raw` object.\n   * It's important to include the necessary field in the `ResultList` component.\n   */\n  @Prop({reflect: true}) public field!: string;\n  /**\n   * Specify if the content should be sanitized, using [`DOMPurify`](https://www.npmjs.com/package/dompurify).\n   */\n  @Prop({reflect: true}) public sanitize = true;\n\n  public render() {\n    const resultValue = getStringValueFromResultOrNull(this.result, this.field);\n    if (!resultValue) {\n      this.host.remove();\n      return;\n    }\n\n    return (\n      <atomic-html value={resultValue} sanitize={this.sanitize}></atomic-html>\n    );\n  }\n}\n"],"mappings":"+pBAqBaA,EAAgB,M,yBAkBGC,KAAAC,SAAW,K,wDAAA,I,CAElC,MAAAC,GACL,MAAMC,EAAcC,EAA+BJ,KAAKK,OAAQL,KAAKM,OACrE,IAAKH,EAAa,CAChBH,KAAKO,KAAKC,SACV,M,CAGF,OACEC,EAAA,eAAaC,MAAOP,EAAaF,SAAUD,KAAKC,U,6BA3BvBU,EAAA,CAA5BC,K,+BACwBD,EAAA,CAAxBE,K","ignoreList":[]}

package/dist/atomic/p-7cb0050f.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ItemDisplayGuard","props","children","hasItems","firstRequestExecuted","h","Fragment","DisplayWrapper","display","listClasses","ListWrapper","class","part"],"sources":["src/components/common/item-list/item-display-guard.tsx","src/components/common/item-list/stencil-display-wrapper.tsx"],"sourcesContent":["import {FunctionalComponent, h, Fragment} from '@stencil/core';\n\nexport interface ItemDisplayGuardProps {\n  firstRequestExecuted: boolean;\n  hasItems: boolean;\n}\n\nexport const ItemDisplayGuard: FunctionalComponent<ItemDisplayGuardProps> = (\n  props,\n  children\n) => {\n  if (!props.hasItems || !props.firstRequestExecuted) {\n    return;\n  }\n\n  return <Fragment>{...children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {ItemDisplayLayout} from '../layout/display-options.js';\n\nexport interface DisplayWrapperProps {\n  display: ItemDisplayLayout;\n  listClasses: string;\n}\n\nexport const DisplayWrapper: FunctionalComponent<DisplayWrapperProps> = (\n  {display, listClasses},\n  children\n) => {\n  if (display === 'table') {\n    return <ListWrapper listClasses={listClasses}>{...children}</ListWrapper>;\n  }\n\n  return (\n    <ListWrapper listClasses={listClasses}>\n      <div class={`list-root ${listClasses}`} part=\"result-list\">\n        {children}\n      </div>\n    </ListWrapper>\n  );\n};\n\nconst ListWrapper: FunctionalComponent<\n  Pick<DisplayWrapperProps, 'listClasses'>\n> = ({listClasses}, children) => {\n  return <div class={`list-wrapper ${listClasses}`}>{...children}</div>;\n};\n"],"mappings":"iDAOaA,EAA+D,CAC1EC,EACAC,KAEA,IAAKD,EAAME,WAAaF,EAAMG,qBAAsB,CAClD,M,CAGF,OAAOC,EAACC,EAAQ,QAAKJ,EAAoB,E,MCP9BK,EAA2D,EACrEC,UAASC,eACVP,KAEA,GAAIM,IAAY,QAAS,CACvB,OAAOH,EAACK,EAAW,CAACD,YAAaA,MAAiBP,E,CAGpD,OACEG,EAACK,EAAW,CAACD,YAAaA,GACxBJ,EAAA,OAAKM,MAAO,aAAaF,IAAeG,KAAK,eAC1CV,GAES,EAIlB,MAAMQ,EAEF,EAAED,eAAcP,IACXG,EAAA,OAAKM,MAAO,gBAAgBF,QAAmBP,U","ignoreList":[]}

package/dist/atomic/p-7da7b187.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StencilCheckbox","props","partName","part","classNames","parts","checked","push","class","attributes","key","id","join","toString","ariaLabel","text","value","ref","h","role","onClick","onToggle","onMouseDown","e","style","stroke","icon","Tick","iconPart"],"sources":["src/components/common/stencil-checkbox.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport Tick from '../../images/checkbox.svg';\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the CheckboxProps interface from the checkbox.ts file\n */\nexport interface StencilCheckboxProps {\n  checked: boolean;\n  onToggle(checked: boolean): void;\n  key?: string | number;\n  id?: string;\n  class?: string;\n  text?: string;\n  part?: string;\n  iconPart?: string;\n  ariaLabel?: string;\n  ariaCurrent?: string;\n  ref?(element?: HTMLElement): void;\n  onMouseDown?(evt: MouseEvent): void;\n}\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the Checkbox function from the checkbox.ts file\n */\nexport const StencilCheckbox: FunctionalComponent<StencilCheckboxProps> = (\n  props\n) => {\n  const partName = props.part ?? 'checkbox';\n\n  const classNames = [\n    'w-4 h-4 grid place-items-center rounded focus-visible:outline-none hover:border-primary-light focus-visible:border-primary-light',\n  ];\n  const parts = [partName];\n  if (props.checked) {\n    classNames.push(\n      'selected bg-primary hover:bg-primary-light focus-visible:bg-primary-light'\n    );\n    parts.push(`${partName}-checked`);\n  } else {\n    classNames.push('border border-neutral-dark');\n  }\n  if (props.class) {\n    classNames.push(props.class);\n  }\n\n  const attributes = {\n    key: props.key,\n    id: props.id,\n    class: classNames.join(' '),\n    part: parts.join(' '),\n    'aria-checked': props.checked.toString(),\n    'aria-label': props.ariaLabel ?? props.text,\n    value: props.text,\n    ref: props.ref,\n  };\n\n  return (\n    <button\n      {...attributes}\n      role=\"checkbox\"\n      onClick={() => props.onToggle?.(!props.checked)}\n      onMouseDown={(e) => props.onMouseDown?.(e)}\n    >\n      <atomic-icon\n        style={{stroke: 'white'}}\n        class={`w-3/5 ${props.checked ? 'block' : 'hidden'}`}\n        icon={Tick}\n        part={props.iconPart}\n      ></atomic-icon>\n    </button>\n  );\n};\n"],"mappings":"8OAwBaA,EACXC,IAEA,MAAMC,EAAWD,EAAME,MAAQ,WAE/B,MAAMC,EAAa,CACjB,oIAEF,MAAMC,EAAQ,CAACH,GACf,GAAID,EAAMK,QAAS,CACjBF,EAAWG,KACT,6EAEFF,EAAME,KAAK,GAAGL,Y,KACT,CACLE,EAAWG,KAAK,6B,CAElB,GAAIN,EAAMO,MAAO,CACfJ,EAAWG,KAAKN,EAAMO,M,CAGxB,MAAMC,EAAa,CACjBC,IAAKT,EAAMS,IACXC,GAAIV,EAAMU,GACVH,MAAOJ,EAAWQ,KAAK,KACvBT,KAAME,EAAMO,KAAK,KACjB,eAAgBX,EAAMK,QAAQO,WAC9B,aAAcZ,EAAMa,WAAab,EAAMc,KACvCC,MAAOf,EAAMc,KACbE,IAAKhB,EAAMgB,KAGb,OACEC,EAAA,aACMT,EACJU,KAAK,WACLC,QAAS,IAAMnB,EAAMoB,YAAYpB,EAAMK,SACvCgB,YAAcC,GAAMtB,EAAMqB,cAAcC,IAExCL,EAAA,eACEM,MAAO,CAACC,OAAQ,SAChBjB,MAAO,SAASP,EAAMK,QAAU,QAAU,WAC1CoB,KAAMC,EACNxB,KAAMF,EAAM2B,WAEP,S","ignoreList":[]}