@coveo/atomic 3.63.0 → 3.64.1

package/custom-elements.json

@@ -12179,6 +12179,24 @@
               "default": "[]",
               "description": "A function that must return true on products for the product template to apply.\nSet programmatically before initialization, not via attribute.\n\nFor example, the following targets a template and sets a condition to make it apply only to products whose `ec_name` contains `singapore`:\n`document.querySelector('#target-template').conditions = [(product) => /singapore/i.test(product.ec_name)];`"
             },
+            {
+              "kind": "field",
+              "name": "ifDefined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be defined on a product for the template to apply.\nFor example, a template with the following attribute only applies to products whose `ec_brand` and `ec_rating` fields are both defined:\n`if-defined=\"ec_brand,ec_rating\"`",
+              "attribute": "if-defined"
+            },
+            {
+              "kind": "field",
+              "name": "ifNotDefined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be undefined on a product for the template to apply.\nFor example, a template with the following attribute only applies to products that have neither an `ec_brand` nor an `ec_rating` field:\n`if-not-defined=\"ec_brand,ec_rating\"`",
+              "attribute": "if-not-defined"
+            },
             {
               "kind": "field",
               "name": "mustMatch",
@@ -12210,6 +12228,22 @@
             }
           ],
           "attributes": [
+            {
+              "name": "if-defined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be defined on a product for the template to apply.\nFor example, a template with the following attribute only applies to products whose `ec_brand` and `ec_rating` fields are both defined:\n`if-defined=\"ec_brand,ec_rating\"`",
+              "fieldName": "ifDefined"
+            },
+            {
+              "name": "if-not-defined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be undefined on a product for the template to apply.\nFor example, a template with the following attribute only applies to products that have neither an `ec_brand` nor an `ec_rating` field:\n`if-not-defined=\"ec_brand,ec_rating\"`",
+              "fieldName": "ifNotDefined"
+            },
             {
               "name": "must-match",
               "fieldName": "mustMatch"
@@ -12949,6 +12983,16 @@
               "readonly": true,
               "default": "[]"
             },
+            {
+              "kind": "field",
+              "name": "inertElements",
+              "type": {
+                "text": "Element[]"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "default": "[]"
+            },
             {
               "kind": "method",
               "name": "hide",
@@ -14931,6 +14975,12 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/common/query-error/icons.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/common/query-error/known-error-types.ts",
@@ -20603,7 +20653,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "The field that, when defined on a child result, allows this template to be applied.\n\nFor example, a template with the following attribute only applies to child results whose `filetype` and `sourcetype` fields are defined:\n`if-defined=\"filetype,sourcetype\"`",
+              "description": "The comma-separated list of fields that must all be defined on a child result for the template to apply.\n\nFor example, a template with the following attribute only applies to child results whose `filetype` and `sourcetype` fields are both defined:\n`if-defined=\"filetype,sourcetype\"`",
               "attribute": "if-defined"
             },
             {
@@ -20612,7 +20662,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "The field that, when defined on a child result, prevents this template from being applied.\n\nFor example, a template with the following attribute only applies to child results whose `filetype` and `sourcetype` fields are NOT defined:\n`if-not-defined=\"filetype,sourcetype\"`",
+              "description": "The comma-separated list of fields that must all be undefined on a child result for the template to apply.\n\nFor example, a template with the following attribute only applies to child results that have neither a `filetype` nor a `sourcetype` field:\n`if-not-defined=\"filetype,sourcetype\"`",
               "attribute": "if-not-defined"
             },
             {
@@ -20660,7 +20710,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "The field that, when defined on a child result, allows this template to be applied.\n\nFor example, a template with the following attribute only applies to child results whose `filetype` and `sourcetype` fields are defined:\n`if-defined=\"filetype,sourcetype\"`",
+              "description": "The comma-separated list of fields that must all be defined on a child result for the template to apply.\n\nFor example, a template with the following attribute only applies to child results whose `filetype` and `sourcetype` fields are both defined:\n`if-defined=\"filetype,sourcetype\"`",
               "fieldName": "ifDefined"
             },
             {
@@ -20668,7 +20718,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "The field that, when defined on a child result, prevents this template from being applied.\n\nFor example, a template with the following attribute only applies to child results whose `filetype` and `sourcetype` fields are NOT defined:\n`if-not-defined=\"filetype,sourcetype\"`",
+              "description": "The comma-separated list of fields that must all be undefined on a child result for the template to apply.\n\nFor example, a template with the following attribute only applies to child results that have neither a `filetype` nor a `sourcetype` field:\n`if-not-defined=\"filetype,sourcetype\"`",
               "fieldName": "ifNotDefined"
             },
             {
@@ -21346,6 +21396,24 @@
               "default": "[]",
               "description": "A function that must return true on results for the result template to apply.\nSet programmatically before initialization, not via attribute.\n\nFor example, the following targets a template and sets a condition to make it apply only to results whose `title` contains `singapore`:\n`document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`"
             },
+            {
+              "kind": "field",
+              "name": "ifDefined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be defined on a result for the template to apply.\n\nFor example, a template with the following attribute only applies to results whose `author` and `date` fields are both defined: `if-defined=\"author,date\"`",
+              "attribute": "if-defined"
+            },
+            {
+              "kind": "field",
+              "name": "ifNotDefined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be undefined on a result for the template to apply.\n\nFor example, a template with the following attribute only applies to results that have neither an `author` nor a `date` field: `if-not-defined=\"author,date\"`",
+              "attribute": "if-not-defined"
+            },
             {
               "kind": "field",
               "name": "mustMatch",
@@ -21377,6 +21445,22 @@
             }
           ],
           "attributes": [
+            {
+              "name": "if-defined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be defined on a result for the template to apply.\n\nFor example, a template with the following attribute only applies to results whose `author` and `date` fields are both defined: `if-defined=\"author,date\"`",
+              "fieldName": "ifDefined"
+            },
+            {
+              "name": "if-not-defined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be undefined on a result for the template to apply.\n\nFor example, a template with the following attribute only applies to results that have neither an `author` nor a `date` field: `if-not-defined=\"author,date\"`",
+              "fieldName": "ifNotDefined"
+            },
             {
               "name": "must-match",
               "fieldName": "mustMatch"
@@ -27206,6 +27290,24 @@
               "default": "[]",
               "description": "A function that must return true on results for the result template to apply.\nSet programmatically before initialization, not via attribute.\n\nFor example, the following targets a template and sets a condition to make it apply only to results whose `title` contains `singapore`:\n`document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`"
             },
+            {
+              "kind": "field",
+              "name": "ifDefined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be defined on a result for the template to apply.\nFor example, a template with the following attribute only applies to results whose `author` and `date` fields are both defined:\n`if-defined=\"author,date\"`",
+              "attribute": "if-defined"
+            },
+            {
+              "kind": "field",
+              "name": "ifNotDefined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be undefined on a result for the template to apply.\nFor example, a template with the following attribute only applies to results that have neither an `author` nor a `date` field:\n`if-not-defined=\"author,date\"`",
+              "attribute": "if-not-defined"
+            },
             {
               "kind": "field",
               "name": "mustMatch",
@@ -27237,6 +27339,22 @@
             }
           ],
           "attributes": [
+            {
+              "name": "if-defined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be defined on a result for the template to apply.\nFor example, a template with the following attribute only applies to results whose `author` and `date` fields are both defined:\n`if-defined=\"author,date\"`",
+              "fieldName": "ifDefined"
+            },
+            {
+              "name": "if-not-defined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be undefined on a result for the template to apply.\nFor example, a template with the following attribute only applies to results that have neither an `author` nor a `date` field:\n`if-not-defined=\"author,date\"`",
+              "fieldName": "ifNotDefined"
+            },
             {
               "name": "must-match",
               "fieldName": "mustMatch"
@@ -30861,11 +30979,11 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The `atomic-facet-manager` is a component that manages facets by performing three key functions:\n\n1. **Sorting facets** - Reorders facets based on the search response to show the most relevant facets first.\n2. **Managing visibility** - Controls which facets should be visible or hidden based on available values and dependencies.\n3. **Managing collapse state** - Automatically expands or collapses facets based on the `collapse-facets-after` property.",
+          "description": "The `atomic-facet-manager` is a component that manages facets by performing three key functions:\n\n1. **Sorting facets** - Reorders facets based on the search response to show the most relevant facets first.\n2. **Managing visibility** - Controls which facets should be visible or hidden based on available values and dependencies.\n3. **Managing collapse state** - Automatically expands or collapses facets based on the `collapse-facets-after` property.\n\nA facet wrapped in an `atomic-popover` is managed like any other facet, and its popover moves along with it.\nBecause a popover always displays its facet expanded, such a facet is never collapsed and does not count towards `collapse-facets-after`.",
           "name": "AtomicFacetManager",
           "slots": [
             {
-              "description": "Facet components are slotted within to leverage this functionality.",
+              "description": "Facet components, or `atomic-popover` components wrapping a facet, are slotted within to leverage this functionality.",
               "name": "default"
             }
           ],
@@ -30918,7 +31036,7 @@
               },
               "privacy": "public",
               "default": "4",
-              "description": "The number of expanded facets inside the manager.\nRemaining facets are automatically collapsed.\n\nUsing the value `0` collapses all facets.\nUsing the value `-1` disables the feature and keeps all facets expanded. Useful when you want to set the collapse state for each facet individually.",
+              "description": "The number of expanded facets inside the manager.\nRemaining facets are automatically collapsed.\n\nUsing the value `0` collapses all facets.\nUsing the value `-1` disables the feature and keeps all facets expanded. Useful when you want to set the collapse state for each facet individually.\n\nFacets wrapped in an `atomic-popover` are always expanded and are not counted.",
               "attribute": "collapse-facets-after",
               "reflects": true
             },
@@ -31018,7 +31136,7 @@
                 "text": "number"
               },
               "default": "4",
