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

package/dist/atomic/p-81bdbd07.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CategoryFacetAllCategoryButton","i18n","onClick","allCategories","t","h","Button","style","part","icon","LeftArrow","class","CategoryFacetValueLink","displayValue","numberOfResults","isParent","isSelected","searchQuery","isLeafValue","setRef","children","partNames","push","FacetValueLink","join","buttonRef","btn","subList","FacetValueLabelHighlight","CategoryFacetChildValueLink","props","CategoryFacetChildrenAsTreeContainer","className","CategoryFacetParentAsTreeContainer","isTopLevel","CategoryFacetParentButton","field","facetValue","getFieldValueCaption","value","ariaLabel","count","formattedCount","toLocaleString","language","ariaPressed","CategoryFacetParentValueLink","CategoryFacetSearchResultsContainer","_","SEPARATOR","ELLIPSIS","PATH_MAX_LENGTH","CategoryFacetSearchValue","inLabel","localizedPath","path","length","map","child","parent","ellipsedPath","firstPart","slice","lastParts","concat","renderPath","index","key","text","CategoryFacetTreeValueContainer","atomicCategoryFacetCss","AtomicCategoryFacetStyle0","AtomicCategoryFacet","this","resultIndexToFocusOnShowMore","label","tabsIncluded","tabsExcluded","numberOfValues","withSearch","sortCriteria","delimitingCharacter","basePath","filterByBasePath","isCollapsed","headingLevel","filterFacetCount","injectionDepth","dependsOn","initialize","console","warn","searchStatus","buildSearchStatus","bindings","engine","tabManager","buildTabManager","options","facetId","facetSearch","tabs","included","excluded","facet","buildCategoryFacet","announceFacetSearchResultsWithAriaLive","msg","facetSearchAriaMessage","state","facetInfo","element","host","isHidden","store","registerFacet","initializePopover","hasValues","valuesAsTrees","numberOfActiveValues","facetState","hasActiveValues","initializeDependenciesManager","focusTargets","showLessFocus","FocusTargetController","showMoreFocus","headerFocus","activeValueFocus","disconnectedCallback","isConnected","dependenciesManager","stopWatching","searchStatusState","hasError","enabled","selectedValueAncestry","componentShouldUpdate","next","prev","propName","isCategoryFacetState","shouldUpdateFacetSearchComponent","hasParents","buildFacetConditionsManager","conditions","parseDependsOn","renderHeader","FacetHeader","onToggleCollapse","onClearFilters","focusAfterSearch","deselectAll","headerRef","header","setTarget","renderSearchInput","FacetSearchInput","query","onChange","clear","updateCaptions","getFieldCaptions","updateText","search","onClear","renderValuesTree","isRoot","renderChildren","parentValue","toggleSelect","activeParent","activeParentDisplayValue","el","renderChild","isShowLessFocusTarget","isShowMoreFocusTarget","find","i","renderSearchResults","values","select","renderMatches","FacetSearchMatches","numberOfMatches","hasMoreMatches","moreValuesAvailable","showMoreMatches","showMoreResults","renderShowMoreLess","FacetShowMoreLess","onShowMore","showMoreValues","onShowLess","showLessValues","canShowLessValues","canShowMoreValues","render","firstSearchExecuted","FacetGuard","hasResults","FacetContainer","shouldDisplaySearchResults","Fragment","FacetValuesGroup","FacetPlaceholder","__decorate","InitializeBindings","BindStateToController","ArrayProp","MapProp","AriaLiveRegion"],"sources":["src/components/common/facets/category-facet/stencil-all-categories-button.tsx","src/components/common/facets/category-facet/stencil-value-link.tsx","src/components/common/facets/category-facet/stencil-child-value-link.tsx","src/components/common/facets/category-facet/stencil-children-as-tree-container.tsx","src/components/common/facets/category-facet/stencil-parent-as-tree-container.tsx","src/components/common/facets/category-facet/stencil-parent-button.tsx","src/components/common/facets/category-facet/stencil-parent-value-link.tsx","src/components/common/facets/category-facet/stencil-search-results-container.tsx","src/components/common/facets/category-facet/stencil-search-value.tsx","src/components/common/facets/category-facet/stencil-value-as-tree-container.tsx","src/components/search/facets/atomic-category-facet/atomic-category-facet.pcss?tag=atomic-category-facet&encapsulation=shadow","src/components/search/facets/atomic-category-facet/atomic-category-facet.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport LeftArrow from '../../../../images/arrow-left-rounded.svg';\nimport {Button} from '../../stencil-button';\n\ninterface CategoryFacetAllCategoryButtonProps {\n  i18n: i18n;\n  onClick(): void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const CategoryFacetAllCategoryButton: FunctionalComponent<\n  CategoryFacetAllCategoryButtonProps\n> = ({i18n, onClick}) => {\n  const allCategories = i18n.t('all-categories');\n  return (\n    <Button\n      style=\"text-neutral\"\n      part=\"all-categories-button\"\n      onClick={() => {\n        onClick();\n      }}\n    >\n      <atomic-icon\n        aria-hidden=\"true\"\n        icon={LeftArrow}\n        part=\"back-arrow\"\n      ></atomic-icon>\n      <span class=\"truncate\">{allCategories}</span>\n    </Button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {FacetValueLabelHighlight} from '../facet-value-label-highlight/stencil-facet-value-label-highlight';\nimport {FacetValueLink} from '../facet-value-link/stencil-facet-value-link';\n\nexport interface CategoryFacetValueLinkProps {\n  displayValue: string;\n  numberOfResults: number;\n  i18n: i18n;\n  onClick: () => void;\n  isParent: boolean;\n  isSelected: boolean;\n  searchQuery: string;\n  isLeafValue: boolean;\n  setRef: (el?: HTMLButtonElement) => void;\n}\n\nexport const CategoryFacetValueLink: FunctionalComponent<\n  CategoryFacetValueLinkProps\n> = (\n  {\n    displayValue,\n    numberOfResults,\n    i18n,\n    onClick,\n    isParent,\n    isSelected,\n    searchQuery,\n    isLeafValue,\n    setRef,\n  },\n  children\n) => {\n  const partNames = [];\n  if (isParent) {\n    partNames.push('active-parent');\n  } else {\n    partNames.push(`value-link${isSelected ? ' value-link-selected' : ''}`);\n  }\n\n  if (isLeafValue) {\n    partNames.push('leaf-value');\n  } else {\n    partNames.push('node-value');\n  }\n\n  return (\n    <FacetValueLink\n      displayValue={displayValue}\n      numberOfResults={numberOfResults}\n      isSelected={isSelected}\n      i18n={i18n}\n      onClick={() => {\n        onClick();\n      }}\n      searchQuery={searchQuery}\n      part={partNames.join(' ')}\n      class=\"contents\"\n      buttonRef={(btn) => setRef(btn)}\n      subList={children}\n    >\n      <FacetValueLabelHighlight\n        displayValue={displayValue}\n        isSelected={isSelected}\n      ></FacetValueLabelHighlight>\n    </FacetValueLink>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {\n  CategoryFacetValueLink,\n  CategoryFacetValueLinkProps,\n} from './stencil-value-link';\n\ninterface CategoryFacetChildValueLinkProps\n  extends Omit<CategoryFacetValueLinkProps, 'isParent'> {}\n\nexport const CategoryFacetChildValueLink: FunctionalComponent<\n  CategoryFacetChildValueLinkProps\n> = (props, children) => {\n  return (\n    <CategoryFacetValueLink {...props} isParent={false}>\n      {children}\n    </CategoryFacetValueLink>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\ninterface CategoryFacetChildrenAsTreeContainerProps {\n  className?: string;\n}\nexport const CategoryFacetChildrenAsTreeContainer: FunctionalComponent<\n  CategoryFacetChildrenAsTreeContainerProps\n> = ({className}, children) => {\n  return (\n    <ul part=\"values\" class={className ?? ''}>\n      {children}\n    </ul>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\nexport interface CategoryFacetParentAsTreeContainerProps {\n  isTopLevel: boolean;\n  className?: string;\n}\nexport const CategoryFacetParentAsTreeContainer: FunctionalComponent<\n  CategoryFacetParentAsTreeContainerProps\n> = ({isTopLevel, className}, children) => {\n  return (\n    <ul class={className ?? ''} part={`${isTopLevel ? '' : 'sub-'}parents`}>\n      {children}\n    </ul>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport LeftArrow from '../../../../images/arrow-left-rounded.svg';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {Button} from '../../stencil-button';\n\ninterface CategoryFacetParentButtonProps {\n  i18n: i18n;\n  field: string;\n  facetValue: {value: string; numberOfResults: number};\n  onClick: () => void;\n}\nexport const CategoryFacetParentButton: FunctionalComponent<\n  CategoryFacetParentButtonProps\n> = ({field, facetValue, i18n, onClick}) => {\n  const displayValue = getFieldValueCaption(field, facetValue.value, i18n);\n  const ariaLabel = i18n.t('facet-value', {\n    value: displayValue,\n    count: facetValue.numberOfResults,\n    formattedCount: facetValue.numberOfResults.toLocaleString(i18n.language),\n  });\n\n  return (\n    <Button\n      style=\"text-neutral\"\n      part=\"parent-button\"\n      ariaPressed=\"false\"\n      onClick={() => {\n        onClick();\n      }}\n      ariaLabel={ariaLabel}\n    >\n      <atomic-icon\n        icon={LeftArrow}\n        part=\"back-arrow\"\n        class=\"back-arrow\"\n      ></atomic-icon>\n      <span class=\"truncate\">{displayValue}</span>\n    </Button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {\n  CategoryFacetValueLink,\n  CategoryFacetValueLinkProps,\n} from './stencil-value-link';\n\ninterface CategoryFacetParentValueLinkProps\n  extends Omit<CategoryFacetValueLinkProps, 'isParent' | 'isSelected'> {}\n\nexport const CategoryFacetParentValueLink: FunctionalComponent<\n  CategoryFacetParentValueLinkProps\n> = (props, children) => {\n  return (\n    <CategoryFacetValueLink {...props} isParent isSelected>\n      {children}\n    </CategoryFacetValueLink>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\nexport const CategoryFacetSearchResultsContainer: FunctionalComponent = (\n  _,\n  children\n) => {\n  return (\n    <ul part=\"search-results\" class=\"mt-3\">\n      {children}\n    </ul>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {Button} from '../../stencil-button';\nimport {FacetValueLabelHighlight} from '../facet-value-label-highlight/stencil-facet-value-label-highlight';\n\ninterface CategoryFacetSearchValueProps {\n  value: {count: number; path: string[]; displayValue: string};\n  i18n: i18n;\n  field: string;\n  onClick(): void;\n  searchQuery: string;\n}\n\nconst SEPARATOR = '/';\nconst ELLIPSIS = '...';\nconst PATH_MAX_LENGTH = 3;\n\nexport const CategoryFacetSearchValue: FunctionalComponent<\n  CategoryFacetSearchValueProps\n> = ({value, field, i18n, onClick, searchQuery}) => {\n  const count = value.count.toLocaleString(i18n.language);\n  const inLabel = i18n.t('in');\n  const allCategories = i18n.t('all-categories');\n  const localizedPath = value.path.length\n    ? value.path.map((value) => getFieldValueCaption(field, value, i18n))\n    : [allCategories];\n  const ariaLabel = i18n.t('under', {\n    child: i18n.t('facet-value', {\n      count: value.count,\n      formattedCount: count,\n      value: value.displayValue,\n    }),\n    parent: localizedPath.join(', '),\n  });\n\n  function ellipsedPath(path: string[]) {\n    if (path.length <= PATH_MAX_LENGTH) {\n      return path;\n    }\n    const firstPart = path.slice(0, 1);\n    const lastParts = path.slice(-PATH_MAX_LENGTH + 1);\n    return firstPart.concat(ELLIPSIS, ...lastParts);\n  }\n\n  function renderPath(path: string[]) {\n    if (!path.length) {\n      return <span class=\"truncate\">{`${inLabel} ${allCategories}`}</span>;\n    }\n\n    return [\n      <span class=\"mr-0.5\">{inLabel}</span>,\n      ellipsedPath(path).map((value, index) => [\n        index > 0 && <span class=\"mx-0.5\">{SEPARATOR}</span>,\n        <span class={value === ELLIPSIS ? '' : 'max-w-max flex-1 truncate'}>\n          {value}\n        </span>,\n      ]),\n    ];\n  }\n\n  return (\n    <li key={value.displayValue}>\n      <Button\n        style=\"text-neutral\"\n        part=\"search-result\"\n        onClick={() => onClick()}\n        class=\"group flex w-full flex-col truncate px-2 py-2.5 focus-visible:outline-none\"\n        aria-label={ariaLabel}\n      >\n        <div class=\"flex w-full\">\n          <FacetValueLabelHighlight\n            displayValue={value.displayValue}\n            isSelected={false}\n            searchQuery={searchQuery}\n          ></FacetValueLabelHighlight>\n          <span part=\"value-count\" class=\"value-count\">\n            {i18n.t('between-parentheses', {\n              text: count,\n            })}\n          </span>\n        </div>\n        <div\n          part=\"search-result-path\"\n          class=\"text-neutral-dark group-focus:text-primary group-hover:text-primary mt-1 flex w-full\"\n        >\n          {renderPath(localizedPath)}\n        </div>\n      </Button>\n    </li>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\nexport const CategoryFacetTreeValueContainer: FunctionalComponent = (\n  _,\n  children\n) => {\n  return <li class=\"contents\">{children}</li>;\n};\n","@import '../../../common/facets/facet-common.pcss';\n@import '../../../common/facets/facet-search/facet-search.pcss';\n\n[part~='active-parent'] {\n  @apply pl-9;\n}\n\n[part~='parents'] [part~='values'] {\n  @apply pl-9;\n}\n\n[part~='all-categories-button'],\n[part~='parent-button'] {\n  @apply relative flex w-full items-center py-2.5 pr-2 pl-7 text-left;\n}\n\n[part~='back-arrow'] {\n  @apply absolute left-1 h-5 w-5;\n}\n","import {\n  CategoryFacet,\n  buildCategoryFacet,\n  CategoryFacetState,\n  CategoryFacetOptions,\n  CategoryFacetSortCriterion,\n  SearchStatus,\n  SearchStatusState,\n  buildSearchStatus,\n  CategoryFacetValue,\n  buildFacetConditionsManager,\n  FacetConditionsManager,\n  FacetValueRequest,\n  CategoryFacetValueRequest,\n  TabManagerState,\n  TabManager,\n  buildTabManager,\n} from '@coveo/headless';\nimport {Component, h, State, Prop, Element, Fragment} from '@stencil/core';\nimport {\n  getFieldCaptions,\n  getFieldValueCaption,\n} from '../../../../utils/field-utils';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {ArrayProp, MapProp} from '../../../../utils/props-utils';\nimport {\n  AriaLiveRegion,\n  FocusTargetController,\n} from '../../../../utils/stencil-accessibility-utils';\nimport {CategoryFacetAllCategoryButton} from '../../../common/facets/category-facet/stencil-all-categories-button';\nimport {CategoryFacetChildValueLink} from '../../../common/facets/category-facet/stencil-child-value-link';\nimport {CategoryFacetChildrenAsTreeContainer} from '../../../common/facets/category-facet/stencil-children-as-tree-container';\nimport {CategoryFacetParentAsTreeContainer} from '../../../common/facets/category-facet/stencil-parent-as-tree-container';\nimport {CategoryFacetParentButton} from '../../../common/facets/category-facet/stencil-parent-button';\nimport {CategoryFacetParentValueLink} from '../../../common/facets/category-facet/stencil-parent-value-link';\nimport {CategoryFacetSearchResultsContainer} from '../../../common/facets/category-facet/stencil-search-results-container';\nimport {CategoryFacetSearchValue} from '../../../common/facets/category-facet/stencil-search-value';\nimport {CategoryFacetTreeValueContainer} from '../../../common/facets/category-facet/stencil-value-as-tree-container';\nimport {parseDependsOn} from '../../../common/facets/depends-on';\nimport {FacetInfo} from '../../../common/facets/facet-common-store';\nimport {FacetContainer} from '../../../common/facets/facet-container/stencil-facet-container';\nimport {FacetGuard} from '../../../common/facets/facet-guard';\nimport {FacetHeader} from '../../../common/facets/facet-header/stencil-facet-header';\nimport {FacetPlaceholder} from '../../../common/facets/facet-placeholder/facet-placeholder';\nimport {announceFacetSearchResultsWithAriaLive} from '../../../common/facets/facet-search/facet-search-aria-live';\nimport {\n  shouldUpdateFacetSearchComponent,\n  shouldDisplaySearchResults,\n} from '../../../common/facets/facet-search/facet-search-utils';\nimport {FacetSearchInput} from '../../../common/facets/facet-search/stencil-facet-search-input';\nimport {FacetSearchMatches} from '../../../common/facets/facet-search/stencil-facet-search-matches';\nimport {FacetShowMoreLess} from '../../../common/facets/facet-show-more-less/stencil-facet-show-more-less';\nimport {FacetValuesGroup} from '../../../common/facets/facet-values-group/stencil-facet-values-group';\nimport {initializePopover} from '../../../common/facets/popover/popover-type';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * A facet is a list of values for a certain field occurring in the results, ordered using a configurable criteria (e.g., number of occurrences).\n * An `atomic-category-facet` displays a facet of values in a browsable, hierarchical fashion.\n *\n * @part facet - The wrapper for the entire facet.\n * @part placeholder - The placeholder shown before the first search is executed.\n *\n * @part label-button - The button that displays the label and allows to expand/collapse the facet.\n * @part label-button-icon - The label button icon.\n *\n * @part search-wrapper - The search box wrapper.\n * @part search-input - The search box input.\n * @part search-icon - The search box submit button.\n * @part search-clear-button - The button to clear the search box of input.\n * @part more-matches - The label indicating there are more matches for the current facet search query.\n * @part no-matches - The label indicating there are no matches for the current facet search query.\n * @part matches-query - The highlighted query inside the matches labels.\n * @part search-results - The search results container.\n * @part search-result - The search result value.\n * @part search-result-path - The search result path.\n * @part search-highlight - The highlighted query inside the facet values.\n *\n * @part parents - The container surrounding the whole hierarchy of values.\n * @part sub-parents - The container surrounding a sub-hierarchy of values.\n * @part values - The container surrounding either the children of the active value or the values at the base.\n * @part all-categories-button - The \"View all\" button displayed first within the parents.\n * @part parent-button - The clickable parent button displayed first within sub-parents.\n * @part active-parent - The clickable active parent displayed first within the last sub-parents.\n * @part value-link - The clickable value displayed first within values.\n * @part back-arrow - The back arrow displayed before the clickable parents.\n * @part value-label - The facet value label within a value button.\n * @part value-count - The facet value count within a value button.\n * @part leaf-value - A facet value with no child value.\n * @part node-value - A facet value with child values.\n *\n * @part show-more - The show more results button.\n * @part show-less - The show less results button.\n * @part show-more-less-icon - The icons of the show more & show less buttons.\n */\n@Component({\n  tag: 'atomic-category-facet',\n  styleUrl: 'atomic-category-facet.pcss',\n  shadow: true,\n})\nexport class AtomicCategoryFacet implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  public facet!: CategoryFacet;\n  private dependenciesManager?: FacetConditionsManager;\n  private resultIndexToFocusOnShowMore = 0;\n  public searchStatus!: SearchStatus;\n  public tabManager!: TabManager;\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('facet')\n  @State()\n  public facetState!: CategoryFacetState;\n  @BindStateToController('searchStatus')\n  @State()\n  public searchStatusState!: SearchStatusState;\n  @BindStateToController('tabManager')\n  @State()\n  public tabManagerState!: TabManagerState;\n  @State() public error!: Error;\n\n  /**\n   * Specifies a unique identifier for the facet.\n   */\n  @Prop({mutable: true, reflect: true}) public facetId?: string;\n  /**\n   * The non-localized label for the facet.\n   * Used in the `atomic-breadbox` component through the bindings store.\n   */\n  @Prop({reflect: true}) public label = 'no-label';\n  /**\n   * The field whose values you want to display in the facet.\n   */\n  @Prop({reflect: true}) public field!: string;\n  /**\n   * The tabs on which the facet 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-timeframe-facet tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-timeframe-facet>\n   * ```\n   * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet 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 facet 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-timeframe-facet tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-timeframe-facet>\n   * ```\n   * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet 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   * The number of values to request for this facet.\n   * Also determines the number of additional values to request each time more values are shown.\n   */\n  @Prop({reflect: true}) public numberOfValues = 8;\n  /**\n   * Whether this facet should contain a search box.\n   *\n   */\n  @Prop({reflect: true}) public withSearch = false;\n  /**\n   * The sort criterion to apply to the returned facet values.\n   * Possible values are 'alphanumeric' and 'occurrences'.\n   * For this criterion to apply to the top-layer facet values, disable\n   * [facet value ordering](https://docs.coveo.com/en/l1qf4156/#facet-value-ordering)\n   * in your Dynamic Navigation Experience configuration.\n   */\n  // TODO: add automatic (occurrences when not expanded, alphanumeric when expanded)\n  @Prop({reflect: true}) public sortCriteria: CategoryFacetSortCriterion =\n    'occurrences';\n  /**\n   * The character that separates values of a multi-value field.\n   *\n   * *Note:* If you use the [example formatting](https://docs.coveo.com/en/atomic/latest/reference/components/atomic-category-facet/#usage-notes) for the associated multi-value field, you must set this value to `|` or the facet won't display properly.\n   */\n  @Prop({reflect: true}) public delimitingCharacter = ';';\n  /**\n   * The base path shared by all values for the facet.\n   *\n   * Specify the property as an array using a JSON string representation:\n   * ```html\n   *  <atomic-category-facet base-path='[\"first value\", \"second value\"]' ></atomic-category-facet>\n   * ```\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public basePath: string[] | string = '[]';\n\n  /**\n   * Whether to use basePath as a filter for the results.\n   */\n  @Prop({reflect: true}) public filterByBasePath = true;\n  /**\n   * Specifies whether the facet is collapsed. When the facet is the child of an `atomic-facet-manager` component, the facet manager controls this property.\n   */\n  @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n  /**\n   * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading over the facet, from 1 to 6.\n   */\n  @Prop({reflect: true}) public headingLevel = 0;\n  /**\n   * Whether to exclude the parents of folded results when estimating the result count for each facet value.\n   *\n   *\n   * Note: Resulting count is only an estimation, in some cases this value could be incorrect.\n   */\n  @Prop({reflect: true}) public filterFacetCount = true;\n  /**\n   * The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.\n   * Note: A high injectionDepth may negatively impact the facet request performance.\n   * Minimum: `0`\n   * Default: `1000`\n   */\n  @Prop({reflect: true}) public injectionDepth = 1000;\n  // @Prop() public customSort?: string; TODO: KIT-753 Add customSort option for facet\n\n  /**\n   * The required facets and values for this facet to be displayed.\n   * Examples:\n   * ```html\n   * <atomic-facet facet-id=\"abc\" field=\"objecttype\" ...></atomic-facet>\n   *\n   * <!-- To show the facet when any value is selected in the facet with id \"abc\": -->\n   * <atomic-category-facet\n   *   depends-on-abc\n   *   ...\n   * ></atomic-category-facet>\n   *\n   * <!-- To show the facet when value \"doc\" is selected in the facet with id \"abc\": -->\n   * <atomic-category-facet\n   *   depends-on-abc=\"doc\"\n   *   ...\n   * ></atomic-category-facet>\n   * ```\n   */\n  @MapProp() @Prop() public dependsOn: Record<string, string> = {};\n\n  private showLessFocus?: FocusTargetController;\n\n  private showMoreFocus?: FocusTargetController;\n\n  private headerFocus?: FocusTargetController;\n\n  private activeValueFocus?: FocusTargetController;\n\n  @AriaLiveRegion('facet-search')\n  protected facetSearchAriaMessage!: string;\n\n  public initialize() {\n    if (\n      [...this.tabsIncluded].length > 0 &&\n      [...this.tabsExcluded].length > 0\n    ) {\n      console.warn(\n        'Values for both \"tabs-included\" and \"tabs-excluded\" have been provided. This is could lead to unexpected behaviors.'\n      );\n    }\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n    this.tabManager = buildTabManager(this.bindings.engine);\n    const options: CategoryFacetOptions = {\n      facetId: this.facetId,\n      field: this.field,\n      numberOfValues: this.numberOfValues,\n      sortCriteria: this.sortCriteria,\n      facetSearch: {numberOfValues: this.numberOfValues},\n      basePath: [...this.basePath],\n      delimitingCharacter: this.delimitingCharacter,\n      filterByBasePath: this.filterByBasePath,\n      injectionDepth: this.injectionDepth,\n      filterFacetCount: this.filterFacetCount,\n      tabs: {\n        included: [...this.tabsIncluded],\n        excluded: [...this.tabsExcluded],\n      },\n    };\n    this.facet = buildCategoryFacet(this.bindings.engine, {options});\n    announceFacetSearchResultsWithAriaLive(\n      this.facet,\n      this.label,\n      (msg) => (this.facetSearchAriaMessage = msg),\n      this.bindings.i18n\n    );\n    this.facetId = this.facet.state.facetId;\n    const facetInfo: FacetInfo = {\n      label: () => this.bindings.i18n.t(this.label),\n      facetId: this.facetId!,\n      element: this.host,\n      isHidden: () => this.isHidden,\n    };\n    this.bindings.store.registerFacet('categoryFacets', facetInfo);\n    initializePopover(this.host, {\n      ...facetInfo,\n      hasValues: () => !!this.facet.state.valuesAsTrees.length,\n      numberOfActiveValues: () => (this.facetState.hasActiveValues ? 1 : 0),\n    });\n    this.initializeDependenciesManager();\n  }\n\n  private get focusTargets() {\n    if (!this.showLessFocus) {\n      this.showLessFocus = new FocusTargetController(this);\n    }\n    if (!this.showMoreFocus) {\n      this.showMoreFocus = new FocusTargetController(this);\n    }\n    if (!this.headerFocus) {\n      this.headerFocus = new FocusTargetController(this);\n    }\n    if (!this.activeValueFocus) {\n      this.activeValueFocus = new FocusTargetController(this);\n    }\n\n    return {\n      showLessFocus: this.showLessFocus,\n      showMoreFocus: this.showMoreFocus,\n      headerFocus: this.headerFocus,\n      activeValueFocus: this.activeValueFocus,\n    };\n  }\n\n  public disconnectedCallback() {\n    if (this.host.isConnected) {\n      return;\n    }\n    this.dependenciesManager?.stopWatching();\n  }\n\n  private get isHidden() {\n    return (\n      this.searchStatusState.hasError ||\n      !this.facet.state.enabled ||\n      (!this.facet.state.selectedValueAncestry.length &&\n        !this.facet.state.valuesAsTrees.length)\n    );\n  }\n\n  public componentShouldUpdate(\n    next: unknown,\n    prev: unknown,\n    propName: keyof AtomicCategoryFacet\n  ) {\n    if (\n      this.isCategoryFacetState(prev, propName) &&\n      this.isCategoryFacetState(next, propName)\n    ) {\n      return shouldUpdateFacetSearchComponent(\n        next.facetSearch,\n        prev.facetSearch\n      );\n    }\n    return true;\n  }\n\n  private get hasParents() {\n    return !!this.facetState.selectedValueAncestry.length;\n  }\n\n  private initializeDependenciesManager() {\n    this.dependenciesManager = buildFacetConditionsManager(\n      this.bindings.engine,\n      {\n        facetId: this.facetId!,\n        conditions: parseDependsOn<\n          FacetValueRequest | CategoryFacetValueRequest\n        >(this.dependsOn),\n      }\n    );\n  }\n\n  private renderHeader() {\n    return (\n      <FacetHeader\n        i18n={this.bindings.i18n}\n        label={this.label}\n        numberOfActiveValues={\n          this.facetState.hasActiveValues && this.isCollapsed ? 1 : 0\n        }\n        isCollapsed={this.isCollapsed}\n        headingLevel={this.headingLevel}\n        onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n        onClearFilters={() => {\n          this.focusTargets.headerFocus.focusAfterSearch();\n          this.facet.deselectAll();\n        }}\n        headerRef={(header) => {\n          this.focusTargets.headerFocus.setTarget(header);\n          if (!this.hasParents) {\n            this.focusTargets.activeValueFocus.setTarget(header);\n          }\n        }}\n      ></FacetHeader>\n    );\n  }\n\n  private renderSearchInput() {\n    if (!this.withSearch) {\n      return;\n    }\n\n    return (\n      <FacetSearchInput\n        i18n={this.bindings.i18n}\n        label={this.label}\n        query={this.facetState.facetSearch.query}\n        onChange={(value) => {\n          if (value === '') {\n            this.facet.facetSearch.clear();\n            return;\n          }\n          this.facet.facetSearch.updateCaptions(\n            getFieldCaptions(this.field, this.bindings.i18n)\n          );\n          this.facet.facetSearch.updateText(value);\n          this.facet.facetSearch.search();\n        }}\n        onClear={() => this.facet.facetSearch.clear()}\n      ></FacetSearchInput>\n    );\n  }\n\n  private renderValuesTree(\n    valuesAsTrees: CategoryFacetValue[],\n    isRoot: boolean\n  ) {\n    if (!this.hasParents) {\n      return this.renderChildren();\n    }\n\n    if (isRoot) {\n      return (\n        <CategoryFacetTreeValueContainer>\n          <CategoryFacetAllCategoryButton\n            i18n={this.bindings.i18n}\n            onClick={() => {\n              this.focusTargets.activeValueFocus.focusAfterSearch();\n              this.facet.deselectAll();\n            }}\n          />\n          <CategoryFacetParentAsTreeContainer isTopLevel={false}>\n            {this.renderValuesTree(valuesAsTrees, false)}\n          </CategoryFacetParentAsTreeContainer>\n        </CategoryFacetTreeValueContainer>\n      );\n    }\n\n    if (valuesAsTrees.length > 1) {\n      const parentValue = valuesAsTrees[0];\n\n      return (\n        <CategoryFacetTreeValueContainer>\n          <CategoryFacetParentButton\n            facetValue={parentValue}\n            field={this.field}\n            i18n={this.bindings.i18n}\n            onClick={() => {\n              this.focusTargets.activeValueFocus.focusAfterSearch();\n              this.facet.toggleSelect(parentValue);\n            }}\n          />\n          <CategoryFacetParentAsTreeContainer isTopLevel={false}>\n            {this.renderValuesTree(valuesAsTrees.slice(1), false)}\n          </CategoryFacetParentAsTreeContainer>\n        </CategoryFacetTreeValueContainer>\n      );\n    }\n\n    const activeParent = valuesAsTrees[0];\n    const activeParentDisplayValue = getFieldValueCaption(\n      this.field,\n      activeParent.value,\n      this.bindings.i18n\n    );\n\n    return (\n      <CategoryFacetParentValueLink\n        displayValue={activeParentDisplayValue}\n        numberOfResults={activeParent.numberOfResults}\n        i18n={this.bindings.i18n}\n        isLeafValue={activeParent.isLeafValue}\n        onClick={() => {\n          this.focusTargets.activeValueFocus.focusAfterSearch();\n          this.facet.deselectAll();\n        }}\n        searchQuery={this.facetState.facetSearch.query}\n        setRef={(el) => this.focusTargets.activeValueFocus.setTarget(el)}\n      >\n        <CategoryFacetChildrenAsTreeContainer>\n          {this.renderChildren()}\n        </CategoryFacetChildrenAsTreeContainer>\n      </CategoryFacetParentValueLink>\n    );\n  }\n\n  private renderChild(\n    facetValue: CategoryFacetValue,\n    isShowLessFocusTarget: boolean,\n    isShowMoreFocusTarget: boolean\n  ) {\n    const displayValue = getFieldValueCaption(\n      this.field,\n      facetValue.value,\n      this.bindings.i18n\n    );\n    const isSelected = facetValue.state === 'selected';\n    return (\n      <CategoryFacetChildValueLink\n        displayValue={displayValue}\n        i18n={this.bindings.i18n}\n        isLeafValue={facetValue.isLeafValue}\n        isSelected={isSelected}\n        numberOfResults={facetValue.numberOfResults}\n        onClick={() => {\n          this.focusTargets.activeValueFocus.focusAfterSearch();\n          this.facet.toggleSelect(facetValue);\n        }}\n        searchQuery={this.facetState.facetSearch.query}\n        setRef={(element) => {\n          isShowLessFocusTarget &&\n            this.focusTargets.showLessFocus.setTarget(element);\n          isShowMoreFocusTarget &&\n            this.focusTargets.showMoreFocus.setTarget(element);\n        }}\n      ></CategoryFacetChildValueLink>\n    );\n  }\n\n  private renderChildren() {\n    if (!this.facetState.valuesAsTrees.length) {\n      return;\n    }\n    if (this.facetState.selectedValueAncestry.length > 0) {\n      return this.facetState.selectedValueAncestry\n        .find((value) => value.state === 'selected')\n        ?.children.map((value, i) =>\n          this.renderChild(\n            value,\n            i === 0,\n            i === this.resultIndexToFocusOnShowMore\n          )\n        );\n    }\n\n    return this.facetState.valuesAsTrees.map((value, i) =>\n      this.renderChild(value, i === 0, i === this.resultIndexToFocusOnShowMore)\n    );\n  }\n\n  private renderSearchResults() {\n    return (\n      <CategoryFacetSearchResultsContainer>\n        {this.facetState.facetSearch.values.map((value) => (\n          <CategoryFacetSearchValue\n            value={value}\n            field={this.field}\n            i18n={this.bindings.i18n}\n            searchQuery={this.facetState.facetSearch.query}\n            onClick={() => {\n              this.focusTargets.activeValueFocus.focusAfterSearch();\n              this.facet.facetSearch.select(value);\n            }}\n          ></CategoryFacetSearchValue>\n        ))}\n      </CategoryFacetSearchResultsContainer>\n    );\n  }\n\n  private renderMatches() {\n    return (\n      <FacetSearchMatches\n        i18n={this.bindings.i18n}\n        query={this.facetState.facetSearch.query}\n        numberOfMatches={this.facetState.facetSearch.values.length}\n        hasMoreMatches={this.facetState.facetSearch.moreValuesAvailable}\n        showMoreMatches={() => this.facet.facetSearch.showMoreResults()}\n      ></FacetSearchMatches>\n    );\n  }\n\n  private renderShowMoreLess() {\n    return (\n      <div class={this.hasParents ? 'pl-9' : ''}>\n        <FacetShowMoreLess\n          label={this.label}\n          i18n={this.bindings.i18n}\n          onShowMore={() => {\n            this.resultIndexToFocusOnShowMore =\n              this.facetState.valuesAsTrees[0].children.length;\n            this.focusTargets.showMoreFocus.focusAfterSearch();\n            this.facet.showMoreValues();\n          }}\n          onShowLess={() => {\n            this.focusTargets.showLessFocus.focusAfterSearch();\n            this.facet.showLessValues();\n          }}\n          canShowLessValues={this.facetState.canShowLessValues}\n          canShowMoreValues={this.facetState.canShowMoreValues}\n        ></FacetShowMoreLess>\n      </div>\n    );\n  }\n\n  private isCategoryFacetState(\n    state: unknown,\n    propName: string\n  ): state is CategoryFacetState {\n    return (\n      propName === 'facetState' &&\n      typeof (state as CategoryFacetState)?.facetId === 'string'\n    );\n  }\n\n  public render() {\n    const {\n      bindings: {i18n},\n      label,\n      facetState: {facetSearch, enabled, valuesAsTrees, selectedValueAncestry},\n      searchStatusState: {hasError, firstSearchExecuted},\n    } = this;\n\n    return (\n      <FacetGuard\n        enabled={enabled}\n        firstSearchExecuted={firstSearchExecuted}\n        hasError={hasError}\n        hasResults={valuesAsTrees.length > 0}\n      >\n        {firstSearchExecuted ? (\n          <FacetContainer>\n            {this.renderHeader()}\n            {!this.isCollapsed && [\n              this.renderSearchInput(),\n              shouldDisplaySearchResults(facetSearch) ? (\n                <Fragment>\n                  {facetSearch.values.length ? (\n                    <FacetValuesGroup\n                      i18n={i18n}\n                      label={label}\n                      query={facetSearch.query}\n                    >\n                      {this.renderSearchResults()}\n                    </FacetValuesGroup>\n                  ) : (\n                    <div class=\"mt-3\"></div>\n                  )}\n                  {this.renderMatches()}\n                </Fragment>\n              ) : (\n                <Fragment>\n                  <FacetValuesGroup i18n={i18n} label={label}>\n                    {this.hasParents ? (\n                      <CategoryFacetParentAsTreeContainer\n                        isTopLevel={true}\n                        className=\"mt-3\"\n                      >\n                        {this.renderValuesTree(selectedValueAncestry, true)}\n                      </CategoryFacetParentAsTreeContainer>\n                    ) : (\n                      <CategoryFacetChildrenAsTreeContainer className=\"mt-3\">\n                        {this.renderChildren()}\n                      </CategoryFacetChildrenAsTreeContainer>\n                    )}\n                  </FacetValuesGroup>\n                  {this.renderShowMoreLess()}\n                </Fragment>\n              ),\n            ]}\n          </FacetContainer>\n        ) : (\n          <FacetPlaceholder\n            isCollapsed={this.isCollapsed}\n            numberOfValues={this.numberOfValues}\n          />\n        )}\n      </FacetGuard>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/p-82398f4a.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RadioButton","props","classNames","onMouseDown","style","rippleColor","getRippleColorForButtonStyle","push","getClassNameForButtonStyle","e","createRipple","color","checked","class","handleKeyDown","event","selectWhenFocused","key","radioGroup","currentTarget","parentNode","isArrowKey","preventDefault","buttons","getRadioButtons","currentIndex","getCurrentIndex","newIndex","getNewIndex","length","focus","includes","Array","from","querySelectorAll","currentButton","findIndex","button","attributes","name","groupName","join","part","ariaLabel","text","ariaCurrent","value","ref","h","onKeyDown","type","onChange","onChecked"],"sources":["src/components/common/stencil-radio-button.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {JSXBase} from '@stencil/core/internal';\nimport {createRipple} from '../../utils/ripple-utils';\nimport {RadioButtonProps} from './radio-button';\nimport {\n  getClassNameForButtonStyle,\n  getRippleColorForButtonStyle,\n} from './stencil-button-style';\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the RadioButtonProps from radio-button.ts instead.\n */\nexport interface StencilRadioButtonProps extends Omit<RadioButtonProps, 'ref'> {\n  ref?(element?: HTMLInputElement): void;\n}\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the radioButton function instead.\n */\nexport const RadioButton: FunctionalComponent<StencilRadioButtonProps> = (\n  props\n) => {\n  const classNames = ['btn-radio'];\n  let onMouseDown:\n    | JSXBase.DOMAttributes<HTMLInputElement>['onMouseDown']\n    | undefined;\n  if (props.style) {\n    const rippleColor = getRippleColorForButtonStyle(props.style);\n    classNames.push(getClassNameForButtonStyle(props.style));\n\n    onMouseDown = (e) => createRipple(e, {color: rippleColor});\n  }\n  if (props.checked) {\n    classNames.push('selected');\n  }\n  if (props.class) {\n    classNames.push(props.class);\n  }\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (props.selectWhenFocused !== false) {\n      return;\n    }\n    const {key} = event;\n    const radioGroup = (event.currentTarget as HTMLElement).parentNode;\n\n    if (!radioGroup || !isArrowKey(key)) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const buttons = getRadioButtons(radioGroup);\n    const currentIndex = getCurrentIndex(\n      buttons,\n      event.currentTarget as HTMLInputElement\n    );\n    const newIndex = getNewIndex(key, currentIndex, buttons.length);\n\n    if (buttons[newIndex]) {\n      buttons[newIndex].focus();\n    }\n  };\n\n  const isArrowKey = (key: string) => {\n    return ['ArrowLeft', 'ArrowRight', 'ArrowDown', 'ArrowUp'].includes(key);\n  };\n\n  const getRadioButtons = (radioGroup: ParentNode) => {\n    return Array.from(\n      radioGroup.querySelectorAll('[type=\"radio\"]')\n    ) as HTMLInputElement[];\n  };\n\n  const getCurrentIndex = (\n    buttons: HTMLInputElement[],\n    currentButton: HTMLInputElement\n  ) => {\n    return buttons.findIndex((button) => button === currentButton);\n  };\n\n  const getNewIndex = (key: string, currentIndex: number, length: number) => {\n    switch (key) {\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        return (currentIndex - 1 + length) % length;\n      case 'ArrowRight':\n      case 'ArrowDown':\n        return (currentIndex + 1) % length;\n      default:\n        return currentIndex;\n    }\n  };\n\n  const attributes = {\n    name: props.groupName,\n    key: props.key,\n    checked: props.checked,\n    class: classNames.join(' '),\n    part: props.part,\n    'aria-label': props.ariaLabel ?? props.text,\n    'aria-current': props.ariaCurrent,\n    value: props.text,\n    ref: props.ref,\n  };\n\n  return (\n    <input\n      onKeyDown={handleKeyDown}\n      type=\"radio\"\n      onChange={(e) =>\n        (e.currentTarget as HTMLInputElement).checked && props.onChecked?.()\n      }\n      onMouseDown={onMouseDown}\n      {...attributes}\n    />\n  );\n};\n"],"mappings":"yHAmBaA,EACXC,IAEA,MAAMC,EAAa,CAAC,aACpB,IAAIC,EAGJ,GAAIF,EAAMG,MAAO,CACf,MAAMC,EAAcC,EAA6BL,EAAMG,OACvDF,EAAWK,KAAKC,EAA2BP,EAAMG,QAEjDD,EAAeM,GAAMC,EAAaD,EAAG,CAACE,MAAON,G,CAE/C,GAAIJ,EAAMW,QAAS,CACjBV,EAAWK,KAAK,W,CAElB,GAAIN,EAAMY,MAAO,CACfX,EAAWK,KAAKN,EAAMY,M,CAGxB,MAAMC,EAAiBC,IACrB,GAAId,EAAMe,oBAAsB,MAAO,CACrC,M,CAEF,MAAMC,IAACA,GAAOF,EACd,MAAMG,EAAcH,EAAMI,cAA8BC,WAExD,IAAKF,IAAeG,EAAWJ,GAAM,CACnC,M,CAGFF,EAAMO,iBAEN,MAAMC,EAAUC,EAAgBN,GAChC,MAAMO,EAAeC,EACnBH,EACAR,EAAMI,eAER,MAAMQ,EAAWC,EAAYX,EAAKQ,EAAcF,EAAQM,QAExD,GAAIN,EAAQI,GAAW,CACrBJ,EAAQI,GAAUG,O,GAItB,MAAMT,EAAcJ,GACX,CAAC,YAAa,aAAc,YAAa,WAAWc,SAASd,GAGtE,MAAMO,EAAmBN,GAChBc,MAAMC,KACXf,EAAWgB,iBAAiB,mBAIhC,MAAMR,EAAkB,CACtBH,EACAY,IAEOZ,EAAQa,WAAWC,GAAWA,IAAWF,IAGlD,MAAMP,EAAc,CAACX,EAAaQ,EAAsBI,KACtD,OAAQZ,GACN,IAAK,YACL,IAAK,UACH,OAAQQ,EAAe,EAAII,GAAUA,EACvC,IAAK,aACL,IAAK,YACH,OAAQJ,EAAe,GAAKI,EAC9B,QACE,OAAOJ,E,EAIb,MAAMa,EAAa,CACjBC,KAAMtC,EAAMuC,UACZvB,IAAKhB,EAAMgB,IACXL,QAASX,EAAMW,QACfC,MAAOX,EAAWuC,KAAK,KACvBC,KAAMzC,EAAMyC,KACZ,aAAczC,EAAM0C,WAAa1C,EAAM2C,KACvC,eAAgB3C,EAAM4C,YACtBC,MAAO7C,EAAM2C,KACbG,IAAK9C,EAAM8C,KAGb,OACEC,EAAA,SACEC,UAAWnC,EACXoC,KAAK,QACLC,SAAW1C,GACRA,EAAEU,cAAmCP,SAAWX,EAAMmD,cAEzDjD,YAAaA,KACTmC,GACJ,S","ignoreList":[]}

package/dist/atomic/p-851b9735.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["PagerPreviousButton","props","h","Button","ariaLabel","i18n","t","style","part","class","icon","PagerNextButton","PagerPageButton","RadioButton","selectWhenFocused","key","page","checked","isSelected","ariaCurrent","PagerPageButtons","children","role","PagerNavigation","atomicInsightPagerCss","AtomicInsightPagerStyle0","AtomicInsightPager","this","numberOfPages","radioGroupName","randomID","initialize","searchStatus","buildInsightSearchStatus","bindings","engine","pager","buildInsightPager","options","focusOnFirstResultAndScrollToTop","store","state","resultList","focusOnFirstResultAfterNextSearch","scrollToTopEvent","emit","render","Host","ArrowLeftIcon","disabled","pagerState","hasPreviousPage","onClick","previousPage","currentPages","map","pageNumber","isCurrentPage","onChecked","selectPage","groupName","text","toLocaleString","language","ArrowRightIcon","hasNextPage","nextPage","__decorate","InitializeBindings","BindStateToController"],"sources":["src/components/common/pager/stencil-pager-buttons.tsx","src/components/common/pager/stencil-pager-navigation.tsx","src/components/insight/atomic-insight-pager/atomic-insight-pager.pcss?tag=atomic-insight-pager&encapsulation=shadow","src/components/insight/atomic-insight-pager/atomic-insight-pager.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button, StencilButtonProps} from '../stencil-button';\nimport {RadioButton, StencilRadioButtonProps} from '../stencil-radio-button';\n\n/**\n * @deprecated use the lit equivalent\n */\nexport interface PagerNavigationButtonProps\n  extends Omit<StencilButtonProps, 'style' | 'part' | 'class'> {\n  icon: string;\n  i18n: i18n;\n}\n\n/**\n * @deprecated use the lit equivalent\n */\nexport interface PagerPageButtonProps\n  extends Omit<\n    StencilRadioButtonProps,\n    'part' | 'style' | 'checked' | 'ariaCurrent' | 'key' | 'class' | 'ref'\n  > {\n  page: number;\n  isSelected: boolean;\n  text: string;\n}\n\n/**\n * @deprecated use the lit equivalent\n */\nexport interface PagerPageButtonsProps {\n  i18n: i18n;\n}\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerPreviousButton: FunctionalComponent<\n  PagerNavigationButtonProps\n> = (props) => {\n  return (\n    <Button\n      {...props}\n      ariaLabel={props.i18n.t('previous')}\n      style=\"outline-primary\"\n      part=\"previous-button\"\n      class=\"flex min-h-10 min-w-10 items-center justify-center p-1\"\n    >\n      <atomic-icon\n        icon={props.icon}\n        part=\"previous-button-icon\"\n        class=\"w-5 align-middle\"\n      ></atomic-icon>\n    </Button>\n  );\n};\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerNextButton: FunctionalComponent<\n  PagerNavigationButtonProps\n> = (props) => {\n  return (\n    <Button\n      {...props}\n      ariaLabel={props.i18n.t('next')}\n      style=\"outline-primary\"\n      part=\"next-button\"\n      class=\"flex min-h-10 min-w-10 items-center justify-center p-1\"\n    >\n      <atomic-icon\n        icon={props.icon}\n        part=\"next-button-icon\"\n        class=\"w-5 align-middle\"\n      ></atomic-icon>\n    </Button>\n  );\n};\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerPageButton: FunctionalComponent<PagerPageButtonProps> = (\n  props\n) => {\n  return (\n    <RadioButton\n      {...props}\n      selectWhenFocused={false}\n      key={props.page}\n      style=\"outline-neutral\"\n      checked={props.isSelected}\n      ariaCurrent={props.isSelected ? 'page' : 'false'}\n      class=\"btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1\"\n      part={`page-button${props.isSelected ? ' active-page-button' : ''}`}\n    ></RadioButton>\n  );\n};\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerPageButtons: FunctionalComponent<PagerPageButtonsProps> = (\n  props,\n  children\n) => {\n  return (\n    <div\n      part=\"page-buttons\"\n      role=\"radiogroup\"\n      aria-label={props.i18n.t('pagination')}\n      class=\"contents\"\n    >\n      {...children}\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\n/**\n * @deprecated use the lit equivalent\n */\nexport interface PagerNavigationProps {\n  i18n: i18n;\n}\n\n/**\n * @deprecated use the lit equivalent\n */\nexport const PagerNavigation: FunctionalComponent<PagerNavigationProps> = (\n  props,\n  children\n) => {\n  return (\n    <nav aria-label={props.i18n.t('pagination')}>\n      <div part=\"buttons\" role=\"toolbar\" class=\"flex flex-wrap gap-2\">\n        {...children}\n      </div>\n    </nav>\n  );\n};\n","@import '../../../global/global.pcss';\n\n[part='page-button'] {\n  @apply bg-transparent;\n}\n\n:host {\n  @apply bg-neutral-light box-content flex h-full items-center justify-center px-6 py-4;\n}\n","import {\n  buildPager as buildInsightPager,\n  buildSearchStatus as buildInsightSearchStatus,\n  Pager as InsightPager,\n  PagerState as InsightPagerState,\n  SearchStatus as InsightSearchStatus,\n  SearchStatusState as InsightSearchStatusState,\n} from '@coveo/headless/insight';\nimport {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport ArrowLeftIcon from '../../../images/arrow-left-rounded.svg';\nimport ArrowRightIcon from '../../../images/arrow-right-rounded.svg';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {randomID} from '../../../utils/utils';\nimport {\n  PagerNextButton,\n  PagerPageButton,\n  PagerPageButtons,\n  PagerPreviousButton,\n} from '../../common/pager/stencil-pager-buttons';\nimport {PagerNavigation} from '../../common/pager/stencil-pager-navigation';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-pager',\n  styleUrl: 'atomic-insight-pager.pcss',\n  shadow: true,\n})\nexport class AtomicInsightPager\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  public pager!: InsightPager;\n  public searchStatus!: InsightSearchStatus;\n\n  @BindStateToController('pager')\n  @State()\n  public pagerState!: InsightPagerState;\n  @BindStateToController('searchStatus')\n  @State()\n  public searchStatusState!: InsightSearchStatusState;\n  @State() error!: Error;\n\n  @Event({\n    eventName: 'atomic/scrollToTop',\n  })\n  private scrollToTopEvent!: EventEmitter;\n\n  /**\n   * Specifies how many page buttons to display in the pager.\n   */\n  @Prop({reflect: true}) numberOfPages = 5;\n\n  private radioGroupName = randomID('atomic-insight-pager-');\n\n  public initialize() {\n    this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\n    this.pager = buildInsightPager(this.bindings.engine, {\n      options: {numberOfPages: this.numberOfPages},\n    });\n  }\n\n  private async focusOnFirstResultAndScrollToTop() {\n    await this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch();\n    this.scrollToTopEvent.emit();\n  }\n\n  public render() {\n    return (\n      <Host>\n        <PagerNavigation i18n={this.bindings.i18n}>\n          <PagerPreviousButton\n            icon={ArrowLeftIcon}\n            disabled={!this.pagerState.hasPreviousPage}\n            i18n={this.bindings.i18n}\n            onClick={() => {\n              this.pager.previousPage();\n              this.focusOnFirstResultAndScrollToTop();\n            }}\n          />\n          <PagerPageButtons i18n={this.bindings.i18n}>\n            {this.pagerState.currentPages.map((pageNumber) => {\n              return (\n                <PagerPageButton\n                  isSelected={this.pager.isCurrentPage(pageNumber)}\n                  ariaLabel={this.bindings.i18n.t('page-number', {pageNumber})}\n                  onChecked={() => {\n                    this.pager.selectPage(pageNumber);\n                    this.focusOnFirstResultAndScrollToTop();\n                  }}\n                  page={pageNumber}\n                  groupName={this.radioGroupName}\n                  text={pageNumber.toLocaleString(this.bindings.i18n.language)}\n                />\n              );\n            })}\n          </PagerPageButtons>\n          <PagerNextButton\n            icon={ArrowRightIcon}\n            disabled={!this.pagerState.hasNextPage}\n            i18n={this.bindings.i18n}\n            onClick={() => {\n              this.pager.nextPage();\n              this.focusOnFirstResultAndScrollToTop();\n            }}\n          />\n        </PagerNavigation>\n      </Host>\n    );\n  }\n}\n"],"mappings":"ugBAqCO,MAAMA,EAERC,GAEDC,EAACC,EAAM,IACDF,EACJG,UAAWH,EAAMI,KAAKC,EAAE,YACxBC,MAAM,kBACNC,KAAK,kBACLC,MAAM,0DAENP,EAAA,eACEQ,KAAMT,EAAMS,KACZF,KAAK,uBACLC,MAAM,sBASP,MAAME,EAERV,GAEDC,EAACC,EAAM,IACDF,EACJG,UAAWH,EAAMI,KAAKC,EAAE,QACxBC,MAAM,kBACNC,KAAK,cACLC,MAAM,0DAENP,EAAA,eACEQ,KAAMT,EAAMS,KACZF,KAAK,mBACLC,MAAM,sBASP,MAAMG,EACXX,GAGEC,EAACW,EAAW,IACNZ,EACJa,kBAAmB,MACnBC,IAAKd,EAAMe,KACXT,MAAM,kBACNU,QAAShB,EAAMiB,WACfC,YAAalB,EAAMiB,WAAa,OAAS,QACzCT,MAAM,gEACND,KAAM,cAAcP,EAAMiB,WAAa,sBAAwB,OAQ9D,MAAME,EAA+D,CAC1EnB,EACAoB,IAGEnB,EAAA,OACEM,KAAK,eACLc,KAAK,aAAY,aACLrB,EAAMI,KAAKC,EAAE,cACzBG,MAAM,eAEFY,GCrGH,MAAME,EAA6D,CACxEtB,EACAoB,IAGEnB,EAAA,oBAAiBD,EAAMI,KAAKC,EAAE,eAC5BJ,EAAA,OAAKM,KAAK,UAAUc,KAAK,UAAUb,MAAM,2BACnCY,ICpBZ,MAAMG,EAAwB,0wjEAC9B,MAAAC,EAAeD,E,iXCyCFE,EAAkB,M,8EAuBNC,KAAAC,cAAgB,EAE/BD,KAAAE,eAAiBC,EAAS,yB,mGAFK,C,CAIhC,UAAAC,GACLJ,KAAKK,aAAeC,EAAyBN,KAAKO,SAASC,QAC3DR,KAAKS,MAAQC,EAAkBV,KAAKO,SAASC,OAAQ,CACnDG,QAAS,CAACV,cAAeD,KAAKC,gB,CAI1B,sCAAMW,SACNZ,KAAKO,SAASM,MAAMC,MAAMC,YAAYC,qCAC5ChB,KAAKiB,iBAAiBC,M,CAGjB,MAAAC,GACL,OACE5C,EAAC6C,EAAI,CAAAhC,IAAA,4CACHb,EAACqB,EAAe,CAAAR,IAAA,2CAACV,KAAMsB,KAAKO,SAAS7B,MACnCH,EAACF,EAAmB,CAAAe,IAAA,2CAClBL,KAAMsC,EACNC,UAAWtB,KAAKuB,WAAWC,gBAC3B9C,KAAMsB,KAAKO,SAAS7B,KACpB+C,QAAS,KACPzB,KAAKS,MAAMiB,eACX1B,KAAKY,kCAAkC,IAG3CrC,EAACkB,EAAgB,CAAAL,IAAA,2CAACV,KAAMsB,KAAKO,SAAS7B,MACnCsB,KAAKuB,WAAWI,aAAaC,KAAKC,GAE/BtD,EAACU,EAAe,CACdM,WAAYS,KAAKS,MAAMqB,cAAcD,GACrCpD,UAAWuB,KAAKO,SAAS7B,KAAKC,EAAE,cAAe,CAACkD,eAChDE,UAAW,KACT/B,KAAKS,MAAMuB,WAAWH,GACtB7B,KAAKY,kCAAkC,EAEzCvB,KAAMwC,EACNI,UAAWjC,KAAKE,eAChBgC,KAAML,EAAWM,eAAenC,KAAKO,SAAS7B,KAAK0D,eAK3D7D,EAACS,EAAe,CAAAI,IAAA,2CACdL,KAAMsD,EACNf,UAAWtB,KAAKuB,WAAWe,YAC3B5D,KAAMsB,KAAKO,SAAS7B,KACpB+C,QAAS,KACPzB,KAAKS,MAAM8B,WACXvC,KAAKY,kCAAkC,K,GAxEtB4B,EAAA,CAA5BC,K,+BAMMD,EAAA,CAFNE,EAAsB,U,iCAKhBF,EAAA,CAFNE,EAAsB,iB","ignoreList":[]}

