@coveo/atomic 3.60.1 → 3.60.3

package/dist/esm/components/common/generated-answer/generated-content/markdown-utils.js

@@ -1,4 +1,5 @@
-import { marked } from "marked";
+import { Marked, Renderer } from "marked";
+import { parseHTML } from "../../../../utils/utils.js";
 const toInlinePlainText = (textWithHtml)=>{
     const withoutHtmlTags = textWithHtml.replace(/<[^>]*>/g, ' ');
     const withCollapsedWhitespaces = withoutHtmlTags.replace(/\s{2,}/g, ' ');
@@ -19,6 +20,7 @@ const completeUnclosedElement = (text)=>{
     }
     return text;
 };
+const decodeHtmlEntities = (text)=>parseHTML(text).body.textContent ?? '';
 const escapeHtml = (text)=>text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;');
 const customRenderer = {
     blockquote (quote) {
@@ -76,7 +78,79 @@ const customRenderer = {
         return completeUnclosedElement(text);
     }
 };
-const transformMarkdownToHtml = (text)=>marked.use({
-        renderer: customRenderer
-    }).parse(text);
-export { transformMarkdownToHtml };
+class PlainTextRenderer extends Renderer {
+    blockquote(quote) {
+        return ` ${quote} `;
+    }
+    br() {
+        return ' ';
+    }
+    checkbox() {
+        return '';
+    }
+    code(code) {
+        return ` ${code} `;
+    }
+    codespan(text) {
+        return text;
+    }
+    del(text) {
+        return text;
+    }
+    em(text) {
+        return text;
+    }
+    heading(text) {
+        return ` ${text} `;
+    }
+    hr() {
+        return ' ';
+    }
+    html(text) {
+        return toInlinePlainText(text);
+    }
+    image(_href, _title, text) {
+        return text;
+    }
+    link(_href, _title, text) {
+        return text;
+    }
+    list(body) {
+        return ` ${body} `;
+    }
+    listitem(text) {
+        return ` ${text} `;
+    }
+    paragraph(text) {
+        return ` ${text} `;
+    }
+    strong(text) {
+        return text;
+    }
+    table(header, body) {
+        return ` ${header} ${body} `;
+    }
+    tablecell(content) {
+        return `${content} `;
+    }
+    tablerow(content) {
+        return ` ${content} `;
+    }
+    text(text) {
+        return text.replace(unclosedElement, '$2');
+    }
+}
+const markdownParser = new Marked();
+const plainTextMarkdownParser = new Marked();
+const htmlRenderer = Object.assign(new Renderer(), customRenderer);
+const plainTextRenderer = new PlainTextRenderer();
+const transformMarkdownToHtml = (text)=>markdownParser.parse(text, {
+        renderer: htmlRenderer
+    });
+const markdownToPlainText = (text)=>{
+    const plain = plainTextMarkdownParser.parse(text, {
+        renderer: plainTextRenderer
+    });
+    return decodeHtmlEntities(plain).replace(/\s+/g, ' ').trim();
+};
+export { markdownToPlainText, transformMarkdownToHtml };

package/dist/esm/components/common/generated-answer/render-conversation-debug-header.js

@@ -5,13 +5,11 @@ import { hasClipboardSupport } from "./generated-answer-utils.js";
 import copy from "../../../images/copy.js";
 const renderConversationDebugHeader = ({ props })=>{
     const { i18n, conversationId } = props;
-    return html`<div
-    class="flex flex-wrap gap-1.5 items-center text-neutral-dark"
-  >
+    return 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>
 
-    <div class="flex items-center text-neutral-dark shrink-0">
+    <div class="flex items-center text-neutral-dark break-all">
       ${i18n.t('generated-answer-conversation-id', {
         conversationId
     })}
@@ -24,10 +22,7 @@ const renderConversationDebugHeader = ({ props })=>{
                 navigator.clipboard.writeText(conversationId).catch(()=>{});
             }
         }
-    })(html`<atomic-icon
-              class="w-4 text-neutral-dark"
-              .icon=${copy}
-            ></atomic-icon>`) : nothing}
+    })(html`<atomic-icon class="w-4 text-neutral-dark" .icon=${copy}></atomic-icon>`) : nothing}
     </div>
   </div>`;
 };

package/dist/esm/components/common/generated-answer/render-generating-answer-label.js

@@ -4,10 +4,7 @@ const renderGeneratingAnswerLabel = ({ props })=>{
     const { i18n, isStreaming, collapsible } = props;
     const canRender = collapsible && isStreaming;
     return html`${when(canRender, ()=>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>
     `)}`;

package/dist/esm/components/common/generated-answer/source-citations.js

@@ -1,12 +1,8 @@
 import { html, nothing } from "lit";
 const renderSourceCitations = ({ props })=>(children)=>props.isVisible ? 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>

package/dist/esm/components/common/image-carousel/image-carousel.js

@@ -36,11 +36,7 @@ const renderImageCarousel = ({ props })=>{
                 class: `${commonPaginationClasses} right-0 mr-1`
             }
         })(html`
