@coveo/atomic 3.30.1-pre.6f8efc1feb → 3.30.1-pre.7d5a246bc8

package/dist/atomic/components/atomic-insight-query-error.js

@@ -37,7 +37,7 @@ const AtomicQueryError = /*@__PURE__*/ proxyCustomElement(class AtomicQueryError
         if (hasError) {
             this.ariaMessage = getAriaMessageFromErrorType(i18n, organizationId, url, error?.type);
         }
-        return (h(QueryErrorGuard, { key: '7497fcfd78a3f11ba3e34129efa2bf7cbab362ba', hasError: hasError }, h(QueryErrorContainer, { key: 'e41e7290c8d76793280af9fdcd57d134df65ec9e' }, h(QueryErrorIcon, { key: '8597fac5b2950e6f94c27cc5c17f73b297e42b4b', errorType: error?.type }), h(QueryErrorTitle, { key: 'e959f8048f07e49b8c597f6e52d6acc512f39338', i18n: i18n, organizationId: organizationId }), h(QueryErrorDescription, { key: 'dd497090c2f5bc0370592efa204f9f68cf65137e', i18n: i18n, organizationId: organizationId, url: url }), h(QueryErrorShowMore, { key: '23d54cf364e727868ab831406f8b90cf14b7938f', link: h(QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), h(QueryErrorDetails, { key: 'd902d2ee47d26dbb28dd586bc65c77e636cbb0fc', error: error, show: this.showMoreInfo }))));
+        return (h(QueryErrorGuard, { key: '597466597c945954f85d9974dd22b2f745bec8c1', hasError: hasError }, h(QueryErrorContainer, { key: '54fb3d0797439fb8b345eaf500324ea546aa7c09' }, h(QueryErrorIcon, { key: '67ee0195a949bbb56dfa2c643d1d476a816d5e3f', errorType: error?.type }), h(QueryErrorTitle, { key: '9a9167edb59d694a65445746836bb65bdf7add93', i18n: i18n, organizationId: organizationId }), h(QueryErrorDescription, { key: '83e20ea2151a7a8e8fd07dcf193b38dc3068db08', i18n: i18n, organizationId: organizationId, url: url }), h(QueryErrorShowMore, { key: '554ba28953b10b16c01a797b801dffb5b5fb3f35', link: h(QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), h(QueryErrorDetails, { key: '52aae930812216801cd844dd50cf611f50a5bb6e', error: error, show: this.showMoreInfo }))));
     }
     static get style() { return AtomicInsightQueryErrorStyle0; }
 }, [1, "atomic-insight-query-error", {

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

@@ -75,12 +75,12 @@ const AtomicInsightRefineModal = /*@__PURE__*/ proxyCustomElement(class AtomicIn
         return (h("aside", { slot: "body", class: "adjust-for-scroll-bar flex w-full flex-col" }, this.renderHeader(), h("slot", { name: "facets" })));
     }
     render() {
-        return (h(Host, { key: 'bff12d2afbd2904769c6b20c1fb77dbe233dfef9' }, this.interfaceDimensions && (h("style", { key: 'd9cfcf89c09c3c3111ba5c5ccef5c89abea3363e' }, `atomic-modal::part(backdrop) {
+        return (h(Host, { key: 'b3a4462ec0860223f1d73738b9d26ceb629a9bf1' }, this.interfaceDimensions && (h("style", { key: '73876df1b0181611bf6f99229729a06e595683e0' }, `atomic-modal::part(backdrop) {
             top: ${this.interfaceDimensions.top}px;
             left: ${this.interfaceDimensions.left}px;
             width: ${this.interfaceDimensions.width}px;
             height: ${this.interfaceDimensions.height}px;
-            }`)), h(RefineModal, { key: 'e05edd82ad6f282d1339e7a75b5fb674d28ca017', 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, scope: this.bindings.interfaceElement }, this.renderBody())));
+            }`)), h(RefineModal, { key: 'efe9ca425134bfbacaca949b3fb05c8f56a07737', 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, scope: this.bindings.interfaceElement }, this.renderBody())));
     }
     componentDidLoad() {
         this.host.style.display = '';

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

@@ -54,7 +54,7 @@ const AtomicInsightRefineToggle$1 = /*@__PURE__*/ proxyCustomElement(class Atomi
         this.modalRef.openButton = this.buttonRef;
     }
     render() {
-        return (h(IconButton, { key: 'ba6bf9df22759034e03438aef600e69d01c51b80', partPrefix: "insight-refine-toggle", style: "outline-neutral", title: this.bindings.i18n.t('filters'), icon: FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {
+        return (h(IconButton, { key: 'c02a927d63986b615e74a52b8c8667b9d5bb727b', partPrefix: "insight-refine-toggle", style: "outline-neutral", title: this.bindings.i18n.t('filters'), icon: FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {
                 this.bindings.store.waitUntilAppLoaded(() => {
                     this.enableModal();
                 });

package/dist/atomic/components/atomic-insight-result-attach-to-case-indicator.js

@@ -35,7 +35,7 @@ const AtomicInsightResultAttachToCaseIndicator$1 = /*@__PURE__*/ proxyCustomElem
     }
     render() {
         if (this.attachToCase.isAttached()) {
-            return (h("atomic-icon", { key: '6d9d4fd064729b9ca92d1212ac46325789f110f4', part: "icon", class: "flex w-5 justify-center", icon: AttachIcon, title: this.bindings.i18n.t('result-is-attached') }));
+            return (h("atomic-icon", { key: 'cec53bd6f0e03674988ef68521649907f6f530b3', part: "icon", class: "flex w-5 justify-center", icon: AttachIcon, title: this.bindings.i18n.t('result-is-attached') }));
         }
     }
     get host() { return this; }

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

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

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

@@ -113,7 +113,7 @@ const AtomicInsightResultList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicI
     render() {
         this.itemListCommon.updateBreakpoints();
         const listClasses = this.computeListDisplayClasses();
-        return (h(ItemListGuard, { key: '5118c9b7385e48a2c0d8b9f3a31359694216efda', hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults, hasError: this.resultListState.hasError }, h(DisplayWrapper, { key: '6142554950ea505a5b7eb5a318dfaa655edf4eb6', listClasses: listClasses, display: this.display }, h(ResultsPlaceholdersGuard, { key: 'fef317aee06dfd4e8ae7f834540ad43c64955288', displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults, display: this.display, density: this.density, imageSize: this.imageSize }), h(ItemDisplayGuard, { key: 'df4832db0258e7b4beb0fb2f62d595d1b6ad96e0', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.resultListState.results.map((result, i) => {
+        return (h(ItemListGuard, { key: 'b6f00fe24b2b3f4a620176bb0f076762c4caec01', hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults, hasError: this.resultListState.hasError }, h(DisplayWrapper, { key: '0c2b6e5b16cfa5b6c1e20c71f5ae9a9c55e7b40d', listClasses: listClasses, display: this.display }, h(ResultsPlaceholdersGuard, { key: '62f3aa55fe208d8e1f0bfb664f38de308d777b5f', displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults, display: this.display, density: this.density, imageSize: this.imageSize }), h(ItemDisplayGuard, { key: 'baca516ddcfc9c627add81fcd7d1566baa161a0c', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.resultListState.results.map((result, i) => {
             const atomicInsightResultProps = this.getPropsForAtomicInsightResult(result);
             return (h("atomic-insight-result", { ...atomicInsightResultProps, part: "outline", ref: (element) => element && this.itemListCommon.setNewResultRef(element, i) }));
         })))));

package/dist/atomic/components/atomic-insight-result-quickview-action.js

@@ -108,7 +108,7 @@ const AtomicInsightResultQuickviewAction$1 = /*@__PURE__*/ proxyCustomElement(cl
         this.addQuickviewModalIfNeeded();
         this.updateModalContent();
         if (this.shouldRenderQuickview) {
-            return (h(IconButton, { key: '52172560b9ee7a931dc66884e3513fdd7576b3fa', partPrefix: "result-action", style: "outline-neutral", ref: this.focusTarget.setTarget, icon: QuickviewIcon, title: this.bindings.i18n.t('quickview'), onClick: () => this.onClick() }));
+            return (h(IconButton, { key: 'ad163bf69e681226a78d8de70c46cef19dd3e43f', partPrefix: "result-action", style: "outline-neutral", ref: this.focusTarget.setTarget, icon: QuickviewIcon, title: this.bindings.i18n.t('quickview'), onClick: () => this.onClick() }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-insight-result2.js

@@ -66,7 +66,7 @@ const AtomicInsightResult = /*@__PURE__*/ proxyCustomElement(class AtomicInsight
             .join('');
     }
     render() {
-        return (h(Host, { key: '24e7448bcc575295a37337e9344fd0bf9a692fa0', class: resultComponentClass }, h("div", { key: 'f36709286af8293cb396ae4fb40034684f000eb6', class: `result-root ${this.layout
+        return (h(Host, { key: 'd3dfb2d7803d9b10f6bbf6aa39c48a04f7fd121d', class: resultComponentClass }, h("div", { key: 'a28c810540d2e0f8ff796a72555154c4f42c5602', class: `result-root ${this.layout
                 .getClasses()
                 .concat(this.classes)
                 .join(' ')}`, innerHTML: this.getContentHTML() })));

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

@@ -204,13 +204,13 @@ const AtomicInsightSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicIn
             : this.bindings.i18n.t('query-suggestions-unavailable');
     }
     render() {
-        return (h(SearchBoxWrapper, { key: '0ac781018c36d9a66edc116330dc2c023316392e', disabled: this.disableSearch, onFocusout: (event) => {
+        return (h(SearchBoxWrapper, { key: '9e9d9918b75c16a7ceffbfe2be1709b5a6e30370', disabled: this.disableSearch, onFocusout: (event) => {
                 if (!isFocusingOut(event)) {
                     return;
                 }
                 this.suggestionManager.clearSuggestions();
                 this.isExpanded = false;
-            } }, h("atomic-icon", { key: '271b7e754a0b5df649154e59668faadfa08ef40d', part: "submit-icon", icon: SearchSlimIcon, class: "my-auto mr-0 ml-4 h-4 w-4" }), h(SearchTextArea, { key: 'a44551f669160edebf9b8337a45fd0d8df8f51ee', textAreaRef: this.textAreaRef, loading: this.searchBoxState.isLoading, ref: (el) => el && (this.textAreaRef = el), bindings: this.bindings, value: this.searchBoxState.value, ariaLabel: this.getSearchInputLabel(), placeholder: this.bindings.i18n.t('search-ellipsis'), onFocus: () => this.onFocus(), onKeyDown: (e) => this.onKeyDown(e), onClear: () => {
+            } }, h("atomic-icon", { key: '81dfca9dd739ccc13af46de547b31ecf4b61b023', part: "submit-icon", icon: SearchSlimIcon, class: "my-auto mr-0 ml-4 h-4 w-4" }), h(SearchTextArea, { key: '977e399db5e23dfca94a5bc354f52782baf303bf', textAreaRef: this.textAreaRef, loading: this.searchBoxState.isLoading, ref: (el) => el && (this.textAreaRef = el), bindings: this.bindings, value: this.searchBoxState.value, ariaLabel: this.getSearchInputLabel(), placeholder: this.bindings.i18n.t('search-ellipsis'), onFocus: () => this.onFocus(), onKeyDown: (e) => this.onKeyDown(e), onClear: () => {
                 this.searchBox.clear();
                 this.triggerTextAreaChange('');
             }, onInput: (e) => this.onInput(e.target.value) }), this.renderSuggestions()));

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

@@ -45,9 +45,9 @@ const AtomicInsightSmartSnippetFeedbackModal = /*@__PURE__*/ proxyCustomElement(
     }
     render() {
         updateBreakpoints(this.host);
-        return (h("atomic-modal", { key: 'e4659c3a7714a50b235b34b5609870f6703c9cb6', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: '0771d231c22a128ab9d49f32058e866f21e899a7', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: '496b32d8faf8b863b8ca7ee0714d7dc5813b3e8d', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: 'ed6ac7acc5233112c04a5389b1a3e62ea9f0ca0d', 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: 'f7fd9e327b89b45b7a8fc0d1586ed7415fb5e417', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: 'ec8e0fe0d19cc397be869f1e68b4887dc40a5c1e', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: 'f7451421a5681735c7fbc94f3b60afee16ba8021', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: 'f1a8e71ab5c5dacea41be08fd37c3528b86d4a61', 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: '5629e6dd478d87854655faf9631b9ab92520db83', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: 'b4ce48faafbb06bb4bb885eaf33704df7bc608ac', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
+            } })))), h(SmartSnippetFeedbackModalDetails, { key: '6cb2b759dcb51a1b028174f1998358c722b72f3b', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: '84f0f67d4e745e01da0f3aa8843d41d0ced9be95', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
     }
     close() {
         this.isOpen = false;

package/dist/atomic/components/atomic-insight-tabs.js

@@ -20,7 +20,7 @@ const AtomicInsightTabs$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsight
         this.error = undefined;
     }
     render() {
-        return (h("atomic-tab-bar", { key: '3714b7b5e347ed10a08453fa7bf648c848b48d00' }, h("slot", { key: '589147a4fcf58ba310c54fe5116c31f1b34600d9' })));
+        return (h("atomic-tab-bar", { key: 'ece76a466d9b1a534737404a1c97330313d18b8c' }, h("slot", { key: '2a60d8b0cfd460217361b26ac2704c756f3625ec' })));
     }
 }, [4, "atomic-insight-tabs", {
         "error": [32]

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

@@ -144,7 +144,7 @@ const AtomicInsightUserActionsSession = /*@__PURE__*/ proxyCustomElement(class A
     render() {
         const isShowMoreActionsButtonVisible = !this.areActionsAfterCaseCreationVisible &&
             !!this.userActionsAfterCaseCreation.length;
-        return (h("div", { key: '2535aee5185734d44f7b736110dea07db7584054' }, this.renderSessionStartDate(), this.areActionsAfterCaseCreationVisible && (h("div", { key: '28a538adea6ce92bc13dd3ca11e274a8d8bff7b6', "data-testid": "more-actions-section" }, this.renderActions(this.userActionsAfterCaseCreation))), isShowMoreActionsButtonVisible && this.renderShowMoreActionsButton(), this.renderActions(this.userActionsToDisplay)));
+        return (h("div", { key: '4c4dbe787f49336ff0039eaeabbc6a2cb702c2d3' }, this.renderSessionStartDate(), this.areActionsAfterCaseCreationVisible && (h("div", { key: '027f2fe1fbbf5c125db09d20222f7e2d8b7e7153', "data-testid": "more-actions-section" }, this.renderActions(this.userActionsAfterCaseCreation))), isShowMoreActionsButtonVisible && this.renderShowMoreActionsButton(), this.renderActions(this.userActionsToDisplay)));
     }
     static get watchers() { return {
         "userActions": ["prepareUserActionsToDisplay"]

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

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

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

@@ -35,7 +35,7 @@ const AtomicIPXBody = /*@__PURE__*/ proxyCustomElement(class AtomicIPXBody exten
     render() {
         this.updateBreakpoints();
         const isEmbedded = this.isOpen === undefined;
-        return (h("article", { key: '6e105e84bee4f93776e1190640c9625619bce8ab', part: "container", class: `${isEmbedded ? '' : this.isOpen ? 'visible' : 'invisible'}`, onAnimationEnd: () => this.animationEnded.emit() }, h("style", { key: 'aee842f34a0f2678591a79bdd6cd5793bf824e5e' }, `
+        return (h("article", { key: '668356a74bb7ee4101b804eb94e20c9ba99dff41', part: "container", class: `${isEmbedded ? '' : this.isOpen ? 'visible' : 'invisible'}`, onAnimationEnd: () => this.animationEnded.emit() }, h("style", { key: '334e0ffb577cf1a36ad993c652006f2fbb62ecfd' }, `
             /* Chrome, Edge & Safari */
             .scrollbar::-webkit-scrollbar {
               width: 0.8rem;
@@ -60,7 +60,7 @@ const AtomicIPXBody = /*@__PURE__*/ proxyCustomElement(class AtomicIPXBody exten
               scrollbar-color: var(--atomic-primary) var(--atomic-background);
               scrollbar-width: auto;
             }
-          `), h("header", { key: '34932f873cf6a2608eadd086563603472a5863f1', part: "header-wrapper", class: "flex flex-col items-center" }, h("div", { key: 'bd3440f21a5c04c0f0920df64a18252dd1b44b57', part: "header" }, h("slot", { key: 'd1ae465c69016be04aa8edca281e3e5d86d95a0f', name: "header" }))), h("hr", { key: '55596b5f517b5c7ec755de374363527cf4c5b83a', part: "header-ruler", class: "" }), h("div", { key: '4b3d9ef07b396ca1315f972d5f4afc93e55ed45e', part: "body-wrapper", class: "scrollbar flex w-full grow flex-col overflow-auto" }, h("div", { key: 'a1c20e2ae044df7a1362dc37ff5889a850710ba1', part: "body", class: "w-full" }, h("slot", { key: '2c47e6b4765377b1724d53bb5038bdf84f39485a', name: "body" }))), this.displayFooterSlot && (h("footer", { key: 'a6e9b0cc32bf029cff874cd123010a650eab3a23', part: "footer-wrapper", class: "border-neutral bg-background z-10 flex w-full flex-col items-center border-t" }, h("div", { key: 'cd622dba7b51293cf30e3794bea02ca6ad783575', part: "footer" }, h("slot", { key: '8ff5a35281ee564b9b97e4b190fafb83868be055', name: "footer" }))))));
+          `), h("header", { key: '36ba6f34ded9502fa432700d97a3b2ba5694e695', part: "header-wrapper", class: "flex flex-col items-center" }, h("div", { key: 'd4614e2a9f950d61f1c72ae486d2849860a84234', part: "header" }, h("slot", { key: '852a2ea203acbc827c4f58f335c56e086d692e8a', name: "header" }))), h("hr", { key: 'e93e727e28f63e030b7cc49764d7f7722498267c', part: "header-ruler", class: "" }), h("div", { key: 'a303dbe9b98fb55cb93ad45ee05d4de89faca0f8', part: "body-wrapper", class: "scrollbar flex w-full grow flex-col overflow-auto" }, h("div", { key: 'a286dab42e01dfe1eb329fcc7f281f270dfeaacc', part: "body", class: "w-full" }, h("slot", { key: 'f9bc0d6fb02a400a2cf50d7bf60f833851a468f2', name: "body" }))), this.displayFooterSlot && (h("footer", { key: 'e333532fba095f095500c301a25b87cddad87dca', part: "footer-wrapper", class: "border-neutral bg-background z-10 flex w-full flex-col items-center border-t" }, h("div", { key: 'a3673c59adc966bf1e223447ecae85ad45d428a2', part: "footer" }, h("slot", { key: 'd13eae8bc6a7bbc7d1976d30039a147910714721', name: "footer" }))))));
     }
     get host() { return this; }
     static get style() { return AtomicIpxBodyStyle0; }

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

@@ -67,7 +67,7 @@ const AtomicIPXButton = /*@__PURE__*/ proxyCustomElement(class AtomicIPXButton e
         if (this.isModalOpen && !this.recommendationsLoaded) {
             this.getRecommendations();
         }
-        return (h(Fragment, { key: 'b11316b61fddbf168e1530c816965debf13e30a6' }, h("style", { key: '8bb71216e5bd22a858a4472c95d964fb5f864750' }, `
+        return (h(Fragment, { key: '8582662ac07c9790ad4ef228ba3ab5685dcc6124' }, h("style", { key: '4beb4bdb25573f21dd1be4609fd352a231d5a5eb' }, `
               [part=${displayedIcon}] {
                 transform: translateY(0rem);
               }
@@ -84,7 +84,7 @@ const AtomicIPXButton = /*@__PURE__*/ proxyCustomElement(class AtomicIPXButton e
                 [part=${hiddenIcon}] {
                   transform: translateY(0rem);
                 }
-              }`), h("div", { key: 'c56b92ac91284aa4cd4829c62ba7632165744aec', class: "flex flex-col items-center", part: "container" }, this.renderIPXButton())));
+              }`), h("div", { key: '72a56ed7973369a640d84dbb40c33b15dedd6a45', class: "flex flex-col items-center", part: "container" }, this.renderIPXButton())));
     }
     get ipxModal() {
         return this.bindings.interfaceElement.querySelector('atomic-ipx-modal');

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

@@ -38,7 +38,7 @@ const AtomicIPXEmbedded = /*@__PURE__*/ proxyCustomElement(class AtomicIPXEmbedd
     }
     render() {
         this.updateBreakpoints();
-        return (h(Host, { key: 'e5306f7317c789fa494a426a7a097d93e46c90e1' }, h("div", { key: '0e27190ed8b9c06d06336c15aef83eb17ae61d41', part: "backdrop" }, h("atomic-ipx-body", { key: '35634484a6c5491ec86ccb1bbd7f79d71f97014f', displayFooterSlot: this.hasFooterSlotElements }, h("slot", { key: '2eab195a50b757e86b284d09b03d83172f2ba434', name: "header", slot: "header" }), h("slot", { key: '6f988273195913048c0f48865f94a271f9c7497a', name: "body", slot: "body" }), h("slot", { key: 'fd5e2b14ab117200f6d533d4ec7ed3c6c3b4f057', name: "footer", slot: "footer" })))));
+        return (h(Host, { key: 'b6f2679a39c1f8766389515540990d056639053e' }, h("div", { key: '2f0c1fe1721d67ced694d7745d0c8762f218d665', part: "backdrop" }, h("atomic-ipx-body", { key: 'a3a4e5d67d63b2c4f335834cb0290f1a78f5ec58', displayFooterSlot: this.hasFooterSlotElements }, h("slot", { key: '5bf33b18a8a344c4a047c77a47d635c17390d11c', name: "header", slot: "header" }), h("slot", { key: 'd570a04f40b17380841a13265fde3c97f9b2d7ac', name: "body", slot: "body" }), h("slot", { key: 'ddfccac338260335e253075e213b5e68055570c9', name: "footer", slot: "footer" })))));
     }
     get host() { return this; }
     static get style() { return AtomicIpxEmbeddedStyle0; }

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

@@ -63,8 +63,8 @@ const AtomicIPXModal = /*@__PURE__*/ proxyCustomElement(class AtomicIPXModal ext
     }
     render() {
         this.updateBreakpoints();
-        const Body = () => (h("atomic-ipx-body", { key: 'e225295267107f31d96059a4668e4350f517c00a', isOpen: this.isOpen, displayFooterSlot: this.hasFooterSlotElements, exportparts: "container" }, h("slot", { key: '2bfac24a082476870d01ee2b9b643b618e0eec36', name: "header", slot: "header" }), h("slot", { key: 'aa7f10603b239a932109c6c627b83c817303d09f', name: "body", slot: "body" }), h("slot", { key: '7f8f3f09320dbe6616ea6da63e1644cf0683723e', name: "footer", slot: "footer" })));
-        return (h(Host, { key: '1e6ac474f88dc2cd2158baa4f03b3673d724d7dc', class: this.getClasses().join(' '), part: "atomic-ipx-modal" }, h("div", { key: '505e1eb6fb2f6e59e1b668e2c26e8816aaae3faf', part: "backdrop" }, h(Body, { key: 'c6ce20ac004bef2713821c3e04af168747edf030' }))));
+        const Body = () => (h("atomic-ipx-body", { key: '63e664e96a32942dd28ecd334c6130bbb47a1cfd', isOpen: this.isOpen, displayFooterSlot: this.hasFooterSlotElements, exportparts: "container" }, h("slot", { key: 'e45a5b3be32fab95167af9d5fe2690686578e3ec', name: "header", slot: "header" }), h("slot", { key: 'bfc58a15ad119121bad10afa3d28a3e2064d4ef5', name: "body", slot: "body" }), h("slot", { key: 'c64e4bb2b635b65b5783c1be605d16faf476c575', name: "footer", slot: "footer" })));
+        return (h(Host, { key: 'cd39f69668d0335018b9cb1f4086ff5a7362ff66', class: this.getClasses().join(' '), part: "atomic-ipx-modal" }, h("div", { key: '5bc776684b6c889ccfdd10a67fe108f36eac9928', part: "backdrop" }, h(Body, { key: '4b2d2c3335b6e580ad28a65753f0d2983a4e11f6' }))));
     }
     get host() { return this; }
     static get watchers() { return {

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

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

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

@@ -62,7 +62,7 @@ const AtomicIPXRefineModal = /*@__PURE__*/ proxyCustomElement(class AtomicIPXRef
         return (h("aside", { slot: "body", class: "adjust-for-scroll-bar flex w-full flex-col" }, this.renderHeader(), h("slot", { name: "facets" })));
     }
     render() {
-        return (h(Host, { key: '3eaad6cee2355061a294c4a0b51bbe6489ae0cc1' }, h(RefineModal, { key: '74c6ff86980e76c19159dcc8eb8e3c5e8b7d255c', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), numberOfItems: this.querySummaryState.total, title: this.bindings.i18n.t('filters'), openButton: this.openButton, boundary: "element", scope: this.bindings.interfaceElement }, this.renderBody())));
+        return (h(Host, { key: '554ad321788d07fa893320d80370aac8403da9a6' }, h(RefineModal, { key: 'd35a63f0ab842d39977b25d622f780190e1fc802', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), numberOfItems: this.querySummaryState.total, title: this.bindings.i18n.t('filters'), openButton: this.openButton, boundary: "element", scope: this.bindings.interfaceElement }, this.renderBody())));
     }
     componentDidLoad() {
         this.host.style.display = '';

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

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

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

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

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

@@ -20,7 +20,7 @@ const AtomicIPXTabs = /*@__PURE__*/ proxyCustomElement(class AtomicIPXTabs exten
         this.error = undefined;
     }
     render() {
-        return (h("atomic-tab-bar", { key: 'a662c435a2e79bfa6773151eda9e770aeca2796d' }, h("slot", { key: '9c54fd6fcc7e9328c0b4d106eae44afab7f7fc7f' })));
+        return (h("atomic-tab-bar", { key: '84090cfaa4f1bd0bd92cfdca8684690e4f26953b' }, h("slot", { key: '45b7e63996003cf12cb0d0dad0070da7365835e2' })));
     }
 }, [4, "atomic-ipx-tabs", {
         "error": [32]

package/dist/atomic/components/atomic-load-more-results.js

@@ -90,7 +90,7 @@ const AtomicLoadMoreResults$1 = /*@__PURE__*/ proxyCustomElement(class AtomicLoa
     render() {
         const { lastResult: from, total: to } = this.querySummaryState;
         const { i18n } = this.bindings;
-        return (h(LoadMoreGuard, { key: '8c7c0ce8616517354b14636f8ed3a45cd0a55d98', hasResults: this.querySummaryState.hasResults, isLoaded: this.isAppLoaded }, h(LoadMoreContainer, { key: '4f3232a7ad803e55e8f93ce5c458dded9ab8721f' }, h(LoadMoreSummary, { key: '492a26eb5defe4666d6d063828248901e3c17cf2', from: from, to: to, i18n: i18n }), h(LoadMoreProgressBar, { key: '39ac5c146a14bda59b35ddd46598c11e466d6775', from: from, to: to }), h(LoadMoreButton, { key: 'ab53b15c05672ed0dcd4c8c807611ddcf142e049', i18n: i18n, moreAvailable: this.resultListState.moreResultsAvailable, onClick: () => this.onClick() }))));
+        return (h(LoadMoreGuard, { key: '1d86a4f7a003567a1dd032818b20de327ba57926', hasResults: this.querySummaryState.hasResults, isLoaded: this.isAppLoaded }, h(LoadMoreContainer, { key: '1385601c160741fecd000de6af3983164bf36990' }, h(LoadMoreSummary, { key: '97b9cd97f258eebbcfcf23ebe64d26c2a1e22732', from: from, to: to, i18n: i18n }), h(LoadMoreProgressBar, { key: 'fb941ca4b63f4ef5761544a1baff057954b2cb5b', from: from, to: to }), h(LoadMoreButton, { key: 'cfeea8813533c36956e08362391ef34347dc9225', i18n: i18n, moreAvailable: this.resultListState.moreResultsAvailable, onClick: () => this.onClick() }))));
     }
     static get style() { return AtomicLoadMoreResultsStyle0; }
 }, [1, "atomic-load-more-results", {

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

@@ -100,8 +100,8 @@ const AtomicModal = /*@__PURE__*/ proxyCustomElement(class AtomicModal extends H
     }
     render() {
         this.updateBreakpoints();
-        const Content = () => (h("article", { key: '749eb629b6f3141c9f6ff7d08bf5a52d5c90ea74', part: "container", class: `bg-background text-on-background flex flex-col justify-between ${this.isOpen ? 'animate-open' : 'animate-close'} ${this.wasEverOpened ? '' : 'invisible'}`, onAnimationEnd: () => this.animationEnded.emit(), ref: (ref) => (this.animatableContainer = ref) }, h("header", { key: 'dd7cc67f5424fe1b05625d46b8d91aaeaa749685', part: "header-wrapper", class: "flex flex-col items-center" }, h("div", { key: '04ca04e43941216205f66735c207b694ce11c67a', part: "header", class: "flex w-full max-w-lg justify-between text-xl", id: this.headerId }, h("slot", { key: '09abeba813a3d949bedc45560b63d75fd27adcb3', name: "header" }))), h("hr", { key: '45d5b95049e42d72e5ba81bdead54c1d58422216', part: "header-ruler", class: "border-neutral border-t" }), h("div", { key: '30cabf8bc6ec0667c319c9be6f6c5b8f8d3fdad3', part: "body-wrapper", class: "flex w-full grow flex-col items-center overflow-auto" }, h("div", { key: '021e59be3704d528b962c07cba8b4cca55eb8a4a', part: "body", class: "w-full max-w-lg", ref: (element) => element?.addEventListener('touchmove', (e) => this.isOpen && e.stopPropagation(), { passive: false }) }, h("slot", { key: 'fba708a6e166412032d536ca7e7a9a9566802bca', name: "body" }))), h("footer", { key: 'fa6e8efb1415c16e733c96131c5ad02cc9eb84c3', part: "footer-wrapper", class: "border-neutral bg-background z-10 flex w-full flex-col items-center border-t" }, h("div", { key: '5b1c175177df718afab9a80033f5dd8d0c4cf39f', part: "footer", class: "w-full max-w-lg" }, h("slot", { key: '3698110b32c649b996440be7ecdac6579875b713', name: "footer" })))));
-        return (h(Host, { key: 'c4a57fd1689c7fdb880556a6df0ee826512cc4a9', class: this.getClasses().join(' '), "data-nosnippet": true }, h("div", { key: '9b474e0bccf138d02bdbb005e2f861c828426e26', part: "backdrop", class: ` ${this.boundary === 'page' ? 'fixed' : 'absolute'} top-0 right-0 bottom-0 left-0 z-9999`, onClick: (e) => e.target === e.currentTarget && this.close() }, h("atomic-focus-trap", { key: '572c229576cbf8e10de6f013f8078be7a83164cd', role: "dialog", "aria-modal": this.isOpen.toString(), "aria-labelledby": this.headerId, source: this.source, container: this.container ?? this.host, ref: (ref) => (this.focusTrap = ref), scope: this.scope }, h(Content, { key: 'ea99476d9966b0573bc6458ec3ff33aebd10406f' })))));
+        const Content = () => (h("article", { key: '1f2e0e16a1447bfbd1305b8f597a5377814e7381', part: "container", class: `bg-background text-on-background flex flex-col justify-between ${this.isOpen ? 'animate-open' : 'animate-close'} ${this.wasEverOpened ? '' : 'invisible'}`, onAnimationEnd: () => this.animationEnded.emit(), ref: (ref) => (this.animatableContainer = ref) }, h("header", { key: '002e1af96b1ffdb0a89d058bfc3125d392eb8dc5', part: "header-wrapper", class: "flex flex-col items-center" }, h("div", { key: '20cd6cfe2dca5f0901b7cea73ce81a911dafd430', part: "header", class: "flex w-full max-w-lg justify-between text-xl", id: this.headerId }, h("slot", { key: 'a7eac00e077b676793994f9b0e3fa062bf5404fd', name: "header" }))), h("hr", { key: 'e2b9d240e39b1e725f91a8df8e0fa4d6890427aa', part: "header-ruler", class: "border-neutral border-t" }), h("div", { key: '9eb3635d42497e9cc21b4542ad3f53f186d4bd95', part: "body-wrapper", class: "flex w-full grow flex-col items-center overflow-auto" }, h("div", { key: 'ff95668d6ab95eb6200fdf16bab06cda197db12e', part: "body", class: "w-full max-w-lg", ref: (element) => element?.addEventListener('touchmove', (e) => this.isOpen && e.stopPropagation(), { passive: false }) }, h("slot", { key: '7f3569cd9fb01382ec1a9ec3053bbe3574139f4d', name: "body" }))), h("footer", { key: '2ee7c83d234bb941aa7c2a904d9bbce77e2cb33e', part: "footer-wrapper", class: "border-neutral bg-background z-10 flex w-full flex-col items-center border-t" }, h("div", { key: '6ee804fd859da0969228df67e86cc76bfdef59f0', part: "footer", class: "w-full max-w-lg" }, h("slot", { key: '40ed3d6771c7f6fa16051911dff9e9eb7d3e98ec', name: "footer" })))));
+        return (h(Host, { key: 'f1225f07765dbe86a9bbc76860333c5056bc82be', class: this.getClasses().join(' '), "data-nosnippet": true }, h("div", { key: '57cbaca47a71b034aa6cb8b350a8d848228e3369', part: "backdrop", class: ` ${this.boundary === 'page' ? 'fixed' : 'absolute'} top-0 right-0 bottom-0 left-0 z-9999`, onClick: (e) => e.target === e.currentTarget && this.close() }, h("atomic-focus-trap", { key: '113decc0ba6b32859c0bdca78c71868b8cb6d09e', role: "dialog", "aria-modal": this.isOpen.toString(), "aria-labelledby": this.headerId, source: this.source, container: this.container ?? this.host, ref: (ref) => (this.focusTrap = ref), scope: this.scope }, h(Content, { key: 'f3ea1928e7305bc773d781174ed92cdd82e3db9d' })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/atomic/components/atomic-no-results.js

@@ -59,7 +59,7 @@ const AtomicNoResults$1 = /*@__PURE__*/ proxyCustomElement(class AtomicNoResults
     render() {
         const { bindings: { i18n }, } = this;
         this.ariaMessage = getSummary(i18n, this.querySummaryState.query, this.searchStatusState.hasResults, 'no-results');
-        return (h(NoItemsGuard, { key: '45a3f99deb31b3d7a4b1adc01093e7f2a826c78c', ...this.searchStatusState }, h(NoItemsContainer, { key: '5d9331d97e61d6f27b5930217c5b4498cc97c74e' }, h(MagnifyingGlass, { key: 'ae3c1ea1561a9723e91bd34c6e76ec88710187bf' }), h(NoItems, { key: '371bb3eec33a9c0b72de3887e3e3e5c9ddbbff08', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), h(SearchTips, { key: '7c5812df27e67eb97e55b24ca9b2d6eef946a417', i18n: i18n }), this.enableCancelLastAction && this.historyState.past.length ? (h(Cancel, { i18n: i18n, onClick: () => this.history.backOnNoResults() })) : null)));
+        return (h(NoItemsGuard, { key: '20e997b01de62df90fcfac2b3955c855dfabe50a', ...this.searchStatusState }, h(NoItemsContainer, { key: '05654f81d5a2eba783ace2dc80ff8ef530db8be0' }, h(MagnifyingGlass, { key: 'ee900306f7845d6063b4761dff250e88f4dd6958' }), h(NoItems, { key: 'b58e2d0c20926fe054bed1e453922b2d28c1cdc6', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), h(SearchTips, { key: 'f0adff7066bf6fbc4fcd9abc69d0fbb212275f3a', i18n: i18n }), this.enableCancelLastAction && this.historyState.past.length ? (h(Cancel, { i18n: i18n, onClick: () => this.history.backOnNoResults() })) : null)));
     }
     static get style() { return AtomicNoResultsStyle0; }
 }, [1, "atomic-no-results", {

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

@@ -289,7 +289,7 @@ const AtomicNumericFacet$1 = /*@__PURE__*/ proxyCustomElement(class AtomicNumeri
     }
     render() {
         const { searchStatusState: { firstSearchExecuted, hasError }, bindings: { i18n }, } = this;
-        return (h(FacetGuard, { key: 'ed77a42638a349e3b7959e20eb428932ebfe0493', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: i18n, label: this.label, onClearFilters: () => {
+        return (h(FacetGuard, { key: '35108f440f37268b12f4e1c0096c143d0831d67b', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: i18n, label: this.label, onClearFilters: () => {
                 this.focusTarget.focusAfterSearch();
                 if (this.filterState?.range) {
                     this.filter?.clear();

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

@@ -67,15 +67,15 @@ const AtomicPager$1 = /*@__PURE__*/ proxyCustomElement(class AtomicPager extends
         });
     }
     render() {
-        return (h(PagerGuard, { key: '08999791ff2c4eafd60d46e02ed06f6e40a076f8', hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults, isAppLoaded: this.isAppLoaded }, h(PagerNavigation, { key: '3f56bd2c84de0dd25ebb17548cbc046679a03332', i18n: this.bindings.i18n }, h(PagerPreviousButton, { key: '060a43cc827cf927f54b9cc975319987d9ce0057', icon: this.previousButtonIcon, disabled: !this.pagerState.hasPreviousPage, i18n: this.bindings.i18n, onClick: () => {
+        return (h(PagerGuard, { key: '441f05ffb6ab2ef567af6e39f9cf7969acff8381', hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults, isAppLoaded: this.isAppLoaded }, h(PagerNavigation, { key: 'f3027fcf12a86b01e523b87b3c2434d7c2a8d035', i18n: this.bindings.i18n }, h(PagerPreviousButton, { key: 'f75200a74808f4e2e67161659d55910889bef69a', icon: this.previousButtonIcon, disabled: !this.pagerState.hasPreviousPage, i18n: this.bindings.i18n, onClick: () => {
                 this.pager.previousPage();
                 this.focusOnFirstResultAndScrollToTop();
-            } }), h(PagerPageButtons, { key: '8fbe418d57d3947ab259a3c7b7e47937c5abe419', i18n: this.bindings.i18n }, this.pagerState.currentPages.map((pageNumber) => {
+            } }), h(PagerPageButtons, { key: '0784c0a4ef3f90db911101d3a80432b6f72b8fd5', i18n: this.bindings.i18n }, this.pagerState.currentPages.map((pageNumber) => {
             return (h(PagerPageButton, { isSelected: this.pager.isCurrentPage(pageNumber), ariaLabel: this.bindings.i18n.t('page-number', { pageNumber }), onChecked: () => {
                     this.pager.selectPage(pageNumber);
                     this.focusOnFirstResultAndScrollToTop();
                 }, page: pageNumber, groupName: this.radioGroupName, text: pageNumber.toLocaleString(this.bindings.i18n.language) }));
-        })), h(PagerNextButton, { key: '6c0eacbc231d636b7ce45e029c4f3cc528c9e06e', icon: this.nextButtonIcon, disabled: !this.pagerState.hasNextPage, i18n: this.bindings.i18n, onClick: () => {
+        })), h(PagerNextButton, { key: '195c9a3eed6d967b62364702ea81d93cb6978ad8', icon: this.nextButtonIcon, disabled: !this.pagerState.hasNextPage, i18n: this.bindings.i18n, onClick: () => {
                 this.pager.nextPage();
                 this.focusOnFirstResultAndScrollToTop();
             } }))));

package/dist/atomic/components/atomic-product-description.js

@@ -1,9 +1,39 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
 import { Schema, StringValue } from '@coveo/bueno';
 import { I as InitializeBindings, H as Hidden } from './initialization-utils.js';
-import { E as ExpandableText } from './stencil-expandable-text.js';
+import { M as MinusIcon, P as PlusIcon } from './plus.js';
+import { B as Button } from './stencil-button.js';
 import { P as ProductContext } from './stencil-product-template-decorators.js';
 
+const getLineClampClass = (truncateAfter) => {
+    const lineClampMap = {
+        none: 'line-clamp-none',
+        1: 'line-clamp-1',
+        2: 'line-clamp-2',
+        3: 'line-clamp-3',
+        4: 'line-clamp-4',
+    };
+    return lineClampMap[truncateAfter] || 'line-clamp-2';
+};
+const renderShowHideButton = (isExpanded, isTruncated, isCollapsible, onToggleExpand, showMoreLabel, showLessLabel) => {
+    let buttonClass = 'expandable-text-button p-1 text-xs leading-[calc(1/.75)]';
+    if (!isTruncated && !isExpanded) {
+        buttonClass += ' invisible';
+    }
+    else if (!isCollapsible && !isTruncated && isExpanded) {
+        buttonClass += ' hidden';
+    }
+    const label = isExpanded ? showLessLabel : showMoreLabel;
+    return (h(Button, { style: "text-primary", class: buttonClass, title: label, onClick: onToggleExpand },
+        h("atomic-icon", { icon: isExpanded ? MinusIcon : PlusIcon, class: "mx-1 w-2 align-baseline" }),
+        label));
+};
+const ExpandableText = ({ isExpanded, isTruncated, truncateAfter, onToggleExpand, showMoreLabel, showLessLabel, isCollapsible = false, }, children) => {
+    return (h("div", { class: "flex flex-col items-start" },
+        h("div", { part: "expandable-text", class: `expandable-text ${!isExpanded ? getLineClampClass(truncateAfter) : ''} min-lines-${truncateAfter}` }, children),
+        renderShowHideButton(isExpanded, isTruncated, isCollapsible, onToggleExpand, showMoreLabel, showLessLabel)));
+};
+
 const atomicProductDescriptionCss = "/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */.expandable-text{line-height:var(--line-height)}.min-lines-1{min-height:calc(var(--line-height) * 1)}.min-lines-2{min-height:calc(var(--line-height) * 2)}.min-lines-3{min-height:calc(var(--line-height) * 3)}.min-lines-4{min-height:calc(var(--line-height) * 4)}";
 const AtomicProductDescriptionStyle0 = atomicProductDescriptionCss;
 

package/dist/atomic/components/atomic-product-description.js.map

@@ -1 +1 @@
-{"file":"atomic-product-description.js","mappings":";;;;;;AAAA,MAAM,2BAA2B,GAAG,wUAAwU,CAAC;AAC7W,uCAAe,2BAA2B;;;;;;;;;;;;MCuB7BA,0BAAwB;IA+BnC;;;QArBiB,eAAU,GAAG,KAAK,CAAC;QACnB,gBAAW,GAAG,KAAK,CAAC;;;;QAQtB,kBAAa,GAAkB,GAAG,CAAC;;;;QAKnC,UAAK,GAAsC,cAAc,CAAC;;;;QAK1D,kBAAa,GAAG,IAAI,CAAC;0BAnBN,KAAK;2BACJ,KAAK;6BAQU,GAAG;qBAKS,cAAc;6BAKzC,IAAI;QAGjC,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC;YACvC,IACE,IAAI,CAAC,eAAe;gBACpB,IAAI,CAAC,eAAe,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,YAAY,EACrE;gBACA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;aACzB;iBAAM;gBACL,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;aAC1B;SACF,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAEO,aAAa;QACnB,IAAI,MAAM,CAAC;YACT,aAAa,EAAE,IAAI,WAAW,CAAC;gBAC7B,WAAW,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;aAC1C,CAAC;YACF,KAAK,EAAE,IAAI,WAAW,CAAC;gBACrB,WAAW,EAAE,CAAC,cAAc,EAAE,gBAAgB,CAAC;aAChD,CAAC;SACH,CAAC,CAAC,QAAQ,CAAC;YACV,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC,CAAC;KACJ;IAED,gBAAgB;QACd,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CACnD,kBAAkB,CACD,CAAC;QACpB,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;SACnD;KACF;IAEO,cAAc,CAAC,CAAc;QACnC,IAAI,CAAC,EAAE;YACL,CAAC,CAAC,eAAe,EAAE,CAAC;SACrB;QAED,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;KACpC;IAED,oBAAoB;QAClB,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;KAClC;IAEM,MAAM;QACX,MAAM,kBAAkB,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC;QAE5D,IAAI,CAAC,kBAAkB,EAAE;YACvB,OAAO,EAAC,MAAM,OAAG,CAAC;SACnB;QAED,QACE,EAAC,cAAc,IACb,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,cAAc,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAC7C,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,EAChD,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,EAChD,aAAa,EAAE,IAAI,CAAC,aAAa,IAEjC,2BAAqB,KAAK,EAAE,IAAI,CAAC,KAAK,GAAwB,CAC/C,EACjB;KACH;;;;;;;;;;AAjG4B;IAA5B,kBAAkB,EAAE;4DAAoC;AAC/B;IAAzB,cAAc,EAAE;2DAA2B;;;;;;;;;;;;;;;;;;;;","names":["AtomicProductDescription"],"sources":["src/components/commerce/atomic-product-description/atomic-product-description.pcss?tag=atomic-product-description","src/components/commerce/atomic-product-description/atomic-product-description.tsx"],"sourcesContent":["@import '../../common/expandable-text/expandable-text.pcss';\n","import {Schema, StringValue} from '@coveo/bueno';\nimport {Product} from '@coveo/headless/commerce';\nimport {Component, State, h, Element, Prop} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {\n  ExpandableText,\n  TruncateAfter,\n} from '../../common/expandable-text/stencil-expandable-text';\nimport {Hidden} from '../../common/stencil-hidden';\nimport {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-interface';\nimport {ProductContext} from '../product-template-component-utils/stencil-product-template-decorators';\n\n/**\n * @alpha\n * The `atomic-product-description` component renders the description of a product.\n */\n@Component({\n  tag: 'atomic-product-description',\n  styleUrl: 'atomic-product-description.pcss',\n  shadow: false,\n})\nexport class AtomicProductDescription\n  implements InitializableComponent<CommerceBindings>\n{\n  @InitializeBindings() public bindings!: CommerceBindings;\n  @ProductContext() private product!: Product;\n\n  @Element() hostElement!: HTMLElement;\n\n  public error!: Error;\n\n  @State() private isExpanded = false;\n  @State() private isTruncated = false;\n\n  private descriptionText!: HTMLDivElement;\n  private resizeObserver: ResizeObserver;\n\n  /**\n   * The number of lines after which the product description should be truncated. A value of \"none\" will disable truncation.\n   */\n  @Prop() public truncateAfter: TruncateAfter = '2';\n\n  /**\n   * The name of the description field to use.\n   */\n  @Prop() public field: 'ec_description' | 'ec_shortdesc' = 'ec_shortdesc';\n\n  /**\n   * Whether the description should be collapsible after being expanded.\n   */\n  @Prop() public isCollapsible = true;\n\n  constructor() {\n    this.resizeObserver = new ResizeObserver(() => {\n      if (\n        this.descriptionText &&\n        this.descriptionText.scrollHeight > this.descriptionText.clientHeight\n      ) {\n        this.isTruncated = true;\n      } else {\n        this.isTruncated = false;\n      }\n    });\n    this.validateProps();\n  }\n\n  private validateProps() {\n    new Schema({\n      truncateAfter: new StringValue({\n        constrainTo: ['none', '1', '2', '3', '4'],\n      }),\n      field: new StringValue({\n        constrainTo: ['ec_shortdesc', 'ec_description'],\n      }),\n    }).validate({\n      truncateAfter: this.truncateAfter,\n      field: this.field,\n    });\n  }\n\n  componentDidLoad() {\n    this.descriptionText = this.hostElement.querySelector(\n      '.expandable-text'\n    ) as HTMLDivElement;\n    if (this.descriptionText) {\n      this.resizeObserver.observe(this.descriptionText);\n    }\n  }\n\n  private onToggleExpand(e?: MouseEvent) {\n    if (e) {\n      e.stopPropagation();\n    }\n\n    this.isExpanded = !this.isExpanded;\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver.disconnect();\n  }\n\n  public render() {\n    const productDescription = this.product[this.field] ?? null;\n\n    if (!productDescription) {\n      return <Hidden />;\n    }\n\n    return (\n      <ExpandableText\n        isExpanded={this.isExpanded}\n        isTruncated={this.isTruncated}\n        truncateAfter={this.truncateAfter}\n        onToggleExpand={(e) => this.onToggleExpand(e)}\n        showMoreLabel={this.bindings.i18n.t('show-more')}\n        showLessLabel={this.bindings.i18n.t('show-less')}\n        isCollapsible={this.isCollapsible}\n      >\n        <atomic-product-text field={this.field}></atomic-product-text>\n      </ExpandableText>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-product-description.js","mappings":"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","names":["AtomicProductDescription"],"sources":["src/components/common/expandable-text/stencil-expandable-text.tsx","src/components/commerce/atomic-product-description/atomic-product-description.pcss?tag=atomic-product-description","src/components/commerce/atomic-product-description/atomic-product-description.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport MinusIcon from '../../../images/minus.svg';\nimport PlusIcon from '../../../images/plus.svg';\nimport {Button} from '../stencil-button';\n\nexport type TruncateAfter = 'none' | '1' | '2' | '3' | '4';\n\ninterface ExpandableTextProps {\n  isExpanded: boolean;\n  isTruncated: boolean;\n  isCollapsible?: boolean;\n  truncateAfter: TruncateAfter;\n  onToggleExpand: (e: MouseEvent | undefined) => void;\n  showMoreLabel: string;\n  showLessLabel: string;\n}\n\nconst getLineClampClass = (truncateAfter: TruncateAfter) => {\n  const lineClampMap: Record<TruncateAfter, string> = {\n    none: 'line-clamp-none',\n    1: 'line-clamp-1',\n    2: 'line-clamp-2',\n    3: 'line-clamp-3',\n    4: 'line-clamp-4',\n  };\n  return lineClampMap[truncateAfter] || 'line-clamp-2';\n};\n\nconst renderShowHideButton = (\n  isExpanded: boolean,\n  isTruncated: boolean,\n  isCollapsible: boolean,\n  onToggleExpand: (e?: MouseEvent) => void,\n  showMoreLabel: string,\n  showLessLabel: string\n) => {\n  let buttonClass = 'expandable-text-button p-1 text-xs leading-[calc(1/.75)]';\n  if (!isTruncated && !isExpanded) {\n    buttonClass += ' invisible';\n  } else if (!isCollapsible && !isTruncated && isExpanded) {\n    buttonClass += ' hidden';\n  }\n\n  const label = isExpanded ? showLessLabel : showMoreLabel;\n\n  return (\n    <Button\n      style=\"text-primary\"\n      class={buttonClass}\n      title={label}\n      onClick={onToggleExpand}\n    >\n      <atomic-icon\n        icon={isExpanded ? MinusIcon : PlusIcon}\n        class=\"mx-1 w-2 align-baseline\"\n      ></atomic-icon>\n      {label}\n    </Button>\n  );\n};\n\nexport const ExpandableText: FunctionalComponent<ExpandableTextProps> = (\n  {\n    isExpanded,\n    isTruncated,\n    truncateAfter,\n    onToggleExpand,\n    showMoreLabel,\n    showLessLabel,\n    isCollapsible = false,\n  },\n  children\n) => {\n  return (\n    <div class=\"flex flex-col items-start\">\n      <div\n        part=\"expandable-text\"\n        class={`expandable-text ${!isExpanded ? getLineClampClass(truncateAfter) : ''} min-lines-${truncateAfter}`}\n      >\n        {children}\n      </div>\n      {renderShowHideButton(\n        isExpanded,\n        isTruncated,\n        isCollapsible,\n        onToggleExpand,\n        showMoreLabel,\n        showLessLabel\n      )}\n    </div>\n  );\n};\n","@import '../../common/expandable-text/expandable-text.pcss';\n","import {Schema, StringValue} from '@coveo/bueno';\nimport {Product} from '@coveo/headless/commerce';\nimport {Component, State, h, Element, Prop} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {\n  ExpandableText,\n  TruncateAfter,\n} from '../../common/expandable-text/stencil-expandable-text';\nimport {Hidden} from '../../common/stencil-hidden';\nimport {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-interface';\nimport {ProductContext} from '../product-template-component-utils/stencil-product-template-decorators';\n\n/**\n * @alpha\n * The `atomic-product-description` component renders the description of a product.\n */\n@Component({\n  tag: 'atomic-product-description',\n  styleUrl: 'atomic-product-description.pcss',\n  shadow: false,\n})\nexport class AtomicProductDescription\n  implements InitializableComponent<CommerceBindings>\n{\n  @InitializeBindings() public bindings!: CommerceBindings;\n  @ProductContext() private product!: Product;\n\n  @Element() hostElement!: HTMLElement;\n\n  public error!: Error;\n\n  @State() private isExpanded = false;\n  @State() private isTruncated = false;\n\n  private descriptionText!: HTMLDivElement;\n  private resizeObserver: ResizeObserver;\n\n  /**\n   * The number of lines after which the product description should be truncated. A value of \"none\" will disable truncation.\n   */\n  @Prop() public truncateAfter: TruncateAfter = '2';\n\n  /**\n   * The name of the description field to use.\n   */\n  @Prop() public field: 'ec_description' | 'ec_shortdesc' = 'ec_shortdesc';\n\n  /**\n   * Whether the description should be collapsible after being expanded.\n   */\n  @Prop() public isCollapsible = true;\n\n  constructor() {\n    this.resizeObserver = new ResizeObserver(() => {\n      if (\n        this.descriptionText &&\n        this.descriptionText.scrollHeight > this.descriptionText.clientHeight\n      ) {\n        this.isTruncated = true;\n      } else {\n        this.isTruncated = false;\n      }\n    });\n    this.validateProps();\n  }\n\n  private validateProps() {\n    new Schema({\n      truncateAfter: new StringValue({\n        constrainTo: ['none', '1', '2', '3', '4'],\n      }),\n      field: new StringValue({\n        constrainTo: ['ec_shortdesc', 'ec_description'],\n      }),\n    }).validate({\n      truncateAfter: this.truncateAfter,\n      field: this.field,\n    });\n  }\n\n  componentDidLoad() {\n    this.descriptionText = this.hostElement.querySelector(\n      '.expandable-text'\n    ) as HTMLDivElement;\n    if (this.descriptionText) {\n      this.resizeObserver.observe(this.descriptionText);\n    }\n  }\n\n  private onToggleExpand(e?: MouseEvent) {\n    if (e) {\n      e.stopPropagation();\n    }\n\n    this.isExpanded = !this.isExpanded;\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver.disconnect();\n  }\n\n  public render() {\n    const productDescription = this.product[this.field] ?? null;\n\n    if (!productDescription) {\n      return <Hidden />;\n    }\n\n    return (\n      <ExpandableText\n        isExpanded={this.isExpanded}\n        isTruncated={this.isTruncated}\n        truncateAfter={this.truncateAfter}\n        onToggleExpand={(e) => this.onToggleExpand(e)}\n        showMoreLabel={this.bindings.i18n.t('show-more')}\n        showLessLabel={this.bindings.i18n.t('show-less')}\n        isCollapsible={this.isCollapsible}\n      >\n        <atomic-product-text field={this.field}></atomic-product-text>\n      </ExpandableText>\n    );\n  }\n}\n"],"version":3}