@coveo/atomic 3.60.7 → 3.61.1

package/custom-elements.json

@@ -588,12 +588,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/custom-element-tags.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/utils/date-utils.ts",
@@ -2396,6 +2390,12 @@
               "privacy": "private",
               "default": "new AriaLiveRegionController(this, 'facet-search')"
             },
+            {
+              "kind": "field",
+              "name": "valuesBeforeShowMore",
+              "privacy": "private",
+              "default": "new Set<string>()"
+            },
             {
               "kind": "method",
               "name": "initialize",
@@ -4699,6 +4699,19 @@
               "name": "computeListDisplayClasses",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "getProductId",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "product",
+                  "type": {
+                    "text": "ProductListingState['products'][number]"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "renderGrid",
@@ -5989,6 +6002,19 @@
               "name": "initSummary",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "getProductId",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "product",
+                  "type": {
+                    "text": "Product"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "getAtomicProductProps",
@@ -15425,6 +15451,12 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "valuesBeforeShowMore",
+              "privacy": "private",
+              "default": "new Set<string>()"
+            },
             {
               "kind": "method",
               "name": "initialize",
@@ -29119,12 +29151,9 @@
             },
             {
               "kind": "field",
-              "name": "resultIndexToFocusOnShowMore",
-              "type": {
-                "text": "number"
-              },
+              "name": "valuesBeforeShowMore",
               "privacy": "private",
-              "default": "0"
+              "default": "new Set<string>()"
             },
             {
               "kind": "method",
@@ -30259,6 +30288,12 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "valuesBeforeShowMore",
+              "privacy": "private",
+              "default": "new Set<string>()"
+            },
             {
               "kind": "method",
               "name": "initialize",

package/dist/cjs/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.cjs

@@ -57,8 +57,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceBreadbox extends external_lit_namespaceObject.LitElement {
     initialize() {

package/dist/cjs/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.cjs

@@ -78,8 +78,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceCategoryFacet extends external_lit_namespaceObject.LitElement {
     initialize() {

package/dist/cjs/components/commerce/atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.cjs

@@ -48,8 +48,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceDidYouMean extends external_lit_namespaceObject.LitElement {
     initialize() {

package/dist/cjs/components/commerce/atomic-commerce-facet/atomic-commerce-facet.cjs

@@ -42,6 +42,7 @@ __webpack_require__.d(__webpack_exports__, {
 const external_lit_namespaceObject = require("lit");
 const decorators_js_namespaceObject = require("lit/decorators.js");
 const when_js_namespaceObject = require("lit/directives/when.js");
+const facet_common_cjs_namespaceObject = require("../../common/facets/facet-common.cjs");
 const facet_container_cjs_namespaceObject = require("../../common/facets/facet-container/facet-container.cjs");
 const facet_header_cjs_namespaceObject = require("../../common/facets/facet-header/facet-header.cjs");
 const facet_search_input_cjs_namespaceObject = require("../../common/facets/facet-search/facet-search-input.cjs");
@@ -75,8 +76,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceFacet extends external_lit_namespaceObject.LitElement {
     initialize() {
@@ -168,8 +169,10 @@ class AtomicCommerceFacet extends external_lit_namespaceObject.LitElement {
             })}`));
     }
     renderValues() {
+        const firstNewValueIndex = (0, facet_common_cjs_namespaceObject.getFirstNewFacetValueIndex)(this.facetState.values, this.valuesBeforeShowMore);
         return this.renderValuesContainer(this.facetState.values.map((value, i)=>{
-            const shouldFocusAfterInteraction = 0 === i;
+            const shouldFocusOnShowLessAfterInteraction = 0 === i;
+            const shouldFocusOnShowMoreAfterInteraction = i === firstNewValueIndex;
             return (0, facet_value_cjs_namespaceObject.renderFacetValue)({
                 props: {
                     ...this.facetValueProps,
@@ -179,8 +182,8 @@ class AtomicCommerceFacet extends external_lit_namespaceObject.LitElement {
                     facetValue: value.value,
                     facetState: value.state,
                     setRef: (btn)=>{
-                        if (shouldFocusAfterInteraction) this.showLessFocus?.setTarget(btn);
-                        if (shouldFocusAfterInteraction) this.showMoreFocus?.setTarget(btn);
+                        if (shouldFocusOnShowLessAfterInteraction) this.showLessFocus?.setTarget(btn);
+                        if (shouldFocusOnShowMoreAfterInteraction) this.showMoreFocus?.setTarget(btn);
                     }
                 }
             });
@@ -199,6 +202,7 @@ class AtomicCommerceFacet extends external_lit_namespaceObject.LitElement {
                     this.facet.showLessValues();
                 },
                 onShowMore: ()=>{
+                    this.valuesBeforeShowMore = new Set(this.facetState.values.map(({ value })=>value));
                     this.focusTargets.showMore.focusAfterSearch();
                     this.facet.showMoreValues();
                 }
@@ -272,7 +276,7 @@ class AtomicCommerceFacet extends external_lit_namespaceObject.LitElement {
         if (!this.facet) this.error = new Error('The "facet" property is required for <atomic-commerce-facet>.');
     }
     constructor(...args){
-        super(...args), this.isCollapsed = false, this.ariaLiveRegion = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'facet-search');
+        super(...args), this.isCollapsed = false, this.ariaLiveRegion = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'facet-search'), this.valuesBeforeShowMore = new Set();
     }
 }
 AtomicCommerceFacet.styles = [

package/dist/cjs/components/commerce/atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.cjs

@@ -45,8 +45,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceFacetNumberInput extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(external_lit_namespaceObject.LitElement) {
     initialize() {

package/dist/cjs/components/commerce/atomic-commerce-facets/atomic-commerce-facets.cjs

@@ -54,8 +54,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceFacets extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(external_lit_namespaceObject.LitElement) {
     initialize() {

package/dist/cjs/components/commerce/atomic-commerce-interface/atomic-commerce-interface.cjs

@@ -66,8 +66,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 const FirstRequestExecutedFlag = 'firstRequestExecuted';
 class AtomicCommerceInterface extends (0, children_update_complete_mixin_cjs_namespaceObject.ChildrenUpdateCompleteMixin)(external_lit_namespaceObject.LitElement) {

package/dist/cjs/components/commerce/atomic-commerce-layout/atomic-commerce-layout.cjs

@@ -56,8 +56,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceLayout extends (0, light_dom_cjs_namespaceObject.LightDomMixin)((0, children_update_complete_mixin_cjs_namespaceObject.ChildrenUpdateCompleteMixin)(external_lit_namespaceObject.LitElement)) {
     connectedCallback() {

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

@@ -50,8 +50,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceLoadMoreProducts extends external_lit_namespaceObject.LitElement {
     initialize() {

package/dist/cjs/components/commerce/atomic-commerce-no-products/atomic-commerce-no-products.cjs

@@ -51,8 +51,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceNoProducts extends external_lit_namespaceObject.LitElement {
     initialize() {

package/dist/cjs/components/commerce/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.cjs

@@ -65,8 +65,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceNumericFacet extends external_lit_namespaceObject.LitElement {
     initialize() {

package/dist/cjs/components/commerce/atomic-commerce-pager/atomic-commerce-pager.cjs

@@ -67,8 +67,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommercePager extends external_lit_namespaceObject.LitElement {
     initialize() {

package/dist/cjs/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.cjs

@@ -80,8 +80,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceProductList extends (0, children_update_complete_mixin_cjs_namespaceObject.ChildrenUpdateCompleteMixin)(external_lit_namespaceObject.LitElement) {
     async setRenderFunction(productRenderingFunction) {
@@ -208,6 +208,9 @@ class AtomicCommerceProductList extends (0, children_update_complete_mixin_cjs_n
         const displayPlaceholders = !(this.isAppLoaded && this.isEveryProductReady);
         return (0, item_layout_utils_cjs_namespaceObject.getItemListDisplayClasses)(this.display, this.density, this.imageSize, this.searchOrListingState?.isLoading, displayPlaceholders);
     }
+    getProductId(product) {
+        return this.productListCommon.getResultId(product.permanentid, product.responseId ?? this.searchOrListingState.responseId, this.density, this.imageSize);
+    }
     renderGrid() {
         return (0, external_lit_namespaceObject.html)`${(0, map_js_namespaceObject.map)(this.searchOrListingState.products, (product, index)=>(0, grid_layout_cjs_namespaceObject.renderGridLayout)({
                 props: {
@@ -220,7 +223,7 @@ class AtomicCommerceProductList extends (0, children_update_complete_mixin_cjs_n
                         element instanceof HTMLElement && this.productListCommon.setNewResultRef(element, index);
                     }
                 }
-            })((0, external_lit_namespaceObject.html)`${(0, keyed_js_namespaceObject.keyed)(this.productListCommon.getResultId(product.permanentid, this.searchOrListingState.responseId, this.density, this.imageSize), (0, external_lit_namespaceObject.html)`<atomic-product
+            })((0, external_lit_namespaceObject.html)`${(0, keyed_js_namespaceObject.keyed)(this.getProductId(product), (0, external_lit_namespaceObject.html)`<atomic-product
             .content=${this.productTemplateProvider.getTemplateContent(product)}
             .density=${this.density}
             .display=${this.display}
@@ -238,7 +241,7 @@ class AtomicCommerceProductList extends (0, children_update_complete_mixin_cjs_n
           ></atomic-product>`)}`))}`;
     }
     renderList() {
-        return (0, external_lit_namespaceObject.html)`${(0, map_js_namespaceObject.map)(this.searchOrListingState.products, (product, index)=>(0, external_lit_namespaceObject.html)`${(0, keyed_js_namespaceObject.keyed)(this.productListCommon.getResultId(product.permanentid, this.searchOrListingState.responseId, this.density, this.imageSize), (0, external_lit_namespaceObject.html)`<atomic-product
+        return (0, external_lit_namespaceObject.html)`${(0, map_js_namespaceObject.map)(this.searchOrListingState.products, (product, index)=>(0, external_lit_namespaceObject.html)`${(0, keyed_js_namespaceObject.keyed)(this.getProductId(product), (0, external_lit_namespaceObject.html)`<atomic-product
           part="outline"
           ${(0, ref_js_namespaceObject.ref)((element)=>element instanceof HTMLElement && this.productListCommon.setNewResultRef(element, index))}
           .content=${this.productTemplateProvider.getTemplateContent(product)}
@@ -273,7 +276,7 @@ class AtomicCommerceProductList extends (0, children_update_complete_mixin_cjs_n
                     templateContentForFirstItem
                 }
             })((0, external_lit_namespaceObject.html)`${(0, map_js_namespaceObject.map)(this.searchOrListingState.products, (product, index)=>{
-                const key = this.productListCommon.getResultId(product.permanentid, this.searchOrListingState.responseId, this.density, this.imageSize);
+                const key = this.getProductId(product);
                 return (0, table_layout_cjs_namespaceObject.renderTableRow)({
                     props: {
                         key,

package/dist/cjs/components/commerce/atomic-commerce-products-per-page/atomic-commerce-products-per-page.cjs

@@ -52,8 +52,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceProductsPerPage extends external_lit_namespaceObject.LitElement {
     initialize() {

package/dist/cjs/components/commerce/atomic-commerce-query-error/atomic-commerce-query-error.cjs

@@ -55,8 +55,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceQueryError extends external_lit_namespaceObject.LitElement {
     initialize() {

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

@@ -49,8 +49,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceQuerySummary extends external_lit_namespaceObject.LitElement {
     initialize() {

package/dist/cjs/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.cjs

@@ -62,8 +62,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceRecommendationInterface extends (0, children_update_complete_mixin_cjs_namespaceObject.ChildrenUpdateCompleteMixin)(external_lit_namespaceObject.LitElement) {
     connectedCallback() {

package/dist/cjs/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.cjs

@@ -74,8 +74,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceRecommendationList extends (0, children_update_complete_mixin_cjs_namespaceObject.ChildrenUpdateCompleteMixin)(external_lit_namespaceObject.LitElement) {
     async watchNumberOfRecommendationsPerPage() {
@@ -187,6 +187,9 @@ class AtomicCommerceRecommendationList extends (0, children_update_complete_mixi
             if (this.summaryState.firstRequestExecuted) this.bindings.store.unsetLoadingFlag(this.loadingFlag);
         });
     }
+    getProductId(product) {
+        return this.productListCommon.getResultId(product.permanentid, product.responseId ?? this.recommendationsState.responseId, this.density, this.imageSize);
+    }
     getAtomicProductProps(product) {
         const linkContent = this.productTemplateProvider.getLinkTemplateContent(product);
         return {
@@ -198,7 +201,7 @@ class AtomicCommerceRecommendationList extends (0, children_update_complete_mixi
             product: product,
             renderingFunction: this.itemRenderingFunction,
             loadingFlag: this.loadingFlag,
-            key: this.productListCommon.getResultId(product.permanentid, this.recommendationsState.responseId, this.density, this.imageSize),
+            key: this.getProductId(product),
             content: this.productTemplateProvider.getTemplateContent(product),
             linkContent,
             stopPropagation: !!linkContent,

package/dist/cjs/components/commerce/atomic-commerce-refine-modal/atomic-commerce-refine-modal.cjs

@@ -52,8 +52,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceRefineModal extends external_lit_namespaceObject.LitElement {
     initialize() {

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

@@ -47,8 +47,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceRefineToggle extends external_lit_namespaceObject.LitElement {
     initialize() {

package/dist/cjs/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.cjs

@@ -64,8 +64,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceSearchBox extends external_lit_namespaceObject.LitElement {
     connectedCallback() {

package/dist/cjs/components/commerce/atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.cjs

@@ -46,8 +46,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceSearchBoxInstantProducts extends external_lit_namespaceObject.LitElement {
     async setRenderFunction(resultRenderingFunction) {

package/dist/cjs/components/commerce/atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.cjs

@@ -53,8 +53,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceSearchBoxQuerySuggestions extends external_lit_namespaceObject.LitElement {
     connectedCallback() {

package/dist/cjs/components/commerce/atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.cjs

@@ -56,8 +56,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceSearchBoxRecentQueries extends external_lit_namespaceObject.LitElement {
     connectedCallback() {

package/dist/cjs/components/commerce/atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.cjs

@@ -51,8 +51,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceSortDropdown extends external_lit_namespaceObject.LitElement {
     initialize() {

package/dist/cjs/components/commerce/atomic-commerce-text/atomic-commerce-text.cjs

@@ -41,8 +41,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceText extends external_lit_namespaceObject.LitElement {
     get strings() {

package/dist/cjs/components/commerce/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.cjs

@@ -66,8 +66,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicCommerceTimeframeFacet extends external_lit_namespaceObject.LitElement {
     get displayName() {

package/dist/cjs/components/commerce/atomic-product/atomic-product.cjs

@@ -60,8 +60,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicProduct extends (0, children_update_complete_mixin_cjs_namespaceObject.ChildrenUpdateCompleteMixin)(external_lit_namespaceObject.LitElement) {
     async connectedCallback() {

package/dist/cjs/components/commerce/atomic-product-children/atomic-product-children.cjs

@@ -50,8 +50,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 const AMOUNT_OF_VISIBLE_CHILDREN = 5;
 class AtomicProductChildren extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(external_lit_namespaceObject.LitElement) {

package/dist/cjs/components/commerce/atomic-product-description/atomic-product-description.cjs

@@ -48,8 +48,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicProductDescription extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(external_lit_namespaceObject.LitElement) {
     initialize() {

package/dist/cjs/components/commerce/atomic-product-excerpt/atomic-product-excerpt.cjs

@@ -48,8 +48,8 @@ function _ts_decorate(decorators, target, key, desc) {
     else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-function _ts_metadata(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+function _ts_metadata(metadataKey, metadataValue) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 class AtomicProductExcerpt extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(external_lit_namespaceObject.LitElement) {
     initialize() {}