@coveo/atomic-react 3.11.22 → 3.11.23

package/dist/cjs/commerce/atomic-react.cjs

@@ -3239,7 +3239,8 @@ let AtomicCommerceBreadbox$1 = class AtomicCommerceBreadbox extends lit.LitEleme
         else this.searchOrListing = commerce.buildSearch(this.bindings.engine);
         this.context = commerce.buildContext(this.bindings.engine);
         this.breadcrumbManager = this.searchOrListing.breadcrumbManager();
-        if (window.ResizeObserver && this.parentElement) {
+        if (this.disableCollapse) this.isCollapsed = false;
+        else if (window.ResizeObserver && this.parentElement) {
             this.resizeObserver = new ResizeObserver(()=>this.adaptBreadcrumbs());
             this.resizeObserver.observe(this.parentElement);
         }
@@ -3272,7 +3273,7 @@ let AtomicCommerceBreadbox$1 = class AtomicCommerceBreadbox extends lit.LitEleme
         this.breadcrumbs.forEach((breadcrumb)=>this.show(breadcrumb));
     }
     adaptBreadcrumbs() {
-        if (!this.breadcrumbs.length) return;
+        if (this.disableCollapse || !this.breadcrumbs.length) return;
         this.showAllBreadcrumbs();
         if (!this.isCollapsed) return void this.updateShowLessDisplay();
         this.hideOverflowingBreadcrumbs();
@@ -3352,7 +3353,7 @@ let AtomicCommerceBreadbox$1 = class AtomicCommerceBreadbox extends lit.LitEleme
                 i18n: this.bindings.i18n
             }
         })(lit.html`${this.renderBreadcrumbs(breadcrumbs)}
-      ${renderBreadcrumbShowMore({
+      ${this.disableCollapse ? lit.nothing : lit.html`${renderBreadcrumbShowMore({
             props: {
                 refCallback: async (el)=>{
                     await this.breadcrumbShowLessFocus.setTarget(el);
@@ -3371,7 +3372,7 @@ let AtomicCommerceBreadbox$1 = class AtomicCommerceBreadbox extends lit.LitEleme
                 })
             }
         })}
-      ${renderBreadcrumbShowLess({
+          ${renderBreadcrumbShowLess({
             props: {
                 onShowLess: ()=>{
                     this.breadcrumbShowLessFocus.focusOnNextTarget();
@@ -3380,7 +3381,7 @@ let AtomicCommerceBreadbox$1 = class AtomicCommerceBreadbox extends lit.LitEleme
                 isCollapsed: this.isCollapsed,
                 i18n: this.bindings.i18n
             }
-        })}
+        })}`}
       ${renderBreadcrumbClearAll({
             props: {
                 refCallback: async (ref)=>{
@@ -3397,7 +3398,7 @@ let AtomicCommerceBreadbox$1 = class AtomicCommerceBreadbox extends lit.LitEleme
         })} `)}`;
     }
     constructor(){
-        super(), this.lastRemovedBreadcrumbIndex = 0, this.numberOfBreadcrumbs = 0, this.numberOfCollapsedBreadcrumbs = 0, this.isCollapsed = true, this.showMoreText = '', this.breadboxAriaMessage = new AriaLiveRegionController(this, 'breadbox', true), this.pathLimit = 3, this.valueForFacetType = (type, field, value)=>{
+        super(), this.lastRemovedBreadcrumbIndex = 0, this.numberOfBreadcrumbs = 0, this.numberOfCollapsedBreadcrumbs = 0, this.isCollapsed = true, this.showMoreText = '', this.disableCollapse = false, this.breadboxAriaMessage = new AriaLiveRegionController(this, 'breadbox', true), this.pathLimit = 3, this.valueForFacetType = (type, field, value)=>{
             switch(type){
                 case 'numericalRange':
                     return [
@@ -3463,6 +3464,12 @@ _ts_decorate$12([
 _ts_decorate$12([
     decorators_js.state()
 ], AtomicCommerceBreadbox$1.prototype, "showMoreText", void 0);
+_ts_decorate$12([
+    decorators_js.property({
+        type: Boolean,
+        attribute: 'disable-collapse'
+    })
+], AtomicCommerceBreadbox$1.prototype, "disableCollapse", void 0);
 _ts_decorate$12([
     decorators_js.property({
         type: Number,
@@ -8669,7 +8676,7 @@ function getWindow() {
 }
 function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.58.1",
+        version: "3.59.0",
         headlessVersion
     };
 }