@coveo/atomic 3.60.2 → 3.60.3

package/dist/esm/components/common/refine-modal/modal.js

@@ -20,11 +20,7 @@ const renderRefineModal = ({ props })=>(children)=>{
                     onClick: props.onClose,
                     ariaLabel: props.i18n.t('close')
                 }
-            })(html`<atomic-icon
-              part="close-icon"
-              class="h-5 w-5"
-              icon=${images_close}
-            ></atomic-icon>`)}
+            })(html`<atomic-icon part="close-icon" class="h-5 w-5" icon=${images_close}></atomic-icon>`)}
         </div>
       `;
         const renderFooter = ()=>html`

package/dist/esm/components/common/refine-modal/sort.js

@@ -1,10 +1,7 @@
 import { html } from "lit";
 import sort from "../../../images/sort.js";
 const renderRefineModalSortSection = ({ props })=>(children)=>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">
@@ -20,11 +17,7 @@ const renderRefineModalSortSection = ({ props })=>(children)=>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>
     `;

package/dist/esm/components/common/result-children/children-wrapper.js

@@ -3,9 +3,8 @@ import { when } from "lit/directives/when.js";
 const renderChildrenWrapper = ()=>(children)=>{
         const hasChildren = children !== nothing;
         return html`<div part="children-root">
-      ${when(hasChildren, ()=>html`<slot name="before-children"></slot>`)}
-      ${children}
-      ${when(hasChildren, ()=>html`<slot name="after-children"></slot>`)}
-    </div>`;
+    ${when(hasChildren, ()=>html`<slot name="before-children"></slot>`)} ${children}
+    ${when(hasChildren, ()=>html`<slot name="after-children"></slot>`)}
+  </div>`;
     };
 export { renderChildrenWrapper };

package/dist/esm/components/common/result-children/collection-guard.js

@@ -16,9 +16,7 @@ const renderCollectionGuard = ({ props })=>(children)=>{
             });
             return hasChildren ? renderChildrenWrapper()(placeholders) : html`<div part="children-root">${placeholders}</div>`;
         }
-        if (!moreResultsAvailable && !hasChildren) return when(noResultText.trim().length > 0, ()=>html`<p part="no-result-root" class="no-result-root my-3">
-          ${noResultText}
-        </p>`);
+        if (!moreResultsAvailable && !hasChildren) return when(noResultText.trim().length > 0, ()=>html`<p part="no-result-root" class="no-result-root my-3">${noResultText}</p>`);
         if (!hasChildren) return nothing;
         return children;
     };

package/dist/esm/components/common/search-box/search-box-wrapper.js

@@ -6,11 +6,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 html`<div
-      part="wrapper"
-      class=${multiClassMap(classes)}
-      @focusout=${props.onFocusout}
-    >
+        return html`<div part="wrapper" class=${multiClassMap(classes)} @focusout=${props.onFocusout}>
       ${children}
     </div>`;
     };

package/dist/esm/components/common/search-box/submit-button.js

@@ -4,10 +4,7 @@ import search_slim from "../../../images/search-slim.js";
 import { renderButton } from "../button.js";
 const renderSubmitButton = ({ props })=>{
     const { i18n, disabled, onClick } = props;
-    return html`<div
-    part="submit-button-wrapper"
-    class="mr-2 flex items-center justify-center py-2"
-  >
+    return html`<div part="submit-button-wrapper" class="mr-2 flex items-center justify-center py-2">
     ${renderButton({
         props: {
             style: 'text-primary',
@@ -19,11 +16,7 @@ const renderSubmitButton = ({ props })=>{
             },
             disabled
         }
-    })(html`<atomic-icon
-        part="submit-icon"
-        icon=${search_slim}
-        class="h-4 w-4"
-      ></atomic-icon>`)}
+    })(html`<atomic-icon part="submit-icon" icon=${search_slim} class="h-4 w-4"></atomic-icon>`)}
   </div>`;
 };
 export { renderSubmitButton };

package/dist/esm/components/common/search-box/text-area-clear-button.js

@@ -18,10 +18,6 @@ const renderTextAreaClearButton = ({ props: { textAreaRef, i18n, onClick } })=>h
             },
             ariaLabel: i18n.t('clear-searchbox')
         }
-    })(html`<atomic-icon
-        part="clear-icon"
-        icon=${clear_slim}
-        class="h-4 w-4"
-      ></atomic-icon>`)}
+    })(html`<atomic-icon part="clear-icon" icon=${clear_slim} class="h-4 w-4"></atomic-icon>`)}
   </div>`;
 export { renderTextAreaClearButton };

package/dist/esm/components/common/smart-snippets/atomic-smart-snippet/snippet-footer.js

@@ -1,8 +1,5 @@
 import { html } from "lit";
-const renderSnippetFooter = ({ props })=>(children)=>html`<footer
-      part="footer"
-      aria-label=${props.i18n.t('smart-snippet-source')}
-    >
+const renderSnippetFooter = ({ props })=>(children)=>html`<footer part="footer" aria-label=${props.i18n.t('smart-snippet-source')}>
       ${children}
     </footer>`;
 export { renderSnippetFooter };

package/dist/esm/components/common/smart-snippets/atomic-smart-snippet-feedback-modal/modal-body.js

@@ -1,11 +1,5 @@
 import { html } from "lit";
-const renderModalBody = ({ props: { formId, onSubmit } })=>(children)=>html`<form
-      part="form"
-      id=${formId}
-      slot="body"
-      @submit=${onSubmit}
-      class="flex flex-col gap-8"
-    >
+const renderModalBody = ({ props: { formId, onSubmit } })=>(children)=>html`<form part="form" id=${formId} slot="body" @submit=${onSubmit} class="flex flex-col gap-8">
       ${children}
     </form>`;
 export { renderModalBody };

package/dist/esm/components/common/smart-snippets/atomic-smart-snippet-feedback-modal/modal-details.js

@@ -2,10 +2,7 @@ import { html } from "lit";
 import { ref } from "lit/directives/ref.js";
 import { when } from "lit/directives/when.js";
 const renderModalDetails = ({ props: { currentAnswer, i18n, detailsInputRef } })=>when('other' === currentAnswer, ()=>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

package/dist/esm/components/common/smart-snippets/atomic-smart-snippet-suggestions/answer-and-source-wrapper.js

@@ -1,9 +1,5 @@
 import { html } from "lit";
-const renderAnswerAndSourceWrapper = ({ props })=>(children)=>html`<div
-      part="answer-and-source"
-      class="pr-6 pb-6 pl-10"
-      id=${props.id}
-    >
+const renderAnswerAndSourceWrapper = ({ props })=>(children)=>html`<div part="answer-and-source" class="pr-6 pb-6 pl-10" id=${props.id}>
       ${children}
     </div>`;
 export { renderAnswerAndSourceWrapper };

package/dist/esm/components/common/smart-snippets/atomic-smart-snippet-suggestions/footer.js

@@ -1,8 +1,5 @@
 import { html } from "lit";
-const renderFooter = ({ props })=>(children)=>html`<footer
-      part="footer"
-      aria-label=${props.i18n.t('smart-snippet-source')}
-    >
+const renderFooter = ({ props })=>(children)=>html`<footer part="footer" aria-label=${props.i18n.t('smart-snippet-source')}>
       ${children}
     </footer>`;
 export { renderFooter };

package/dist/esm/components/common/smart-snippets/smart-snippet-feedback-banner.js

@@ -70,10 +70,7 @@ const renderSmartSnippetFeedbackBanner = ({ props })=>{
                 ref: props.explainWhyRef
             }
         })(html`${props.i18n.t('smart-snippet-feedback-explain-why')}`);
-    const renderThankYouContainer = (visible)=>when(visible, ()=>html`<div
-          part="feedback-thank-you-wrapper"
-          class="flex flex-wrap gap-1"
-        >
+    const renderThankYouContainer = (visible)=>when(visible, ()=>html`<div part="feedback-thank-you-wrapper" class="flex flex-wrap gap-1">
           ${renderThankYouMessage()}
           ${when(props.disliked && !props.feedbackSent, ()=>renderExplainWhyButton())}
         </div>`);

package/dist/esm/components/common/sort/label.js

@@ -1,9 +1,5 @@
 import { html } from "lit";
-const renderSortLabel = ({ props: { i18n, id } })=>html`<label
-    class="m-2 cursor-pointer text-sm font-bold"
-    part="label"
-    for=${id}
-  >
+const renderSortLabel = ({ props: { i18n, id } })=>html`<label class="m-2 cursor-pointer text-sm font-bold" part="label" for=${id}>
     ${i18n.t('with-colon', {
         text: i18n.t('sort-by')
     })}

package/dist/esm/components/common/sort/option.js

@@ -1,5 +1,3 @@
 import { html } from "lit";
