@coveo/atomic-react 3.11.34 → 3.11.35

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

@@ -501,8 +501,7 @@ const renderButton = ({ props })=>(children)=>{
       ?disabled=${props.disabled}
       ${props.ref ? ref_js.ref(props.ref) : lit.nothing}
     >
-      ${when_js.when(props.text, ()=>lit.html`<span class="truncate">${props.text}</span>`)}
-      ${children}
+      ${when_js.when(props.text, ()=>lit.html`<span class="truncate">${props.text}</span>`)} ${children}
     </button>`;
     };
 
@@ -3565,11 +3564,7 @@ const renderBreadcrumbContent = ({ props })=>{
     <span part="breadcrumb-value" class=${multiClassMap(valueClass)}>
       ${props.breadcrumb.content ?? value}
     </span>
-    <atomic-icon
-      part="breadcrumb-clear"
-      class="mt-px ml-2 h-2.5 w-2.5"
-      icon=${images_close}
-    >
+    <atomic-icon part="breadcrumb-clear" class="mt-px ml-2 h-2.5 w-2.5" icon=${images_close}>
     </atomic-icon>`;
 };
 
@@ -4080,13 +4075,8 @@ function parseDate(date) {
 }
 
 const renderFacetContainer = ()=>(children)=>lit.html`
-      <div
-        class="bg-background border-neutral rounded-lg border p-4"
-        part="facet"
-      >
-        ${children}
-      </div>
-    `;
+    <div class="bg-background border-neutral rounded-lg border p-4" part="facet">${children}</div>
+  `;
 
 var arrow_bottom_rounded = "<svg viewBox=\"0 0 12.6 7.2\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m11.421 7.04c-.3 0-.5-.1-.7-.3l-4.6-4.6-4.6 4.6c-.4.4-1 .4-1.4 0s-.4-1 0-1.4l5.2-5.2c.4-.4 1.2-.4 1.6 0l5.2 5.2c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3\" transform=\"matrix(-1 0 0 -1 12.366 7.086)\"/></svg>";
 
@@ -4325,10 +4315,7 @@ const renderFacetSearchInput = ({ props })=>{
                     inputRef.value?.focus();
                 }
             }
-        })(lit.html`<atomic-icon
-              part="search-clear-button"
-              .icon=${images_close}
-            ></atomic-icon>`))}
+        })(lit.html`<atomic-icon part="search-clear-button" .icon=${images_close}></atomic-icon>`))}
       </div>
     </div>
   `;
@@ -4490,11 +4477,7 @@ const renderCategoryFacetAllCategoryButton = ({ props: { i18n, onClick, facetId,
             part: 'all-categories-button',
             onClick: onClick
         }
-    })(lit.html`<atomic-icon
-          aria-hidden="true"
-          icon=${arrow_left_rounded}
-          part="back-arrow"
-        ></atomic-icon>
+    })(lit.html`<atomic-icon aria-hidden="true" icon=${arrow_left_rounded} part="back-arrow"></atomic-icon>
         <span class="truncate">${allCategories}</span>`)}
   `;
 };
@@ -4528,11 +4511,7 @@ const renderCategoryFacetParentButton = ({ props })=>{
             ariaLabel: ariaLabel
         }
     })(lit.html`
-    <atomic-icon
-      icon=${arrow_left_rounded}
-      part="back-arrow"
-      class="back-arrow"
-    ></atomic-icon>
+    <atomic-icon icon=${arrow_left_rounded} part="back-arrow" class="back-arrow"></atomic-icon>
     <span class="truncate">${displayValue}</span>
   `);
 };
@@ -4633,9 +4612,7 @@ class HierarchicalPathDirective extends directive_js.Directive {
         const ellipsedPath = this.getEllipsedPath(path, maxLength, ellipsis);
         return ellipsedPath.map((value, index)=>lit.html`
         ${index > 0 ? lit.html`<span class=${separatorClass}>${separator}</span>` : ''}
-        <span class=${value === ellipsis ? ellipsisClass : itemClass}>
-          ${value}
-        </span>
+        <span class=${value === ellipsis ? ellipsisClass : itemClass}> ${value} </span>
       `);
     }
     getEllipsedPath(path, maxLength, ellipsis) {
@@ -4708,9 +4685,7 @@ const renderCategoryFacetSearchValue = ({ props })=>{
         path: localizedPath,
         separator: SEPARATOR,
         maxLength: PATH_MAX_LENGTH,
-        emptyPathContent: lit.html`<span class="truncate">
-            ${inLabel} ${allCategories}
-          </span>`,
+        emptyPathContent: lit.html`<span class="truncate"> ${inLabel} ${allCategories} </span>`,
         separatorClass: 'mx-0.5',
         itemClass: 'max-w-max flex-1 truncate',
         ellipsisClass: ''
@@ -5131,11 +5106,7 @@ class AtomicFacetPlaceholder extends lit.LitElement {
         class="bg-background border-neutral mb-4 animate-pulse rounded-lg border p-7"
         aria-hidden="true"
       >
-        <div
-          part="title-skeleton"
-          class="bg-neutral h-8 rounded"
-          style="width: 75%;"
-        ></div>
+        <div part="title-skeleton" class="bg-neutral h-8 rounded" style="width: 75%;"></div>
         <div part="values-container" class="mt-7">
           ${map_js.map(Array.from({
             length: this.valueCount
@@ -5453,11 +5424,7 @@ class AtomicFacetDateInput extends LightDomMixin(lit.LitElement) {
             return false;
         }}
       >
-        <label
-          part="input-label"
-          class=${labelClasses}
-          for=${`${this.facetId}_start`}
-        >
+        <label part="input-label" class=${labelClasses} for=${`${this.facetId}_start`}>
           ${startLabel}:
         </label>
         <input
@@ -5477,11 +5444,7 @@ class AtomicFacetDateInput extends LightDomMixin(lit.LitElement) {
             this.start = parseDate(e.target.value).toDate();
         }}
         />
-        <label
-          part="input-label"
-          class=${labelClasses}
-          for=${`${this.facetId}_end`}
-        >
+        <label part="input-label" class=${labelClasses} for=${`${this.facetId}_end`}>
           ${endLabel}:
         </label>
         <input
@@ -7918,7 +7881,7 @@ function getWindow$1() {
 }
 function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.60.2",
+        version: "3.60.3",
         headlessVersion
     };
 }
@@ -9045,9 +9008,7 @@ const renderLoadMoreButton = ({ props })=>{
     })(lit.html`${i18n.t(label)}`);
 };
 
-const renderLoadMoreContainer = ()=>(children)=>lit.html`
-      <div class="flex flex-col items-center" part="container">${children}</div>
-    `;
+const renderLoadMoreContainer = ()=>(children)=>lit.html` <div class="flex flex-col items-center" part="container">${children}</div> `;
 
 const renderLoadMoreProgressBar = ({ props })=>{
     const { from, to } = props;
@@ -9077,18 +9038,14 @@ const renderLoadMoreSummary = ({ props })=>{
         total: wrapHighlight(to.toLocaleString(locale))
     });
     return lit.html`
-    <div class="text-neutral-dark my-2 text-lg" part="showing-results">
-      ${unsafeHtml_js.unsafeHTML(content)}
-    </div>
+    <div class="text-neutral-dark my-2 text-lg" part="showing-results">${unsafeHtml_js.unsafeHTML(content)}</div>
   `;
 };
 
 const renderNoItemsContainer = ()=>(children)=>lit.html`
-      <div class="text-on-background flex h-full w-full flex-col items-center">
-        ${children}
-      </div>
-      <slot></slot>
-    `;
+    <div class="text-on-background flex h-full w-full flex-col items-center">${children}</div>
+    <slot></slot>
+  `;
 
 class NoItemsGuardDirective extends directive_js.Directive {
     render({ firstSearchExecuted, isLoading, hasResults }, content) {
@@ -9128,12 +9085,7 @@ const renderNoItems = ({ props })=>{
         }
     }) : props.i18n.t(props.i18nKey);
     return lit.html`
-    <div
-      class="my-2 max-w-full text-center text-2xl font-medium"
-      part="no-results"
-    >
-      ${content}
-    </div>
+    <div class="my-2 max-w-full text-center text-2xl font-medium" part="no-results">${content}</div>
   `;
 };
 
@@ -10102,10 +10054,7 @@ class AtomicResultPlaceholder extends lit.LitElement {
     renderExcerptLine(width) {
         return lit.html`
       <div style="height: var(--line-height); width: ${width};">
-        <div
-          class=${placeholderClasses}
-          style="height: var(--font-size);"
-        ></div>
+        <div class=${placeholderClasses} style="height: var(--font-size);"></div>
       </div>
     `;
     }
@@ -10139,11 +10088,7 @@ class AtomicResultPlaceholder extends lit.LitElement {
           <div class="fields-placeholder">
             ${Array.from({
             length: 4
-        }, ()=>lit.html`
-                <div
-                  class="field-value-placeholder ${placeholderClasses}"
-                ></div>
-              `)}
+        }, ()=>lit.html` <div class="field-value-placeholder ${placeholderClasses}"></div> `)}
           </div>
         </atomic-result-section-bottom-metadata>
       </div>
@@ -10194,22 +10139,13 @@ class AtomicResultTablePlaceholder extends lit.LitElement {
         <thead aria-hidden="true">
           <tr>
             <th>
-              <div
-                class="mt-2 h-8 block bg-neutral rounded"
-                style="width: 14.5rem;"
-              ></div>
+              <div class="mt-2 h-8 block bg-neutral rounded" style="width: 14.5rem;"></div>
             </th>
             <th>
-              <div
-                class="mt-2 h-8 block bg-neutral rounded"
-                style="width: 9.75rem;"
-              ></div>
+              <div class="mt-2 h-8 block bg-neutral rounded" style="width: 9.75rem;"></div>
             </th>
             <th>
-              <div
-                class="mt-2 h-8 block bg-neutral rounded"
-                style="width: 6.5rem;"
-              ></div>
+              <div class="mt-2 h-8 block bg-neutral rounded" style="width: 6.5rem;"></div>
             </th>
           </tr>
         </thead>
@@ -10219,30 +10155,15 @@ class AtomicResultTablePlaceholder extends lit.LitElement {
         }), ()=>lit.html`
               <tr>
                 <td>
-                  <div
-                    class="mb-6 h-8 block bg-neutral rounded"
-                    style="width: 22.875rem;"
-                  ></div>
-                  <div
-                    class="mb-2 h-5 block bg-neutral rounded"
-                    style="width: 23.75rem;"
-                  ></div>
-                  <div
-                    class="h-5 block bg-neutral rounded"
-                    style="width: 11.5rem;"
-                  ></div>
+                  <div class="mb-6 h-8 block bg-neutral rounded" style="width: 22.875rem;"></div>
+                  <div class="mb-2 h-5 block bg-neutral rounded" style="width: 23.75rem;"></div>
+                  <div class="h-5 block bg-neutral rounded" style="width: 11.5rem;"></div>
                 </td>
                 <td>
-                  <div
-                    class="mt-1.5 h-5 block bg-neutral rounded"
-                    style="width: 11rem;"
-                  ></div>
+                  <div class="mt-1.5 h-5 block bg-neutral rounded" style="width: 11rem;"></div>
                 </td>
                 <td>
-                  <div
-                    class="mt-1.5 h-5 block bg-neutral rounded"
-                    style="width: 4.875rem;"
-                  ></div>
+                  <div class="mt-1.5 h-5 block bg-neutral rounded" style="width: 4.875rem;"></div>
                 </td>
               </tr>
             `)}
@@ -10322,9 +10243,7 @@ const renderListWrapper = ({ props })=>{
 };
 const renderListRoot = ({ props })=>{
     const { listClasses } = props;
-    return (children)=>lit.html`<div class="list-root ${listClasses}" part="result-list">
-      ${children}
-    </div>`;
+    return (children)=>lit.html`<div class="list-root ${listClasses}" part="result-list">${children}</div>`;
 };
 
 const renderGridLayout = ({ props })=>{
@@ -10442,17 +10361,11 @@ const renderTableLayout = ({ props })=>{
     const { host, listClasses, logger, label } = props;
     const fieldColumns = getFieldTableColumns(props);
     if (!fieldColumns.length) logger.error('atomic-table-element elements missing in the template to display columns.', host);
-    return (children)=>lit.html`<table
-      class="list-root ${listClasses}"
-      part="result-table"
-      aria-label=${label}
-    >
+    return (children)=>lit.html`<table class="list-root ${listClasses}" part="result-table" aria-label=${label}>
       <thead part="result-table-heading">
         <tr part="result-table-heading-row">
           ${map_js.map(fieldColumns, (column)=>lit.html`<th part="result-table-heading-cell">
-              <atomic-text
-                .value=${column.getAttribute('label')}
-              ></atomic-text>
+              <atomic-text .value=${column.getAttribute('label')}></atomic-text>
             </th>`)}
         </tr>
       </thead>
@@ -10586,12 +10499,7 @@ const renderChoices = ({ props })=>{
         else if (choice > pageSize) focusOnNextNewResult();
     };
     return lit.html`
-    <div
-      part="buttons"
-      role="radiogroup"
-      aria-label=${label}
-      class="flex flex-wrap gap-2"
-    >
+    <div part="buttons" role="radiogroup" aria-label=${label} class="flex flex-wrap gap-2">
       ${choices.map((choice)=>{
         const isSelected = pageSize === choice;
         const parts = [
@@ -10622,14 +10530,14 @@ const renderChoices = ({ props })=>{
 };
 
 const renderLabel = ()=>(children)=>lit.html`
-      <span
-        part="label"
-        class="text-on-background mr-3 self-start text-lg leading-10"
-        aria-hidden="true"
-      >
-        ${children}
-      </span>
-    `;
+    <span
+      part="label"
+      class="text-on-background mr-3 self-start text-lg leading-10"
+      aria-hidden="true"
+    >
+      ${children}
+    </span>
+  `;
 
 class ChoiceIsNaNError extends Error {
     constructor(choice){
@@ -10768,11 +10676,7 @@ const renderQueryErrorLink = ({ props })=>{
         }
     };
     const link = getErrorLink();
-    return link ? lit.html`<a
-        href=${link}
-        part="doc-link"
-        class="btn-primary mt-10 inline-block p-3"
-      >
+    return link ? lit.html`<a href=${link} part="doc-link" class="btn-primary mt-10 inline-block p-3">
         ${props.i18n.t('coveo-online-help')}
       </a>` : lit.nothing;
 };
@@ -10806,9 +10710,7 @@ const renderQuerySummaryContainer = ({ props })=>(children)=>{
             'text-on-background': true,
             [props.additionalClasses ?? '']: Boolean(props.additionalClasses)
         };
-        return lit.html`
-      <div class=${multiClassMap(classNames)} part="container">${children}</div>
-    `;
+        return lit.html` <div class=${multiClassMap(classNames)} part="container">${children}</div> `;
     };
 
 const renderQuerySummaryGuard = ({ props })=>(children)=>{
@@ -10943,9 +10845,7 @@ const renderCarousel = ({ props })=>(children)=>{
             ${renderPreviousButton(numberOfPages, previousPage, props.bindings)}
             ${renderNextButton(numberOfPages, nextPage, props.bindings)}
           </div>
-          <div class="carousel-items" aria-live="polite" aria-atomic="false">
-            ${children}
-          </div>
+          <div class="carousel-items" aria-live="polite" aria-atomic="false">${children}</div>
         </div>
         ${renderIndicators(numberOfPages, currentPage)}
       </div>
@@ -10965,10 +10865,7 @@ const renderRefineModalBody = (i18n)=>(children)=>lit.html`
 
 const renderRefineModalFiltersSection = ({ props })=>(children)=>lit.html`
       <div part="filter-section" class="mt-8 mb-3 flex w-full justify-between">
-        <h2
-          part="section-title section-filters-title"
-          class="truncate text-2xl font-bold"
-        >
+        <h2 part="section-title section-filters-title" class="truncate text-2xl font-bold">
           ${props.i18n.t('filters')}
         </h2>
         ${children}
@@ -11286,11 +11183,7 @@ const renderRefineModal = ({ props })=>(children)=>{
                     onClick: props.onClose,
                     ariaLabel: props.i18n.t('close')
                 }
-            })(lit.html`<atomic-icon
-              part="close-icon"
-              class="h-5 w-5"
-              icon=${images_close}
-            ></atomic-icon>`)}
+            })(lit.html`<atomic-icon part="close-icon" class="h-5 w-5" icon=${images_close}></atomic-icon>`)}
         </div>
       `;
         const renderFooter = ()=>lit.html`
@@ -11340,10 +11233,7 @@ const renderRefineModal = ({ props })=>(children)=>{
 var sort = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M7.5 6L7.5 17\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    <path d=\"M11 14L7.5 18L4 14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    <path d=\"M16.5 18L16.5 6\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    <path d=\"M13 10L16.5 6L20 10\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>";
 
 const renderRefineModalSortSection = ({ props })=>(children)=>lit.html`
-      <h2
-        part="section-title section-sort-title"
-        class="mb-3 truncate text-2xl font-bold"
-      >
+      <h2 part="section-title section-sort-title" class="mb-3 truncate text-2xl font-bold">
         ${props.i18n.t('sort')}
       </h2>
       <div part="select-wrapper" class="relative">
@@ -11359,18 +11249,12 @@ const renderRefineModalSortSection = ({ props })=>(children)=>lit.html`
           part="select-icon-wrapper"
           class="peer-hover:text-primary-light peer-focus-within:text-primary-light pointer-events-none absolute top-0 right-0 bottom-0 flex items-center justify-center pr-6"
         >
-          <atomic-icon
-            part="select-icon"
-            icon=${sort}
-            class="h-6 w-6"
-          ></atomic-icon>
+          <atomic-icon part="select-icon" icon=${sort} class="h-6 w-6"></atomic-icon>
         </div>
       </div>
     `;
 
-const renderSortOption = ({ props: { value, selected, i18n, label } })=>lit.html`
-    <option value=${value} ?selected=${selected}>${i18n.t(label)}</option>
-  `;
+const renderSortOption = ({ props: { value, selected, i18n, label } })=>lit.html` <option value=${value} ?selected=${selected}>${i18n.t(label)}</option> `;
 
 const renderRefineToggleButton = ({ props })=>lit.html`${renderButton({
         props: {
@@ -11412,11 +11296,7 @@ const renderSearchBoxWrapper = ({ props })=>(children)=>{
             'focus-within:border-disabled focus-within:ring-neutral': props.disabled,
             'focus-within:border-primary focus-within:ring-ring-primary': !props.disabled
         });
-        return lit.html`<div
-      part="wrapper"
-      class=${multiClassMap(classes)}
-      @focusout=${props.onFocusout}
-    >
+        return lit.html`<div part="wrapper" class=${multiClassMap(classes)} @focusout=${props.onFocusout}>
       ${children}
     </div>`;
     };
@@ -11439,11 +11319,7 @@ const renderTextAreaClearButton = ({ props: { textAreaRef, i18n, onClick } })=>l
             },
             ariaLabel: i18n.t('clear-searchbox')
         }
-    })(lit.html`<atomic-icon
-        part="clear-icon"
-        icon=${clear_slim}
-        class="h-4 w-4"
-      ></atomic-icon>`)}
+    })(lit.html`<atomic-icon part="clear-icon" icon=${clear_slim} class="h-4 w-4"></atomic-icon>`)}
   </div>`;
 
 function syncTextWithReplica(ref, value) {
@@ -11537,10 +11413,7 @@ var search_slim = "<svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"
 
 const renderSubmitButton = ({ props })=>{
     const { i18n, disabled, onClick } = props;
-    return lit.html`<div
-    part="submit-button-wrapper"
-    class="mr-2 flex items-center justify-center py-2"
-  >
+    return lit.html`<div part="submit-button-wrapper" class="mr-2 flex items-center justify-center py-2">
     ${renderButton({
         props: {
             style: 'text-primary',
@@ -11552,11 +11425,7 @@ const renderSubmitButton = ({ props })=>{
             },
             disabled
         }
-    })(lit.html`<atomic-icon
-        part="submit-icon"
-        icon=${search_slim}
-        class="h-4 w-4"
-      ></atomic-icon>`)}
+    })(lit.html`<atomic-icon part="submit-icon" icon=${search_slim} class="h-4 w-4"></atomic-icon>`)}
   </div>`;
 };
 
@@ -11853,10 +11722,7 @@ const getPartialSearchBoxSuggestionElement = (suggestion, i18n)=>({
 const renderQuerySuggestion = ({ icon, hasQuery, suggestion, hasMultipleKindOfSuggestions, alwaysShowIcon = false })=>{
     const shouldShowIcon = alwaysShowIcon || hasMultipleKindOfSuggestions;
     const template = lit.html`
-    <div
-      part="query-suggestion-content"
-      class="pointer-events-none flex items-center"
-    >
+    <div part="query-suggestion-content" class="pointer-events-none flex items-center">
       ${shouldShowIcon ? lit.html`<atomic-icon
             part="query-suggestion-icon"
             icon=${icon}
@@ -11904,11 +11770,7 @@ const renderRecentQuery = ({ icon, query, value })=>{
     part="recent-query-content"
     class="pointer-events-none flex items-center text-left break-all"
   >
-    <atomic-icon
-      part="recent-query-icon"
-      icon=${icon}
-      class="mr-2 h-4 w-4 shrink-0"
-    ></atomic-icon>
+    <atomic-icon part="recent-query-icon" icon=${icon} class="mr-2 h-4 w-4 shrink-0"></atomic-icon>
 
     ${when_js.when(hasQuery, ()=>lit.html`<span
           part="recent-query-text"
@@ -11924,9 +11786,7 @@ const renderRecentQuery = ({ icon, query, value })=>{
                 }
             ]
         })}
-        ></span>`, ()=>lit.html`<span part="recent-query-text" class="line-clamp-2 break-all">
-          ${value}
-        </span>`)}
+        ></span>`, ()=>lit.html`<span part="recent-query-text" class="line-clamp-2 break-all"> ${value} </span>`)}
   </div>`;
     const container = document.createElement('div');
     lit.render(template, container);
@@ -11937,9 +11797,7 @@ const renderRecentQueryClear = ({ i18n })=>{
     part="recent-query-title-content"
     class="pointer-events-none flex w-full justify-between"
   >
-    <span class="font-bold" part="recent-query-title">
-      ${i18n.t('recent-searches')}
-    </span>
+    <span class="font-bold" part="recent-query-title"> ${i18n.t('recent-searches')} </span>
     <span part="recent-query-clear">${i18n.t('clear')}</span>
   </div>`;
     const container = document.createElement('div');
@@ -13618,11 +13476,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const renderSortLabel = ({ props: { i18n, id } })=>lit.html`<label
-    class="m-2 cursor-pointer text-sm font-bold"
-    part="label"
-    for=${id}
-  >
+const renderSortLabel = ({ props: { i18n, id } })=>lit.html`<label class="m-2 cursor-pointer text-sm font-bold" part="label" for=${id}>
     ${i18n.t('with-colon', {
         text: i18n.t('sort-by')
     })}
@@ -13715,12 +13569,9 @@ const renderRating = ({ props })=>{
     })}
   >
     <div class="z-0 flex gap-0.5">${emptyIconDisplay()}</div>
-    <div
-      class="absolute top-0 left-0 z-1 flex gap-0.5 overflow-hidden"
-      style=${styleMap_js.styleMap({
+    <div class="absolute top-0 left-0 z-1 flex gap-0.5 overflow-hidden" style=${styleMap_js.styleMap({
         width
-    })}
-    >
+    })}>
       ${filledIconDisplay()}
     </div>
   </div>`;
@@ -13769,9 +13620,7 @@ class AtomicAgentStreamOfThought extends lit.LitElement {
         if (0 === resolvedSteps.length) return lit.nothing;
         const isComplete = !this.isStreaming;
         const isCollapsible = resolvedSteps.length > 1;
-        if (isComplete && !this.expanded && isCollapsible) return lit.html`
-        <div class="timeline">${this.renderCollapsedTimelineSummary()}</div>
-      `;
+        if (isComplete && !this.expanded && isCollapsible) return lit.html` <div class="timeline">${this.renderCollapsedTimelineSummary()}</div> `;
         return lit.html`
       <div class="timeline">
         ${map_js.map(resolvedSteps, (step)=>this.renderStep(step))}
