@coveo/atomic 3.34.0-pre.e940bd417f → 3.34.0-pre.ebcb0fe404

package/dist/cjs/atomic-ipx-recs-list.cjs.entry.js

@@ -7,15 +7,15 @@ const bueno = require('@coveo/bueno');
 const headless = require('@coveo/headless');
 const recommendation = require('@coveo/headless/recommendation');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
-const utils = require('./utils-7153ae6b.js');
+const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
+const utils = require('./utils-12b49e87.js');
 const stencilPlaceholders = require('./stencil-placeholders-b8c896fa.js');
-const store = require('./store-82abd941.js');
+const store = require('./store-7927ea61.js');
 const stencilDisplayWrapper = require('./stencil-display-wrapper-498de571.js');
 const itemTemplateProvider = require('./item-template-provider-470c1774.js');
 const stencilDisplayGrid = require('./stencil-display-grid-93c5802a.js');
-const stencilItemListCommon = require('./stencil-item-list-common-17bd1046.js');
-const displayOptions = require('./display-options-14f05862.js');
+const stencilItemListCommon = require('./stencil-item-list-common-b08abf21.js');
+const displayOptions = require('./display-options-09a8fab8.js');
 const stencilCarousel = require('./stencil-carousel-a8df6f3c.js');
 const stencilHeading = require('./stencil-heading-2faee1f7.js');
 require('./dom-utils-d4790328.js');