-const renderSortOption = ({ props: { value, selected, i18n, label } })=>html`
-    <option value=${value} ?selected=${selected}>${i18n.t(label)}</option>
-  `;
+const renderSortOption = ({ props: { value, selected, i18n, label } })=>html` <option value=${value} ?selected=${selected}>${i18n.t(label)}</option> `;
 export { renderSortOption };

package/dist/esm/components/common/suggestions/query-suggestions.js

@@ -15,10 +15,7 @@ const getPartialSearchBoxSuggestionElement = (suggestion, i18n)=>({
 const renderQuerySuggestion = ({ icon, hasQuery, suggestion, hasMultipleKindOfSuggestions, alwaysShowIcon = false })=>{
     const shouldShowIcon = alwaysShowIcon || hasMultipleKindOfSuggestions;
     const template = 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 ? html`<atomic-icon
             part="query-suggestion-icon"
             icon=${icon}

package/dist/esm/components/common/suggestions/recent-queries.js

@@ -30,11 +30,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(hasQuery, ()=>html`<span
           part="recent-query-text"
@@ -50,9 +46,7 @@ const renderRecentQuery = ({ icon, query, value })=>{
                 }
             ]
         })}
-        ></span>`, ()=>html`<span part="recent-query-text" class="line-clamp-2 break-all">
-          ${value}
-        </span>`)}
+        ></span>`, ()=>html`<span part="recent-query-text" class="line-clamp-2 break-all"> ${value} </span>`)}
   </div>`;
     const container = document.createElement('div');
     render(template, container);
@@ -63,9 +57,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');

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

@@ -73,9 +73,7 @@ class AtomicInsightFacet extends LitElement {
         return this.facetState.enabled && !this.searchStatusState.hasError && (!this.searchStatusState.firstSearchExecuted || this.facetState.values.length > 0);
     }
     render() {
-        return html`${when(this.shouldRenderFacet(), ()=>this.searchStatusState.firstSearchExecuted ? renderFacetContainer()(html`
-            ${this.renderFacetHeader()} ${this.renderBody()}
-          `) : html`<atomic-facet-placeholder
+        return html`${when(this.shouldRenderFacet(), ()=>this.searchStatusState.firstSearchExecuted ? renderFacetContainer()(html` ${this.renderFacetHeader()} ${this.renderBody()} `) : html`<atomic-facet-placeholder
             value-count="${this.numberOfValues}"
             ?is-collapsed="${this.isCollapsed}"
           ></atomic-facet-placeholder>`)}`;
@@ -109,10 +107,7 @@ class AtomicInsightFacet extends LitElement {
                 i18n: this.bindings.i18n,
                 label: this.label
             }
-        })(html`<ul
-      class="mt-3 ${'box' === this.displayValuesAs ? 'box-container' : ''}"
-      part="values"
-    >
+        })(html`<ul class="mt-3 ${'box' === this.displayValuesAs ? 'box-container' : ''}" part="values">
       ${children}
     </ul>`);
     }

package/dist/esm/components/insight/atomic-insight-folded-result-list/atomic-insight-folded-result-list.js

@@ -149,17 +149,17 @@ class AtomicInsightFoldedResultList extends ChildrenUpdateCompleteMixin(LitEleme
     }
     renderList() {
         return html`${map(this.foldedResultListState.results, (collection, index)=>html`${keyed(this.getResultId(collection), html`<atomic-insight-result
-            part="outline"
-            ${ref((element)=>element instanceof HTMLElement && this.resultListCommon.setNewResultRef(element, index))}
-            .content=${this.getContent(collection)}
-            .density=${this.density}
-            .imageSize=${this.imageSize}
-            .interactiveResult=${this.getInteractiveResult(collection)}
-            .loadingFlag=${this.loadingFlag}
-            .result=${collection}
-            .renderingFunction=${this.itemRenderingFunction}
-            .store=${this.bindings.store}
-          ></atomic-insight-result>`)}`)}`;
+          part="outline"
+          ${ref((element)=>element instanceof HTMLElement && this.resultListCommon.setNewResultRef(element, index))}
+          .content=${this.getContent(collection)}
+          .density=${this.density}
+          .imageSize=${this.imageSize}
+          .interactiveResult=${this.getInteractiveResult(collection)}
+          .loadingFlag=${this.loadingFlag}
+          .result=${collection}
+          .renderingFunction=${this.itemRenderingFunction}
+          .store=${this.bindings.store}
+        ></atomic-insight-result>`)}`)}`;
     }
     get focusTarget() {
         if (!this.nextNewResultTarget) this.nextNewResultTarget = new FocusTargetController(this, this.bindings);

package/dist/esm/components/insight/atomic-insight-no-results/atomic-insight-no-results.js

@@ -35,8 +35,7 @@ class AtomicInsightNoResults extends LitElement {
             firstSearchExecuted: this.searchStatusState.firstSearchExecuted,
             hasResults: this.searchStatusState.hasResults
         }, ()=>renderNoItemsContainer()(html`
