@coveo/atomic 3.28.0-pre.f8c6add22d → 3.28.0

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

@@ -1 +1 @@
-{"file":"atomic-refine-toggle.js","mappings":";;;;;;;;;;AAAA,MAAM,qBAAqB,GAAG,0u1DAA0u1D,CAAC;AACzw1D,iCAAe,qBAAqB;;;;;;;;;;;;MCyBvBA,oBAAkB;;;;;;;;;;;QAkBC,wBAAmB,GAAG,CAAC,CAAC;;;mCAAF,CAAC;;IAE9C,UAAU;QACf,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KAC7D;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9D,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC;QAC1C,IAAI,CAAC,QAAQ,CAAC,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC;KAC9D;IAEO,WAAW;QACjB,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;KAChD;IAEM,MAAM;QACX,QACE,EAAC,iBAAiB,qDAChB,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAChE,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EACzC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,IAE3C,EAAC,kBAAkB,qDACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EACjC,MAAM,EAAE,CAAC,MAAM;gBACb,IAAI,CAAC,MAAM,EAAE;oBACX,OAAO;iBACR;gBACD,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;gBACxB,IAAI,CAAC,SAAS,EAAE,CAAC;aAClB,GACD,CACgB,EACpB;KACH;;;;;;;;AArD4B;IAA5B,kBAAkB,EAAE;sDAA4B;AAIzC;IAFP,qBAAqB,CAAC,cAAc,CAAC;+DAEQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicRefineToggle"],"sources":["src/components/search/atomic-refine-toggle/atomic-refine-toggle.pcss?tag=atomic-refine-toggle&encapsulation=shadow","src/components/search/atomic-refine-toggle/atomic-refine-toggle.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n","import {\n  buildSearchStatus,\n  SearchStatusState,\n  SearchStatus,\n} from '@coveo/headless';\nimport {Component, h, Prop, State, Element} from '@stencil/core';\nimport {\n  InitializeBindings,\n  InitializableComponent,\n  BindStateToController,\n} from '../../../utils/initialization-utils';\nimport {RefineToggleButton} from '../../common/refine-modal/stencil-button';\nimport {RefineToggleGuard} from '../../common/refine-modal/stencil-guard';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-refine-toggle` component displays a button that opens a modal containing the facets and the sort components.\n *\n * When this component is added to the `atomic-search-interface`, an `atomic-refine-modal` component is automatically created.\n * @part button - The refine toggle button.\n */\n@Component({\n  tag: 'atomic-refine-toggle',\n  styleUrl: 'atomic-refine-toggle.pcss',\n  shadow: true,\n})\nexport class AtomicRefineToggle implements InitializableComponent {\n  @Element() public host!: HTMLElement;\n  public searchStatus!: SearchStatus;\n  private modalRef?: HTMLAtomicRefineModalElement;\n  private buttonRef?: HTMLButtonElement;\n\n  @InitializeBindings() public bindings!: Bindings;\n  @State() public error!: Error;\n  @BindStateToController('searchStatus')\n  @State()\n  private searchStatusState!: SearchStatusState;\n\n  /**\n   * The number of expanded facets inside the refine modal.\n   * Remaining facets are automatically collapsed.\n   *\n   * Using the value `0` collapses all facets.\n   */\n  @Prop({reflect: true}) public collapseFacetsAfter = 0;\n\n  public initialize() {\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n  }\n\n  private loadModal() {\n    if (this.modalRef) {\n      return;\n    }\n\n    this.modalRef = document.createElement('atomic-refine-modal');\n    this.host.insertAdjacentElement('beforebegin', this.modalRef);\n    this.modalRef.openButton = this.buttonRef;\n    this.modalRef.collapseFacetsAfter = this.collapseFacetsAfter;\n  }\n\n  private enableModal() {\n    this.modalRef && (this.modalRef.isOpen = true);\n  }\n\n  public render() {\n    return (\n      <RefineToggleGuard\n        firstRequestExecuted={this.searchStatusState.firstSearchExecuted}\n        hasError={this.searchStatusState.hasError}\n        hasItems={this.searchStatusState.hasResults}\n      >\n        <RefineToggleButton\n          i18n={this.bindings.i18n}\n          onClick={() => this.enableModal()}\n          setRef={(button) => {\n            if (!button) {\n              return;\n            }\n            this.buttonRef = button;\n            this.loadModal();\n          }}\n        />\n      </RefineToggleGuard>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-refine-toggle.js","mappings":";;;;;;;;;;AASO,MAAM,kBAAkB,GAE3B,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAC;IAC1B,QACE,EAAC,MAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAC/B,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,QAAQ,GACL,EACV;AACJ,CAAC;;ACfM,MAAM,iBAAiB,GAAgD,CAC5E,EAAC,QAAQ,EAAE,oBAAoB,EAAE,QAAQ,EAAC,EAC1C,QAAQ;IAER,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IAED,IAAI,CAAC,oBAAoB,EAAE;QACzB,QACE,WACE,IAAI,EAAC,aAAa,uBAElB,KAAK,EAAC,gDAAgD,GACjD,EACP;KACH;IAED,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO;KACR;IAED,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC,CAAC;;AC9BD,MAAM,qBAAqB,GAAG,0u1DAA0u1D,CAAC;AACzw1D,iCAAe,qBAAqB;;;;;;;;;;;;MCyBvBA,oBAAkB;;;;;;;;;;;QAkBC,wBAAmB,GAAG,CAAC,CAAC;;;mCAAF,CAAC;;IAE9C,UAAU;QACf,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KAC7D;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9D,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC;QAC1C,IAAI,CAAC,QAAQ,CAAC,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC;KAC9D;IAEO,WAAW;QACjB,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;KAChD;IAEM,MAAM;QACX,QACE,EAAC,iBAAiB,qDAChB,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAChE,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EACzC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,IAE3C,EAAC,kBAAkB,qDACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EACjC,MAAM,EAAE,CAAC,MAAM;gBACb,IAAI,CAAC,MAAM,EAAE;oBACX,OAAO;iBACR;gBACD,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;gBACxB,IAAI,CAAC,SAAS,EAAE,CAAC;aAClB,GACD,CACgB,EACpB;KACH;;;;;;;;AArD4B;IAA5B,kBAAkB,EAAE;sDAA4B;AAIzC;IAFP,qBAAqB,CAAC,cAAc,CAAC;+DAEQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicRefineToggle"],"sources":["src/components/common/refine-modal/stencil-button.tsx","src/components/common/refine-modal/stencil-guard.tsx","src/components/search/atomic-refine-toggle/atomic-refine-toggle.pcss?tag=atomic-refine-toggle&encapsulation=shadow","src/components/search/atomic-refine-toggle/atomic-refine-toggle.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\ninterface RefineToggleButtonProps {\n  i18n: i18n;\n  onClick: () => void;\n  setRef: (button: HTMLButtonElement) => void;\n}\nexport const RefineToggleButton: FunctionalComponent<\n  RefineToggleButtonProps\n> = ({i18n, onClick, setRef}) => {\n  return (\n    <Button\n      style=\"outline-primary\"\n      class=\"w-full p-3\"\n      onClick={onClick}\n      text={i18n.t('sort-and-filter')}\n      ref={setRef}\n      part=\"button\"\n    ></Button>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface RefineToggleGuardProps {\n  hasError: boolean;\n  firstRequestExecuted: boolean;\n  hasItems: boolean;\n}\nexport const RefineToggleGuard: FunctionalComponent<RefineToggleGuardProps> = (\n  {hasError, firstRequestExecuted, hasItems},\n  children\n) => {\n  if (hasError) {\n    return;\n  }\n\n  if (!firstRequestExecuted) {\n    return (\n      <div\n        part=\"placeholder\"\n        aria-hidden\n        class=\"bg-neutral my-2 h-8 w-28 animate-pulse rounded\"\n      ></div>\n    );\n  }\n\n  if (!hasItems) {\n    return;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","@import '../../../global/global.pcss';\n","import {\n  buildSearchStatus,\n  SearchStatusState,\n  SearchStatus,\n} from '@coveo/headless';\nimport {Component, h, Prop, State, Element} from '@stencil/core';\nimport {\n  InitializeBindings,\n  InitializableComponent,\n  BindStateToController,\n} from '../../../utils/initialization-utils';\nimport {RefineToggleButton} from '../../common/refine-modal/stencil-button';\nimport {RefineToggleGuard} from '../../common/refine-modal/stencil-guard';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-refine-toggle` component displays a button that opens a modal containing the facets and the sort components.\n *\n * When this component is added to the `atomic-search-interface`, an `atomic-refine-modal` component is automatically created.\n * @part button - The refine toggle button.\n */\n@Component({\n  tag: 'atomic-refine-toggle',\n  styleUrl: 'atomic-refine-toggle.pcss',\n  shadow: true,\n})\nexport class AtomicRefineToggle implements InitializableComponent {\n  @Element() public host!: HTMLElement;\n  public searchStatus!: SearchStatus;\n  private modalRef?: HTMLAtomicRefineModalElement;\n  private buttonRef?: HTMLButtonElement;\n\n  @InitializeBindings() public bindings!: Bindings;\n  @State() public error!: Error;\n  @BindStateToController('searchStatus')\n  @State()\n  private searchStatusState!: SearchStatusState;\n\n  /**\n   * The number of expanded facets inside the refine modal.\n   * Remaining facets are automatically collapsed.\n   *\n   * Using the value `0` collapses all facets.\n   */\n  @Prop({reflect: true}) public collapseFacetsAfter = 0;\n\n  public initialize() {\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n  }\n\n  private loadModal() {\n    if (this.modalRef) {\n      return;\n    }\n\n    this.modalRef = document.createElement('atomic-refine-modal');\n    this.host.insertAdjacentElement('beforebegin', this.modalRef);\n    this.modalRef.openButton = this.buttonRef;\n    this.modalRef.collapseFacetsAfter = this.collapseFacetsAfter;\n  }\n\n  private enableModal() {\n    this.modalRef && (this.modalRef.isOpen = true);\n  }\n\n  public render() {\n    return (\n      <RefineToggleGuard\n        firstRequestExecuted={this.searchStatusState.firstSearchExecuted}\n        hasError={this.searchStatusState.hasError}\n        hasItems={this.searchStatusState.hasResults}\n      >\n        <RefineToggleButton\n          i18n={this.bindings.i18n}\n          onClick={() => this.enableModal()}\n          setRef={(button) => {\n            if (!button) {\n              return;\n            }\n            this.buttonRef = button;\n            this.loadModal();\n          }}\n        />\n      </RefineToggleGuard>\n    );\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-relevance-inspector2.js

@@ -18,9 +18,9 @@ const AtomicRelevanceInspector = /*@__PURE__*/ proxyCustomElement(class AtomicRe
         this.open = false;
     }
     render() {
-        return (h("atomic-modal", { key: '6f923d9cfc3e9110f7409e227d3f623621f4f008', exportparts: "footer", isOpen: this.open, close: () => {
+        return (h("atomic-modal", { key: '0b116fec8877735587aba8c2359a3ed79ef6d148', exportparts: "footer", isOpen: this.open, close: () => {
                 this.closeRelevanceInspector?.emit();
-            } }, h("p", { key: 'd8212fea2bd661d53ec8bbb66f748886a727f709', slot: "header" }, "Open the relevance inspector"), h("p", { key: 'c535ab260772d33128ee6292e69eaaf1243489d5', slot: "body" }, "The Relevance Inspector will open in the Coveo Administration Console."), h("div", { key: '67878280eb04322729f0f09c69231ebb91b86d46', slot: "footer", class: "flex w-full items-center justify-end" }, h(Button, { key: '244ead4c3579c8c68fb515affab77a21c7276899', style: "outline-primary", class: "mr-2 p-2", onClick: () => this.closeRelevanceInspector?.emit() }, "Ignore"), h("a", { key: '7ce0b272d9870be76b22f8499c3d3006deacee55', class: "btn-primary p-2", target: "_blank", href: this.adminHref, onClick: () => this.closeRelevanceInspector?.emit() }, "Open"))));
+            } }, h("p", { key: '0d97f7f8faea28547a0b042ca10db7440d0123c6', slot: "header" }, "Open the relevance inspector"), h("p", { key: '2595ba89fc4e38f7a817408f1fb4b8a8d70ad519', slot: "body" }, "The Relevance Inspector will open in the Coveo Administration Console."), h("div", { key: 'dfaa33ddba8c62757f4cf2aeca546fb0c0a8efde', slot: "footer", class: "flex w-full items-center justify-end" }, h(Button, { key: '6e157cd42abe3b6446bda69563cd32e572e5ac01', style: "outline-primary", class: "mr-2 p-2", onClick: () => this.closeRelevanceInspector?.emit() }, "Ignore"), h("a", { key: '23e6a1aeccc74963d9f8f43e96a43d326fe2ccff', class: "btn-primary p-2", target: "_blank", href: this.adminHref, onClick: () => this.closeRelevanceInspector?.emit() }, "Open"))));
     }
     get adminHref() {
         const { organizationId, environment } = this.bindings.engine.state.configuration;

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

@@ -138,7 +138,7 @@ const AtomicResultChildren$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResu
         return (h(ChildrenWrapper, { hasChildren: children.length > 0 }, children.map((child, i) => this.renderChild(child, i === children.length - 1))));
     }
     render() {
-        return (h(ResultChildrenGuard, { key: 'f8fd0a1e65a8a13a45027196d5f7caf6d787c1a2', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
+        return (h(ResultChildrenGuard, { key: '4f68c9196409f8d17c6c26501288c1521ab1c7aa', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
     }
     get host() { return this; }
     static get style() { return AtomicResultChildrenStyle0; }

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

@@ -98,7 +98,7 @@ const AtomicResultFieldsList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicRe
         }
     }
     render() {
-        return h(Host, { key: '3d34badc46bcf0b10df19ce36ecc7ab8605e830b' });
+        return h(Host, { key: '2f4be23af8714e6e460e695fdc4d825f9a9c1b10' });
     }
     get host() { return this; }
     static get style() { return AtomicResultFieldsListStyle0; }

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

@@ -43,7 +43,7 @@ const AtomicResultLink$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResultLi
         const href = isUndefined(this.hrefTemplate)
             ? this.result.clickUri
             : buildStringTemplateFromResult(this.hrefTemplate, this.result, this.bindings);
-        return (h(LinkWithItemAnalytics, { key: 'fbabeffc8190926633d481d09965c81db34f95c8', href: href, onSelect: () => this.interactiveResult.select(), 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: '453149eac61b67bea7e9517ab0ad8105cf7ff177', href: href, onSelect: () => this.interactiveResult.select(), 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 AtomicResultLinkStyle0; }

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

@@ -194,7 +194,7 @@ const AtomicResultList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResultLi
     render() {
         this.resultListCommon.updateBreakpoints();
         const listClasses = this.computeListDisplayClasses();
-        return (h(TabGuard, { key: '7d9b9fc8ce5db25be37a82efb3ab82c901a1ecfc', tabsIncluded: this.tabsIncluded, tabsExcluded: this.tabsExcluded, activeTab: this.tabManagerState.activeTab }, h(ItemListGuard, { key: '3bcaf510cc078d74cfd7e34a669221abecea7c39', hasError: this.resultListState.hasError, hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, h(DisplayWrapper, { key: 'dec0ca82719a23075ff3c044f9a3c08c41965ee3', display: this.display, listClasses: listClasses }, h(ResultsPlaceholdersGuard, { key: 'b5ac5d020eae188b143b8b5e925272f99b2486ef', density: this.density, display: this.display, imageSize: this.imageSize, displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults }), h(ItemDisplayGuard, { key: 'd2ee2ef3f11092211233dde8c17247ad71bf8b3c', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.display === 'table'
+        return (h(TabGuard, { key: '68d83d4f62b146ea8acc19982507a3f26eac71bb', tabsIncluded: this.tabsIncluded, tabsExcluded: this.tabsExcluded, activeTab: this.tabManagerState.activeTab }, h(ItemListGuard, { key: '32e4e9229db0c9272fa46fcc85b705081764856a', hasError: this.resultListState.hasError, hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, h(DisplayWrapper, { key: '1148f77a7fefcf02bf4bdf36ad641d343f370290', display: this.display, listClasses: listClasses }, h(ResultsPlaceholdersGuard, { key: '9e5c60010f3eba6318b8fc85132ac4cc892cd3e5', density: this.density, display: this.display, imageSize: this.imageSize, displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults }), h(ItemDisplayGuard, { key: '965df1b551a81babc92a84e0ec34372d315b1dae', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.display === 'table'
             ? this.renderAsTable()
             : this.display === 'grid'
                 ? this.renderAsGrid()

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

@@ -27,9 +27,9 @@ const AtomicResultPlaceholder = /*@__PURE__*/ proxyCustomElement(class AtomicRes
             } }, h("div", { class: placeholderClasses, style: { height: 'var(--font-size)' } })));
     }
     render() {
-        return (h("div", { key: '15c02bb4ea1852608e9fca9762fedf0a169a5abb', class: `result-root placeholder with-sections animate-pulse ${getItemDisplayClasses(this.display, this.density, this.imageSize)
+        return (h("div", { key: 'cf7fb1f3a542532122f3c81560587bf945250d4a', class: `result-root placeholder with-sections animate-pulse ${getItemDisplayClasses(this.display, this.density, this.imageSize)
                 .join(' ')
-                .trim()}` }, h("atomic-result-section-visual", { key: 'f428e23524d56d1f0dbb1d661726596db2374bc3' }, h("div", { key: '24988ccf95b03d2e8e3b4b2e9946adf4df865063', class: placeholderClasses })), h("atomic-result-section-badges", { key: '51e978eaf3ce52a01cf4c3c9c5eb1a8b6b6ab810' }, h("div", { key: '13ab0591c6b8ba7ba312e03246e9a5f25e28b33b', class: `badge ${placeholderClasses}` })), h("atomic-result-section-actions", { key: '14ccff3e50b98fbd86f7ac7d351c70ac39bae553' }, h("div", { key: '861f3f893c9903677899111cc3f4fe4ccb2a81c9', class: `action ${placeholderClasses}` })), h("atomic-result-section-title", { key: 'd3806f25d47bc242ed124fd41b096d8af6f9d3af' }, h("div", { key: '5b1848548c63e67a296e63aaad41c98709231bdc', class: `title ${placeholderClasses}` })), h("atomic-result-section-excerpt", { key: '54e47393cbea0d50756bc8df1bc174e73c9d3a88' }, this.renderExcerptLine('100%'), this.renderExcerptLine('95%'), this.renderExcerptLine('98%')), h("atomic-result-section-bottom-metadata", { key: '4e35fe39f54049f97c02c9cabc27c6ed3d6119e2' }, h("div", { key: '525239dfe458cb106b54a46238c27789763bbfc5', class: "fields-placeholder" }, Array.from({ length: 4 }, () => (h("div", { class: `field-value-placeholder ${placeholderClasses}` })))))));
+                .trim()}` }, h("atomic-result-section-visual", { key: 'a547fc386bab526f689d38014524e5658f4bf267' }, h("div", { key: '11888eae646f1ad855e4669867cd02f53de8d06e', class: placeholderClasses })), h("atomic-result-section-badges", { key: 'd252ab4f6b2837ae60ccf30e92946a51fcbac666' }, h("div", { key: '3e17d6d4ff5d84056cb3d8fe7cb3e7663140ebd9', class: `badge ${placeholderClasses}` })), h("atomic-result-section-actions", { key: '161403c0a06ea31bb72e18993842b4564743dec5' }, h("div", { key: 'bdbbf189e788d52030c9a357dc15931ac84c5323', class: `action ${placeholderClasses}` })), h("atomic-result-section-title", { key: '4f487d0a533677ca62f43b70b3527ac395ddd426' }, h("div", { key: '532c7bd30319e9a8ca52438b78f897aba1a79cac', class: `title ${placeholderClasses}` })), h("atomic-result-section-excerpt", { key: 'bf213abd08578356b58f8c1cc8469ad57556a7c5' }, this.renderExcerptLine('100%'), this.renderExcerptLine('95%'), this.renderExcerptLine('98%')), h("atomic-result-section-bottom-metadata", { key: 'dc6645cb62899896572c56acbcd291df502c19ce' }, h("div", { key: '4db11da37cc163d0b9b936e65e837766f56406ab', class: "fields-placeholder" }, Array.from({ length: 4 }, () => (h("div", { class: `field-value-placeholder ${placeholderClasses}` })))))));
     }
     static get style() { return AtomicResultPlaceholderStyle0; }
 }, [1, "atomic-result-placeholder", {

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: '61eaf1e97df3fa170f71f221ccea4761d3c1abed', class: `list-root animate-pulse ${this.getClasses().join(' ')}` }, h("thead", { key: '843ff7e1a8c001cb26d9c09bdb643be3918e2d26' }, h("tr", { key: 'aece6f18436fb04079f2abbd01c98f21ff0dbeb8' }, h("th", { key: '5a2da98509d57d010c248a6dbe4b3fbd0c62887a' }, h("div", { key: '28c44e7b996d94e68fff6ffa222a3f4d8ce51b53', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '14.5rem' } })), h("th", { key: '2edc56d4e88cbb12ce3507958107a54db5a4ea64' }, h("div", { key: '03df177d475fb8cbc85b5725fdcb6f25384fe188', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '9.75rem' } })), h("th", { key: '04fa6420dfb55790c3ceeb02036d365f5e6c6289' }, h("div", { key: '750aab9ec9a6907f533f63cbf0e736a61e0ea77f', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '6.5rem' } })))), h("tbody", { key: '9a178092908a9199126fd4ae836e44d534af1c5d' }, 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: '4983fbe9398179a1afb28082f4176899b3caa2eb', class: `list-root animate-pulse ${this.getClasses().join(' ')}` }, h("thead", { key: 'c0b82f5ddfacb37ffa3b7e86daf15c917c5964c1' }, h("tr", { key: '103dd6febe53a2136ec2540fb7e5807bcf2bed86' }, h("th", { key: 'ec38673a32931bf1838117035667280aba3ea5b7' }, h("div", { key: 'f0992dde73a0d4d4155b88ea555c1af7a6da2521', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '14.5rem' } })), h("th", { key: '70834f723b15ee2fa7d8b1519de838e0dba9f47f' }, h("div", { key: '70b86fa4d072324eb0ac36bebc3624d895502e67', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '9.75rem' } })), h("th", { key: '0fe680b1f35282effed797e7f90496c8aa292042' }, h("div", { key: 'ed292c61fa323c3ed8f07bdfd2a29077d422bf54', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '6.5rem' } })))), h("tbody", { key: 'd5d419d2b0e36d3851e2087edde10ba9dd47f3cc' }, 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-results-per-page.js

@@ -129,7 +129,7 @@ const AtomicResultsPerPage$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResu
         return this.bindings.i18n.t('results-per-page');
     }
     render() {
-        return (h(PagerGuard, { key: '430c4b1572b644c9bf29c27f9f17222cc0aa0210', hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults, isAppLoaded: this.isAppLoaded }, h("div", { key: 'e3e8c0c5d199ef7a4231517d4da7bd4e3c8bed43', class: "flex items-center", role: "toolbar", "aria-label": this.label }, h(Label, { key: '3d8ae73e0e2474f5055a66842e3ce79ea9ce5f5d' }, this.label), h(FieldsetGroup, { key: 'd3609703224ef799131f6714afbb75c7fc52707e', label: this.label }, h(Choices, { key: 'fe9e0845859e5f4d8b41cf5007894a5a204cda30', label: this.label, groupName: this.radioGroupName, pageSize: this.resultPerPageState.numberOfResults, choices: this.choices, lang: this.bindings.i18n.language, scrollToTopEvent: this.scrollToTopEvent.emit, setItemSize: this.resultPerPage.set, focusOnFirstResultAfterNextSearch: () => this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch(), focusOnNextNewResult: () => this.bindings.store.state.resultList?.focusOnNextNewResult() })))));
+        return (h(PagerGuard, { key: '32d3040c8fd871f6eb5e05cfcd69b3ecbca14191', hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults, isAppLoaded: this.isAppLoaded }, h("div", { key: 'ce8440fcf573d016957c085ed48b248615400281', class: "flex items-center", role: "toolbar", "aria-label": this.label }, h(Label, { key: 'b745d3654fe605fa679aeec64079fffd73a55c24' }, this.label), h(FieldsetGroup, { key: '11456a76246bf1b52cd01596afdcea5edc4909c6', label: this.label }, h(Choices, { key: 'f431cb2954eedd2176988ea3798dad0e040f4590', label: this.label, groupName: this.radioGroupName, pageSize: this.resultPerPageState.numberOfResults, choices: this.choices, lang: this.bindings.i18n.language, scrollToTopEvent: this.scrollToTopEvent.emit, setItemSize: this.resultPerPage.set, focusOnFirstResultAfterNextSearch: () => this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch(), focusOnNextNewResult: () => this.bindings.store.state.resultList?.focusOnNextNewResult() })))));
     }
     static get style() { return AtomicResultsPerPageStyle0; }
 }, [1, "atomic-results-per-page", {

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

@@ -60,7 +60,7 @@ const AtomicSearchBoxQuerySuggestions = /*@__PURE__*/ proxyCustomElement(class A
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: 'abf63fb11984ba7bdee0670bff77745ba059196f', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: 'a0a39d288c8392c37f530b8451ffb4bc9e891d21', element: this.host, error: this.error }));
         }
     }
     get host() { return this; }

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

@@ -154,7 +154,7 @@ const AtomicSearchBoxRecentQueries = /*@__PURE__*/ proxyCustomElement(class Atom
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: 'a6358430bb18dad5770e2ca54ea1dab30c209de6', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: '7ac16e50a2c0490b32f4ebfbc15a3f3c52910b7f', element: this.host, error: this.error }));
         }
     }
     get host() { return this; }

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

@@ -422,18 +422,18 @@ const AtomicSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBox
         if (!this.suggestionManager.suggestions.length) {
             this.registerSearchboxSuggestionEvents();
         }
-        return (h(Host, { key: '6320acfb0a1c8a3b6536199a5524020e82337edd' }, this.renderAbsolutePositionSpacer(), [
-            h(SearchBoxWrapper, { key: '906e4f66b183854b2587ddceb42b020dfbb59d64', disabled: isDisabled, onFocusout: (event) => {
+        return (h(Host, { key: '8fd545cddf332d684709b4b68863ff984e08ff02' }, this.renderAbsolutePositionSpacer(), [
+            h(SearchBoxWrapper, { key: '4e8d8810841a4996fbedf3c067cffe59dabb2b70', disabled: isDisabled, onFocusout: (event) => {
                     if (!isFocusingOut(event)) {
                         return;
                     }
                     this.suggestionManager.clearSuggestions();
                     this.isExpanded = false;
-                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: '499d7fd267c146abdaf7dc6199328e35d1892274', bindings: this.bindings, disabled: isDisabled, onClick: () => {
+                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: '06a8beee1327f56e5e1370c2cba2edebc68de0b7', bindings: this.bindings, disabled: isDisabled, onClick: () => {
                     this.searchBox.submit();
                     this.suggestionManager.clearSuggestions();
                 } }), this.renderSuggestions()),
-            !this.suggestionManager.suggestions.length && (h("slot", { key: 'a543d417a49169b0a2101d96242a89e02e5aa9a4' }, h("atomic-search-box-recent-queries", { key: 'd18a64f61d63093728baf97d0eac264db3b4ad93' }), h("atomic-search-box-query-suggestions", { key: '7502e7659736950dc4dc85dcf06ef0e71b756867' }))),
+            !this.suggestionManager.suggestions.length && (h("slot", { key: '6e327e44b2f81d6992ac98a1f06637f9c61c1b44' }, h("atomic-search-box-recent-queries", { key: 'f7b118df6322063a9d4cc3b4a9bacb81caf45cd0' }), h("atomic-search-box-query-suggestions", { key: 'cc974b5aa7c49bc9c818642614bca1d681079652' }))),
         ]));
     }
     get host() { return this; }

package/dist/atomic/components/atomic-smart-snippet-answer2.js

@@ -89,7 +89,7 @@ const AtomicSmartSnippetAnswer = /*@__PURE__*/ proxyCustomElement(class AtomicSm
             }), ref: (element) => element && this.bindAnalyticsToLinks(element), part: "answer", class: "margin" })));
     }
     render() {
-        return (h(Host, { key: 'fcfdd560408bfa57035e65aea5c398aeb277c445' }, this.renderStyle(), this.renderContent()));
+        return (h(Host, { key: '748aa94faf5040cba79762f61171a19ac645bfc2' }, this.renderStyle(), this.renderContent()));
     }
     get host() { return this; }
     static get style() { return AtomicSmartSnippetAnswerStyle0; }

package/dist/atomic/components/atomic-smart-snippet-collapse-wrapper2.js

@@ -56,11 +56,11 @@ const AtomicSmartSnippetCollapseWrapper = /*@__PURE__*/ proxyCustomElement(class
         return (h("button", { onClick: () => (this.isExpanded = !this.isExpanded), class: "text-primary mb-4 hover:underline", part: this.isExpanded ? 'show-less-button' : 'show-more-button' }, this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more'), h("atomic-icon", { icon: ArrowDown, class: "ml-2 w-3 align-baseline" })));
     }
     render() {
-        return (h(Host, { key: 'f200dcc51e1dcf8706a1eef342398e0393358a80', class: this.fullHeight || !this.shouldRenderButton
+        return (h(Host, { key: 'de962604db9ca91497771fda52a2d3b9b0ebf6bf', class: this.fullHeight || !this.shouldRenderButton
                 ? this.isExpanded
                     ? 'expanded'
                     : ''
-                : 'invisible' }, h("div", { key: '2ea9c7db28ea4228532f92edb44b24496b26b492', part: "smart-snippet-collapse-wrapper", class: "block overflow-hidden" }, h("slot", { key: '0b9b4b5f06114a85ab45f209ad56711dccd1a32a' })), this.shouldRenderButton && this.renderButton()));
+                : 'invisible' }, h("div", { key: '48483d044fb6fb10640042715e414ef354ea8c6c', part: "smart-snippet-collapse-wrapper", class: "block overflow-hidden" }, h("slot", { key: 'de0769118df1ec38f21489d2e777d466a2bef15d' })), this.shouldRenderButton && this.renderButton()));
     }
     get host() { return this; }
     static get style() { return AtomicSmartSnippetCollapseWrapperStyle0; }

package/dist/atomic/components/atomic-smart-snippet-expandable-answer2.js

@@ -87,7 +87,7 @@ const AtomicSmartSnippetExpandableAnswer = /*@__PURE__*/ proxyCustomElement(clas
         return (h("button", { onClick: () => this.isExpanded ? this.collapse.emit() : this.expand.emit(), class: "text-primary mb-4 hover:underline", part: this.isExpanded ? 'show-less-button' : 'show-more-button' }, this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more'), h("atomic-icon", { icon: ArrowDown, class: "ml-2 w-3 align-baseline" })));
     }
     render() {
-        return (h("div", { key: 'd34c9f488524c5b242cb43d21619dc01afcdb750', class: this.isExpanded ? 'expanded' : '' }, this.renderAnswer(), this.renderButton()));
+        return (h("div", { key: '509474f2ddafc022ab7a9cc8062bed86175afe27', class: this.isExpanded ? 'expanded' : '' }, this.renderAnswer(), this.renderButton()));
     }
     get host() { return this; }
     static get watchers() { return {

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

@@ -45,9 +45,9 @@ const AtomicSmartSnippetFeedbackModal = /*@__PURE__*/ proxyCustomElement(class A
     }
     render() {
         updateBreakpoints(this.host);
-        return (h("atomic-modal", { key: 'c7a76c1ba321c78bd84331f113f03896a6a0c9df', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: '09fd0d82e3039a8c94d6618c37eeaf156dce1898', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: '02d2e6796a2bdf700a4bef264716ca4b9c391da7', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '57f816636113e93dfe90ea56bf734fccec54e318', 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: '7a931ebd14caa10112de7895125b0062b8f117a1', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: 'e1c4eba55b4c7b126f30c041fd65844273a85901', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: '5b1a2ed1ab7fd967aa41dc5c8748d9b55d11c7a5', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '590569f2abac9a3ac08b162477b6ecd797658e9c', 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: '4f67b50d397f81e88c900d2990930ab866072221', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: '27be689c28e25e06a830f987193b6656f0d4b702', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
+            } })))), h(SmartSnippetFeedbackModalDetails, { key: '15a456f50a05c31b251e32e07f2f7822ab6d2fd2', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: 'dfff513e488ce8e999ec49a2facd658c5db7dd3d', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
     }
     close() {
         this.isOpen = false;

package/dist/atomic/components/atomic-smart-snippet-source2.js

@@ -33,7 +33,7 @@ const AtomicSmartSnippetSource = /*@__PURE__*/ proxyCustomElement(class AtomicSm
         }
     }
     render() {
-        return (h(Host, { key: '8d3ddc9e12c2108901683ac8b8fa94f8116cbb5c' }, h(LinkWithItemAnalytics, { key: '8ab193bad83336b3e523a2cb66427f78c5e89c8f', title: this.source.clickUri, href: this.source.clickUri, className: "block truncate", part: "source-url", attributes: this.anchorAttributes, onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, this.source.clickUri), h(LinkWithItemAnalytics, { key: 'e320040a2e233bf8e1f7765eccebf302e8a9a3ac', title: this.source.title, href: this.source.clickUri, attributes: this.anchorAttributes, className: "block", part: "source-title", onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, h("atomic-result-text", { field: "title", default: "no-title", key: this.source.uniqueId }))));
+        return (h(Host, { key: '2d0009fa3474c31a5eac2c10492ccd2d71c06032' }, h(LinkWithItemAnalytics, { key: '921fa568b5c36e4e5bf701d2060f71cba890d655', title: this.source.clickUri, href: this.source.clickUri, className: "block truncate", part: "source-url", attributes: this.anchorAttributes, onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, this.source.clickUri), h(LinkWithItemAnalytics, { key: '6a23243f0bfff71da2017045950ad3190bfb91a7', title: this.source.title, href: this.source.clickUri, attributes: this.anchorAttributes, className: "block", part: "source-title", onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, h("atomic-result-text", { field: "title", default: "no-title", key: this.source.uniqueId }))));
     }
 }, [0, "atomic-smart-snippet-source", {
         "source": [1040],

package/dist/atomic/components/atomic-sort-dropdown.js

@@ -114,8 +114,8 @@ const AtomicSortDropdown$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSortDr
         const { hasError, hasResults, firstSearchExecuted } = this.searchStatusState;
         const { bindings: { i18n }, id, } = this;
         return [
-            h(SortGuard, { key: 'e6f6d787d6467a9fe5f9b52978113f5abf17aee7', firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: hasResults }, h(SortContainer, { key: 'e79c0e7479c80208d55d977d160f2b26714699bf' }, h(SortLabel, { key: '2af1ef82168f42ef30550ddc65ac06bf44ade542', i18n: i18n, id: id }), h(SortSelect, { key: 'a3d647d30e07c3d9ec5466c0214cbed0cac0205d', i18n: i18n, id: id, onSelect: (evt) => this.select(evt) }, this.options.map(({ label, criteria, expression }) => (h(SortOption, { i18n: i18n, label: label, selected: this.sort.isSortedBy(criteria), value: expression })))))),
-            h("slot", { key: '4c13608f8bb5053bd71cab4087a063c251148c84' }),
+            h(SortGuard, { key: '0f0047dbece058dc80e790d86cb025c294522abb', firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: hasResults }, h(SortContainer, { key: '8637e7d94b2e3b876f6670fd9ffa68d236c48b66' }, h(SortLabel, { key: '5648c4d23b5cca87c7df3bf9cdc23566b90d6ccd', i18n: i18n, id: id }), h(SortSelect, { key: '5706ad582d5ac02dfb196e9d3969ac108f50d4e8', i18n: i18n, id: id, onSelect: (evt) => this.select(evt) }, this.options.map(({ label, criteria, expression }) => (h(SortOption, { i18n: i18n, label: label, selected: this.sort.isSortedBy(criteria), value: expression })))))),
+            h("slot", { key: 'cd441db170547726c77047cd23e59c96a80d620c' }),
         ];
     }
     get host() { return this; }

package/dist/atomic/components/atomic-sort-expression.js

@@ -47,7 +47,7 @@ const AtomicSortExpression$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSort
         const dropdownComponent = 'atomic-sort-dropdown';
         if (!this.host.closest(dropdownComponent)) {
             const error = new Error(`The "${this.host.nodeName.toLowerCase()}" component has to be used inside an ${dropdownComponent} element.`);
-            return (h("atomic-component-error", { key: '607d21dda10509f6ba94f21b8332d17d566df799', element: this.host, error: error }));
+            return (h("atomic-component-error", { key: 'f8d757f03492d082e46915bfcc6f0ed4cb16d3ec', element: this.host, error: error }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-suggestion-renderer2.js

@@ -73,7 +73,7 @@ const AtomicSuggestionRenderer = /*@__PURE__*/ proxyCustomElement(class AtomicSu
     }
     render() {
         const isButton = !!(this.suggestion.onSelect || this.suggestion.query);
-        return (h(Host, { key: 'b7134463c346757424d97a9863a9333e4187d364', class: "contents" }, isButton ? (h("button", { id: this.id, key: this.suggestion.key, part: this.parts, class: this.classes, onMouseDown: (e) => e.preventDefault(), onClick: (e) => this.onClick?.(e), onMouseOver: (e) => this.onMouseOver?.(e), "data-query": this.suggestion.query, "aria-label": this.ariaLabel(isButton), ref: (el) => {
+        return (h(Host, { key: '2d331a78c32f14bb5313887b6e9849a52b8b6644', class: "contents" }, isButton ? (h("button", { id: this.id, key: this.suggestion.key, part: this.parts, class: this.classes, onMouseDown: (e) => e.preventDefault(), onClick: (e) => this.onClick?.(e), onMouseOver: (e) => this.onMouseOver?.(e), "data-query": this.suggestion.query, "aria-label": this.ariaLabel(isButton), ref: (el) => {
                 if (!el) {
                     return;
                 }

package/dist/atomic/components/atomic-tab-manager.js

@@ -59,7 +59,7 @@ const AtomicTabManager$1 = /*@__PURE__*/ proxyCustomElement(class AtomicTabManag
         });
     }
     render() {
-        return (h(Host, { key: '6af89b58e710469e73305956a30764725fa59281' }, h("atomic-tab-bar", { key: 'b0a461ca116a0e36f84c9d22eab081dd2b29a1fd' }, h("div", { key: '03a0763728c300157afed288ddba6fd34a5e7e82', role: "list", "aria-label": "tab-area", part: "tab-area", class: "border-neutral mb-2 flex w-full flex-row border-b" }, this.tabs.map((tab) => (h("atomic-tab-button", { active: this.tabManagerState.activeTab === tab.name, label: this.bindings.i18n.t(tab.label, {
+        return (h(Host, { key: 'c20b95de1f0d99a207ffb86df272b6574a533fde' }, h("atomic-tab-bar", { key: '4cf657592fad9cca15ade748966af72a276f65d3' }, h("div", { key: 'e6f73c165ee6720bbd642b1b7f9a438d136b1e40', role: "list", "aria-label": "tab-area", part: "tab-area", class: "border-neutral mb-2 flex w-full flex-row border-b" }, this.tabs.map((tab) => (h("atomic-tab-button", { active: this.tabManagerState.activeTab === tab.name, label: this.bindings.i18n.t(tab.label, {
                 defaultValue: tab.label,
             }), select: () => {
                 if (!tab.tabController.state.isActive) {

package/dist/atomic/components/components/commerce/atomic-commerce-load-more-products/atomic-commerce-load-more-products.js

@@ -0,0 +1,114 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { bindStateToController } from "../../../decorators/bind-state";
+import { bindingGuard } from "../../../decorators/binding-guard";
+import { bindings } from "../../../decorators/bindings";
+import { errorGuard } from "../../../decorators/error-guard";
+import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
+import { buildSearch, buildProductListing, } from '@coveo/headless/commerce';
+import { html, unsafeCSS, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { when } from 'lit/directives/when.js';
+import { createAppLoadedListener } from '../../common/interface/store';
+import { renderLoadMoreButton } from '../../common/load-more/button';
+import { renderLoadMoreContainer } from '../../common/load-more/container';
+import { renderLoadMoreProgressBar } from '../../common/load-more/progress-bar';
+import { renderLoadMoreSummary } from '../../common/load-more/summary';
+import styles from './atomic-commerce-load-more-products.tw.css';
+/**
+ * The `atomic-commerce-load-more-products` component allows the user to load additional products if more are available.
+ *
+ * @part container - The container of the component.
+ * @part showing-results - The summary displaying which products are shown and how many are available.
+ * @part highlight - The highlighted number of products displayed and number of products available.
+ * @part progress-bar - The progress bar displaying a percentage of results shown over the total number of products available.
+ * @part load-more-results-button - The "Load more products" button.
+ *
+ * @alpha
+ */
+let AtomicCommerceLoadMoreProducts = class AtomicCommerceLoadMoreProducts extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.isAppLoaded = false;
+    }
+    initialize() {
+        if (this.bindings.interfaceElement.type === 'product-listing') {
+            this.listingOrSearch = buildProductListing(this.bindings.engine);
+        }
+        else {
+            this.listingOrSearch = buildSearch(this.bindings.engine);
+        }
+        this.pagination = this.listingOrSearch.pagination();
+        createAppLoadedListener(this.bindings.store, (isAppLoaded) => {
+            this.isAppLoaded = isAppLoaded;
+        });
+    }
+    render() {
+        return html `${when(this.shouldRender, () => renderLoadMoreContainer()(html `
+        ${renderLoadMoreSummary({
+            props: {
+                from: this.lastProduct,
+                to: this.paginationState.totalEntries,
+                i18n: this.bindings.i18n,
+                label: 'showing-products-of-load-more',
+            },
+        })}
+        ${renderLoadMoreProgressBar({
+            props: {
+                from: this.lastProduct,
+                to: this.paginationState.totalEntries,
+            },
+        })}
+        ${renderLoadMoreButton({
+            props: {
+                i18n: this.bindings.i18n,
+                label: 'load-more-products',
+                moreAvailable: this.lastProduct < this.paginationState.totalEntries,
+                onClick: () => this.onClick(),
+            },
+        })}
+      `))}`;
+    }
+    get lastProduct() {
+        return this.productListingOrSearchState.products.length;
+    }
+    async onClick() {
+        this.bindings.store.state.resultList?.focusOnNextNewResult();
+        this.pagination.fetchMoreProducts();
+    }
+    get shouldRender() {
+        return this.isAppLoaded && this.paginationState.totalEntries > 0;
+    }
+};
+AtomicCommerceLoadMoreProducts.styles = [unsafeCSS(styles)];
+__decorate([
+    state()
+], AtomicCommerceLoadMoreProducts.prototype, "bindings", void 0);
+__decorate([
+    state()
+], AtomicCommerceLoadMoreProducts.prototype, "error", void 0);
+__decorate([
+    state()
+], AtomicCommerceLoadMoreProducts.prototype, "isAppLoaded", void 0);
+__decorate([
+    bindStateToController('pagination'),
+    state()
+], AtomicCommerceLoadMoreProducts.prototype, "paginationState", void 0);
+__decorate([
+    bindStateToController('listingOrSearch'),
+    state()
+], AtomicCommerceLoadMoreProducts.prototype, "productListingOrSearchState", void 0);
+__decorate([
+    bindingGuard(),
+    errorGuard()
+], AtomicCommerceLoadMoreProducts.prototype, "render", null);
+AtomicCommerceLoadMoreProducts = __decorate([
+    customElement('atomic-commerce-load-more-products'),
+    bindings(),
+    withTailwindStyles
+], AtomicCommerceLoadMoreProducts);
+export { AtomicCommerceLoadMoreProducts };

package/dist/atomic/components/components/commerce/atomic-commerce-load-more-products/atomic-commerce-load-more-products.tw.css.js

@@ -0,0 +1,3 @@
+const css = `/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%}}}.progress-bar{--tw-gradient-from:var(--atomic-more-results-progress-bar-color-from,var(--atomic-primary-dark));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:var(--atomic-more-results-progress-bar-color-to,var(--atomic-primary-light))}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}`;
+export default [css];

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

@@ -0,0 +1,84 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { buildProductListing, buildSearch, } from '@coveo/headless/commerce';
+import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
+import { bindings } from "../../../decorators/bindings";
+import { bindStateToController } from "../../../decorators/bind-state";
+import { html, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { renderRefineToggleButton } from '../../common/refine-modal/button';
+import { refineToggleGuard } from '../../common/refine-modal/guard';
+import { errorGuard } from "../../../decorators/error-guard";
+import { bindingGuard } from "../../../decorators/binding-guard";
+/**
+ * The `atomic-commerce-refine-toggle` component displays a button that opens a modal containing the facets and the sort components.
+ *
+ * When this component is added to the `atomic-commerce-interface`, an `atomic-commerce-refine-modal` component is automatically created.
+ *
+ * @part button - The refine toggle button.
+ * @part placeholder - The placeholder shown while the first request is being executed.
+ *
+ * @alpha
+ */
+let AtomicCommerceRefineToggle = class AtomicCommerceRefineToggle extends LitElement {
+    initialize() {
+        const searchOrListing = this.bindings.interfaceElement.type === 'search'
+            ? buildSearch(this.bindings.engine)
+            : buildProductListing(this.bindings.engine);
+        this.summary = searchOrListing.summary();
+    }
+    loadModal() {
+        if (this.modalRef) {
+            return;
+        }
+        this.modalRef = document.createElement('atomic-commerce-refine-modal');
+        this.insertAdjacentElement('beforebegin', this.modalRef);
+        this.modalRef.openButton = this.buttonRef;
+    }
+    enableModal() {
+        this.modalRef && (this.modalRef.isOpen = true);
+    }
+    render() {
+        return html `${refineToggleGuard({
+            firstRequestExecuted: this.summaryState.firstRequestExecuted,
+            hasError: this.summaryState.hasError,
+            hasItems: this.summaryState.hasProducts,
+        }, () => html `${renderRefineToggleButton({
+            props: {
+                i18n: this.bindings.i18n,
+                onClick: () => this.enableModal(),
+                refCallback: (button) => {
+                    if (!button) {
+                        return;
+                    }
+                    this.buttonRef = button;
+                    this.loadModal();
+                },
+            },
+        })}`)}`;
+    }
+};
+__decorate([
+    state()
+], AtomicCommerceRefineToggle.prototype, "bindings", void 0);
+__decorate([
+    state()
+], AtomicCommerceRefineToggle.prototype, "error", void 0);
+__decorate([
+    bindStateToController('summary'),
+    state()
+], AtomicCommerceRefineToggle.prototype, "summaryState", void 0);
+__decorate([
+    errorGuard(),
+    bindingGuard()
+], AtomicCommerceRefineToggle.prototype, "render", null);
+AtomicCommerceRefineToggle = __decorate([
+    customElement('atomic-commerce-refine-toggle'),
+    bindings(),
+    withTailwindStyles
+], AtomicCommerceRefineToggle);
+export { AtomicCommerceRefineToggle };

package/dist/atomic/components/components/commerce/atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.tw.css.js

@@ -0,0 +1,2 @@
+const css = ``;
+export default [css];

package/dist/atomic/components/components/commerce/atomic-product-text/atomic-product-text.js

@@ -9,7 +9,6 @@ import { bindingGuard } from "../../../decorators/binding-guard";
 import { bindings } from "../../../decorators/bindings";
 import { createProductContextController } from "../../../decorators/commerce/product-template-decorators.js";
 import { errorGuard } from "../../../decorators/error-guard";
-import { InitializeBindingsMixin } from "../../../mixins/bindings-mixin";
 import { ProductTemplatesHelpers, HighlightUtils, } from '@coveo/headless/commerce';
 import { LitElement, html, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
@@ -22,7 +21,7 @@ import { getStringValueFromProductOrNull } from '../product-template-component-u
 /**
  * The `atomic-product-text` component renders the value of a string field for a given product.
  */
-let AtomicProductText = class AtomicProductText extends InitializeBindingsMixin(LitElement) {
+let AtomicProductText = class AtomicProductText extends LitElement {
     constructor() {
         super(...arguments);
         /**
@@ -33,6 +32,9 @@ let AtomicProductText = class AtomicProductText extends InitializeBindingsMixin(
         this.shouldHighlight = true;
         this.productController = createProductContextController(this);
     }
+    createRenderRoot() {
+        return this;
+    }
     initialize() {
         if (!this.product && this.productController.item) {
             this.product = this.productController.item;
@@ -129,7 +131,7 @@ __decorate([
     errorGuard()
 ], AtomicProductText.prototype, "render", null);
 AtomicProductText = __decorate([
-    bindings(),
-    customElement('atomic-product-text')
+    customElement('atomic-product-text'),
+    bindings()
 ], AtomicProductText);
 export { AtomicProductText };

package/dist/atomic/components/components/commerce/index.js

@@ -3,6 +3,7 @@ export { AtomicCommerceBreadbox } from './atomic-commerce-breadbox/atomic-commer
 export { AtomicCommerceDidYouMean } from './atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.js';
 export { AtomicCommerceInterface } from './atomic-commerce-interface/atomic-commerce-interface.js';
 export { AtomicCommerceLayout } from './atomic-commerce-layout/atomic-commerce-layout.js';
+export { AtomicCommerceLoadMoreProducts } from './atomic-commerce-load-more-products/atomic-commerce-load-more-products.js';
 export { AtomicCommerceNoProducts } from './atomic-commerce-no-products/atomic-commerce-no-products.js';
 export { AtomicCommercePager } from './atomic-commerce-pager/atomic-commerce-pager.js';
 export { AtomicCommerceProductList } from './atomic-commerce-product-list/atomic-commerce-product-list.js';
@@ -10,6 +11,7 @@ export { AtomicCommerceProductsPerPage } from './atomic-commerce-products-per-pa
 export { AtomicCommerceQuerySummary } from './atomic-commerce-query-summary/atomic-commerce-query-summary.js';
 export { AtomicCommerceRecommendationInterface } from './atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.js';
 export { AtomicCommerceRecommendationList } from './atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js';
+export { AtomicCommerceRefineToggle } from './atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.js';
 export { AtomicCommerceSearchBox } from './atomic-commerce-search-box/atomic-commerce-search-box.js';
 export { AtomicCommerceSearchBoxInstantProducts } from './atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.js';
 export { AtomicCommerceSearchBoxQuerySuggestions } from './atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.js';

package/dist/atomic/components/components/commerce/lazy-index.js

@@ -4,6 +4,7 @@ export default {
     'atomic-commerce-did-you-mean': async () => await import('./atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.js'),
     'atomic-commerce-interface': async () => await import('./atomic-commerce-interface/atomic-commerce-interface.js'),
     'atomic-commerce-layout': async () => await import('./atomic-commerce-layout/atomic-commerce-layout.js'),
+    'atomic-commerce-load-more-products': async () => await import('./atomic-commerce-load-more-products/atomic-commerce-load-more-products.js'),
     'atomic-commerce-no-products': async () => await import('./atomic-commerce-no-products/atomic-commerce-no-products.js'),
     'atomic-commerce-pager': async () => await import('./atomic-commerce-pager/atomic-commerce-pager.js'),
     'atomic-commerce-product-list': async () => await import('./atomic-commerce-product-list/atomic-commerce-product-list.js'),
@@ -11,6 +12,7 @@ export default {
     'atomic-commerce-query-summary': async () => await import('./atomic-commerce-query-summary/atomic-commerce-query-summary.js'),
     'atomic-commerce-recommendation-interface': async () => await import('./atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.js'),
     'atomic-commerce-recommendation-list': async () => await import('./atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js'),
+    'atomic-commerce-refine-toggle': async () => await import('./atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.js'),
     'atomic-commerce-search-box': async () => await import('./atomic-commerce-search-box/atomic-commerce-search-box.js'),
     'atomic-commerce-search-box-instant-products': async () => await import('./atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.js'),
     'atomic-commerce-search-box-query-suggestions': async () => await import('./atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.js'),

package/dist/atomic/components/components/common/atomic-component-error/atomic-component-error.js

@@ -11,8 +11,7 @@ import { customElement, property } from 'lit/decorators.js';
  * The `atomic-component-error` component is used by other components to render and log errors.
  */
 let AtomicComponentError = class AtomicComponentError extends LitElement {
-    connectedCallback() {
-        super.connectedCallback();
+    firstUpdated() {
         console.error(this.error, this.element);
     }
     render() {