-              "description": "The number of expanded facets inside the manager.\nRemaining facets are automatically collapsed.\n\nUsing the value `0` collapses all facets.\nUsing the value `-1` disables the feature and keeps all facets expanded. Useful when you want to set the collapse state for each facet individually.",
+              "description": "The number of expanded facets inside the manager.\nRemaining facets are automatically collapsed.\n\nUsing the value `0` collapses all facets.\nUsing the value `-1` disables the feature and keeps all facets expanded. Useful when you want to set the collapse state for each facet individually.\n\nFacets wrapped in an `atomic-popover` are always expanded and are not counted.",
               "fieldName": "collapseFacetsAfter"
             }
           ],
@@ -38324,6 +38442,24 @@
               "default": "[]",
               "description": "A function that must return true on results for the result template to apply.\nSet programmatically before initialization, not via attribute.\n\nFor example, the following targets a template and sets a condition to make it apply only to results whose `title` contains `singapore`:\n`document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`"
             },
+            {
+              "kind": "field",
+              "name": "ifDefined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be defined on a child result for the template to apply.\nFor example, a template with the following attribute only applies to child results whose `author` and `date` fields are both defined:\n`if-defined=\"author,date\"`",
+              "attribute": "if-defined"
+            },
+            {
+              "kind": "field",
+              "name": "ifNotDefined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be undefined on a child result for the template to apply.\nFor example, a template with the following attribute only applies to child results that have neither an `author` nor a `date` field:\n`if-not-defined=\"author,date\"`",
+              "attribute": "if-not-defined"
+            },
             {
               "kind": "field",
               "name": "mustMatch",
@@ -38355,6 +38491,22 @@
             }
           ],
           "attributes": [
+            {
+              "name": "if-defined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be defined on a child result for the template to apply.\nFor example, a template with the following attribute only applies to child results whose `author` and `date` fields are both defined:\n`if-defined=\"author,date\"`",
+              "fieldName": "ifDefined"
+            },
+            {
+              "name": "if-not-defined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be undefined on a child result for the template to apply.\nFor example, a template with the following attribute only applies to child results that have neither an `author` nor a `date` field:\n`if-not-defined=\"author,date\"`",
+              "fieldName": "ifNotDefined"
+            },
             {
               "name": "must-match",
               "fieldName": "mustMatch"
@@ -42366,6 +42518,24 @@
               "default": "[]",
               "description": "A function that must return true on results for the result template to apply.\nSet programmatically before initialization, not via attribute.\n\nFor example, the following targets a template and sets a condition to make it apply only to results whose `title` contains `singapore`:\n`document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`"
             },
+            {
+              "kind": "field",
+              "name": "ifDefined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be defined on a result for the template to apply.\nFor example, a template with the following attribute only applies to results whose `author` and `date` fields are both defined:\n`if-defined=\"author,date\"`",
+              "attribute": "if-defined"
+            },
+            {
+              "kind": "field",
+              "name": "ifNotDefined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be undefined on a result for the template to apply.\nFor example, a template with the following attribute only applies to results that have neither an `author` nor a `date` field:\n`if-not-defined=\"author,date\"`",
+              "attribute": "if-not-defined"
+            },
             {
               "kind": "field",
               "name": "mustMatch",
@@ -42397,6 +42567,22 @@
             }
           ],
           "attributes": [
+            {
+              "name": "if-defined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be defined on a result for the template to apply.\nFor example, a template with the following attribute only applies to results whose `author` and `date` fields are both defined:\n`if-defined=\"author,date\"`",
+              "fieldName": "ifDefined"
+            },
+            {
+              "name": "if-not-defined",
+              "type": {
+                "text": "string"
+              },
+              "description": "The comma-separated list of fields that must all be undefined on a result for the template to apply.\nFor example, a template with the following attribute only applies to results that have neither an `author` nor a `date` field:\n`if-not-defined=\"author,date\"`",
+              "fieldName": "ifNotDefined"
+            },
             {
               "name": "must-match",
               "fieldName": "mustMatch"

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

@@ -79,6 +79,7 @@ class AtomicCommerceBreadbox extends external_lit_namespaceObject.LitElement {
         this.adaptBreadcrumbs();
     }
     disconnectedCallback() {
+        super.disconnectedCallback();
         this.resizeObserver?.disconnect();
     }
     get breadcrumbs() {

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

@@ -85,7 +85,7 @@ function _ts_metadata(metadataKey, metadataValue) {
 class AtomicCommerceCategoryFacet extends external_lit_namespaceObject.LitElement {
     initialize() {
         this.validateFacet();
-        this.facet && (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this.facet, this.displayName, (msg)=>{
+        this.facet && (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this, this.facet, this.displayName, (msg)=>{
             this.facetSearchAriaMessage.message = msg;
         }, this.bindings.i18n);
     }

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

@@ -242,7 +242,7 @@ class AtomicCommerceFacet extends external_lit_namespaceObject.LitElement {
         if (!this.headerFocus) this.headerFocus = new accessibility_utils_cjs_namespaceObject.FocusTargetController(this, this.bindings);
     }
     initAriaLive() {
-        (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this.facet, this.displayName, (msg)=>{
+        (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this, this.facet, this.displayName, (msg)=>{
             this.ariaLiveRegion.message = msg;
         }, this.bindings.i18n);
     }

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

@@ -51,10 +51,7 @@ function _ts_metadata(metadataKey, metadataValue) {
 class AtomicProductFieldCondition extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(external_lit_namespaceObject.LitElement) {
     initialize() {}
     get conditions() {
-        return [
-            ...(0, template_utils_cjs_namespaceObject.makeDefinedConditions)(this.ifDefined, this.ifNotDefined, commerce_namespaceObject.ProductTemplatesHelpers),
-            ...(0, template_utils_cjs_namespaceObject.makeMatchConditions)(this.mustMatch, this.mustNotMatch, commerce_namespaceObject.ProductTemplatesHelpers)
-        ];
+        return (0, template_utils_cjs_namespaceObject.makeFieldConditions)(this, commerce_namespaceObject.ProductTemplatesHelpers);
     }
     render() {
         const product = this.productController.item;

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

@@ -51,7 +51,7 @@ function _ts_metadata(metadataKey, metadataValue) {
 class AtomicProductTemplate extends external_lit_namespaceObject.LitElement {
     connectedCallback() {
         super.connectedCallback();
-        this.productTemplateController.matchConditions = (0, template_utils_cjs_namespaceObject.makeMatchConditions)(this.mustMatch, this.mustNotMatch, commerce_namespaceObject.ProductTemplatesHelpers);
+        this.productTemplateController.matchConditions = (0, template_utils_cjs_namespaceObject.makeFieldConditions)(this, commerce_namespaceObject.ProductTemplatesHelpers);
     }
     async getTemplate() {
         return this.productTemplateController.getTemplate(this.conditions);
@@ -82,6 +82,20 @@ _ts_decorate([
     }),
     _ts_metadata("design:type", Array)
 ], AtomicProductTemplate.prototype, "conditions", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        type: String,
+        attribute: 'if-defined'
+    }),
+    _ts_metadata("design:type", String)
+], AtomicProductTemplate.prototype, "ifDefined", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        type: String,
+        attribute: 'if-not-defined'
+    }),
+    _ts_metadata("design:type", String)
+], AtomicProductTemplate.prototype, "ifNotDefined", void 0);
 _ts_decorate([
     (0, props_utils_cjs_namespaceObject.mapProperty)({
         splitValues: true,

package/dist/cjs/components/common/atomic-focus-trap/atomic-focus-trap.cjs

@@ -60,6 +60,10 @@ class AtomicFocusTrap extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(e
         if (element.hasAttribute('aria-hidden') || element.hasAttribute('aria-live') || 'atomic-aria-live' === element.tagName.toLowerCase()) return;
         element.setAttribute('aria-hidden', 'true');
         this.hiddenElements.push(element);
+        if (!element.hasAttribute('inert')) {
+            element.setAttribute('inert', '');
+            this.inertElements.push(element);
+        }
     }
     showAll() {
         let el = this.hiddenElements.pop();
@@ -67,6 +71,11 @@ class AtomicFocusTrap extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(e
             el.removeAttribute('aria-hidden');
             el = this.hiddenElements.pop();
         }
+        let inertElement = this.inertElements.pop();
+        while(inertElement){
+            inertElement.removeAttribute('inert');
+            inertElement = this.inertElements.pop();
+        }
     }
     hideSiblingsRecursively(element) {
         const parent = (0, utils_cjs_namespaceObject.getParent)(element);
@@ -100,6 +109,7 @@ class AtomicFocusTrap extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(e
         this.showSelf();
         if (!isInitialLoad) {
             await (0, utils_cjs_namespaceObject.defer)();
+            if (!this.active) return;
             (0, accessibility_utils_cjs_namespaceObject.getFirstFocusableDescendant)(this)?.focus();
         }
         this.hideSiblingsRecursively(this);
@@ -113,7 +123,7 @@ class AtomicFocusTrap extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(e
         return this.container ?? this;
     }
     constructor(...args){
-        super(...args), this.active = false, this.shouldHideSelf = true, this.scope = document.body, this.hiddenElements = [], this.onFocusChanged = (e)=>{
+        super(...args), this.active = false, this.shouldHideSelf = true, this.scope = document.body, this.hiddenElements = [], this.inertElements = [], this.onFocusChanged = (e)=>{
             if (!e.target || !this.active) return;
             const focusedElement = (0, utils_cjs_namespaceObject.getFocusedElement)();
             if (focusedElement && (0, utils_cjs_namespaceObject.isAncestorOf)(this, focusedElement)) return;

package/dist/cjs/components/common/atomic-layout-section/layout.cjs

@@ -96,11 +96,15 @@ function buildCommonLayout(element, mobileBreakpoint, layoutWebComponentTagName,
        }
     }`;
     };
-    const horizontalFacets = ()=>`${mediaQuerySelector} {
-      ${layoutSelector} ${(0, external_atomic_layout_section_utils_cjs_namespaceObject.sectionSelector)('horizontal-facets')} > atomic-popover:not(.atomic-hidden) {
+    const horizontalFacets = ()=>{
+        const horizontalFacetsSelector = `${layoutSelector} ${(0, external_atomic_layout_section_utils_cjs_namespaceObject.sectionSelector)('horizontal-facets')}`;
+        return `${mediaQuerySelector} {
+      ${horizontalFacetsSelector} > atomic-popover:not(.atomic-hidden),
+      ${horizontalFacetsSelector} > atomic-facet-manager > atomic-popover:not(.atomic-hidden) {
         display: block;
       }
     }`;
+    };
     return [
         display,
         search,

package/dist/cjs/components/common/facets/facet-common.cjs

@@ -63,9 +63,22 @@ function isAutomaticFacetGenerator(element) {
 function isPseudoFacet(el) {
     return 'facetId' in el;
 }
+function isPopover(element) {
+    return 'ATOMIC-POPOVER' === element.tagName;
+}
+function isFacetNestedInPopover(facet) {
+    return !!facet.parentElement && isPopover(facet.parentElement);
+}
+function getFacetElementToReorder(facet) {
+    return isFacetNestedInPopover(facet) ? facet.parentElement : facet;
+}
 function getFacetsInChildren(parent) {
-    const facets = Array.from(parent.children).filter((child)=>isPseudoFacet(child));
-    return facets;
+    return Array.from(parent.children).flatMap((child)=>{
+        if (isPseudoFacet(child)) return [
+            child
+        ];
+        return isPopover(child) ? Array.from(child.children).filter(isPseudoFacet) : [];
+    });
 }
 function getAutomaticFacetGenerator(parent) {
     return Array.from(parent.children).find(isAutomaticFacetGenerator);
@@ -90,27 +103,33 @@ function triageFacetsByParents(facets, ...parents) {
 __webpack_require__.d(__webpack_exports__, {
     collapseFacetsAfter: ()=>collapseFacetsAfter,
     getAutomaticFacetGenerator: ()=>getAutomaticFacetGenerator,
+    getFacetElementToReorder: ()=>getFacetElementToReorder,
     getFacetsInChildren: ()=>getFacetsInChildren,
     getFirstNewFacetValueIndex: ()=>getFirstNewFacetValueIndex,
     isAutomaticFacetGenerator: ()=>isAutomaticFacetGenerator,
+    isFacetNestedInPopover: ()=>isFacetNestedInPopover,
     shouldDisplayInputForFacetRange: ()=>shouldDisplayInputForFacetRange,
     sortFacetVisibility: ()=>sortFacetVisibility,
     triageFacetsByParents: ()=>triageFacetsByParents
 });
 exports.collapseFacetsAfter = __webpack_exports__.collapseFacetsAfter;
 exports.getAutomaticFacetGenerator = __webpack_exports__.getAutomaticFacetGenerator;
+exports.getFacetElementToReorder = __webpack_exports__.getFacetElementToReorder;
 exports.getFacetsInChildren = __webpack_exports__.getFacetsInChildren;
 exports.getFirstNewFacetValueIndex = __webpack_exports__.getFirstNewFacetValueIndex;
 exports.isAutomaticFacetGenerator = __webpack_exports__.isAutomaticFacetGenerator;
+exports.isFacetNestedInPopover = __webpack_exports__.isFacetNestedInPopover;
 exports.shouldDisplayInputForFacetRange = __webpack_exports__.shouldDisplayInputForFacetRange;
 exports.sortFacetVisibility = __webpack_exports__.sortFacetVisibility;
 exports.triageFacetsByParents = __webpack_exports__.triageFacetsByParents;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "collapseFacetsAfter",
     "getAutomaticFacetGenerator",
+    "getFacetElementToReorder",
     "getFacetsInChildren",
     "getFirstNewFacetValueIndex",
     "isAutomaticFacetGenerator",
+    "isFacetNestedInPopover",
     "shouldDisplayInputForFacetRange",
     "sortFacetVisibility",
     "triageFacetsByParents"

package/dist/cjs/components/common/facets/facet-search/facet-search-aria-live.cjs

@@ -31,15 +31,28 @@ __webpack_require__.d(__webpack_exports__, {
     announceFacetSearchResultsWithAriaLive: ()=>announceFacetSearchResultsWithAriaLive
 });
 const external_facet_search_utils_cjs_namespaceObject = require("./facet-search-utils.cjs");
-function announceFacetSearchResultsWithAriaLive(facet, label, setAriaLive, i18n) {
+function announceFacetSearchResultsWithAriaLive(host, facet, label, setAriaLive, i18n) {
     let prevState = facet.state.facetSearch;
-    facet.subscribe(()=>{
-        const nextState = facet.state.facetSearch;
-        if ((0, external_facet_search_utils_cjs_namespaceObject.shouldUpdateFacetSearchComponent)(nextState, prevState) && nextState.query) setAriaLive(i18n.t('facet-search-results-count', {
-            count: nextState.values.length,
-            label
-        }));
-        prevState = nextState;
+    let unsubscribe;
+    host.addController({
+        hostConnected () {
+            if (unsubscribe) return;
+            let subscribing = true;
+            unsubscribe = facet.subscribe(()=>{
+                const nextState = facet.state.facetSearch;
+                if (!subscribing && (0, external_facet_search_utils_cjs_namespaceObject.shouldUpdateFacetSearchComponent)(nextState, prevState) && nextState.query) setAriaLive(i18n.t('facet-search-results-count', {
+                    count: nextState.values.length,
+                    label
+                }));
+                prevState = nextState;
+            });
+            subscribing = false;
+        },
+        hostDisconnected () {
+            if (host.isConnected) return;
+            unsubscribe?.();
+            unsubscribe = void 0;
+        }
     });
 }
 exports.announceFacetSearchResultsWithAriaLive = __webpack_exports__.announceFacetSearchResultsWithAriaLive;

package/dist/cjs/components/common/query-error/icon.cjs

@@ -37,43 +37,24 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    loadQueryErrorIcon: ()=>loadQueryErrorIcon,
     renderQueryErrorIcon: ()=>renderQueryErrorIcon
 });
 const external_lit_namespaceObject = require("lit");
-const cannot_access_cjs_namespaceObject = require("../../../images/cannot-access.cjs");
-var cannot_access_cjs_default = /*#__PURE__*/ __webpack_require__.n(cannot_access_cjs_namespaceObject);
-const indexing_cjs_namespaceObject = require("../../../images/indexing.cjs");
-var indexing_cjs_default = /*#__PURE__*/ __webpack_require__.n(indexing_cjs_namespaceObject);
+const until_js_namespaceObject = require("lit/directives/until.js");
 const no_connection_cjs_namespaceObject = require("../../../images/no-connection.cjs");
 var no_connection_cjs_default = /*#__PURE__*/ __webpack_require__.n(no_connection_cjs_namespaceObject);
-const search_inactive_cjs_namespaceObject = require("../../../images/search-inactive.cjs");
-var search_inactive_cjs_default = /*#__PURE__*/ __webpack_require__.n(search_inactive_cjs_namespaceObject);
-const something_wrong_cjs_namespaceObject = require("../../../images/something-wrong.cjs");
-var something_wrong_cjs_default = /*#__PURE__*/ __webpack_require__.n(something_wrong_cjs_namespaceObject);
 require("../atomic-icon/atomic-icon.cjs");
-const renderQueryErrorIcon = ({ props })=>{
-    const getIconFromErrorType = ()=>{
-        switch(props.errorType){
-            case 'Disconnected':
-                return no_connection_cjs_default();
-            case 'NoEndpointsException':
-                return indexing_cjs_default();
-            case 'InvalidTokenException':
-                return cannot_access_cjs_default();
-            case 'OrganizationIsPausedException':
-                return search_inactive_cjs_default();
-            default:
-                return something_wrong_cjs_default();
-        }
-    };
-    return (0, external_lit_namespaceObject.html)`<atomic-icon
+const loadQueryErrorIcon = (errorType, loadIcons = ()=>import("./icons.cjs"))=>'Disconnected' === errorType ? no_connection_cjs_default() : loadIcons().then(({ getQueryErrorIcon })=>getQueryErrorIcon(errorType)).catch(()=>'');
+const renderQueryErrorIcon = ({ props })=>(0, external_lit_namespaceObject.html)`<atomic-icon
     part="icon"
-    icon=${getIconFromErrorType()}
+    icon=${(0, until_js_namespaceObject.until)(loadQueryErrorIcon(props.errorType), '')}
     class="w-1/2 max-w-lg"
   ></atomic-icon>`;
-};
+exports.loadQueryErrorIcon = __webpack_exports__.loadQueryErrorIcon;
 exports.renderQueryErrorIcon = __webpack_exports__.renderQueryErrorIcon;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "loadQueryErrorIcon",
     "renderQueryErrorIcon"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {