@coveo/atomic 3.42.0 → 3.42.1

package/dist/atomic/components/atomic-insight-pager.js.map

@@ -1 +1 @@
-{"file":"atomic-insight-pager.js","mappings":";;;;;;;;;;AAyBA;;;AAGO,MAAM,mBAAmB,GAE5B,CAAC,KAAK;IACR,QACE,EAAC,MAAM,OACD,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,EACnC,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAC,wDAAwD;QAE9D,mBACE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAC,sBAAsB,EAC3B,KAAK,EAAC,kBAAkB,GACX,CACR,EACT;AACJ,CAAC,CAAC;AAEF;;;AAGO,MAAM,eAAe,GAExB,CAAC,KAAK;IACR,QACE,EAAC,MAAM,OACD,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAC/B,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,wDAAwD;QAE9D,mBACE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAC,kBAAkB,GACX,CACR,EACT;AACJ,CAAC,CAAC;AAEF;;;AAGO,MAAM,eAAe,GAA8C,CACxE,KAAK;IAEL,QACE,EAAC,WAAW,OACN,KAAK,EACT,iBAAiB,EAAE,KAAK,EACxB,GAAG,EAAE,KAAK,CAAC,IAAI,EACf,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,KAAK,CAAC,UAAU,EACzB,WAAW,EAAE,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,OAAO,EAChD,KAAK,EAAC,+DAA+D,EACrE,IAAI,EAAE,cAAc,KAAK,CAAC,UAAU,GAAG,qBAAqB,GAAG,EAAE,EAAE,GACtD,EACf;AACJ,CAAC,CAAC;AAEF;;;AAGO,MAAM,gBAAgB,GAA+C,CAC1E,KAAK,EACL,QAAQ;IAER,QACE,WACE,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,YAAY,gBACL,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,EACtC,KAAK,EAAC,UAAU,OAEZ,QAAQ,CACR,EACN;AACJ,CAAC;;ACrGD;;;AAGO,MAAM,eAAe,GAA8C,CACxE,KAAK,EACL,QAAQ;IAER,QACE,yBAAiB,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC;QACzC,WAAK,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,sBAAsB,OACzD,QAAQ,CACR,CACF,EACN;AACJ,CAAC;;ACrBD,MAAM,qBAAqB,GAAG,umlEAAumlE,CAAC;AACtolE,iCAAe,qBAAqB;;;;;;;;;;;;MCyCvBA,oBAAkB;;;;;;;;;QAuBN,kBAAa,GAAG,CAAC,CAAC;QAEjC,mBAAc,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC;;;;6BAFpB,CAAC;;IAIjC,UAAU;QACf,IAAI,CAAC,YAAY,GAAGC,iBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACnE,IAAI,CAAC,KAAK,GAAGC,UAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACnD,OAAO,EAAE,EAAC,aAAa,EAAE,IAAI,CAAC,aAAa,EAAC;SAC7C,CAAC,CAAC;KACJ;IAEO,MAAM,gCAAgC;QAC5C,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,iCAAiC,EAAE,CAAC;QAChF,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;KAC9B;IAEM,MAAM;QACX,QACE,EAAC,IAAI,uDACH,EAAC,eAAe,qDAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,IACvC,EAAC,mBAAmB,qDAClB,IAAI,EAAE,aAAa,EACnB,QAAQ,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,eAAe,EAC1C,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,OAAO,EAAE;gBACP,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;gBAC1B,IAAI,CAAC,gCAAgC,EAAE,CAAC;aACzC,GACD,EACF,EAAC,gBAAgB,qDAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,IACvC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,UAAU;YAC3C,QACE,EAAC,eAAe,IACd,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,EAChD,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE,EAAC,UAAU,EAAC,CAAC,EAC5D,SAAS,EAAE;oBACT,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;oBAClC,IAAI,CAAC,gCAAgC,EAAE,CAAC;iBACzC,EACD,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,IAAI,CAAC,cAAc,EAC9B,IAAI,EAAE,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,GAC5D,EACF;SACH,CAAC,CACe,EACnB,EAAC,eAAe,qDACd,IAAI,EAAE,cAAc,EACpB,QAAQ,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,EACtC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,OAAO,EAAE;gBACP,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACtB,IAAI,CAAC,gCAAgC,EAAE,CAAC;aACzC,GACD,CACc,CACb,EACP;KACH;;;;;;;;AA9E4B;IAA5B,kBAAkB,EAAE;sDAAmC;AAMjD;IAFN,qBAAqB,CAAC,OAAO,CAAC;wDAEO;AAG/B;IAFN,qBAAqB,CAAC,cAAc,CAAC;+DAEc;;;;;;;;;;;;;;;;;;;;","names":["AtomicInsightPager","buildInsightSearchStatus","buildInsightPager"],"sources":["src/components/common/pager/stencil-pager-buttons.tsx","src/components/common/pager/stencil-pager-navigation.tsx","src/components/insight/atomic-insight-pager/atomic-insight-pager.pcss?tag=atomic-insight-pager&encapsulation=shadow","src/components/insight/atomic-insight-pager/atomic-insight-pager.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button, StencilButtonProps} from '../stencil-button';\nimport {RadioButton, StencilRadioButtonProps} from '../stencil-radio-button';\n\ninterface PagerNavigationButtonProps\n  extends Omit<StencilButtonProps, 'style' | 'part' | 'class'> {\n  icon: string;\n  i18n: i18n;\n}\n\ninterface PagerPageButtonProps\n  extends Omit<\n    StencilRadioButtonProps,\n    'part' | 'style' | 'checked' | 'ariaCurrent' | 'key' | 'class' | 'ref'\n  > {\n  page: number;\n  isSelected: boolean;\n  text: string;\n}\n\ninterface PagerPageButtonsProps {\n  i18n: i18n;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const PagerPreviousButton: FunctionalComponent<\n  PagerNavigationButtonProps\n> = (props) => {\n  return (\n    <Button\n      {...props}\n      ariaLabel={props.i18n.t('previous')}\n      style=\"outline-primary\"\n      part=\"previous-button\"\n      class=\"flex min-h-10 min-w-10 items-center justify-center p-1\"\n    >\n      <atomic-icon\n        icon={props.icon}\n        part=\"previous-button-icon\"\n        class=\"w-5 align-middle\"\n      ></atomic-icon>\n    </Button>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const PagerNextButton: FunctionalComponent<\n  PagerNavigationButtonProps\n> = (props) => {\n  return (\n    <Button\n      {...props}\n      ariaLabel={props.i18n.t('next')}\n      style=\"outline-primary\"\n      part=\"next-button\"\n      class=\"flex min-h-10 min-w-10 items-center justify-center p-1\"\n    >\n      <atomic-icon\n        icon={props.icon}\n        part=\"next-button-icon\"\n        class=\"w-5 align-middle\"\n      ></atomic-icon>\n    </Button>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const PagerPageButton: FunctionalComponent<PagerPageButtonProps> = (\n  props\n) => {\n  return (\n    <RadioButton\n      {...props}\n      selectWhenFocused={false}\n      key={props.page}\n      style=\"outline-neutral\"\n      checked={props.isSelected}\n      ariaCurrent={props.isSelected ? 'page' : 'false'}\n      class=\"btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1\"\n      part={`page-button${props.isSelected ? ' active-page-button' : ''}`}\n    ></RadioButton>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const PagerPageButtons: FunctionalComponent<PagerPageButtonsProps> = (\n  props,\n  children\n) => {\n  return (\n    <div\n      part=\"page-buttons\"\n      role=\"radiogroup\"\n      aria-label={props.i18n.t('pagination')}\n      class=\"contents\"\n    >\n      {...children}\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\ninterface PagerNavigationProps {\n  i18n: i18n;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const PagerNavigation: FunctionalComponent<PagerNavigationProps> = (\n  props,\n  children\n) => {\n  return (\n    <nav aria-label={props.i18n.t('pagination')}>\n      <div part=\"buttons\" role=\"toolbar\" class=\"flex flex-wrap gap-2\">\n        {...children}\n      </div>\n    </nav>\n  );\n};\n","@import '../../../global/global.pcss';\n\n[part='page-button'] {\n  @apply bg-transparent;\n}\n\n:host {\n  @apply bg-neutral-light box-content flex h-full items-center justify-center px-6 py-4;\n}\n","import {\n  buildPager as buildInsightPager,\n  buildSearchStatus as buildInsightSearchStatus,\n  Pager as InsightPager,\n  PagerState as InsightPagerState,\n  SearchStatus as InsightSearchStatus,\n  SearchStatusState as InsightSearchStatusState,\n} from '@coveo/headless/insight';\nimport {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport ArrowLeftIcon from '../../../images/arrow-left-rounded.svg';\nimport ArrowRightIcon from '../../../images/arrow-right-rounded.svg';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {randomID} from '../../../utils/utils';\nimport {\n  PagerNextButton,\n  PagerPageButton,\n  PagerPageButtons,\n  PagerPreviousButton,\n} from '../../common/pager/stencil-pager-buttons';\nimport {PagerNavigation} from '../../common/pager/stencil-pager-navigation';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-pager',\n  styleUrl: 'atomic-insight-pager.pcss',\n  shadow: true,\n})\nexport class AtomicInsightPager\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  public pager!: InsightPager;\n  public searchStatus!: InsightSearchStatus;\n\n  @BindStateToController('pager')\n  @State()\n  public pagerState!: InsightPagerState;\n  @BindStateToController('searchStatus')\n  @State()\n  public searchStatusState!: InsightSearchStatusState;\n  @State() error!: Error;\n\n  @Event({\n    eventName: 'atomic/scrollToTop',\n  })\n  private scrollToTopEvent!: EventEmitter;\n\n  /**\n   * Specifies how many page buttons to display in the pager.\n   */\n  @Prop({reflect: true}) numberOfPages = 5;\n\n  private radioGroupName = randomID('atomic-insight-pager-');\n\n  public initialize() {\n    this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\n    this.pager = buildInsightPager(this.bindings.engine, {\n      options: {numberOfPages: this.numberOfPages},\n    });\n  }\n\n  private async focusOnFirstResultAndScrollToTop() {\n    await this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch();\n    this.scrollToTopEvent.emit();\n  }\n\n  public render() {\n    return (\n      <Host>\n        <PagerNavigation i18n={this.bindings.i18n}>\n          <PagerPreviousButton\n            icon={ArrowLeftIcon}\n            disabled={!this.pagerState.hasPreviousPage}\n            i18n={this.bindings.i18n}\n            onClick={() => {\n              this.pager.previousPage();\n              this.focusOnFirstResultAndScrollToTop();\n            }}\n          />\n          <PagerPageButtons i18n={this.bindings.i18n}>\n            {this.pagerState.currentPages.map((pageNumber) => {\n              return (\n                <PagerPageButton\n                  isSelected={this.pager.isCurrentPage(pageNumber)}\n                  ariaLabel={this.bindings.i18n.t('page-number', {pageNumber})}\n                  onChecked={() => {\n                    this.pager.selectPage(pageNumber);\n                    this.focusOnFirstResultAndScrollToTop();\n                  }}\n                  page={pageNumber}\n                  groupName={this.radioGroupName}\n                  text={pageNumber.toLocaleString(this.bindings.i18n.language)}\n                />\n              );\n            })}\n          </PagerPageButtons>\n          <PagerNextButton\n            icon={ArrowRightIcon}\n            disabled={!this.pagerState.hasNextPage}\n            i18n={this.bindings.i18n}\n            onClick={() => {\n              this.pager.nextPage();\n              this.focusOnFirstResultAndScrollToTop();\n            }}\n          />\n        </PagerNavigation>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-insight-pager.js","mappings":"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","names":["AtomicInsightPager","buildInsightSearchStatus","buildInsightPager"],"sources":["src/components/common/pager/stencil-pager-buttons.tsx","src/components/common/pager/stencil-pager-navigation.tsx","src/components/insight/atomic-insight-pager/atomic-insight-pager.pcss?tag=atomic-insight-pager&encapsulation=shadow","src/components/insight/atomic-insight-pager/atomic-insight-pager.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button, StencilButtonProps} from '../stencil-button';\nimport {RadioButton, StencilRadioButtonProps} from '../stencil-radio-button';\n\ninterface PagerNavigationButtonProps\n  extends Omit<StencilButtonProps, 'style' | 'part' | 'class'> {\n  icon: string;\n  i18n: i18n;\n}\n\ninterface PagerPageButtonProps\n  extends Omit<\n    StencilRadioButtonProps,\n    'part' | 'style' | 'checked' | 'ariaCurrent' | 'key' | 'class' | 'ref'\n  > {\n  page: number;\n  isSelected: boolean;\n  text: string;\n}\n\ninterface PagerPageButtonsProps {\n  i18n: i18n;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const PagerPreviousButton: FunctionalComponent<\n  PagerNavigationButtonProps\n> = (props) => {\n  return (\n    <Button\n      {...props}\n      ariaLabel={props.i18n.t('previous')}\n      style=\"outline-primary\"\n      part=\"previous-button\"\n      class=\"flex min-h-10 min-w-10 items-center justify-center p-1\"\n    >\n      <atomic-icon\n        icon={props.icon}\n        part=\"previous-button-icon\"\n        class=\"w-5 align-middle\"\n      ></atomic-icon>\n    </Button>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const PagerNextButton: FunctionalComponent<\n  PagerNavigationButtonProps\n> = (props) => {\n  return (\n    <Button\n      {...props}\n      ariaLabel={props.i18n.t('next')}\n      style=\"outline-primary\"\n      part=\"next-button\"\n      class=\"flex min-h-10 min-w-10 items-center justify-center p-1\"\n    >\n      <atomic-icon\n        icon={props.icon}\n        part=\"next-button-icon\"\n        class=\"w-5 align-middle\"\n      ></atomic-icon>\n    </Button>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const PagerPageButton: FunctionalComponent<PagerPageButtonProps> = (\n  props\n) => {\n  return (\n    <RadioButton\n      {...props}\n      selectWhenFocused={false}\n      key={props.page}\n      style=\"outline-neutral\"\n      checked={props.isSelected}\n      ariaCurrent={props.isSelected ? 'page' : 'false'}\n      class=\"btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1\"\n      part={`page-button${props.isSelected ? ' active-page-button' : ''}`}\n    ></RadioButton>\n  );\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const PagerPageButtons: FunctionalComponent<PagerPageButtonsProps> = (\n  props,\n  children\n) => {\n  return (\n    <div\n      part=\"page-buttons\"\n      role=\"radiogroup\"\n      aria-label={props.i18n.t('pagination')}\n      class=\"contents\"\n    >\n      {...children}\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\ninterface PagerNavigationProps {\n  i18n: i18n;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const PagerNavigation: FunctionalComponent<PagerNavigationProps> = (\n  props,\n  children\n) => {\n  return (\n    <nav aria-label={props.i18n.t('pagination')}>\n      <div part=\"buttons\" role=\"toolbar\" class=\"flex flex-wrap gap-2\">\n        {...children}\n      </div>\n    </nav>\n  );\n};\n","@import '../../../global/global.pcss';\n\n[part='page-button'] {\n  @apply bg-transparent;\n}\n\n:host {\n  @apply bg-neutral-light box-content flex h-full items-center justify-center px-6 py-4;\n}\n","import {\n  buildPager as buildInsightPager,\n  buildSearchStatus as buildInsightSearchStatus,\n  Pager as InsightPager,\n  PagerState as InsightPagerState,\n  SearchStatus as InsightSearchStatus,\n  SearchStatusState as InsightSearchStatusState,\n} from '@coveo/headless/insight';\nimport {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport ArrowLeftIcon from '../../../images/arrow-left-rounded.svg';\nimport ArrowRightIcon from '../../../images/arrow-right-rounded.svg';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {randomID} from '../../../utils/utils';\nimport {\n  PagerNextButton,\n  PagerPageButton,\n  PagerPageButtons,\n  PagerPreviousButton,\n} from '../../common/pager/stencil-pager-buttons';\nimport {PagerNavigation} from '../../common/pager/stencil-pager-navigation';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-pager',\n  styleUrl: 'atomic-insight-pager.pcss',\n  shadow: true,\n})\nexport class AtomicInsightPager\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  public pager!: InsightPager;\n  public searchStatus!: InsightSearchStatus;\n\n  @BindStateToController('pager')\n  @State()\n  public pagerState!: InsightPagerState;\n  @BindStateToController('searchStatus')\n  @State()\n  public searchStatusState!: InsightSearchStatusState;\n  @State() error!: Error;\n\n  @Event({\n    eventName: 'atomic/scrollToTop',\n  })\n  private scrollToTopEvent!: EventEmitter;\n\n  /**\n   * Specifies how many page buttons to display in the pager.\n   */\n  @Prop({reflect: true}) numberOfPages = 5;\n\n  private radioGroupName = randomID('atomic-insight-pager-');\n\n  public initialize() {\n    this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\n    this.pager = buildInsightPager(this.bindings.engine, {\n      options: {numberOfPages: this.numberOfPages},\n    });\n  }\n\n  private async focusOnFirstResultAndScrollToTop() {\n    await this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch();\n    this.scrollToTopEvent.emit();\n  }\n\n  public render() {\n    return (\n      <Host>\n        <PagerNavigation i18n={this.bindings.i18n}>\n          <PagerPreviousButton\n            icon={ArrowLeftIcon}\n            disabled={!this.pagerState.hasPreviousPage}\n            i18n={this.bindings.i18n}\n            onClick={() => {\n              this.pager.previousPage();\n              this.focusOnFirstResultAndScrollToTop();\n            }}\n          />\n          <PagerPageButtons i18n={this.bindings.i18n}>\n            {this.pagerState.currentPages.map((pageNumber) => {\n              return (\n                <PagerPageButton\n                  isSelected={this.pager.isCurrentPage(pageNumber)}\n                  ariaLabel={this.bindings.i18n.t('page-number', {pageNumber})}\n                  onChecked={() => {\n                    this.pager.selectPage(pageNumber);\n                    this.focusOnFirstResultAndScrollToTop();\n                  }}\n                  page={pageNumber}\n                  groupName={this.radioGroupName}\n                  text={pageNumber.toLocaleString(this.bindings.i18n.language)}\n                />\n              );\n            })}\n          </PagerPageButtons>\n          <PagerNextButton\n            icon={ArrowRightIcon}\n            disabled={!this.pagerState.hasNextPage}\n            i18n={this.bindings.i18n}\n            onClick={() => {\n              this.pager.nextPage();\n              this.focusOnFirstResultAndScrollToTop();\n            }}\n          />\n        </PagerNavigation>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-insight-result-children.js

@@ -224,7 +224,7 @@ const AtomicResultChildren = /*@__PURE__*/ proxyCustomElement(class AtomicResult
         return (h(ChildrenWrapper, { hasChildren: children.length > 0 }, children.map((child, i) => this.renderChild(child, i === children.length - 1))));
     }
     render() {
-        return (h(ResultChildrenGuard, { key: '878013c843769d52afed9c7cfd1a2aac03bd7f4c', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
+        return (h(ResultChildrenGuard, { key: '8e70b808758801f7ab1b9bcf0c9023c0139cedaf', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
     }
     get host() { return this; }
     static get style() { return AtomicInsightResultChildrenStyle0; }

package/dist/atomic/components/atomic-insight-result-list.js

@@ -106,7 +106,7 @@ const AtomicInsightResultList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicI
     render() {
         this.itemListCommon.updateBreakpoints();
         const listClasses = this.computeListDisplayClasses();
-        return (h(ItemListGuard, { key: 'c37320d1130a61bb12d9bd92b5a4b3d00b463092', hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults, hasError: this.resultListState.hasError }, h(DisplayWrapper, { key: '276ca387de6dbc7feefc39499d2a03cbdf3994da', listClasses: listClasses, display: this.display }, h(ResultsPlaceholdersGuard, { key: '18616ca6a71b308d3c214ba4687ab1f04ccb42f3', displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults, display: this.display, density: this.density, imageSize: this.imageSize }), h(ItemDisplayGuard, { key: 'f11b99086a335c7c0dcc40603f4b8b0b365b8a57', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.resultListState.results.map((result, i) => {
+        return (h(ItemListGuard, { key: '273ec9681562f5fcf884a853d4264848fa8dd964', hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults, hasError: this.resultListState.hasError }, h(DisplayWrapper, { key: '99292c0ba0a2e1b046365864c2adbdeb5b948c31', listClasses: listClasses, display: this.display }, h(ResultsPlaceholdersGuard, { key: '2968fc9a030ff61277a0f471cd6a468887bbd111', displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults, display: this.display, density: this.density, imageSize: this.imageSize }), h(ItemDisplayGuard, { key: 'ca4071072d4303fcb735159a56a9d6e2a88b1bb8', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.resultListState.results.map((result, i) => {
             const atomicInsightResultProps = this.getPropsForAtomicInsightResult(result);
             return (h("atomic-insight-result", { ...atomicInsightResultProps, part: "outline", ref: (element) => element && this.itemListCommon.setNewResultRef(element, i) }));
         })))));

package/dist/atomic/components/atomic-insight-smart-snippet-feedback-modal2.js

@@ -43,9 +43,9 @@ const AtomicInsightSmartSnippetFeedbackModal = /*@__PURE__*/ proxyCustomElement(
     }
     render() {
         updateBreakpoints(this.host);
-        return (h("atomic-modal", { key: 'a322c84b180318e8da53e7d4be035fef66ca29fb', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: 'bf2b0b2643459fa7376b4bc677f84e7a8406cd50', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: '1f20e30f513cb9559b8ab30860ea02a09426a22d', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: 'd8fd99bf7abe820c673701424c2f58639d8682c7', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
+        return (h("atomic-modal", { key: '116225b86b9555ee28372e1bbce7bebdd236825f', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: 'e189c75e3dbbc45257eb493d8f491a532ef64913', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: '1394d9a26f46f0ace8df2e576028f4c390112f28', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '5fbe8a81c5207e29ad41e46245ff022fb6ebfc4a', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
                 this.currentAnswer = correspondingAnswer;
-            } })))), h(SmartSnippetFeedbackModalDetails, { key: '700d156dde31e49cefd190a716b7256ea1392631', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: 'ed2f5561d12089be3537bbad655350c8d35d304c', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
+            } })))), h(SmartSnippetFeedbackModalDetails, { key: '20bf7fbc49b409d2b858565ec368036fd89318e5', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: '177b71d63df0011b54c01688d3b223453bccd4fa', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
     }
     close() {
         this.isOpen = false;

package/dist/atomic/components/atomic-insight-user-actions-session2.js

@@ -147,7 +147,7 @@ const AtomicInsightUserActionsSession = /*@__PURE__*/ proxyCustomElement(class A
     render() {
         const isShowMoreActionsButtonVisible = !this.areActionsAfterCaseCreationVisible &&
             !!this.userActionsAfterCaseCreation.length;
-        return (h("div", { key: '78956c75028d40113aeb6046dc98ce7ed703b9b7' }, this.renderSessionStartDate(), this.areActionsAfterCaseCreationVisible && (h("div", { key: 'd35a1e0507402dbe169dac6c02e202cf45e0803b', "data-testid": "more-actions-section" }, this.renderActions(this.userActionsAfterCaseCreation))), isShowMoreActionsButtonVisible && this.renderShowMoreActionsButton(), this.renderActions(this.userActionsToDisplay)));
+        return (h("div", { key: '6094cdd5002c5a3bc5503ae539a20929a6d0e7ad' }, this.renderSessionStartDate(), this.areActionsAfterCaseCreationVisible && (h("div", { key: 'ddff775830421c33a384c71d787708de4f2b6a7d', "data-testid": "more-actions-section" }, this.renderActions(this.userActionsAfterCaseCreation))), isShowMoreActionsButtonVisible && this.renderShowMoreActionsButton(), this.renderActions(this.userActionsToDisplay)));
     }
     static get watchers() { return {
         "userActions": ["prepareUserActionsToDisplay"]

package/dist/atomic/components/atomic-insight-user-actions-toggle.js

@@ -59,7 +59,7 @@ const AtomicInsightUserActionsToggle$1 = /*@__PURE__*/ proxyCustomElement(class
         this.modalRef.excludedCustomActions = this.excludedCustomActions;
     }
     render() {
-        return (h(IconButton, { key: 'af42099e98e032c062ba11f7170db5f6c79ff713', partPrefix: "insight-user-actions-toggle", style: "outline-neutral", icon: Clockicon, ariaLabel: this.bindings.i18n.t('user-actions'), onClick: () => {
+        return (h(IconButton, { key: '54d15ea6dde34b53516e5665f257636a678ed792', partPrefix: "insight-user-actions-toggle", style: "outline-neutral", icon: Clockicon, ariaLabel: this.bindings.i18n.t('user-actions'), onClick: () => {
                 this.enableModal();
             }, title: this.bindings.i18n.t('user-actions'), buttonRef: (button) => {
                 if (!button) {

package/dist/atomic/components/atomic-ipx-body2.js

@@ -35,7 +35,7 @@ const AtomicIPXBody = /*@__PURE__*/ proxyCustomElement(class AtomicIPXBody exten
     render() {
         this.updateBreakpoints();
         const isEmbedded = this.isOpen === undefined;
-        return (h("article", { key: '5f7f7b82bffe7b000e90e671640875b12f0402ae', part: "container", class: `${isEmbedded ? '' : this.isOpen ? 'visible' : 'invisible'}`, onAnimationEnd: () => this.animationEnded.emit() }, h("style", { key: '2f4d4227c589830b49583641a212ee2419f5b056' }, `
+        return (h("article", { key: '04b804db733f83952df2ea7b9d2b175a370c498b', part: "container", class: `${isEmbedded ? '' : this.isOpen ? 'visible' : 'invisible'}`, onAnimationEnd: () => this.animationEnded.emit() }, h("style", { key: '44583ff2f5fe4f2792a66e15e3984f5e12821363' }, `
             /* Chrome, Edge & Safari */
             .scrollbar::-webkit-scrollbar {
               width: 0.8rem;
@@ -60,7 +60,7 @@ const AtomicIPXBody = /*@__PURE__*/ proxyCustomElement(class AtomicIPXBody exten
               scrollbar-color: var(--atomic-primary) var(--atomic-background);
               scrollbar-width: auto;
             }
-          `), h("header", { key: '0e5f9517ccedf6eb22985e07f2661a4d70745938', part: "header-wrapper", class: "flex flex-col items-center" }, h("div", { key: 'd6d82f09f2890e64153f4046fc247df6cca855f0', part: "header" }, h("slot", { key: '960785d1be22b526b4b49c212c5a86909babcf38', name: "header" }))), h("hr", { key: 'cce51ecfe93f5e69eed79560eb5d3a0c62695296', part: "header-ruler", class: "border-neutral" }), h("div", { key: '491124b522773e41600d9dc1d0d223e19da9be54', part: "body-wrapper", class: "scrollbar flex w-full grow flex-col overflow-auto" }, h("div", { key: 'dc55d48b211233b9c1b768fd4c41d433de8e8f99', part: "body", class: "w-full" }, h("slot", { key: 'ce7caaf4b120ce05ab4f9e798906a674f9a7535c', name: "body" }))), this.displayFooterSlot && (h("footer", { key: '6eb602c49c07066fb6f2e0ac5af1d220e8af8f7d', part: "footer-wrapper", class: "border-neutral bg-background z-10 flex w-full flex-col items-center border-t" }, h("div", { key: 'f239f56a267d825447c247836991bc157459d10d', part: "footer" }, h("slot", { key: 'f78891df8edb2ecdda39b95b570e0d70af063ab1', name: "footer" }))))));
+          `), h("header", { key: '3666306d74782b7594ce974c42a1cf86e7d61f99', part: "header-wrapper", class: "flex flex-col items-center" }, h("div", { key: '2df51cef9cef98733f726caa7d51baeff7ed7470', part: "header" }, h("slot", { key: '6978c24e378663a3b69fbcc2bd5d555805b32753', name: "header" }))), h("hr", { key: 'c7d27639a7a536516545ad2686f9752aef5f31d7', part: "header-ruler", class: "border-neutral" }), h("div", { key: 'c6eb70d3cc04aa13d5c7efaeb55a73950b818947', part: "body-wrapper", class: "scrollbar flex w-full grow flex-col overflow-auto" }, h("div", { key: 'c22c16f4bd5cb171e1d8c26a3d2014180b5421bf', part: "body", class: "w-full" }, h("slot", { key: 'f61d80d1815543cc978e08b4dca43f5b0192b581', name: "body" }))), this.displayFooterSlot && (h("footer", { key: 'd027ab24f691a6bf3f33c75d3102f61c6556e47b', part: "footer-wrapper", class: "border-neutral bg-background z-10 flex w-full flex-col items-center border-t" }, h("div", { key: '4a634e650ecef68f0b8747cabcc4cddd661c3c9a', part: "footer" }, h("slot", { key: 'bd7fc2bace81b763f7a0d1ca8e1980ad2e55eca5', name: "footer" }))))));
     }
     get host() { return this; }
     static get style() { return AtomicIpxBodyStyle0; }

package/dist/atomic/components/atomic-ipx-button.js

@@ -67,7 +67,7 @@ const AtomicIPXButton = /*@__PURE__*/ proxyCustomElement(class AtomicIPXButton e
         if (this.isModalOpen && !this.recommendationsLoaded) {
             this.getRecommendations();
         }
-        return (h(Fragment, { key: 'e066f767cca5b9e7df63c95d075f8caa47156ce3' }, h("style", { key: 'b1cac1f6a818771f0c02771f206a2214e9f64c84' }, `
+        return (h(Fragment, { key: 'c960498150d8ec7f05d36dff0cb2b2b9d32cb2aa' }, h("style", { key: 'd7f6af75099077a0bc6bab5c6a317ce805021e6a' }, `
               [part=${displayedIcon}] {
                 transform: translateY(0rem);
               }
@@ -84,7 +84,7 @@ const AtomicIPXButton = /*@__PURE__*/ proxyCustomElement(class AtomicIPXButton e
                 [part=${hiddenIcon}] {
                   transform: translateY(0rem);
                 }
-              }`), h("div", { key: '59ff8f53f7e918931440785505f4c212512ea6da', class: "flex flex-col items-center", part: "container" }, this.renderIPXButton())));
+              }`), h("div", { key: 'ca19a0031151e592c248b7634b1a9372a0935b73', class: "flex flex-col items-center", part: "container" }, this.renderIPXButton())));
     }
     get ipxModal() {
         return this.bindings.interfaceElement.querySelector('atomic-ipx-modal');

package/dist/atomic/components/atomic-ipx-embedded.js

@@ -38,7 +38,7 @@ const AtomicIPXEmbedded = /*@__PURE__*/ proxyCustomElement(class AtomicIPXEmbedd
     }
     render() {
         this.updateBreakpoints();
-        return (h(Host, { key: 'd693de12a8a3d42a4b12cab4e5dac4999a5d9d42' }, h("div", { key: '70dce6d6cd7a31f3c6d0fd5d1997f7d0190b575e', part: "backdrop" }, h("atomic-ipx-body", { key: 'd6aad389d05ef4241efc18cad4ec4bd6fe84365f', displayFooterSlot: this.hasFooterSlotElements }, h("slot", { key: '6133f70d75b60eba55abceaa76de59cdf5aca331', name: "header", slot: "header" }), h("slot", { key: '31bb313ea95cb408855d7cf8a5e247ce06647892', name: "body", slot: "body" }), h("slot", { key: '7df67ef563bb372720d2af313cec9eb0b00c59ac', name: "footer", slot: "footer" })))));
+        return (h(Host, { key: 'bc265f3e187451cb2bcc001455afd8861183ebef' }, h("div", { key: 'ced3f2b1a66970caa6abc1893cde6e96445bcf3e', part: "backdrop" }, h("atomic-ipx-body", { key: 'ba6953460b0776d3ae89c69fd1bab0156738dbad', displayFooterSlot: this.hasFooterSlotElements }, h("slot", { key: '52a7ed1cee86e9957f2091278c51d1da44875e02', name: "header", slot: "header" }), h("slot", { key: '45d6881be1ad1778a88bf37f55802e3c51935f68', name: "body", slot: "body" }), h("slot", { key: '0ebca493ce53d5ef3aaf7af383120259ccb8f876', name: "footer", slot: "footer" })))));
     }
     get host() { return this; }
     static get style() { return AtomicIpxEmbeddedStyle0; }

package/dist/atomic/components/atomic-ipx-modal.js

@@ -63,8 +63,8 @@ const AtomicIPXModal = /*@__PURE__*/ proxyCustomElement(class AtomicIPXModal ext
     }
     render() {
         this.updateBreakpoints();
-        const Body = () => (h("atomic-ipx-body", { key: '82dc34cdc302c4f64bba83f35992a28207ebe9a9', isOpen: this.isOpen, displayFooterSlot: this.hasFooterSlotElements, exportparts: "container" }, h("slot", { key: 'f9a46d378105342b1c59f9c1438437489d1b7d5f', name: "header", slot: "header" }), h("slot", { key: '3fd82f0427a357d2cf2767d0b350da7339e228f5', name: "body", slot: "body" }), h("slot", { key: '32c77c2e083bfe127035b6dd292ffac78de62406', name: "footer", slot: "footer" })));
-        return (h(Host, { key: '9d3b7d7eedaf35d46178279bfca128a007636704', class: this.getClasses().join(' '), part: "atomic-ipx-modal" }, h("div", { key: '80be09ccf608f039075e6f2c7f18df76b6070d47', part: "backdrop" }, h(Body, { key: 'afaf022409a54bb69b8ae292a59f2f53a997ea60' }))));
+        const Body = () => (h("atomic-ipx-body", { key: '37d114f8141eeeab7d5e68dce4f07be19c63da51', isOpen: this.isOpen, displayFooterSlot: this.hasFooterSlotElements, exportparts: "container" }, h("slot", { key: '6dde2bf9046a1302030f1bb361db3bc879232ebb', name: "header", slot: "header" }), h("slot", { key: '53db3c13d91624f26baa1a3611a1814b1c951906', name: "body", slot: "body" }), h("slot", { key: '192858413d032a4213ea274d672eca797d5a707c', name: "footer", slot: "footer" })));
+        return (h(Host, { key: '9a6c6c8fe33c024e648a3fc31a4dbac23687311e', class: this.getClasses().join(' '), part: "atomic-ipx-modal" }, h("div", { key: '219cc2c8a9134b9739f0088c864f32537864c834', part: "backdrop" }, h(Body, { key: 'decde8e23261cb51b6bda6aa80abccea469e6f7a' }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/atomic/components/atomic-ipx-recs-list.js

@@ -268,7 +268,7 @@ const AtomicIPXRecsList = /*@__PURE__*/ proxyCustomElement(class AtomicIPXRecsLi
         }))));
     }
     render() {
-        return (h(Fragment, { key: '7af2a376cebea771896e6230180910788ca71114' }, this.renderHeading(), this.shouldRenderPagination ? (h(Carousel, { bindings: this.bindings, currentPage: this.currentPage, nextPage: () => this.nextPage(), previousPage: () => this.previousPage(), numberOfPages: this.numberOfPages }, this.renderListOfRecommendations())) : (this.renderListOfRecommendations())));
+        return (h(Fragment, { key: 'cbeb30f879c7ef6e23da3fd46bcc07410fef87ab' }, this.renderHeading(), this.shouldRenderPagination ? (h(Carousel, { bindings: this.bindings, currentPage: this.currentPage, nextPage: () => this.nextPage(), previousPage: () => this.previousPage(), numberOfPages: this.numberOfPages }, this.renderListOfRecommendations())) : (this.renderListOfRecommendations())));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/atomic/components/atomic-ipx-refine-modal2.js

@@ -60,7 +60,7 @@ const AtomicIPXRefineModal = /*@__PURE__*/ proxyCustomElement(class AtomicIPXRef
         return (h("aside", { slot: "body", class: "flex flex-col w-full", "aria-label": this.bindings.i18n.t('refine-modal-content') }, this.renderHeader(), h("slot", { name: "facets" })));
     }
     render() {
-        return (h(Host, { key: 'f34940e6d5edf08a0c3f49c4b64de3ac5971c235' }, h(RefineModal, { key: '292400a6c395789110aa8efce8813e4af069551d', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), numberOfItems: this.querySummaryState.total, title: this.bindings.i18n.t('filters'), openButton: this.openButton, boundary: "element", scope: this.bindings.interfaceElement }, this.renderBody())));
+        return (h(Host, { key: '52f09fa315fdc25b83cb53e98577fcf7b1ef86b4' }, h(RefineModal, { key: 'd7c601552d217d98d15d5cbec5aa46ddaae62671', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), numberOfItems: this.querySummaryState.total, title: this.bindings.i18n.t('filters'), openButton: this.openButton, boundary: "element", scope: this.bindings.interfaceElement }, this.renderBody())));
     }
     componentDidLoad() {
         this.host.style.display = '';

package/dist/atomic/components/atomic-ipx-refine-toggle.js

@@ -61,7 +61,7 @@ const AtomicIPXRefineToggle = /*@__PURE__*/ proxyCustomElement(class AtomicIPXRe
         this.modalRef.collapseFacetsAfter = this.collapseFacetsAfter;
     }
     render() {
-        return (h(IconButton, { key: 'bfb59793413826b10ac8a7084a4a305ba7df4393', partPrefix: "ipx-refine-toggle", class: "icon-button", style: "outline-neutral", title: this.bindings.i18n.t('filters'), icon: FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {
+        return (h(IconButton, { key: '31fc215dee7806b94cc618119dc265350fa609fc', partPrefix: "ipx-refine-toggle", class: "icon-button", style: "outline-neutral", title: this.bindings.i18n.t('filters'), icon: FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {
                 this.bindings.store.waitUntilAppLoaded(() => {
                     this.enableModal();
                 });

package/dist/atomic/components/atomic-ipx-result-link.js

@@ -109,7 +109,7 @@ const AtomicIPXResultLink = /*@__PURE__*/ proxyCustomElement(class AtomicIPXResu
         const href = isUndefined(this.hrefTemplate)
             ? this.result.clickUri
             : buildStringTemplateFromResult(this.hrefTemplate, this.result, this.bindings);
-        return (h(LinkWithItemAnalytics, { key: '44ef846b83e9386e29e83b8bfcc1083c76c43387', href: href, onSelect: () => this.onSelect(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (h("slot", null)) : (h("atomic-result-text", { field: "title", default: "no-title" }))));
+        return (h(LinkWithItemAnalytics, { key: '7ce12a84868d029ffa2307b6f3b1f88c4b833990', href: href, onSelect: () => this.onSelect(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (h("slot", null)) : (h("atomic-result-text", { field: "title", default: "no-title" }))));
     }
     get host() { return this; }
     static get style() { return AtomicIpxResultLinkStyle0; }

package/dist/atomic/components/atomic-numeric-facet.js

@@ -6,8 +6,8 @@ import { A as ArrayProp, M as MapProp } from './props-utils.js';
 import { F as FocusTargetController } from './stencil-accessibility-utils.js';
 import { r as randomID } from './utils.js';
 import { p as parseDependsOn } from './stencil-facet-values-group.js';
-import { c as FacetContainer, b as FacetHeader } from './stencil-facet-header.js';
-import { F as FacetGuard } from './stencil-facet-guard.js';
+import { b as FacetContainer, c as FacetHeader } from './stencil-facet-value-link.js';
+import { a as FacetGuard } from './stencil-facet-value-checkbox.js';
 import { F as FacetPlaceholder } from './stencil-facet-placeholder.js';
 import { d as defaultNumberFormatter, f as formatHumanReadable, N as NumericFacetValuesContainer, a as NumericFacetValueLink } from './format-common.js';
 import { i as initializePopover } from './popover-type.js';
@@ -288,7 +288,7 @@ const AtomicNumericFacet$1 = /*@__PURE__*/ proxyCustomElement(class AtomicNumeri
     }
     render() {
         const { searchStatusState: { firstSearchExecuted, hasError }, bindings: { i18n }, } = this;
-        return (h(FacetGuard, { key: 'efaabf17a81b38a24dd0322834e4826f0126aa56', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: i18n, label: this.label, onClearFilters: () => {
+        return (h(FacetGuard, { key: '83b5dcf53a009ebadc35656638990a875ee2e4f0', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: i18n, label: this.label, onClearFilters: () => {
                 this.focusTarget.focusAfterSearch();
                 if (this.filterState?.range) {
                     this.filter?.clear();

package/dist/atomic/components/atomic-quickview-modal2.js

@@ -662,7 +662,7 @@ const AtomicQuickviewModal = /*@__PURE__*/ proxyCustomElement(class AtomicQuickv
         });
     }
     render() {
-        return (h("atomic-modal", { key: '2bc9524037a020a52e955b1cdf1ac20ef0bdfaa0', fullscreen: this.bindings.store.isMobile(), class: 'atomic-quickview-modal', isOpen: this.isOpen, close: () => this.onClose(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, this.renderHeader(), this.renderBody(), this.renderFooter()));
+        return (h("atomic-modal", { key: '7f82591040ebcc0846b6527ce42c834ed7ce8808', fullscreen: this.bindings.store.isMobile(), class: 'atomic-quickview-modal', isOpen: this.isOpen, close: () => this.onClose(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, this.renderHeader(), this.renderBody(), this.renderFooter()));
     }
     static get watchers() { return {
         "highlightKeywords": ["watchHighlightKeywords"]

package/dist/atomic/components/atomic-quickview.js

@@ -106,7 +106,7 @@ const AtomicQuickview$1 = /*@__PURE__*/ proxyCustomElement(class AtomicQuickview
     }
     render() {
         if (this.quickviewState.resultHasPreview) {
-            return (h(Button, { key: '3b82119d967e7519e590f381efd14ab7fb6a48f1', part: "button", title: this.bindings.i18n.t('quickview'), style: "outline-primary", class: "p-2", onClick: (event) => this.onClick(event), ref: this.focusTarget.setTarget }, h("atomic-icon", { key: '4843250615b491aafd86fb0a99006bae80db0e4d', part: "icon", class: "flex w-5 justify-center", icon: QuickviewIcon })));
+            return (h(Button, { key: 'ea0ee6543bc95c89713a19c0d2909ad17bfdc217', part: "button", title: this.bindings.i18n.t('quickview'), style: "outline-primary", class: "p-2", onClick: (event) => this.onClick(event), ref: this.focusTarget.setTarget }, h("atomic-icon", { key: '73c41fe0f9067d7bac687861907d31f6da2b63a5', part: "icon", class: "flex w-5 justify-center", icon: QuickviewIcon })));
         }
     }
     static get style() { return AtomicQuickviewStyle0; }

package/dist/atomic/components/atomic-recs-error.js

@@ -39,7 +39,7 @@ const AtomicRecsError$1 = /*@__PURE__*/ proxyCustomElement(class AtomicRecsError
         if (hasError) {
             this.ariaMessage = getAriaMessageFromErrorType(i18n, organizationId, url, error?.type);
         }
-        return (h(QueryErrorGuard, { key: 'da4158a3d32ae798361abc56787330f62fcb03ba', hasError: hasError }, h(QueryErrorContainer, { key: '864cfcc5d795eb73471af2192848e13ddf077064' }, h(QueryErrorIcon, { key: '8d701878751fe6e2c9b456dbb67559aca6eb9377', errorType: error?.type }), h(QueryErrorTitle, { key: '2a369f7cb54709c323c1e0ff86408925afddfbde', i18n: i18n, organizationId: organizationId }), h(QueryErrorDescription, { key: '1d6ffc01a69c914230f4dd491351aace19c81feb', i18n: i18n, organizationId: organizationId, url: url }), h(QueryErrorShowMore, { key: 'e997b9fdbf3b05e289442fae0f7620e5228ecb1b', link: h(QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), h(QueryErrorDetails, { key: '0ba39b0ea132fab7ecdba8ef613d4b06278394d4', error: error, show: this.showMoreInfo }))));
+        return (h(QueryErrorGuard, { key: '102de4344c2af59a800f9fe764e312b51272316f', hasError: hasError }, h(QueryErrorContainer, { key: '250c84f7b69649e53f8f5d844c4d18b1c300dc4b' }, h(QueryErrorIcon, { key: '0e58b5d0e43a3924738a660f17be1d08b165f903', errorType: error?.type }), h(QueryErrorTitle, { key: '1cf7f0c10739cde9bd318bfe25a818b8ae819fc6', i18n: i18n, organizationId: organizationId }), h(QueryErrorDescription, { key: 'dd4311149b84a1e6b50be53e5a3aff218f35b650', i18n: i18n, organizationId: organizationId, url: url }), h(QueryErrorShowMore, { key: 'd5803de85b4fecdff94ebe3949407fa5d6414563', link: h(QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), h(QueryErrorDetails, { key: '37ff8e5607ae09de81d2ce49dfc1172cc89b0799', error: error, show: this.showMoreInfo }))));
     }
     static get style() { return AtomicRecsErrorStyle0; }
 }, [1, "atomic-recs-error", {

package/dist/atomic/components/atomic-recs-list.js

@@ -254,7 +254,7 @@ const AtomicRecsList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicRecsList e
         }))));
     }
     render() {
-        return (h(Fragment, { key: '567bb1251c847e93f6868f2a9328375bcc193343' }, this.renderHeading(), this.shouldRenderPagination ? (h(Carousel, { bindings: this.bindings, currentPage: this.currentPage, nextPage: () => this.nextPage(), previousPage: () => this.previousPage(), numberOfPages: this.numberOfPages }, this.renderListOfRecommendations())) : (this.renderListOfRecommendations())));
+        return (h(Fragment, { key: '356992286f27d269e8bb83099e3eec305f6960f2' }, this.renderHeading(), this.shouldRenderPagination ? (h(Carousel, { bindings: this.bindings, currentPage: this.currentPage, nextPage: () => this.nextPage(), previousPage: () => this.previousPage(), numberOfPages: this.numberOfPages }, this.renderListOfRecommendations())) : (this.renderListOfRecommendations())));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/atomic/components/atomic-refine-modal2.js

@@ -215,7 +215,7 @@ const AtomicRefineModal = /*@__PURE__*/ proxyCustomElement(class AtomicRefineMod
         return (h(RefineModalFiltersSection, { i18n: i18n, withFacets: hasFacetElements, withAutomaticFacets: hasAutomaticFacets }, this.breadcrumbManagerState.hasBreadcrumbs && (h(RefineModalFiltersClearButton, { i18n: i18n, onClick: () => this.breadcrumbManager.deselectAll() }))));
     }
     render() {
-        return (h(RefineModal, { key: 'db4dbaaf90b9e056847ce36955cd519a3e1f0612', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), title: this.bindings.i18n.t('sort-and-filter'), numberOfItems: this.querySummaryState.total, openButton: this.openButton }, h(RefineModalBody, { key: 'b6757510d96715fee92587227d74bb525730a956', ariaLabel: this.bindings.i18n.t('refine-modal-content') }, this.renderSort(), this.renderFilters())));
+        return (h(RefineModal, { key: '9482e370624d58a08f2aacf0481527320172a3ac', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), title: this.bindings.i18n.t('sort-and-filter'), numberOfItems: this.querySummaryState.total, openButton: this.openButton }, h(RefineModalBody, { key: 'ec87fba290d399e6c8c426177816a3a92c4d526c', ariaLabel: this.bindings.i18n.t('refine-modal-content') }, this.renderSort(), this.renderFilters())));
     }
     componentDidLoad() {
         this.host.style.display = '';

package/dist/atomic/components/atomic-refine-toggle.js

@@ -73,7 +73,7 @@ const AtomicRefineToggle$1 = /*@__PURE__*/ proxyCustomElement(class AtomicRefine
         this.modalRef && (this.modalRef.isOpen = true);
     }
     render() {
-        return (h(RefineToggleGuard, { key: '7630642da33e090f7a5fd0474cd17c04e4e48afe', firstRequestExecuted: this.searchStatusState.firstSearchExecuted, hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults }, h(RefineToggleButton, { key: '812a6923ddf871be995bb3e120db2d40473886fd', i18n: this.bindings.i18n, onClick: () => this.enableModal(), setRef: (button) => {
+        return (h(RefineToggleGuard, { key: '4d911481bf9d87ab628cdf9f69bf66c8bc75ed18', firstRequestExecuted: this.searchStatusState.firstSearchExecuted, hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults }, h(RefineToggleButton, { key: '8fb1f536ff5f68158312b0a843acbe62cff7ca27', i18n: this.bindings.i18n, onClick: () => this.enableModal(), setRef: (button) => {
                 if (!button) {
                     return;
                 }

package/dist/atomic/components/atomic-result-table-placeholder2.js

@@ -18,7 +18,7 @@ const AtomicResultTablePlaceholder = /*@__PURE__*/ proxyCustomElement(class Atom
         return getItemDisplayClasses('table', this.density, this.imageSize);
     }
     render() {
-        return (h("table", { key: 'fffa2c8e7ed22decc9004211658763b7ca1d29e1', class: `list-root animate-pulse ${this.getClasses().join(' ')}` }, h("thead", { key: '87b510eb1bf7ebacdf18fbf87a1e6411018f2c9b', "aria-hidden": "true" }, h("tr", { key: '73f6926883c4a8815835369a659dde76de29566f' }, h("th", { key: 'b0cc8976345dc5b03bedb8f748ed1c7b81f3ab60' }, h("div", { key: '9d0587d2aadc0a7c7471b1596464cad8c13406a0', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '14.5rem' } })), h("th", { key: 'fa2c9badf64d64591c53bdfbbed6eeaefa5b8d36' }, h("div", { key: '33e2a65fa31f40e10de5d66ac00af19ce1a4c0ef', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '9.75rem' } })), h("th", { key: '2b326dab73d1c6a45de9042a3bb230c20d0e6ff8' }, h("div", { key: 'fe11f2a10b3707e94697514c96f65d948b4cda81', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '6.5rem' } })))), h("tbody", { key: '7ca07245ab3de342286f79fb4b3611b78955c1b4' }, Array.from({ length: this.rows }, () => (h("tr", null, h("td", null, h("div", { class: `mb-6 h-8 ${placeholderClasses}`, style: { width: '22.875rem' } }), h("div", { class: `mb-2 h-5 ${placeholderClasses}`, style: { width: '23.75rem' } }), h("div", { class: `h-5 ${placeholderClasses}`, style: { width: '11.5rem' } })), h("td", null, h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '11rem' } })), h("td", null, h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '4.875rem' } }))))))));
+        return (h("table", { key: '84040882ca1911affde5151e9a692631cc0bb621', class: `list-root animate-pulse ${this.getClasses().join(' ')}` }, h("thead", { key: '19e3189f7e688f7ecacac54c0196d60c9b4ccf2d', "aria-hidden": "true" }, h("tr", { key: '691101b12755b2572e66c552ad9119fb7a5f1cc7' }, h("th", { key: 'e3c5d2f484cb45fc38bf736e62682818664e66f4' }, h("div", { key: 'ec58a576f054310d04092a6808a22dbc09fca2b4', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '14.5rem' } })), h("th", { key: 'bafa3a7d88643b362a5c81b08ffc11569972c3f6' }, h("div", { key: '5d3c3320a6b88b1cc64f17188eafbd0ed6e9171e', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '9.75rem' } })), h("th", { key: '72427e1f7b85953e9ed49447321a724451e441a5' }, h("div", { key: '376aa6b63fbb06a58577040dfa8bffa840ef16d1', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '6.5rem' } })))), h("tbody", { key: 'a4cf1b4752e76770f231880ad780333ed558f2ba' }, Array.from({ length: this.rows }, () => (h("tr", null, h("td", null, h("div", { class: `mb-6 h-8 ${placeholderClasses}`, style: { width: '22.875rem' } }), h("div", { class: `mb-2 h-5 ${placeholderClasses}`, style: { width: '23.75rem' } }), h("div", { class: `h-5 ${placeholderClasses}`, style: { width: '11.5rem' } })), h("td", null, h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '11rem' } })), h("td", null, h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '4.875rem' } }))))))));
     }
     static get style() { return AtomicResultTablePlaceholderStyle0; }
 }, [1, "atomic-result-table-placeholder", {

package/dist/atomic/components/atomic-search-box.js

@@ -441,14 +441,14 @@ const AtomicSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBox
         if (!this.suggestionManager.suggestions.length) {
             this.registerSearchboxSuggestionEvents();
         }
-        return (h(Host, { key: 'a7361e58f80f3a62fabf5616d063487d0eb0dd5a' }, this.renderAbsolutePositionSpacer(), [
-            h(SearchBoxWrapper, { key: 'c24c386fe383c9a828eb2020e2be58114e5e1bc2', disabled: isDisabled, onFocusout: (event) => {
+        return (h(Host, { key: '7ea2f9338375d632e7ff3cc687233f66eb8abefb' }, this.renderAbsolutePositionSpacer(), [
+            h(SearchBoxWrapper, { key: '1d35a42e3b74a05f5bf8f30991915d7dde41e4dc', disabled: isDisabled, onFocusout: (event) => {
                     if (!isFocusingOut(event)) {
                         return;
                     }
                     this.suggestionManager.clearSuggestions();
                     this.isExpanded = false;
-                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: '016f0cda4788b6acac73fc04f5109889ebde3d83', bindings: this.bindings, disabled: isDisabled, onClick: () => {
+                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: 'b37b8692f47c025eaed7b04bcf8a7e26c6f6da7c', bindings: this.bindings, disabled: isDisabled, onClick: () => {
                     this.searchBox.submit();
                     this.suggestionManager.clearSuggestions();
                 } }), this.renderSuggestions()),

package/dist/atomic/components/atomic-smart-snippet-feedback-modal2.js

@@ -43,9 +43,9 @@ const AtomicSmartSnippetFeedbackModal = /*@__PURE__*/ proxyCustomElement(class A
     }
     render() {
         updateBreakpoints(this.host);
-        return (h("atomic-modal", { key: '895b1512f5e473cc6104603ef4fbe0e92b99d000', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: '53be205dbf04ac6f46af8e94a228296f4fee41d5', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: '708b2db1571603d8b2b379ca3305be0eab1d4dfe', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '5c3d6bba44c08ecf4eb6c01401910c9a6ca8c244', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
+        return (h("atomic-modal", { key: '12ecb68fcb0029757b9eb02dfe13a9b77070ce2a', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: '42e02ae53c647a3e5ca808889d29d91f61e79826', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: '552bb36414fc75bd9a90edea37a7fd85579b78fe', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '3dbe31ec9e5ae22360f44d2fc82b39a19f141054', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
                 this.currentAnswer = correspondingAnswer;
-            } })))), h(SmartSnippetFeedbackModalDetails, { key: 'de68f331982da3870240ea26b193596fb66d6a88', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: '6ce901bc8fa952674adc90037c364fbb01262207', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
+            } })))), h(SmartSnippetFeedbackModalDetails, { key: 'e58a9e444591455c7947268a0e03bc8e2a739062', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: '69cbc28d2e44f499411c5cee29f42d9bfd27085e', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
     }
     close() {
         this.isOpen = false;