@coveo/atomic 3.63.0 → 3.64.0

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/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', {

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

@@ -0,0 +1,68 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    getQueryErrorIcon: ()=>getQueryErrorIcon
+});
+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 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);
+function getQueryErrorIcon(errorType) {
+    switch(errorType){
+        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();
+    }
+}
+exports.getQueryErrorIcon = __webpack_exports__.getQueryErrorIcon;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "getQueryErrorIcon"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/common/template-controller/template-utils.cjs

@@ -29,6 +29,7 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     makeDefinedConditions: ()=>makeDefinedConditions,
+    makeFieldConditions: ()=>makeFieldConditions,
     makeMatchConditions: ()=>makeMatchConditions
 });
 const set_cjs_namespaceObject = require("../../../utils/set.cjs");
@@ -63,10 +64,18 @@ function makeDefinedConditions(ifDefined, ifNotDefined, helpers) {
     }
     return conditions;
 }
+function makeFieldConditions({ ifDefined, ifNotDefined, mustMatch, mustNotMatch }, helpers) {
+    return [
+        ...makeDefinedConditions(ifDefined, ifNotDefined, helpers),
+        ...makeMatchConditions(mustMatch, mustNotMatch, helpers)
+    ];
+}
 exports.makeDefinedConditions = __webpack_exports__.makeDefinedConditions;
+exports.makeFieldConditions = __webpack_exports__.makeFieldConditions;
 exports.makeMatchConditions = __webpack_exports__.makeMatchConditions;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "makeDefinedConditions",
+    "makeFieldConditions",
     "makeMatchConditions"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

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

@@ -213,7 +213,7 @@ class AtomicInsightFacet extends external_lit_namespaceObject.LitElement {
     }
     initAriaLive() {
         this.facetSearchAriaLiveController = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'facet-search');