-      <atomic-icon
-        part="next-icon"
-        icon=${arrow_right}
-        class=${commonArrowClasses}
-      ></atomic-icon>
+      <atomic-icon part="next-icon" icon=${arrow_right} class=${commonArrowClasses}></atomic-icon>
     `);
     const renderIndicators = ()=>renderCarouselIndicator({
             props: {
@@ -58,9 +54,7 @@ const renderImageCarousel = ({ props })=>{
       aria-label=${props.label}
     >
       ${renderPreviousButton()}
-      <div class="w-full h-full" aria-live="polite" aria-atomic="false">
-        ${children}
-      </div>
+      <div class="w-full h-full" aria-live="polite" aria-atomic="false">${children}</div>
       ${renderNextButton()} ${renderIndicators()}
     </div>`;
     };

package/dist/esm/components/common/item-list/display-wrapper.js

@@ -20,8 +20,6 @@ const renderListWrapper = ({ props })=>{
 };
 const renderListRoot = ({ props })=>{
     const { listClasses } = props;
-    return (children)=>html`<div class="list-root ${listClasses}" part="result-list">
-      ${children}
-    </div>`;
+    return (children)=>html`<div class="list-root ${listClasses}" part="result-list">${children}</div>`;
 };
 export { renderDisplayWrapper };

package/dist/esm/components/common/item-list/table-layout.js

@@ -8,17 +8,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)=>html`<table
-      class="list-root ${listClasses}"
-      part="result-table"
-      aria-label=${label}
-    >
+    return (children)=>html`<table class="list-root ${listClasses}" part="result-table" aria-label=${label}>
       <thead part="result-table-heading">
         <tr part="result-table-heading-row">
           ${map(fieldColumns, (column)=>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>

package/dist/esm/components/common/items-per-page/choices.js

@@ -7,12 +7,7 @@ const renderChoices = ({ props })=>{
         else if (choice > pageSize) focusOnNextNewResult();
     };
     return 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 = [

package/dist/esm/components/common/items-per-page/label.js

@@ -1,11 +1,11 @@
 import { html } from "lit";
 const renderLabel = ()=>(children)=>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>
+  `;
 export { renderLabel };

package/dist/esm/components/common/load-more/container.js

@@ -1,5 +1,3 @@
 import { html } from "lit";
-const renderLoadMoreContainer = ()=>(children)=>html`
-      <div class="flex flex-col items-center" part="container">${children}</div>
-    `;
+const renderLoadMoreContainer = ()=>(children)=>html` <div class="flex flex-col items-center" part="container">${children}</div> `;
 export { renderLoadMoreContainer };

package/dist/esm/components/common/load-more/summary.js

@@ -12,9 +12,7 @@ const renderLoadMoreSummary = ({ props })=>{
         total: wrapHighlight(to.toLocaleString(locale))
     });
     return html`
-    <div class="text-neutral-dark my-2 text-lg" part="showing-results">
-      ${unsafeHTML(content)}
-    </div>
+    <div class="text-neutral-dark my-2 text-lg" part="showing-results">${unsafeHTML(content)}</div>
   `;
 };
 export { renderLoadMoreSummary };

package/dist/esm/components/common/no-items/container.js

@@ -1,8 +1,6 @@
 import { html } from "lit";
 const renderNoItemsContainer = ()=>(children)=>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>
+  `;
 export { renderNoItemsContainer };

package/dist/esm/components/common/no-items/no-items.js

@@ -20,12 +20,7 @@ const renderNoItems = ({ props })=>{
         }
     }) : props.i18n.t(props.i18nKey);
     return 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>
   `;
 };
 export { renderNoItems };

package/dist/esm/components/common/query-error/link.js

@@ -13,11 +13,7 @@ const renderQueryErrorLink = ({ props })=>{
         }
     };
     const link = getErrorLink();
-    return link ? html`<a
-        href=${link}
-        part="doc-link"
-        class="btn-primary mt-10 inline-block p-3"
-      >
+    return link ? html`<a href=${link} part="doc-link" class="btn-primary mt-10 inline-block p-3">
         ${props.i18n.t('coveo-online-help')}
       </a>` : nothing;
 };

package/dist/esm/components/common/query-summary/container.js

@@ -5,8 +5,6 @@ const renderQuerySummaryContainer = ({ props })=>(children)=>{
             'text-on-background': true,
             [props.additionalClasses ?? '']: Boolean(props.additionalClasses)
         };
-        return html`
-      <div class=${multiClassMap(classNames)} part="container">${children}</div>
-    `;
+        return html` <div class=${multiClassMap(classNames)} part="container">${children}</div> `;
     };
 export { renderQuerySummaryContainer };

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

@@ -3,10 +3,7 @@ import { when } from "lit/directives/when.js";
 import { renderButton } from "../button.js";
 const renderRefineModalFiltersSection = ({ props })=>(children)=>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}

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>`);
     }