@@ -13826,9 +13675,7 @@ class AtomicAgentStreamOfThought extends lit.LitElement {
     `;
     }
     renderSpinner() {
-        return lit.html`<span class="step-icon"
-      ><span class="spinner" aria-hidden="true"></span
-    ></span>`;
+        return lit.html`<span class="step-icon"><span class="spinner" aria-hidden="true"></span></span>`;
     }
     renderCheckmark() {
         return lit.html`
@@ -14043,12 +13890,7 @@ class AtomicAskFollowUpInput extends lit.LitElement {
                 ariaLabel: this.i18n.t('submit-follow-up'),
                 onClick: ()=>this.handleSubmit()
             }
-        })(lit.html`<svg
-            class="h-4 w-4"
-            viewBox="0 0 20 20"
-            fill="currentColor"
-            part="submit-icon"
-          >
+        })(lit.html`<svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor" part="submit-icon">
             <path
               fill-rule="evenodd"
               d="M10 17a.75.75 0 01-.75-.75V5.612L5.29 9.77a.75.75 0 01-1.08-1.04l5.25-5.5a.75.75 0 011.08 0l5.25 5.5a.75.75 0 11-1.08 1.04L10.75 5.612V16.25A.75.75 0 0110 17z"
@@ -18567,11 +18409,7 @@ class AtomicCitation extends lit.LitElement {
                 onFocus: this.openPopover,
                 onBlur: this.closePopover
             }
-        })(lit.html`
-          <span class="citation-title mx-1 truncate">
-            ${this.citation.title}
-          </span>
-        `)}
+        })(lit.html` <span class="citation-title mx-1 truncate"> ${this.citation.title} </span> `)}
         ${this.renderPopover()}
       </div>
     `;
@@ -18759,11 +18597,7 @@ class AtomicFacetNumberInput extends LightDomMixin(lit.LitElement) {
             return false;
         }}
       >
-        <label
-          part="label-start"
-          class=${labelClasses}
-          for="${this.filterState.facetId}_start"
-        >
+        <label part="label-start" class=${labelClasses} for="${this.filterState.facetId}_start">
           ${minText}
         </label>
         <input
@@ -18782,11 +18616,7 @@ class AtomicFacetNumberInput extends LightDomMixin(lit.LitElement) {
         }}
           ${ref_js.ref(this.startRef)}
         />
-        <label
-          part="label-end"
-          class=${labelClasses}
-          for="${this.filterState.facetId}_end"
-        >
+        <label part="label-end" class=${labelClasses} for="${this.filterState.facetId}_end">
           ${maxText}
         </label>
         <input
@@ -19165,10 +18995,7 @@ const renderGeneratedMarkdownContent = ({ props })=>{
         }
     });
     return lit.html`
-    <div
-      part="generated-text"
-      class="text-on-background mb-0 ${props.isStreaming ? 'cursor' : ''}"
-    >
+    <div part="generated-text" class="text-on-background mb-0 ${props.isStreaming ? 'cursor' : ''}">
       ${unsafeHtml_js.unsafeHTML(answerAsHtml)}
     </div>
   `;
@@ -19314,12 +19141,8 @@ const renderFeedbackAndCopyButtons = ({ props })=>{
 
 const renderSourceCitations = ({ props })=>(children)=>props.isVisible ? lit.html`
           <div class="source-citations">
-            <p part="citations-label" class="text-neutral-dark mb-2 shrink-0">
-              ${props.label}
-            </p>
-            <ol
-              class="citations-container flex list-none flex-wrap items-center gap-2"
-            >
+            <p part="citations-label" class="text-neutral-dark mb-2 shrink-0">${props.label}</p>
+            <ol class="citations-container flex list-none flex-wrap items-center gap-2">
               ${children}
             </ol>
           </div>
@@ -19644,9 +19467,7 @@ let AtomicGeneratedAnswerFeedbackModal$1 = class AtomicGeneratedAnswerFeedbackMo
             ${this.bindings.i18n.t(label)}
             <span class=${multiClassMap({
             'text-error-red ml-0.5': true
-        })}
-              >*</span
-            >
+        })}>*</span>
           </label>
         </div>
         <span
@@ -19686,29 +19507,29 @@ let AtomicGeneratedAnswerFeedbackModal$1 = class AtomicGeneratedAnswerFeedbackMo
                     label: this.bindings.i18n.t(localeKey)
                 }
             })(lit.html`
-              <div
-                class=${multiClassMap({
+            <div
+              class=${multiClassMap({
                 'answer-evaluation mt-3 flex items-center': true,
                 [String(correspondingAnswer)]: true
             })}
-                key=${String(correspondingAnswer)}
-              >
-                <div class=${multiClassMap({
+              key=${String(correspondingAnswer)}
+            >
+              <div class=${multiClassMap({
                 'flex-1 pr-4': true
             })}>
-                  ${this.renderAnswerEvaluation(localeKey, correspondingAnswer)}
-                </div>
-                <div
-                  class=${multiClassMap({
+                ${this.renderAnswerEvaluation(localeKey, correspondingAnswer)}
+              </div>
+              <div
+                class=${multiClassMap({
                 'options flex flex-shrink-0 text-base': true
             })}
-                >
-                  ${this.renderFeedbackOption('yes', correspondingAnswer)}
-                  ${this.renderFeedbackOption('unknown', correspondingAnswer)}
-                  ${this.renderFeedbackOption('no', correspondingAnswer)}
-                </div>
+              >
+                ${this.renderFeedbackOption('yes', correspondingAnswer)}
+                ${this.renderFeedbackOption('unknown', correspondingAnswer)}
+                ${this.renderFeedbackOption('no', correspondingAnswer)}
               </div>
-            `))}
+            </div>
+          `))}
       </fieldset>
     `;
     }
