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

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":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["identifierKeywordsSection","QuickviewSidebar","props","words","minimized","numberOfWords","Object","values","length","minimizeButton","h","MinimizeButton","wordsLength","class","HighlightKeywordsCheckbox","Keywords","i18n","onMinimize","highlightKeywords","IconButton","partPrefix","icon","MinimizeIcon","style","title","t","ariaLabel","onClick","badge","undefined","ariaExpanded","toString","ariaControls","onHighlightKeywords","Fragment","StencilCheckbox","text","id","checked","highlightNone","onToggle","htmlFor","map","keyword","wordIsEnabled","keywords","enabled","key","backgroundColor","color","Intl","NumberFormat","language","notation","format","occurrences","FieldsetGroup","label","ArrowDown","disabled","navigateForward","ArrowUp","navigateBackward","tabIndex","ariaPressed","Remove","Add","indexIdentifier","documentIdentifierInIframe","writeDocument","documentWriter","content","open","write","close","scrollingElement","scrollTop","currentResultAlreadyWrittenToDocument","uniqueIdentifier","currentDocIdentifier","getElementById","textContent","ensureSameResultIsNotOverwritten","docIdentifier","createElement","display","setAttribute","body","appendChild","warnAboutLimitedUsageQuickview","logger","warn","QuickviewIframe","onSetIframeRef","sandbox","src","waitForIframeContentToBeWritten","Promise","resolve","setTimeout","ref","async","el","iframeRef","contentDocument","buildQuickviewPreviewBar","iframe","bar","buildPreviewBar","remove","docHeight","scrollHeight","forEach","word","elements","wordElement","previewUnit","buildPreviewUnit","previewBarId","innerHTML","position","top","right","width","height","elementPosition","getBoundingClientRect","border","previewBorderColor","rgbToHsv","r","g","b","max","Math","min","v","d","s","hsvToRgb","i","floor","f","p","q","round","HIGHLIGHT_PREFIX","QuickviewWordHighlight","constructor","stemmingInfoFromIndex","keywordElementInIframe","this","currentNavigationPosition","parsed","parseKeywordIdentifier","getText","keywordIdentifier","focusedColor","computeInvertedColor","computeSaturatedColor","addElement","push","highlightNavigation","putElementIntoView","isTaggedWord","element","nodeName","toLowerCase","currentElement","otherElements","filter","scrollIntoView","innerTextOfHTMLElement","getHighlightedInnerText","resolveOriginalTerm","trim","highlight","found","keys","find","originalTerm","originalTermMatch","stemmingExpansions","stemmingExpansionMatch","stemmingExpansion","getTextOfHTMLElement","children","Array","from","parts","substring","match","keywordTermPart","parseInt","innerText","extractRgb","newSaturation","rSaturated","gSaturated","bSaturated","rgbExtracted","getWordsHighlights","wordsHighlights","querySelectorAll","wordHTMLElementToHighlight","wordHighlight","alreadyScannedKeyword","atomicQuickviewModalCss","AtomicQuickviewModalStyle0","AtomicQuickviewModal","minimizeSidebar","watchHighlightKeywords","handleHighlightsScripts","componentWillLoad","bindings","store","isMobile","reset","result","interactiveResult","renderHeader","headerContent","buildInteractiveResult","engine","options","LinkWithItemAnalytics","href","clickUri","onSelect","select","onBeginDelayedSelect","beginDelayedSelect","onCancelPendingSelect","cancelPendingSelect","className","part","CloseIcon","onClose","slot","renderBody","minimize","quickviewSrc","quickviewUniqueIdentifier","termsToHighlight","renderFooter","Button","previousQuickview","emit","current","first","total","nextQuickview","modalCloseCallback","isOpen","highlightScriptId","state","resultPreview","contentURL","enableHighlights","removeDisableHighlightScript","enableHighlightsSpecificKeyword","identifier","disableHighlights","createDisableHighlightScript","disableHighlightsSpecificKeyword","doc","contentWindow","document","head","scriptId","createStyleElement","createTextNode","flatPhrasesToHighlight","phrasesToHighlight","search","response","entries","phrase","flatMap","keywordEntry","keywordStemming","requestId","uniqueId","render","fullscreen","exportparts","ATOMIC_MODAL_EXPORT_PARTS","__decorate","InitializeBindings"],"sources":["src/components/search/result-template-components/atomic-quickview-sidebar/atomic-quickview-sidebar.tsx","src/components/search/result-template-components/quickview-iframe/quickview-iframe.tsx","src/components/search/result-template-components/quickview-preview-bar/quickview-preview-bar.ts","src/utils/color-utils.ts","src/components/search/result-template-components/quickview-word-highlight/quickview-word-highlight.tsx","src/components/search/result-template-components/atomic-quickview-modal/atomic-quickview-modal.pcss?tag=atomic-quickview-modal&encapsulation=shadow","src/components/search/result-template-components/atomic-quickview-modal/atomic-quickview-modal.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport Add from '../../../../images/add.svg';\nimport ArrowDown from '../../../../images/arrow-bottom-rounded.svg';\nimport ArrowUp from '../../../../images/arrow-top-rounded.svg';\nimport MinimizeIcon from '../../../../images/menu.svg';\nimport Remove from '../../../../images/remove.svg';\nimport {IconButton} from '../../../common/stencil-iconButton';\nimport {StencilCheckbox} from '../../../common/stencil-checkbox';\nimport {FieldsetGroup} from '../../../common/stencil-fieldset-group';\nimport type {HighlightKeywords} from '../atomic-quickview-modal/atomic-quickview-modal';\nimport {QuickviewWordHighlight} from '../quickview-word-highlight/quickview-word-highlight';\n\nconst identifierKeywordsSection = 'coveo-quickview-sidebar-keywords';\n\nexport interface QuickviewSidebarProps {\n  words: Record<string, QuickviewWordHighlight>;\n  i18n: i18n;\n  highlightKeywords: HighlightKeywords;\n  onHighlightKeywords: (highlight: HighlightKeywords) => void;\n  minimized: boolean;\n  onMinimize: (minimize: boolean) => void;\n}\n\nexport const QuickviewSidebar: FunctionalComponent<QuickviewSidebarProps> = (\n  props\n) => {\n  const {words, minimized} = props;\n  const numberOfWords = Object.values(words).length;\n\n  if (numberOfWords === 0) {\n    return;\n  }\n\n  const minimizeButton = (\n    <MinimizeButton {...props} wordsLength={numberOfWords} />\n  );\n\n  return (\n    <div class=\"border-neutral h-full border-r p-4\">\n      {minimized && minimizeButton}\n      <div class=\"flex items-center justify-between\">\n        <div class=\"flex items-center\">\n          <HighlightKeywordsCheckbox {...props} />\n        </div>\n        {!minimized && <div>{minimizeButton}</div>}\n      </div>\n\n      {!minimized && <Keywords {...props} words={words} />}\n    </div>\n  );\n};\n\nconst MinimizeButton: FunctionalComponent<\n  Pick<\n    QuickviewSidebarProps,\n    'i18n' | 'minimized' | 'onMinimize' | 'highlightKeywords'\n  > & {wordsLength: number}\n> = ({i18n, minimized, onMinimize, highlightKeywords, wordsLength}) => (\n  <IconButton\n    partPrefix=\"sidebar-minimize\"\n    icon={MinimizeIcon}\n    style=\"text-transparent\"\n    title={i18n.t('quickview-toggle-navigation')}\n    ariaLabel={i18n.t('quickview-toggle-navigation')}\n    onClick={() => onMinimize(!minimized)}\n    badge={\n      highlightKeywords && minimized ? <slot>{wordsLength}</slot> : undefined\n    }\n    class={`w-fit ${minimized ? '' : 'ml-auto'}`}\n    ariaExpanded={(!minimized).toString()}\n    ariaControls={identifierKeywordsSection}\n  />\n);\n\nconst HighlightKeywordsCheckbox: FunctionalComponent<\n  Pick<\n    QuickviewSidebarProps,\n    'i18n' | 'highlightKeywords' | 'onHighlightKeywords' | 'minimized'\n  >\n> = ({i18n, highlightKeywords, onHighlightKeywords, minimized}) => (\n  <Fragment>\n    <StencilCheckbox\n      text={i18n.t('keywords-highlight')}\n      class=\"mr-2\"\n      id=\"atomic-quickview-sidebar-highlight-keywords\"\n      checked={!highlightKeywords.highlightNone}\n      onToggle={(checked) =>\n        onHighlightKeywords({\n          ...highlightKeywords,\n          highlightNone: !checked,\n        })\n      }\n    ></StencilCheckbox>\n    {!minimized && (\n      <label\n        class=\"cursor-pointer font-bold whitespace-nowrap\"\n        htmlFor=\"atomic-quickview-sidebar-highlight-keywords\"\n      >\n        {i18n.t('keywords-highlight')}\n      </label>\n    )}\n  </Fragment>\n);\n\nconst Keywords: FunctionalComponent<\n  Pick<\n    QuickviewSidebarProps,\n    'i18n' | 'onHighlightKeywords' | 'highlightKeywords'\n  > & {\n    words: Record<string, QuickviewWordHighlight>;\n  }\n> = ({words, i18n, highlightKeywords, onHighlightKeywords}) => {\n  return (\n    <div id={identifierKeywordsSection}>\n      {Object.values(words).map((keyword) => {\n        const wordIsEnabled =\n          !highlightKeywords.highlightNone &&\n          (highlightKeywords.keywords[keyword.text] === undefined ||\n            highlightKeywords.keywords[keyword.text].enabled === true);\n\n        return (\n          <div\n            key={keyword.text}\n            class=\"my-4 flex w-100 items-center justify-between gap-x-2\"\n          >\n            <div\n              class={`bg-background border-neutral flex grow items-center overflow-x-auto rounded-lg border ${\n                !wordIsEnabled ? 'pointer-events-none opacity-50' : ''\n              }`}\n            >\n              <div\n                class=\"flex grow items-center border-r p-4\"\n                aria-hidden=\"true\"\n              >\n                <div\n                  class=\"mr-2 h-5 w-5 flex-none\"\n                  style={{backgroundColor: keyword.color}}\n                ></div>\n                <div class=\"mr-2 grow whitespace-nowrap\">{keyword.text}</div>\n                <div class=\"flex-none\">\n                  (\n                  {new Intl.NumberFormat(i18n.language, {\n                    notation: 'compact',\n                  }).format(keyword.occurrences)}\n                  )\n                </div>\n              </div>\n              <FieldsetGroup\n                label={i18n.t('quickview-navigate-keywords', {\n                  occurrences: keyword.occurrences,\n                  keyword: keyword.text,\n                })}\n              >\n                <div class=\"flex px-2\">\n                  <IconButton\n                    partPrefix=\"sidebar-next\"\n                    icon={ArrowDown}\n                    disabled={!wordIsEnabled}\n                    style=\"text-transparent\"\n                    class=\"border-0\"\n                    ariaLabel={i18n.t('next')}\n                    title={i18n.t('next')}\n                    onClick={() => keyword.navigateForward()}\n                  />\n                  <IconButton\n                    partPrefix=\"sidebar-previous\"\n                    icon={ArrowUp}\n                    disabled={!wordIsEnabled}\n                    style=\"text-transparent\"\n                    class=\"border-0\"\n                    ariaLabel={i18n.t('previous')}\n                    title={i18n.t('previous')}\n                    onClick={() => keyword.navigateBackward()}\n                  />\n                </div>\n              </FieldsetGroup>\n            </div>\n            <IconButton\n              partPrefix=\"sidebar-remove-word\"\n              class={`${\n                highlightKeywords.highlightNone\n                  ? 'pointer-events-none opacity-50'\n                  : ''\n              }`}\n              tabIndex={highlightKeywords.highlightNone ? '-1' : '0'}\n              ariaPressed={(!wordIsEnabled).toString()}\n              style=\"text-transparent\"\n              icon={wordIsEnabled ? Remove : Add}\n              ariaLabel={i18n.t('quickview-remove-word')}\n              onClick={() => {\n                onHighlightKeywords({\n                  ...highlightKeywords,\n                  keywords: {\n                    ...highlightKeywords.keywords,\n                    [keyword.text]: {\n                      enabled: !wordIsEnabled,\n                      indexIdentifier: keyword.indexIdentifier,\n                    },\n                  },\n                });\n              }}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n","import {SearchEngine} from '@coveo/headless';\nimport {FunctionalComponent, h} from '@stencil/core';\n\nconst documentIdentifierInIframe = 'CoveoDocIdentifier';\n\nconst writeDocument = (documentWriter: Document, content: string) => {\n  documentWriter.open();\n  documentWriter.write(content);\n  documentWriter.close();\n  if (documentWriter.scrollingElement) {\n    documentWriter.scrollingElement.scrollTop = 0;\n  }\n};\n\nconst currentResultAlreadyWrittenToDocument = (\n  documentWriter: Document,\n  uniqueIdentifier: string\n) => {\n  const currentDocIdentifier = documentWriter.getElementById(\n    documentIdentifierInIframe\n  );\n\n  return (\n    currentDocIdentifier &&\n    currentDocIdentifier.textContent === uniqueIdentifier\n  );\n};\n\nconst ensureSameResultIsNotOverwritten = (\n  documentWriter: Document,\n  uniqueIdentifier: string\n) => {\n  const docIdentifier = documentWriter.createElement('div');\n  docIdentifier.style.display = 'none';\n  docIdentifier.setAttribute('aria-hidden', 'true');\n  docIdentifier.id = documentIdentifierInIframe;\n  docIdentifier.textContent = uniqueIdentifier;\n  documentWriter.body.appendChild(docIdentifier);\n};\n\nconst warnAboutLimitedUsageQuickview = (logger?: SearchEngine['logger']) => {\n  logger?.warn(\n    'Quickview initialized in restricted mode due to incompatible sandboxing environment. Keywords hit navigation will be disabled.'\n  );\n};\n\nexport const QuickviewIframe: FunctionalComponent<{\n  title: string;\n  content?: string;\n  onSetIframeRef: (ref: HTMLIFrameElement) => void;\n  uniqueIdentifier?: string;\n  sandbox?: string;\n  src?: string;\n  logger?: SearchEngine['logger'];\n}> = ({title, onSetIframeRef, uniqueIdentifier, content, sandbox, src, logger}) => {\n  // When a document is written with document.open/document.write/document.close\n  // it is not synchronous and the content of the iframe is only available to be queried at the end of the current call stack.\n  // This add a \"wait\" (setTimeout 0) before calling the `onSetIframeRef` from the parent modal quickview\n  const waitForIframeContentToBeWritten = () => {\n    return new Promise((resolve) => setTimeout(resolve));\n  };\n\n  return (\n    <iframe\n      title={title}\n      src=\"about:blank\"\n      class=\"h-full w-full\"\n      sandbox={sandbox}\n      ref={async (el) => {\n        const iframeRef = el as HTMLIFrameElement;\n\n        if (!uniqueIdentifier || !content) {\n          return;\n        }\n\n        const documentWriter = iframeRef.contentDocument;\n        if (!documentWriter) {\n          if (src) {\n            warnAboutLimitedUsageQuickview(logger);\n            iframeRef.src = src;\n          }\n\n          return;\n        }\n        if (\n          currentResultAlreadyWrittenToDocument(\n            documentWriter,\n            uniqueIdentifier\n          )\n        ) {\n          return;\n        }\n\n        writeDocument(documentWriter, content);\n        ensureSameResultIsNotOverwritten(documentWriter, uniqueIdentifier);\n\n        await waitForIframeContentToBeWritten();\n        onSetIframeRef(iframeRef);\n      }}\n    ></iframe>\n  );\n};\n","import type {HighlightKeywords} from '../atomic-quickview-modal/atomic-quickview-modal';\nimport type {QuickviewWordHighlight} from '../quickview-word-highlight/quickview-word-highlight';\n\nexport const buildQuickviewPreviewBar = (\n  words: Record<string, QuickviewWordHighlight>,\n  highlightKeywords: HighlightKeywords,\n  iframe?: HTMLIFrameElement\n) => {\n  if (!iframe) {\n    return;\n  }\n\n  const documentWriter = iframe.contentDocument;\n  if (!documentWriter) {\n    return;\n  }\n\n  const bar = buildPreviewBar(documentWriter);\n  if (highlightKeywords.highlightNone) {\n    bar.remove();\n    return;\n  }\n\n  const docHeight = documentWriter.body.scrollHeight;\n  Object.values(words).forEach((word) => {\n    word.elements.forEach((wordElement) => {\n      const previewUnit = buildPreviewUnit(\n        documentWriter,\n        word,\n        wordElement,\n        docHeight,\n        highlightKeywords\n      );\n\n      bar.appendChild(previewUnit);\n    });\n  });\n\n  documentWriter.body.appendChild(bar);\n};\n\nconst buildPreviewBar = (documentWriter: Document) => {\n  const previewBarId = 'CoveoPreviewBar';\n  const bar =\n    documentWriter.getElementById(previewBarId) ||\n    documentWriter.createElement('div');\n\n  bar.id = previewBarId;\n  bar.innerHTML = '';\n  bar.style.position = 'fixed';\n  bar.style.top = '0';\n  bar.style.right = '0';\n  bar.style.width = '15px';\n  bar.style.height = '100%';\n  bar.setAttribute('aria-hidden', 'true');\n  return bar;\n};\n\nconst buildPreviewUnit = (\n  documentWriter: Document,\n  word: QuickviewWordHighlight,\n  wordElement: HTMLElement,\n  docHeight: number,\n  highlightKeywords: HighlightKeywords\n) => {\n  const previewUnit = documentWriter.createElement('div');\n  if (highlightKeywords.keywords[word.text]?.enabled === false) {\n    previewUnit.style.display = 'none';\n    return previewUnit;\n  }\n\n  const elementPosition = wordElement.getBoundingClientRect().top;\n\n  previewUnit.style.position = 'absolute';\n  previewUnit.style.top = `${(elementPosition / docHeight) * 100}%`;\n  previewUnit.style.width = '100%';\n  previewUnit.style.height = '1px';\n  previewUnit.style.border = `1px solid ${word.previewBorderColor}`;\n  previewUnit.style.backgroundColor = word.color;\n  return previewUnit;\n};\n","export const rgbToHsv = (r: number, g: number, b: number) => {\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n\n  let h: number;\n  const v = max;\n\n  const d = max - min;\n  const s = max === 0 ? 0 : d / max;\n\n  if (max === min) {\n    h = 0;\n  } else {\n    switch (max) {\n      case r:\n        h = (g - b) / d + (g < b ? 6 : 0);\n        break;\n      case g:\n        h = (b - r) / d + 2;\n        break;\n      default:\n        h = (r - g) / d + 4;\n        break;\n    }\n    h /= 6;\n  }\n\n  return {h, s, v};\n};\n\nexport const hsvToRgb = (h: number, s: number, v: number) => {\n  let r: number, g: number, b: number;\n\n  const i = Math.floor(h * 6);\n  const f = h * 6 - i;\n  const p = v * (1 - s);\n  const q = v * (1 - f * s);\n  const t = v * (1 - (1 - f) * s);\n\n  switch (i % 6) {\n    case 0:\n      r = v;\n      g = t;\n      b = p;\n      break;\n    case 1:\n      r = q;\n      g = v;\n      b = p;\n      break;\n    case 2:\n      r = p;\n      g = v;\n      b = t;\n      break;\n    case 3:\n      r = p;\n      g = q;\n      b = v;\n      break;\n    case 4:\n      r = t;\n      g = p;\n      b = v;\n      break;\n    default:\n      r = v;\n      g = p;\n      b = q;\n      break;\n  }\n\n  return {\n    r: Math.round(r),\n    g: Math.round(g),\n    b: Math.round(b),\n  };\n};\n","import {TermsToHighlight} from '@coveo/headless';\nimport {hsvToRgb, rgbToHsv} from '../../../../utils/color-utils';\n\nexport const HIGHLIGHT_PREFIX = 'CoveoHighlight';\nexport class QuickviewWordHighlight {\n  public text: string;\n  public indexIdentifier: string;\n  public occurrences = 0;\n  public color: string;\n  public focusedColor: string;\n  public previewBorderColor: string;\n  public elements: HTMLElement[] = [];\n\n  private currentNavigationPosition = -1;\n\n  constructor(\n    private stemmingInfoFromIndex: TermsToHighlight,\n    keywordElementInIframe: HTMLElement\n  ) {\n    const parsed = this.parseKeywordIdentifier(keywordElementInIframe);\n    if (!parsed) {\n      throw 'Invalid keyword identifier for quickview';\n    }\n\n    this.text = this.getText(keywordElementInIframe);\n    this.indexIdentifier = `${parsed.keywordIdentifier}`;\n    this.color = keywordElementInIframe.style.backgroundColor;\n    this.focusedColor = this.computeInvertedColor();\n    this.previewBorderColor = this.computeSaturatedColor();\n\n    this.addElement(keywordElementInIframe);\n  }\n\n  public addElement(keywordElementInIframe: HTMLElement) {\n    this.occurrences++;\n    this.elements.push(keywordElementInIframe);\n  }\n\n  public navigateForward() {\n    this.currentNavigationPosition++;\n    if (this.currentNavigationPosition >= this.elements.length) {\n      this.currentNavigationPosition = 0;\n    }\n    this.highlightNavigation();\n    this.putElementIntoView();\n    return this.elements[this.currentNavigationPosition];\n  }\n\n  public navigateBackward() {\n    this.currentNavigationPosition--;\n    if (this.currentNavigationPosition < 0) {\n      this.currentNavigationPosition = this.elements.length - 1;\n    }\n    this.highlightNavigation();\n    this.putElementIntoView();\n    return this.elements[this.currentNavigationPosition];\n  }\n\n  private isTaggedWord(element: HTMLElement) {\n    return element.nodeName.toLowerCase() === 'coveotaggedword';\n  }\n\n  private highlightNavigation() {\n    const currentElement = this.elements[this.currentNavigationPosition];\n    const otherElements = this.elements.filter((el) => el !== currentElement);\n    currentElement.style.color = this.color;\n    currentElement.style.backgroundColor = this.focusedColor;\n    otherElements.forEach((element) => {\n      element.style.color = '';\n      element.style.backgroundColor = this.color;\n    });\n  }\n\n  private putElementIntoView() {\n    const element = this.elements[this.currentNavigationPosition];\n    element.scrollIntoView();\n  }\n\n  private getText(element: HTMLElement) {\n    const innerTextOfHTMLElement = this.getHighlightedInnerText(element);\n    return this.resolveOriginalTerm(innerTextOfHTMLElement).trim();\n  }\n\n  private resolveOriginalTerm(highlight: string): string {\n    // First try to find either an exact match between the highlight and the original non-stemmed keyword.\n    // Otherwise try to find a match between the highlight and the stemming keyword expansions\n    // If nothing is found (which should not normally happen...), simply return the highlight keyword as is.\n\n    const found = Object.keys(this.stemmingInfoFromIndex).find(\n      (originalTerm) => {\n        const originalTermMatch =\n          originalTerm.toLowerCase() === highlight.toLowerCase();\n        if (originalTermMatch) {\n          return true;\n        }\n        const stemmingExpansions = this.stemmingInfoFromIndex[originalTerm];\n        if (!stemmingExpansions) {\n          return false;\n        }\n\n        const stemmingExpansionMatch = stemmingExpansions.find(\n          (stemmingExpansion) =>\n            stemmingExpansion.toLowerCase() === highlight.toLowerCase()\n        );\n        return stemmingExpansionMatch;\n      }\n    );\n    return found || highlight;\n  }\n\n  private getHighlightedInnerText(element: HTMLElement): string {\n    if (!this.isTaggedWord(element)) {\n      return this.getTextOfHTMLElement(element);\n    }\n\n    const children = Array.from(element.children) as HTMLElement[];\n    if (children.length >= 1) {\n      return this.getTextOfHTMLElement(children[0]);\n    }\n\n    return '';\n  }\n\n  private parseKeywordIdentifier(element: HTMLElement) {\n    const parts = element.id\n      .substring(HIGHLIGHT_PREFIX.length + 1)\n      .match(/^([0-9]+)\\.([0-9]+)\\.([0-9]+)$/);\n\n    if (!parts || parts.length <= 3) {\n      return null;\n    }\n\n    return {\n      keywordIdentifier: parts[1],\n      keywordTermPart: parseInt(parts[3], 10),\n    };\n  }\n\n  private getTextOfHTMLElement(el: HTMLElement) {\n    return el.innerText || el.textContent || '';\n  }\n\n  private computeInvertedColor() {\n    const {r, g, b} = this.extractRgb();\n    return `rgb(${255 - r}, ${255 - g}, ${255 - b})`;\n  }\n\n  private computeSaturatedColor() {\n    const {r, g, b} = this.extractRgb();\n    const {h, s, v} = rgbToHsv(r, g, b);\n    let newSaturation = s * 2;\n    if (newSaturation > 1) {\n      newSaturation = 1;\n    }\n    const {\n      r: rSaturated,\n      g: gSaturated,\n      b: bSaturated,\n    } = hsvToRgb(h, newSaturation, v);\n    return `rgb(${rSaturated}, ${gSaturated}, ${bSaturated})`;\n  }\n\n  private extractRgb() {\n    const rgbExtracted = this.color.match(/\\d+/g);\n    if (!rgbExtracted) {\n      return {r: 255, g: 255, b: 255};\n    }\n\n    return {\n      r: parseInt(rgbExtracted[0], 10),\n      g: parseInt(rgbExtracted[1], 10),\n      b: parseInt(rgbExtracted[2], 10),\n    };\n  }\n}\n\nexport const getWordsHighlights = (\n  stemmingInfoFromIndex: TermsToHighlight,\n  iframe?: HTMLIFrameElement\n) => {\n  const wordsHighlights: Record<string, QuickviewWordHighlight> = {};\n  if (!iframe) {\n    return wordsHighlights;\n  }\n\n  iframe.contentDocument?.body\n    .querySelectorAll(`[id^=\"${HIGHLIGHT_PREFIX}\"]`)\n    .forEach((el) => {\n      const wordHTMLElementToHighlight = el as HTMLElement;\n\n      const wordHighlight = new QuickviewWordHighlight(\n        stemmingInfoFromIndex,\n        wordHTMLElementToHighlight\n      );\n\n      if (!wordHighlight.text) {\n        return;\n      }\n\n      const alreadyScannedKeyword =\n        wordsHighlights[wordHighlight.indexIdentifier];\n\n      if (alreadyScannedKeyword) {\n        alreadyScannedKeyword.addElement(wordHTMLElementToHighlight);\n      } else {\n        wordsHighlights[wordHighlight.indexIdentifier] = wordHighlight;\n      }\n    });\n\n  return wordsHighlights;\n};\n","@import '../../../../global/global.pcss';\n@reference '../../../../utils/tailwind-utilities/link-style.css';\n\n.atomic-quickview-modal {\n  &::part(backdrop) {\n    grid-template-columns: 1fr max(80vw, 30rem) 1fr;\n  }\n  &::part(body),\n  &::part(header),\n  &::part(footer) {\n    @apply max-w-full;\n  }\n\n  &::part(footer) {\n    @apply flex justify-center;\n  }\n\n  &::part(body-wrapper) {\n    @apply h-full overflow-hidden p-0;\n  }\n\n  &::part(body) {\n    @apply h-full;\n  }\n\n  &::part(backdrop) {\n    grid-template-rows: 1fr 100% 3fr;\n  }\n\n  &::part(header-wrapper) {\n    @apply bg-neutral-light;\n  }\n\n  a {\n    @apply link-style;\n  }\n}\n","import {\n  buildInteractiveResult,\n  Result,\n  InteractiveResult,\n  TermsToHighlight,\n} from '@coveo/headless';\nimport {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Prop,\n  State,\n  Watch,\n  Method,\n  VNode,\n  Fragment,\n} from '@stencil/core';\nimport CloseIcon from '../../../../images/close.svg';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {ATOMIC_MODAL_EXPORT_PARTS} from '../../../common/atomic-modal/export-parts';\nimport {IconButton} from '../../../common/stencil-iconButton';\nimport {LinkWithItemAnalytics} from '../../../common/item-link/stencil-item-link';\nimport {Button} from '../../../common/stencil-button';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {QuickviewSidebar} from '../atomic-quickview-sidebar/atomic-quickview-sidebar';\nimport {QuickviewIframe} from '../quickview-iframe/quickview-iframe';\nimport {buildQuickviewPreviewBar} from '../quickview-preview-bar/quickview-preview-bar';\nimport {\n  getWordsHighlights,\n  HIGHLIGHT_PREFIX,\n  QuickviewWordHighlight,\n} from '../quickview-word-highlight/quickview-word-highlight';\n\nexport interface HighlightKeywords {\n  highlightNone: boolean;\n  keywords: {\n    [text: string]: {\n      indexIdentifier: string;\n      enabled: boolean;\n    };\n  };\n}\n\n/**\n * The modal opened when clicking on a quickview button.\n * Do not use this component directly; use `atomic-quickview` instead.\n *\n * @part backdrop - The transparent backdrop hiding the content behind the modal.\n * @part container - The modal's outermost container with the outline and background.\n * @part header-wrapper - The wrapper around the header.\n * @part header - The header at the top of the modal.\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 footer-wrapper - The wrapper with a shadow or background color around the footer.\n * @part footer - The footer at the bottom of the modal.\n * @part quickview-modal-header-icon - The close icon of the modal.\n * @part quickview-modal-header-title - The title of the modal.\n */\n@Component({\n  tag: 'atomic-quickview-modal',\n  styleUrl: 'atomic-quickview-modal.pcss',\n  shadow: true,\n})\nexport class AtomicQuickviewModal implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @State() public error!: Error;\n\n  @State() private highlightKeywords: HighlightKeywords = {\n    highlightNone: false,\n    keywords: {},\n  };\n  @Watch('highlightKeywords')\n  watchHighlightKeywords() {\n    this.handleHighlightsScripts();\n  }\n\n  @Event({eventName: 'atomic/quickview/next'}) nextQuickview?: EventEmitter;\n  @Event({eventName: 'atomic/quickview/previous'})\n  previousQuickview?: EventEmitter;\n\n  @State() private minimizeSidebar = false;\n  @State() private words: Record<string, QuickviewWordHighlight> = {};\n  private iframeRef?: HTMLIFrameElement;\n\n  @Prop({mutable: true, reflect: false}) content?: string;\n  @Prop({mutable: true, reflect: false}) result?: Result;\n  @Prop() current?: number;\n  @Prop() total?: number;\n  @Prop() sandbox?: string;\n  @Prop() modalCloseCallback?: () => void;\n\n  private interactiveResult?: InteractiveResult;\n\n  public componentWillLoad(): void {\n    this.minimizeSidebar = this.bindings.store.isMobile();\n  }\n\n  @Method()\n  public async reset() {\n    this.highlightKeywords = {\n      highlightNone: false,\n      keywords: {},\n    };\n    this.minimizeSidebar = false;\n    this.iframeRef = undefined;\n    this.content = undefined;\n    this.result = undefined;\n    this.interactiveResult = undefined;\n  }\n\n  private renderHeader() {\n    let headerContent: VNode | null = null;\n    if (this.result) {\n      this.interactiveResult = buildInteractiveResult(this.bindings.engine, {\n        options: {result: this.result},\n      });\n      headerContent = (\n        <Fragment>\n          <LinkWithItemAnalytics\n            href={this.result?.clickUri}\n            onSelect={() => this.interactiveResult?.select()}\n            onBeginDelayedSelect={() =>\n              this.interactiveResult?.beginDelayedSelect()\n            }\n            onCancelPendingSelect={() =>\n              this.interactiveResult?.cancelPendingSelect()\n            }\n            className=\"truncate\"\n            part=\"quickview-modal-header-title\"\n          >\n            {this.result.title}\n          </LinkWithItemAnalytics>\n          <IconButton\n            partPrefix=\"quickview-modal-header\"\n            icon={CloseIcon}\n            onClick={() => this.onClose()}\n            ariaLabel={this.bindings.i18n.t('close')}\n            style=\"text-transparent\"\n            title={this.bindings.i18n.t('close')}\n          />\n        </Fragment>\n      );\n    }\n    return (\n      <div slot=\"header\" class=\"flex w-full items-center justify-between\">\n        {headerContent}\n      </div>\n    );\n  }\n\n  private renderBody() {\n    return (\n      <div slot=\"body\" class=\"grid h-full grid-cols-[min-content_auto]\">\n        <div\n          class=\"h-full overflow-y-auto\"\n          style={{backgroundColor: 'var(--atomic-neutral-light)'}}\n        >\n          <QuickviewSidebar\n            words={this.words}\n            i18n={this.bindings.i18n}\n            highlightKeywords={this.highlightKeywords}\n            onHighlightKeywords={(highlight) =>\n              (this.highlightKeywords = highlight)\n            }\n            minimized={this.minimizeSidebar}\n            onMinimize={(minimize) => (this.minimizeSidebar = minimize)}\n          />\n        </div>\n        <div class=\"relative overflow-auto\">\n          <QuickviewIframe\n            title={this.result?.title ?? this.bindings.i18n.t('preview-modal-title')} \n            logger={this.logger}\n            src={this.quickviewSrc}\n            sandbox={this.sandbox}\n            uniqueIdentifier={this.quickviewUniqueIdentifier}\n            content={this.content}\n            onSetIframeRef={async (ref) => {\n              this.iframeRef = ref;\n              this.words = getWordsHighlights(\n                this.termsToHighlight,\n                this.iframeRef\n              );\n              this.handleHighlightsScripts();\n            }}\n          />\n          {buildQuickviewPreviewBar(\n            this.words,\n            this.highlightKeywords,\n            this.iframeRef\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private renderFooter() {\n    return (\n      <div slot=\"footer\" class=\"flex items-center gap-2\">\n        <Button\n          class=\"p-2\"\n          style=\"square-neutral\"\n          onClick={() => this.previousQuickview?.emit()}\n          disabled={this.current === 1}\n          text={this.bindings.i18n.t('quickview-previous')}\n        ></Button>\n        <p class=\"text-center\">\n          {this.bindings.i18n.t('showing-results-of', {\n            first: this.current,\n            total: this.total,\n          })}\n        </p>\n        <Button\n          class=\"p-2\"\n          style=\"square-neutral\"\n          onClick={() => this.nextQuickview?.emit()}\n          disabled={this.current === this.total}\n          text={this.bindings.i18n.t('quickview-next')}\n        ></Button>\n      </div>\n    );\n  }\n\n  private onClose() {\n    this.content = undefined;\n    this.result = undefined;\n    this.modalCloseCallback && this.modalCloseCallback();\n  }\n\n  private get isOpen() {\n    return !!this.content && !!this.result;\n  }\n\n  private get highlightScriptId() {\n    return 'CoveoDisableHighlightStyle';\n  }\n\n  private get logger() {\n    return this.bindings.engine.logger;\n  }\n\n  private get quickviewSrc() {\n    return this.bindings.engine.state.resultPreview?.contentURL;\n  }\n\n  private enableHighlights() {\n    this.removeDisableHighlightScript();\n  }\n\n  private enableHighlightsSpecificKeyword(identifier: string) {\n    this.removeDisableHighlightScript(identifier);\n  }\n\n  private disableHighlights() {\n    this.createDisableHighlightScript();\n  }\n\n  private disableHighlightsSpecificKeyword(identifier: string) {\n    this.createDisableHighlightScript(identifier);\n  }\n\n  private removeDisableHighlightScript(identifier?: string) {\n    const doc = this.iframeRef?.contentWindow?.document;\n    if (!doc) {\n      return;\n    }\n    doc\n      .getElementById(\n        `${this.highlightScriptId}${identifier ? `:${identifier}` : ''}`\n      )\n      ?.remove();\n  }\n\n  private createDisableHighlightScript(identifier?: string) {\n    const doc = this.iframeRef?.contentWindow?.document;\n    if (!doc) {\n      return;\n    }\n\n    const head = doc.head;\n    const scriptId = `${this.highlightScriptId}${\n      identifier ? `:${identifier}` : ''\n    }`;\n    const style =\n      doc.getElementById(scriptId) || this.bindings.createStyleElement();\n    style.setAttribute('id', scriptId);\n    head.appendChild(style);\n    style.appendChild(\n      doc.createTextNode(`[id^=\"${HIGHLIGHT_PREFIX}${\n        identifier ? `:${identifier}` : ''\n      }\"] {\n      background-color: inherit !important;\n      color: inherit !important;\n    }`)\n    );\n  }\n\n  private get termsToHighlight() {\n    const flatPhrasesToHighlight: TermsToHighlight = {};\n\n    const phrasesToHighlight =\n      this.bindings.engine.state.search.response.phrasesToHighlight;\n\n    Object.entries(phrasesToHighlight).forEach(([phrase, keywords]) => {\n      flatPhrasesToHighlight[phrase] = Object.entries(keywords).flatMap(\n        ([keywordEntry, keywordStemming]) => {\n          return [keywordEntry, ...keywordStemming];\n        }\n      );\n    });\n\n    return {\n      ...this.bindings.engine.state.search.response.termsToHighlight,\n      ...flatPhrasesToHighlight,\n    };\n  }\n\n  private get requestId() {\n    return this.bindings.engine.state.search.requestId;\n  }\n\n  private get quickviewUniqueIdentifier() {\n    return this.result?.uniqueId + this.requestId;\n  }\n\n  private handleHighlightsScripts() {\n    if (!this.highlightKeywords.highlightNone) {\n      this.enableHighlights();\n    } else {\n      this.disableHighlights();\n    }\n    Object.values(this.highlightKeywords.keywords).forEach((word) => {\n      if (word.enabled) {\n        this.enableHighlightsSpecificKeyword(word.indexIdentifier);\n      } else {\n        this.disableHighlightsSpecificKeyword(word.indexIdentifier);\n      }\n    });\n  }\n\n  public render() {\n    return (\n      <atomic-modal\n        fullscreen={this.bindings.store.isMobile()}\n        class={'atomic-quickview-modal'}\n        isOpen={this.isOpen}\n        close={() => this.onClose()}\n        exportparts={ATOMIC_MODAL_EXPORT_PARTS}\n      >\n        {this.renderHeader()}\n        {this.renderBody()}\n        {this.renderFooter()}\n      </atomic-modal>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["atomicInsightResultAttachToCaseIndicatorCss","AtomicInsightResultAttachToCaseIndicatorStyle0","AtomicInsightResultAttachToCaseIndicator","initialize","caseId","this","bindings","engine","state","insightCaseContext","attachToCase","buildAttachToCase","options","result","render","isAttached","h","key","part","class","icon","AttachIcon","title","i18n","t","__decorate","InitializeBindings","ResultContext","BindStateToController"],"sources":["src/components/insight/atomic-insight-result-attach-to-case-indicator/atomic-insight-result-attach-to-case-indicator.pcss?tag=atomic-insight-result-attach-to-case-indicator","src/components/insight/atomic-insight-result-attach-to-case-indicator/atomic-insight-result-attach-to-case-indicator.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n","import {AttachToCase, buildAttachToCase, Result} from '@coveo/headless/insight';\nimport {Component, State, h, Element} from '@stencil/core';\nimport AttachIcon from '../../../images/attach.svg';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {ResultContext} from '../../search/result-template-components/result-template-decorators';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n * The `atomic-insight-result-attach-to-case-indicator` component can be included inside a result template to indicate whether a result is attached to the current case.\n *\n * @part icon The icon that indicates whether the result is attached to the case.\n */\n@Component({\n  tag: 'atomic-insight-result-attach-to-case-indicator',\n  styleUrl: 'atomic-insight-result-attach-to-case-indicator.pcss',\n})\nexport class AtomicInsightResultAttachToCaseIndicator\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  @ResultContext() private result!: Result;\n\n  @Element() host!: HTMLElement;\n  @State() public error!: Error;\n\n  public attachToCase!: AttachToCase;\n\n  @BindStateToController('attachToCase')\n  @State()\n  public attachToCaseState!: {};\n\n  public initialize() {\n    const caseId: string =\n      this.bindings.engine.state.insightCaseContext?.caseId || '';\n    this.attachToCase = buildAttachToCase(this.bindings.engine, {\n      options: {\n        result: this.result,\n        caseId: caseId,\n      },\n    });\n  }\n\n  public render() {\n    if (this.attachToCase.isAttached()) {\n      return (\n        <atomic-icon\n          part=\"icon\"\n          class=\"flex w-5 justify-center\"\n          icon={AttachIcon}\n          title={this.bindings.i18n.t('result-is-attached')}\n        ></atomic-icon>\n      );\n    }\n  }\n}\n"],"mappings":"yVAAA,MAAMA,EAA8C,+8iEACpD,MAAAC,EAAeD,E,iXCoBFE,EAAwC,M,+EAe5C,UAAAC,GACL,MAAMC,EACJC,KAAKC,SAASC,OAAOC,MAAMC,oBAAoBL,QAAU,GAC3DC,KAAKK,aAAeC,EAAkBN,KAAKC,SAASC,OAAQ,CAC1DK,QAAS,CACPC,OAAQR,KAAKQ,OACbT,OAAQA,I,CAKP,MAAAU,GACL,GAAIT,KAAKK,aAAaK,aAAc,CAClC,OACEC,EAAA,eAAAC,IAAA,2CACEC,KAAK,OACLC,MAAM,0BACNC,KAAMC,EACNC,MAAOjB,KAAKC,SAASiB,KAAKC,EAAE,uB,8BA9BPC,EAAA,CAA5BC,K,+BACwBD,EAAA,CAAxBE,K,6BASMF,EAAA,CAFNG,EAAsB,iB","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["TriStateCheckbox","props","isSelected","state","isExcluded","partName","part","classNames","parts","push","class","attributes","key","id","join","ariaLabel","text","value","ref","h","role","onClick","onToggle","onMouseDown","e","style","stroke","fill","icon","Tick","Close","iconPart","FacetValueExclude","FacetValueCheckbox","children","randomID","count","numberOfResults","toLocaleString","i18n","language","ariaLabelAttributes","displayValue","formattedCount","interpolation","escapeValue","selectedAriaLabel","t","excludedAriaLabel","labelRef","isTriStateCheckbox","a","renderCheckbox","buttonRef","createRipple","color","parent","StencilCheckbox","checked","renderExclusion","onExclude","htmlFor"],"sources":["src/components/common/stencil-triStateCheckbox.tsx","src/components/common/facets/facet-value-exclude/stencil-facet-value-exclude.tsx","src/components/common/facets/facet-value-checkbox/stencil-facet-value-checkbox.tsx"],"sourcesContent":["import {FacetValueState} from '@coveo/headless';\nimport {FunctionalComponent, h} from '@stencil/core';\nimport Tick from '../../images/checkbox.svg';\nimport Close from '../../images/close.svg';\nimport {StencilCheckboxProps} from './stencil-checkbox';\n\nexport type TriStateCheckboxProps = Omit<StencilCheckboxProps, 'checked'> & {\n  state: FacetValueState;\n};\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the triStateCheckbox.ts\n * This file is required to be in a tsx file to be able to use it in Stencil components.\n */\nexport const TriStateCheckbox: FunctionalComponent<TriStateCheckboxProps> = (\n  props\n) => {\n  const isSelected = props.state === 'selected';\n  const isExcluded = props.state === 'excluded';\n  const partName = props.part ?? 'checkbox';\n\n  const classNames = [\n    'w-4 h-4 grid place-items-center rounded focus-visible:outline-none hover:border-primary-light focus-visible:border-primary-light',\n  ];\n  const parts = [partName];\n  if (isSelected) {\n    classNames.push(\n      'selected bg-primary hover:bg-primary-light focus-visible:bg-primary-light'\n    );\n    parts.push(`${partName}-checked`);\n  } else if (isExcluded) {\n    classNames.push(\n      'excluded bg-error hover:bg-error focus-visible:bg-error hover:border-error focus-visible:border-error'\n    );\n    parts.push(`${partName}-checked`);\n  } else {\n    classNames.push('border border-neutral-dark');\n  }\n  if (props.class) {\n    classNames.push(props.class);\n  }\n\n  const attributes = {\n    key: props.key,\n    id: props.id,\n    class: classNames.join(' '),\n    part: parts.join(' '),\n    'aria-pressed': isSelected ? 'true' : isExcluded ? 'mixed' : 'false',\n    'aria-label': props.ariaLabel ?? props.text,\n    value: props.text,\n    ref: props.ref,\n  };\n\n  return (\n    <button\n      {...attributes}\n      role=\"button\"\n      onClick={() => props.onToggle?.(!isSelected)}\n      onMouseDown={(e) => props.onMouseDown?.(e)}\n    >\n      <atomic-icon\n        style={{stroke: 'white', fill: 'white'}}\n        class={`w-3/5 ${isSelected || isExcluded ? 'block' : 'hidden'}`}\n        icon={isSelected ? Tick : Close}\n        part={props.iconPart}\n      ></atomic-icon>\n    </button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport Tick from '../../../../images/clear.svg';\n\nexport interface ExcludeProps {\n  onClick(): void;\n  ariaLabel?: string;\n}\n\nexport const FacetValueExclude: FunctionalComponent<ExcludeProps> = (props) => {\n  return (\n    <button\n      part=\"value-exclude-button\"\n      aria-label={props.ariaLabel}\n      class=\"value-exclude-button peer invisible absolute right-2 z-1 order-last ml-auto flex group-hover:visible\"\n      onClick={() => props.onClick?.()}\n    >\n      <atomic-icon\n        class=\"bg-neutral hover:bg-error order-last w-4 rounded p-1 hover:fill-white\"\n        icon={Tick}\n      ></atomic-icon>\n    </button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {createRipple} from '../../../../utils/ripple-utils';\nimport {randomID} from '../../../../utils/utils';\nimport {StencilCheckbox} from '../../stencil-checkbox';\nimport {TriStateCheckbox} from '../../stencil-triStateCheckbox';\nimport {FacetValueExclude} from '../facet-value-exclude/stencil-facet-value-exclude';\nimport {FacetValueProps} from '../stencil-facet-common';\n\ntype TriStateFacetValueProps = Omit<FacetValueProps, 'isSelected'> & {\n  state: 'idle' | 'selected' | 'excluded';\n  onExclude(): void;\n};\n\nexport const FacetValueCheckbox: FunctionalComponent<\n  FacetValueProps | TriStateFacetValueProps\n> = (props, children) => {\n  const id = randomID('facet-value-');\n  const count = props.numberOfResults.toLocaleString(props.i18n.language);\n  const ariaLabelAttributes = {\n    value: props.displayValue,\n    count: props.numberOfResults,\n    formattedCount: count,\n    interpolation: {escapeValue: false},\n  };\n  const selectedAriaLabel = props.i18n.t('facet-value', ariaLabelAttributes);\n  const excludedAriaLabel = props.i18n.t(\n    'facet-value-exclude',\n    ariaLabelAttributes\n  );\n  let labelRef: HTMLLabelElement;\n\n  const isTriStateCheckbox = (\n    a: FacetValueProps | TriStateFacetValueProps\n  ): a is TriStateFacetValueProps => {\n    return 'state' in a && 'isSelected' in a;\n  };\n\n  const renderCheckbox = () => {\n    const attributes = {\n      id,\n      onToggle: () => props.onClick(),\n      part: 'value-checkbox',\n      class: 'value-checkbox',\n      ariaLabel: selectedAriaLabel,\n      ref: props.buttonRef,\n      onMouseDown: (e: MouseEvent) =>\n        createRipple(e, {color: 'neutral', parent: labelRef}),\n      iconPart: 'value-checkbox-icon',\n    };\n\n    if (isTriStateCheckbox(props)) {\n      return <TriStateCheckbox {...attributes} state={props.state} />;\n    }\n\n    return <StencilCheckbox {...attributes} checked={props.isSelected} />;\n  };\n\n  const renderExclusion = () => {\n    if (isTriStateCheckbox(props)) {\n      return (\n        <FacetValueExclude\n          onClick={() => props.onExclude?.()}\n          ariaLabel={excludedAriaLabel}\n        ></FacetValueExclude>\n      );\n    }\n  };\n\n  return (\n    <li key={props.displayValue} class=\"group relative flex items-center\">\n      {renderCheckbox()}\n      <label\n        ref={(ref) => (labelRef = ref!)}\n        htmlFor={id}\n        part=\"value-checkbox-label\"\n        class=\"items-center\"\n        onMouseDown={(e) => createRipple(e, {color: 'neutral'})}\n        aria-hidden=\"true\"\n      >\n        {children}\n        <span part=\"value-count\" class=\"value-count\">\n          {props.i18n.t('between-parentheses', {\n            text: count,\n          })}\n        </span>\n      </label>\n      {renderExclusion()}\n    </li>\n  );\n};\n"],"mappings":"2LAcO,MAAMA,EACXC,IAEA,MAAMC,EAAaD,EAAME,QAAU,WACnC,MAAMC,EAAaH,EAAME,QAAU,WACnC,MAAME,EAAWJ,EAAMK,MAAQ,WAE/B,MAAMC,EAAa,CACjB,oIAEF,MAAMC,EAAQ,CAACH,GACf,GAAIH,EAAY,CACdK,EAAWE,KACT,6EAEFD,EAAMC,KAAK,GAAGJ,Y,MACT,GAAID,EAAY,CACrBG,EAAWE,KACT,yGAEFD,EAAMC,KAAK,GAAGJ,Y,KACT,CACLE,EAAWE,KAAK,6B,CAElB,GAAIR,EAAMS,MAAO,CACfH,EAAWE,KAAKR,EAAMS,M,CAGxB,MAAMC,EAAa,CACjBC,IAAKX,EAAMW,IACXC,GAAIZ,EAAMY,GACVH,MAAOH,EAAWO,KAAK,KACvBR,KAAME,EAAMM,KAAK,KACjB,eAAgBZ,EAAa,OAASE,EAAa,QAAU,QAC7D,aAAcH,EAAMc,WAAad,EAAMe,KACvCC,MAAOhB,EAAMe,KACbE,IAAKjB,EAAMiB,KAGb,OACEC,EAAA,aACMR,EACJS,KAAK,SACLC,QAAS,IAAMpB,EAAMqB,YAAYpB,GACjCqB,YAAcC,GAAMvB,EAAMsB,cAAcC,IAExCL,EAAA,eACEM,MAAO,CAACC,OAAQ,QAASC,KAAM,SAC/BjB,MAAO,SAASR,GAAcE,EAAa,QAAU,WACrDwB,KAAM1B,EAAa2B,EAAOC,EAC1BxB,KAAML,EAAM8B,WAEP,E,+KC1DN,MAAMC,EAAwD/B,GAEjEkB,EAAA,UACEb,KAAK,uBAAsB,aACfL,EAAMc,UAClBL,MAAM,uGACNW,QAAS,IAAMpB,EAAMoB,aAErBF,EAAA,eACET,MAAM,wEACNkB,KAAMC,K,MCLDI,EAET,CAAChC,EAAOiC,KACV,MAAMrB,EAAKsB,EAAS,gBACpB,MAAMC,EAAQnC,EAAMoC,gBAAgBC,eAAerC,EAAMsC,KAAKC,UAC9D,MAAMC,EAAsB,CAC1BxB,MAAOhB,EAAMyC,aACbN,MAAOnC,EAAMoC,gBACbM,eAAgBP,EAChBQ,cAAe,CAACC,YAAa,QAE/B,MAAMC,EAAoB7C,EAAMsC,KAAKQ,EAAE,cAAeN,GACtD,MAAMO,EAAoB/C,EAAMsC,KAAKQ,EACnC,sBACAN,GAEF,IAAIQ,EAEJ,MAAMC,EACJC,GAEO,UAAWA,GAAK,eAAgBA,EAGzC,MAAMC,EAAiB,KACrB,MAAMzC,EAAa,CACjBE,KACAS,SAAU,IAAMrB,EAAMoB,UACtBf,KAAM,iBACNI,MAAO,iBACPK,UAAW+B,EACX5B,IAAKjB,EAAMoD,UACX9B,YAAcC,GACZ8B,EAAa9B,EAAG,CAAC+B,MAAO,UAAWC,OAAQP,IAC7ClB,SAAU,uBAGZ,GAAImB,EAAmBjD,GAAQ,CAC7B,OAAOkB,EAACnB,EAAgB,IAAKW,EAAYR,MAAOF,EAAME,O,CAGxD,OAAOgB,EAACsC,EAAe,IAAK9C,EAAY+C,QAASzD,EAAMC,YAAc,EAGvE,MAAMyD,EAAkB,KACtB,GAAIT,EAAmBjD,GAAQ,CAC7B,OACEkB,EAACa,EAAiB,CAChBX,QAAS,IAAMpB,EAAM2D,cACrB7C,UAAWiC,G,GAMnB,OACE7B,EAAA,MAAIP,IAAKX,EAAMyC,aAAchC,MAAM,oCAChC0C,IACDjC,EAAA,SACED,IAAMA,GAAS+B,EAAW/B,EAC1B2C,QAAShD,EACTP,KAAK,uBACLI,MAAM,eACNa,YAAcC,GAAM8B,EAAa9B,EAAG,CAAC+B,MAAO,YAAW,cAC3C,QAEXrB,EACDf,EAAA,QAAMb,KAAK,cAAcI,MAAM,eAC5BT,EAAMsC,KAAKQ,EAAE,sBAAuB,CACnC/B,KAAMoB,MAIXuB,IACE,S","ignoreList":[]}

package/dist/atomic/p-ca37969c.js

@@ -1,2 +0,0 @@
-import{h as e}from"./p-dc3df5ce.js";import{g as s}from"./p-55d2bcf3.js";import{F as c}from"./p-5c73ebc4.js";import{F as t}from"./p-c619df9b.js";import{F as a}from"./p-d4c2b7c0.js";import{F as l}from"./p-74862002.js";const r=({facetSearchQuery:r,displayValuesAs:u,enableExclusion:i,facetCount:o,facetState:n,facetValue:d,field:f,i18n:p,onExclude:m,onSelect:y,setRef:b})=>{const h=s(f,d,p);const S=n==="selected";const x=n==="excluded";const V=i?{onExclude:m,state:n}:{};switch(u){case"checkbox":return e(t,{...V,displayValue:h,numberOfResults:o,isSelected:S,i18n:p,onClick:y,searchQuery:r,buttonRef:e=>{b&&b(e)}},e(a,{displayValue:h,isSelected:S,isExcluded:x,searchQuery:r}));case"link":return e(l,{displayValue:h,numberOfResults:o,isSelected:S,i18n:p,onClick:y,searchQuery:r,buttonRef:e=>{b&&b(e)}},e(a,{displayValue:h,isSelected:S,searchQuery:r}));case"box":return e(c,{displayValue:h,numberOfResults:o,isSelected:S,i18n:p,onClick:y,searchQuery:r,buttonRef:e=>{b&&b(e)}},e(a,{displayValue:h,isSelected:S,searchQuery:r}))}};export{r as F};
-//# sourceMappingURL=p-ca37969c.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["FacetValue","facetSearchQuery","displayValuesAs","enableExclusion","facetCount","facetState","facetValue","field","i18n","onExclude","onSelect","setRef","displayValue","getFieldValueCaption","isSelected","isExcluded","triStateProps","state","h","FacetValueCheckbox","numberOfResults","onClick","searchQuery","buttonRef","element","FacetValueLabelHighlight","FacetValueLink","FacetValueBox"],"sources":["src/components/common/facets/facet-value/stencil-facet-value.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {FacetValueBox} from '../facet-value-box/stencil-facet-value-box';\nimport {FacetValueCheckbox} from '../facet-value-checkbox/stencil-facet-value-checkbox';\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 FacetValueProps {\n  field: string;\n  facetValue: string;\n  facetCount: number;\n  facetState: 'idle' | 'selected' | 'excluded';\n  i18n: i18n;\n  enableExclusion: boolean;\n  onExclude: () => void;\n  onSelect: () => void;\n  displayValuesAs: 'checkbox' | 'link' | 'box';\n  facetSearchQuery: string;\n  setRef?: (btn?: HTMLButtonElement) => void;\n}\n\nexport const FacetValue: FunctionalComponent<FacetValueProps> = ({\n  facetSearchQuery,\n  displayValuesAs,\n  enableExclusion,\n  facetCount,\n  facetState,\n  facetValue,\n  field,\n  i18n,\n  onExclude,\n  onSelect,\n  setRef,\n}) => {\n  const displayValue = getFieldValueCaption(field, facetValue, i18n);\n  const isSelected = facetState === 'selected';\n  const isExcluded = facetState === 'excluded';\n  const triStateProps = enableExclusion\n    ? {\n        onExclude,\n        state: facetState,\n      }\n    : {};\n  switch (displayValuesAs) {\n    case 'checkbox':\n      return (\n        <FacetValueCheckbox\n          {...triStateProps}\n          displayValue={displayValue}\n          numberOfResults={facetCount}\n          isSelected={isSelected}\n          i18n={i18n}\n          onClick={onSelect}\n          searchQuery={facetSearchQuery}\n          buttonRef={(element) => {\n            setRef && setRef(element);\n          }}\n        >\n          <FacetValueLabelHighlight\n            displayValue={displayValue}\n            isSelected={isSelected}\n            isExcluded={isExcluded}\n            searchQuery={facetSearchQuery}\n          ></FacetValueLabelHighlight>\n        </FacetValueCheckbox>\n      );\n    case 'link':\n      return (\n        <FacetValueLink\n          displayValue={displayValue}\n          numberOfResults={facetCount}\n          isSelected={isSelected}\n          i18n={i18n}\n          onClick={onSelect}\n          searchQuery={facetSearchQuery}\n          buttonRef={(element) => {\n            setRef && setRef(element);\n          }}\n        >\n          <FacetValueLabelHighlight\n            displayValue={displayValue}\n            isSelected={isSelected}\n            searchQuery={facetSearchQuery}\n          ></FacetValueLabelHighlight>\n        </FacetValueLink>\n      );\n    case 'box':\n      return (\n        <FacetValueBox\n          displayValue={displayValue}\n          numberOfResults={facetCount}\n          isSelected={isSelected}\n          i18n={i18n}\n          onClick={onSelect}\n          searchQuery={facetSearchQuery}\n          buttonRef={(element) => {\n            setRef && setRef(element);\n          }}\n        >\n          <FacetValueLabelHighlight\n            displayValue={displayValue}\n            isSelected={isSelected}\n            searchQuery={facetSearchQuery}\n          ></FacetValueLabelHighlight>\n        </FacetValueBox>\n      );\n  }\n};\n"],"mappings":"8NAsBaA,EAAmD,EAC9DC,mBACAC,kBACAC,kBACAC,aACAC,aACAC,aACAC,QACAC,OACAC,YACAC,WACAC,aAEA,MAAMC,EAAeC,EAAqBN,EAAOD,EAAYE,GAC7D,MAAMM,EAAaT,IAAe,WAClC,MAAMU,EAAaV,IAAe,WAClC,MAAMW,EAAgBb,EAClB,CACEM,YACAQ,MAAOZ,GAET,GACJ,OAAQH,GACN,IAAK,WACH,OACEgB,EAACC,EAAkB,IACbH,EACJJ,aAAcA,EACdQ,gBAAiBhB,EACjBU,WAAYA,EACZN,KAAMA,EACNa,QAASX,EACTY,YAAarB,EACbsB,UAAYC,IACVb,GAAUA,EAAOa,EAAQ,GAG3BN,EAACO,EAAwB,CACvBb,aAAcA,EACdE,WAAYA,EACZC,WAAYA,EACZO,YAAarB,KAIrB,IAAK,OACH,OACEiB,EAACQ,EAAc,CACbd,aAAcA,EACdQ,gBAAiBhB,EACjBU,WAAYA,EACZN,KAAMA,EACNa,QAASX,EACTY,YAAarB,EACbsB,UAAYC,IACVb,GAAUA,EAAOa,EAAQ,GAG3BN,EAACO,EAAwB,CACvBb,aAAcA,EACdE,WAAYA,EACZQ,YAAarB,KAIrB,IAAK,MACH,OACEiB,EAACS,EAAa,CACZf,aAAcA,EACdQ,gBAAiBhB,EACjBU,WAAYA,EACZN,KAAMA,EACNa,QAASX,EACTY,YAAarB,EACbsB,UAAYC,IACVb,GAAUA,EAAOa,EAAQ,GAG3BN,EAACO,EAAwB,CACvBb,aAAcA,EACdE,WAAYA,EACZQ,YAAarB,K","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["SmartSnippetFeedbackModalHeader","i18n","h","slot","t","SmartSnippetFeedbackModalBody","formId","onSubmit","children","part","id","class","SmartSnippetFeebackModalOptions","SmartSnippetFeedbackModalOption","correspondingAnswer","currentAnswer","localeKey","onChange","key","type","name","checked","required","htmlFor","SmartSnippetFeedbackModalDetails","setDetailsInputRef","ref","rows","SmartSnippetFeedbackModalFooter","onClick","Button","style","form","smartSnippetFeedbackOptions"],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-feedback-modal/smart-snippet-feedback-modal-common.tsx"],"sourcesContent":["import type {SmartSnippetFeedback} from '@coveo/headless';\nimport {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../../stencil-button';\n\nexport const SmartSnippetFeedbackModalHeader: FunctionalComponent<{\n  i18n: i18n;\n}> = ({i18n}) => {\n  return <h1 slot=\"header\">{i18n.t('smart-snippet-feedback-explain-why')}</h1>;\n};\n\nexport const SmartSnippetFeedbackModalBody: FunctionalComponent<{\n  formId: string;\n  onSubmit: (e: Event) => void;\n}> = ({formId, onSubmit}, children) => {\n  return (\n    <form\n      part=\"form\"\n      id={formId}\n      slot=\"body\"\n      onSubmit={onSubmit}\n      class=\"flex flex-col gap-8\"\n    >\n      {children}\n    </form>\n  );\n};\n\nexport const SmartSnippetFeebackModalOptions: FunctionalComponent<{\n  i18n: i18n;\n}> = ({i18n}, children) => {\n  return (\n    <fieldset>\n      <legend part=\"reason-title\" class=\"text-on-background text-lg font-bold\">\n        {i18n.t('smart-snippet-feedback-select-reason')}\n      </legend>\n      {children}\n    </fieldset>\n  );\n};\n\nexport const SmartSnippetFeedbackModalOption: FunctionalComponent<{\n  correspondingAnswer: SmartSnippetFeedback | 'other';\n  currentAnswer?: SmartSnippetFeedback | 'other';\n  i18n: i18n;\n  id: string;\n  localeKey: string;\n  onChange: (e: Event) => void;\n}> = ({correspondingAnswer, currentAnswer, i18n, id, localeKey, onChange}) => {\n  return (\n    <div class=\"flex items-center\" key={id} part=\"reason\">\n      <input\n        part=\"reason-radio\"\n        type=\"radio\"\n        name=\"answer\"\n        id={id}\n        checked={currentAnswer === correspondingAnswer}\n        onChange={onChange}\n        class=\"mr-2 h-4 w-4\"\n        required\n      />\n      <label part=\"reason-label\" htmlFor={id}>\n        {i18n.t(localeKey)}\n      </label>\n    </div>\n  );\n};\n\nexport const SmartSnippetFeedbackModalDetails: FunctionalComponent<{\n  currentAnswer?: SmartSnippetFeedback | 'other';\n  i18n: i18n;\n  setDetailsInputRef: (ref?: HTMLTextAreaElement) => void;\n}> = ({currentAnswer, i18n, setDetailsInputRef}) => {\n  if (currentAnswer !== 'other') {\n    return;\n  }\n\n  return (\n    <fieldset>\n      <legend part=\"details-title\" class=\"text-on-background text-lg font-bold\">\n        {i18n.t('details')}\n      </legend>\n      <textarea\n        part=\"details-input\"\n        name=\"answer-details\"\n        ref={setDetailsInputRef}\n        class=\"border-neutral mt-2 w-full resize-none rounded border p-2 text-base leading-5\"\n        rows={4}\n        required\n      ></textarea>\n    </fieldset>\n  );\n};\n\nexport const SmartSnippetFeedbackModalFooter: FunctionalComponent<{\n  formId: string;\n  i18n: i18n;\n  onClick: (e: MouseEvent) => void;\n}> = ({formId, i18n, onClick}) => {\n  return (\n    <div part=\"buttons\" slot=\"footer\" class=\"flex justify-end gap-2\">\n      <Button\n        part=\"cancel-button\"\n        style=\"outline-neutral\"\n        class=\"text-primary\"\n        onClick={onClick}\n      >\n        {i18n.t('cancel')}\n      </Button>\n      <Button part=\"submit-button\" style=\"primary\" type=\"submit\" form={formId}>\n        {i18n.t('feedback-send')}\n      </Button>\n    </div>\n  );\n};\n\nexport const smartSnippetFeedbackOptions: {\n  id: string;\n  localeKey: string;\n  correspondingAnswer: SmartSnippetFeedback | 'other';\n}[] = [\n  {\n    id: 'does-not-answer',\n    localeKey: 'smart-snippet-feedback-reason-does-not-answer',\n    correspondingAnswer: 'does_not_answer',\n  },\n  {\n    id: 'partially-answers',\n    localeKey: 'smart-snippet-feedback-reason-partially-answers',\n    correspondingAnswer: 'partially_answers',\n  },\n  {\n    id: 'was-not-a-question',\n    localeKey: 'smart-snippet-feedback-reason-was-not-a-question',\n    correspondingAnswer: 'was_not_a_question',\n  },\n  {\n    id: 'other',\n    localeKey: 'smart-snippet-feedback-reason-other',\n    correspondingAnswer: 'other',\n  },\n];\n"],"mappings":"8EAKaA,EAER,EAAEC,UACEC,EAAA,MAAIC,KAAK,UAAUF,EAAKG,EAAE,uC,MAGtBC,EAGR,EAAEC,SAAQC,YAAWC,IAEtBN,EAAA,QACEO,KAAK,OACLC,GAAIJ,EACJH,KAAK,OACLI,SAAUA,EACVI,MAAM,uBAELH,G,MAKMI,EAER,EAAEX,QAAOO,IAEVN,EAAA,gBACEA,EAAA,UAAQO,KAAK,eAAeE,MAAM,wCAC/BV,EAAKG,EAAE,yCAETI,G,MAKMK,EAOR,EAAEC,sBAAqBC,gBAAed,OAAMS,KAAIM,YAAWC,cAE5Df,EAAA,OAAKS,MAAM,oBAAoBO,IAAKR,EAAID,KAAK,UAC3CP,EAAA,SACEO,KAAK,eACLU,KAAK,QACLC,KAAK,SACLV,GAAIA,EACJW,QAASN,IAAkBD,EAC3BG,SAAUA,EACVN,MAAM,eACNW,SAAQ,OAEVpB,EAAA,SAAOO,KAAK,eAAec,QAASb,GACjCT,EAAKG,EAAEY,K,MAMHQ,EAIR,EAAET,gBAAed,OAAMwB,yBAC1B,GAAIV,IAAkB,QAAS,CAC7B,M,CAGF,OACEb,EAAA,gBACEA,EAAA,UAAQO,KAAK,gBAAgBE,MAAM,wCAChCV,EAAKG,EAAE,YAEVF,EAAA,YACEO,KAAK,gBACLW,KAAK,iBACLM,IAAKD,EACLd,MAAM,gFACNgB,KAAM,EACNL,SAAQ,OAED,E,MAIFM,EAIR,EAAEtB,SAAQL,OAAM4B,aAEjB3B,EAAA,OAAKO,KAAK,UAAUN,KAAK,SAASQ,MAAM,0BACtCT,EAAC4B,EAAM,CACLrB,KAAK,gBACLsB,MAAM,kBACNpB,MAAM,eACNkB,QAASA,GAER5B,EAAKG,EAAE,WAEVF,EAAC4B,EAAM,CAACrB,KAAK,gBAAgBsB,MAAM,UAAUZ,KAAK,SAASa,KAAM1B,GAC9DL,EAAKG,EAAE,mB,MAMH6B,EAIP,CACJ,CACEvB,GAAI,kBACJM,UAAW,gDACXF,oBAAqB,mBAEvB,CACEJ,GAAI,oBACJM,UAAW,kDACXF,oBAAqB,qBAEvB,CACEJ,GAAI,qBACJM,UAAW,mDACXF,oBAAqB,sBAEvB,CACEJ,GAAI,QACJM,UAAW,sCACXF,oBAAqB,iB","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["QueryErrorDetails","error","show","h","part","class","JSON","stringify","QueryErrorIcon","errorType","getIconFromErrorType","NoConnection","Indexing","CannotAccess","SearchInactive","SomethingWrong","icon","QueryErrorShowMore","i18n","onShowMore","link","Button","style","onClick","text","t","QueryErrorContainer","_","children","getErrorTitleFromErrorType","organizationId","org","getErrorDescriptionFromErrorType","url","getAriaMessageFromErrorType","platformUrl","QueryErrorDescription","QueryErrorGuard","hasError","Fragment","QueryErrorTitle","QueryErrorLink","getErrorLink","href"],"sources":["src/components/common/query-error/stencil-details.tsx","src/components/common/query-error/stencil-icon.tsx","src/components/common/query-error/stencil-show-more.tsx","src/components/common/query-error/stencil-container.tsx","src/components/common/query-error/utils.ts","src/components/common/query-error/stencil-description.tsx","src/components/common/query-error/stencil-guard.tsx","src/components/common/query-error/stencil-title.tsx","src/components/common/query-error/stencil-link.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\ninterface QueryErrorDetailsProps {\n  error: unknown;\n  show: boolean;\n}\nexport const QueryErrorDetails: FunctionalComponent<QueryErrorDetailsProps> = ({\n  error,\n  show,\n}) => {\n  if (!show) {\n    return;\n  }\n  return (\n    <pre\n      part=\"error-info\"\n      class=\"border-neutral bg-neutral-light mt-8 rounded border p-3 text-left whitespace-pre-wrap\"\n    >\n      <code>{JSON.stringify(error, null, 2)}</code>\n    </pre>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport CannotAccess from '../../../images/cannot-access.svg';\nimport Indexing from '../../../images/indexing.svg';\nimport NoConnection from '../../../images/no-connection.svg';\nimport SearchInactive from '../../../images/search-inactive.svg';\nimport SomethingWrong from '../../../images/something-wrong.svg';\nimport {KnownErrorType} from './known-error-types';\n\ninterface QueryErrorIconProps {\n  errorType?: string;\n}\n\nexport const QueryErrorIcon: FunctionalComponent<QueryErrorIconProps> = ({\n  errorType,\n}) => {\n  const getIconFromErrorType = () => {\n    switch (errorType as KnownErrorType) {\n      case 'Disconnected':\n        return NoConnection;\n\n      case 'NoEndpointsException':\n        return Indexing;\n\n      case 'InvalidTokenException':\n        return CannotAccess;\n      case 'OrganizationIsPausedException':\n        return SearchInactive;\n      default:\n        return SomethingWrong;\n    }\n  };\n\n  return (\n    <atomic-icon\n      part=\"icon\"\n      icon={getIconFromErrorType()}\n      class=\"w-1/2 max-w-lg\"\n    ></atomic-icon>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\nimport {QueryErrorLink} from './stencil-link';\n\ninterface QueryErrorShowMoreProps {\n  onShowMore: () => void;\n  i18n: i18n;\n  link?: typeof QueryErrorLink;\n}\n\nexport const QueryErrorShowMore: FunctionalComponent<\n  QueryErrorShowMoreProps\n> = ({i18n, onShowMore, link}) => {\n  if (link) {\n    return link;\n  }\n  return (\n    <Button\n      part=\"more-info-btn\"\n      style=\"primary\"\n      class=\"mt-8 p-3\"\n      onClick={() => {\n        onShowMore();\n      }}\n      text={i18n.t('more-info')}\n    ></Button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\nexport const QueryErrorContainer: FunctionalComponent = (_, children) => {\n  return <div class=\"p-8 text-center\">{children}</div>;\n};\n","import type {i18n} from 'i18next';\nimport type {KnownErrorType} from './known-error-types';\n\nexport const getErrorTitleFromErrorType = (\n  i18n: i18n,\n  organizationId: string,\n  errorType?: string\n) => {\n  switch (errorType as KnownErrorType) {\n    case 'Disconnected':\n      return i18n.t('disconnected');\n    case 'NoEndpointsException':\n      return i18n.t('no-endpoints', {org: organizationId});\n    case 'InvalidTokenException':\n      return i18n.t('cannot-access', {org: organizationId});\n    case 'OrganizationIsPausedException':\n      return i18n.t('organization-is-paused', {org: organizationId});\n    default:\n      return i18n.t('something-went-wrong');\n  }\n};\n\nexport const getErrorDescriptionFromErrorType = (\n  i18n: i18n,\n  organizationId: string,\n  url: string,\n  errorType?: string\n) => {\n  switch (errorType as KnownErrorType) {\n    case 'Disconnected':\n      return i18n.t('check-your-connection', {url});\n    case 'NoEndpointsException':\n      return i18n.t('add-sources');\n    case 'InvalidTokenException':\n      return i18n.t('invalid-token');\n    case 'OrganizationIsPausedException':\n      return i18n.t('organization-will-resume', {\n        org: organizationId,\n      });\n    default:\n      return i18n.t('if-problem-persists');\n  }\n};\n\nexport const getAriaMessageFromErrorType = (\n  i18n: i18n,\n  organizationId: string,\n  platformUrl: string,\n  errorType?: string\n) => {\n  return `${getErrorTitleFromErrorType(i18n, organizationId, errorType)} ${getErrorDescriptionFromErrorType(i18n, organizationId, platformUrl, errorType)}`;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {getErrorDescriptionFromErrorType} from './utils';\n\ninterface QueryErrorDescriptionProps {\n  errorType?: string;\n  i18n: i18n;\n  url: string;\n  organizationId: string;\n}\n\nexport const QueryErrorDescription: FunctionalComponent<\n  QueryErrorDescriptionProps\n> = ({errorType, i18n, url, organizationId}) => {\n  return (\n    <p part=\"description\" class=\"text-neutral-dark mt-2.5 text-lg\">\n      {getErrorDescriptionFromErrorType(i18n, organizationId, url, errorType)}\n    </p>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface QueryErrorGuardProps {\n  hasError: boolean;\n}\n\n// Replace with the when directive\nexport const QueryErrorGuard: FunctionalComponent<QueryErrorGuardProps> = (\n  {hasError},\n  children\n) => {\n  if (!hasError) {\n    return;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {getErrorTitleFromErrorType} from './utils';\n\ninterface QueryErrorTitleProps {\n  errorType?: string;\n  i18n: i18n;\n  organizationId: string;\n}\n\nexport const QueryErrorTitle: FunctionalComponent<QueryErrorTitleProps> = ({\n  errorType,\n  i18n,\n  organizationId,\n}) => {\n  return (\n    <p part=\"title\" class=\"text-on-background mt-8 text-2xl\">\n      {getErrorTitleFromErrorType(i18n, organizationId, errorType)}\n    </p>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {KnownErrorType} from './known-error-types';\n\ninterface QueryErrorLinkProps {\n  errorType?: string;\n  i18n: i18n;\n}\n\nexport const QueryErrorLink: FunctionalComponent<QueryErrorLinkProps> = ({\n  errorType,\n  i18n,\n}) => {\n  const getErrorLink = () => {\n    switch (errorType as KnownErrorType) {\n      case 'NoEndpointsException':\n        return 'https://docs.coveo.com/en/mcc80216';\n      case 'InvalidTokenException':\n        return 'https://docs.coveo.com/en/102';\n      case 'OrganizationIsPausedException':\n        return 'https://docs.coveo.com/l6af0467';\n      default:\n        return null;\n    }\n  };\n\n  const link = getErrorLink();\n\n  return link ? (\n    <a href={link} part=\"doc-link\" class=\"btn-primary mt-10 inline-block p-3\">\n      {i18n.t('coveo-online-help')}\n    </a>\n  ) : null;\n};\n"],"mappings":"qFAMaA,EAAiE,EAC5EC,QACAC,WAEA,IAAKA,EAAM,CACT,M,CAEF,OACEC,EAAA,OACEC,KAAK,aACLC,MAAM,yFAENF,EAAA,YAAOG,KAAKC,UAAUN,EAAO,KAAM,IAC/B,E,kgjFCPGO,EAA2D,EACtEC,gBAEA,MAAMC,EAAuB,KAC3B,OAAQD,GACN,IAAK,eACH,OAAOE,EAET,IAAK,uBACH,OAAOC,EAET,IAAK,wBACH,OAAOC,EACT,IAAK,gCACH,OAAOC,EACT,QACE,OAAOC,E,EAIb,OACEZ,EAAA,eACEC,KAAK,OACLY,KAAMN,IACNL,MAAM,kBACO,E,MC1BNY,EAET,EAAEC,OAAMC,aAAYC,WACtB,GAAIA,EAAM,CACR,OAAOA,C,CAET,OACEjB,EAACkB,EAAM,CACLjB,KAAK,gBACLkB,MAAM,UACNjB,MAAM,WACNkB,QAAS,KACPJ,GAAY,EAEdK,KAAMN,EAAKO,EAAE,cACL,E,MCxBDC,EAA2C,CAACC,EAAGC,IACnDzB,EAAA,OAAKE,MAAM,mBAAmBuB,GCAhC,MAAMC,EAA6B,CACxCX,EACAY,EACArB,KAEA,OAAQA,GACN,IAAK,eACH,OAAOS,EAAKO,EAAE,gBAChB,IAAK,uBACH,OAAOP,EAAKO,EAAE,eAAgB,CAACM,IAAKD,IACtC,IAAK,wBACH,OAAOZ,EAAKO,EAAE,gBAAiB,CAACM,IAAKD,IACvC,IAAK,gCACH,OAAOZ,EAAKO,EAAE,yBAA0B,CAACM,IAAKD,IAChD,QACE,OAAOZ,EAAKO,EAAE,wB,EAIb,MAAMO,EAAmC,CAC9Cd,EACAY,EACAG,EACAxB,KAEA,OAAQA,GACN,IAAK,eACH,OAAOS,EAAKO,EAAE,wBAAyB,CAACQ,QAC1C,IAAK,uBACH,OAAOf,EAAKO,EAAE,eAChB,IAAK,wBACH,OAAOP,EAAKO,EAAE,iBAChB,IAAK,gCACH,OAAOP,EAAKO,EAAE,2BAA4B,CACxCM,IAAKD,IAET,QACE,OAAOZ,EAAKO,EAAE,uB,QAIPS,EAA8B,CACzChB,EACAY,EACAK,EACA1B,IAEO,GAAGoB,EAA2BX,EAAMY,EAAgBrB,MAAcuB,EAAiCd,EAAMY,EAAgBK,EAAa1B,K,MCvClI2B,EAET,EAAE3B,YAAWS,OAAMe,MAAKH,oBAExB3B,EAAA,KAAGC,KAAK,cAAcC,MAAM,oCACzB2B,EAAiCd,EAAMY,EAAgBG,EAAKxB,I,MCTtD4B,EAA6D,EACvEC,YACDV,KAEA,IAAKU,EAAU,CACb,M,CAGF,OAAOnC,EAACoC,EAAQ,KAAEX,EAAoB,E,MCL3BY,EAA6D,EACxE/B,YACAS,OACAY,oBAGE3B,EAAA,KAAGC,KAAK,QAAQC,MAAM,oCACnBwB,EAA2BX,EAAMY,EAAgBrB,I,MCR3CgC,EAA2D,EACtEhC,YACAS,WAEA,MAAMwB,EAAe,KACnB,OAAQjC,GACN,IAAK,uBACH,MAAO,qCACT,IAAK,wBACH,MAAO,gCACT,IAAK,gCACH,MAAO,kCACT,QACE,OAAO,K,EAIb,MAAMW,EAAOsB,IAEb,OAAOtB,EACLjB,EAAA,KAAGwC,KAAMvB,EAAMhB,KAAK,WAAWC,MAAM,sCAClCa,EAAKO,EAAE,sBAER,IAAI,S","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["atomicInsightResultActionCss","AtomicInsightResultActionStyle0","Actions","AtomicInsightResultAction","this","icon","tooltip","tooltipOnClick","action","initialize","actions","loadInsightAnalyticsActions","bindings","engine","onClick","originalTooltip","setTimeout","CopyToClipboard","dispatch","logCopyToClipboard","result","navigator","clipboard","writeText","clickUri","PostToFeed","logFeedItemTextPost","SendAsEmail","logCaseSendEmail","actionClicked","emit","getIcon","CopyIcon","AttachToCase","AttachIcon","Quickview","QuickviewIcon","FeedIcon","EmailIcon","render","h","IconButton","key","partPrefix","style","title","__decorate","InitializeBindings","ResultContext"],"sources":["src/components/insight/atomic-insight-result-action/atomic-insight-result-action.pcss?tag=atomic-insight-result-action","src/components/insight/atomic-insight-result-action/atomic-insight-result-action.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n\n:host {\n  &::part(result-action-button) {\n    @apply flex items-center justify-center;\n    @apply h-8 w-8;\n  }\n}\n","import {Result} from '@coveo/headless';\nimport {\n  InsightAnalyticsActionCreators,\n  loadInsightAnalyticsActions,\n} from '@coveo/headless/insight';\nimport {Component, Event, EventEmitter, Prop, State, h} from '@stencil/core';\nimport AttachIcon from '../../../images/attach.svg';\nimport CopyIcon from '../../../images/copy-dark.svg';\nimport EmailIcon from '../../../images/email.svg';\nimport QuickviewIcon from '../../../images/preview.svg';\nimport FeedIcon from '../../../images/share-post.svg';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {IconButton} from '../../common/stencil-iconButton';\nimport {ResultContext} from '../../search/result-template-components/result-template-decorators';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\nexport interface InsightResultActionClickedEvent {\n  action: string;\n  result: Result;\n}\n\nexport enum Actions {\n  CopyToClipboard = 'copyToClipboard',\n  AttachToCase = 'attachToCase',\n  Quickview = 'quickview',\n  PostToFeed = 'postToFeed',\n  SendAsEmail = 'sendAsEmail',\n}\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-result-action',\n  styleUrl: 'atomic-insight-result-action.pcss',\n})\nexport class AtomicInsightResultAction\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  @ResultContext() private result!: Result;\n  @State() public error!: Error;\n\n  @Event({\n    eventName: 'atomicInsightResultActionClicked',\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  private actionClicked!: EventEmitter<InsightResultActionClickedEvent>;\n\n  /**\n   * Specify the result action icon to display.\n   */\n  @Prop({mutable: true}) public icon = '';\n\n  /**\n   * The text tooltip to show on the result action icon.\n   */\n  @Prop({mutable: true}) public tooltip = '';\n\n  /**\n   * The text tooltip to show on the result action icon for some time after clicking the button.\n   */\n  @Prop({mutable: true}) public tooltipOnClick = '';\n\n  /**\n   * The type of action to perform when the result action is clicked. This will be sent along the event fired when the button is clicked.\n   */\n  @Prop({mutable: true}) public action: Actions | string = '';\n\n  private actions!: InsightAnalyticsActionCreators;\n\n  public initialize() {\n    this.actions = loadInsightAnalyticsActions(this.bindings.engine);\n  }\n\n  private onClick() {\n    if (this.tooltipOnClick) {\n      const originalTooltip = this.tooltip;\n      this.tooltip = this.tooltipOnClick;\n      setTimeout(() => {\n        this.tooltip = originalTooltip;\n      }, 1000);\n    }\n\n    switch (this.action) {\n      case Actions.CopyToClipboard:\n        this.bindings.engine.dispatch(\n          this.actions.logCopyToClipboard(this.result)\n        );\n        navigator.clipboard.writeText(this.result?.clickUri);\n        break;\n      case Actions.PostToFeed:\n        this.bindings.engine.dispatch(\n          this.actions.logFeedItemTextPost(this.result)\n        );\n        break;\n      case Actions.SendAsEmail:\n        this.bindings.engine.dispatch(\n          this.actions.logCaseSendEmail(this.result)\n        );\n        break;\n    }\n\n    this.actionClicked.emit({action: this.action, result: this.result});\n  }\n\n  private getIcon() {\n    if (this.icon) {\n      return this.icon;\n    }\n\n    switch (this.action) {\n      case Actions.CopyToClipboard:\n        return CopyIcon;\n      case Actions.AttachToCase:\n        return AttachIcon;\n      case Actions.Quickview:\n        return QuickviewIcon;\n      case Actions.PostToFeed:\n        return FeedIcon;\n      case Actions.SendAsEmail:\n        return EmailIcon;\n      default:\n        return QuickviewIcon;\n    }\n  }\n\n  public render() {\n    return (\n      <IconButton\n        partPrefix=\"result-action\"\n        style=\"outline-neutral\"\n        icon={this.getIcon()}\n        title={this.tooltip}\n        onClick={() => this.onClick()}\n      />\n    );\n  }\n}\n"],"mappings":"+qEAAA,MAAMA,EAA+B,wnjEACrC,MAAAC,EAAeD,E,2WCuBf,IAAYE,GAAZ,SAAYA,GACVA,EAAA,qCACAA,EAAA,+BACAA,EAAA,yBACAA,EAAA,2BACAA,EAAA,4BACD,EAND,CAAYA,MAAO,K,MAeNC,EAAyB,M,yFAkBNC,KAAAC,KAAO,GAKPD,KAAAE,QAAU,GAKVF,KAAAG,eAAiB,GAKjBH,KAAAI,OAA2B,G,+BAfpB,G,aAKG,G,oBAKO,G,YAKU,E,CAIlD,UAAAC,GACLL,KAAKM,QAAUC,EAA4BP,KAAKQ,SAASC,O,CAGnD,OAAAC,GACN,GAAIV,KAAKG,eAAgB,CACvB,MAAMQ,EAAkBX,KAAKE,QAC7BF,KAAKE,QAAUF,KAAKG,eACpBS,YAAW,KACTZ,KAAKE,QAAUS,CAAe,GAC7B,I,CAGL,OAAQX,KAAKI,QACX,KAAKN,EAAQe,gBACXb,KAAKQ,SAASC,OAAOK,SACnBd,KAAKM,QAAQS,mBAAmBf,KAAKgB,SAEvCC,UAAUC,UAAUC,UAAUnB,KAAKgB,QAAQI,UAC3C,MACF,KAAKtB,EAAQuB,WACXrB,KAAKQ,SAASC,OAAOK,SACnBd,KAAKM,QAAQgB,oBAAoBtB,KAAKgB,SAExC,MACF,KAAKlB,EAAQyB,YACXvB,KAAKQ,SAASC,OAAOK,SACnBd,KAAKM,QAAQkB,iBAAiBxB,KAAKgB,SAErC,MAGJhB,KAAKyB,cAAcC,KAAK,CAACtB,OAAQJ,KAAKI,OAAQY,OAAQhB,KAAKgB,Q,CAGrD,OAAAW,GACN,GAAI3B,KAAKC,KAAM,CACb,OAAOD,KAAKC,I,CAGd,OAAQD,KAAKI,QACX,KAAKN,EAAQe,gBACX,OAAOe,EACT,KAAK9B,EAAQ+B,aACX,OAAOC,EACT,KAAKhC,EAAQiC,UACX,OAAOC,EACT,KAAKlC,EAAQuB,WACX,OAAOY,EACT,KAAKnC,EAAQyB,YACX,OAAOW,EACT,QACE,OAAOF,E,CAIN,MAAAG,GACL,OACEC,EAACC,EAAU,CAAAC,IAAA,2CACTC,WAAW,gBACXC,MAAM,kBACNvC,KAAMD,KAAK2B,UACXc,MAAOzC,KAAKE,QACZQ,QAAS,IAAMV,KAAKU,W,GAjGGgC,EAAA,CAA5BC,K,+BACwBD,EAAA,CAAxBE,K","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["atomicResultChildrenCss","AtomicResultChildrenStyle0","childTemplateComponent","componentTag","AtomicResultChildren","this","resultTemplateRegistered","templateHasError","showInitialChildren","inheritTemplates","noResultText","toggleShowInitialChildren","foldedResultList","logShowMoreFoldedResults","result","logShowLessFoldedResults","loadedFullCollection","resolveChildTemplates","event","preventDefault","detail","itemTemplateProvider","initialize","childrenTemplates","Array","from","host","querySelectorAll","filter","template","elementHasAncestorTag","length","error","Error","ItemTemplateProvider","includeDefaultTemplate","templateElements","getResultTemplateRegistered","getTemplateHasError","setResultTemplateRegistered","value","setTemplateHasError","bindings","renderChild","child","isLast","content","getTemplateContent","key","uniqueId","children","map","h","interactiveResult","buildInteractiveResult","engine","options","extractUnfoldedItem","store","density","displayConfig","imageSize","classes","trim","componentWillRender","initialChildren","collection","foldedResultListState","results","find","r","loadFullCollection","dispatchEvent","buildCustomEvent","renderCollection","showShouldButtons","moreResultsAvailable","Fragment","ShowHideButton","loadAllResults","i18n","t","collapseResults","CollectionGuard","isLoadingMoreResults","hasChildren","numberOfChildren","ChildrenWrapper","i","renderFoldedResult","render","ResultChildrenGuard","__decorate","InitializeBindings","ChildTemplatesContext","FoldedItemListContext","ResultContext","folded","ItemDisplayConfigContext","FoldedItemListStateContext"],"sources":["src/components/search/result-lists/atomic-result-children/atomic-result-children.pcss?tag=atomic-result-children&encapsulation=shadow","src/components/search/result-lists/atomic-result-children/atomic-result-children.tsx"],"sourcesContent":["@import '../../../../components/common/result-children/result-children.pcss';\n","import {\n  buildInteractiveResult,\n  FoldedResult,\n  FoldedResultList,\n  FoldedResultListState,\n} from '@coveo/headless';\nimport {\n  Component,\n  Element,\n  State,\n  h,\n  Listen,\n  Prop,\n  Fragment,\n} from '@stencil/core';\nimport {buildCustomEvent} from '../../../../utils/event-utils';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {elementHasAncestorTag} from '../../../../utils/utils';\nimport {extractUnfoldedItem} from '../../../common/item-list/unfolded-item';\nimport {\n  FoldedItemListContext,\n  FoldedItemListStateContext,\n} from '../../../common/item-list/item-list-decorators';\nimport {ItemTemplateProvider} from '../../../common/item-list/item-template-provider';\nimport {\n  ChildTemplatesContext,\n  ChildTemplatesContextEvent,\n  DisplayConfig,\n  ItemDisplayConfigContext,\n} from '../../../common/item-list/stencil-item-decorators';\nimport {ItemDisplayImageSize} from '../../../common/layout/display-options';\nimport {ChildrenWrapper} from '../../../common/result-children/children-wrapper';\nimport {CollectionGuard} from '../../../common/result-children/collection-guard';\nimport {ResultChildrenGuard} from '../../../common/result-children/guard';\nimport {ShowHideButton} from '../../../common/result-children/show-hide-button';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../../result-template-components/result-template-decorators';\n\nconst childTemplateComponent = 'atomic-result-children-template';\nconst componentTag = 'atomic-result-children';\n\n/**\n * The `atomic-result-children` component is responsible for displaying child results by applying one or more child result templates.\n * Includes two slots, \"before-children\" and \"after-children\", which allow for rendering content before and after the list of children,\n * only when children exist.\n * @part children-root - The wrapper for the message when there are child results\n * @part no-result-root - The wrapper for the message when there are no results.\n * @part show-hide-button - The button that allows to collapse or show all child results.\n * @slot before-children - Slot that allows rendering content before the list of children, only when children exist.\n * @slot after-children - Slot that allows rendering content after the list of children, only when children exist.\n */\n@Component({\n  tag: 'atomic-result-children',\n  styleUrl: 'atomic-result-children.pcss',\n  shadow: true,\n})\nexport class AtomicResultChildren implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @ChildTemplatesContext()\n  public itemTemplateProvider?: ItemTemplateProvider;\n  @FoldedItemListContext()\n  private foldedResultList!: FoldedResultList;\n  @ResultContext({folded: true})\n  private result!: FoldedResult;\n  @ItemDisplayConfigContext()\n  private displayConfig!: DisplayConfig;\n  private initialChildren!: FoldedResult[];\n\n  @Element() public host!: HTMLDivElement;\n  @State() public error!: Error;\n  @State() private resultTemplateRegistered = false;\n  @State() private templateHasError = false;\n  @FoldedItemListStateContext()\n  @State()\n  private foldedResultListState!: FoldedResultListState;\n  @State()\n  private showInitialChildren = false;\n\n  /**\n   * Whether to inherit templates defined in a parent atomic-result-children. Only works for the second level of child nesting.\n   */\n  @Prop() inheritTemplates = false;\n  /**\n   * The expected size of the image displayed in the children results.\n   */\n  @Prop({reflect: true}) imageSize?: ItemDisplayImageSize;\n  /**\n   * The non-localized copy for an empty result state. An empty string will result in the component being hidden.\n   */\n  @Prop() public noResultText = 'no-documents-related';\n\n  @Listen('atomic/resolveChildTemplates')\n  public resolveChildTemplates(event: ChildTemplatesContextEvent) {\n    event.preventDefault();\n    event.detail(this.itemTemplateProvider);\n  }\n\n  public initialize() {\n    if (this.inheritTemplates) {\n      return;\n    }\n\n    const childrenTemplates = Array.from(\n      this.host.querySelectorAll(childTemplateComponent)\n    ).filter(\n      (template) => !elementHasAncestorTag(template, childTemplateComponent)\n    );\n\n    if (!childrenTemplates.length) {\n      this.error = new Error(\n        `The \"${componentTag}\" component requires at least one \"${childTemplateComponent}\" component.`\n      );\n      return;\n    }\n\n    this.itemTemplateProvider = new ItemTemplateProvider({\n      includeDefaultTemplate: false,\n      templateElements: childrenTemplates,\n      getResultTemplateRegistered: () => this.resultTemplateRegistered,\n      getTemplateHasError: () => this.templateHasError,\n      setResultTemplateRegistered: (value: boolean) => {\n        this.resultTemplateRegistered = value;\n      },\n      setTemplateHasError: (value: boolean) => {\n        this.templateHasError = value;\n      },\n      bindings: this.bindings,\n    });\n  }\n\n  private renderChild(child: FoldedResult, isLast: boolean) {\n    const content = this.itemTemplateProvider?.getTemplateContent(child.result);\n\n    if (!content) {\n      return;\n    }\n\n    const key =\n      child.result.uniqueId +\n      child.children.map((child) => child.result.uniqueId);\n    return (\n      <atomic-result\n        key={key}\n        content={content}\n        result={child}\n        interactiveResult={buildInteractiveResult(this.bindings.engine, {\n          options: {result: extractUnfoldedItem(child)},\n        })}\n        store={this.bindings.store}\n        density={this.displayConfig.density}\n        imageSize={this.imageSize || this.displayConfig.imageSize}\n        classes={`child-result ${isLast ? 'last-child' : ''}`.trim()}\n      ></atomic-result>\n    );\n  }\n\n  public componentWillRender() {\n    if (this.initialChildren || !this.collection) {\n      return;\n    }\n\n    this.initialChildren = this.collection.children;\n  }\n\n  private get collection() {\n    return this.foldedResultListState.results.find((r) => {\n      return r.result.uniqueId === this.result.result.uniqueId;\n    });\n  }\n  private loadFullCollection() {\n    this.loadedFullCollection = true;\n    this.host.dispatchEvent(\n      buildCustomEvent('atomic/loadCollection', this.collection)\n    );\n  }\n  private toggleShowInitialChildren = () => {\n    if (this.showInitialChildren) {\n      this.foldedResultList.logShowMoreFoldedResults(this.result.result);\n    } else {\n      this.foldedResultList.logShowLessFoldedResults();\n    }\n\n    this.showInitialChildren = !this.showInitialChildren;\n  };\n\n  @State() private loadedFullCollection = false;\n\n  private renderCollection() {\n    const collection = this.collection!;\n\n    const children = this.showInitialChildren\n      ? this.initialChildren\n      : collection.children;\n\n    const showShouldButtons =\n      this.loadedFullCollection || collection.moreResultsAvailable;\n\n    return (\n      <Fragment>\n        {showShouldButtons && (\n          <ShowHideButton\n            moreResultsAvailable={collection.moreResultsAvailable}\n            loadFullCollection={() => this.loadFullCollection()}\n            showInitialChildren={this.showInitialChildren}\n            toggleShowInitialChildren={this.toggleShowInitialChildren}\n            loadAllResults={this.bindings.i18n.t('load-all-results')}\n            collapseResults={this.bindings.i18n.t('collapse-results')}\n          />\n        )}\n\n        <CollectionGuard\n          isLoadingMoreResults={collection.isLoadingMoreResults}\n          moreResultsAvailable={collection.moreResultsAvailable}\n          hasChildren={collection.children.length > 0}\n          numberOfChildren={collection.children.length}\n          density={this.displayConfig.density}\n          imageSize={this.imageSize || this.displayConfig.imageSize}\n          noResultText={this.bindings.i18n.t(this.noResultText)}\n        >\n          <ChildrenWrapper hasChildren={collection.children.length > 0}>\n            {children.map((child, i) =>\n              this.renderChild(child, i === children.length - 1)\n            )}\n          </ChildrenWrapper>\n        </CollectionGuard>\n      </Fragment>\n    );\n  }\n\n  private renderFoldedResult() {\n    if (this.result.children.length === 0) {\n      return;\n    }\n\n    const children = this.result.children;\n\n    return (\n      <ChildrenWrapper hasChildren={children.length > 0}>\n        {children.map((child, i) =>\n          this.renderChild(child, i === children.length - 1)\n        )}\n      </ChildrenWrapper>\n    );\n  }\n\n  public render() {\n    return (\n      <ResultChildrenGuard\n        inheritTemplates={this.inheritTemplates}\n        resultTemplateRegistered={this.resultTemplateRegistered}\n        templateHasError={this.templateHasError}\n      >\n        {this.collection ? this.renderCollection() : this.renderFoldedResult()}\n      </ResultChildrenGuard>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["RefineToggleButton","i18n","onClick","setRef","h","Button","style","class","text","t","ref","part","RefineToggleGuard","hasError","firstRequestExecuted","hasItems","children","Fragment","atomicRefineToggleCss","AtomicRefineToggleStyle0","AtomicRefineToggle","this","collapseFacetsAfter","initialize","searchStatus","buildSearchStatus","bindings","engine","loadModal","modalRef","document","createElement","host","insertAdjacentElement","openButton","buttonRef","enableModal","isOpen","render","key","searchStatusState","firstSearchExecuted","hasResults","button","__decorate","InitializeBindings","BindStateToController"],"sources":["src/components/common/refine-modal/stencil-button.tsx","src/components/common/refine-modal/stencil-guard.tsx","src/components/search/atomic-refine-toggle/atomic-refine-toggle.pcss?tag=atomic-refine-toggle&encapsulation=shadow","src/components/search/atomic-refine-toggle/atomic-refine-toggle.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\ninterface RefineToggleButtonProps {\n  i18n: i18n;\n  onClick: () => void;\n  setRef: (button: HTMLButtonElement) => void;\n}\nexport const RefineToggleButton: FunctionalComponent<\n  RefineToggleButtonProps\n> = ({i18n, onClick, setRef}) => {\n  return (\n    <Button\n      style=\"outline-primary\"\n      class=\"w-full p-3\"\n      onClick={onClick}\n      text={i18n.t('sort-and-filter')}\n      ref={setRef}\n      part=\"button\"\n    ></Button>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface RefineToggleGuardProps {\n  hasError: boolean;\n  firstRequestExecuted: boolean;\n  hasItems: boolean;\n}\nexport const RefineToggleGuard: FunctionalComponent<RefineToggleGuardProps> = (\n  {hasError, firstRequestExecuted, hasItems},\n  children\n) => {\n  if (hasError) {\n    return;\n  }\n\n  if (!firstRequestExecuted) {\n    return (\n      <div\n        part=\"placeholder\"\n        aria-hidden\n        class=\"bg-neutral my-2 h-8 w-28 animate-pulse rounded\"\n      ></div>\n    );\n  }\n\n  if (!hasItems) {\n    return;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","@import '../../../global/global.pcss';\n","import {\n  buildSearchStatus,\n  SearchStatusState,\n  SearchStatus,\n} from '@coveo/headless';\nimport {Component, h, Prop, State, Element} from '@stencil/core';\nimport {\n  InitializeBindings,\n  InitializableComponent,\n  BindStateToController,\n} from '../../../utils/initialization-utils';\nimport {RefineToggleButton} from '../../common/refine-modal/stencil-button';\nimport {RefineToggleGuard} from '../../common/refine-modal/stencil-guard';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-refine-toggle` component displays a button that opens a modal containing the facets and the sort components.\n *\n * When this component is added to the `atomic-search-interface`, an `atomic-refine-modal` component is automatically created.\n * @part button - The refine toggle button.\n */\n@Component({\n  tag: 'atomic-refine-toggle',\n  styleUrl: 'atomic-refine-toggle.pcss',\n  shadow: true,\n})\nexport class AtomicRefineToggle implements InitializableComponent {\n  @Element() public host!: HTMLElement;\n  public searchStatus!: SearchStatus;\n  private modalRef?: HTMLAtomicRefineModalElement;\n  private buttonRef?: HTMLButtonElement;\n\n  @InitializeBindings() public bindings!: Bindings;\n  @State() public error!: Error;\n  @BindStateToController('searchStatus')\n  @State()\n  private searchStatusState!: SearchStatusState;\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  public initialize() {\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n  }\n\n  private loadModal() {\n    if (this.modalRef) {\n      return;\n    }\n\n    this.modalRef = document.createElement('atomic-refine-modal');\n    this.host.insertAdjacentElement('beforebegin', this.modalRef);\n    this.modalRef.openButton = this.buttonRef;\n    this.modalRef.collapseFacetsAfter = this.collapseFacetsAfter;\n  }\n\n  private enableModal() {\n    this.modalRef && (this.modalRef.isOpen = true);\n  }\n\n  public render() {\n    return (\n      <RefineToggleGuard\n        firstRequestExecuted={this.searchStatusState.firstSearchExecuted}\n        hasError={this.searchStatusState.hasError}\n        hasItems={this.searchStatusState.hasResults}\n      >\n        <RefineToggleButton\n          i18n={this.bindings.i18n}\n          onClick={() => this.enableModal()}\n          setRef={(button) => {\n            if (!button) {\n              return;\n            }\n            this.buttonRef = button;\n            this.loadModal();\n          }}\n        />\n      </RefineToggleGuard>\n    );\n  }\n}\n"],"mappings":"oTASO,MAAMA,EAET,EAAEC,OAAMC,UAASC,YAEjBC,EAACC,EAAM,CACLC,MAAM,kBACNC,MAAM,aACNL,QAASA,EACTM,KAAMP,EAAKQ,EAAE,mBACbC,IAAKP,EACLQ,KAAK,WCZJ,MAAMC,EAAiE,EAC3EC,WAAUC,uBAAsBC,YACjCC,KAEA,GAAIH,EAAU,CACZ,M,CAGF,IAAKC,EAAsB,CACzB,OACEV,EAAA,OACEO,KAAK,cAAa,mBAElBJ,MAAM,kD,CAKZ,IAAKQ,EAAU,CACb,M,CAGF,OAAOX,EAACa,EAAQ,KAAED,EAAoB,EC7BxC,MAAME,EAAwB,+8iEAC9B,MAAAC,EAAeD,E,iXCyBFE,EAAkB,M,yBAkBCC,KAAAC,oBAAsB,E,+EAAA,C,CAE7C,UAAAC,GACLF,KAAKG,aAAeC,EAAkBJ,KAAKK,SAASC,O,CAG9C,SAAAC,GACN,GAAIP,KAAKQ,SAAU,CACjB,M,CAGFR,KAAKQ,SAAWC,SAASC,cAAc,uBACvCV,KAAKW,KAAKC,sBAAsB,cAAeZ,KAAKQ,UACpDR,KAAKQ,SAASK,WAAab,KAAKc,UAChCd,KAAKQ,SAASP,oBAAsBD,KAAKC,mB,CAGnC,WAAAc,GACNf,KAAKQ,WAAaR,KAAKQ,SAASQ,OAAS,K,CAGpC,MAAAC,GACL,OACElC,EAACQ,EAAiB,CAAA2B,IAAA,2CAChBzB,qBAAsBO,KAAKmB,kBAAkBC,oBAC7C5B,SAAUQ,KAAKmB,kBAAkB3B,SACjCE,SAAUM,KAAKmB,kBAAkBE,YAEjCtC,EAACJ,EAAkB,CAAAuC,IAAA,2CACjBtC,KAAMoB,KAAKK,SAASzB,KACpBC,QAAS,IAAMmB,KAAKe,cACpBjC,OAASwC,IACP,IAAKA,EAAQ,CACX,M,CAEFtB,KAAKc,UAAYQ,EACjBtB,KAAKO,WAAW,I,6BAhDGgB,EAAA,CAA5BC,K,+BAIOD,EAAA,CAFPE,EAAsB,iB","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["AtomicResultLocalizedText","this","field","render","bindings","i18n","t","localeKey","parseFieldValues","parseFieldCount","ret","Object","keys","length","entries","forEach","fieldName","i18nParameter","fieldValueRaw","ResultTemplatesHelpers","getResultProperty","result","isNullOrUndefined","fieldCount","count","__decorate","InitializeBindings","ResultContext","MapProp"],"sources":["src/components/search/result-template-components/atomic-result-localized-text/atomic-result-localized-text.ts"],"sourcesContent":["import {isNullOrUndefined} from '@coveo/bueno';\nimport {type Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Prop, State} from '@stencil/core';\nimport {\n  type InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {MapProp} from '../../../../utils/props-utils';\nimport type {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-localized-text` component renders a target i18n localized string using the values of a target field.\n *\n * Given this i18n configuration:\n * ```\n * searchInterface.i18n.addResourceBundle('en', 'translation', {\n *    classic_book_advert: 'Classic book from {{name}}',\n * });\n * ```\n *\n * The component could be configured in such a way to replace `{{name}}` with the `author` field value from the result item:\n * ```\n * <atomic-result-localized-text locale-key=\"classic_book_advert\" field-author=\"name\"></atomic-result-localized-text>\n * ```\n *\n * @MapProp name: field;attr: field;docs: The field from which to extract the target string and the variable used to map it to the target i18n parameter. For example, the following configuration extracts the value of `author` from a result, and assign it to the i18n parameter `name`: `field-author=\"name\"`;type: Record<string, string> ;default: {}\n */\n@Component({\n  tag: 'atomic-result-localized-text',\n})\nexport class AtomicResultLocalizedText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @State() public error!: Error;\n\n  @ResultContext() private result!: Result;\n  /**\n   * The i18n translation key.\n   */\n  @Prop() localeKey!: string;\n  /**\n   * The field value to dynamically evaluate.\n   */\n  @Prop() @MapProp() field: Record<string, string> = {};\n  /**\n   * The numerical field value used to determine whether to use the singular or plural value of a translation.\n   * */\n  @Prop() fieldCount?: string;\n\n  render() {\n    return this.bindings.i18n.t(this.localeKey, {\n      ...this.parseFieldValues(),\n      ...this.parseFieldCount(),\n    });\n  }\n\n  private parseFieldValues() {\n    const ret: Record<string, unknown> = {};\n    if (Object.keys(this.field).length === 0) {\n      return ret;\n    }\n    Object.entries(this.field).forEach(([fieldName, i18nParameter]) => {\n      const fieldValueRaw = ResultTemplatesHelpers.getResultProperty(\n        this.result,\n        fieldName\n      );\n      if (!isNullOrUndefined(fieldValueRaw)) {\n        ret[i18nParameter] = fieldValueRaw;\n      }\n    });\n\n    return ret;\n  }\n\n  private parseFieldCount() {\n    if (!this.fieldCount) {\n      return {};\n    }\n    return {\n      count:\n        (ResultTemplatesHelpers.getResultProperty(\n          this.result,\n          this.fieldCount!\n        ) as number) ?? 1,\n    };\n  }\n}\n"],"mappings":"2yBA+BaA,EAAyB,M,yBAYjBC,KAAAC,MAAgC,G,yDAAA,G,0BAMnD,MAAAC,GACE,OAAOF,KAAKG,SAASC,KAAKC,EAAEL,KAAKM,UAAW,IACvCN,KAAKO,sBACLP,KAAKQ,mB,CAIJ,gBAAAD,GACN,MAAME,EAA+B,GACrC,GAAIC,OAAOC,KAAKX,KAAKC,OAAOW,SAAW,EAAG,CACxC,OAAOH,C,CAETC,OAAOG,QAAQb,KAAKC,OAAOa,SAAQ,EAAEC,EAAWC,MAC9C,MAAMC,EAAgBC,EAAuBC,kBAC3CnB,KAAKoB,OACLL,GAEF,IAAKM,EAAkBJ,GAAgB,CACrCR,EAAIO,GAAiBC,C,KAIzB,OAAOR,C,CAGD,eAAAD,GACN,IAAKR,KAAKsB,WAAY,CACpB,MAAO,E,CAET,MAAO,CACLC,MACGL,EAAuBC,kBACtBnB,KAAKoB,OACLpB,KAAKsB,aACS,E,GAnDOE,EAAA,CAA5BC,K,+BAGwBD,EAAA,CAAxBE,K,6BAQkBF,EAAA,CAAVG,K","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["NoItemsGuard","firstSearchExecuted","isLoading","hasResults","children","h","Fragment","NoItems","i18n","query","i18nKey","content","LocalizedString","key","params","class","part","text","t","SearchTips"],"sources":["src/components/common/no-items/stencil-guard.tsx","src/components/common/no-items/stencil-no-items.tsx","src/components/common/no-items/stencil-tips.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface NoItemsGuardProps {\n  firstSearchExecuted: boolean;\n  isLoading: boolean;\n  hasResults: boolean;\n}\nexport const NoItemsGuard: FunctionalComponent<NoItemsGuardProps> = (\n  {firstSearchExecuted, isLoading, hasResults},\n  children\n) => {\n  if (!firstSearchExecuted || isLoading || hasResults) {\n    return;\n  }\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {LocalizedString} from '../../../utils/jsx-utils';\n\ninterface NoItemsProps {\n  query: string;\n  i18n: i18n;\n  i18nKey: 'no-results' | 'no-products';\n}\nexport const NoItems: FunctionalComponent<NoItemsProps> = ({\n  i18n,\n  query,\n  i18nKey,\n}) => {\n  const content = query ? (\n    <LocalizedString\n      i18n={i18n}\n      key={`${i18nKey}-for`}\n      params={{\n        query: (\n          <span\n            class=\"inline-block max-w-full truncate align-bottom font-bold whitespace-normal\"\n            part=\"highlight\"\n          >\n            <LocalizedString\n              key=\"between-quotations\"\n              params={{text: query}}\n              i18n={i18n}\n            />\n          </span>\n        ),\n      }}\n    />\n  ) : (\n    i18n.t(i18nKey)\n  );\n  return (\n    <div\n      class=\"my-2 max-w-full text-center text-2xl font-medium\"\n      part=\"no-results\"\n    >\n      {content}\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\ninterface SearchTipsProps {\n  i18n: i18n;\n}\nexport const SearchTips: FunctionalComponent<SearchTipsProps> = ({i18n}) => {\n  return (\n    <div class=\"text-neutral-dark my-2 text-center text-lg\" part=\"search-tips\">\n      {i18n.t('search-tips')}\n    </div>\n  );\n};\n"],"mappings":"qFAOaA,EAAuD,EACjEC,sBAAqBC,YAAWC,cACjCC,KAEA,IAAKH,GAAuBC,GAAaC,EAAY,CACnD,M,CAEF,OAAOE,EAACC,EAAQ,KAAEF,EAAoB,E,MCL3BG,EAA6C,EACxDC,OACAC,QACAC,cAEA,MAAMC,EAAUF,EACdJ,EAACO,EAAe,CACdJ,KAAMA,EACNK,IAAK,GAAGH,QACRI,OAAQ,CACNL,MACEJ,EAAA,QACEU,MAAM,4EACNC,KAAK,aAELX,EAACO,EAAe,CACdC,IAAI,qBACJC,OAAQ,CAACG,KAAMR,GACfD,KAAMA,QAOhBA,EAAKU,EAAER,GAET,OACEL,EAAA,OACEU,MAAM,mDACNC,KAAK,cAEJL,EACG,E,MCpCGQ,EAAmD,EAAEX,UAE9DH,EAAA,OAAKU,MAAM,6CAA6CC,KAAK,eAC1DR,EAAKU,EAAE,uB","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["e","t","module","exports","this","a","n","d","lastDay","sameDay","nextDay","nextWeek","lastWeek","sameElse","prototype","calendar","$locale","o","startOf","s","diff","i","f","l","call","format","updateLocale","Ls","Object","keys","forEach","dayjs","extend","AtomicResultDate","field","dateToRender","updateDateToRender","value","ResultTemplatesHelpers","getResultProperty","result","parsedValue","parseDate","isValid","error","Error","relativeTime","bindings","interfaceElement","language","i18n","componentWillRender","render","host","remove","__decorate","InitializeBindings","ResultContext"],"sources":["../../node_modules/dayjs/plugin/calendar.js","../../node_modules/dayjs/plugin/updateLocale.js","src/components/search/result-template-components/atomic-result-date/atomic-result-date.tsx"],"sourcesContent":["!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define(t):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_calendar=t()}(this,(function(){\"use strict\";return function(e,t,a){var n=\"h:mm A\",d={lastDay:\"[Yesterday at] \"+n,sameDay:\"[Today at] \"+n,nextDay:\"[Tomorrow at] \"+n,nextWeek:\"dddd [at] \"+n,lastWeek:\"[Last] dddd [at] \"+n,sameElse:\"MM/DD/YYYY\"};t.prototype.calendar=function(e,t){var n=t||this.$locale().calendar||d,o=a(e||void 0).startOf(\"d\"),s=this.diff(o,\"d\",!0),i=\"sameElse\",f=s<-6?i:s<-1?\"lastWeek\":s<0?\"lastDay\":s<1?\"sameDay\":s<2?\"nextDay\":s<7?\"nextWeek\":i,l=n[f]||d[f];return\"function\"==typeof l?l.call(this,a()):this.format(l)}}}));","!function(e,n){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=n():\"function\"==typeof define&&define.amd?define(n):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_updateLocale=n()}(this,(function(){\"use strict\";return function(e,n,t){t.updateLocale=function(e,n){var o=t.Ls[e];if(o)return(n?Object.keys(n):[]).forEach((function(e){o[e]=n[e]})),o}}}));","import {Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Prop, Element, State} from '@stencil/core';\nimport dayjs from 'dayjs';\nimport calendar from 'dayjs/plugin/calendar';\nimport updateLocale from 'dayjs/plugin/updateLocale';\nimport {parseDate} from '../../../../utils/date-utils';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\ndayjs.extend(calendar);\ndayjs.extend(updateLocale);\n\n/**\n * The `atomic-result-date` component renders the value of a date result field.\n */\n@Component({\n  tag: 'atomic-result-date',\n  shadow: false,\n})\nexport class AtomicResultDate implements InitializableComponent {\n  @InitializeBindings()\n  public bindings!: Bindings;\n\n  @ResultContext() private result!: Result;\n\n  @Element() host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The result field which the component should use.\n   * This will look for the field in the Result object first, 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 = 'date';\n  /**\n   * Available formats: https://day.js.org/docs/en/display/format\n   */\n  @Prop({reflect: true}) format = 'D/M/YYYY';\n\n  /**\n   * Whether the date should display in the [relative time format](https://day.js.org/docs/en/plugin/calendar).\n   *\n   * To modify the relative time string, use the [localization feature](https://docs.coveo.com/en/atomic/latest/usage/atomic-localization/).\n   */\n  @Prop({reflect: true}) relativeTime?: boolean;\n\n  private dateToRender: string | null = null;\n\n  private updateDateToRender() {\n    const value = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      this.field\n    );\n\n    if (value === null) {\n      this.dateToRender = null;\n      return;\n    }\n\n    const parsedValue = parseDate(value as never);\n    if (!parsedValue.isValid()) {\n      this.error = new Error(\n        `Field \"${this.field}\" does not contain a valid date.`\n      );\n      this.dateToRender = null;\n      return;\n    }\n\n    if (this.relativeTime) {\n      dayjs.updateLocale(this.bindings.interfaceElement.language, {\n        calendar: {\n          sameDay: this.bindings.i18n.t('calendar-same-day'),\n          nextDay: this.bindings.i18n.t('calendar-next-day'),\n          nextWeek: this.bindings.i18n.t('calendar-next-week'),\n          lastDay: this.bindings.i18n.t('calendar-last-day'),\n          lastWeek: this.bindings.i18n.t('calendar-last-week'),\n          sameElse: this.format,\n        },\n      });\n      this.dateToRender = parsedValue.calendar();\n    } else {\n      this.dateToRender = parsedValue.format(this.format);\n    }\n  }\n\n  public componentWillRender() {\n    this.updateDateToRender();\n  }\n\n  public render() {\n    if (this.dateToRender === null) {\n      this.host.remove();\n      return;\n    }\n    return this.dateToRender;\n  }\n}\n"],"mappings":"mbAAC,SAASA,EAAEC,GAAwDC,EAAAC,QAAeF,GAAmI,CAArN,CAAuNG,GAAI,WAA0B,OAAO,SAASJ,EAAEC,EAAEI,GAAG,IAAIC,EAAE,SAASC,EAAE,CAACC,QAAQ,kBAAkBF,EAAEG,QAAQ,cAAcH,EAAEI,QAAQ,iBAAiBJ,EAAEK,SAAS,aAAaL,EAAEM,SAAS,oBAAoBN,EAAEO,SAAS,cAAcZ,EAAEa,UAAUC,SAAS,SAASf,EAAEC,GAAG,IAAIK,EAAEL,GAAGG,KAAKY,UAAUD,UAAUR,EAAEU,EAAEZ,EAAEL,QAAQ,GAAGkB,QAAQ,KAAKC,EAAEf,KAAKgB,KAAKH,EAAE,KAAK,GAAGI,EAAE,WAAWC,EAAEH,GAAG,EAAEE,EAAEF,GAAG,EAAE,WAAWA,EAAE,EAAE,UAAUA,EAAE,EAAE,UAAUA,EAAE,EAAE,UAAUA,EAAE,EAAE,WAAWE,EAAEE,EAAEjB,EAAEgB,IAAIf,EAAEe,GAAG,MAAM,mBAAmBC,EAAEA,EAAEC,KAAKpB,KAAKC,KAAKD,KAAKqB,OAAOF,EAAE,CAAC,CAAE,G,2DCA/tB,SAASvB,EAAEM,GAAwDJ,EAAAC,QAAeG,GAAuI,CAAzN,CAA2NF,GAAI,WAA0B,OAAO,SAASJ,EAAEM,EAAEL,GAAGA,EAAEyB,aAAa,SAAS1B,EAAEM,GAAG,IAAIW,EAAEhB,EAAE0B,GAAG3B,GAAG,GAAGiB,EAAE,OAAOX,EAAEsB,OAAOC,KAAKvB,GAAG,IAAIwB,SAAO,SAAW9B,GAAGiB,EAAEjB,GAAGM,EAAEN,EAAG,IAAGiB,CAAC,CAAC,CAAE,G,mYCanYc,EAAMC,OAAOjB,GACbgB,EAAMC,OAAON,G,MASAO,EAAgB,M,yBAeJ7B,KAAA8B,MAAQ,OAIR9B,KAAAqB,OAAS,WASxBrB,KAAA+B,aAA8B,K,gCAbP,O,YAIC,W,4BAWxB,kBAAAC,GACN,MAAMC,EAAQC,EAAuBC,kBACnCnC,KAAKoC,OACLpC,KAAK8B,OAGP,GAAIG,IAAU,KAAM,CAClBjC,KAAK+B,aAAe,KACpB,M,CAGF,MAAMM,EAAcC,EAAUL,GAC9B,IAAKI,EAAYE,UAAW,CAC1BvC,KAAKwC,MAAQ,IAAIC,MACf,UAAUzC,KAAK8B,yCAEjB9B,KAAK+B,aAAe,KACpB,M,CAGF,GAAI/B,KAAK0C,aAAc,CACrBf,EAAML,aAAatB,KAAK2C,SAASC,iBAAiBC,SAAU,CAC1DlC,SAAU,CACRN,QAASL,KAAK2C,SAASG,KAAKjD,EAAE,qBAC9BS,QAASN,KAAK2C,SAASG,KAAKjD,EAAE,qBAC9BU,SAAUP,KAAK2C,SAASG,KAAKjD,EAAE,sBAC/BO,QAASJ,KAAK2C,SAASG,KAAKjD,EAAE,qBAC9BW,SAAUR,KAAK2C,SAASG,KAAKjD,EAAE,sBAC/BY,SAAUT,KAAKqB,UAGnBrB,KAAK+B,aAAeM,EAAY1B,U,KAC3B,CACLX,KAAK+B,aAAeM,EAAYhB,OAAOrB,KAAKqB,O,EAIzC,mBAAA0B,GACL/C,KAAKgC,oB,CAGA,MAAAgB,GACL,GAAIhD,KAAK+B,eAAiB,KAAM,CAC9B/B,KAAKiD,KAAKC,SACV,M,CAEF,OAAOlD,KAAK+B,Y,6BA1EPoB,EAAA,CADNC,K,+BAGwBD,EAAA,CAAxBE,K","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["RefineModal","props","children","flushFacetElements","host","querySelector","remove","renderHeader","h","slot","class","part","title","Button","style","onClick","onClose","ariaLabel","i18n","t","icon","CloseIcon","renderFooter","text","numberOfItems","toLocaleString","language","fullscreen","isOpen","source","openButton","container","close","onAnimationEnded","exportparts","ATOMIC_MODAL_EXPORT_PARTS","boundary","scope"],"sources":["src/components/common/refine-modal/stencil-modal.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport CloseIcon from '../../../images/close.svg';\nimport {ATOMIC_MODAL_EXPORT_PARTS} from '../atomic-modal/export-parts';\nimport {Button} from '../stencil-button';\n\ninterface RefineModalProps {\n  host: HTMLElement;\n  i18n: i18n;\n  onClose(): void;\n  title: string;\n  numberOfItems: number;\n  isOpen: boolean;\n  openButton?: HTMLElement;\n  boundary?: 'page' | 'element';\n  scope?: HTMLElement;\n}\n\nexport const RefineModal: FunctionalComponent<RefineModalProps> = (\n  props,\n  children\n) => {\n  const flushFacetElements = () => {\n    props.host.querySelector('div[slot=\"facets\"]')?.remove();\n  };\n\n  const renderHeader = () => {\n    return (\n      <div slot=\"header\" class=\"contents\">\n        <h1 part=\"title\" class=\"truncate\">\n          {props.title}\n        </h1>\n        <Button\n          style=\"text-transparent\"\n          class=\"grid place-items-center\"\n          part=\"close-button\"\n          onClick={props.onClose}\n          ariaLabel={props.i18n.t('close')}\n        >\n          <atomic-icon\n            part=\"close-icon\"\n            class=\"h-5 w-5\"\n            icon={CloseIcon}\n          ></atomic-icon>\n        </Button>\n      </div>\n    );\n  };\n\n  const renderFooter = () => {\n    return (\n      <div part=\"footer-content\" slot=\"footer\">\n        <Button\n          style=\"primary\"\n          part=\"footer-button\"\n          class=\"flex w-full justify-center p-3 text-lg\"\n          onClick={props.onClose}\n        >\n          <span part=\"footer-button-text\" class=\"mr-1 truncate\">\n            {props.i18n.t('view-results')}\n          </span>\n          <span part=\"footer-button-count\">\n            {props.i18n.t('between-parentheses', {\n              text: props.numberOfItems.toLocaleString(props.i18n.language),\n            })}\n          </span>\n        </Button>\n      </div>\n    );\n  };\n\n  return (\n    <atomic-modal\n      fullscreen\n      isOpen={props.isOpen}\n      source={props.openButton}\n      container={props.host}\n      close={props.onClose}\n      onAnimationEnded={() => {\n        if (!props.isOpen) {\n          flushFacetElements();\n        }\n      }}\n      exportparts={ATOMIC_MODAL_EXPORT_PARTS}\n      boundary={props.boundary}\n      scope={props.scope}\n    >\n      {renderHeader()}\n      {...children}\n      {renderFooter()}\n    </atomic-modal>\n  );\n};\n"],"mappings":"sJAkBaA,EAAqD,CAChEC,EACAC,KAEA,MAAMC,EAAqB,KACzBF,EAAMG,KAAKC,cAAc,uBAAuBC,QAAQ,EAG1D,MAAMC,EAAe,IAEjBC,EAAA,OAAKC,KAAK,SAASC,MAAM,YACvBF,EAAA,MAAIG,KAAK,QAAQD,MAAM,YACpBT,EAAMW,OAETJ,EAACK,EAAM,CACLC,MAAM,mBACNJ,MAAM,0BACNC,KAAK,eACLI,QAASd,EAAMe,QACfC,UAAWhB,EAAMiB,KAAKC,EAAE,UAExBX,EAAA,eACEG,KAAK,aACLD,MAAM,UACNU,KAAMC,MAOhB,MAAMC,EAAe,IAEjBd,EAAA,OAAKG,KAAK,iBAAiBF,KAAK,UAC9BD,EAACK,EAAM,CACLC,MAAM,UACNH,KAAK,gBACLD,MAAM,yCACNK,QAASd,EAAMe,SAEfR,EAAA,QAAMG,KAAK,qBAAqBD,MAAM,iBACnCT,EAAMiB,KAAKC,EAAE,iBAEhBX,EAAA,QAAMG,KAAK,uBACRV,EAAMiB,KAAKC,EAAE,sBAAuB,CACnCI,KAAMtB,EAAMuB,cAAcC,eAAexB,EAAMiB,KAAKQ,eAQhE,OACElB,EAAA,gBACEmB,WAAU,KACVC,OAAQ3B,EAAM2B,OACdC,OAAQ5B,EAAM6B,WACdC,UAAW9B,EAAMG,KACjB4B,MAAO/B,EAAMe,QACbiB,iBAAkB,KAChB,IAAKhC,EAAM2B,OAAQ,CACjBzB,G,GAGJ+B,YAAaC,EACbC,SAAUnC,EAAMmC,SAChBC,MAAOpC,EAAMoC,OAEZ9B,OACGL,EACHoB,IACY,S","ignoreList":[]}