@coveo/atomic 3.33.4-pre.198ea66fd2 → 3.33.4-pre.613dec52e8

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

@@ -172,7 +172,7 @@ const AtomicSearchBoxInstantResults$1 = /*@__PURE__*/ proxyCustomElement(class A
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: 'fdc7168e2ad782021d361221f692da91bff1c3af', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: '333b5db58056b189358a7f23e632ef56d59dc337', element: this.host, error: this.error }));
         }
     }
     get host() { return this; }

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: '60fd04f52305a72133a2cf04e70ce0b1c489c10d', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: 'd37f642d0a8dab2ea78883cfd40ae4afd481e245', 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: '9a6efb2a4483b2a1924418e9b52cc94164b4c8e4', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: '4e4f5a2acd2e77885f1867aa27abb8d372e95dcf', element: this.host, error: this.error }));
         }
     }
     get host() { return this; }

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

@@ -427,18 +427,18 @@ const AtomicSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBox
         if (!this.suggestionManager.suggestions.length) {
             this.registerSearchboxSuggestionEvents();
         }
-        return (h(Host, { key: '14bd784f74d5cfcbcb82136d6f8e6bc2aa4e2815' }, this.renderAbsolutePositionSpacer(), [
-            h(SearchBoxWrapper, { key: '5d13e6bcdb5c27f5f169a7881eb471f431d86a51', disabled: isDisabled, onFocusout: (event) => {
+        return (h(Host, { key: 'a537c56c1b8897dba60111024ae75178af098e09' }, this.renderAbsolutePositionSpacer(), [
+            h(SearchBoxWrapper, { key: '95e33612840af905ab524f433adccd0dc75f9eb4', disabled: isDisabled, onFocusout: (event) => {
                     if (!isFocusingOut(event)) {
                         return;
                     }
                     this.suggestionManager.clearSuggestions();
                     this.isExpanded = false;
-                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: '105c32ac0b57202156661fcbb2b82722ca357ea7', bindings: this.bindings, disabled: isDisabled, onClick: () => {
+                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: 'd59cff103d7a9d31f799a07a9d68690fa06dda2e', bindings: this.bindings, disabled: isDisabled, onClick: () => {
                     this.searchBox.submit();
                     this.suggestionManager.clearSuggestions();
                 } }), this.renderSuggestions()),
-            !this.suggestionManager.suggestions.length && (h("slot", { key: 'ceb85736ad1c30d088fa8e828134237a543dd908' }, h("atomic-search-box-recent-queries", { key: 'a3f0dfc0ac6f6177a20e8e6e5a4fbcc688b63a40' }), h("atomic-search-box-query-suggestions", { key: '7cf5f99564c9ed776d114cc4d75cbc75e44efa71' }))),
+            !this.suggestionManager.suggestions.length && (h("slot", { key: '564208bcd84c77dae100156e0fc4d2898b9cd476' }, h("atomic-search-box-recent-queries", { key: 'f4c885a73f9974d6ecd524e3b5bd6f9a3800e94d' }), h("atomic-search-box-query-suggestions", { key: '2a3b02ef95225112a1a2821ad8f3c64ce918cfc2' }))),
         ]));
     }
     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: '9dc7ab52e182ea2958c0bf651547a172313d40e3' }, this.renderStyle(), this.renderContent()));
+        return (h(Host, { key: '38591c5d7eb78735f377748f4cf648c7a07d77fe' }, 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: '11a4917faf70f82681d12bcf07ae8e61df918b5b', class: this.fullHeight || !this.shouldRenderButton
+        return (h(Host, { key: '963e8c1bd7bda00ef08fb51b5cd45214c16be836', class: this.fullHeight || !this.shouldRenderButton
                 ? this.isExpanded
                     ? 'expanded'
                     : ''
-                : 'invisible' }, h("div", { key: 'e77394a919a5ffe3548df8066c069b251b76540f', part: "smart-snippet-collapse-wrapper", class: "block overflow-hidden" }, h("slot", { key: 'b765e464f429c3a0d931be29ee60e9fe9d767d9e' })), this.shouldRenderButton && this.renderButton()));
+                : 'invisible' }, h("div", { key: '2129a5960880040084d2afbed415d8ef6cacde08', part: "smart-snippet-collapse-wrapper", class: "block overflow-hidden" }, h("slot", { key: 'e582bd07b62c4e2c60ffc784c94ea7cdae6726cd' })), 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: '07fab7157153bef9553fd898c3c768aae89e59d9', class: this.isExpanded ? 'expanded' : '' }, this.renderAnswer(), this.renderButton()));
+        return (h("div", { key: '4272eb724129c3f6c4998bce0e86e855839576bb', 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: 'a0cf5aeda0d5ddb9e897c93f91e80f92454c9e4f', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: 'a24f8d4ab805d17086f7de7702fbe9e2709208b0', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: 'f1329b3299fad8a6987c83d79ee5676ac2b80500', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: 'c0630d7e8c086001530649d6e45aa44e862ae5f3', 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: 'f9f2832f5eb7b4a5f2b89f9b420a42b35c51c30f', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: '21ac2cf6152e4aec8e64d3ea2e3f20bf4e259938', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: '7707a40b56a2000af78412c82ae97493018477e9', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '033e3c0fa91f49c0819654e4b775e0eb5d1cf0f5', 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: '9d71e67a52776a08b97a80b22e1078ea0086fd6c', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: '60a0d8d350aef37f9df02c267f11de297c805703', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
+            } })))), h(SmartSnippetFeedbackModalDetails, { key: '4f230b1871432e462f33dd74de67fca3eccbe7fe', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: 'f6d4b7341e7b2e799de180daeb329e1c8d6da415', 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: '6e310815eb6ff1e946c53d1d6df1720486d4ed18' }, h(LinkWithItemAnalytics, { key: 'b3ded9dc0a96f9e5f76984d1f72c567ac778c560', 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: '486e92c8a519b149cff8938687d0ba2e67e2d2f2', 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: 'a487a862e0c660f9ab11709fdd393409dd16f9d1' }, h(LinkWithItemAnalytics, { key: 'f15d3fe068e4f4020d41d71be14a5c5085f07f21', 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: '6d0a59dfe1d37ca6c2bb38f6721b739a08f0de89', 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

@@ -117,8 +117,8 @@ const AtomicSortDropdown$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSortDr
         const { hasError, hasResults, firstSearchExecuted } = this.searchStatusState;
         const { bindings: { i18n }, id, } = this;
         return [
-            h(SortGuard, { key: '6bcf83c0920b696573d396e22f2d914cc1537022', firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: hasResults }, h(SortContainer, { key: '07a9afdfc2b3ccab21f4e3b11c535be4f1434d2e' }, h(SortLabel, { key: 'e934aa217d8b46af88c7911cfa9bde8a24c70b42', i18n: i18n, id: id }), h(SortSelect, { key: '6d9e56ae34355b2d8f194845bf1549b92ca82304', 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: '04455925e05235d7c024831ff217ca9aca774557' }),
+            h(SortGuard, { key: '645355324d5a9e54081f8ed5f14cedf9e88c4076', firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: hasResults }, h(SortContainer, { key: '33761d682a3b05ce557e5ba131c4e30db427838d' }, h(SortLabel, { key: '1236be92aa51f29afca773e97716448a0c95e720', i18n: i18n, id: id }), h(SortSelect, { key: '31db5deacd74143d6ab66f3a612957459e89857d', 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: '577a4b3842d1590e7c6e4cd729824b4b423783d0' }),
         ];
     }
     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: '4492cc004facf655eaad9558db0c7a161535a8b6', element: this.host, error: error }));
+            return (h("atomic-component-error", { key: 'a091168f63c2790b23a8a225b5a7fdab53a3dbe7', element: this.host, error: error }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-stencil-facet-date-input.js

@@ -66,13 +66,13 @@ const FacetDateInput = /*@__PURE__*/ proxyCustomElement(class FacetDateInput ext
         // Fallback for Safari < 14.1, date with format yyyy-mm-dd over 1400 (API limit)
         const pattern = '^(1[4-9]\\d{2}|2\\d{3})-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$';
         const range = this.rangeGetter();
-        return (h("form", { key: '084dd9894f80b7cd42138f934103d90dae3b140f', class: "mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2", onSubmit: (e) => {
+        return (h("form", { key: 'b971fb266c70d610a797b8c9e59a8a8e2fd45980', class: "mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2", onSubmit: (e) => {
                 e.preventDefault();
                 this.apply();
                 return false;
-            } }, h("label", { key: '2a47b82cec5373a0665c0ae28aaac525399b206b', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_start` }, startLabel, ":"), h("input", { key: 'f7035e188f43beb3694b66d2a4c9a718b909bfaa', id: `${this.facetId}_start`, part: "input-start", type: "date", ref: (ref) => (this.startRef = ref), class: inputClasses, "aria-label": startAria, placeholder: placeholder, pattern: pattern, required: true,
+            } }, h("label", { key: '7af8c3fb180047a830da5a496c038559b774e570', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_start` }, startLabel, ":"), h("input", { key: '0918232b6de2689acb08732cab905877873692ca', id: `${this.facetId}_start`, part: "input-start", type: "date", ref: (ref) => (this.startRef = ref), class: inputClasses, "aria-label": startAria, placeholder: placeholder, pattern: pattern, required: true,
             // API/Index minimum supported date
-            min: this.min || this.formattedDateValue('1401-01-01'), max: this.end ? this.formattedDateValue(this.end) : this.max, value: this.formattedDateValue(range?.start), onInput: (e) => (this.start = parseDate(e.target.value).toDate()) }), h("label", { key: 'd3d8f0f24b787d73391d86c5f739e22c08775b42', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_end` }, endLabel, ":"), h("input", { key: '71b451d78fa4df94a5e219d6baefbd9306c74687', id: `${this.facetId}_end`, part: "input-end", type: "date", ref: (ref) => (this.endRef = ref), class: inputClasses, "aria-label": endAria, placeholder: placeholder, pattern: pattern, required: true, min: this.formattedDateValue(this.start) || this.min, max: this.max, value: this.formattedDateValue(range?.end), onInput: (e) => (this.end = parseDate(e.target.value).toDate()) }), h(Button, { key: '0346899f0f10ef0493367493a25d8fc9988bfc0a', style: "outline-primary", type: "submit", part: "input-apply-button", class: "col-span-2 truncate p-2.5", ariaLabel: applyAria, text: apply })));
+            min: this.min || this.formattedDateValue('1401-01-01'), max: this.end ? this.formattedDateValue(this.end) : this.max, value: this.formattedDateValue(range?.start), onInput: (e) => (this.start = parseDate(e.target.value).toDate()) }), h("label", { key: 'aba9f94bdd61e465802acb0ffdfc425b0bd7f7dd', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_end` }, endLabel, ":"), h("input", { key: 'cb28f3942e453efb690a5a50f22d635fb059a0cc', id: `${this.facetId}_end`, part: "input-end", type: "date", ref: (ref) => (this.endRef = ref), class: inputClasses, "aria-label": endAria, placeholder: placeholder, pattern: pattern, required: true, min: this.formattedDateValue(this.start) || this.min, max: this.max, value: this.formattedDateValue(range?.end), onInput: (e) => (this.end = parseDate(e.target.value).toDate()) }), h(Button, { key: 'a28e2ff12c6f2dfae12877888f2cf0a6586ac241', style: "outline-primary", type: "submit", part: "input-apply-button", class: "col-span-2 truncate p-2.5", ariaLabel: applyAria, text: apply })));
     }
 }, [0, "atomic-stencil-facet-date-input", {
         "bindings": [16],

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: '97ab3d71c92310e5371d7803a511f747855370f4', 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: 'b20f27d5fab6c8ce50bc220720c3d7ef0934d786', 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: '4ea1e2534d1a02ca62d7ac6ec6462252e3d562ee' }, h("atomic-tab-bar", { key: '98896c96e0599094edee87021c10c9fe6fbf3ab0' }, h("div", { key: '2087916e6bda8851a9296a194bbe0cdca44e6330', 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: '4a69196109d422072d625146adab3cc92b76016e' }, h("atomic-tab-bar", { key: 'ab8f6f14eef1425517142abf03b5b3783f821a30' }, h("div", { key: 'b2e122393dc52e1de0b9c3f6f151cafe461c1b11', 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-product-list/atomic-commerce-product-list.js

@@ -55,7 +55,7 @@ let AtomicCommerceProductList = class AtomicCommerceProductList extends Children
         super(...arguments);
         this.loadingFlag = randomID('firstProductLoaded-');
         this.isAppLoaded = false;
-        this.isEveryProductReady = false;
+        this.isEveryProductsReady = false;
         this.resultTemplateRegistered = false;
         this.templateHasError = false;
         /**
@@ -107,27 +107,25 @@ let AtomicCommerceProductList = class AtomicCommerceProductList extends Children
     }
     async updated(changedProperties) {
         super.updated(changedProperties);
-        if (changedProperties.has('searchOrListingState')) {
-            const oldState = changedProperties.get('searchOrListingState');
-            if (!oldState?.isLoading && this.searchOrListingState.isLoading) {
-                this.isEveryProductReady = false;
-            }
+        if (changedProperties.has('searchOrListingState') &&
+            this.isEveryProductsReady) {
+            this.isEveryProductsReady = false;
         }
         await this.updateProductsReadyState();
     }
     async updateProductsReadyState() {
         if (this.isAppLoaded &&
-            !this.isEveryProductReady &&
+            !this.isEveryProductsReady &&
             this.summaryState?.firstRequestExecuted &&
             this.searchOrListingState?.products?.length > 0) {
             await this.getUpdateComplete();
-            this.isEveryProductReady = true;
+            this.isEveryProductsReady = true;
         }
     }
     render() {
         return html `${when(this.shouldRender, () => html `${when(this.templateHasError, () => html `<slot></slot>`, () => {
             const listClasses = this.computeListDisplayClasses();
-            const productClasses = `${listClasses} ${!this.isEveryProductReady && 'hidden'}`;
+            const productClasses = `${listClasses} ${!this.isEveryProductsReady && 'hidden'}`;
             // Products must be rendered immediately (though hidden) to start their initialization and loading processes.
             // If we wait to render products until placeholders are removed, the components won't begin loading until then,
             // causing a longer delay. The `isEveryProductsReady` flag hides products while preserving placeholders,
@@ -136,7 +134,7 @@ let AtomicCommerceProductList = class AtomicCommerceProductList extends Children
               ${when(this.isAppLoaded, () => renderDisplayWrapper({
                 props: { listClasses: productClasses, display: this.display },
             })(html `${when(this.display === 'grid', () => this.renderGrid(), () => html `${when(this.display === 'list', () => this.renderList(), () => this.renderTable())}`)}`))}
-              ${when(!this.isEveryProductReady, () => renderDisplayWrapper({
+              ${when(!this.isEveryProductsReady, () => renderDisplayWrapper({
                 props: { listClasses, display: this.display },
             })(renderItemPlaceholders({
                 props: {
@@ -218,7 +216,7 @@ let AtomicCommerceProductList = class AtomicCommerceProductList extends Children
         this.searchOrListing.promoteChildToParent(child);
     }
     computeListDisplayClasses() {
-        const displayPlaceholders = !(this.isAppLoaded && this.isEveryProductReady);
+        const displayPlaceholders = !(this.isAppLoaded && this.isEveryProductsReady);
         return getItemListDisplayClasses(this.display, this.density, this.imageSize, this.searchOrListingState?.isLoading, displayPlaceholders);
     }
     renderGrid() {
@@ -350,7 +348,7 @@ __decorate([
 ], AtomicCommerceProductList.prototype, "isAppLoaded", void 0);
 __decorate([
     state()
-], AtomicCommerceProductList.prototype, "isEveryProductReady", void 0);
+], AtomicCommerceProductList.prototype, "isEveryProductsReady", void 0);
 __decorate([
     state()
 ], AtomicCommerceProductList.prototype, "resultTemplateRegistered", void 0);

package/dist/atomic/components/components/commerce/atomic-commerce-query-summary/atomic-commerce-query-summary.js

@@ -18,7 +18,7 @@ import { renderQuerySummaryContainer } from '../../common/query-summary/containe
 import { renderQuerySummaryGuard } from '../../common/query-summary/guard';
 import { getProductQuerySummaryI18nParameters } from '../../common/query-summary/utils';
 /**
- * The `atomic-commerce-query-summary` component displays information about the current range of products (e.g., "Products 1-10 of 123").
+ * The `atomic-commerce-query-summary` component displays information about the current range of products and the request duration (e.g., "Products 1-10 of 123").
  *
  * @part container - The container for the whole summary.
  * @part highlight - The summary highlights.

package/dist/atomic/components/components/commerce/atomic-product/atomic-product.tw.css.js

@@ -1,4 +1,4 @@
 import { css } from 'lit';
 const styles = css`/*! tailwindcss v4.1.12 | 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-font-weight:initial}}}:host{position:relative;@layer components{& :host{font-family:var(--atomic-font-family);--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}& .result-root{&.with-sections{justify-items:stretch;display:grid;&.display-list{@media (width>=1024px){&.image-large,&.image-small{grid-template-rows:repeat(6,auto) minmax(0,1fr);grid-template-columns:minmax(0,min-content) auto 1fr auto;grid-template-areas:"badges badges.actions""visual title title title""visual title-metadata title-metadata title-metadata""visual emphasized emphasized emphasized""visual excerpt excerpt excerpt""visual bottom-metadata bottom-metadata bottom-metadata""visual children children children"}&.image-icon{grid-template-rows:repeat(7,minmax(0,min-content));grid-template-columns:minmax(0,min-content) auto 1fr auto;grid-template-areas:"badges badges.actions""visual title title title""visual title-metadata title-metadata title-metadata""visual emphasized emphasized emphasized""visual excerpt excerpt excerpt""visual bottom-metadata bottom-metadata bottom-metadata""visual children children children"}&.image-none{grid-template-rows:repeat(6,auto);grid-template-columns:auto 1fr auto;grid-template-areas:"badges.actions""title title title""title-metadata title-metadata title-metadata""emphasized emphasized emphasized""excerpt excerpt excerpt""bottom-metadata bottom-metadata bottom-metadata""children children children"}}}&.display-table{&.image-large,&.image-small{grid-template-rows:repeat(6,auto) minmax(0,1fr);grid-template-columns:minmax(0,min-content) auto 1fr auto;grid-template-areas:"badges badges.actions""visual title title title""visual title-metadata title-metadata title-metadata""visual emphasized emphasized emphasized""visual excerpt excerpt excerpt""visual bottom-metadata bottom-metadata bottom-metadata""visual children children children"}&.image-icon{grid-template-rows:repeat(7,minmax(0,min-content));grid-template-columns:minmax(0,min-content) auto 1fr auto;grid-template-areas:"badges badges.actions""visual title title title""visual title-metadata title-metadata title-metadata""visual emphasized emphasized emphasized""visual excerpt excerpt excerpt""visual bottom-metadata bottom-metadata bottom-metadata""visual children children children"}&.image-none{grid-template-rows:repeat(6,auto);grid-template-columns:auto 1fr auto;grid-template-areas:"badges.actions""title title title""title-metadata title-metadata title-metadata""emphasized emphasized emphasized""excerpt excerpt excerpt""bottom-metadata bottom-metadata bottom-metadata""children children children"}}&.display-list{@media not all and (width>=1024px){&.image-large{grid-template-rows:repeat(8,auto);grid-template-columns:100%;grid-template-areas:"visual""badges""title""title-metadata""emphasized""excerpt""bottom-metadata""actions""children"}&.image-small{grid-template-rows:repeat(4,auto) minmax(0,1fr) repeat(3,auto);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badges badges""visual title""visual title-metadata""visual emphasized""visual.""excerpt excerpt""bottom-metadata bottom-metadata""actions actions""children children"}&.image-icon{grid-template-rows:repeat(7,auto) 1fr;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badges badges""visual title""visual title-metadata""visual emphasized""visual excerpt""visual bottom-metadata""visual actions""visual children"}&.image-none{grid-template-rows:repeat(7,auto);grid-template-columns:100%;grid-template-areas:"badges""title""title-metadata""emphasized""excerpt""bottom-metadata""actions""children"}}}&.display-grid{grid-template-rows:repeat(9,auto);grid-template-columns:100%;grid-template-areas:"badges""visual""title""title-metadata""emphasized""excerpt""children""bottom-metadata""actions";& a,& button{position:relative}@media not all and (width>=1024px){&.image-large{&.image-large{grid-template-rows:repeat(8,auto);grid-template-columns:100%;grid-template-areas:"visual""badges""title""title-metadata""emphasized""excerpt""bottom-metadata""actions""children"}&.image-small{grid-template-rows:repeat(4,auto) minmax(0,1fr) repeat(3,auto);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badges badges""visual title""visual title-metadata""visual emphasized""visual.""excerpt excerpt""bottom-metadata bottom-metadata""actions actions""children children"}&.image-icon{grid-template-rows:repeat(7,auto) 1fr;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badges badges""visual title""visual title-metadata""visual emphasized""visual excerpt""visual bottom-metadata""visual actions""visual children"}&.image-none{grid-template-rows:repeat(7,auto);grid-template-columns:100%;grid-template-areas:"badges""title""title-metadata""emphasized""excerpt""bottom-metadata""actions""children"}}}}}& atomic-table-element{display:none}}& .link-container{display:none}}& .result-root.display-grid{grid-template-areas:"badges""visual""title""title-metadata""emphasized""excerpt""bottom-metadata""actions""children"}& .with-sections{&.display-grid{&.image-large,&.image-small,&.image-icon,&.image-none{& atomic-product-section-name{min-height:calc(var(--line-height)*2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (width>=1024px){&.image-large atomic-product-section-children .product-child{aspect-ratio:1;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-small atomic-product-section-children .product-child{aspect-ratio:1;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-icon atomic-product-section-children .product-child,&.image-none atomic-product-section-children .product-child{width:2rem;height:2rem}}@media not all and (width>=1024px){&.image-large atomic-product-section-children .product-child{aspect-ratio:1;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-small atomic-product-section-children .product-child{aspect-ratio:1;width:16.65%;max-width:4.75rem;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-icon atomic-product-section-children .product-child,&.image-none atomic-product-section-children .product-child{width:2rem;height:2rem}}&.density-comfortable{&.image-icon,&.image-none,&.image-small,&.image-large{& atomic-product-section-description{margin-top:1.25rem}}}&.density-normal{&.image-icon,&.image-none,&.image-small,&.image-large{& atomic-product-section-description{margin-top:.75rem}}}&.density-compact{&.image-icon,&.image-none,&.image-small,&.image-large{& atomic-product-section-description{margin-top:.25rem}}@media (width>=1024px){&.image-large atomic-product-section-children .product-child{aspect-ratio:1;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-small atomic-product-section-children .product-child{aspect-ratio:1;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-icon atomic-product-section-children .product-child,&.image-none atomic-product-section-children .product-child{width:2rem;height:2rem}}@media not all and (width>=1024px){&.image-large atomic-product-section-children .product-child{aspect-ratio:1;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-small atomic-product-section-children .product-child{aspect-ratio:1;width:16.65%;max-width:4.75rem;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-icon atomic-product-section-children .product-child,&.image-none atomic-product-section-children .product-child{width:2rem;height:2rem}}}}}}@property --tw-font-weight{syntax:"*";inherits:false}`;
+@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-font-weight:initial}}}:host{position:relative;@layer components{& :host{font-family:var(--atomic-font-family);--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}& .result-root{&.with-sections{justify-items:stretch;display:grid;&.display-list{@media (width>=1024px){&.image-large,&.image-small{grid-template-rows:repeat(6,auto) minmax(0,1fr);grid-template-columns:minmax(0,min-content) auto 1fr auto;grid-template-areas:"badges badges.actions""visual title title title""visual title-metadata title-metadata title-metadata""visual emphasized emphasized emphasized""visual excerpt excerpt excerpt""visual bottom-metadata bottom-metadata bottom-metadata""visual children children children"}&.image-icon{grid-template-rows:repeat(7,minmax(0,min-content));grid-template-columns:minmax(0,min-content) auto 1fr auto;grid-template-areas:"badges badges.actions""visual title title title""visual title-metadata title-metadata title-metadata""visual emphasized emphasized emphasized""visual excerpt excerpt excerpt""visual bottom-metadata bottom-metadata bottom-metadata""visual children children children"}&.image-none{grid-template-rows:repeat(6,auto);grid-template-columns:auto 1fr auto;grid-template-areas:"badges.actions""title title title""title-metadata title-metadata title-metadata""emphasized emphasized emphasized""excerpt excerpt excerpt""bottom-metadata bottom-metadata bottom-metadata""children children children"}}}&.display-table{&.image-large,&.image-small{grid-template-rows:repeat(6,auto) minmax(0,1fr);grid-template-columns:minmax(0,min-content) auto 1fr auto;grid-template-areas:"badges badges.actions""visual title title title""visual title-metadata title-metadata title-metadata""visual emphasized emphasized emphasized""visual excerpt excerpt excerpt""visual bottom-metadata bottom-metadata bottom-metadata""visual children children children"}&.image-icon{grid-template-rows:repeat(7,minmax(0,min-content));grid-template-columns:minmax(0,min-content) auto 1fr auto;grid-template-areas:"badges badges.actions""visual title title title""visual title-metadata title-metadata title-metadata""visual emphasized emphasized emphasized""visual excerpt excerpt excerpt""visual bottom-metadata bottom-metadata bottom-metadata""visual children children children"}&.image-none{grid-template-rows:repeat(6,auto);grid-template-columns:auto 1fr auto;grid-template-areas:"badges.actions""title title title""title-metadata title-metadata title-metadata""emphasized emphasized emphasized""excerpt excerpt excerpt""bottom-metadata bottom-metadata bottom-metadata""children children children"}}&.display-list{@media not all and (width>=1024px){&.image-large{grid-template-rows:repeat(8,auto);grid-template-columns:100%;grid-template-areas:"visual""badges""title""title-metadata""emphasized""excerpt""bottom-metadata""actions""children"}&.image-small{grid-template-rows:repeat(4,auto) minmax(0,1fr) repeat(3,auto);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badges badges""visual title""visual title-metadata""visual emphasized""visual.""excerpt excerpt""bottom-metadata bottom-metadata""actions actions""children children"}&.image-icon{grid-template-rows:repeat(7,auto) 1fr;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badges badges""visual title""visual title-metadata""visual emphasized""visual excerpt""visual bottom-metadata""visual actions""visual children"}&.image-none{grid-template-rows:repeat(7,auto);grid-template-columns:100%;grid-template-areas:"badges""title""title-metadata""emphasized""excerpt""bottom-metadata""actions""children"}}}&.display-grid{grid-template-rows:repeat(9,auto);grid-template-columns:100%;grid-template-areas:"badges""visual""title""title-metadata""emphasized""excerpt""children""bottom-metadata""actions";& a,& button{position:relative}@media not all and (width>=1024px){&.image-large{&.image-large{grid-template-rows:repeat(8,auto);grid-template-columns:100%;grid-template-areas:"visual""badges""title""title-metadata""emphasized""excerpt""bottom-metadata""actions""children"}&.image-small{grid-template-rows:repeat(4,auto) minmax(0,1fr) repeat(3,auto);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badges badges""visual title""visual title-metadata""visual emphasized""visual.""excerpt excerpt""bottom-metadata bottom-metadata""actions actions""children children"}&.image-icon{grid-template-rows:repeat(7,auto) 1fr;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badges badges""visual title""visual title-metadata""visual emphasized""visual excerpt""visual bottom-metadata""visual actions""visual children"}&.image-none{grid-template-rows:repeat(7,auto);grid-template-columns:100%;grid-template-areas:"badges""title""title-metadata""emphasized""excerpt""bottom-metadata""actions""children"}}}}}& atomic-table-element{display:none}}& .link-container{display:none}}& .with-sections{&.display-grid{&.image-large,&.image-small,&.image-icon,&.image-none{& atomic-product-section-name{min-height:calc(var(--line-height)*2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (width>=1024px){&.image-large atomic-product-section-children .product-child{aspect-ratio:1;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-small atomic-product-section-children .product-child{aspect-ratio:1;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-icon atomic-product-section-children .product-child,&.image-none atomic-product-section-children .product-child{width:2rem;height:2rem}}@media not all and (width>=1024px){&.image-large atomic-product-section-children .product-child{aspect-ratio:1;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-small atomic-product-section-children .product-child{aspect-ratio:1;width:16.65%;max-width:4.75rem;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-icon atomic-product-section-children .product-child,&.image-none atomic-product-section-children .product-child{width:2rem;height:2rem}}&.density-comfortable{&.image-icon,&.image-none,&.image-small,&.image-large{& atomic-product-section-description{margin-top:1.25rem}}}&.density-normal{&.image-icon,&.image-none,&.image-small,&.image-large{& atomic-product-section-description{margin-top:.75rem}}}&.density-compact{&.image-icon,&.image-none,&.image-small,&.image-large{& atomic-product-section-description{margin-top:.25rem}}@media (width>=1024px){&.image-large atomic-product-section-children .product-child{aspect-ratio:1;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-small atomic-product-section-children .product-child{aspect-ratio:1;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-icon atomic-product-section-children .product-child,&.image-none atomic-product-section-children .product-child{width:2rem;height:2rem}}@media not all and (width>=1024px){&.image-large atomic-product-section-children .product-child{aspect-ratio:1;width:16.65%;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-small atomic-product-section-children .product-child{aspect-ratio:1;width:16.65%;max-width:4.75rem;height:auto;@supports not (aspect-ratio:1 / 1){&{height:auto}}}&.image-icon atomic-product-section-children .product-child,&.image-none atomic-product-section-children .product-child{width:2rem;height:2rem}}}}}}@property --tw-font-weight{syntax:"*";inherits:false}`;
 export default styles;

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

@@ -12,6 +12,7 @@ import { bindingGuard } from "../../../decorators/binding-guard.js";
 import { bindings } from "../../../decorators/bindings.js";
 import { createProductContextController } from "../../../decorators/commerce/product-template-decorators.js";
 import { errorGuard } from "../../../decorators/error-guard.js";
+import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
 import { multiClassMap, tw } from "../../../directives/multi-class-map.js";
 import { LightDomMixin } from "../../../mixins/light-dom.js";
 import { defaultCurrencyFormatter } from '../../common/formats/format-common.js';
@@ -69,7 +70,7 @@ let AtomicProductPrice = class AtomicProductPrice extends LightDomMixin(LitEleme
           ${this.getFormattedValue(hasPromo ? 'ec_promo_price' : 'ec_price')}
         </div>
         <div class=${multiClassMap(promoClasses)}>
-          ${hasPromo ? this.getFormattedValue('ec_price') : '\u200B'}
+          ${hasPromo ? this.getFormattedValue('ec_price') : ''}
         </div>
       </div>
     `;
@@ -92,6 +93,7 @@ __decorate([
 ], AtomicProductPrice.prototype, "render", null);
 AtomicProductPrice = __decorate([
     customElement('atomic-product-price'),
-    bindings()
+    bindings(),
+    withTailwindStyles
 ], AtomicProductPrice);
 export { AtomicProductPrice };

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

@@ -5,17 +5,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { ProductTemplatesHelpers } from '@coveo/headless/commerce';
-import { html, LitElement } from 'lit';
+import { css, html, LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { when } from 'lit/directives/when.js';
-import ratingStyles from "../../common/atomic-rating/atomic-rating.tw.css.js";
-import { computeNumberOfStars, renderRating, } from "../../common/atomic-rating/rating.js";
 import { bindingGuard } from "../../../decorators/binding-guard";
 import { bindings } from "../../../decorators/bindings.js";
 import { createProductContextController } from "../../../decorators/commerce/product-template-decorators.js";
 import { errorGuard } from "../../../decorators/error-guard";
 import { LightDomMixin } from "../../../mixins/light-dom";
 const Star = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 13 13\">\n  <path\n    d=\"m 2.6226137,7.5483827 -1.73646599,-1.67659 c -0.58287,-0.56277 -0.2895686,-1.54878 0.50612799,-1.70148 l 2.630348,-0.50477 c 0.31897,-0.06121 0.58834,-0.27352 0.72239,-0.56935 l 0.84414,-1.86293 c 0.35481,-0.78302702 1.46689,-0.78302802 1.8217,0 l 0.84414,1.86293 c 0.13405,0.29583 0.40342,0.50814 0.72239,0.56935 l 2.6303203,0.50477 c 0.7957,0.1527 1.089,1.13871 0.5062,1.70148 l -1.73651,1.67659 c -0.23632,0.22817 -0.34551,0.55786 -0.2921,0.88198 l 0.45461,2.7587403 c 0.1357,0.824 -0.7386003,1.4416 -1.4698203,1.0382 l -2.087,-1.1515 c -0.30069,-0.1659 -0.66547,-0.1659 -0.96616,0 l -2.087,1.1515 c -0.73122,0.4034 -1.60555,-0.2142 -1.46978,-1.0382 l 0.45457,-2.7587403 c 0.05341,-0.32412 -0.05578,-0.65381 -0.2921,-0.88198 z\"\n    stroke-width=\"0.8125\"\n  />\n</svg>";
+import { computeNumberOfStars, renderRating, } from '../../common/atomic-rating/rating.js';
 /**
  * The `atomic-product-rating` element renders a star rating.
  *
@@ -117,7 +116,8 @@ let AtomicProductRating = class AtomicProductRating extends LightDomMixin(LitEle
     `;
     }
 };
-AtomicProductRating.styles = ratingStyles;
+AtomicProductRating.styles = css`/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
+@layer components{atomic-product-rating{& .text-rating-icon-active,& .text-rating-icon-inactive{& svg path{stroke:var(--atomic-rating-icon-outline-color,none)}}}}`;
 __decorate([
     state()
 ], AtomicProductRating.prototype, "bindings", void 0);

package/dist/atomic/components/components/common/atomic-rating/atomic-rating.tw.css.js

@@ -1,4 +1,3 @@
-import { css } from 'lit';
-const styles = css`/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
+const css = `/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
 @layer components{atomic-product-rating{& .text-rating-icon-active,& .text-rating-icon-inactive{& svg path{stroke:var(--atomic-rating-icon-outline-color,none)}}}}`;
-export default styles;
+export default css;

package/dist/atomic/components/components/common/facets/depends-on.js

@@ -0,0 +1,62 @@
+export function parseDependsOn(dependsOn) {
+    if (Object.keys(dependsOn).length > 1) {
+        throw "Depending on multiple facets isn't supported";
+    }
+    return Object.entries(dependsOn).map(([parentFacetId, expectedValue]) => {
+        return {
+            parentFacetId,
+            condition: (values) => {
+                return values.some((value) => {
+                    if (isCategoryFacetValue(value)) {
+                        const selectedValue = getSelectedCategoryFacetValueRequest(value);
+                        if (!selectedValue) {
+                            return false;
+                        }
+                        if (!expectedValue) {
+                            return true;
+                        }
+                        return selectedValue.value === expectedValue;
+                    }
+                    if (isSimpleFacetValue(value)) {
+                        if (value.state !== 'selected') {
+                            return false;
+                        }
+                        if (!expectedValue) {
+                            return true;
+                        }
+                        return value.value === expectedValue;
+                    }
+                    return false;
+                });
+            },
+        };
+    });
+}
+function isCategoryFacetValue(request) {
+    const requestAsRecord = request;
+    return ((requestAsRecord?.children &&
+        Array.isArray(requestAsRecord.children) &&
+        requestAsRecord?.state &&
+        typeof requestAsRecord.state === 'string') === true);
+}
+function getSelectedCategoryFacetValueRequest(value) {
+    if (!isCategoryFacetValue(value)) {
+        return null;
+    }
+    if (value.state === 'selected') {
+        return value;
+    }
+    for (const child of value.children) {
+        const selectedValue = getSelectedCategoryFacetValueRequest(child);
+        if (selectedValue !== null) {
+            return selectedValue;
+        }
+    }
+    return null;
+}
+function isSimpleFacetValue(value) {
+    const asRecord = value;
+    return ('value' in asRecord &&
+        typeof asRecord.value === 'string' &&
+        !('children' in asRecord));
+}

package/dist/atomic/components/components/common/facets/popover/popover-type.js

@@ -0,0 +1,5 @@
+import { buildCustomEvent } from '../../../../utils/event-utils';
+export const popoverClass = 'popover-nested';
+export function initializePopover(host, childFacet) {
+    host.dispatchEvent(buildCustomEvent('atomic/initializePopover', childFacet));
+}