@@ -19771,18 +19592,12 @@ let AtomicGeneratedAnswerFeedbackModal$1 = class AtomicGeneratedAnswerFeedbackMo
     }
     renderSuccessMessage() {
         return lit.html`
-      <div
-        slot="body"
-        class=${multiClassMap({
+      <div slot="body" class=${multiClassMap({
             'my-4 flex flex-col items-center gap-4': true
-        })}
-      >
-        <atomic-icon
-          icon=${success}
-          class=${multiClassMap({
+        })}>
+        <atomic-icon icon=${success} class=${multiClassMap({
             'w-48': true
-        })}
-        ></atomic-icon>
+        })}></atomic-icon>
         <p
           class=${multiClassMap({
             'text-base': true
@@ -19804,19 +19619,15 @@ let AtomicGeneratedAnswerFeedbackModal$1 = class AtomicGeneratedAnswerFeedbackMo
         const buttonClasses = 'flex items-center justify-center text-sm leading-4 p-2 rounded-md';
         return lit.html`
       <div slot="footer" part="modal-footer">
-        <div
-          class=${multiClassMap({
+        <div class=${multiClassMap({
             'flex items-center justify-between': true
-        })}
-        >
+        })}>
           <div class=${multiClassMap({
             'required-label text-base': true
         })}>
             <span class=${multiClassMap({
             'text-error-red mr-0.5': true
-        })}
-              >*</span
-            >
+        })}>*</span>
             ${this.bindings.i18n.t('required-fields')}
           </div>
           <div class=${multiClassMap({
@@ -20080,9 +19891,7 @@ class AtomicGeneratedAnswerThreadItem extends lit.LitElement {
                 class=${titleButtonClasses}
                 @click=${this.toggle}
               >
-                <span part="thread-item-title" style=${clampedTitleStyles}
-                  >${this.title}</span
-                >
+                <span part="thread-item-title" style=${clampedTitleStyles}>${this.title}</span>
               </button>`, ()=>lit.html`<span
                 class=${titleTextClasses}
                 part="thread-item-title"
@@ -20188,8 +19997,7 @@ class AtomicGeneratedAnswerThread extends lit.LitElement {
             const lastGeneratedAnswer = this.generatedAnswers[this.generatedAnswers.length - 1];
             return lit.html`
         <ul>
-          ${this.renderShowPreviousAnswersButton()}
-          ${this.renderThread([
+          ${this.renderShowPreviousAnswersButton()} ${this.renderThread([
                 lastGeneratedAnswer
             ])}
         </ul>
@@ -20254,14 +20062,10 @@ class AtomicGeneratedAnswerThread extends lit.LitElement {
         return lit.html`
       <li class="group/title grid min-w-0 grid-cols-[10px_1fr] gap-x-3">
         <div class="row-span-2 flex flex-col items-center">
-          <div
-            class="flex justify-center items-center text-base h-[1lh] my-1.5"
-          >
+          <div class="flex justify-center items-center text-base h-[1lh] my-1.5">
             <span class=${timelineDotClasses}></span>
           </div>
-          <div
-            class="flex grow w-full justify-center items-center py-2 -my-2 min-h-3"
-          >
+          <div class="flex grow w-full justify-center items-center py-2 -my-2 min-h-3">
             <span class=${timelineConnectorClasses}> </span>
           </div>
         </div>
@@ -20610,8 +20414,7 @@ class AtomicSmartSnippetCollapseWrapper extends InitializeBindingsMixin(lit.LitE
     }
 }
 AtomicSmartSnippetCollapseWrapper.styles = lit.css`:host{display:block}:host(.invisible){visibility:hidden}.smart-snippet-content{height:auto;max-height:var(--collapsed-size);transition:max-height 2s cubic-bezier(0,1,.16,1) -1.82s;--gradient-start:var(
-        --atomic-smart-snippet-gradient-start,calc(max(var(--collapsed-size) - (var(--line-height) * 1.5),
-            var(--collapsed-size) * 0.5))
+        --atomic-smart-snippet-gradient-start,calc(max(var(--collapsed-size) - (var(--line-height) * 1.5), var(--collapsed-size) * 0.5))
       );mask-image:linear-gradient(#000,#000 var(--gradient-start),transparent 100%)}:host(.expanded) .smart-snippet-content{height:auto;mask-image:none;max-height:9999999px;transition:max-height 2s cubic-bezier(1,0,1,0) 0s}:host(.expanded) button atomic-icon{transform:scaleY(-1)}`;
 _ts_decorate$1h([
     decorators_js.state(),
@@ -20751,10 +20554,7 @@ class AtomicSmartSnippetExpandableAnswer extends lit.LitElement {
           aria-expanded=${this.isExpanded ? 'true' : 'false'}
         >
           ${this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more')}
-          <atomic-icon
-            .icon=${arrow_down}
-            class="ml-2 w-3 align-baseline"
-          ></atomic-icon>
+          <atomic-icon .icon=${arrow_down} class="ml-2 w-3 align-baseline"></atomic-icon>
         </button>
       `);
     }
@@ -21071,10 +20871,7 @@ class AtomicSmartSnippetSource extends LightDomMixin(lit.LitElement) {
                     onBeginDelayedSelect: ()=>this.handleSourceEvent('begin-delayed-select-source'),
                     onCancelPendingSelect: ()=>this.handleSourceEvent('cancel-pending-select-source')
                 }
-            })(lit.html`<atomic-result-text
-            field="title"
-            default="no-title"
-          ></atomic-result-text>`)}
+            })(lit.html`<atomic-result-text field="title" default="no-title"></atomic-result-text>`)}
       `)}`;
     }
     constructor(...args){
@@ -21285,9 +21082,7 @@ class AtomicTabPopover extends lit.LitElement {
     render() {
         this.classList.toggle('visibility-hidden', !this.show);
         this.ariaHidden = String(!this.show);
-        return lit.html`
-      ${this.renderPopover()} ${when_js.when(this.isOpen, ()=>this.renderBackdrop())}
-    `;
+        return lit.html` ${this.renderPopover()} ${when_js.when(this.isOpen, ()=>this.renderBackdrop())} `;
     }
     constructor(...args){
         super(...args), this.show = false, this.isOpen = false, this.buttonRef = ref_js.createRef(), this.popupRef = ref_js.createRef(), this.popoverId = 'atomic-tab-popover', this.handleKeyDown = (e)=>{
@@ -21539,10 +21334,7 @@ class AtomicTabButton extends LightDomMixin(lit.LitElement) {
             'sm:px-6'
         ].filter(Boolean).join(' ');
         return lit.html`
-      <span
-        class=${buttonClasses}
-        part=${this.active ? 'tab-button-active' : 'tab-button'}
-      >
+      <span class=${buttonClasses} part=${this.active ? 'tab-button-active' : 'tab-button'}>
         ${this.label}
       </span>
     `;
@@ -21926,10 +21718,7 @@ const renderGeneratingAnswerLabel = ({ props })=>{
     const { i18n, isStreaming, collapsible } = props;
     const canRender = collapsible && isStreaming;
     return lit.html`${n(canRender, ()=>lit.html`
-      <div
-        part="is-generating"
-        class="text-primary hidden text-base font-light"
-      >
+      <div part="is-generating" class="text-primary hidden text-base font-light">
         ${i18n.t('generating-answer')}...
       </div>
     `)}`;
@@ -22024,9 +21813,7 @@ const renderSwitch = ({ props })=>{
 
 const renderConversationDebugHeader = ({ props })=>{
     const { i18n, conversationId } = props;
-    return lit.html`<div
-    class="flex flex-wrap gap-1.5 items-center text-neutral-dark"
-  >
+    return lit.html`<div class="flex flex-wrap gap-1.5 items-center text-neutral-dark">
     ${i18n.t('generated-answer-debug-mode-on')}
     <div class="bg-success h-2 w-2 rounded-full shrink-0"></div>
 
@@ -22043,10 +21830,7 @@ const renderConversationDebugHeader = ({ props })=>{
                 navigator.clipboard.writeText(conversationId).catch(()=>{});
             }
         }
-    })(lit.html`<atomic-icon
-              class="w-4 text-neutral-dark"
-              .icon=${copy}
-            ></atomic-icon>`) : lit.nothing}
+    })(lit.html`<atomic-icon class="w-4 text-neutral-dark" .icon=${copy}></atomic-icon>`) : lit.nothing}
     </div>
   </div>`;
 };
@@ -22149,10 +21933,7 @@ function createLegacyArrayStringConverter(onDeprecatedFormat) {
 
 const renderFacetPlaceholder = ({ props })=>{
     const facetValues = [];
-    for(let i = 0; i < props.numberOfValues; i++)facetValues.push(lit.html`<div
-        class="bg-neutral mt-4 flex h-5"
-        style="width: 100%; opacity: 0.5"
-      ></div>`);
+    for(let i = 0; i < props.numberOfValues; i++)facetValues.push(lit.html`<div class="bg-neutral mt-4 flex h-5" style="width: 100%; opacity: 0.5"></div>`);
     return lit.html`<div
     part="placeholder"
     class="bg-background border-neutral mb-4 animate-pulse rounded-lg border p-7"
@@ -22257,10 +22038,9 @@ class ItemDisplayConfigContextController {
 const renderChildrenWrapper = ()=>(children)=>{
         const hasChildren = children !== lit.nothing;
         return lit.html`<div part="children-root">
-      ${when_js.when(hasChildren, ()=>lit.html`<slot name="before-children"></slot>`)}
-      ${children}
-      ${when_js.when(hasChildren, ()=>lit.html`<slot name="after-children"></slot>`)}
-    </div>`;
+    ${when_js.when(hasChildren, ()=>lit.html`<slot name="before-children"></slot>`)} ${children}
+    ${when_js.when(hasChildren, ()=>lit.html`<slot name="after-children"></slot>`)}
+  </div>`;
     };
 
 const renderCollectionGuard = ({ props })=>(children)=>{
@@ -22277,9 +22057,7 @@ const renderCollectionGuard = ({ props })=>(children)=>{
             });
             return hasChildren ? renderChildrenWrapper()(placeholders) : lit.html`<div part="children-root">${placeholders}</div>`;
         }
-        if (!moreResultsAvailable && !hasChildren) return when_js.when(noResultText.trim().length > 0, ()=>lit.html`<p part="no-result-root" class="no-result-root my-3">
-          ${noResultText}
-        </p>`);
+        if (!moreResultsAvailable && !hasChildren) return when_js.when(noResultText.trim().length > 0, ()=>lit.html`<p part="no-result-root" class="no-result-root my-3">${noResultText}</p>`);
         if (!hasChildren) return lit.nothing;
         return children;
     };
@@ -22323,9 +22101,7 @@ const renderHighlightKeywordsCheckbox = ({ props })=>{
         }
     })}
     ${when_js.when(!props.minimized, ()=>lit.html`
-        <label
-          class="cursor-pointer font-bold whitespace-nowrap"
-          for=${highlightKeywordsCheckboxId}
+        <label class="cursor-pointer font-bold whitespace-nowrap" for=${highlightKeywordsCheckboxId}
           >${label}</label
         >
       `)}
@@ -22358,10 +22134,7 @@ const renderKeywords = ({ props })=>lit.html`
         return lit.html`
             <div class="my-4 flex w-100 items-center justify-between gap-x-2">
               <div class=${multiClassMap(keywordContainerClasses)}>
-                <div
-                  class="flex grow items-center border-r p-4"
-                  aria-hidden="true"
-                >
+                <div class="flex grow items-center border-r p-4" aria-hidden="true">
                   <div
                     class="mr-2 h-5 w-5 flex-none"
                     style=${styleMap_js.styleMap({
@@ -22468,11 +22241,9 @@ const renderQuickviewSidebar = ({ props })=>{
             }
         }))}
       <div class="flex items-center justify-between">