package/dist/atomic/p-852cc16d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicResultRatingCss","AtomicResultRatingStyle0","AtomicResultRating","this","maxValueInIndex","icon","Star","numberOfStars","updateNumberOfStars","value","ResultTemplatesHelpers","getResultProperty","result","field","computeNumberOfStars","error","Error","componentWillRender","render","host","remove","h","Rating","i18n","bindings","numberOfTotalIcons","numberOfActiveIcons","iconSize","__decorate","InitializeBindings","ResultContext"],"sources":["src/components/search/result-template-components/atomic-result-rating/atomic-result-rating.pcss?tag=atomic-result-rating&encapsulation=shadow","src/components/search/result-template-components/atomic-result-rating/atomic-result-rating.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@import '../../../common/atomic-rating/atomic-rating.pcss';\n","import {Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Element, Prop, h, State} from '@stencil/core';\nimport Star from '../../../../images/star.svg';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {\n  Rating,\n  computeNumberOfStars,\n} from '../../../common/atomic-rating/stencil-rating';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-rating` element renders a star rating.\n *\n *  @part value-rating - The wrapper that contains the row of inactive stars and the row of active stars.\n *  @part value-rating-icon - The individual star icons used in the rating display.\n */\n@Component({\n  tag: 'atomic-result-rating',\n  styleUrl: 'atomic-result-rating.pcss',\n  shadow: true,\n})\nexport class AtomicResultRating implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n  @Element() host!: HTMLElement;\n\n  /**\n   * The field whose values you want to display as a rating.\n   */\n  @Prop({reflect: true}) public field!: string;\n\n  /**\n   * The maximum value of the field. This value is also used as the number of icons to be displayed.\n   */\n  @Prop({reflect: true}) public maxValueInIndex = 5;\n\n  /**\n   * The SVG icon to use to display the rating.\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   * When using a custom icon, at least part of your icon should have the color set to `fill=\"currentColor\"`.\n   * This part of the SVG will take on the colors set in the following [variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties):\n   *\n   * - `--atomic-rating-icon-active-color`\n   * - `--atomic-rating-icon-inactive-color`\n   */\n  @Prop({reflect: true}) public icon = Star;\n\n  @State() public error!: Error;\n\n  @State() numberOfStars: number | null = null;\n\n  private updateNumberOfStars() {\n    const value = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      this.field\n    );\n    try {\n      this.numberOfStars = computeNumberOfStars(value, this.field);\n    } catch (error) {\n      this.error = error instanceof Error ? error : new Error(`${error}`);\n      this.numberOfStars = null;\n    }\n  }\n\n  componentWillRender() {\n    this.updateNumberOfStars();\n  }\n\n  render() {\n    if (this.numberOfStars === null) {\n      this.host.remove();\n      return;\n    }\n    return (\n      <Rating\n        i18n={this.bindings.i18n}\n        icon={this.icon}\n        numberOfTotalIcons={this.maxValueInIndex}\n        numberOfActiveIcons={this.numberOfStars}\n        iconSize={0.875}\n      ></Rating>\n    );\n  }\n}\n"],"mappings":"6VAAA,MAAMA,EAAwB,+ujEAC9B,MAAAC,EAAeD,E,iXCwBFE,EAAkB,M,yBAaCC,KAAAC,gBAAkB,EAelBD,KAAAE,KAAOC,EAI5BH,KAAAI,cAA+B,K,0CAnBQ,E,UAeXD,E,wCAIG,I,CAEhC,mBAAAE,GACN,MAAMC,EAAQC,EAAuBC,kBACnCR,KAAKS,OACLT,KAAKU,OAEP,IACEV,KAAKI,cAAgBO,EAAqBL,EAAON,KAAKU,M,CACtD,MAAOE,GACPZ,KAAKY,MAAQA,aAAiBC,MAAQD,EAAQ,IAAIC,MAAM,GAAGD,KAC3DZ,KAAKI,cAAgB,I,EAIzB,mBAAAU,GACEd,KAAKK,qB,CAGP,MAAAU,GACE,GAAIf,KAAKI,gBAAkB,KAAM,CAC/BJ,KAAKgB,KAAKC,SACV,M,CAEF,OACEC,EAACC,EAAM,CACLC,KAAMpB,KAAKqB,SAASD,KACpBlB,KAAMF,KAAKE,KACXoB,mBAAoBtB,KAAKC,gBACzBsB,oBAAqBvB,KAAKI,cAC1BoB,SAAU,M,6BA7DaC,EAAA,CAA5BC,K,+BACwBD,EAAA,CAAxBE,K","ignoreList":[]}