-          ${renderMagnifyingGlass()} ${this.renderNoItems()}
-          ${this.renderSearchTips()}
+          ${renderMagnifyingGlass()} ${this.renderNoItems()} ${this.renderSearchTips()}
         `))}`;
     }
     renderNoItems() {

package/dist/esm/components/insight/atomic-insight-result/atomic-insight-result.js

@@ -68,9 +68,7 @@ class AtomicInsightResult extends ChildrenUpdateCompleteMixin(LitElement) {
         if (void 0 !== this.renderingFunction) return html` <div class="result-root" ${ref(this.resultRootRef)}></div> `;
         if (!this.itemLayoutController.getLayout()) return nothing;
         return html`
-      <div
-        class="result-root ${this.itemLayoutController.getCombinedClasses().join(' ')}"
-      >
+      <div class="result-root ${this.itemLayoutController.getCombinedClasses().join(' ')}">
         ${unsafeHTML(this.getContentHTML())}
       </div>
     `;

package/dist/esm/components/insight/atomic-insight-user-actions-modal/atomic-insight-user-actions-modal.js

@@ -60,9 +60,7 @@ class AtomicInsightUserActionsModal extends LitElement {
     renderHeader() {
         return html`
       <div slot="header" class="contents">
-        <div part="title" class="font-light truncate">
-          ${this.bindings.i18n.t('user-actions')}
-        </div>
+        <div part="title" class="font-light truncate">${this.bindings.i18n.t('user-actions')}</div>
         ${renderButton({
             props: {
                 style: 'text-transparent',
@@ -74,11 +72,7 @@ class AtomicInsightUserActionsModal extends LitElement {
                 ariaLabel: this.bindings.i18n.t('close')
             }
         })(html`
-          <atomic-icon
-            part="close-icon"
-            class="w-5 h-5"
-            .icon=${images_close}
-          ></atomic-icon>
+          <atomic-icon part="close-icon" class="w-5 h-5" .icon=${images_close}></atomic-icon>
         `)}
       </div>
     `;

package/dist/esm/components/insight/atomic-insight-user-actions-session/atomic-insight-user-actions-session.js

@@ -49,10 +49,7 @@ class AtomicInsightUserActionsSession extends LitElement {
         const date = dayjs(this.startTimestamp);
         const formatedStartDate = date.format('ddd. MMMM D, YYYY');
         return html`
-      <div
-        data-testid="session-start-date-container"
-        class="flex items-center px-2 pb-3"
-      >
+      <div data-testid="session-start-date-container" class="flex items-center px-2 pb-3">
         ${when(this.isCaseCreationSession, ()=>html`
             <div
               part="session-start-icon__container"
@@ -83,10 +80,7 @@ class AtomicInsightUserActionsSession extends LitElement {
             count: this.userActionsAfterCaseCreation.length
         });
         return html`
-      <div
-        data-testid="show-more-actions-button"
-        class="flex items-center px-3 pb-3"
-      >
+      <div data-testid="show-more-actions-button" class="flex items-center px-3 pb-3">
         <div class="flex justify-center pr-2">
           <atomic-icon icon=${three_dots} class="h-3 w-3"></atomic-icon>
         </div>

package/dist/esm/components/insight/atomic-insight-user-actions-session/user-action.js

@@ -36,9 +36,7 @@ const renderUserAction = ({ props })=>{
     const renderActionTitle = ()=>{
         switch(props.action.actionType){
             case 'TICKET_CREATION':
-                return html`<div
-          class="ticket-creation-action__text text-xs font-semibold"
-        >
+                return html`<div class="ticket-creation-action__text text-xs font-semibold">
           ${props.bindings.i18n.t('ticket-created')}
         </div>`;
             case 'CUSTOM':
@@ -58,9 +56,7 @@ const renderUserAction = ({ props })=>{
           ${props.action.document?.title}
         </a>`;
             case 'CLICK':
-                return html`<div class="text-xs font-semibold">
-          ${props.action.document?.title}
-        </div>`;
+                return html`<div class="text-xs font-semibold">${props.action.document?.title}</div>`;
             default:
                 return nothing;
         }

package/dist/esm/components/ipx/atomic-ipx-body/ipx-body.js

@@ -7,13 +7,8 @@ const renderIpxBody = ({ props })=>{
       class="ipx-body-container bg-background box-border flex flex-col justify-between overflow-hidden rounded ${visibilityClass}"
       @animationend=${()=>props.onAnimationEnd?.()}
     >
-      <header
-        part="header-wrapper"
-        class="bg-neutral-light grid w-full items-center px-6 pt-6"
-      >
-        <div part="header" class="min-w-0 font-bold">
-          ${props.header ?? nothing}
-        </div>
+      <header part="header-wrapper" class="bg-neutral-light grid w-full items-center px-6 pt-6">
+        <div part="header" class="min-w-0 font-bold">${props.header ?? nothing}</div>
       </header>
       <hr part="header-ruler" class="border-neutral border-0 border-t" />
       <div

package/dist/esm/components/ipx/atomic-ipx-button/atomic-ipx-button.js

@@ -44,14 +44,8 @@ class AtomicIpxButton extends LitElement {
             }
         })(html`
       <span part="button-icon">
-        <atomic-icon
-          part="ipx-close-icon"
-          .icon=${this.getIcon(this.closeIcon)}
-        ></atomic-icon>
-        <atomic-icon
-          part="ipx-open-icon"
-          .icon=${this.getIcon(this.openIcon)}
-        ></atomic-icon>
+        <atomic-icon part="ipx-close-icon" .icon=${this.getIcon(this.closeIcon)}></atomic-icon>
+        <atomic-icon part="ipx-open-icon" .icon=${this.getIcon(this.openIcon)}></atomic-icon>
       </span>
       ${when(this.label, ()=>html`<span part="button-text">${this.label}</span>`)}
     `);
@@ -84,9 +78,7 @@ class AtomicIpxButton extends LitElement {
           }
         }
       </style>
-      <div class="flex flex-col items-center" part="container">
-        ${this.renderIPXButton()}
-      </div>
+      <div class="flex flex-col items-center" part="container">${this.renderIPXButton()}</div>
     `;
     }
     get ipxModal() {

package/dist/esm/components/ipx/atomic-ipx-recs-list/atomic-ipx-recs-list.js

@@ -194,10 +194,7 @@ class AtomicIpxRecsList extends ChildrenUpdateCompleteMixin(LitElement) {
         if (!this.label) return nothing;
         if (this.recommendationListStateWithAugment.hasError) return nothing;
         if (!this.isEveryResultReady && this.isAppLoaded) return html`
-        <div
-          aria-hidden="true"
-          class="bg-neutral my-2 h-8 w-60 animate-pulse rounded"
-        ></div>
+        <div aria-hidden="true" class="bg-neutral my-2 h-8 w-60 animate-pulse rounded"></div>
       `;
         if (this.recommendationListStateWithAugment.firstRequestExecuted && !this.recommendationListStateWithAugment.hasItems) return nothing;
         return html`${renderHeading({

package/dist/esm/components/ipx/atomic-ipx-result-link/atomic-ipx-result-link.js

@@ -76,10 +76,7 @@ class AtomicIpxResultLink extends LightDomMixin(SlotsForNoShadowDOMMixin(LitElem
                     }
                 }
             })(html`
-        ${this.renderDefaultSlotContent(html`<atomic-result-text
-            field="title"
-            default="no-title"
-          ></atomic-result-text>`)}
+        ${this.renderDefaultSlotContent(html`<atomic-result-text field="title" default="no-title"></atomic-result-text>`)}
       `);
         })}`;
     }

package/dist/esm/components/search/atomic-automatic-facet/atomic-automatic-facet.js

@@ -93,8 +93,7 @@ class AtomicAutomaticFacet extends InitializeBindingsMixin(LitElement) {
     render() {
         if (this.searchStatus.state.hasError) return nothing;
         return renderFacetContainer()(html`
-      ${this.renderHeader()}
-      ${when(!this.isCollapsed, ()=>this.renderValues())}
+      ${this.renderHeader()} ${when(!this.isCollapsed, ()=>this.renderValues())}
     `);
     }
     constructor(...args){

package/dist/esm/components/search/atomic-automatic-facet-generator/atomic-automatic-facet-generator.js

@@ -54,14 +54,14 @@ class AtomicAutomaticFacetGenerator extends LightDomMixin(LitElement) {
     renderAutomaticFacets() {
         if (0 === this.automaticFacetGeneratorState.automaticFacets.length) return nothing;
         return html`${this.automaticFacetGeneratorState.automaticFacets.map((facet, index)=>keyed(facet.state.field, 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;

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

@@ -224,11 +224,9 @@ class AtomicCategoryFacet extends LitElement {
                     this.focusTargets.activeValueFocus.setTarget(el);
                 }
             }
-        })(html`
-        ${renderCategoryFacetChildrenAsTreeContainer({
+        })(html` ${renderCategoryFacetChildrenAsTreeContainer({
             props: {}
-        })(this.renderChildren())}
-      `)}
+        })(this.renderChildren())} `)}
     `;
     }
     renderChild(facetValue, isShowLessFocusTarget, isShowMoreFocusTarget) {

package/dist/esm/components/search/atomic-color-facet/atomic-color-facet.js

@@ -71,9 +71,7 @@ class AtomicColorFacet extends LitElement {
         return this.searchStatusState && !this.searchStatusState.hasError && this.facetState?.enabled && (!this.searchStatusState.firstSearchExecuted || this.facetState.values.length > 0);
     }
     render() {
-        return html`${when(this.shouldRenderFacet(), ()=>this.searchStatusState.firstSearchExecuted ? renderFacetContainer()(html`
-            ${this.renderFacetHeader()} ${this.renderBody()}
-          `) : renderFacetPlaceholder({
+        return html`${when(this.shouldRenderFacet(), ()=>this.searchStatusState.firstSearchExecuted ? renderFacetContainer()(html` ${this.renderFacetHeader()} ${this.renderBody()} `) : renderFacetPlaceholder({
                 props: {
                     numberOfValues: this.numberOfValues,
                     isCollapsed: this.isCollapsed

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

@@ -76,9 +76,7 @@ class AtomicFacet extends LitElement {
         return !this.searchStatusState.hasError && this.facetState.enabled && (!this.searchStatusState.firstSearchExecuted || this.facetState.values.length > 0);
     }
     render() {
-        return html`${when(this.shouldRenderFacet(), ()=>this.searchStatusState.firstSearchExecuted ? renderFacetContainer()(html`
-            ${this.renderFacetHeader()} ${this.renderBody()}
-          `) : html`<atomic-facet-placeholder
+        return html`${when(this.shouldRenderFacet(), ()=>this.searchStatusState.firstSearchExecuted ? renderFacetContainer()(html` ${this.renderFacetHeader()} ${this.renderBody()} `) : html`<atomic-facet-placeholder
             value-count="${this.numberOfValues}"
           ></atomic-facet-placeholder>`)}`;
     }

package/dist/esm/components/search/atomic-folded-result-list/atomic-folded-result-list.js

@@ -165,18 +165,18 @@ class AtomicFoldedResultList extends ChildrenUpdateCompleteMixin(LitElement) {
     }
     renderList() {
         return html`${map(this.foldedResultListState.results, (collection, index)=>html`${keyed(this.getResultId(collection), html`<atomic-result
-            part="outline"
-            ${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((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);

package/dist/esm/components/search/atomic-no-results/atomic-no-results.js

@@ -38,8 +38,8 @@ class AtomicNoResults extends LitElement {
             firstSearchExecuted: this.searchStatusState.firstSearchExecuted,
             hasResults: this.searchStatusState.hasResults
         }, ()=>renderNoItemsContainer()(html`
-          ${renderMagnifyingGlass()} ${this.renderNoItems()}
-          ${this.renderSearchTips()} ${this.renderCancelButton()}
+          ${renderMagnifyingGlass()} ${this.renderNoItems()} ${this.renderSearchTips()}
+          ${this.renderCancelButton()}
         `))}`;
     }
     renderNoItems() {

package/dist/esm/components/search/atomic-notifications/atomic-notifications.js

@@ -81,9 +81,7 @@ class AtomicNotifications extends InitializeBindingsMixin(LitElement) {
           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>
     `;
     }

package/dist/esm/components/search/atomic-popover/atomic-popover.js

@@ -114,13 +114,7 @@ class AtomicPopover extends LitElement {
                 class: buttonClassString
             }
         })(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