@@ -24,8 +24,8 @@ require('./init-queue-a18aa323.js');
 require('./initialization-lit-stencil-common-utils-730030b0.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
-require('./replace-breakpoint-utils-7a084f54.js');
-require('./sections-fbb93b53.js');
+require('./replace-breakpoint-utils-47f2eaa4.js');
+require('./sections-a6a40eaa.js');
 require('./arrow-right-a3be291c.js');
 require('./stencil-button-94b89acc.js');
 require('./stencil-button-style-ba779fe2.js');
@@ -280,7 +280,7 @@ const AtomicIPXRecsList = class {
         }))));
     }
     render() {
-        return (index.h(index.Fragment, { key: '61b0a6d12eddd9341da0295ebad1ef49fc91f667' }, this.renderHeading(), this.shouldRenderPagination ? (index.h(stencilCarousel.Carousel, { bindings: this.bindings, currentPage: this.currentPage, nextPage: () => this.nextPage(), previousPage: () => this.previousPage(), numberOfPages: this.numberOfPages }, this.renderListOfRecommendations())) : (this.renderListOfRecommendations())));
+        return (index.h(index.Fragment, { key: 'a65fe1adb14d1a76828b947fe564fb2ed1b57a23' }, this.renderHeading(), this.shouldRenderPagination ? (index.h(stencilCarousel.Carousel, { bindings: this.bindings, currentPage: this.currentPage, nextPage: () => this.nextPage(), previousPage: () => this.previousPage(), numberOfPages: this.numberOfPages }, this.renderListOfRecommendations())) : (this.renderListOfRecommendations())));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/atomic-ipx-refine-modal.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const clonedFacetElements = require('./cloned-facet-elements-70cd1601.js');
+const clonedFacetElements = require('./cloned-facet-elements-3c7ea837.js');
 const stencilModal = require('./stencil-modal-9035ea2a.js');
 const stencilButton = require('./stencil-button-94b89acc.js');
 require('./dom-utils-d4790328.js');
@@ -13,8 +13,7 @@ require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
 require('./initialization-lit-stencil-common-utils-730030b0.js');
 require('./popover-type-b1385b27.js');
-require('./store-82abd941.js');
-require('./utils-7153ae6b.js');
+require('./store-7927ea61.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 require('./close-20739950.js');
@@ -74,7 +73,7 @@ const AtomicIPXRefineModal = class {
         return (index.h("aside", { slot: "body", class: "flex flex-col w-full" }, this.renderHeader(), index.h("slot", { name: "facets" })));
     }
     render() {
-        return (index.h(index.Host, { key: 'e72781b5144f680168456af7a72f181968b9778f' }, index.h(stencilModal.RefineModal, { key: '69a418fe8ace95e0206be773f27d90d4ab563d60', 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 (index.h(index.Host, { key: 'b36869cd6325b8d37f27466f00cce57d5a3b9a53' }, index.h(stencilModal.RefineModal, { key: '961860ae6f488cf787643da0de37c33c13b8d041', 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/cjs/atomic-ipx-refine-modal.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-ipx-refine-modal.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,4sjEAA4sjE,CAAC;AAC7ujE,mCAAe,uBAAuB;;;;;;;;;;;;MC2BzB,oBAAoB;;;QAoBO,WAAM,GAAG,KAAK,CAAC;;;;;;;QAQvB,wBAAmB,GAAG,CAAC,CAAC;;;;;;sBARP,KAAK;mCAQA,CAAC;;IAMrD,YAAY,CAAC,MAAe;QAC1B,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,EAAE;gBAClD,IAAI,CAAC,IAAI,CAAC,MAAM,CACdA,0CAAsB,CACpB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,EAAE,EACtC,IAAI,CAAC,mBAAmB,EACxB,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAC/B,CACF,CAAC;aACH;SACF;KACF;IAEM,UAAU;QACf,IAAI,CAAC,iBAAiB,GAAGC,+BAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACtE,IAAI,CAAC,YAAY,GAAGC,0BAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KAC7D;IAEO,YAAY;QAClB,QACEC,iBAAK,KAAK,EAAC,kCAAkC,IAC1C,IAAI,CAAC,sBAAsB,CAAC,cAAc,KACzCA,QAACC,oBAAM,IACL,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,EACnD,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,EAC/C,KAAK,EAAC,WAAW,GACT,CACX,CACG,EACN;KACH;IAEO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,MAAM,EAAE;YAClD,OAAOD,QAACE,0BAAM,OAAU,CAAC;SAC1B;QAED,QACEF,mBAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,sBAAsB,IAC5C,IAAI,CAAC,YAAY,EAAE,EACpBA,kBAAM,IAAI,EAAC,QAAQ,GAAQ,CACrB,EACR;KACH;IAEM,MAAM;QACX,QACEA,QAACG,UAAI,uDACHH,QAACI,wBAAW,qDACV,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,EACpC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAC3C,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EACtC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,IAEpC,IAAI,CAAC,UAAU,EAAE,CACN,CACT,EACP;KACH;IAEM,gBAAgB;QACrB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;KAC9B;;;;;;AAtG4B;IAA5BC,sCAAkB,EAAE;sDAA4B;AAK1C;IAFNC,yCAAqB,CAAC,cAAc,CAAC;+DAEO;AAItC;IAFNA,yCAAqB,CAAC,mBAAmB,CAAC;oEAEY;;;;;","names":["getClonedFacetElements","buildBreadcrumbManager","buildQuerySummary","h","Button","Hidden","Host","RefineModal","InitializeBindings","BindStateToController"],"sources":["src/components/ipx/atomic-ipx-refine-modal/atomic-ipx-refine-modal.pcss?tag=atomic-ipx-refine-modal&encapsulation=shadow","src/components/ipx/atomic-ipx-refine-modal/atomic-ipx-refine-modal.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n\n/* This stylesheet can be removed once atomic-ipx-refine-modal is migrated to lit.\n\nThe remaining styles can be moved to the static style attribute of the component once migrated, but the 'rounded' utility will need to be replaced by the equivalent css rules as we can't reference utilities in the static styles */\n\n:host::part(container) {\n  @apply rounded;\n  max-height: calc(100vh - 4.25rem);\n}\n","import {\n  BreadcrumbManager,\n  BreadcrumbManagerState,\n  buildBreadcrumbManager,\n  buildQuerySummary,\n  QuerySummary,\n  QuerySummaryState,\n} from '@coveo/headless';\nimport {Component, h, State, Prop, Element, Watch, Host} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {getClonedFacetElements} from '../../common/refine-modal/cloned-facet-elements';\nimport {RefineModal} from '../../common/refine-modal/stencil-modal';\nimport {Button} from '../../common/stencil-button';\nimport {Hidden} from '../../common/stencil-hidden';\nimport {Bindings} from '../../search/atomic-search-interface/atomic-search-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-ipx-refine-modal',\n  styleUrl: 'atomic-ipx-refine-modal.pcss',\n  shadow: true,\n})\nexport class AtomicIPXRefineModal implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @Element() public host!: HTMLElement;\n\n  @BindStateToController('querySummary')\n  @State()\n  public querySummaryState!: QuerySummaryState;\n\n  @BindStateToController('breadcrumbManager')\n  @State()\n  public breadcrumbManagerState!: BreadcrumbManagerState;\n\n  @State()\n  public error!: Error;\n\n  @State()\n  public interfaceDimensions?: DOMRect;\n\n  @Prop({mutable: true}) openButton?: HTMLElement;\n\n  @Prop({reflect: true, mutable: true}) isOpen = false;\n\n  /**\n   * The number of expanded facets inside the refine modal.\n   * Remaining facets are automatically collapsed.\n   *\n   * Using the value `0` collapses all facets.\n   */\n  @Prop({reflect: true}) public collapseFacetsAfter = 0;\n\n  private breadcrumbManager!: BreadcrumbManager;\n  public querySummary!: QuerySummary;\n\n  @Watch('isOpen')\n  watchEnabled(isOpen: boolean) {\n    if (isOpen) {\n      if (!this.host.querySelector('div[slot=\"facets\"]')) {\n        this.host.append(\n          getClonedFacetElements(\n            this.bindings.store.getFacetElements(),\n            this.collapseFacetsAfter,\n            this.bindings.interfaceElement\n          )\n        );\n      }\n    }\n  }\n\n  public initialize() {\n    this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n    this.querySummary = buildQuerySummary(this.bindings.engine);\n  }\n\n  private renderHeader() {\n    return (\n      <div class=\"flex justify-between w-full mb-3\">\n        {this.breadcrumbManagerState.hasBreadcrumbs && (\n          <Button\n            onClick={() => this.breadcrumbManager.deselectAll()}\n            style=\"text-primary\"\n            text={this.bindings.i18n.t('clear-all-filters')}\n            class=\"px-2 py-1\"\n          ></Button>\n        )}\n      </div>\n    );\n  }\n\n  private renderBody() {\n    if (!this.bindings.store.getFacetElements().length) {\n      return <Hidden></Hidden>;\n    }\n\n    return (\n      <aside slot=\"body\" class=\"flex flex-col w-full\">\n        {this.renderHeader()}\n        <slot name=\"facets\"></slot>\n      </aside>\n    );\n  }\n\n  public render() {\n    return (\n      <Host>\n        <RefineModal\n          i18n={this.bindings.i18n}\n          host={this.host}\n          isOpen={this.isOpen}\n          onClose={() => (this.isOpen = false)}\n          numberOfItems={this.querySummaryState.total}\n          title={this.bindings.i18n.t('filters')}\n          openButton={this.openButton}\n          boundary=\"element\"\n          scope={this.bindings.interfaceElement}\n        >\n          {this.renderBody()}\n        </RefineModal>\n      </Host>\n    );\n  }\n\n  public componentDidLoad() {\n    this.host.style.display = '';\n  }\n}\n"],"version":3}
+{"file":"atomic-ipx-refine-modal.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,4sjEAA4sjE,CAAC;AAC7ujE,mCAAe,uBAAuB;;;;;;;;;;;;MC2BzB,oBAAoB;;;QAoBO,WAAM,GAAG,KAAK,CAAC;;;;;;;QAQvB,wBAAmB,GAAG,CAAC,CAAC;;;;;;sBARP,KAAK;mCAQA,CAAC;;IAMrD,YAAY,CAAC,MAAe;QAC1B,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,EAAE;gBAClD,IAAI,CAAC,IAAI,CAAC,MAAM,CACdA,0CAAsB,CACpB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,EAAE,EACtC,IAAI,CAAC,mBAAmB,EACxB,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAC/B,CACF,CAAC;aACH;SACF;KACF;IAEM,UAAU;QACf,IAAI,CAAC,iBAAiB,GAAGC,+BAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACtE,IAAI,CAAC,YAAY,GAAGC,0BAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KAC7D;IAEO,YAAY;QAClB,QACEC,iBAAK,KAAK,EAAC,kCAAkC,IAC1C,IAAI,CAAC,sBAAsB,CAAC,cAAc,KACzCA,QAACC,oBAAM,IACL,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,EACnD,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,EAC/C,KAAK,EAAC,WAAW,GACT,CACX,CACG,EACN;KACH;IAEO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,MAAM,EAAE;YAClD,OAAOD,QAACE,0BAAM,OAAU,CAAC;SAC1B;QAED,QACEF,mBAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,sBAAsB,IAC5C,IAAI,CAAC,YAAY,EAAE,EACpBA,kBAAM,IAAI,EAAC,QAAQ,GAAQ,CACrB,EACR;KACH;IAEM,MAAM;QACX,QACEA,QAACG,UAAI,uDACHH,QAACI,wBAAW,qDACV,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,EACpC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAC3C,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EACtC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,IAEpC,IAAI,CAAC,UAAU,EAAE,CACN,CACT,EACP;KACH;IAEM,gBAAgB;QACrB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;KAC9B;;;;;;AAtG4B;IAA5BC,sCAAkB,EAAE;sDAA4B;AAK1C;IAFNC,yCAAqB,CAAC,cAAc,CAAC;+DAEO;AAItC;IAFNA,yCAAqB,CAAC,mBAAmB,CAAC;oEAEY;;;;;","names":["getClonedFacetElements","buildBreadcrumbManager","buildQuerySummary","h","Button","Hidden","Host","RefineModal","InitializeBindings","BindStateToController"],"sources":["src/components/ipx/atomic-ipx-refine-modal/atomic-ipx-refine-modal.pcss?tag=atomic-ipx-refine-modal&encapsulation=shadow","src/components/ipx/atomic-ipx-refine-modal/atomic-ipx-refine-modal.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n\n/* This stylesheet can be removed once atomic-ipx-refine-modal is migrated to lit.\n\nThe remaining styles can be moved to the static style attribute of the component once migrated, but the 'rounded' utility will need to be replaced by the equivalent css rules as we can't reference utilities in the static styles */\n\n:host::part(container) {\n  @apply rounded;\n  max-height: calc(100vh - 4.25rem);\n}\n","import {\n  BreadcrumbManager,\n  BreadcrumbManagerState,\n  buildBreadcrumbManager,\n  buildQuerySummary,\n  QuerySummary,\n  QuerySummaryState,\n} from '@coveo/headless';\nimport {Component, h, State, Prop, Element, Watch, Host} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {getClonedFacetElements} from '../../common/refine-modal/cloned-facet-elements';\nimport {RefineModal} from '../../common/refine-modal/stencil-modal';\nimport {Button} from '../../common/stencil-button';\nimport {Hidden} from '../../common/stencil-hidden';\nimport {Bindings} from '../../search/atomic-search-interface/atomic-search-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-ipx-refine-modal',\n  styleUrl: 'atomic-ipx-refine-modal.pcss',\n  shadow: true,\n})\nexport class AtomicIPXRefineModal implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @Element() public host!: HTMLElement;\n\n  @BindStateToController('querySummary')\n  @State()\n  public querySummaryState!: QuerySummaryState;\n\n  @BindStateToController('breadcrumbManager')\n  @State()\n  public breadcrumbManagerState!: BreadcrumbManagerState;\n\n  @State()\n  public error!: Error;\n\n  @State()\n  public interfaceDimensions?: DOMRect;\n\n  @Prop({mutable: true}) openButton?: HTMLElement;\n\n  @Prop({reflect: true, mutable: true}) isOpen = false;\n\n  /**\n   * The number of expanded facets inside the refine modal.\n   * Remaining facets are automatically collapsed.\n   *\n   * Using the value `0` collapses all facets.\n   */\n  @Prop({reflect: true}) public collapseFacetsAfter = 0;\n\n  private breadcrumbManager!: BreadcrumbManager;\n  public querySummary!: QuerySummary;\n\n  @Watch('isOpen')\n  watchEnabled(isOpen: boolean) {\n    if (isOpen) {\n      if (!this.host.querySelector('div[slot=\"facets\"]')) {\n        this.host.append(\n          getClonedFacetElements(\n            this.bindings.store.getFacetElements(),\n            this.collapseFacetsAfter,\n            this.bindings.interfaceElement\n          )\n        );\n      }\n    }\n  }\n\n  public initialize() {\n    this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n    this.querySummary = buildQuerySummary(this.bindings.engine);\n  }\n\n  private renderHeader() {\n    return (\n      <div class=\"flex justify-between w-full mb-3\">\n        {this.breadcrumbManagerState.hasBreadcrumbs && (\n          <Button\n            onClick={() => this.breadcrumbManager.deselectAll()}\n            style=\"text-primary\"\n            text={this.bindings.i18n.t('clear-all-filters')}\n            class=\"px-2 py-1\"\n          ></Button>\n        )}\n      </div>\n    );\n  }\n\n  private renderBody() {\n    if (!this.bindings.store.getFacetElements().length) {\n      return <Hidden></Hidden>;\n    }\n\n    return (\n      <aside slot=\"body\" class=\"flex flex-col w-full\">\n        {this.renderHeader()}\n        <slot name=\"facets\"></slot>\n      </aside>\n    );\n  }\n\n  public render() {\n    return (\n      <Host>\n        <RefineModal\n          i18n={this.bindings.i18n}\n          host={this.host}\n          isOpen={this.isOpen}\n          onClose={() => (this.isOpen = false)}\n          numberOfItems={this.querySummaryState.total}\n          title={this.bindings.i18n.t('filters')}\n          openButton={this.openButton}\n          boundary=\"element\"\n          scope={this.bindings.interfaceElement}\n        >\n          {this.renderBody()}\n        </RefineModal>\n      </Host>\n    );\n  }\n\n  public componentDidLoad() {\n    this.host.style.display = '';\n  }\n}\n"],"version":3}

package/dist/cjs/atomic-ipx-refine-toggle.cjs.entry.js

@@ -68,7 +68,7 @@ const AtomicIPXRefineToggle = class {
         this.modalRef.collapseFacetsAfter = this.collapseFacetsAfter;
     }
     render() {
-        return (index.h(stencilIconButton.IconButton, { key: '9147bac854255feb759b7b7e002e2e199f724ea6', partPrefix: "ipx-refine-toggle", class: "icon-button", style: "outline-neutral", title: this.bindings.i18n.t('filters'), icon: filter.FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {
+        return (index.h(stencilIconButton.IconButton, { key: '49bf2364b70408d4a04fdea40d9f2bcc09930c66', partPrefix: "ipx-refine-toggle", class: "icon-button", style: "outline-neutral", title: this.bindings.i18n.t('filters'), icon: filter.FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {
                 this.bindings.store.waitUntilAppLoaded(() => {
                     this.enableModal();
                 });

package/dist/cjs/atomic-ipx-result-link.cjs.entry.js

@@ -59,7 +59,7 @@ const AtomicIPXResultLink = class {
         const href = bueno.isUndefined(this.hrefTemplate)
             ? this.result.clickUri
             : resultUtils.buildStringTemplateFromResult(this.hrefTemplate, this.result, this.bindings);
-        return (index.h(stencilItemLink.LinkWithItemAnalytics, { key: 'b1fe73ffc76cf7543f40a400d5e7ae17b01141a8', href: href, onSelect: () => this.onSelect(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (index.h("slot", null)) : (index.h("atomic-result-text", { field: "title", default: "no-title" }))));
+        return (index.h(stencilItemLink.LinkWithItemAnalytics, { key: 'f5c87e8855c2f386d5ddcca2d8fa7e543d5f3ac8', href: href, onSelect: () => this.onSelect(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (index.h("slot", null)) : (index.h("atomic-result-text", { field: "title", default: "no-title" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/atomic-ipx-tab.cjs.entry.js

@@ -5,14 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const store = require('./store-82abd941.js');
+const store = require('./store-7927ea61.js');
 const stencilButton = require('./stencil-button-94b89acc.js');
 const tabCommon = require('./tab-common-15548049.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
 require('./initialization-lit-stencil-common-utils-730030b0.js');
-require('./utils-7153ae6b.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 require('./stencil-button-style-ba779fe2.js');

package/dist/cjs/atomic-ipx-tab.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-ipx-tab.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;AAAA,MAAM,eAAe,GAAG,y6jEAAy6jE,CAAC;AACl8jE,2BAAe,eAAe;;;;;;;;;;;;MCmBjB,YAAY;;;QAQN,gBAAW,GAAG,KAAK,CAAC;;;;QASP,UAAK,GAAG,UAAU,CAAC;;;;;QAMJ,WAAM,GAAG,KAAK,CAAC;QAOpD,gBAAW,GAAgB,SAAQ,CAAC;;2BAtBb,KAAK;;qBASE,UAAU;sBAMM,KAAK;;;;;;IAapD,MAAM,MAAM;QACjB,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;KACnB;IAEM,UAAU;QACf,IAAI,CAAC,GAAG,GAAGA,iBAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACxC,OAAO,EAAE,EAAC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,EAAC;YACtD,YAAY,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAC;SACtC,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CACnC,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAC9C,CAAC;QACFC,6BAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,WAAW;YACvD,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;SAChC,CAAC,CAAC;KACJ;IAEM,kBAAkB;QACvBC,2BAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9B;IAEM,oBAAoB;QACzB,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAEM,MAAM;QACX,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,OAAO;SACR;QAED,MAAM,aAAa,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,CAAC,CAAC;QAC5E,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;YAC1B,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC9B;QAED,QACEC,QAACC,oBAAM,IACL,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC9B,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC,EAClE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EACxC,OAAO,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,IAE/B,IAAI,CAAC,KAAK,CACJ,EACT;KACH;;;AA/E4B;IAA5BC,sCAAkB,EAAE;8CAA4B;AAOzC;IAFPC,yCAAqB,CAAC,KAAK,CAAC;8CAED;;;;;","names":["buildTab","createAppLoadedListener","dispatchTabLoaded","h","Button","InitializeBindings","BindStateToController"],"sources":["src/components/ipx/atomic-ipx-tab/atomic-ipx-tab.pcss?tag=atomic-ipx-tab&encapsulation=shadow","src/components/ipx/atomic-ipx-tab/atomic-ipx-tab.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n\n.active {\n  &::after {\n    @apply bg-primary absolute bottom-0 block h-1 w-full rounded;\n    content: '';\n  }\n}\n\n[part='tab'] {\n  max-width: 150px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n","import {buildTab, Tab, TabState, Unsubscribe} from '@coveo/headless';\nimport {Component, h, Prop, State, Element, Method} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {createAppLoadedListener} from '../../common/interface/store';\nimport {Button} from '../../common/stencil-button';\nimport {dispatchTabLoaded} from '../../common/tabs/tab-common';\nimport {Bindings} from '../../search/atomic-search-interface/atomic-search-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-ipx-tab',\n  styleUrl: './atomic-ipx-tab.pcss',\n  shadow: true,\n})\nexport class AtomicIPXTab implements InitializableComponent {\n  private tab!: Tab;\n\n  @Element() host!: HTMLElement;\n\n  @InitializeBindings() public bindings!: Bindings;\n\n  @State() public error!: Error;\n  @State() private isAppLoaded = false;\n\n  @BindStateToController('tab')\n  @State()\n  private tabState!: TabState;\n\n  /**\n   * The label that will be shown to the user.\n   */\n  @Prop({reflect: true}) public label = 'no-label';\n\n  /**\n   * Whether this tab is active upon rendering.\n   * If multiple tabs are set to active on render, the last one to be rendered will override the others.\n   */\n  @Prop({reflect: true, mutable: true}) public active = false;\n\n  /**\n   * The expression that will be passed to the search as a `cq` paramenter upon being selected.\n   */\n  @Prop() public expression!: string;\n\n  private unsubscribe: Unsubscribe = () => {};\n\n  /**\n   * Activates the tab.\n   */\n  @Method()\n  public async select() {\n    this.tab.select();\n  }\n\n  public initialize() {\n    this.tab = buildTab(this.bindings.engine, {\n      options: {expression: this.expression, id: this.label},\n      initialState: {isActive: this.active},\n    });\n    this.unsubscribe = this.tab.subscribe(\n      () => (this.active = this.tab.state.isActive)\n    );\n    createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n      this.isAppLoaded = isAppLoaded;\n    });\n  }\n\n  public componentDidRender() {\n    dispatchTabLoaded(this.host);\n  }\n\n  public disconnectedCallback() {\n    this.unsubscribe();\n  }\n\n  public render() {\n    if (!this.isAppLoaded) {\n      return;\n    }\n\n    const buttonClasses = ['relative', 'pb-3', 'mt-1', 'mr-6', 'font-semibold'];\n    if (this.tabState.isActive) {\n      buttonClasses.push('active');\n    }\n\n    return (\n      <Button\n        style=\"text-transparent\"\n        part=\"tab\"\n        class={buttonClasses.join(' ')}\n        ariaLabel={this.bindings.i18n.t('tab-search', {label: this.label})}\n        title={this.label}\n        ariaPressed={`${this.tabState.isActive}`}\n        onClick={() => this.tab.select()}\n      >\n        {this.label}\n      </Button>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-ipx-tab.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;AAAA,MAAM,eAAe,GAAG,y6jEAAy6jE,CAAC;AACl8jE,2BAAe,eAAe;;;;;;;;;;;;MCmBjB,YAAY;;;QAQN,gBAAW,GAAG,KAAK,CAAC;;;;QASP,UAAK,GAAG,UAAU,CAAC;;;;;QAMJ,WAAM,GAAG,KAAK,CAAC;QAOpD,gBAAW,GAAgB,SAAQ,CAAC;;2BAtBb,KAAK;;qBASE,UAAU;sBAMM,KAAK;;;;;;IAapD,MAAM,MAAM;QACjB,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;KACnB;IAEM,UAAU;QACf,IAAI,CAAC,GAAG,GAAGA,iBAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACxC,OAAO,EAAE,EAAC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,EAAC;YACtD,YAAY,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAC;SACtC,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CACnC,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAC9C,CAAC;QACFC,6BAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,WAAW;YACvD,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;SAChC,CAAC,CAAC;KACJ;IAEM,kBAAkB;QACvBC,2BAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9B;IAEM,oBAAoB;QACzB,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAEM,MAAM;QACX,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,OAAO;SACR;QAED,MAAM,aAAa,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,CAAC,CAAC;QAC5E,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;YAC1B,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC9B;QAED,QACEC,QAACC,oBAAM,IACL,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC9B,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC,EAClE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EACxC,OAAO,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,IAE/B,IAAI,CAAC,KAAK,CACJ,EACT;KACH;;;AA/E4B;IAA5BC,sCAAkB,EAAE;8CAA4B;AAOzC;IAFPC,yCAAqB,CAAC,KAAK,CAAC;8CAED;;;;;","names":["buildTab","createAppLoadedListener","dispatchTabLoaded","h","Button","InitializeBindings","BindStateToController"],"sources":["src/components/ipx/atomic-ipx-tab/atomic-ipx-tab.pcss?tag=atomic-ipx-tab&encapsulation=shadow","src/components/ipx/atomic-ipx-tab/atomic-ipx-tab.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n\n.active {\n  &::after {\n    @apply bg-primary absolute bottom-0 block h-1 w-full rounded;\n    content: '';\n  }\n}\n\n[part='tab'] {\n  max-width: 150px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n","import {buildTab, Tab, TabState, Unsubscribe} from '@coveo/headless';\nimport {Component, h, Prop, State, Element, Method} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {createAppLoadedListener} from '../../common/interface/store';\nimport {Button} from '../../common/stencil-button';\nimport {dispatchTabLoaded} from '../../common/tabs/tab-common';\nimport {Bindings} from '../../search/atomic-search-interface/atomic-search-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-ipx-tab',\n  styleUrl: './atomic-ipx-tab.pcss',\n  shadow: true,\n})\nexport class AtomicIPXTab implements InitializableComponent {\n  private tab!: Tab;\n\n  @Element() host!: HTMLElement;\n\n  @InitializeBindings() public bindings!: Bindings;\n\n  @State() public error!: Error;\n  @State() private isAppLoaded = false;\n\n  @BindStateToController('tab')\n  @State()\n  private tabState!: TabState;\n\n  /**\n   * The label that will be shown to the user.\n   */\n  @Prop({reflect: true}) public label = 'no-label';\n\n  /**\n   * Whether this tab is active upon rendering.\n   * If multiple tabs are set to active on render, the last one to be rendered will override the others.\n   */\n  @Prop({reflect: true, mutable: true}) public active = false;\n\n  /**\n   * The expression that will be passed to the search as a `cq` paramenter upon being selected.\n   */\n  @Prop() public expression!: string;\n\n  private unsubscribe: Unsubscribe = () => {};\n\n  /**\n   * Activates the tab.\n   */\n  @Method()\n  public async select() {\n    this.tab.select();\n  }\n\n  public initialize() {\n    this.tab = buildTab(this.bindings.engine, {\n      options: {expression: this.expression, id: this.label},\n      initialState: {isActive: this.active},\n    });\n    this.unsubscribe = this.tab.subscribe(\n      () => (this.active = this.tab.state.isActive)\n    );\n    createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n      this.isAppLoaded = isAppLoaded;\n    });\n  }\n\n  public componentDidRender() {\n    dispatchTabLoaded(this.host);\n  }\n\n  public disconnectedCallback() {\n    this.unsubscribe();\n  }\n\n  public render() {\n    if (!this.isAppLoaded) {\n      return;\n    }\n\n    const buttonClasses = ['relative', 'pb-3', 'mt-1', 'mr-6', 'font-semibold'];\n    if (this.tabState.isActive) {\n      buttonClasses.push('active');\n    }\n\n    return (\n      <Button\n        style=\"text-transparent\"\n        part=\"tab\"\n        class={buttonClasses.join(' ')}\n        ariaLabel={this.bindings.i18n.t('tab-search', {label: this.label})}\n        title={this.label}\n        ariaPressed={`${this.tabState.isActive}`}\n        onClick={() => this.tab.select()}\n      >\n        {this.label}\n      </Button>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/atomic-ipx-tabs.cjs.entry.js

@@ -25,7 +25,7 @@ const AtomicIPXTabs = class {
         this.error = undefined;
     }
     render() {
-        return (index.h("atomic-tab-bar", { key: '213ba4db0fe06cda854967aec377453090fda5c2' }, index.h("slot", { key: '957788c0b75593ae52fd3a730ae18ae3abe2f87e' })));
+        return (index.h("atomic-tab-bar", { key: '6da0ae81aecfa30d2e5d878e91aa659e0a32c83b' }, index.h("slot", { key: 'cbcdba0a0d69a39a8321f8779af3a6192be37fab' })));
     }
 };
 __decorate([

package/dist/cjs/atomic-load-more-results.cjs.entry.js

@@ -5,13 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const store = require('./store-82abd941.js');
+const store = require('./store-7927ea61.js');
 const stencilButton = require('./stencil-button-94b89acc.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
 require('./initialization-lit-stencil-common-utils-730030b0.js');
-require('./utils-7153ae6b.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 require('./stencil-button-style-ba779fe2.js');
@@ -100,7 +99,7 @@ const AtomicLoadMoreResults = class {
     render() {
         const { lastResult: from, total: to } = this.querySummaryState;
         const { i18n } = this.bindings;
-        return (index.h(LoadMoreGuard, { key: '4fe15341de8a0a1f93ceeddc90405b6a8fe03c09', hasResults: this.querySummaryState.hasResults, isLoaded: this.isAppLoaded }, index.h(LoadMoreContainer, { key: '0d0e5f28c687d5a0f9c730a8cc19ac67de19945f' }, index.h(LoadMoreSummary, { key: '587be2ebaef15a36ad8da1082defa1342b22acf9', from: from, to: to, i18n: i18n }), index.h(LoadMoreProgressBar, { key: '37e321328867badc762a9701a2700803dfa118e5', from: from, to: to }), index.h(LoadMoreButton, { key: 'ff8640f0efdc363da5c885581a451cad24dc9718', i18n: i18n, moreAvailable: this.resultListState.moreResultsAvailable, onClick: () => this.onClick() }))));
+        return (index.h(LoadMoreGuard, { key: 'c95b368a20c157d3ecee6879e672743cc5b371fd', hasResults: this.querySummaryState.hasResults, isLoaded: this.isAppLoaded }, index.h(LoadMoreContainer, { key: 'fb39bdb1c098bbce29fee054dcb44577f72a3842' }, index.h(LoadMoreSummary, { key: '41f37a24be9b0fcc585c6056d1d23906df27ed2a', from: from, to: to, i18n: i18n }), index.h(LoadMoreProgressBar, { key: '1ec8f1c67702d118cb21ac6039233ab65cefb186', from: from, to: to }), index.h(LoadMoreButton, { key: '32ba7d3fc11cb451d2337bd8733f5cd48b1a820b', i18n: i18n, moreAvailable: this.resultListState.moreResultsAvailable, onClick: () => this.onClick() }))));
     }
 };
 __decorate([

package/dist/cjs/atomic-load-more-results.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-load-more-results.entry.cjs.js","mappings":"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","names":["h","Fragment","Button","buildQuerySummary","buildResultList","createAppLoadedListener","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"],"version":3}
+{"file":"atomic-load-more-results.entry.cjs.js","mappings":"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","names":["h","Fragment","Button","buildQuerySummary","buildResultList","createAppLoadedListener","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"],"version":3}

package/dist/cjs/atomic-no-results.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
+const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
 const stencilButton = require('./stencil-button-94b89acc.js');
 const stencilMagnifyingGlass = require('./stencil-magnifying-glass-c1d386a1.js');
 const stencilTips = require('./stencil-tips-e913f891.js');
@@ -13,7 +13,7 @@ require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
 require('./initialization-lit-stencil-common-utils-730030b0.js');
-require('./utils-7153ae6b.js');
+require('./utils-12b49e87.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 require('./stencil-button-style-ba779fe2.js');
@@ -70,7 +70,7 @@ const AtomicNoResults = class {
     render() {
         const { bindings: { i18n }, } = this;
         this.ariaMessage = getSummary(i18n, this.querySummaryState.query, this.searchStatusState.hasResults, 'no-results');
-        return (index.h(stencilTips.NoItemsGuard, { key: '8bfbd5035a7dcef8269190bbd2d92699f60b40d2', ...this.searchStatusState }, index.h(stencilMagnifyingGlass.NoItemsContainer, { key: '2883ffa2e8624b86ead143a49ec11a4e678f980f' }, index.h(stencilMagnifyingGlass.MagnifyingGlass, { key: '3eadd782f16c9749a429dea559aad60ce4d083af' }), index.h(stencilTips.NoItems, { key: '89791b3595dff280aea99783c1c5d965e66b43fb', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), index.h(stencilTips.SearchTips, { key: '5724380ed5d9eb13e4e7eac36752e14f1207fc24', i18n: i18n }), this.enableCancelLastAction && this.historyState.past.length ? (index.h(Cancel, { i18n: i18n, onClick: () => this.history.backOnNoResults() })) : null)));
+        return (index.h(stencilTips.NoItemsGuard, { key: '77f1caa3284fac2d3e88f3c5cc12c63eeb6b57b3', ...this.searchStatusState }, index.h(stencilMagnifyingGlass.NoItemsContainer, { key: 'c74c5adb3225bb52786ed8edc19b33a53c6729a2' }, index.h(stencilMagnifyingGlass.MagnifyingGlass, { key: '851e131eb8e4a780b2c54b7c346e2e09ec342498' }), index.h(stencilTips.NoItems, { key: '3c96b1350045fcfcb7ee87b6d94a26b38d2882fc', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), index.h(stencilTips.SearchTips, { key: 'f8e80dca7cd85ac86ec8484952c0e482456b11f8', i18n: i18n }), this.enableCancelLastAction && this.historyState.past.length ? (index.h(Cancel, { i18n: i18n, onClick: () => this.history.backOnNoResults() })) : null)));
     }
 };
 __decorate([

package/dist/cjs/atomic-notifications.cjs.entry.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
+const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
 const stencilHeading = require('./stencil-heading-2faee1f7.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
 require('./initialization-lit-stencil-common-utils-730030b0.js');
-require('./utils-7153ae6b.js');
+require('./utils-12b49e87.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 

package/dist/cjs/atomic-numeric-facet.cjs.entry.js

@@ -6,13 +6,13 @@ const index = require('./index-757bc886.js');
 const bueno = require('@coveo/bueno');
 const headless = require('@coveo/headless');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const propsUtils = require('./props-utils-1e4ba1b0.js');
-const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
-const utils = require('./utils-7153ae6b.js');
+const propsUtils = require('./props-utils-15a042f3.js');
+const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
+const utils = require('./utils-12b49e87.js');
 const dependsOn = require('./depends-on-f0cf3617.js');
 const facetPlaceholder = require('./facet-placeholder-22074f05.js');
 const facetGuard = require('./facet-guard-328b588d.js');
-const stencilValuesContainer = require('./stencil-values-container-9f50ec1a.js');
+const stencilValuesContainer = require('./stencil-values-container-d20f9b28.js');
 const popoverType = require('./popover-type-b1385b27.js');
 const stencilFacetCommon = require('./stencil-facet-common-c258bef8.js');
 const formatCommon = require('./format-common-4aa8aa88.js');
@@ -28,7 +28,7 @@ require('./close-20739950.js');
 require('./stencil-button-94b89acc.js');
 require('./stencil-button-style-ba779fe2.js');
 require('./stencil-heading-2faee1f7.js');
-require('./stencil-facet-value-checkbox-62f07459.js');
+require('./stencil-facet-value-checkbox-fed178ad.js');
 require('./stencil-checkbox-81c51bbd.js');
 require('./stencil-facet-value-label-highlight-c2421e8f.js');
 require('./string-utils-bdf08f8c.js');
@@ -309,7 +309,7 @@ const AtomicNumericFacet = class {
     }
     render() {
         const { searchStatusState: { firstSearchExecuted, hasError }, bindings: { i18n }, } = this;
-        return (index.h(facetGuard.FacetGuard, { key: '95f72de0f0123a8c7f6dca33540552016b17fa80', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (index.h(facetPlaceholder.FacetContainer, null, index.h(facetPlaceholder.FacetHeader, { i18n: i18n, label: this.label, onClearFilters: () => {
+        return (index.h(facetGuard.FacetGuard, { key: 'eb900c42db80de1434426353d6c42d1e49a45b13', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (index.h(facetPlaceholder.FacetContainer, null, index.h(facetPlaceholder.FacetHeader, { i18n: i18n, label: this.label, onClearFilters: () => {
                 this.focusTarget.focusAfterSearch();
                 if (this.filterState?.range) {
                     this.filter?.clear();

package/dist/cjs/atomic-query-error.cjs.entry.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
+const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
 const stencilLink = require('./stencil-link-9336b8c1.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
 require('./initialization-lit-stencil-common-utils-730030b0.js');
-require('./utils-7153ae6b.js');
+require('./utils-12b49e87.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 require('./stencil-button-94b89acc.js');
@@ -48,7 +48,7 @@ const AtomicQueryError = class {
         if (hasError) {
             this.ariaMessage = stencilLink.getAriaMessageFromErrorType(i18n, organizationId, url, error?.type);
         }
-        return (index.h(stencilLink.QueryErrorGuard, { key: '7ef7df7b13ffb36716015ddcd559a725772905a0', hasError: hasError }, index.h(stencilLink.QueryErrorContainer, { key: 'de8c0f4c161db29b3b8f410863ea44c7ae16a5b8' }, index.h(stencilLink.QueryErrorIcon, { key: '1c5270d79647902695223f305f2774580cc6c7b9', errorType: error?.type }), index.h(stencilLink.QueryErrorTitle, { key: '71cf91d37e4eb1a27ad511f9bd9d6a42058af304', errorType: error?.type, i18n: i18n, organizationId: organizationId }), index.h(stencilLink.QueryErrorDescription, { key: 'd1dc91dcddcb595f530aad1a2bd802cd062deb1c', i18n: i18n, organizationId: organizationId, url: url, errorType: error?.type }), index.h(stencilLink.QueryErrorShowMore, { key: 'aaf95d510291dd3043da8f4f9a9b22f2bff5fcf8', link: index.h(stencilLink.QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), index.h(stencilLink.QueryErrorDetails, { key: 'ccb1b03edbe743197d239ac365ae0423f103adb0', error: error, show: this.showMoreInfo }))));
+        return (index.h(stencilLink.QueryErrorGuard, { key: '8ac665b8c34b828d4cef96de75d27a1704f90ecb', hasError: hasError }, index.h(stencilLink.QueryErrorContainer, { key: '352d3e9f6eadb976e1e9327728a30e45396bfcae' }, index.h(stencilLink.QueryErrorIcon, { key: '862a74b0dd75a37bf877488692f2fd5b708ccb43', errorType: error?.type }), index.h(stencilLink.QueryErrorTitle, { key: '8a0ba289fbbaf7d8fc0552717ed4548bb00bf080', errorType: error?.type, i18n: i18n, organizationId: organizationId }), index.h(stencilLink.QueryErrorDescription, { key: '56b10f43c4710ca608a9ce9d09c970f7f8ffd5eb', i18n: i18n, organizationId: organizationId, url: url, errorType: error?.type }), index.h(stencilLink.QueryErrorShowMore, { key: 'b12726ce1711d9b65d9554022691e6e101878735', link: index.h(stencilLink.QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), index.h(stencilLink.QueryErrorDetails, { key: '47a5f956a7bd331066fbbaa60375c85ea424de19', error: error, show: this.showMoreInfo }))));
     }
 };
 __decorate([

package/dist/cjs/atomic-quickview-modal.cjs.entry.js

@@ -145,6 +145,28 @@ const QuickviewIframe = ({ title, onSetIframeRef, uniqueIdentifier, content, san
         } }));
 };
 
+const buildQuickviewPreviewBar = (words, highlightKeywords, iframe) => {
+    if (!iframe) {
+        return;
+    }
+    const documentWriter = iframe.contentDocument;
+    if (!documentWriter) {
+        return;
+    }
+    const bar = buildPreviewBar(documentWriter);
+    if (highlightKeywords.highlightNone) {
+        bar.remove();
+        return;
+    }
+    const docHeight = documentWriter.body.scrollHeight;
+    Object.values(words).forEach((word) => {
+        word.elements.forEach((wordElement) => {
+            const previewUnit = buildPreviewUnit(documentWriter, word, wordElement, docHeight, highlightKeywords);
+            bar.appendChild(previewUnit);
+        });
+    });
+    documentWriter.body.appendChild(bar);
+};
 const buildPreviewBar = (documentWriter) => {
     const previewBarId = 'CoveoPreviewBar';
     const bar = documentWriter.getElementById(previewBarId) ||
@@ -174,28 +196,6 @@ const buildPreviewUnit = (documentWriter, word, wordElement, docHeight, highligh
     previewUnit.style.backgroundColor = word.color;
     return previewUnit;
 };
-const buildQuickviewPreviewBar = (words, highlightKeywords, iframe) => {
-    if (!iframe) {
-        return;
-    }
-    const documentWriter = iframe.contentDocument;
-    if (!documentWriter) {
-        return;
-    }
-    const bar = buildPreviewBar(documentWriter);
-    if (highlightKeywords.highlightNone) {
-        bar.remove();
-        return;
-    }
-    const docHeight = documentWriter.body.scrollHeight;
-    Object.values(words).forEach((word) => {
-        word.elements.forEach((wordElement) => {
-            const previewUnit = buildPreviewUnit(documentWriter, word, wordElement, docHeight, highlightKeywords);
-            bar.appendChild(previewUnit);
-        });
-    });
-    documentWriter.body.appendChild(bar);
-};
 
 const rgbToHsv = (r, g, b) => {
     const max = Math.max(r, g, b);
@@ -590,7 +590,7 @@ const AtomicQuickviewModal = class {
         });
     }
     render() {
-        return (index.h("atomic-modal", { key: '84b950ecdc79dd6a1b53d3af44c62219740bc572', fullscreen: this.bindings.store.isMobile(), class: 'atomic-quickview-modal', isOpen: this.isOpen, close: () => this.onClose(), exportparts: exportParts.ATOMIC_MODAL_EXPORT_PARTS }, this.renderHeader(), this.renderBody(), this.renderFooter()));
+        return (index.h("atomic-modal", { key: '112196e88d5418e6a08eee196c96f674f22c0bb4', fullscreen: this.bindings.store.isMobile(), class: 'atomic-quickview-modal', isOpen: this.isOpen, close: () => this.onClose(), exportparts: exportParts.ATOMIC_MODAL_EXPORT_PARTS }, this.renderHeader(), this.renderBody(), this.renderFooter()));
     }
     static get watchers() { return {
         "highlightKeywords": ["watchHighlightKeywords"]