-        <div class="flex items-center">
-          ${renderHighlightKeywordsCheckbox({
+        <div class="flex items-center">${renderHighlightKeywordsCheckbox({
         props
-    })}
-        </div>
+    })}</div>
         ${when_js.when(!props.minimized, ()=>lit.html`
             <div>
               ${renderMinimizeButton({
@@ -22901,10 +22672,7 @@ let AtomicQuickviewModal$1 = class AtomicQuickviewModal extends lit.LitElement {
     renderBody() {
         return lit.html`
       <div slot="body" class="grid h-full grid-cols-[min-content_auto]">
-        <div
-          class="h-full overflow-y-auto"
-          style="background-color: var(--atomic-neutral-light)"
-        >
+        <div class="h-full overflow-y-auto" style="background-color: var(--atomic-neutral-light)">
           ${renderQuickviewSidebar({
             props: {
                 words: this.words,
@@ -23147,10 +22915,7 @@ AtomicQuickviewModal$1 = _ts_decorate$19([
     withTailwindStyles
 ], AtomicQuickviewModal$1);
 
-const renderSnippetFooter = ({ props })=>(children)=>lit.html`<footer
-      part="footer"
-      aria-label=${props.i18n.t('smart-snippet-source')}
-    >
+const renderSnippetFooter = ({ props })=>(children)=>lit.html`<footer part="footer" aria-label=${props.i18n.t('smart-snippet-source')}>
       ${children}
     </footer>`;
 
@@ -23245,10 +23010,7 @@ const renderSmartSnippetFeedbackBanner = ({ props })=>{
                 ref: props.explainWhyRef
             }
         })(lit.html`${props.i18n.t('smart-snippet-feedback-explain-why')}`);
-    const renderThankYouContainer = (visible)=>when_js.when(visible, ()=>lit.html`<div
-          part="feedback-thank-you-wrapper"
-          class="flex flex-wrap gap-1"
-        >
+    const renderThankYouContainer = (visible)=>when_js.when(visible, ()=>lit.html`<div part="feedback-thank-you-wrapper" class="flex flex-wrap gap-1">
           ${renderThankYouMessage()}
           ${when_js.when(props.disliked && !props.feedbackSent, ()=>renderExplainWhyButton())}
         </div>`);
@@ -23291,21 +23053,12 @@ const feedbackOptions = [
     }
 ];
 
-const renderModalBody = ({ props: { formId, onSubmit } })=>(children)=>lit.html`<form
-      part="form"
-      id=${formId}
-      slot="body"
-      @submit=${onSubmit}
-      class="flex flex-col gap-8"
-    >
+const renderModalBody = ({ props: { formId, onSubmit } })=>(children)=>lit.html`<form part="form" id=${formId} slot="body" @submit=${onSubmit} class="flex flex-col gap-8">
       ${children}
     </form>`;
 
 const renderModalDetails = ({ props: { currentAnswer, i18n, detailsInputRef } })=>when_js.when('other' === currentAnswer, ()=>lit.html`<fieldset>
-        <legend
-          part="details-title"
-          class="text-on-background text-lg font-bold"
-        >
+        <legend part="details-title" class="text-on-background text-lg font-bold">
           ${i18n.t('details')}
         </legend>
         <textarea
@@ -23364,18 +23117,11 @@ const renderModalOptions = ({ props: { i18n } })=>(children)=>lit.html`<fieldset
       ${children}
     </fieldset>`;
 
-const renderAnswerAndSourceWrapper = ({ props })=>(children)=>lit.html`<div
-      part="answer-and-source"
-      class="pr-6 pb-6 pl-10"
-      id=${props.id}
-    >
+const renderAnswerAndSourceWrapper = ({ props })=>(children)=>lit.html`<div part="answer-and-source" class="pr-6 pb-6 pl-10" id=${props.id}>
       ${children}
     </div>`;
 
-const renderFooter = ({ props })=>(children)=>lit.html`<footer
-      part="footer"
-      aria-label=${props.i18n.t('smart-snippet-source')}
-    >
+const renderFooter = ({ props })=>(children)=>lit.html`<footer part="footer" aria-label=${props.i18n.t('smart-snippet-source')}>
       ${children}
     </footer>`;
 
@@ -23721,10 +23467,7 @@ let AtomicResultLink$1 = class AtomicResultLink extends LightDomMixin(SlotsForNo
                     }
                 }
             })(lit.html`
-        ${this.renderDefaultSlotContent(lit.html`<atomic-result-text
-            field="title"
-            default="no-title"
-          ></atomic-result-text>`)}
+        ${this.renderDefaultSlotContent(lit.html`<atomic-result-text field="title" default="no-title"></atomic-result-text>`)}
       `);
         })}`;
     }
@@ -24925,8 +24668,7 @@ let AtomicAutomaticFacet$1 = class AtomicAutomaticFacet extends InitializeBindin
     render() {
         if (this.searchStatus.state.hasError) return lit.nothing;
         return renderFacetContainer()(lit.html`