package/dist/atomic/p-8a488991.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["IconButton","props","h","class","part","partPrefix","Button","ref","buttonRef","icon","badge"],"sources":["src/components/common/stencil-iconButton.tsx"],"sourcesContent":["import {FunctionalComponent, h, VNode} from '@stencil/core';\nimport {Button, StencilButtonProps} from './stencil-button';\n\nexport interface IconButtonProps extends StencilButtonProps {\n  badge?: VNode;\n  buttonRef?: (el?: HTMLButtonElement) => void;\n  icon: string;\n  partPrefix: string;\n}\n\nexport const IconButton: FunctionalComponent<IconButtonProps> = (props) => {\n  return (\n    <div class=\"relative\" part={`${props.partPrefix}-container`}>\n      <Button\n        {...props}\n        class=\"relative h-[2.6rem] w-[2.6rem] p-3\"\n        part={`${props.partPrefix}-button`}\n        ref={props.buttonRef}\n      >\n        <atomic-icon\n          icon={props.icon}\n          class=\"h-4 w-4 shrink-0\"\n          part={`${props.partPrefix}-icon`}\n        ></atomic-icon>\n      </Button>\n      {props.badge && (\n        <span\n          part={`${props.partPrefix}-badge`}\n          class=\"bg-primary text-on-primary absolute -top-2 -right-2 block h-4 w-4 rounded-full text-center text-xs leading-4\"\n        >\n          {props.badge}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"mappings":"8EAUaA,EAAoDC,GAE7DC,EAAA,OAAKC,MAAM,WAAWC,KAAM,GAAGH,EAAMI,wBACnCH,EAACI,EAAM,IACDL,EACJE,MAAM,qCACNC,KAAM,GAAGH,EAAMI,oBACfE,IAAKN,EAAMO,WAEXN,EAAA,eACEO,KAAMR,EAAMQ,KACZN,MAAM,mBACNC,KAAM,GAAGH,EAAMI,qBAGlBJ,EAAMS,OACLR,EAAA,QACEE,KAAM,GAAGH,EAAMI,mBACfF,MAAM,gHAELF,EAAMS,e","ignoreList":[]}

package/dist/atomic/p-8b0d881e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RefineModalBody","_","children","h","part","slot","class","RefineModalFiltersSection","i18n","withAutomaticFacets","withFacets","Fragment","t","name","RefineModalFiltersClearButton","onClick","Button","style","text","RefineModalSortSection","onSelect","onChange","icon","SortIcon","atomicRefineModalCss","AtomicRefineModalStyle0","AtomicRefineModal","this","isOpen","collapseFacetsAfter","watchEnabled","host","querySelector","append","createFacetSlot","initialize","breadcrumbManager","buildBreadcrumbManager","bindings","engine","sort","buildSort","querySummary","buildQuerySummary","searchStatus","buildSearchStatus","facetManager","buildFacetManager","tabManager","buildTabManager","divSlot","document","createElement","setAttribute","addFacetColumnStyling","facets","store","getFacetElements","boundInterfaces","getBoundInterfaces","sortByDocumentPosition","facetsSection","horizontalFacetsSection","boundInterface","facetSection","findSection","push","horizontalFacetSection","triagedFacets","triageFacetsByParents","triagedFacet","values","sortedFacets","i","length","get","visibleFacets","invisibleFacets","sortFacetVisibility","getAllFacets","visibleFacetsClone","cloneFacets","invisibleFacetsClone","generator","makeAutomaticFacetGenerator","updateCollapseFacetsDependingOnFacetsVisibility","mainInterface","closest","Error","boundExternalInterfaces","Array","from","querySelectorAll","filter","atomicExternal","map","facet","classList","remove","popoverClass","isRefineModalFacet","clone","cloneNode","isCollapsed","state","automaticFacetSet","desiredCount","el","display","flexDirection","gap","options","sortOptions","select","e","composedPath","option","find","expression","value","sortBy","criteria","buildOption","label","tabs","shouldDisplayOnCurrentTab","included","excluded","tabManagerState","activeTab","selected","isSortedBy","renderSort","renderFilters","hasFacetElements","hasAutomaticFacets","set","undefined","breadcrumbManagerState","hasBreadcrumbs","deselectAll","render","RefineModal","key","onClose","title","numberOfItems","querySummaryState","total","openButton","componentDidLoad","__decorate","InitializeBindings","BindStateToController"],"sources":["src/components/common/refine-modal/stencil-body.tsx","src/components/common/refine-modal/stencil-filters.tsx","src/components/common/refine-modal/stencil-sort.tsx","src/components/search/atomic-refine-modal/atomic-refine-modal.pcss?tag=atomic-refine-modal&encapsulation=shadow","src/components/search/atomic-refine-modal/atomic-refine-modal.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\nexport const RefineModalBody: FunctionalComponent = (_, children) => {\n  return (\n    <aside\n      part=\"content\"\n      slot=\"body\"\n      class=\"flex flex-col w-full\"\n    >\n      {children}\n    </aside>\n  );\n};\n","import {FunctionalComponent, Fragment, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\ninterface RefineModalFiltersSectionProps {\n  i18n: i18n;\n  withFacets: boolean;\n  withAutomaticFacets: boolean;\n}\nexport const RefineModalFiltersSection: FunctionalComponent<\n  RefineModalFiltersSectionProps\n> = ({i18n, withAutomaticFacets, withFacets}, children) => {\n  return (\n    <Fragment>\n      <div part=\"filter-section\" class=\"mt-8 mb-3 flex w-full justify-between\">\n        <h1\n          part=\"section-title section-filters-title\"\n          class=\"truncate text-2xl font-bold\"\n        >\n          {i18n.t('filters')}\n        </h1>\n        {children}\n      </div>\n      {withFacets && <slot name=\"facets\"></slot>}\n      {withAutomaticFacets && <slot name=\"automatic-facets\"></slot>}\n    </Fragment>\n  );\n};\n\ninterface RefineModalFiltersClearButtonProps {\n  i18n: i18n;\n  onClick: () => void;\n}\nexport const RefineModalFiltersClearButton: FunctionalComponent<\n  RefineModalFiltersClearButtonProps\n> = ({i18n, onClick}) => {\n  return (\n    <Button\n      onClick={onClick}\n      style=\"text-primary\"\n      text={i18n.t('clear')}\n      class=\"px-2 py-1\"\n      part=\"filter-clear-all\"\n    ></Button>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport SortIcon from '../../../images/sort.svg';\n\ninterface RefineModalSortSectionProps {\n  i18n: i18n;\n  onSelect: (e: Event) => void;\n}\nexport const RefineModalSortSection: FunctionalComponent<\n  RefineModalSortSectionProps\n> = ({i18n, onSelect}, children) => {\n  return (\n    <Fragment>\n      <h1\n        part=\"section-title section-sort-title\"\n        class=\"mb-3 truncate text-2xl font-bold\"\n      >\n        {i18n.t('sort')}\n      </h1>\n      <div part=\"select-wrapper\" class=\"relative\">\n        <select\n          class=\"btn-outline-neutral w-full grow cursor-pointer appearance-none rounded-lg px-6 py-5 text-lg font-bold\"\n          part=\"select\"\n          aria-label={i18n.t('sort-by')}\n          onChange={onSelect}\n        >\n          {children}\n        </select>\n        <div\n          part=\"select-icon-wrapper\"\n          class=\"pointer-events-none absolute top-0 right-0 bottom-0 flex items-center justify-center pr-6\"\n        >\n          <atomic-icon\n            part=\"select-icon\"\n            icon={SortIcon}\n            class=\"h-6 w-6\"\n          ></atomic-icon>\n        </div>\n      </div>\n    </Fragment>\n  );\n};\n","@import '../../../global/global.pcss';\n\n/* This stylesheet can be removed once atomic-refine-modal is migrated to lit.\n\nThe remaining styles can also be removed as they have been moved to the refine-modal/sort.ts functional component*/\n\n/**\n * @prop --atomic-refine-modal-facet-margin: The spacing between the modal's facets.\n */\nselect:hover + div,\nselect:focus-visible + div {\n  @apply text-primary-light;\n}\n","import {\n  BreadcrumbManager,\n  buildBreadcrumbManager,\n  BreadcrumbManagerState,\n  QuerySummary,\n  QuerySummaryState,\n  FacetManagerState,\n  Sort,\n  buildSort,\n  SortState,\n  buildQuerySummary,\n  buildSearchStatus,\n  SearchStatus,\n  FacetManager,\n  buildFacetManager,\n  TabManager,\n  TabManagerState,\n  buildTabManager,\n} from '@coveo/headless';\nimport {Component, h, State, Prop, Element, Watch} from '@stencil/core';\nimport {\n  AtomicInterface,\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {shouldDisplayOnCurrentTab} from '../../../utils/tab-utils';\nimport {sortByDocumentPosition} from '../../../utils/utils';\nimport {findSection} from '../../common/atomic-layout-section/atomic-layout-section-utils';\nimport {popoverClass} from '../../common/facets/popover/popover-type';\nimport {\n  BaseFacetElement,\n  sortFacetVisibility,\n  triageFacetsByParents,\n  collapseFacetsAfter,\n} from '../../common/facets/stencil-facet-common';\nimport {isRefineModalFacet} from '../../common/interface/store';\nimport {RefineModalBody} from '../../common/refine-modal/stencil-body';\nimport {\n  RefineModalFiltersClearButton,\n  RefineModalFiltersSection,\n} from '../../common/refine-modal/stencil-filters';\nimport {RefineModal} from '../../common/refine-modal/stencil-modal';\nimport {RefineModalSortSection} from '../../common/refine-modal/stencil-sort';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\nimport {SortDropdownOption} from '../atomic-search-interface/store';\n\n/**\n * The `atomic-refine-modal` is automatically created as a child of the `atomic-search-interface` when the `atomic-refine-toggle` is initialized.\n *\n * When the modal is opened, the class `atomic-modal-opened` is added to the interface element and the body, allowing further customization.\n *\n * @part container - The modal's outermost container.\n * @part header-wrapper - The wrapper around the header.\n * @part header - The header of the modal, containing the title.\n * @part title - The title of the modal.\n * @part close-button - The button in the header that closes the modal.\n * @part close-icon - The icon of the close button.\n * @part header-ruler - The horizontal ruler underneath the header.\n * @part body-wrapper - The wrapper around the body.\n * @part body - The body of the modal, between the header and the footer.\n * @part content - The wrapper around the content inside the body of the modal.\n * @part section-title - The title for each section.\n * @part section-sort-title - The title for the sort section.\n * @part section-filters-title - The title for the filters section.\n * @part select-wrapper - The wrapper around the select element, used to position the icon.\n * @part select - The `<select>` element of the dropdown list.\n * @part select-icon-wrapper - The wrapper around the sort icon that's used to align it.\n * @part select-icon - The select dropdown's sort icon.\n * @part filter-section - The section containing facets and the \"filters\" title.\n * @part filter-clear-all - The button that resets all actively selected facet values.\n * @part footer-wrapper - The wrapper with a shadow or background color around the footer.\n * @part footer - The footer of the modal.\n * @part footer-content - The wrapper around the content inside the footer of the modal, containing the button to view results.\n * @part footer-button - The button in the footer that closes the modal.\n * @part footer-button-text - The text inside the button in the footer that closes the modal.\n * @part footer-button-count - The count inside the button in the footer that closes the modal.\n */\n@Component({\n  tag: 'atomic-refine-modal',\n  styleUrl: 'atomic-refine-modal.pcss',\n  shadow: true,\n})\nexport class AtomicRefineModal implements InitializableComponent {\n  private sort!: Sort;\n  private breadcrumbManager!: BreadcrumbManager;\n  public querySummary!: QuerySummary;\n  public searchStatus!: SearchStatus;\n  public facetManager!: FacetManager;\n  @InitializeBindings() public bindings!: Bindings;\n  @Element() public host!: HTMLElement;\n\n  @BindStateToController('querySummary')\n  @State()\n  public querySummaryState!: QuerySummaryState;\n  @BindStateToController('breadcrumbManager')\n  @State()\n  private breadcrumbManagerState!: BreadcrumbManagerState;\n  @BindStateToController('facetManager')\n  @State()\n  public facetManagerState!: FacetManagerState;\n  @State() @BindStateToController('sort') public sortState!: SortState;\n  public tabManager!: TabManager;\n  @BindStateToController('tabManager')\n  @State()\n  public tabManagerState!: TabManagerState;\n  @State() public error!: Error;\n\n  @Prop({mutable: true}) openButton?: HTMLElement;\n\n  @Prop({reflect: true, mutable: true}) isOpen = false;\n\n  /**\n   * The number of expanded facets inside the refine modal.\n   * Remaining facets are automatically collapsed.\n   *\n   * Using the value `0` collapses all facets.\n   */\n  @Prop({reflect: true}) public collapseFacetsAfter = 0;\n\n  @Watch('isOpen')\n  watchEnabled(isOpen: boolean) {\n    if (isOpen) {\n      if (this.host.querySelector('div[slot=\"facets\"]')) {\n        return;\n      }\n\n      this.host.append(this.createFacetSlot());\n    }\n  }\n\n  public initialize() {\n    this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n    this.sort = buildSort(this.bindings.engine);\n    this.querySummary = buildQuerySummary(this.bindings.engine);\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n    this.facetManager = buildFacetManager(this.bindings.engine);\n    this.tabManager = buildTabManager(this.bindings.engine);\n    this.watchEnabled(this.isOpen);\n  }\n\n  private createFacetSlot(): HTMLDivElement {\n    const divSlot = document.createElement('div');\n    divSlot.setAttribute('slot', 'facets');\n    this.addFacetColumnStyling(divSlot);\n\n    const facets = this.bindings.store.getFacetElements() as BaseFacetElement[];\n    const boundInterfaces = this.getBoundInterfaces().sort(\n      sortByDocumentPosition\n    );\n    const facetsSection = [];\n    const horizontalFacetsSection = [];\n    for (const boundInterface of boundInterfaces) {\n      const facetSection = findSection(boundInterface, 'facets');\n      if (facetSection) {\n        facetsSection.push(facetSection);\n      }\n      const horizontalFacetSection = findSection(\n        boundInterface,\n        'horizontal-facets'\n      );\n      if (horizontalFacetSection) {\n        horizontalFacetsSection.push(horizontalFacetSection);\n      }\n    }\n    const triagedFacets = triageFacetsByParents(\n      facets,\n      ...horizontalFacetsSection,\n      ...facetsSection\n    );\n    for (const triagedFacet of triagedFacets.values()) {\n      triagedFacet.sort(sortByDocumentPosition);\n    }\n\n    const sortedFacets = [];\n    for (let i = 0; i < boundInterfaces.length; i++) {\n      sortedFacets.push(...(triagedFacets.get(facetsSection[i]) || []));\n      sortedFacets.push(\n        ...(triagedFacets.get(horizontalFacetsSection[i]) || [])\n      );\n    }\n    sortedFacets.push(...(triagedFacets.get(null) || []));\n\n    const {visibleFacets, invisibleFacets} = sortFacetVisibility(\n      sortedFacets,\n      this.bindings.store.getAllFacets()\n    );\n\n    const visibleFacetsClone = this.cloneFacets(visibleFacets);\n    const invisibleFacetsClone = this.cloneFacets(invisibleFacets);\n\n    collapseFacetsAfter(visibleFacetsClone, this.collapseFacetsAfter);\n\n    divSlot.append(...visibleFacetsClone);\n    divSlot.append(...invisibleFacetsClone);\n\n    const generator = this.makeAutomaticFacetGenerator();\n    if (generator) {\n      generator.updateCollapseFacetsDependingOnFacetsVisibility(\n        this.collapseFacetsAfter,\n        visibleFacets.length\n      );\n      divSlot.append(generator);\n    }\n\n    return divSlot;\n  }\n\n  private getBoundInterfaces(): AtomicInterface[] {\n    const mainInterface: AtomicInterface | null =\n      this.host.closest('atomic-search-interface') ??\n      this.host.closest('atomic-external')?.boundInterface ??\n      null;\n    if (!mainInterface) {\n      throw new Error('Cannot find bound interface');\n    }\n    const boundExternalInterfaces = Array.from(\n      document.querySelectorAll('atomic-external')\n    ).filter(\n      (atomicExternal) => atomicExternal.boundInterface === mainInterface\n    );\n    return [...boundExternalInterfaces, mainInterface];\n  }\n\n  private cloneFacets(facets: BaseFacetElement[]): BaseFacetElement[] {\n    return facets.map((facet, i) => {\n      facet.classList.remove(popoverClass);\n      facet.setAttribute(isRefineModalFacet, '');\n      const clone = facet.cloneNode(true) as BaseFacetElement;\n      clone.isCollapsed =\n        this.collapseFacetsAfter === -1\n          ? false\n          : i + 1 > this.collapseFacetsAfter;\n      return clone;\n    });\n  }\n\n  private makeAutomaticFacetGenerator() {\n    if (!this.bindings.engine.state.automaticFacetSet?.desiredCount) {\n      return;\n    }\n    const generator = document.createElement(\n      'atomic-automatic-facet-generator'\n    );\n\n    generator.setAttribute(\n      'desired-count',\n      `${this.bindings.engine.state.automaticFacetSet?.desiredCount}`\n    );\n    this.addFacetColumnStyling(generator);\n\n    return generator;\n  }\n\n  private addFacetColumnStyling(el: HTMLElement) {\n    el.style.display = 'flex';\n    el.style.flexDirection = 'column';\n    el.style.gap = 'var(--atomic-refine-modal-facet-margin, 20px)';\n  }\n\n  private get options() {\n    return this.bindings.store.state.sortOptions;\n  }\n\n  private select(e: Event) {\n    const select = e.composedPath()[0] as HTMLSelectElement;\n    const option = this.options.find(\n      (option) => option.expression === select.value\n    );\n    option && this.sort.sortBy(option.criteria);\n  }\n\n  private buildOption({expression, criteria, label, tabs}: SortDropdownOption) {\n    if (\n      !shouldDisplayOnCurrentTab(\n        [...tabs.included],\n        [...tabs.excluded],\n        this.tabManagerState?.activeTab\n      )\n    ) {\n      return;\n    }\n    return (\n      <option value={expression} selected={this.sort.isSortedBy(criteria)}>\n        {this.bindings.i18n.t(label)}\n      </option>\n    );\n  }\n\n  private renderSort() {\n    if (!this.options.length) {\n      return;\n    }\n\n    return (\n      <RefineModalSortSection\n        i18n={this.bindings.i18n}\n        onSelect={(option) => this.select(option)}\n      >\n        {this.options.map((option) => this.buildOption(option))}\n      </RefineModalSortSection>\n    );\n  }\n\n  private renderFilters() {\n    const hasFacetElements = this.bindings.store.getFacetElements().length > 0;\n    const hasAutomaticFacets =\n      this.bindings.engine.state.automaticFacetSet?.set !== undefined;\n\n    if (!hasFacetElements && !hasAutomaticFacets) {\n      return;\n    }\n\n    const {i18n} = this.bindings;\n\n    return (\n      <RefineModalFiltersSection\n        i18n={i18n}\n        withFacets={hasFacetElements}\n        withAutomaticFacets={hasAutomaticFacets}\n      >\n        {this.breadcrumbManagerState.hasBreadcrumbs && (\n          <RefineModalFiltersClearButton\n            i18n={i18n}\n            onClick={() => this.breadcrumbManager.deselectAll()}\n          />\n        )}\n      </RefineModalFiltersSection>\n    );\n  }\n\n  public render() {\n    return (\n      <RefineModal\n        i18n={this.bindings.i18n}\n        host={this.host}\n        isOpen={this.isOpen}\n        onClose={() => (this.isOpen = false)}\n        title={this.bindings.i18n.t('sort-and-filter')}\n        numberOfItems={this.querySummaryState.total}\n        openButton={this.openButton}\n      >\n        <RefineModalBody>\n          {this.renderSort()}\n          {this.renderFilters()}\n        </RefineModalBody>\n      </RefineModal>\n    );\n  }\n\n  public componentDidLoad() {\n    this.host.style.display = '';\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/p-8d5228da.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicInsightResultQuickviewActionCss","AtomicInsightResultQuickviewActionStyle0","AtomicInsightResultQuickviewAction","this","sandbox","onNextQuickview","evt","stopImmediatePropagation","quickview","next","onPreviousQuickview","previous","focusTarget","buttonFocusTarget","FocusTargetController","initialize","buildQuickview","bindings","engine","options","result","Schema","StringValue","required","regex","validate","addQuickviewModalIfNeeded","quickviewModalRef","quickviewModal","interfaceElement","querySelector","document","createElement","setAttribute","appendChild","updateModalContent","state","content","total","quickviewState","totalResults","current","currentResult","modalCloseCallback","focus","quickviewAriaMessage","isLoading","i18n","t","first","last","title","onClick","event","stopPropagation","fetchResultContent","shouldRenderQuickview","resultHasPreview","render","h","IconButton","key","partPrefix","style","ref","setTarget","icon","QuickviewIcon","__decorate","InitializeBindings","ResultContext","BindStateToController","AriaLiveRegion"],"sources":["src/components/insight/atomic-insight-result-quickview-action/atomic-insight-result-quickview-action.pcss?tag=atomic-insight-result-quickview-action","src/components/insight/atomic-insight-result-quickview-action/atomic-insight-result-quickview-action.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n","import {Schema, StringValue} from '@coveo/bueno';\nimport {\n  buildQuickview,\n  QuickviewState,\n  Quickview,\n  Result,\n} from '@coveo/headless';\nimport {Component, Listen, Prop, State, h, Element} from '@stencil/core';\nimport QuickviewIcon from '../../../images/preview.svg';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {\n  AriaLiveRegion,\n  FocusTargetController,\n} from '../../../utils/stencil-accessibility-utils';\nimport {IconButton} from '../../common/stencil-iconButton';\nimport {Bindings} from '../../search/atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../../search/result-template-components/result-template-decorators';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-result-quickview-action',\n  styleUrl: 'atomic-insight-result-quickview-action.pcss',\n})\nexport class AtomicInsightResultQuickviewAction\n  implements InitializableComponent\n{\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  private buttonFocusTarget?: FocusTargetController;\n\n  @Element() host!: HTMLElement;\n  @State() public error!: Error;\n\n  public quickview!: Quickview;\n\n  @BindStateToController('quickview')\n  @State()\n  public quickviewState!: QuickviewState;\n\n  /**\n   * The `sandbox` attribute to apply to the quickview iframe.\n   *\n   * The quickview is loaded inside an iframe with a [`sandbox`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-sandbox) attribute for security reasons.\n   *\n   * This attribute exists primarily to protect against potential XSS attacks that could originate from the document being displayed.\n   *\n   * By default, the sandbox attributes are: `allow-popups allow-top-navigation allow-same-origin`.\n   *\n   * `allow-same-origin` is not optional, and must always be included in the list of allowed capabilities for the component to function properly.\n   */\n  @Prop()\n  public sandbox = 'allow-popups allow-top-navigation allow-same-origin';\n\n  @AriaLiveRegion('quickview')\n  protected quickviewAriaMessage!: string;\n\n  @Listen('atomic/quickview/next', {target: 'body'})\n  public onNextQuickview(evt: Event) {\n    evt.stopImmediatePropagation();\n    this.quickview.next();\n  }\n\n  @Listen('atomic/quickview/previous', {target: 'body'})\n  public onPreviousQuickview(evt: Event) {\n    evt.stopImmediatePropagation();\n    this.quickview.previous();\n  }\n\n  private quickviewModalRef?: HTMLAtomicQuickviewModalElement;\n\n  public get focusTarget() {\n    if (!this.buttonFocusTarget) {\n      this.buttonFocusTarget = new FocusTargetController(this);\n    }\n    return this.buttonFocusTarget;\n  }\n\n  public initialize() {\n    this.quickview = buildQuickview(this.bindings.engine, {\n      options: {result: this.result},\n    });\n    new Schema({\n      sandbox: new StringValue({\n        required: true,\n        regex: /allow-same-origin/,\n      }),\n    }).validate({sandbox: this.sandbox});\n  }\n\n  private addQuickviewModalIfNeeded() {\n    if (this.quickviewModalRef) {\n      return;\n    }\n\n    const quickviewModal = this.bindings.interfaceElement.querySelector(\n      'atomic-quickview-modal'\n    );\n    if (quickviewModal) {\n      this.quickviewModalRef = quickviewModal;\n      return;\n    }\n    this.quickviewModalRef = document.createElement('atomic-quickview-modal');\n    this.quickviewModalRef.setAttribute('sandbox', this.sandbox);\n    this.bindings.interfaceElement.appendChild(this.quickviewModalRef);\n  }\n\n  private updateModalContent() {\n    if (this.quickviewModalRef && this.quickview.state.content) {\n      this.quickviewModalRef.content = this.quickview.state.content;\n      this.quickviewModalRef.result = this.result;\n      this.quickviewModalRef.total = this.quickviewState.totalResults;\n      this.quickviewModalRef.current = this.quickviewState.currentResult;\n      this.quickviewModalRef.modalCloseCallback = () =>\n        this.focusTarget.focus();\n\n      this.quickviewAriaMessage = this.quickviewState.isLoading\n        ? this.bindings.i18n.t('quickview-loading')\n        : this.bindings.i18n.t('quickview-loaded', {\n            first: this.quickviewState.currentResult,\n            last: this.quickviewState.totalResults,\n            title: this.result.title,\n          });\n    }\n  }\n\n  private onClick(event?: MouseEvent) {\n    event?.stopPropagation();\n    this.quickview.fetchResultContent();\n  }\n\n  private get shouldRenderQuickview() {\n    return this.quickviewState.resultHasPreview;\n  }\n\n  public render() {\n    this.addQuickviewModalIfNeeded();\n    this.updateModalContent();\n    if (this.shouldRenderQuickview) {\n      return (\n        <IconButton\n          partPrefix=\"result-action\"\n          style=\"outline-neutral\"\n          ref={this.focusTarget.setTarget}\n          icon={QuickviewIcon}\n          title={this.bindings.i18n.t('quickview')}\n          onClick={() => this.onClick()}\n        />\n      );\n    }\n  }\n}\n"],"mappings":"4kBAAA,MAAMA,EAAwC,+8iEAC9C,MAAAC,EAAeD,E,iXC4BFE,EAAkC,M,yBA6BtCC,KAAAC,QAAU,sD,gEAAA,qD,CAMV,eAAAC,CAAgBC,GACrBA,EAAIC,2BACJJ,KAAKK,UAAUC,M,CAIV,mBAAAC,CAAoBJ,GACzBA,EAAIC,2BACJJ,KAAKK,UAAUG,U,CAKjB,eAAWC,GACT,IAAKT,KAAKU,kBAAmB,CAC3BV,KAAKU,kBAAoB,IAAIC,EAAsBX,K,CAErD,OAAOA,KAAKU,iB,CAGP,UAAAE,GACLZ,KAAKK,UAAYQ,EAAeb,KAAKc,SAASC,OAAQ,CACpDC,QAAS,CAACC,OAAQjB,KAAKiB,UAEzB,IAAIC,EAAO,CACTjB,QAAS,IAAIkB,EAAY,CACvBC,SAAU,KACVC,MAAO,wBAERC,SAAS,CAACrB,QAASD,KAAKC,S,CAGrB,yBAAAsB,GACN,GAAIvB,KAAKwB,kBAAmB,CAC1B,M,CAGF,MAAMC,EAAiBzB,KAAKc,SAASY,iBAAiBC,cACpD,0BAEF,GAAIF,EAAgB,CAClBzB,KAAKwB,kBAAoBC,EACzB,M,CAEFzB,KAAKwB,kBAAoBI,SAASC,cAAc,0BAChD7B,KAAKwB,kBAAkBM,aAAa,UAAW9B,KAAKC,SACpDD,KAAKc,SAASY,iBAAiBK,YAAY/B,KAAKwB,kB,CAG1C,kBAAAQ,GACN,GAAIhC,KAAKwB,mBAAqBxB,KAAKK,UAAU4B,MAAMC,QAAS,CAC1DlC,KAAKwB,kBAAkBU,QAAUlC,KAAKK,UAAU4B,MAAMC,QACtDlC,KAAKwB,kBAAkBP,OAASjB,KAAKiB,OACrCjB,KAAKwB,kBAAkBW,MAAQnC,KAAKoC,eAAeC,aACnDrC,KAAKwB,kBAAkBc,QAAUtC,KAAKoC,eAAeG,cACrDvC,KAAKwB,kBAAkBgB,mBAAqB,IAC1CxC,KAAKS,YAAYgC,QAEnBzC,KAAK0C,qBAAuB1C,KAAKoC,eAAeO,UAC5C3C,KAAKc,SAAS8B,KAAKC,EAAE,qBACrB7C,KAAKc,SAAS8B,KAAKC,EAAE,mBAAoB,CACvCC,MAAO9C,KAAKoC,eAAeG,cAC3BQ,KAAM/C,KAAKoC,eAAeC,aAC1BW,MAAOhD,KAAKiB,OAAO+B,O,EAKrB,OAAAC,CAAQC,GACdA,GAAOC,kBACPnD,KAAKK,UAAU+C,oB,CAGjB,yBAAYC,GACV,OAAOrD,KAAKoC,eAAekB,gB,CAGtB,MAAAC,GACLvD,KAAKuB,4BACLvB,KAAKgC,qBACL,GAAIhC,KAAKqD,sBAAuB,CAC9B,OACEG,EAACC,EAAU,CAAAC,IAAA,2CACTC,WAAW,gBACXC,MAAM,kBACNC,IAAK7D,KAAKS,YAAYqD,UACtBC,KAAMC,EACNhB,MAAOhD,KAAKc,SAAS8B,KAAKC,EAAE,aAC5BI,QAAS,IAAMjD,KAAKiD,W,8BAxHCgB,EAAA,CAA5BC,K,+BACwBD,EAAA,CAAxBE,K,6BAWMF,EAAA,CAFNG,EAAsB,c,qCAmBbH,EAAA,CADTI,EAAe,c","ignoreList":[]}

package/dist/atomic/p-8e5e00b4.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ResultsPlaceholdersGuard","props","displayPlaceholders","display","h","TableDisplayResultsPlaceholder","ResultsPlaceholder","Array","from","length","numberOfPlaceholders","_","i","key","density","imageSize","rows"],"sources":["src/components/common/atomic-result-placeholder/stencil-placeholders.tsx"],"sourcesContent":["// The Lit equivalent of this file is item-placeholders.ts. The Lit version doesn't include the placeholder guard.\nimport {FunctionalComponent, h} from '@stencil/core';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  ItemDisplayLayout,\n} from '../layout/display-options.js';\n\ninterface ResultPlaceholderProps {\n  density: ItemDisplayDensity;\n  imageSize: ItemDisplayImageSize;\n  display: ItemDisplayLayout;\n  numberOfPlaceholders: number;\n}\n\ninterface ResultPlaceholderGuardProps extends ResultPlaceholderProps {\n  displayPlaceholders: boolean;\n}\n\nexport const ResultsPlaceholdersGuard: FunctionalComponent<\n  ResultPlaceholderGuardProps\n> = (props) => {\n  if (!props.displayPlaceholders) {\n    return;\n  }\n  switch (props.display) {\n    case 'table':\n      return <TableDisplayResultsPlaceholder {...props} />;\n    default:\n      return <ResultsPlaceholder {...props} />;\n  }\n};\n\nexport const ResultsPlaceholder: FunctionalComponent<ResultPlaceholderProps> = (\n  props\n) => {\n  return Array.from({length: props.numberOfPlaceholders}, (_, i) => (\n    <atomic-result-placeholder\n      key={`placeholder-${i}`}\n      density={props.density}\n      display={props.display || 'list'}\n      imageSize={props.imageSize}\n    ></atomic-result-placeholder>\n  ));\n};\n\nconst TableDisplayResultsPlaceholder: FunctionalComponent<\n  ResultPlaceholderProps\n> = (props) => {\n  return (\n    <atomic-result-table-placeholder\n      density={props.density}\n      imageSize={props.imageSize}\n      rows={props.numberOfPlaceholders}\n    ></atomic-result-table-placeholder>\n  );\n};\n"],"mappings":"0CAmBaA,EAERC,IACH,IAAKA,EAAMC,oBAAqB,CAC9B,M,CAEF,OAAQD,EAAME,SACZ,IAAK,QACH,OAAOC,EAACC,EAA8B,IAAKJ,IAC7C,QACE,OAAOG,EAACE,EAAkB,IAAKL,I,QAIxBK,EACXL,GAEOM,MAAMC,KAAK,CAACC,OAAQR,EAAMS,uBAAuB,CAACC,EAAGC,IAC1DR,EAAA,6BACES,IAAK,eAAeD,IACpBE,QAASb,EAAMa,QACfX,QAASF,EAAME,SAAW,OAC1BY,UAAWd,EAAMc,cAKvB,MAAMV,EAEDJ,GAEDG,EAAA,mCACEU,QAASb,EAAMa,QACfC,UAAWd,EAAMc,UACjBC,KAAMf,EAAMS,8B","ignoreList":[]}

package/dist/atomic/p-945ddd53.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["t","s","module","exports","this","n","i","e","r","o","u","d","a","h","years","months","days","hours","minutes","seconds","milliseconds","weeks","c","g","f","$l","m","p","l","$","Math","ceil","floor","y","abs","v","negative","format","$d","$ms","parseFromMilliseconds","Object","keys","forEach","calMilliseconds","match","slice","map","Number","prototype","reduce","toISOString","round","toJSON","Y","YY","YYYY","M","MM","D","DD","H","HH","mm","ss","SSS","replace","String","as","get","add","subtract","locale","clone","humanize","fromNow","valueOf","asMilliseconds","asSeconds","asMinutes","asHours","asDays","asWeeks","asMonths","asYears","$utils","duration","isDuration","bind","dayjs","extend","AtomicResultTimespan","unit","initialize","Schema","field","StringValue","required","emptyAllowed","validate","value","error","Error","isNaN","render","bindings","i18n","count","ResultTemplatesHelpers","getResultProperty","result","__decorate","InitializeBindings","ResultContext"],"sources":["../../node_modules/dayjs/plugin/duration.js","src/components/search/result-template-components/atomic-result-timespan/atomic-result-timespan.tsx"],"sourcesContent":["!function(t,s){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=s():\"function\"==typeof define&&define.amd?define(s):(t=\"undefined\"!=typeof globalThis?globalThis:t||self).dayjs_plugin_duration=s()}(this,(function(){\"use strict\";var t,s,n=1e3,i=6e4,e=36e5,r=864e5,o=/\\[([^\\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,u=31536e6,d=2628e6,a=/^(-|\\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/,h={years:u,months:d,days:r,hours:e,minutes:i,seconds:n,milliseconds:1,weeks:6048e5},c=function(t){return t instanceof g},f=function(t,s,n){return new g(t,n,s.$l)},m=function(t){return s.p(t)+\"s\"},l=function(t){return t<0},$=function(t){return l(t)?Math.ceil(t):Math.floor(t)},y=function(t){return Math.abs(t)},v=function(t,s){return t?l(t)?{negative:!0,format:\"\"+y(t)+s}:{negative:!1,format:\"\"+t+s}:{negative:!1,format:\"\"}},g=function(){function l(t,s,n){var i=this;if(this.$d={},this.$l=n,void 0===t&&(this.$ms=0,this.parseFromMilliseconds()),s)return f(t*h[m(s)],this);if(\"number\"==typeof t)return this.$ms=t,this.parseFromMilliseconds(),this;if(\"object\"==typeof t)return Object.keys(t).forEach((function(s){i.$d[m(s)]=t[s]})),this.calMilliseconds(),this;if(\"string\"==typeof t){var e=t.match(a);if(e){var r=e.slice(2).map((function(t){return null!=t?Number(t):0}));return this.$d.years=r[0],this.$d.months=r[1],this.$d.weeks=r[2],this.$d.days=r[3],this.$d.hours=r[4],this.$d.minutes=r[5],this.$d.seconds=r[6],this.calMilliseconds(),this}}return this}var y=l.prototype;return y.calMilliseconds=function(){var t=this;this.$ms=Object.keys(this.$d).reduce((function(s,n){return s+(t.$d[n]||0)*h[n]}),0)},y.parseFromMilliseconds=function(){var t=this.$ms;this.$d.years=$(t/u),t%=u,this.$d.months=$(t/d),t%=d,this.$d.days=$(t/r),t%=r,this.$d.hours=$(t/e),t%=e,this.$d.minutes=$(t/i),t%=i,this.$d.seconds=$(t/n),t%=n,this.$d.milliseconds=t},y.toISOString=function(){var t=v(this.$d.years,\"Y\"),s=v(this.$d.months,\"M\"),n=+this.$d.days||0;this.$d.weeks&&(n+=7*this.$d.weeks);var i=v(n,\"D\"),e=v(this.$d.hours,\"H\"),r=v(this.$d.minutes,\"M\"),o=this.$d.seconds||0;this.$d.milliseconds&&(o+=this.$d.milliseconds/1e3,o=Math.round(1e3*o)/1e3);var u=v(o,\"S\"),d=t.negative||s.negative||i.negative||e.negative||r.negative||u.negative,a=e.format||r.format||u.format?\"T\":\"\",h=(d?\"-\":\"\")+\"P\"+t.format+s.format+i.format+a+e.format+r.format+u.format;return\"P\"===h||\"-P\"===h?\"P0D\":h},y.toJSON=function(){return this.toISOString()},y.format=function(t){var n=t||\"YYYY-MM-DDTHH:mm:ss\",i={Y:this.$d.years,YY:s.s(this.$d.years,2,\"0\"),YYYY:s.s(this.$d.years,4,\"0\"),M:this.$d.months,MM:s.s(this.$d.months,2,\"0\"),D:this.$d.days,DD:s.s(this.$d.days,2,\"0\"),H:this.$d.hours,HH:s.s(this.$d.hours,2,\"0\"),m:this.$d.minutes,mm:s.s(this.$d.minutes,2,\"0\"),s:this.$d.seconds,ss:s.s(this.$d.seconds,2,\"0\"),SSS:s.s(this.$d.milliseconds,3,\"0\")};return n.replace(o,(function(t,s){return s||String(i[t])}))},y.as=function(t){return this.$ms/h[m(t)]},y.get=function(t){var s=this.$ms,n=m(t);return\"milliseconds\"===n?s%=1e3:s=\"weeks\"===n?$(s/h[n]):this.$d[n],s||0},y.add=function(t,s,n){var i;return i=s?t*h[m(s)]:c(t)?t.$ms:f(t,this).$ms,f(this.$ms+i*(n?-1:1),this)},y.subtract=function(t,s){return this.add(t,s,!0)},y.locale=function(t){var s=this.clone();return s.$l=t,s},y.clone=function(){return f(this.$ms,this)},y.humanize=function(s){return t().add(this.$ms,\"ms\").locale(this.$l).fromNow(!s)},y.valueOf=function(){return this.asMilliseconds()},y.milliseconds=function(){return this.get(\"milliseconds\")},y.asMilliseconds=function(){return this.as(\"milliseconds\")},y.seconds=function(){return this.get(\"seconds\")},y.asSeconds=function(){return this.as(\"seconds\")},y.minutes=function(){return this.get(\"minutes\")},y.asMinutes=function(){return this.as(\"minutes\")},y.hours=function(){return this.get(\"hours\")},y.asHours=function(){return this.as(\"hours\")},y.days=function(){return this.get(\"days\")},y.asDays=function(){return this.as(\"days\")},y.weeks=function(){return this.get(\"weeks\")},y.asWeeks=function(){return this.as(\"weeks\")},y.months=function(){return this.get(\"months\")},y.asMonths=function(){return this.as(\"months\")},y.years=function(){return this.get(\"years\")},y.asYears=function(){return this.as(\"years\")},l}(),p=function(t,s,n){return t.add(s.years()*n,\"y\").add(s.months()*n,\"M\").add(s.days()*n,\"d\").add(s.hours()*n,\"h\").add(s.minutes()*n,\"m\").add(s.seconds()*n,\"s\").add(s.milliseconds()*n,\"ms\")};return function(n,i,e){t=e,s=e().$utils(),e.duration=function(t,s){var n=e.locale();return f(t,{$l:n},s)},e.isDuration=c;var r=i.prototype.add,o=i.prototype.subtract;i.prototype.add=function(t,s){return c(t)?p(this,t,1):r.bind(this)(t,s)},i.prototype.subtract=function(t,s){return c(t)?p(this,t,-1):o.bind(this)(t,s)}}}));","import {Schema, StringValue} from '@coveo/bueno';\nimport {Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Prop, State} from '@stencil/core';\nimport dayjs from 'dayjs';\nimport {DurationUnitType} from 'dayjs/plugin/duration';\nimport duration from 'dayjs/plugin/duration';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\ndayjs.extend(duration);\n\n/**\n * The `atomic-result-timespan` component renders a target result number field value as a duration.\n */\n@Component({\n  tag: 'atomic-result-timespan',\n})\nexport class AtomicResultTimespan {\n  @InitializeBindings()\n  public bindings!: Bindings;\n\n  @ResultContext() private result!: Result;\n\n  @State() public error!: Error;\n\n  /**\n   * The target result field.\n   * The component first looks for the field in the Result object, and then in the Result.raw object.\n   * It is important to include the necessary field in the `atomic-search-interface` component.\n   */\n  @Prop({reflect: true}) field!: string;\n  /**\n   * The unit of measurement of the field value.\n   * Available units: https://day.js.org/docs/en/durations/creating\n   */\n  @Prop({reflect: true}) unit = 'ms';\n  /**\n   * The format to apply to the result field value.\n   *\n   * By default, the format is HH:mm:ss when the duration is under a day, and it is an approximation when longer (days, months or years).\n   *\n   * The string displayed when there is an approximation can be modified with [localization](https://docs.coveo.com/en/atomic/latest/usage/atomic-localization/).\n   *\n   * Available formats: https://day.js.org/docs/en/durations/format\n   */\n  @Prop({reflect: true}) format?: string;\n\n  public initialize() {\n    new Schema({\n      field: new StringValue({required: true, emptyAllowed: false}),\n    }).validate({\n      field: this.field,\n    });\n    if (!this.value) {\n      this.error = new Error(`No value found for field ${this.field}`);\n      return;\n    }\n    if (isNaN(this.value)) {\n      this.error = new Error(\n        `Value ${this.value} for field ${this.field} is not a number`\n      );\n    }\n  }\n\n  public render() {\n    const duration = dayjs.duration(this.value, this.unit as DurationUnitType);\n    if (this.format) {\n      return duration.format(this.format);\n    }\n\n    if (duration.asYears() >= 1) {\n      return this.bindings.i18n.t('approx_year', {\n        count: Math.round(duration.asYears()),\n      });\n    }\n\n    if (duration.asMonths() >= 1) {\n      return this.bindings.i18n.t('approx_month', {\n        count: Math.round(duration.asMonths()),\n      });\n    }\n\n    if (duration.asDays() >= 1) {\n      return this.bindings.i18n.t('approx_day', {\n        count: Math.round(duration.asDays()),\n      });\n    }\n\n    return duration.format('HH:mm:ss');\n  }\n\n  private get value() {\n    return ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      this.field\n    ) as number;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/p-955092ed.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicResultPrintableUriCss","AtomicResultPrintableUriStyle0","AtomicResultPrintableUri","this","listExpanded","maxNumberOfParts","focusTarget","expandedPartFocus","FocusTargetController","connectedCallback","Schema","NumberValue","min","validate","error","slotName","linkAttributes","getAttributesFromLinkSlot","host","initialize","interactiveResult","buildInteractiveResult","bindings","engine","options","result","getIndexOfEllipsis","parentsCount","valuesToHide","Math","max","valuesToShowBeforeEllipsis","renderEllipsis","h","i18n","t","onClick","e","stopPropagation","focusOnNextTarget","renderSeparator","allParents","parentsXml","parseXML","raw","parents","Array","from","getElementsByTagName","ellipsisIndex","length","map","parent","i","name","getAttribute","uri","renderLink","class","icon","Arrow","role","renderParents","slice","content","shouldSetTarget","LinkWithItemAnalytics","href","title","undefined","onSelect","select","onBeginDelayedSelect","beginDelayedSelect","onCancelPendingSelect","cancelPendingSelect","attributes","ref","el","setTarget","render","field","clickUri","__decorate","InitializeBindings","ResultContext"],"sources":["src/components/search/result-template-components/atomic-result-printable-uri/atomic-result-printable-uri.pcss?tag=atomic-result-printable-uri","src/components/search/result-template-components/atomic-result-printable-uri/atomic-result-printable-uri.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n\natomic-result-printable-uri {\n  max-width: 100%;\n  word-break: break-word;\n\n  a,\n  button {\n    @apply text-primary;\n\n    &:hover,\n    &:focus-visible {\n      text-decoration: underline;\n      @apply text-primary;\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &:visited {\n      @apply text-visited;\n    }\n  }\n\n  ul {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  li {\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n\n    a {\n      display: inline-block;\n      vertical-align: middle;\n      max-width: 100%;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n\n    white-space: nowrap;\n    &:last-child {\n      white-space: normal;\n\n      &::after {\n        content: none;\n      }\n    }\n\n    .result-printable-uri-separator {\n      display: inline-block;\n      margin: 0 0.5rem;\n      vertical-align: middle;\n      width: 0.75rem;\n      height: 0.75rem;\n      @apply text-neutral-dark;\n    }\n  }\n}\n","import {Schema, NumberValue} from '@coveo/bueno';\nimport {\n  buildInteractiveResult,\n  InteractiveResult,\n  Result,\n} from '@coveo/headless';\nimport {Component, Element, h, Prop, State, VNode} from '@stencil/core';\nimport Arrow from '../../../../images/arrow-right.svg';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\nimport {parseXML} from '../../../../utils/utils';\nimport {getAttributesFromLinkSlot} from '../../../common/item-link/attributes-slot';\nimport {LinkWithItemAnalytics} from '../../../common/item-link/stencil-item-link';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-printable-uri` component displays the URI, or path, to access a result.\n *\n * @slot attributes - Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to anchor elements, overriding other attributes.\n * To be used exclusively in anchor elements, such as: `<a slot=\"attributes\" target=\"_blank\" download></a>`.\n */\n@Component({\n  tag: 'atomic-result-printable-uri',\n  styleUrl: 'atomic-result-printable-uri.pcss',\n  shadow: false,\n})\nexport class AtomicResultPrintableUri {\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n  @Element() public host!: HTMLElement;\n\n  @State() listExpanded = false;\n  @State() error!: Error;\n\n  /**\n   * The maximum number of Uri parts to display. This has to be over the minimum of `3` in order to be effective. Putting `Infinity` will disable the ellipsis.\n   */\n  @Prop({reflect: true}) maxNumberOfParts = 5;\n\n  private expandedPartFocus?: FocusTargetController;\n\n  private interactiveResult!: InteractiveResult;\n  private linkAttributes?: Attr[];\n\n  private get focusTarget() {\n    if (!this.expandedPartFocus) {\n      this.expandedPartFocus = new FocusTargetController(this);\n    }\n    return this.expandedPartFocus;\n  }\n\n  public connectedCallback() {\n    try {\n      new Schema({\n        maxNumberOfParts: new NumberValue({min: 3}),\n      }).validate({maxNumberOfParts: this.maxNumberOfParts});\n    } catch (error) {\n      this.error = error as Error;\n    }\n    const slotName = 'attributes';\n    this.linkAttributes = getAttributesFromLinkSlot(this.host, slotName);\n  }\n\n  public initialize() {\n    this.interactiveResult = buildInteractiveResult(this.bindings.engine, {\n      options: {result: this.result},\n    });\n  }\n\n  private getIndexOfEllipsis(parentsCount: number) {\n    const valuesToHide = Math.max(2, parentsCount - this.maxNumberOfParts);\n    const valuesToShowBeforeEllipsis = parentsCount - valuesToHide - 1;\n    return valuesToShowBeforeEllipsis;\n  }\n\n  private renderEllipsis() {\n    return (\n      <li>\n        <button\n          aria-label={this.bindings.i18n.t('collapsed-uri-parts')}\n          onClick={(e) => {\n            e.stopPropagation();\n            this.focusTarget.focusOnNextTarget();\n            this.listExpanded = true;\n          }}\n        >\n          ...\n        </button>\n        {this.renderSeparator()}\n      </li>\n    );\n  }\n\n  private get allParents() {\n    const parentsXml = parseXML(`${this.result.raw.parents}`);\n    const parents = Array.from(parentsXml.getElementsByTagName('parent'));\n    const ellipsisIndex = this.getIndexOfEllipsis(parents.length);\n    return parents.map((parent, i) => {\n      const name = parent.getAttribute('name');\n      const uri = parent.getAttribute('uri')!;\n      return (\n        <li>\n          {this.renderLink(name, uri, i === ellipsisIndex)}\n          {i === parents.length - 1 ? null : this.renderSeparator()}\n        </li>\n      );\n    });\n  }\n\n  private renderSeparator() {\n    return (\n      <atomic-icon\n        class=\"result-printable-uri-separator\"\n        icon={Arrow}\n        role=\"separator\"\n      ></atomic-icon>\n    );\n  }\n\n  private renderParents() {\n    const parents = this.allParents;\n    if (this.listExpanded || parents.length <= this.maxNumberOfParts) {\n      return parents;\n    }\n\n    return [\n      parents.slice(0, this.getIndexOfEllipsis(parents.length)),\n      this.renderEllipsis(),\n      parents.slice(-1),\n    ];\n  }\n\n  private renderLink(\n    content: VNode | string | null,\n    uri: string,\n    shouldSetTarget: boolean\n  ) {\n    return (\n      <LinkWithItemAnalytics\n        href={uri}\n        title={typeof content === 'string' ? content : undefined}\n        onSelect={() => this.interactiveResult.select()}\n        onBeginDelayedSelect={() => this.interactiveResult.beginDelayedSelect()}\n        onCancelPendingSelect={() =>\n          this.interactiveResult.cancelPendingSelect()\n        }\n        attributes={this.linkAttributes}\n        ref={\n          shouldSetTarget\n            ? (el?: HTMLAnchorElement) => this.focusTarget.setTarget(el)\n            : undefined\n        }\n      >\n        {content}\n      </LinkWithItemAnalytics>\n    );\n  }\n\n  public render() {\n    const parents = this.renderParents();\n    if (parents.length) {\n      return (\n        <ul aria-label={this.bindings.i18n.t('printable-uri')}>{parents}</ul>\n      );\n    }\n\n    return this.renderLink(\n      <atomic-result-text field=\"printableUri\"></atomic-result-text>,\n      this.result.clickUri,\n      false\n    );\n  }\n}\n"],"mappings":"snBAAA,MAAMA,EAA8B,62lEACpC,MAAAC,EAAeD,E,iXC0BFE,EAAwB,M,yBAK1BC,KAAAC,aAAe,MAMDD,KAAAE,iBAAmB,E,kBANlB,M,2CAMkB,C,CAO1C,eAAYC,GACV,IAAKH,KAAKI,kBAAmB,CAC3BJ,KAAKI,kBAAoB,IAAIC,EAAsBL,K,CAErD,OAAOA,KAAKI,iB,CAGP,iBAAAE,GACL,IACE,IAAIC,EAAO,CACTL,iBAAkB,IAAIM,EAAY,CAACC,IAAK,MACvCC,SAAS,CAACR,iBAAkBF,KAAKE,kB,CACpC,MAAOS,GACPX,KAAKW,MAAQA,C,CAEf,MAAMC,EAAW,aACjBZ,KAAKa,eAAiBC,EAA0Bd,KAAKe,KAAMH,E,CAGtD,UAAAI,GACLhB,KAAKiB,kBAAoBC,EAAuBlB,KAAKmB,SAASC,OAAQ,CACpEC,QAAS,CAACC,OAAQtB,KAAKsB,S,CAInB,kBAAAC,CAAmBC,GACzB,MAAMC,EAAeC,KAAKC,IAAI,EAAGH,EAAexB,KAAKE,kBACrD,MAAM0B,EAA6BJ,EAAeC,EAAe,EACjE,OAAOG,C,CAGD,cAAAC,GACN,OACEC,EAAA,UACEA,EAAA,uBACc9B,KAAKmB,SAASY,KAAKC,EAAE,uBACjCC,QAAUC,IACRA,EAAEC,kBACFnC,KAAKG,YAAYiC,oBACjBpC,KAAKC,aAAe,IAAI,GACzB,OAIFD,KAAKqC,kB,CAKZ,cAAYC,GACV,MAAMC,EAAaC,EAAS,GAAGxC,KAAKsB,OAAOmB,IAAIC,WAC/C,MAAMA,EAAUC,MAAMC,KAAKL,EAAWM,qBAAqB,WAC3D,MAAMC,EAAgB9C,KAAKuB,mBAAmBmB,EAAQK,QACtD,OAAOL,EAAQM,KAAI,CAACC,EAAQC,KAC1B,MAAMC,EAAOF,EAAOG,aAAa,QACjC,MAAMC,EAAMJ,EAAOG,aAAa,OAChC,OACEtB,EAAA,UACG9B,KAAKsD,WAAWH,EAAME,EAAKH,IAAMJ,GACjCI,IAAMR,EAAQK,OAAS,EAAI,KAAO/C,KAAKqC,kBACrC,G,CAKH,eAAAA,GACN,OACEP,EAAA,eACEyB,MAAM,iCACNC,KAAMC,EACNC,KAAK,a,CAKH,aAAAC,GACN,MAAMjB,EAAU1C,KAAKsC,WACrB,GAAItC,KAAKC,cAAgByC,EAAQK,QAAU/C,KAAKE,iBAAkB,CAChE,OAAOwC,C,CAGT,MAAO,CACLA,EAAQkB,MAAM,EAAG5D,KAAKuB,mBAAmBmB,EAAQK,SACjD/C,KAAK6B,iBACLa,EAAQkB,OAAO,G,CAIX,UAAAN,CACNO,EACAR,EACAS,GAEA,OACEhC,EAACiC,EAAqB,CACpBC,KAAMX,EACNY,aAAcJ,IAAY,SAAWA,EAAUK,UAC/CC,SAAU,IAAMnE,KAAKiB,kBAAkBmD,SACvCC,qBAAsB,IAAMrE,KAAKiB,kBAAkBqD,qBACnDC,sBAAuB,IACrBvE,KAAKiB,kBAAkBuD,sBAEzBC,WAAYzE,KAAKa,eACjB6D,IACEZ,EACKa,GAA2B3E,KAAKG,YAAYyE,UAAUD,GACvDT,WAGLL,E,CAKA,MAAAgB,GACL,MAAMnC,EAAU1C,KAAK2D,gBACrB,GAAIjB,EAAQK,OAAQ,CAClB,OACEjB,EAAA,mBAAgB9B,KAAKmB,SAASY,KAAKC,EAAE,kBAAmBU,E,CAI5D,OAAO1C,KAAKsD,WACVxB,EAAA,sBAAoBgD,MAAM,iBAC1B9E,KAAKsB,OAAOyD,SACZ,M,6BA9IyBC,EAAA,CAA5BC,K,+BACwBD,EAAA,CAAxBE,K","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["atomicFieldConditionCss","AtomicFieldConditionStyle0","AtomicFieldCondition","this","mustMatch","mustNotMatch","conditions","shouldBeRemoved","componentWillLoad","ifDefined","fieldNames","split","push","ResultTemplatesHelpers","fieldsMustBeDefined","ifNotDefined","fieldsMustNotBeDefined","makeMatchConditions","render","every","condition","result","h","componentDidLoad","host","remove","__decorate","MapProp","splitValues","ResultContext"],"sources":["src/components/search/result-template-components/atomic-field-condition/atomic-field-condition.pcss?tag=atomic-field-condition","src/components/search/result-template-components/atomic-field-condition/atomic-field-condition.tsx"],"sourcesContent":["atomic-field-condition {\n  max-width: 100%;\n}\n","import {\n  Result,\n  ResultTemplateCondition,\n  ResultTemplatesHelpers,\n} from '@coveo/headless';\nimport {Component, Prop, h, Element} from '@stencil/core';\nimport {MapProp} from '../../../../utils/props-utils';\nimport {makeMatchConditions} from '../../../common/result-templates/result-template-common';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined.\n * The condition properties can be based on any top-level result property of the `result` object, not restricted to fields (e.g., `isRecommendation`).\n *\n * @slot default - The content to display if the conditions are met.\n *\n * @MapProp name: mustMatch;attr: must-match;docs: The field and values that define which result items the condition must be applied to. For example, a template with the following attribute only applies to result items whose `filetype` is `lithiummessage` or `YouTubePlaylist`: `must-match-filetype=\"lithiummessage,YouTubePlaylist\"`;type: Record<string, string[]> ;default: {}\n * @MapProp name: mustNotMatch;attr: must-not-match;docs: The field and values that define which result items the condition must not be applied to. For example, a template with the following attribute only applies to result items whose `filetype` is not `lithiummessage`: `must-not-match-filetype=\"lithiummessage\";type: Record<string, string[]> ;default: {}\n */\n@Component({\n  tag: 'atomic-field-condition',\n  styleUrl: 'atomic-field-condition.pcss',\n  shadow: false,\n})\nexport class AtomicFieldCondition {\n  @Element() host!: HTMLElement;\n\n  /**\n   * Verifies whether the specified fields are defined.\n   */\n  @Prop({reflect: true}) ifDefined?: string;\n  /**\n   * Verifies whether the specified fields are not defined.\n   */\n  @Prop({reflect: true}) ifNotDefined?: string;\n\n  /**\n   * Verifies whether the specified fields match the specified values.\n   * @type {Record<string, string[]>}\n   */\n  @Prop() @MapProp({splitValues: true}) mustMatch: Record<string, string[]> =\n    {};\n\n  /**\n   * Verifies whether the specified fields do not match the specified values.\n   * @type {Record<string, string[]>}\n   */\n  @Prop() @MapProp({splitValues: true}) mustNotMatch: Record<string, string[]> =\n    {};\n\n  private conditions: ResultTemplateCondition[] = [];\n  private shouldBeRemoved = false;\n\n  @ResultContext() private result!: Result;\n\n  public componentWillLoad() {\n    if (this.ifDefined) {\n      const fieldNames = this.ifDefined.split(',');\n      this.conditions.push(\n        ResultTemplatesHelpers.fieldsMustBeDefined(fieldNames)\n      );\n    }\n\n    if (this.ifNotDefined) {\n      const fieldNames = this.ifNotDefined.split(',');\n      this.conditions.push(\n        ResultTemplatesHelpers.fieldsMustNotBeDefined(fieldNames)\n      );\n    }\n\n    this.conditions.push(\n      ...makeMatchConditions(this.mustMatch, this.mustNotMatch)\n    );\n  }\n\n  public render() {\n    if (!this.conditions.every((condition) => condition(this.result))) {\n      this.shouldBeRemoved = true;\n      return '';\n    }\n\n    return <slot />;\n  }\n\n  public componentDidLoad() {\n    this.shouldBeRemoved && this.host.remove();\n  }\n}\n"],"mappings":"4aAAA,MAAMA,EAA0B,yCAChC,MAAAC,EAAeD,E,iXCuBFE,EAAoB,M,yBAgBOC,KAAAC,UACpC,GAMoCD,KAAAE,aACpC,GAEMF,KAAAG,WAAwC,GACxCH,KAAAI,gBAAkB,M,oEAVxB,G,kBAOA,E,CAOK,iBAAAC,GACL,GAAIL,KAAKM,UAAW,CAClB,MAAMC,EAAaP,KAAKM,UAAUE,MAAM,KACxCR,KAAKG,WAAWM,KACdC,EAAuBC,oBAAoBJ,G,CAI/C,GAAIP,KAAKY,aAAc,CACrB,MAAML,EAAaP,KAAKY,aAAaJ,MAAM,KAC3CR,KAAKG,WAAWM,KACdC,EAAuBG,uBAAuBN,G,CAIlDP,KAAKG,WAAWM,QACXK,EAAoBd,KAAKC,UAAWD,KAAKE,c,CAIzC,MAAAa,GACL,IAAKf,KAAKG,WAAWa,OAAOC,GAAcA,EAAUjB,KAAKkB,UAAU,CACjElB,KAAKI,gBAAkB,KACvB,MAAO,E,CAGT,OAAOe,EAAA,Y,CAGF,gBAAAC,GACLpB,KAAKI,iBAAmBJ,KAAKqB,KAAKC,Q,6BA7CEC,EAAA,CAA7BC,EAAQ,CAACC,YAAa,Q,gCAOOF,EAAA,CAA7BC,EAAQ,CAACC,YAAa,Q,mCAMNF,EAAA,CAAxBG,K","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["foldedItemListContextEventName","FoldedItemListContext","component","foldedList","componentWillRender","element","getElement","this","event","buildCustomEvent","foldedItemList","canceled","dispatchEvent","call","foldedItemListStateContextEventName","FoldedItemListStateContext","foldedListState","subscribe","state","ChildrenWrapper","hasChildren","children","h","part","name","CollectionGuard","isLoadingMoreResults","moreResultsAvailable","numberOfChildren","density","imageSize","noResultText","ResultsPlaceholder","numberOfPlaceholders","display","trim","length","class","Fragment","ResultChildrenGuard","inheritTemplates","resultTemplateRegistered","templateHasError","ShowHideButton","loadFullCollection","showInitialChildren","toggleShowInitialChildren","loadAllResults","collapseResults","Button","style","onClick"],"sources":["src/components/common/item-list/item-list-decorators.tsx","src/components/common/result-children/children-wrapper.tsx","src/components/common/result-children/collection-guard.tsx","src/components/common/result-children/guard.tsx","src/components/common/result-children/show-hide-button.tsx"],"sourcesContent":["import {ComponentInterface, getElement} from '@stencil/core';\nimport {buildCustomEvent} from '../../../utils/event-utils';\n\ntype FoldedItemListContextEventHandler = (foldedItemList: unknown) => void;\nexport type FoldedItemListContextEvent =\n  CustomEvent<FoldedItemListContextEventHandler>;\nconst foldedItemListContextEventName = 'atomic/resolveFoldedResultList';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used for elements nested within a folded item list.\n * This allows the Stencil component to modify the folded item list rendered levels.\n */\nexport function FoldedItemListContext() {\n  return (component: ComponentInterface, foldedList: string) => {\n    const {componentWillRender} = component;\n    component.componentWillRender = function () {\n      const element = getElement(this);\n      const event = buildCustomEvent(\n        foldedItemListContextEventName,\n        (foldedItemList: unknown) => {\n          this[foldedList] = foldedItemList;\n        }\n      );\n\n      const canceled = element.dispatchEvent(event);\n      if (canceled) {\n        return;\n      }\n      return componentWillRender && componentWillRender.call(this);\n    };\n  };\n}\n\ntype FoldedItemListStateContextEventHandler = (foldedItemList: unknown) => void;\nexport type FoldedItemListStateContextEvent =\n  CustomEvent<FoldedItemListStateContextEventHandler>;\nconst foldedItemListStateContextEventName = 'atomic/resolveFoldedResultList';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used for elements nested within a folded item list.\n * This allows the Stencil component to modify the folded item list rendered levels.\n */\nexport function FoldedItemListStateContext() {\n  return (component: ComponentInterface, foldedListState: string) => {\n    const {componentWillRender} = component;\n    component.componentWillRender = function () {\n      const element = getElement(this);\n      const event = buildCustomEvent(\n        foldedItemListStateContextEventName,\n        (foldedItemList: {\n          subscribe: (callback: () => void) => unknown;\n          state: unknown;\n        }) => {\n          foldedItemList?.subscribe(() => {\n            this[foldedListState] = foldedItemList.state;\n          });\n        }\n      );\n\n      const canceled = element.dispatchEvent(event);\n      if (canceled) {\n        return;\n      }\n      return componentWillRender && componentWillRender.call(this);\n    };\n  };\n}\n","import {FunctionalComponent, h} from '@stencil/core';\n\ninterface ChildrenWrapperProps {\n  hasChildren: boolean;\n}\n\nexport const ChildrenWrapper: FunctionalComponent<ChildrenWrapperProps> = (\n  {hasChildren},\n  children\n) => {\n  return (\n    <div part=\"children-root\">\n      {hasChildren && <slot name=\"before-children\"></slot>}\n      {children}\n      {hasChildren && <slot name=\"after-children\"></slot>}\n    </div>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {ResultsPlaceholder} from '../atomic-result-placeholder/stencil-placeholders';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n} from '../layout/display-options';\nimport {ChildrenWrapper} from './children-wrapper';\n\ninterface CollectionGuardProps {\n  isLoadingMoreResults: boolean;\n  moreResultsAvailable: boolean;\n  hasChildren: boolean;\n  numberOfChildren: number;\n  density: ItemDisplayDensity;\n  imageSize: ItemDisplayImageSize;\n  noResultText: string;\n}\nexport const CollectionGuard: FunctionalComponent<CollectionGuardProps> = (\n  {\n    isLoadingMoreResults,\n    moreResultsAvailable,\n    hasChildren,\n    numberOfChildren,\n    density,\n    imageSize,\n    noResultText,\n  },\n  children\n) => {\n  if (isLoadingMoreResults) {\n    return (\n      <ChildrenWrapper hasChildren={hasChildren}>\n        <ResultsPlaceholder\n          numberOfPlaceholders={numberOfChildren}\n          density={density}\n          display={'list'}\n          imageSize={imageSize}\n        />\n      </ChildrenWrapper>\n    );\n  }\n\n  if (!moreResultsAvailable && !hasChildren) {\n    return noResultText.trim().length ? (\n      <p part=\"no-result-root\" class=\"no-result-root my-3\">\n        {noResultText}\n      </p>\n    ) : null;\n  }\n\n  if (!hasChildren) {\n    return;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface ResultChildrenGuardProps {\n  inheritTemplates: boolean;\n  resultTemplateRegistered: boolean;\n  templateHasError: boolean;\n}\nexport const ResultChildrenGuard: FunctionalComponent<\n  ResultChildrenGuardProps\n> = (\n  {inheritTemplates, resultTemplateRegistered, templateHasError},\n  children\n) => {\n  if (!inheritTemplates && !resultTemplateRegistered) {\n    return;\n  }\n\n  if (!inheritTemplates && templateHasError) {\n    return <slot></slot>;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {Button} from '../stencil-button';\n\ninterface ShowHideButtonProps {\n  moreResultsAvailable: boolean;\n  loadFullCollection: () => void;\n  showInitialChildren: boolean;\n  toggleShowInitialChildren: () => void;\n  loadAllResults: string;\n  collapseResults: string;\n}\n\nexport const ShowHideButton: FunctionalComponent<ShowHideButtonProps> = ({\n  moreResultsAvailable,\n  loadFullCollection,\n  showInitialChildren,\n  toggleShowInitialChildren,\n  loadAllResults,\n  collapseResults,\n}) => {\n  return (\n    <Button\n      part=\"show-hide-button\"\n      class=\"show-hide-button\"\n      style=\"text-primary\"\n      onClick={() => {\n        if (moreResultsAvailable) {\n          loadFullCollection();\n          toggleShowInitialChildren();\n        }\n\n        toggleShowInitialChildren();\n      }}\n    >\n      {showInitialChildren || moreResultsAvailable\n        ? loadAllResults\n        : collapseResults}\n    </Button>\n  );\n};\n"],"mappings":"8JAMA,MAAMA,EAAiC,iC,SAMvBC,IACd,MAAO,CAACC,EAA+BC,KACrC,MAAMC,oBAACA,GAAuBF,EAC9BA,EAAUE,oBAAsB,WAC9B,MAAMC,EAAUC,EAAWC,MAC3B,MAAMC,EAAQC,EACZT,GACCU,IACCH,KAAKJ,GAAcO,CAAc,IAIrC,MAAMC,EAAWN,EAAQO,cAAcJ,GACvC,GAAIG,EAAU,CACZ,M,CAEF,OAAOP,GAAuBA,EAAoBS,KAAKN,K,CACxD,CAEL,CAKA,MAAMO,EAAsC,iC,SAM5BC,IACd,MAAO,CAACb,EAA+Bc,KACrC,MAAMZ,oBAACA,GAAuBF,EAC9BA,EAAUE,oBAAsB,WAC9B,MAAMC,EAAUC,EAAWC,MAC3B,MAAMC,EAAQC,EACZK,GACCJ,IAICA,GAAgBO,WAAU,KACxBV,KAAKS,GAAmBN,EAAeQ,KAAK,GAC5C,IAIN,MAAMP,EAAWN,EAAQO,cAAcJ,GACvC,GAAIG,EAAU,CACZ,M,CAEF,OAAOP,GAAuBA,EAAoBS,KAAKN,K,CACxD,CAEL,C,MC5DaY,EAA6D,EACvEC,eACDC,IAGEC,EAAA,OAAKC,KAAK,iBACPH,GAAeE,EAAA,QAAME,KAAK,oBAC1BH,EACAD,GAAeE,EAAA,QAAME,KAAK,oB,MCGpBC,EAA6D,EAEtEC,uBACAC,uBACAP,cACAQ,mBACAC,UACAC,YACAC,gBAEFV,KAEA,GAAIK,EAAsB,CACxB,OACEJ,EAACH,EAAe,CAACC,YAAaA,GAC5BE,EAACU,EAAkB,CACjBC,qBAAsBL,EACtBC,QAASA,EACTK,QAAS,OACTJ,UAAWA,I,CAMnB,IAAKH,IAAyBP,EAAa,CACzC,OAAOW,EAAaI,OAAOC,OACzBd,EAAA,KAAGC,KAAK,iBAAiBc,MAAM,uBAC5BN,GAED,I,CAGN,IAAKX,EAAa,CAChB,M,CAGF,OAAOE,EAACgB,EAAQ,KAAEjB,EAAoB,E,MC/C3BkB,EAET,EACDC,mBAAkBC,2BAA0BC,oBAC7CrB,KAEA,IAAKmB,IAAqBC,EAA0B,CAClD,M,CAGF,IAAKD,GAAoBE,EAAkB,CACzC,OAAOpB,EAAA,Y,CAGT,OAAOA,EAACgB,EAAQ,KAAEjB,EAAoB,E,MCT3BsB,EAA2D,EACtEhB,uBACAiB,qBACAC,sBACAC,4BACAC,iBACAC,qBAGE1B,EAAC2B,EAAM,CACL1B,KAAK,mBACLc,MAAM,mBACNa,MAAM,eACNC,QAAS,KACP,GAAIxB,EAAsB,CACxBiB,IACAE,G,CAGFA,GAA2B,GAG5BD,GAAuBlB,EACpBoB,EACAC,U","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["bindAnalyticsToLink","link","onSelect","onBeginDelayedSelect","onCancelPendingSelect","stopPropagation","stopPropagationAndProcess","e","process","selectHandler","touchStartHandler","touchEndHandler","forEach","eventName","addEventListener","passive","removeEventListener","LinkWithItemAnalytics","href","className","part","title","onMouseOver","onMouseLeave","onFocus","onBlur","ref","attributes","tabIndex","ariaHidden","rel","target","children","h","class","filterProtocol","el","length","nodeName","nodeValue","setAttribute"],"sources":["src/components/common/item-link/bind-analytics-to-link.ts","src/components/common/item-link/stencil-item-link.tsx"],"sourcesContent":["import type {ItemLinkProps} from './item-link';\n\ntype ItemLinkEventProps = Pick<\n  ItemLinkProps,\n  | 'onSelect'\n  | 'onBeginDelayedSelect'\n  | 'onCancelPendingSelect'\n  | 'stopPropagation'\n>;\n\nexport const bindAnalyticsToLink = (\n  link: HTMLAnchorElement,\n  {\n    onSelect,\n    onBeginDelayedSelect,\n    onCancelPendingSelect,\n    stopPropagation = true,\n  }: ItemLinkEventProps\n): (() => void) => {\n  const stopPropagationAndProcess = (e: Event, process: () => void) => {\n    stopPropagation && e.stopPropagation();\n    process();\n  };\n\n  const selectHandler = (e: Event) => stopPropagationAndProcess(e, onSelect);\n  const touchStartHandler = (e: Event) =>\n    stopPropagationAndProcess(e, onBeginDelayedSelect);\n  const touchEndHandler = (e: Event) =>\n    stopPropagationAndProcess(e, onCancelPendingSelect);\n\n  (['click', 'contextmenu', 'mousedown', 'mouseup'] as const).forEach(\n    (eventName) => link.addEventListener(eventName, selectHandler)\n  );\n  link.addEventListener('touchstart', touchStartHandler, {passive: true});\n  link.addEventListener('touchend', touchEndHandler, {passive: true});\n\n  return () => {\n    (['click', 'contextmenu', 'mousedown', 'mouseup'] as const).forEach(\n      (eventName) => link.removeEventListener(eventName, selectHandler)\n    );\n    link.removeEventListener('touchstart', touchStartHandler);\n    link.removeEventListener('touchend', touchEndHandler);\n  };\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {filterProtocol} from '../../../utils/xss-utils';\nimport {ItemTarget} from '../layout/display-options';\nimport { bindAnalyticsToLink } from './bind-analytics-to-link';\n\ninterface ItemLinkEventProps {\n  onSelect: () => void;\n  onBeginDelayedSelect: () => void;\n  onCancelPendingSelect: () => void;\n  stopPropagation?: boolean;\n}\n\nexport interface ItemLinkProps extends ItemLinkEventProps {\n  href: string;\n  className?: string;\n  part?: string;\n  title?: string;\n  ref?: (elm?: HTMLAnchorElement) => void;\n  stopPropagation?: boolean;\n  attributes?: Attr[];\n  tabIndex?: number;\n  ariaHidden?: boolean;\n  target?: ItemTarget;\n  rel?: string;\n  onMouseOver?: () => void;\n  onMouseLeave?: () => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nexport const LinkWithItemAnalytics: FunctionalComponent<ItemLinkProps> = (\n  {\n    href,\n    className,\n    part,\n    title,\n    onSelect,\n    onBeginDelayedSelect,\n    onCancelPendingSelect,\n    onMouseOver,\n    onMouseLeave,\n    onFocus,\n    onBlur,\n    ref,\n    attributes,\n    tabIndex,\n    ariaHidden,\n    rel,\n    stopPropagation = true,\n    target = '_self',\n  },\n  children\n) => {\n  return (\n    <a\n      class={className}\n      part={part}\n      href={filterProtocol(href)}\n      target={target}\n      title={title}\n      rel={rel}\n      ref={(el) => {\n        if (ref) {\n          ref(el);\n        }\n\n        if (!el) {\n          return;\n        }\n\n        bindAnalyticsToLink(el, {\n          onSelect,\n          onBeginDelayedSelect,\n          onCancelPendingSelect,\n          stopPropagation,\n        });\n\n        if (attributes?.length) {\n          [...attributes].forEach(({nodeName, nodeValue}) => {\n            el.setAttribute(nodeName, nodeValue!);\n          });\n        }\n\n        if (ariaHidden) {\n          el.setAttribute('aria-hidden', 'true');\n        }\n      }}\n      tabIndex={tabIndex}\n      onMouseOver={onMouseOver}\n      onMouseLeave={onMouseLeave}\n      onFocus={onFocus}\n      onBlur={onBlur}\n    >\n      {children}\n    </a>\n  );\n};\n"],"mappings":"8EAUaA,EAAsB,CACjCC,GAEEC,WACAC,uBACAC,wBACAC,kBAAkB,SAGpB,MAAMC,EAA4B,CAACC,EAAUC,KAC3CH,GAAmBE,EAAEF,kBACrBG,GAAS,EAGX,MAAMC,EAAiBF,GAAaD,EAA0BC,EAAGL,GACjE,MAAMQ,EAAqBH,GACzBD,EAA0BC,EAAGJ,GAC/B,MAAMQ,EAAmBJ,GACvBD,EAA0BC,EAAGH,GAE9B,CAAC,QAAS,cAAe,YAAa,WAAqBQ,SACzDC,GAAcZ,EAAKa,iBAAiBD,EAAWJ,KAElDR,EAAKa,iBAAiB,aAAcJ,EAAmB,CAACK,QAAS,OACjEd,EAAKa,iBAAiB,WAAYH,EAAiB,CAACI,QAAS,OAE7D,MAAO,KACJ,CAAC,QAAS,cAAe,YAAa,WAAqBH,SACzDC,GAAcZ,EAAKe,oBAAoBH,EAAWJ,KAErDR,EAAKe,oBAAoB,aAAcN,GACvCT,EAAKe,oBAAoB,WAAYL,EAAgB,CACtD,E,MCZUM,EAA4D,EAErEC,OACAC,YACAC,OACAC,QACAnB,WACAC,uBACAC,wBACAkB,cACAC,eACAC,UACAC,SACAC,MACAC,aACAC,WACAC,aACAC,MACAzB,kBAAkB,KAClB0B,SAAS,SAEXC,IAGEC,EAAA,KACEC,MAAOf,EACPC,KAAMA,EACNF,KAAMiB,EAAejB,GACrBa,OAAQA,EACRV,MAAOA,EACPS,IAAKA,EACLJ,IAAMU,IACJ,GAAIV,EAAK,CACPA,EAAIU,E,CAGN,IAAKA,EAAI,CACP,M,CAGFpC,EAAoBoC,EAAI,CACtBlC,WACAC,uBACAC,wBACAC,oBAGF,GAAIsB,GAAYU,OAAQ,CACtB,IAAIV,GAAYf,SAAQ,EAAE0B,WAAUC,gBAClCH,EAAGI,aAAaF,EAAUC,EAAW,G,CAIzC,GAAIV,EAAY,CACdO,EAAGI,aAAa,cAAe,O,GAGnCZ,SAAUA,EACVN,YAAaA,EACbC,aAAcA,EACdC,QAASA,EACTC,OAAQA,GAEPO,U","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["getPartialSearchBoxSuggestionElement","suggestion","i18n","part","key","encodeForDomAttribute","rawValue","query","ariaLabel","t","interpolation","escapeValue","QuerySuggestionContainer","_","children","h","class","QuerySuggestionIcon","icon","hasSuggestion","QuerySuggestionText","hasQuery","innerHTML","highlightedValue"],"sources":["src/components/common/suggestions/stencil-query-suggestions.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {encodeForDomAttribute} from '../../../utils/string-utils.js';\nimport {SearchBoxSuggestionElement} from './suggestions-types.js';\n\ninterface Suggestion {\n  highlightedValue: string;\n  rawValue: string;\n}\n\nexport const getPartialSearchBoxSuggestionElement = (\n  suggestion: Suggestion,\n  i18n: i18n\n): Pick<SearchBoxSuggestionElement, 'ariaLabel' | 'key' | 'query' | 'part'> => {\n  return {\n    part: 'query-suggestion-item',\n    key: `qs-${encodeForDomAttribute(suggestion.rawValue)}`,\n    query: suggestion.rawValue,\n    ariaLabel: i18n.t('query-suggestion-label', {\n      query: suggestion.rawValue,\n      interpolation: {escapeValue: false},\n    }),\n  };\n};\n\nexport const QuerySuggestionContainer: FunctionalComponent = (_, children) => {\n  return (\n    <div part=\"query-suggestion-content\" class=\"flex items-center\">\n      {children}\n    </div>\n  );\n};\n\ninterface QuerySuggestionIconProps {\n  icon: string;\n  hasSuggestion: boolean;\n}\n\nexport const QuerySuggestionIcon: FunctionalComponent<\n  QuerySuggestionIconProps\n> = ({icon, hasSuggestion}) => {\n  if (!hasSuggestion) {\n    return;\n  }\n\n  return (\n    <atomic-icon\n      part=\"query-suggestion-icon\"\n      icon={icon}\n      class=\"mr-2 h-4 w-4 shrink-0\"\n    ></atomic-icon>\n  );\n};\n\ninterface QuerySuggestionTextProps {\n  suggestion: Suggestion;\n  hasQuery: boolean;\n}\n\nexport const QuerySuggestionText: FunctionalComponent<\n  QuerySuggestionTextProps\n> = ({suggestion, hasQuery}) => {\n  if (hasQuery) {\n    return (\n      <span\n        part=\"query-suggestion-text\"\n        class=\"line-clamp-2 break-all\"\n        innerHTML={suggestion.highlightedValue}\n      ></span>\n    );\n  }\n\n  return (\n    <span part=\"query-suggestion-text\" class=\"line-clamp-2 break-all\">\n      {suggestion.rawValue}\n    </span>\n  );\n};\n"],"mappings":"8EAUaA,EAAuC,CAClDC,EACAC,KAEO,CACLC,KAAM,wBACNC,IAAK,MAAMC,EAAsBJ,EAAWK,YAC5CC,MAAON,EAAWK,SAClBE,UAAWN,EAAKO,EAAE,yBAA0B,CAC1CF,MAAON,EAAWK,SAClBI,cAAe,CAACC,YAAa,W,MAKtBC,EAAgD,CAACC,EAAGC,IAE7DC,EAAA,OAAKZ,KAAK,2BAA2Ba,MAAM,qBACxCF,G,MAUMG,EAET,EAAEC,OAAMC,oBACV,IAAKA,EAAe,CAClB,M,CAGF,OACEJ,EAAA,eACEZ,KAAK,wBACLe,KAAMA,EACNF,MAAM,yBACO,E,MASNI,EAET,EAAEnB,aAAYoB,eAChB,GAAIA,EAAU,CACZ,OACEN,EAAA,QACEZ,KAAK,wBACLa,MAAM,yBACNM,UAAWrB,EAAWsB,kB,CAK5B,OACER,EAAA,QAAMZ,KAAK,wBAAwBa,MAAM,0BACtCf,EAAWK,SACP,S","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["AtomicResultNumber","this","formatter","defaultNumberFormatter","valueToDisplay","setFormat","event","preventDefault","stopPropagation","detail","parseValue","value","ResultTemplatesHelpers","getResultProperty","result","field","valueAsNumber","parseFloat","Number","isNaN","error","Error","formatValue","bindings","i18n","languages","toString","updateValueToDisplay","componentWillRender","render","host","remove","__decorate","InitializeBindings","ResultContext"],"sources":["src/components/search/result-template-components/atomic-result-number/atomic-result-number.tsx"],"sourcesContent":["import {Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Prop, Element, State, Listen} from '@stencil/core';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {\n  defaultNumberFormatter,\n  NumberFormatter,\n} from '../../../common/formats/format-common';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-number` component renders the value of a number result field.\n *\n * @slot default - The number can be formatted by adding a `atomic-format-number`, `atomic-format-currency` or `atomic-format-unit` component into this component.\n */\n@Component({\n  tag: 'atomic-result-number',\n  shadow: false,\n})\nexport class AtomicResultNumber {\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}) field!: string;\n\n  @State() formatter: NumberFormatter = defaultNumberFormatter;\n\n  @State() valueToDisplay: string | null = null;\n\n  @Listen('atomic/numberFormat')\n  public setFormat(event: CustomEvent<NumberFormatter>) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.formatter = event.detail;\n  }\n\n  private parseValue() {\n    const value = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      this.field\n    );\n    if (value === null) {\n      return null;\n    }\n    const valueAsNumber = parseFloat(`${value}`);\n    if (Number.isNaN(valueAsNumber)) {\n      this.error = new Error(\n        `Could not parse \"${value}\" from field \"${this.field}\" as a number.`\n      );\n      return null;\n    }\n    return valueAsNumber;\n  }\n\n  private formatValue(value: number) {\n    try {\n      return this.formatter(value, this.bindings.i18n.languages as string[]);\n    } catch (error) {\n      this.error = error as Error;\n      return value.toString();\n    }\n  }\n\n  private updateValueToDisplay() {\n    const value = this.parseValue();\n    if (value !== null) {\n      this.valueToDisplay = this.formatValue(value);\n    }\n  }\n\n  componentWillRender() {\n    this.updateValueToDisplay();\n  }\n\n  public render() {\n    if (this.valueToDisplay === null) {\n      this.host.remove();\n      return;\n    }\n    return this.valueToDisplay;\n  }\n}\n"],"mappings":"yrBAmBaA,EAAkB,M,yBAepBC,KAAAC,UAA6BC,EAE7BF,KAAAG,eAAgC,K,yDAFHD,E,oBAEG,I,CAGlC,SAAAE,CAAUC,GACfA,EAAMC,iBACND,EAAME,kBACNP,KAAKC,UAAYI,EAAMG,M,CAGjB,UAAAC,GACN,MAAMC,EAAQC,EAAuBC,kBACnCZ,KAAKa,OACLb,KAAKc,OAEP,GAAIJ,IAAU,KAAM,CAClB,OAAO,I,CAET,MAAMK,EAAgBC,WAAW,GAAGN,KACpC,GAAIO,OAAOC,MAAMH,GAAgB,CAC/Bf,KAAKmB,MAAQ,IAAIC,MACf,oBAAoBV,kBAAsBV,KAAKc,uBAEjD,OAAO,I,CAET,OAAOC,C,CAGD,WAAAM,CAAYX,GAClB,IACE,OAAOV,KAAKC,UAAUS,EAAOV,KAAKsB,SAASC,KAAKC,U,CAChD,MAAOL,GACPnB,KAAKmB,MAAQA,EACb,OAAOT,EAAMe,U,EAIT,oBAAAC,GACN,MAAMhB,EAAQV,KAAKS,aACnB,GAAIC,IAAU,KAAM,CAClBV,KAAKG,eAAiBH,KAAKqB,YAAYX,E,EAI3C,mBAAAiB,GACE3B,KAAK0B,sB,CAGA,MAAAE,GACL,GAAI5B,KAAKG,iBAAmB,KAAM,CAChCH,KAAK6B,KAAKC,SACV,M,CAEF,OAAO9B,KAAKG,c,6BApEe4B,EAAA,CAA5BC,K,+BACwBD,EAAA,CAAxBE,K","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["LoadMoreGuard","isLoaded","hasResults","children","h","Fragment","LoadMoreButton","i18n","onClick","moreAvailable","label","Button","style","text","t","part","class","LoadMoreContainer","_","LoadMoreProgressBar","from","to","percentage","width","Math","ceil","LoadMoreSummary","wrapHighlight","content","locale","language","interpolation","escapeValue","last","toLocaleString","total","innerHTML","atomicLoadMoreResultsCss","AtomicLoadMoreResultsStyle0","AtomicLoadMoreResults","this","isAppLoaded","initialize","querySummary","buildQuerySummary","bindings","engine","resultList","buildResultList","options","fieldsToInclude","createAppLoadedListener","store","document","activeElement","blur","fetchMoreResults","render","lastResult","querySummaryState","key","resultListState","moreResultsAvailable","__decorate","InitializeBindings","BindStateToController"],"sources":["src/components/common/load-more/guard.tsx","src/components/common/load-more/stencil-button.tsx","src/components/common/load-more/stencil-container.tsx","src/components/common/load-more/stencil-progress-bar.tsx","src/components/common/load-more/stencil-summary.tsx","src/components/search/atomic-load-more-results/atomic-load-more-results.pcss?tag=atomic-load-more-results&encapsulation=shadow","src/components/search/atomic-load-more-results/atomic-load-more-results.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\nexport interface LoadMoreGuardProps {\n  isLoaded: boolean;\n  hasResults: boolean;\n}\nexport const LoadMoreGuard: FunctionalComponent<LoadMoreGuardProps> = (\n  {isLoaded, hasResults},\n  children\n) => {\n  if (!isLoaded || !hasResults) {\n    return;\n  }\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use LoadMoreButtonProps interface instead\n */\ninterface StencilLoadMoreButtonProps {\n  i18n: i18n;\n  onClick: () => void;\n  moreAvailable: boolean;\n  label?: 'load-more-results' | 'load-more-products';\n}\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the button.ts file instead\n */\nexport const LoadMoreButton: FunctionalComponent<\n  StencilLoadMoreButtonProps\n> = ({i18n, onClick, moreAvailable, label}) => {\n  if (!moreAvailable) {\n    return;\n  }\n  return (\n    <Button\n      style=\"primary\"\n      text={i18n.t(label || 'load-more-results')}\n      part=\"load-more-results-button\"\n      class=\"my-2 p-3 font-bold\"\n      onClick={() => onClick()}\n    ></Button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\nexport const LoadMoreContainer: FunctionalComponent = (_, children) => {\n  return (\n    <div class=\"flex flex-col items-center\" part=\"container\">\n      {children}\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\ninterface LoadMoreProgressBarProps {\n  from: number;\n  to: number;\n}\n\nexport const LoadMoreProgressBar: FunctionalComponent<\n  LoadMoreProgressBarProps\n> = ({from, to}) => {\n  const percentage = (from / to) * 100;\n  const width = `${Math.ceil(percentage)}%`;\n  return (\n    <div part=\"progress-bar\" class=\"bg-neutral relative my-2 h-1 w-72 rounded\">\n      <div\n        class=\"progress-bar absolute top-0 left-0 z-1 h-full overflow-hidden rounded bg-linear-to-r\"\n        style={{width}}\n      ></div>\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\ninterface LoadMoreSummaryProps {\n  i18n: i18n;\n  from: number;\n  to: number;\n  label?: 'showing-results-of-load-more' | 'showing-products-of-load-more';\n}\n\nexport const LoadMoreSummary: FunctionalComponent<LoadMoreSummaryProps> = ({\n  i18n,\n  from,\n  to,\n  label,\n}) => {\n  const wrapHighlight = (content: string) => {\n    return `<span class=\"font-bold text-on-background\" part=\"highlight\">${content}</span>`;\n  };\n\n  const locale = i18n.language;\n  const content = i18n.t(label || 'showing-results-of-load-more', {\n    interpolation: {escapeValue: false},\n    last: wrapHighlight(from.toLocaleString(locale)),\n    total: wrapHighlight(to.toLocaleString(locale)),\n  });\n\n  return (\n    <div\n      class=\"text-neutral-dark my-2 text-lg\"\n      part=\"showing-results\"\n      innerHTML={content}\n    ></div>\n  );\n};\n","@import '../../../global/global.pcss';\n\n/**\n * @prop --atomic-more-results-progress-bar-color-from: Color of the start of the gradient for the load more results progress bar.\n * @prop --atomic-more-results-progress-bar-color-to: Color of the end of the gradient for the load more results progress bar.\n */\n.progress-bar {\n  @apply from-more-results-progress-bar-color-from;\n  @apply to-more-results-progress-bar-color-to;\n}\n","import {\n  QuerySummary,\n  QuerySummaryState,\n  buildQuerySummary,\n  ResultList,\n  ResultListState,\n  buildResultList,\n} from '@coveo/headless';\nimport {Component, h, State} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {createAppLoadedListener} from '../../common/interface/store';\nimport {LoadMoreGuard} from '../../common/load-more/guard';\nimport {LoadMoreButton} from '../../common/load-more/stencil-button';\nimport {LoadMoreContainer} from '../../common/load-more/stencil-container';\nimport {LoadMoreProgressBar} from '../../common/load-more/stencil-progress-bar';\nimport {LoadMoreSummary} from '../../common/load-more/stencil-summary';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-load-more-results` component allows the user to load additional results if more are available.\n *\n * @part container - The container of the component.\n * @part showing-results - The summary displaying which results are shown and how many are available.\n * @part highlight - The highlighted number of results displayed and number of results available.\n * @part progress-bar - The progress bar displaying a percentage of results shown over the total number of results available.\n * @part load-more-results-button - The \"Load more results\" button.\n */\n@Component({\n  tag: 'atomic-load-more-results',\n  styleUrl: 'atomic-load-more-results.pcss',\n  shadow: true,\n})\nexport class AtomicLoadMoreResults {\n  @InitializeBindings() public bindings!: Bindings;\n  public querySummary!: QuerySummary;\n  public resultList!: ResultList;\n\n  @BindStateToController('querySummary')\n  @State()\n  private querySummaryState!: QuerySummaryState;\n  @BindStateToController('resultList')\n  @State()\n  private resultListState!: ResultListState;\n  @State() public error!: Error;\n  @State() private isAppLoaded = false;\n\n  public initialize() {\n    this.querySummary = buildQuerySummary(this.bindings.engine);\n    this.resultList = buildResultList(this.bindings.engine, {\n      options: {\n        fieldsToInclude: [],\n      },\n    });\n    createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n      this.isAppLoaded = isAppLoaded;\n    });\n  }\n\n  private async onClick() {\n    // TODO KIT-4227: Once the focus mess is resolved, ensure that:\n    // The focus is set on the next new result after loading more results **without scrolling**.\n    //this.bindings.store.state.resultList?.focusOnNextNewResult();\n    (document.activeElement as HTMLElement)?.blur(); // Blur the active element to avoid focus issues, remove when focus mess is resolved.\n    this.resultList.fetchMoreResults();\n  }\n\n  public render() {\n    const {lastResult: from, total: to} = this.querySummaryState;\n    const {i18n} = this.bindings;\n\n    return (\n      <LoadMoreGuard\n        hasResults={this.querySummaryState.hasResults}\n        isLoaded={this.isAppLoaded}\n      >\n        <LoadMoreContainer>\n          <LoadMoreSummary from={from} to={to} i18n={i18n} />\n          <LoadMoreProgressBar from={from} to={to} />\n          <LoadMoreButton\n            i18n={i18n}\n            moreAvailable={this.resultListState.moreResultsAvailable}\n            onClick={() => this.onClick()}\n          />\n        </LoadMoreContainer>\n      </LoadMoreGuard>\n    );\n  }\n}\n"],"mappings":"sZAMO,MAAMA,EAAyD,EACnEC,WAAUC,cACXC,KAEA,IAAKF,IAAaC,EAAY,CAC5B,M,CAEF,OAAOE,EAACC,EAAQ,KAAEF,EAAoB,ECIjC,MAAMG,EAET,EAAEC,OAAMC,UAASC,gBAAeC,YAClC,IAAKD,EAAe,CAClB,M,CAEF,OACEL,EAACO,EAAM,CACLC,MAAM,UACNC,KAAMN,EAAKO,EAAEJ,GAAS,qBACtBK,KAAK,2BACLC,MAAM,qBACNR,QAAS,IAAMA,KACP,EC5BP,MAAMS,EAAyC,CAACC,EAAGf,IAEtDC,EAAA,OAAKY,MAAM,6BAA6BD,KAAK,aAC1CZ,GCEA,MAAMgB,EAET,EAAEC,OAAMC,SACV,MAAMC,EAAcF,EAAOC,EAAM,IACjC,MAAME,EAAQ,GAAGC,KAAKC,KAAKH,MAC3B,OACElB,EAAA,OAAKW,KAAK,eAAeC,MAAM,6CAC7BZ,EAAA,OACEY,MAAM,uFACNJ,MAAO,CAACW,WAEN,ECRH,MAAMG,EAA6D,EACxEnB,OACAa,OACAC,KACAX,YAEA,MAAMiB,EAAiBC,GACd,+DAA+DA,WAGxE,MAAMC,EAAStB,EAAKuB,SACpB,MAAMF,EAAUrB,EAAKO,EAAEJ,GAAS,+BAAgC,CAC9DqB,cAAe,CAACC,YAAa,OAC7BC,KAAMN,EAAcP,EAAKc,eAAeL,IACxCM,MAAOR,EAAcN,EAAGa,eAAeL,MAGzC,OACEzB,EAAA,OACEY,MAAM,iCACND,KAAK,kBACLqB,UAAWR,GACN,EChCX,MAAMS,EAA2B,+4jEACjC,MAAAC,EAAeD,E,iXCkCFE,EAAqB,M,yBAYfC,KAAAC,YAAc,M,sGAAA,K,CAExB,UAAAC,GACLF,KAAKG,aAAeC,EAAkBJ,KAAKK,SAASC,QACpDN,KAAKO,WAAaC,EAAgBR,KAAKK,SAASC,OAAQ,CACtDG,QAAS,CACPC,gBAAiB,MAGrBC,EAAwBX,KAAKK,SAASO,OAAQX,IAC5CD,KAAKC,YAAcA,CAAW,G,CAI1B,aAAMjC,GAIX6C,SAASC,eAA+BC,OACzCf,KAAKO,WAAWS,kB,CAGX,MAAAC,GACL,MAAOC,WAAYtC,EAAMe,MAAOd,GAAMmB,KAAKmB,kBAC3C,MAAMpD,KAACA,GAAQiC,KAAKK,SAEpB,OACEzC,EAACJ,EAAa,CAAA4D,IAAA,2CACZ1D,WAAYsC,KAAKmB,kBAAkBzD,WACnCD,SAAUuC,KAAKC,aAEfrC,EAACa,EAAiB,CAAA2C,IAAA,4CAChBxD,EAACsB,EAAe,CAAAkC,IAAA,2CAACxC,KAAMA,EAAMC,GAAIA,EAAId,KAAMA,IAC3CH,EAACe,EAAmB,CAAAyC,IAAA,2CAACxC,KAAMA,EAAMC,GAAIA,IACrCjB,EAACE,EAAc,CAAAsD,IAAA,2CACbrD,KAAMA,EACNE,cAAe+B,KAAKqB,gBAAgBC,qBACpCtD,QAAS,IAAMgC,KAAKhC,a,GAhDDuD,EAAA,CAA5BC,K,+BAMOD,EAAA,CAFPE,EAAsB,iB,wCAKfF,EAAA,CAFPE,EAAsB,e","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["RIPPLE","getAnimationDurationInMilliseconds","radiusPixels","Math","cbrt","setPositionRelativeIfStatic","element","getComputedStyle","position","classList","add","async","createRipple","event","options","button","parent","currentTarget","existingRipple","getElementsByClassName","remove","Array","from","children","forEach","ripple","document","createElement","style","backgroundColor","color","setAttribute","diameter","max","clientWidth","clientHeight","radius","animationDuration","top","left","getBoundingClientRect","width","height","clientX","clientY","setProperty","prepend","cleanupAnimationOnFinish","listenOnce","setTimeout","Button","props","rippleColor","getRippleColorForButtonStyle","className","getClassNameForButtonStyle","attributes","class","part","onClick","title","type","role","ariaLabel","ariaExpanded","ariaPressed","ariaChecked","ariaCurrent","ariaControls","ariaHidden","disabled","ref","buttonEl","form","tabIndex","h","onMouseDown","e","text"],"sources":["src/utils/ripple-utils.ts","src/components/common/stencil-button.tsx"],"sourcesContent":["import {listenOnce} from './event-utils';\n\ninterface RippleOptions {\n  color: string;\n  /**\n   * When the ripple's parent is not the event's origin\n   */\n  parent?: Element;\n}\n\nconst RIPPLE = 'ripple';\n\nfunction getAnimationDurationInMilliseconds(radiusPixels: number) {\n  // A 318px wide button has a duration of 700ms.\n  return Math.cbrt(radiusPixels) * 129.21;\n}\n\nfunction setPositionRelativeIfStatic(element: Element) {\n  if (getComputedStyle(element).position === 'static') {\n    element.classList.add('ripple-relative');\n  }\n}\n\nexport async function createRipple(event: MouseEvent, options: RippleOptions) {\n  const button = options.parent ?? (event.currentTarget as Element);\n  const existingRipple = button.getElementsByClassName(RIPPLE)[0];\n  existingRipple?.remove();\n\n  button.classList.add('ripple-parent');\n  setPositionRelativeIfStatic(button);\n  Array.from(button.children).forEach(setPositionRelativeIfStatic);\n\n  const ripple = document.createElement('span');\n  ripple.classList.add(RIPPLE);\n  ripple.style.backgroundColor = `var(--atomic-${options.color})`;\n  ripple.setAttribute('part', RIPPLE);\n\n  const diameter = Math.max(button.clientWidth, button.clientHeight);\n  const radius = diameter / 2;\n  const animationDuration = getAnimationDurationInMilliseconds(radius);\n  const {top, left} = button.getBoundingClientRect();\n  ripple.style.width = ripple.style.height = `${diameter}px`;\n  ripple.style.left = `${event.clientX - (left + radius)}px`;\n  ripple.style.top = `${event.clientY - (top + radius)}px`;\n  ripple.style.setProperty('--animation-duration', `${animationDuration}ms`);\n  button.prepend(ripple);\n  await cleanupAnimationOnFinish(ripple, animationDuration);\n}\n\nasync function cleanupAnimationOnFinish(\n  ripple: HTMLSpanElement,\n  animationDuration: number\n) {\n  listenOnce(ripple, 'animationend', () => {\n    ripple?.remove();\n  });\n  // Backup in case the button gets hidden or unmounted and the ripple hasn't been cleaned up.\n  setTimeout(\n    () => ripple?.remove(),\n    animationDuration + animationDuration * 0.1\n  );\n}\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {createRipple} from '../../utils/ripple-utils';\nimport {\n  ButtonStyle,\n  getRippleColorForButtonStyle,\n  getClassNameForButtonStyle,\n} from './stencil-button-style';\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use ButtonProps interface instead\n */\nexport interface StencilButtonProps {\n  style: ButtonStyle;\n  onClick?(event?: MouseEvent): void;\n  class?: string;\n  text?: string;\n  part?: string;\n  type?: string;\n  form?: string;\n  role?: string;\n  disabled?: boolean;\n  ariaLabel?: string;\n  ariaExpanded?: string;\n  ariaPressed?: string;\n  ariaChecked?: string;\n  ariaCurrent?: string;\n  ariaControls?: string;\n  ariaHidden?: string;\n  tabIndex?: string;\n  title?: string;\n  ref?(element?: HTMLButtonElement): void;\n}\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the button.ts file instead\n */\nexport const Button: FunctionalComponent<StencilButtonProps> = (\n  props,\n  children\n) => {\n  const rippleColor = getRippleColorForButtonStyle(props.style);\n  const className = getClassNameForButtonStyle(props.style);\n\n  const attributes = {\n    class: props.class ? `${className} ${props.class}` : className,\n    part: props.part,\n    onClick: props.onClick,\n    title: props.title,\n    type: props.type,\n    role: props.role,\n    'aria-label': props.ariaLabel,\n    'aria-expanded': props.ariaExpanded,\n    'aria-pressed': props.ariaPressed,\n    'aria-checked': props.ariaChecked,\n    'aria-current': props.ariaCurrent,\n    'aria-controls': props.ariaControls,\n    'aria-hidden': props.ariaHidden,\n    disabled: props.disabled,\n    ref(buttonEl?: HTMLButtonElement) {\n      if (props.form) {\n        buttonEl?.setAttribute('form', props.form);\n      }\n      if (props.ariaHidden) {\n        buttonEl?.setAttribute('aria-hidden', props.ariaHidden);\n      }\n      if (props.tabIndex) {\n        buttonEl?.setAttribute('tabindex', props.tabIndex);\n      }\n      props.ref?.(buttonEl);\n    },\n  };\n\n  return (\n    <button\n      {...attributes}\n      onMouseDown={(e) => createRipple(e, {color: rippleColor})}\n    >\n      {props.text ? <span class=\"truncate\">{props.text}</span> : null}\n      {children}\n    </button>\n  );\n};\n"],"mappings":"mHAUA,MAAMA,EAAS,SAEf,SAASC,EAAmCC,GAE1C,OAAOC,KAAKC,KAAKF,GAAgB,MACnC,CAEA,SAASG,EAA4BC,GACnC,GAAIC,iBAAiBD,GAASE,WAAa,SAAU,CACnDF,EAAQG,UAAUC,IAAI,kB,CAE1B,CAEOC,eAAeC,EAAaC,EAAmBC,GACpD,MAAMC,EAASD,EAAQE,QAAWH,EAAMI,cACxC,MAAMC,EAAiBH,EAAOI,uBAAuBnB,GAAQ,GAC7DkB,GAAgBE,SAEhBL,EAAON,UAAUC,IAAI,iBACrBL,EAA4BU,GAC5BM,MAAMC,KAAKP,EAAOQ,UAAUC,QAAQnB,GAEpC,MAAMoB,EAASC,SAASC,cAAc,QACtCF,EAAOhB,UAAUC,IAAIV,GACrByB,EAAOG,MAAMC,gBAAkB,gBAAgBf,EAAQgB,SACvDL,EAAOM,aAAa,OAAQ/B,GAE5B,MAAMgC,EAAW7B,KAAK8B,IAAIlB,EAAOmB,YAAanB,EAAOoB,cACrD,MAAMC,EAASJ,EAAW,EAC1B,MAAMK,EAAoBpC,EAAmCmC,GAC7D,MAAME,IAACA,EAAGC,KAAEA,GAAQxB,EAAOyB,wBAC3Bf,EAAOG,MAAMa,MAAQhB,EAAOG,MAAMc,OAAS,GAAGV,MAC9CP,EAAOG,MAAMW,KAAO,GAAG1B,EAAM8B,SAAWJ,EAAOH,OAC/CX,EAAOG,MAAMU,IAAM,GAAGzB,EAAM+B,SAAWN,EAAMF,OAC7CX,EAAOG,MAAMiB,YAAY,uBAAwB,GAAGR,OACpDtB,EAAO+B,QAAQrB,SACTsB,EAAyBtB,EAAQY,EACzC,CAEA1B,eAAeoC,EACbtB,EACAY,GAEAW,EAAWvB,EAAQ,gBAAgB,KACjCA,GAAQL,QAAQ,IAGlB6B,YACE,IAAMxB,GAAQL,UACdiB,EAAoBA,EAAoB,GAE5C,C,MCzBaa,EAAkD,CAC7DC,EACA5B,KAEA,MAAM6B,EAAcC,EAA6BF,EAAMvB,OACvD,MAAM0B,EAAYC,EAA2BJ,EAAMvB,OAEnD,MAAM4B,EAAa,CACjBC,MAAON,EAAMM,MAAQ,GAAGH,KAAaH,EAAMM,QAAUH,EACrDI,KAAMP,EAAMO,KACZC,QAASR,EAAMQ,QACfC,MAAOT,EAAMS,MACbC,KAAMV,EAAMU,KACZC,KAAMX,EAAMW,KACZ,aAAcX,EAAMY,UACpB,gBAAiBZ,EAAMa,aACvB,eAAgBb,EAAMc,YACtB,eAAgBd,EAAMe,YACtB,eAAgBf,EAAMgB,YACtB,gBAAiBhB,EAAMiB,aACvB,cAAejB,EAAMkB,WACrBC,SAAUnB,EAAMmB,SAChB,GAAAC,CAAIC,GACF,GAAIrB,EAAMsB,KAAM,CACdD,GAAUzC,aAAa,OAAQoB,EAAMsB,K,CAEvC,GAAItB,EAAMkB,WAAY,CACpBG,GAAUzC,aAAa,cAAeoB,EAAMkB,W,CAE9C,GAAIlB,EAAMuB,SAAU,CAClBF,GAAUzC,aAAa,WAAYoB,EAAMuB,S,CAE3CvB,EAAMoB,MAAMC,E,GAIhB,OACEG,EAAA,aACMnB,EACJoB,YAAcC,GAAMjE,EAAaiE,EAAG,CAAC/C,MAAOsB,KAE3CD,EAAM2B,KAAOH,EAAA,QAAMlB,MAAM,YAAYN,EAAM2B,MAAe,KAC1DvD,EACM,S","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["SmartSnippetFeedbackBanner","props","inquiryId","id","thankYouId","radioGroupName","Inquiry","h","part","class","i18n","t","Buttons","liked","icon","Checkmark","RadioButton","groupName","text","checked","onChecked","onLike","disliked","Cross","onDislike","ThankYouMessage","ExplainWhyButton","Button","style","onClick","onPressExplainWhy","ref","element","explainWhyRef","ThankYouContainer","visible","feedbackSent","role","SmartSnippetWrapper","headingLevel","children","Heading","level","SmartSnippetQuestion","question","SmartSnippetTruncatedAnswer","answer","exportparts","htmlContent","innerStyle","SmartSnippetFooter"],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-feedback-banner.tsx","src/components/common/smart-snippets/atomic-smart-snippet/smart-snippet-common.tsx"],"sourcesContent":["import {h, FunctionalComponent} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport Checkmark from '../../../images/checkmark.svg';\nimport Cross from '../../../images/cross.svg';\nimport {Button} from '../stencil-button';\nimport {RadioButton} from '../stencil-radio-button';\n\ninterface SmartSnippetFeedbackBannerProps {\n  i18n: i18n;\n  id: string;\n  liked: boolean;\n  disliked: boolean;\n  feedbackSent: boolean;\n  onLike(): void;\n  onDislike(): void;\n  onPressExplainWhy(): void;\n  explainWhyRef?(element?: HTMLButtonElement): void;\n}\n\nexport const SmartSnippetFeedbackBanner: FunctionalComponent<\n  SmartSnippetFeedbackBannerProps\n> = (props) => {\n  const inquiryId = 'feedback-inquiry-' + props.id;\n  const thankYouId = 'feedback-thank-you-' + props.id;\n  const radioGroupName = 'feedback-options-' + props.id;\n\n  const Inquiry = () => (\n    <span id={inquiryId} part=\"feedback-inquiry\" class=\"shrink-0\">\n      {props.i18n.t('smart-snippet-feedback-inquiry')}\n    </span>\n  );\n\n  const Buttons = () => (\n    <div part=\"feedback-buttons\" class=\"flex gap-x-4\">\n      <label\n        part=\"feedback-like-button\"\n        class={\n          'flex items-center gap-x-1.5 ' +\n          (props.liked ? 'text-success' : 'cursor-pointer hover:underline')\n        }\n      >\n        <atomic-icon icon={Checkmark} class=\"w-3.5\"></atomic-icon>\n        <RadioButton\n          groupName={radioGroupName}\n          text={props.i18n.t('yes')}\n          checked={props.liked}\n          onChecked={() => props.onLike()}\n          class=\"cursor-[inherit] text-[inherit]\"\n        ></RadioButton>\n      </label>\n      <label\n        part=\"feedback-dislike-button\"\n        class={\n          'flex items-center gap-x-1.5 ' +\n          (props.disliked ? 'text-error' : 'cursor-pointer hover:underline')\n        }\n      >\n        <atomic-icon icon={Cross} class=\"w-3.5\"></atomic-icon>\n        <RadioButton\n          groupName={radioGroupName}\n          text={props.i18n.t('no')}\n          checked={props.disliked}\n          onChecked={() => props.onDislike()}\n          class=\"cursor-[inherit] text-[inherit]\"\n        ></RadioButton>\n      </label>\n    </div>\n  );\n\n  const ThankYouMessage = () => (\n    <span id={thankYouId} part=\"feedback-thank-you\" class=\"inline-flex\">\n      {props.i18n.t('smart-snippet-feedback-thanks')}\n    </span>\n  );\n\n  const ExplainWhyButton = () => (\n    <Button\n      part=\"feedback-explain-why-button\"\n      style=\"text-primary\"\n      onClick={() => props.onPressExplainWhy()}\n      ref={(element) => props.explainWhyRef?.(element)}\n    >\n      {props.i18n.t('smart-snippet-feedback-explain-why')}\n    </Button>\n  );\n\n  const ThankYouContainer = ({visible}: {visible: boolean}) =>\n    visible ? (\n      <div part=\"feedback-thank-you-wrapper\" class=\"flex flex-wrap gap-1\">\n        <ThankYouMessage></ThankYouMessage>\n        {props.disliked && !props.feedbackSent ? (\n          <ExplainWhyButton></ExplainWhyButton>\n        ) : (\n          []\n        )}\n      </div>\n    ) : (\n      []\n    );\n\n  return (\n    <div\n      part=\"feedback-banner\"\n      class=\"flex flex-wrap items-center gap-4 text-sm leading-4\"\n    >\n      <div\n        part=\"feedback-inquiry-and-buttons\"\n        role=\"radiogroup\"\n        aria-labelledby={inquiryId}\n        class=\"inline-flex flex-wrap gap-4\"\n      >\n        <Inquiry></Inquiry>\n        <Buttons></Buttons>\n      </div>\n      <ThankYouContainer\n        visible={props.liked || props.disliked}\n      ></ThankYouContainer>\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Heading} from '../../stencil-heading';\n\nexport interface SmartSnippetQuestionProps {\n  headingLevel?: number;\n  question: string;\n}\n\nexport const SmartSnippetWrapper: FunctionalComponent<{\n  headingLevel?: number;\n  i18n: i18n;\n}> = ({headingLevel, i18n}, children) => {\n  return (\n    <aside>\n      <Heading level={headingLevel ?? 0} class=\"sr-only\">\n        {i18n.t('smart-snippet')}\n      </Heading>\n      <article\n        class=\"bg-background border-neutral text-on-background rounded-lg border p-6 pb-4\"\n        part=\"smart-snippet\"\n      >\n        {children}\n      </article>\n    </aside>\n  );\n};\n\nexport const SmartSnippetQuestion: FunctionalComponent<{\n  headingLevel?: number;\n  question: string;\n}> = ({headingLevel, question}) => {\n  return (\n    <Heading\n      level={headingLevel ? headingLevel + 1 : 0}\n      class=\"text-xl font-bold\"\n      part=\"question\"\n    >\n      {question}\n    </Heading>\n  );\n};\n\nexport const SmartSnippetTruncatedAnswer: FunctionalComponent<{\n  answer: string;\n  style?: string;\n}> = ({answer, style}) => {\n  return (\n    <div part=\"truncated-answer\">\n      <atomic-smart-snippet-answer\n        exportparts=\"answer\"\n        part=\"body\"\n        htmlContent={answer}\n        innerStyle={style}\n      ></atomic-smart-snippet-answer>\n    </div>\n  );\n};\n\nexport const SmartSnippetFooter: FunctionalComponent<{i18n: i18n}> = (\n  {i18n},\n  children\n) => {\n  return (\n    <footer part=\"footer\" aria-label={i18n.t('smart-snippet-source')}>\n      {children}\n    </footer>\n  );\n};\n"],"mappings":"oyBAmBaA,EAERC,IACH,MAAMC,EAAY,oBAAsBD,EAAME,GAC9C,MAAMC,EAAa,sBAAwBH,EAAME,GACjD,MAAME,EAAiB,oBAAsBJ,EAAME,GAEnD,MAAMG,EAAU,IACdC,EAAA,QAAMJ,GAAID,EAAWM,KAAK,mBAAmBC,MAAM,YAChDR,EAAMS,KAAKC,EAAE,mCAIlB,MAAMC,EAAU,IACdL,EAAA,OAAKC,KAAK,mBAAmBC,MAAM,gBACjCF,EAAA,SACEC,KAAK,uBACLC,MACE,gCACCR,EAAMY,MAAQ,eAAiB,mCAGlCN,EAAA,eAAaO,KAAMC,EAAWN,MAAM,UACpCF,EAACS,EAAW,CACVC,UAAWZ,EACXa,KAAMjB,EAAMS,KAAKC,EAAE,OACnBQ,QAASlB,EAAMY,MACfO,UAAW,IAAMnB,EAAMoB,SACvBZ,MAAM,qCAGVF,EAAA,SACEC,KAAK,0BACLC,MACE,gCACCR,EAAMqB,SAAW,aAAe,mCAGnCf,EAAA,eAAaO,KAAMS,EAAOd,MAAM,UAChCF,EAACS,EAAW,CACVC,UAAWZ,EACXa,KAAMjB,EAAMS,KAAKC,EAAE,MACnBQ,QAASlB,EAAMqB,SACfF,UAAW,IAAMnB,EAAMuB,YACvBf,MAAM,sCAMd,MAAMgB,EAAkB,IACtBlB,EAAA,QAAMJ,GAAIC,EAAYI,KAAK,qBAAqBC,MAAM,eACnDR,EAAMS,KAAKC,EAAE,kCAIlB,MAAMe,EAAmB,IACvBnB,EAACoB,EAAM,CACLnB,KAAK,8BACLoB,MAAM,eACNC,QAAS,IAAM5B,EAAM6B,oBACrBC,IAAMC,GAAY/B,EAAMgC,gBAAgBD,IAEvC/B,EAAMS,KAAKC,EAAE,uCAIlB,MAAMuB,EAAoB,EAAEC,aAC1BA,EACE5B,EAAA,OAAKC,KAAK,6BAA6BC,MAAM,wBAC3CF,EAACkB,EAAe,MACfxB,EAAMqB,WAAarB,EAAMmC,aACxB7B,EAACmB,EAAgB,MAAoB,IAInC,GAKV,OACEnB,EAAA,OACEC,KAAK,kBACLC,MAAM,uDAENF,EAAA,OACEC,KAAK,+BACL6B,KAAK,aAAY,kBACAnC,EACjBO,MAAM,+BAENF,EAACD,EAAO,MACRC,EAACK,EAAO,OAEVL,EAAC2B,EAAiB,CAChBC,QAASlC,EAAMY,OAASZ,EAAMqB,WAE5B,E,MC5GGgB,EAGR,EAAEC,eAAc7B,QAAO8B,IAExBjC,EAAA,aACEA,EAACkC,EAAO,CAACC,MAAOH,GAAgB,EAAG9B,MAAM,WACtCC,EAAKC,EAAE,kBAEVJ,EAAA,WACEE,MAAM,6EACND,KAAK,iBAEJgC,I,MAMIG,EAGR,EAAEJ,eAAcK,cAEjBrC,EAACkC,EAAO,CACNC,MAAOH,EAAeA,EAAe,EAAI,EACzC9B,MAAM,oBACND,KAAK,YAEJoC,G,MAKMC,EAGR,EAAEC,SAAQlB,WAEXrB,EAAA,OAAKC,KAAK,oBACRD,EAAA,+BACEwC,YAAY,SACZvC,KAAK,OACLwC,YAAaF,EACbG,WAAYrB,K,MAMPsB,EAAwD,EAClExC,QACD8B,IAGEjC,EAAA,UAAQC,KAAK,SAAQ,aAAaE,EAAKC,EAAE,yBACtC6B,U","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["Cancel","i18n","onClick","h","Button","style","part","text","t","class","getSummary","query","hasResults","i18nKey","labelFor","interpolation","escapeValue","atomicNoResultsCss","AtomicNoResultsStyle0","AtomicNoResults","this","enableCancelLastAction","initialize","searchStatus","buildSearchStatus","bindings","engine","history","buildHistoryManager","querySummary","buildQuerySummary","render","ariaMessage","querySummaryState","searchStatusState","NoItemsGuard","key","NoItemsContainer","MagnifyingGlass","NoItems","SearchTips","historyState","past","length","backOnNoResults","__decorate","InitializeBindings","BindStateToController","AriaLiveRegion"],"sources":["src/components/common/no-items/cancel.tsx","src/components/common/no-items/utils.ts","src/components/search/atomic-no-results/atomic-no-results.pcss?tag=atomic-no-results&encapsulation=shadow","src/components/search/atomic-no-results/atomic-no-results.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\ninterface CancelProps {\n  i18n: i18n;\n  onClick: () => void;\n}\nexport const Cancel: FunctionalComponent<CancelProps> = ({i18n, onClick}) => {\n  return (\n    <Button\n      style=\"primary\"\n      part=\"cancel-button\"\n      text={i18n.t('cancel-last-action')}\n      onClick={() => onClick()}\n      class=\"my-3 px-2.5 py-3 font-bold\"\n    ></Button>\n  );\n};\n","import type {i18n} from 'i18next';\n\nexport const getSummary = (\n  i18n: i18n,\n  query: string,\n  hasResults: boolean,\n  i18nKey: 'no-products' | 'no-results'\n) => {\n  if (hasResults) {\n    return '';\n  }\n\n  const labelFor = `${i18nKey}-for`;\n\n  return query\n    ? i18n.t(labelFor, {\n        interpolation: {escapeValue: false},\n        query,\n      })\n    : i18n.t(i18nKey);\n};\n","@import '../../../global/global.pcss';\n","import {\n  buildHistoryManager,\n  HistoryManager,\n  HistoryManagerState,\n  buildSearchStatus,\n  SearchStatus,\n  SearchStatusState,\n  QuerySummary,\n  QuerySummaryState,\n  buildQuerySummary,\n} from '@coveo/headless';\nimport {Component, h, Prop, State} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {Cancel} from '../../common/no-items/cancel';\nimport {NoItemsContainer} from '../../common/no-items/stencil-container';\nimport {NoItemsGuard} from '../../common/no-items/stencil-guard';\nimport {MagnifyingGlass} from '../../common/no-items/stencil-magnifying-glass';\nimport {NoItems} from '../../common/no-items/stencil-no-items';\nimport {SearchTips} from '../../common/no-items/stencil-tips';\nimport {getSummary} from '../../common/no-items/utils';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-no-results` component displays search tips and a \"Cancel last action\" button when there are no results. Any additional content slotted inside of its element will be displayed as well.\n *\n * @part cancel-button - The \"Cancel last action\" button.\n * @part no-results - The text indicating that no results were found for the search.\n * @part search-tips - The search tips to help the user correct the query.\n * @part highlight - The highlighted query.\n * @part icon - The magnifying glass icon.\n *\n * @slot default - Any additional content slotted inside of its element will be displayed as well.\n */\n@Component({\n  tag: 'atomic-no-results',\n  styleUrl: 'atomic-no-results.pcss',\n  shadow: true,\n})\nexport class AtomicNoResults {\n  @InitializeBindings() public bindings!: Bindings;\n  public searchStatus!: SearchStatus;\n  public history!: HistoryManager;\n  public querySummary!: QuerySummary;\n\n  @BindStateToController('searchStatus')\n  @State()\n  private searchStatusState!: SearchStatusState;\n  @BindStateToController('history')\n  @State()\n  private historyState!: HistoryManagerState;\n  @BindStateToController('querySummary')\n  @State()\n  private querySummaryState!: QuerySummaryState;\n  @State() public error!: Error;\n\n  @AriaLiveRegion('no-results')\n  protected ariaMessage!: string;\n\n  /**\n   * Whether to display a button which cancels the last available action.\n   */\n  @Prop({reflect: true}) enableCancelLastAction = true;\n\n  public initialize() {\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n    this.history = buildHistoryManager(this.bindings.engine);\n    this.querySummary = buildQuerySummary(this.bindings.engine);\n  }\n\n  public render() {\n    const {\n      bindings: {i18n},\n    } = this;\n    this.ariaMessage = getSummary(\n      i18n,\n      this.querySummaryState.query,\n      this.searchStatusState.hasResults,\n      'no-results'\n    );\n\n    return (\n      <NoItemsGuard {...this.searchStatusState}>\n        <NoItemsContainer>\n          <MagnifyingGlass />\n          <NoItems\n            query={this.querySummaryState.query}\n            i18n={i18n}\n            i18nKey=\"no-results\"\n          />\n          <SearchTips i18n={i18n} />\n          {this.enableCancelLastAction && this.historyState.past.length ? (\n            <Cancel\n              i18n={i18n}\n              onClick={() => this.history.backOnNoResults()}\n            />\n          ) : null}\n        </NoItemsContainer>\n      </NoItemsGuard>\n    );\n  }\n}\n"],"mappings":"kjBAQO,MAAMA,EAA2C,EAAEC,OAAMC,aAE5DC,EAACC,EAAM,CACLC,MAAM,UACNC,KAAK,gBACLC,KAAMN,EAAKO,EAAE,sBACbN,QAAS,IAAMA,IACfO,MAAM,+BCbL,MAAMC,EAAa,CACxBT,EACAU,EACAC,EACAC,KAEA,GAAID,EAAY,CACd,MAAO,E,CAGT,MAAME,EAAW,GAAGD,QAEpB,OAAOF,EACHV,EAAKO,EAAEM,EAAU,CACfC,cAAe,CAACC,YAAa,OAC7BL,UAEFV,EAAKO,EAAEK,EAAQ,ECnBrB,MAAMI,EAAqB,+8iEAC3B,MAAAC,EAAeD,E,iXCyCFE,EAAe,M,yBAuBHC,KAAAC,uBAAyB,K,+IAAA,I,CAEzC,UAAAC,GACLF,KAAKG,aAAeC,EAAkBJ,KAAKK,SAASC,QACpDN,KAAKO,QAAUC,EAAoBR,KAAKK,SAASC,QACjDN,KAAKS,aAAeC,EAAkBV,KAAKK,SAASC,O,CAG/C,MAAAK,GACL,MACEN,UAAUxB,KAACA,IACTmB,KACJA,KAAKY,YAActB,EACjBT,EACAmB,KAAKa,kBAAkBtB,MACvBS,KAAKc,kBAAkBtB,WACvB,cAGF,OACET,EAACgC,EAAY,CAAAC,IAAA,8CAAKhB,KAAKc,mBACrB/B,EAACkC,EAAgB,CAAAD,IAAA,4CACfjC,EAACmC,EAAe,CAAAF,IAAA,6CAChBjC,EAACoC,EAAO,CAAAH,IAAA,2CACNzB,MAAOS,KAAKa,kBAAkBtB,MAC9BV,KAAMA,EACNY,QAAQ,eAEVV,EAACqC,EAAU,CAAAJ,IAAA,2CAACnC,KAAMA,IACjBmB,KAAKC,wBAA0BD,KAAKqB,aAAaC,KAAKC,OACrDxC,EAACH,EAAM,CACLC,KAAMA,EACNC,QAAS,IAAMkB,KAAKO,QAAQiB,oBAE5B,M,GAxDiBC,EAAA,CAA5BC,K,+BAOOD,EAAA,CAFPE,EAAsB,iB,wCAKfF,EAAA,CAFPE,EAAsB,Y,mCAKfF,EAAA,CAFPE,EAAsB,iB,wCAMbF,EAAA,CADTG,EAAe,e","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["ItemListGuard","hasError","hasItems","firstRequestExecuted","hasTemplate","templateHasError","children","h","Fragment"],"sources":["src/components/common/item-list/item-list-guard.tsx"],"sourcesContent":["import {FunctionalComponent, h, Fragment} from '@stencil/core';\n\nexport interface ItemListGuardProps {\n  hasError: boolean;\n  hasItems: boolean;\n  hasTemplate: boolean;\n  firstRequestExecuted: boolean;\n  templateHasError: boolean;\n}\n\nexport const ItemListGuard: FunctionalComponent<ItemListGuardProps> = (\n  {hasError, hasItems, firstRequestExecuted, hasTemplate, templateHasError},\n  children\n) => {\n  if (hasError || (firstRequestExecuted && !hasItems) || !hasTemplate) {\n    return;\n  }\n  return (\n    <Fragment>\n      {templateHasError && <slot></slot>}\n      {...children}\n    </Fragment>\n  );\n};\n"],"mappings":"iDAUaA,EAAyD,EACnEC,WAAUC,WAAUC,uBAAsBC,cAAaC,oBACxDC,KAEA,GAAIL,GAAaE,IAAyBD,IAAcE,EAAa,CACnE,M,CAEF,OACEG,EAACC,EAAQ,KACNH,GAAoBE,EAAA,gBACjBD,EACK,S","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["NoItemsContainer","_","children","h","class","MagnifyingGlass","part","icon","MagnifyingGlassIcon"],"sources":["src/components/common/no-items/stencil-container.tsx","src/components/common/no-items/stencil-magnifying-glass.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\nexport const NoItemsContainer: FunctionalComponent = (_, children) => [\n  <div class=\"text-on-background flex h-full w-full flex-col items-center\">\n    {children}\n  </div>,\n  <slot></slot>,\n];\n","import {FunctionalComponent, h} from '@stencil/core';\nimport MagnifyingGlassIcon from '../../../images/magnifying-glass.svg';\n\nexport const MagnifyingGlass: FunctionalComponent = () => (\n  <atomic-icon\n    part=\"icon\"\n    icon={MagnifyingGlassIcon}\n    class=\"my-6 flex w-1/2 max-w-lg flex-col items-center\"\n  ></atomic-icon>\n);\n"],"mappings":"0CAEaA,EAAwC,CAACC,EAAGC,IAAa,CACpEC,EAAA,OAAKC,MAAM,+DACRF,GAEHC,EAAA,c,6hQCHWE,EAAuC,IAClDF,EAAA,eACEG,KAAK,OACLC,KAAMC,EACNJ,MAAM,0D","ignoreList":[]}