-        (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this.facet, this.label, (msg)=>{
+        (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this, this.facet, this.label, (msg)=>{
             this.facetSearchAriaLiveController.message = msg;
         }, this.bindings.i18n);
     }

package/dist/cjs/components/insight/atomic-insight-result-children-template/atomic-insight-result-children-template.cjs

@@ -51,11 +51,7 @@ function _ts_metadata(metadataKey, metadataValue) {
 class AtomicInsightResultChildrenTemplate extends external_lit_namespaceObject.LitElement {
     connectedCallback() {
         super.connectedCallback();
-        this.conditions = [
-            ...this.conditions,
-            ...(0, template_utils_cjs_namespaceObject.makeDefinedConditions)(this.ifDefined, this.ifNotDefined, insight_namespaceObject.ResultTemplatesHelpers)
-        ];
-        this.resultTemplateController.matchConditions = (0, template_utils_cjs_namespaceObject.makeMatchConditions)(this.mustMatch, this.mustNotMatch, insight_namespaceObject.ResultTemplatesHelpers);
+        this.resultTemplateController.matchConditions = (0, template_utils_cjs_namespaceObject.makeFieldConditions)(this, insight_namespaceObject.ResultTemplatesHelpers);
     }
     render() {
         return external_lit_namespaceObject.nothing;

package/dist/cjs/components/insight/atomic-insight-result-template/atomic-insight-result-template.cjs

@@ -52,7 +52,7 @@ function _ts_metadata(metadataKey, metadataValue) {
 class AtomicInsightResultTemplate extends external_lit_namespaceObject.LitElement {
     connectedCallback() {
         super.connectedCallback();
-        this.resultTemplateController.matchConditions = (0, template_utils_cjs_namespaceObject.makeMatchConditions)(this.mustMatch, this.mustNotMatch, insight_namespaceObject.ResultTemplatesHelpers);
+        this.resultTemplateController.matchConditions = (0, template_utils_cjs_namespaceObject.makeFieldConditions)(this, insight_namespaceObject.ResultTemplatesHelpers);
     }
     render() {
         return external_lit_namespaceObject.nothing;
@@ -83,6 +83,20 @@ _ts_decorate([
     }),
     _ts_metadata("design:type", Array)
 ], AtomicInsightResultTemplate.prototype, "conditions", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        type: String,
+        attribute: 'if-defined'
+    }),
+    _ts_metadata("design:type", String)
+], AtomicInsightResultTemplate.prototype, "ifDefined", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        type: String,
+        attribute: 'if-not-defined'
+    }),
+    _ts_metadata("design:type", String)
+], AtomicInsightResultTemplate.prototype, "ifNotDefined", void 0);
 _ts_decorate([
     (0, props_utils_cjs_namespaceObject.mapProperty)({
         splitValues: true,

package/dist/cjs/components/insight/atomic-insight-smart-snippet/atomic-insight-smart-snippet.cjs

@@ -94,10 +94,10 @@ class AtomicInsightSmartSnippet extends external_lit_namespaceObject.LitElement
         if (!source) return external_lit_namespaceObject.nothing;
         return (0, external_lit_namespaceObject.html)`<atomic-smart-snippet-source
       .anchorAttributes=${(0, attributes_slot_cjs_namespaceObject.getAttributesFromLinkSlotContent)(this, 'source-anchor-attributes')}
-      .onBeginDelayedSelectSource=${this.smartSnippet.beginDelayedSelectSource}
-      .onCancelPendingSelectSource=${this.smartSnippet.cancelPendingSelectSource}
-      .onSelectSource=${this.smartSnippet.selectSource}
       .source=${source}
+      @select-source=${()=>this.smartSnippet.selectSource()}
+      @begin-delayed-select-source=${()=>this.smartSnippet.beginDelayedSelectSource()}
+      @cancel-pending-select-source=${()=>this.smartSnippet.cancelPendingSelectSource()}
     ></atomic-smart-snippet-source>`;
     }
     renderFeedbackBanner() {

package/dist/cjs/components/recommendations/atomic-recs-result-template/atomic-recs-result-template.cjs

@@ -53,7 +53,7 @@ function _ts_metadata(metadataKey, metadataValue) {
 class AtomicRecsResultTemplate extends external_lit_namespaceObject.LitElement {
     connectedCallback() {
         super.connectedCallback();
-        this.recsResultTemplateController.matchConditions = (0, template_utils_cjs_namespaceObject.makeMatchConditions)(this.mustMatch, this.mustNotMatch, recommendation_namespaceObject.ResultTemplatesHelpers);
+        this.recsResultTemplateController.matchConditions = (0, template_utils_cjs_namespaceObject.makeFieldConditions)(this, recommendation_namespaceObject.ResultTemplatesHelpers);
     }
     render() {
         return external_lit_namespaceObject.nothing;
@@ -83,6 +83,20 @@ _ts_decorate([
     }),
     _ts_metadata("design:type", Array)
 ], AtomicRecsResultTemplate.prototype, "conditions", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        type: String,
+        attribute: 'if-defined'
+    }),
+    _ts_metadata("design:type", String)
+], AtomicRecsResultTemplate.prototype, "ifDefined", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        type: String,
+        attribute: 'if-not-defined'
+    }),
+    _ts_metadata("design:type", String)
+], AtomicRecsResultTemplate.prototype, "ifNotDefined", void 0);
 _ts_decorate([
     (0, props_utils_cjs_namespaceObject.mapProperty)({
         splitValues: true,

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

@@ -126,7 +126,7 @@ class AtomicCategoryFacet extends external_lit_namespaceObject.LitElement {
             options
         });
         this.facetId = this.facet.state.facetId;
-        (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this.facet, this.label, (msg)=>{
+        (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this, this.facet, this.label, (msg)=>{
             this.facetSearchAriaMessage.message = msg;
         }, this.bindings.i18n);
         this.bindings.store.registerFacet('categoryFacets', this.facetInfo);

package/dist/cjs/components/search/atomic-color-facet/atomic-color-facet.cjs

@@ -327,7 +327,7 @@ class AtomicColorFacet extends external_lit_namespaceObject.LitElement {
     }
     initAriaLive() {
         this.facetSearchAriaLive = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'facet-search');
-        (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this.facet, this.label, (msg)=>{
+        (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this, this.facet, this.label, (msg)=>{
             this.facetSearchAriaLive.message = msg;
         }, this.bindings.i18n);
     }

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

@@ -310,7 +310,7 @@ class AtomicFacet extends external_lit_namespaceObject.LitElement {
     }
     initAriaLive() {
         this.facetSearchAriaLive = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'facet-search');
-        (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this.facet, this.label, (msg)=>{
+        (0, facet_search_aria_live_cjs_namespaceObject.announceFacetSearchResultsWithAriaLive)(this, this.facet, this.label, (msg)=>{
             this.facetSearchAriaLive.message = msg;
         }, this.bindings.i18n);
     }

package/dist/cjs/components/search/atomic-field-condition/atomic-field-condition.cjs

@@ -51,10 +51,7 @@ function _ts_metadata(metadataKey, metadataValue) {
 class AtomicFieldCondition 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, headless_namespaceObject.ResultTemplatesHelpers),
-            ...(0, template_utils_cjs_namespaceObject.makeMatchConditions)(this.mustMatch, this.mustNotMatch, headless_namespaceObject.ResultTemplatesHelpers)
-        ];
+        return (0, template_utils_cjs_namespaceObject.makeFieldConditions)(this, headless_namespaceObject.ResultTemplatesHelpers);
     }
     getResult() {
         const item = this.resultController.item;

package/dist/cjs/components/search/atomic-result-children-template/atomic-result-children-template.cjs

@@ -52,7 +52,7 @@ function _ts_metadata(metadataKey, metadataValue) {
 class AtomicResultChildrenTemplate extends external_lit_namespaceObject.LitElement {
     connectedCallback() {
         super.connectedCallback();
-        this.resultTemplateController.matchConditions = (0, template_utils_cjs_namespaceObject.makeMatchConditions)(this.mustMatch, this.mustNotMatch, headless_namespaceObject.ResultTemplatesHelpers);
+        this.resultTemplateController.matchConditions = (0, template_utils_cjs_namespaceObject.makeFieldConditions)(this, headless_namespaceObject.ResultTemplatesHelpers);
     }
     render() {
         return external_lit_namespaceObject.nothing;
@@ -79,6 +79,20 @@ _ts_decorate([
     }),
     _ts_metadata("design:type", Array)
 ], AtomicResultChildrenTemplate.prototype, "conditions", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        type: String,
+        attribute: 'if-defined'
+    }),
+    _ts_metadata("design:type", String)
+], AtomicResultChildrenTemplate.prototype, "ifDefined", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        type: String,
+        attribute: 'if-not-defined'
+    }),
+    _ts_metadata("design:type", String)
+], AtomicResultChildrenTemplate.prototype, "ifNotDefined", void 0);
 _ts_decorate([
     (0, props_utils_cjs_namespaceObject.mapProperty)({
         splitValues: true,

package/dist/cjs/components/search/atomic-result-template/atomic-result-template.cjs

@@ -53,7 +53,7 @@ function _ts_metadata(metadataKey, metadataValue) {
 class AtomicResultTemplate extends external_lit_namespaceObject.LitElement {
     connectedCallback() {
         super.connectedCallback();
-        this.resultTemplateController.matchConditions = (0, template_utils_cjs_namespaceObject.makeMatchConditions)(this.mustMatch, this.mustNotMatch, headless_namespaceObject.ResultTemplatesHelpers);
+        this.resultTemplateController.matchConditions = (0, template_utils_cjs_namespaceObject.makeFieldConditions)(this, headless_namespaceObject.ResultTemplatesHelpers);
     }
     render() {
         return external_lit_namespaceObject.nothing;
@@ -84,6 +84,20 @@ _ts_decorate([
     }),
     _ts_metadata("design:type", Array)
 ], AtomicResultTemplate.prototype, "conditions", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        type: String,
+        attribute: 'if-defined'
+    }),
+    _ts_metadata("design:type", String)
+], AtomicResultTemplate.prototype, "ifDefined", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        type: String,
+        attribute: 'if-not-defined'
+    }),
+    _ts_metadata("design:type", String)
+], AtomicResultTemplate.prototype, "ifNotDefined", void 0);
 _ts_decorate([
     (0, props_utils_cjs_namespaceObject.mapProperty)({
         splitValues: true,

package/dist/cjs/decorators/bind-state.cjs

@@ -27,27 +27,57 @@ var __webpack_require__ = {};
 })();
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
+const subscriptionsByComponent = new WeakMap();
+function getSubscriptions(component) {
+    let subscriptions = subscriptionsByComponent.get(component);
+    if (!subscriptions) {
+        const newSubscriptions = new Set();
+        subscriptionsByComponent.set(component, newSubscriptions);
+        component.addController({
+            hostConnected () {
+                newSubscriptions.forEach((subscription)=>{
+                    subscription.unsubscribe ??= subscription.subscribe();
+                });
+            },
+            hostDisconnected () {
+                if (component.isConnected) return;
+                newSubscriptions.forEach((subscription)=>{
+                    subscription.unsubscribe?.();
+                    subscription.unsubscribe = void 0;
+                });
+            }
+        });
+        subscriptions = newSubscriptions;
+    }
+    return subscriptions;
+}
+function releaseSubscriptions(component) {
+    const subscriptions = subscriptionsByComponent.get(component);
+    subscriptions?.forEach((subscription)=>subscription.unsubscribe?.());
+    subscriptions?.clear();
+}
 function bindStateToController(controllerProperty, options) {
     return (proto, stateProperty)=>{
         const ctor = proto.constructor;
         ctor.addInitializer((instance)=>{
             const component = instance;
-            const { disconnectedCallback, initialize } = component;
+            const { initialize } = component;
             component.initialize = function() {
+                releaseSubscriptions(component);
                 initialize?.call(this);
                 if (!initialize) return console.error(`ControllerState: The "initialize" method has to be defined and instantiate a controller for the property ${controllerProperty.toString()}`, component);
                 if (!component[controllerProperty]) return console.error(`${controllerProperty.toString()} property is not defined on component`, component);
                 if (options?.onUpdateCallbackMethod && !component[options.onUpdateCallbackMethod]) return console.error(`ControllerState: The onUpdateCallbackMethod property "${options.onUpdateCallbackMethod}" is not defined`, component);
                 const controller = component[controllerProperty];
                 const updateCallback = options?.onUpdateCallbackMethod ? component[options.onUpdateCallbackMethod] : void 0;
-                const unsubscribeController = controller.subscribe(()=>{
-                    component[stateProperty] = controller.state;
-                    'function' == typeof updateCallback && updateCallback();
-                });
-                component.disconnectedCallback = ()=>{
-                    component.isConnected || unsubscribeController?.();
-                    disconnectedCallback?.call(component);
+                const subscription = {
+                    subscribe: ()=>controller.subscribe(()=>{
+                            component[stateProperty] = controller.state;
+                            'function' == typeof updateCallback && updateCallback();
+                        })
                 };
+                if (component.isConnected) subscription.unsubscribe = subscription.subscribe();
+                getSubscriptions(component).add(subscription);
             };
         });
     };

package/dist/cjs/decorators/with-tailwind-styles.cjs

@@ -42,6 +42,7 @@ __webpack_require__.d(__webpack_exports__, {
 const external_lit_namespaceObject = require("lit");
 const tailwind_global_tw_css_namespaceObject = require("../utils/tailwind.global.tw.css");
 var tailwind_global_tw_css_default = /*#__PURE__*/ __webpack_require__.n(tailwind_global_tw_css_namespaceObject);
+const tailwindStyles = (0, external_lit_namespaceObject.unsafeCSS)(tailwind_global_tw_css_default());
 const tailwindPropertiesSheet = "u" > typeof window ? (()=>{
     const propCss = tailwind_global_tw_css_default();
     const fullCss = Array.isArray(propCss) ? propCss.join('') : propCss;
@@ -68,7 +69,7 @@ const withTailwindStyles = (Base)=>class extends Base {
         }
         static get styles() {
             const baseStyles = [
-                (0, external_lit_namespaceObject.unsafeCSS)(tailwind_global_tw_css_default())
+                tailwindStyles
             ];
             const customStyles = Base.styles;
             if (Array.isArray(customStyles)) return [

package/dist/cjs/global/environment.cjs

@@ -32,7 +32,7 @@ function getWindow() {
 }
 function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.63.0",
+        version: "3.64.0",
         headlessVersion
     };
 }

package/dist/cjs/utils/init-queue.cjs

@@ -31,11 +31,13 @@ function getWindow() {
     return window;
 }
 function getInitQueueNamespace() {
-    if (!getWindow().initQueueNamespace) getWindow().initQueueNamespace = {
-        eventQueueMap: new Map(),
-        parentReadyMap: new Map()
+    const namespace = getWindow().initQueueNamespace ??= {
+        eventQueueMap: new WeakMap(),
+        parentReadyMap: new WeakMap()
     };
-    return getWindow().initQueueNamespace;
+    if (namespace.eventQueueMap instanceof Map) namespace.eventQueueMap = new WeakMap(namespace.eventQueueMap);
+    if (namespace.parentReadyMap instanceof Map) namespace.parentReadyMap = new WeakMap(namespace.parentReadyMap);
+    return namespace;
 }
 function getEventQueueMap() {
     return getInitQueueNamespace().eventQueueMap;

package/dist/cjs/utils/replace-breakpoint-utils.cjs

@@ -38,11 +38,16 @@ function replaceMediaQuery(style, mobileBreakpoint) {
     return style.replace(regex, `(width >= ${mobileBreakpoint})`);
 }
 function replaceStyleSheet(element, mobileBreakpoint) {
-    const stylesheets = element.shadowRoot?.adoptedStyleSheets;
-    if (!stylesheets || !stylesheets.length) return;
-    const stylesheet = stylesheets[0];
+    const shadowRoot = element.shadowRoot;
+    const [stylesheet, ...otherStylesheets] = shadowRoot?.adoptedStyleSheets ?? [];
+    if (!shadowRoot || !stylesheet) return;
     const style = Object.values(stylesheet.cssRules).map((rule)=>rule.cssText).join('');
-    stylesheet.replaceSync(replaceMediaQuery(style, mobileBreakpoint));
+    const replacedStylesheet = new CSSStyleSheet();
+    replacedStylesheet.replaceSync(replaceMediaQuery(style, mobileBreakpoint));
+    shadowRoot.adoptedStyleSheets = [
+        replacedStylesheet,
+        ...otherStylesheets
+    ];
 }
 function replateStyleContent(element, breakpoint) {
     const styleTag = element.shadowRoot?.querySelector('style');

package/dist/cjs/versions.cjs

@@ -32,7 +32,7 @@ __webpack_require__.d(__webpack_exports__, {
     headlessVersion: ()=>package_json_namespaceObject.version
 });
 const package_json_namespaceObject = require("@coveo/headless/package.json");
-const atomicVersion = "3.63.0";
+const atomicVersion = "3.64.0";
 exports.atomicVersion = __webpack_exports__.atomicVersion;
 exports.headlessVersion = __webpack_exports__.headlessVersion;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/esm/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.js

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

package/dist/esm/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.js

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

package/dist/esm/components/commerce/atomic-commerce-facet/atomic-commerce-facet.js

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