-      ${this.renderHeader()}
-      ${when_js.when(!this.isCollapsed, ()=>this.renderValues())}
+      ${this.renderHeader()} ${when_js.when(!this.isCollapsed, ()=>this.renderValues())}
     `);
     }
     constructor(...args){
@@ -25038,14 +24780,14 @@ let AtomicAutomaticFacetGenerator$1 = class AtomicAutomaticFacetGenerator extend
     renderAutomaticFacets() {
         if (0 === this.automaticFacetGeneratorState.automaticFacets.length) return lit.nothing;
         return lit.html`${this.automaticFacetGeneratorState.automaticFacets.map((facet, index)=>keyed_js.keyed(facet.state.field, lit.html`
-            <atomic-automatic-facet
-              .field=${facet.state.field}
-              .facetId=${facet.state.field}
-              .facet=${facet}
-              .searchStatus=${this.searchStatus}
-              ?isCollapsed=${this.shouldCollapseFacet(index)}
-            ></atomic-automatic-facet>
-          `))}`;
+          <atomic-automatic-facet
+            .field=${facet.state.field}
+            .facetId=${facet.state.field}
+            .facet=${facet}
+            .searchStatus=${this.searchStatus}
+            ?isCollapsed=${this.shouldCollapseFacet(index)}
+          ></atomic-automatic-facet>
+        `))}`;
     }
     shouldCollapseFacet(index) {
         if (-1 === this.collapseFacetsAfter) return false;
@@ -25680,11 +25422,9 @@ let AtomicCategoryFacet$1 = class AtomicCategoryFacet extends lit.LitElement {
                     this.focusTargets.activeValueFocus.setTarget(el);
                 }
             }
-        })(lit.html`
-        ${renderCategoryFacetChildrenAsTreeContainer({
+        })(lit.html` ${renderCategoryFacetChildrenAsTreeContainer({
             props: {}
-        })(this.renderChildren())}
-      `)}
+        })(this.renderChildren())} `)}
     `;
     }
     renderChild(facetValue, isShowLessFocusTarget, isShowMoreFocusTarget) {
@@ -26102,9 +25842,7 @@ let AtomicColorFacet$1 = class AtomicColorFacet extends lit.LitElement {
         return this.searchStatusState && !this.searchStatusState.hasError && this.facetState?.enabled && (!this.searchStatusState.firstSearchExecuted || this.facetState.values.length > 0);
     }
     render() {
-        return lit.html`${when_js.when(this.shouldRenderFacet(), ()=>this.searchStatusState.firstSearchExecuted ? renderFacetContainer()(lit.html`
-            ${this.renderFacetHeader()} ${this.renderBody()}
-          `) : renderFacetPlaceholder({
+        return lit.html`${when_js.when(this.shouldRenderFacet(), ()=>this.searchStatusState.firstSearchExecuted ? renderFacetContainer()(lit.html` ${this.renderFacetHeader()} ${this.renderBody()} `) : renderFacetPlaceholder({
                 props: {
                     numberOfValues: this.numberOfValues,
                     isCollapsed: this.isCollapsed
@@ -26920,9 +26658,7 @@ let AtomicFacet$1 = class AtomicFacet extends lit.LitElement {
         return !this.searchStatusState.hasError && this.facetState.enabled && (!this.searchStatusState.firstSearchExecuted || this.facetState.values.length > 0);
     }
     render() {
-        return lit.html`${when_js.when(this.shouldRenderFacet(), ()=>this.searchStatusState.firstSearchExecuted ? renderFacetContainer()(lit.html`
-            ${this.renderFacetHeader()} ${this.renderBody()}
-          `) : lit.html`<atomic-facet-placeholder
+        return lit.html`${when_js.when(this.shouldRenderFacet(), ()=>this.searchStatusState.firstSearchExecuted ? renderFacetContainer()(lit.html` ${this.renderFacetHeader()} ${this.renderBody()} `) : lit.html`<atomic-facet-placeholder
             value-count="${this.numberOfValues}"
           ></atomic-facet-placeholder>`)}`;
     }
@@ -27581,9 +27317,7 @@ let AtomicResult$1 = class AtomicResult extends ChildrenUpdateCompleteMixin(lit.
         if (!this.itemLayoutController.getLayout()) return lit.html`<div class=${resultComponentClass}></div>`;
         return lit.html`
       <div class=${resultComponentClass}>
-        <div
-          class="result-root ${this.itemLayoutController.getCombinedClasses().join(' ')}"
-        >
+        <div class="result-root ${this.itemLayoutController.getCombinedClasses().join(' ')}">
           ${unsafeHtml_js.unsafeHTML(this.getContentHTML())}
         </div>
         <div class="link-container">${unsafeHtml_js.unsafeHTML(this.getLinkHTML())}</div>
@@ -27948,18 +27682,18 @@ let AtomicFoldedResultList$1 = class AtomicFoldedResultList extends ChildrenUpda
     }
     renderList() {
         return lit.html`${map_js.map(this.foldedResultListState.results, (collection, index)=>lit.html`${keyed_js.keyed(this.getResultId(collection), lit.html`<atomic-result
-            part="outline"
-            ${ref_js.ref((element)=>element instanceof HTMLElement && this.resultListCommon.setNewResultRef(element, index))}
-            .content=${this.getContent(collection)}
-            .density=${this.density}
-            .display=${this.display}
-            .imageSize=${this.imageSize}
-            .interactiveResult=${this.getInteractiveResult(collection)}
-            .loadingFlag=${this.loadingFlag}
-            .result=${collection}
-            .renderingFunction=${this.itemRenderingFunction}
-            .store=${this.bindings.store}
-          ></atomic-result>`)}`)}`;
+          part="outline"
+          ${ref_js.ref((element)=>element instanceof HTMLElement && this.resultListCommon.setNewResultRef(element, index))}
+          .content=${this.getContent(collection)}
+          .density=${this.density}
+          .display=${this.display}
+          .imageSize=${this.imageSize}
+          .interactiveResult=${this.getInteractiveResult(collection)}
+          .loadingFlag=${this.loadingFlag}
+          .result=${collection}
+          .renderingFunction=${this.itemRenderingFunction}
+          .store=${this.bindings.store}
+        ></atomic-result>`)}`)}`;
     }
     get focusTarget() {
         if (!this.nextNewResultTarget) this.nextNewResultTarget = new FocusTargetController(this, this.bindings);
@@ -29016,8 +28750,8 @@ let AtomicNoResults$1 = class AtomicNoResults extends lit.LitElement {
             firstSearchExecuted: this.searchStatusState.firstSearchExecuted,
             hasResults: this.searchStatusState.hasResults
         }, ()=>renderNoItemsContainer()(lit.html`
-          ${renderMagnifyingGlass()} ${this.renderNoItems()}
-          ${this.renderSearchTips()} ${this.renderCancelButton()}
+          ${renderMagnifyingGlass()} ${this.renderNoItems()} ${this.renderSearchTips()}
+          ${this.renderCancelButton()}
         `))}`;
     }
     renderNoItems() {
@@ -29169,9 +28903,7 @@ let AtomicNotifications$1 = class AtomicNotifications extends InitializeBindings
           part="icon"
           class="text-neutral-dark mr-6 h-7 w-7"
         ></atomic-icon>
-        <span part="text" class="text-on-background text-base leading-5">
-          ${text}
-        </span>
+        <span part="text" class="text-on-background text-base leading-5"> ${text} </span>
       </div>
     `;
     }
@@ -29976,13 +29708,7 @@ let AtomicPopover$1 = class AtomicPopover extends lit.LitElement {
                 class: buttonClassString
             }
         })(lit.html`
-      <span
-        title=${label}
-        part="value-label"
-        class=${multiClassMap(labelClasses)}
-      >
-        ${label}
-      </span>
+      <span title=${label} part="value-label" class=${multiClassMap(labelClasses)}> ${label} </span>
       <span part="value-count" class=${multiClassMap(countClasses)}>
         ${this.bindings.i18n.t('between-parentheses', {
             text: count
@@ -30591,8 +30317,7 @@ let AtomicRatingFacet$1 = class AtomicRatingFacet extends lit.LitElement {
         })}`;
         if (!this.valuesToRender.length) return lit.nothing;
         return renderFacetContainer()(lit.html`
-      ${this.renderHeader()}
-      ${when_js.when(!this.isCollapsed, ()=>this.renderValues())}
+      ${this.renderHeader()} ${when_js.when(!this.isCollapsed, ()=>this.renderValues())}
     `);
     }
     constructor(){
@@ -30985,7 +30710,7 @@ let AtomicRatingRangeFacet$1 = class AtomicRatingRangeFacet extends lit.LitEleme
             });
             if (!this.valuesToRender.length) return lit.nothing;
             return renderFacetContainer()(lit.html`${this.renderHeader()}
-        ${when_js.when(!this.isCollapsed, ()=>this.renderValues())}`);
+      ${when_js.when(!this.isCollapsed, ()=>this.renderValues())}`);
         })}`;
     }
     constructor(){
@@ -31540,9 +31265,7 @@ let AtomicRelevanceInspector$1 = class AtomicRelevanceInspector extends lit.LitE
         exportparts="footer"
       >
         <p slot="header">Open the relevance inspector</p>
-        <p slot="body">
-          The Relevance Inspector will open in the Coveo Administration Console.
-        </p>
+        <p slot="body">The Relevance Inspector will open in the Coveo Administration Console.</p>
         <div slot="footer" class="flex w-full items-center justify-end">
           ${renderButton({
             props: {
@@ -31629,16 +31352,12 @@ let AtomicResultBadge$1 = class AtomicResultBadge extends lit.LitElement {
     `;
     }
     getTextContent() {
-        if (void 0 !== this.field) return lit.html`<atomic-result-text
-        .field=${this.field}
-      ></atomic-result-text>`;
+        if (void 0 !== this.field) return lit.html`<atomic-result-text .field=${this.field}></atomic-result-text>`;
         if (void 0 !== this.label) return lit.html`<atomic-text .value=${this.label}></atomic-text>`;
         return lit.html`<slot></slot>`;
     }
     renderText() {
-        return lit.html`<span part="result-badge-label"
-      >${this.getTextContent()}</span
-    >`;
+        return lit.html`<span part="result-badge-label">${this.getTextContent()}</span>`;
     }
     renderBadge() {
         return lit.html`
@@ -32277,12 +31996,7 @@ let AtomicResultHtml$1 = class AtomicResultHtml extends LightDomMixin(lit.LitEle
             this.remove();
             return lit.nothing;
         }
-        return lit.html`
-      <atomic-html
-        value=${resultValue}
-        ?sanitize=${this.sanitize}
-      ></atomic-html>
-    `;
+        return lit.html` <atomic-html value=${resultValue} ?sanitize=${this.sanitize}></atomic-html> `;
     }
     constructor(){
         super(), this.sanitize = true, this.resultController = createResultContextController(this);
@@ -33955,9 +33669,7 @@ let AtomicResultMultiValueText$1 = class AtomicResultMultiValueText extends lit.
         const kebabValue = titleToKebab(value);
         return keyed_js.keyed(value, lit.html`
         <li part="result-multi-value-text-value">
-          <slot name=${`result-multi-value-text-value-${kebabValue}`}>
-            ${label}
-          </slot>
+          <slot name=${`result-multi-value-text-value-${kebabValue}`}> ${label} </slot>
         </li>
       `);
     }
@@ -33972,11 +33684,9 @@ let AtomicResultMultiValueText$1 = class AtomicResultMultiValueText extends lit.
     }
     renderMoreLabel(value) {
         return lit.html`
-      <li part="result-multi-value-text-value-more">
-        ${this.bindings.i18n.t('n-more', {
+      <li part="result-multi-value-text-value-more">${this.bindings.i18n.t('n-more', {
             value
-        })}
-      </li>
+        })}</li>
     `;
     }
     renderListItems(values) {
@@ -35512,19 +35222,19 @@ let AtomicSearchBoxInstantResults$1 = class AtomicSearchBoxInstantResults extend
             const partialItem = getPartialInstantItemElement(this.bindings.i18n, 'instant-results-suggestion-label', this.ariaLabelGenerator?.(this.bindings, result) || result.title, result.uniqueId);
             const key = `instant-result-${encodeForDomAttribute(result.uniqueId)}`;
             const template = lit.html`${keyed_js.keyed(key, lit.html`<atomic-result
-            part="outline"
-            .result=${result}
-            .interactiveResult=${headless.buildInteractiveInstantResult(this.bindings.engine, {
+          part="outline"
+          .result=${result}
+          .interactiveResult=${headless.buildInteractiveInstantResult(this.bindings.engine, {
                 options: {
                     result
                 }
             })}
-            .display=${this.display}
-            .density=${this.density}
-            .imageSize=${this.imageSize}
-            .content=${this.itemTemplateProvider.getTemplateContent(result)}
-            .renderingFunction=${this.itemRenderingFunction}
-          ></atomic-result>`)}`;
+          .display=${this.display}
+          .density=${this.density}
+          .imageSize=${this.imageSize}
+          .content=${this.itemTemplateProvider.getTemplateContent(result)}
+          .renderingFunction=${this.itemRenderingFunction}
+        ></atomic-result>`)}`;
             const container = document.createElement('div');
             lit.render(template, container);
             const resultElement = container.firstElementChild;
@@ -36157,11 +35867,7 @@ AtomicSearchInterface$1 = _ts_decorate$c([
 
 const styles$4 = lit.css`.atomic-modal-opened{overflow-y:hidden}atomic-layout-section[section=search]{grid-area:atomic-section-search}atomic-layout-section[section=facets]{grid-area:atomic-section-facets}atomic-layout-section[section=main]{grid-area:atomic-section-main}atomic-layout-section[section=status]{grid-area:atomic-section-status}atomic-layout-section[section=pagination]{grid-area:atomic-section-pagination}atomic-search-layout{display:none;grid-template-areas:". atomic-section-search ." ". atomic-section-main .";grid-template-columns:var(--atomic-layout-spacing-x) minmax(0,1fr) var(
         --atomic-layout-spacing-x
-      );height:100%;width:100%;atomic-layout-section[section=search]{justify-self:center;margin:var(--atomic-layout-spacing-y) 0;max-width:var(--atomic-layout-max-search-box-input-width,678px);width:100%;atomic-search-box{&::part(suggestions-double-list){max-width:var(
-            --atomic-layout-max-search-box-double-suggestions-width,800px
-          );width:125%}&::part(suggestions-left){flex-basis:var(
-            --atomic-layout-search-box-left-suggestions-width,30%
-          )}&::part(suggestions-right){flex-basis:calc(100% - var(--atomic-layout-search-box-left-suggestions-width, 30%))}}}atomic-layout-section[section=facets]{display:none;& *{margin-bottom:var(--atomic-layout-spacing-y)}}atomic-layout-section[section=main]{margin-bottom:var(--atomic-layout-spacing-y)}atomic-layout-section[section=horizontal-facets]{display:flex;flex-wrap:wrap;margin-bottom:var(--atomic-layout-spacing-y);row-gap:.5rem;&>*{max-width:100%}&>atomic-popover,&>atomic-segmented-facet{margin-right:.5rem}&>atomic-popover{display:none}}atomic-layout-section[section=status]{display:grid;grid-template-areas:"atomic-breadbox       atomic-breadbox" "atomic-query-summary  atomic-sort" "atomic-did-you-mean   atomic-did-you-mean" "atomic-notifications  atomic-notifications";justify-content:space-between;&>*{margin-bottom:var(--atomic-layout-spacing-y)}atomic-breadbox{grid-area:atomic-breadbox}atomic-query-summary{align-self:center;grid-area:atomic-query-summary;overflow:hidden}atomic-sort-dropdown{justify-self:end}atomic-refine-toggle,atomic-sort-dropdown{grid-area:atomic-sort}atomic-did-you-mean{grid-area:atomic-did-you-mean}atomic-notifications{grid-area:atomic-notifications}}atomic-layout-section[section=results]{atomic-smart-snippet,atomic-smart-snippet-suggestions{margin-bottom:1.5rem}}atomic-layout-section[section=pagination]{align-items:center;display:flex;flex-direction:column;justify-content:space-between;atomic-load-more-results{width:100%}&:has(:only-child){justify-content:center}&>*{margin-top:var(--atomic-layout-spacing-y)}@media only screen and (min-width:50rem){flex-direction:row}}}`;
+      );height:100%;width:100%;atomic-layout-section[section=search]{justify-self:center;margin:var(--atomic-layout-spacing-y) 0;max-width:var(--atomic-layout-max-search-box-input-width,678px);width:100%;atomic-search-box{&::part(suggestions-double-list){max-width:var(--atomic-layout-max-search-box-double-suggestions-width,800px);width:125%}&::part(suggestions-left){flex-basis:var(--atomic-layout-search-box-left-suggestions-width,30%)}&::part(suggestions-right){flex-basis:calc(100% - var(--atomic-layout-search-box-left-suggestions-width, 30%))}}}atomic-layout-section[section=facets]{display:none;& *{margin-bottom:var(--atomic-layout-spacing-y)}}atomic-layout-section[section=main]{margin-bottom:var(--atomic-layout-spacing-y)}atomic-layout-section[section=horizontal-facets]{display:flex;flex-wrap:wrap;margin-bottom:var(--atomic-layout-spacing-y);row-gap:.5rem;&>*{max-width:100%}&>atomic-popover,&>atomic-segmented-facet{margin-right:.5rem}&>atomic-popover{display:none}}atomic-layout-section[section=status]{display:grid;grid-template-areas:"atomic-breadbox       atomic-breadbox" "atomic-query-summary  atomic-sort" "atomic-did-you-mean   atomic-did-you-mean" "atomic-notifications  atomic-notifications";justify-content:space-between;&>*{margin-bottom:var(--atomic-layout-spacing-y)}atomic-breadbox{grid-area:atomic-breadbox}atomic-query-summary{align-self:center;grid-area:atomic-query-summary;overflow:hidden}atomic-sort-dropdown{justify-self:end}atomic-refine-toggle,atomic-sort-dropdown{grid-area:atomic-sort}atomic-did-you-mean{grid-area:atomic-did-you-mean}atomic-notifications{grid-area:atomic-notifications}}atomic-layout-section[section=results]{atomic-smart-snippet,atomic-smart-snippet-suggestions{margin-bottom:1.5rem}}atomic-layout-section[section=pagination]{align-items:center;display:flex;flex-direction:column;justify-content:space-between;atomic-load-more-results{width:100%}&:has(:only-child){justify-content:center}&>*{margin-top:var(--atomic-layout-spacing-y)}@media only screen and (min-width:50rem){flex-direction:row}}}`;
 var atomic_search_layout_tw_css = styles$4;
 
 function _ts_decorate$b(decorators, target, key, desc) {
@@ -36261,11 +35967,7 @@ const renderFacetSegmentedValue = ({ props })=>{
             >
               ${props.displayValue}
             </span>
-            <span
-              title=${count}
-              part="value-count"
-              class=${multiClassMap(countClasses)}
-            >
+            <span title=${count} part="value-count" class=${multiClassMap(countClasses)}>
               ${props.i18n.t('between-parentheses', {
         text: compactCount
     })}
@@ -36311,10 +36013,7 @@ let AtomicSegmentedFacet$1 = class AtomicSegmentedFacet extends lit.LitElement {
       `;
         if (!this.facetState.values.length) return lit.html``;
         return lit.html`
-      <div
-        part="segmented-container"
-        class="mr-2 flex h-10 items-center whitespace-nowrap"
-      >
+      <div part="segmented-container" class="mr-2 flex h-10 items-center whitespace-nowrap">
         ${this.renderLabel()} ${this.renderValues()}
       </div>
     `;
@@ -36597,10 +36296,7 @@ let AtomicSegmentedFacetScrollable$1 = class AtomicSegmentedFacetScrollable exte
         const hiddenClass = hide ? 'invisible opacity-0' : '';
         const transitionClass = 'transition-opacity transition-[visibility] ease-in-out duration-300';
         return lit.html`
-      <div
-        part="${direction}-arrow-wrapper"
-        class="${hiddenClass} ${transitionClass}"
-      >
+      <div part="${direction}-arrow-wrapper" class="${hiddenClass} ${transitionClass}">
         ${renderButton({
             props: {
                 style: 'square-neutral',
@@ -38430,8 +38126,7 @@ const RecsInterfaceWrapper = (props) => {
     React.useEffect(() => {
         const recsInterfaceAtomic = recsInterfaceRef.current;
         if (!initialization) {
-            initialization =
-                recsInterfaceAtomic.initializeWithRecommendationEngine(engine);
+            initialization = recsInterfaceAtomic.initializeWithRecommendationEngine(engine);
             initialization.then(() => {
                 localization(recsInterfaceAtomic.i18n);
                 onReady(recsInterfaceAtomic.getRecommendations.bind(recsInterfaceAtomic));