@coveo/atomic 3.64.1 → 3.65.0

package/dist/cjs/components/common/atomic-modal/atomic-modal.cjs

@@ -44,6 +44,7 @@ const bindings_mixin_cjs_namespaceObject = require("../../../mixins/bindings-mix
 const event_utils_cjs_namespaceObject = require("../../../utils/event-utils.cjs");
 const replace_breakpoint_utils_cjs_namespaceObject = require("../../../utils/replace-breakpoint-utils.cjs");
 const utils_cjs_namespaceObject = require("../../../utils/utils.cjs");
+require("../atomic-focus-trap/atomic-focus-trap.cjs");
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);
@@ -84,7 +85,7 @@ class AtomicModal extends (0, bindings_mixin_cjs_namespaceObject.InitializeBindi
               role="dialog"
               aria-modal=${this.isOpen ? 'true' : 'false'}
               aria-labelledby=${this.headerId}
-              .source=${this.source}
+              .source=${this.source ?? this.focusedElementBeforeOpen}
               .container=${this.container ?? this}
               ${(0, ref_js_namespaceObject.ref)(this.focusTrap)}
               .scope=${this.scope ?? this.bindings?.interfaceElement ?? document.body}
@@ -128,6 +129,8 @@ class AtomicModal extends (0, bindings_mixin_cjs_namespaceObject.InitializeBindi
     }
     async handleModalOpen() {
         const executionId = this.createExecutionTracker();
+        const focusedElement = (0, utils_cjs_namespaceObject.getFocusedElement)();
+        this.focusedElementBeforeOpen = focusedElement instanceof HTMLElement && !(0, utils_cjs_namespaceObject.isAncestorOf)(this, focusedElement) ? focusedElement : void 0;
         if (!this.shouldRender) {
             this.shouldRender = true;
             await this.updateComplete;
@@ -345,6 +348,10 @@ _ts_decorate([
     }),
     _ts_metadata("design:type", "u" < typeof HTMLElement ? Object : HTMLElement)
 ], AtomicModal.prototype, "source", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.state)(),
+    _ts_metadata("design:type", "u" < typeof HTMLElement ? Object : HTMLElement)
+], AtomicModal.prototype, "focusedElementBeforeOpen", void 0);
 _ts_decorate([
     (0, error_guard_cjs_namespaceObject.errorGuard)(),
     _ts_metadata("design:type", Function),

package/dist/cjs/components/common/atomic-tab-popover/atomic-tab-popover.cjs

@@ -51,6 +51,7 @@ const error_guard_cjs_namespaceObject = require("../../../decorators/error-guard
 const with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
 const arrow_bottom_rounded_cjs_namespaceObject = require("../../../images/arrow-bottom-rounded.cjs");
 var arrow_bottom_rounded_cjs_default = /*#__PURE__*/ __webpack_require__.n(arrow_bottom_rounded_cjs_namespaceObject);
+require("../atomic-icon/atomic-icon.cjs");
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);

package/dist/cjs/components/common/facets/timeframe-facet-common.cjs

@@ -188,8 +188,8 @@ class TimeframeFacetCommon {
                 label: this.props.label
             }
         })((0, external_lit_namespaceObject.html)`<ul class="mt-3" part="values">
-      ${children}
-    </ul>`);
+        ${children}
+      </ul>`);
     }
     renderHeader(isCollapsed, headerFocus, onToggleCollapse) {
         return (0, facet_header_cjs_namespaceObject.renderFacetHeader)({

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

@@ -33,6 +33,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const external_marked_namespaceObject = require("marked");
 const utils_cjs_namespaceObject = require("../../../../utils/utils.cjs");
+require("../../atomic-generated-answer-inline-link/atomic-generated-answer-inline-link.cjs");
 const toInlinePlainText = (textWithHtml)=>{
     const withoutHtmlTags = textWithHtml.replace(/<[^>]*>/g, ' ');
     const withCollapsedWhitespaces = withoutHtmlTags.replace(/\s{2,}/g, ' ');

package/dist/cjs/components/common/item-list/result-template-provider.cjs

@@ -32,6 +32,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const headless_namespaceObject = require("@coveo/headless");
 const template_provider_cjs_namespaceObject = require("../template-provider/template-provider.cjs");
+require("../../search/atomic-result-link/atomic-result-link.cjs");
 class ResultTemplateProvider extends template_provider_cjs_namespaceObject.TemplateProvider {
     makeDefaultTemplate() {
         const content = document.createDocumentFragment();

package/dist/cjs/components/common/result-templates/result-template-controller.cjs

@@ -31,6 +31,7 @@ __webpack_require__.d(__webpack_exports__, {
     ResultTemplateController: ()=>ResultTemplateController
 });
 const base_template_controller_cjs_namespaceObject = require("../template-controller/base-template-controller.cjs");
+require("../../search/atomic-result-link/atomic-result-link.cjs");
 class ResultTemplateController extends base_template_controller_cjs_namespaceObject.BaseTemplateController {
     getTemplate(conditions) {
         const baseTemplate = this.getBaseTemplate(conditions);

package/dist/cjs/components/common/suggestions/suggestion-manager.cjs

@@ -100,11 +100,13 @@ class SuggestionManager {
             const panelHasActiveDescendant = this.previousActiveDescendantElement && panel.contains(this.previousActiveDescendantElement);
             const newValue = panelHasActiveDescendant ? this.previousActiveDescendantElement : panel.firstElementChild;
             this.updateDescendants(newValue.id);
+            this.updateKeyboardActiveDescendant(newValue.id);
         }
     }
     clearSuggestions() {
         this.clearSuggestionElements();
         this.updateActiveDescendant();
+        this.updateKeyboardActiveDescendant();
     }
     async focusNextValue() {
         if (!this.hasSuggestions || !this.nextOrFirstValue) return;
@@ -153,6 +155,7 @@ class SuggestionManager {
     }
     async executeQuerySuggestion() {
         this.updateActiveDescendant();
+        this.updateKeyboardActiveDescendant();
         const settled = await Promise.allSettled(this.suggestions.map((suggestion)=>(0, promise_utils_cjs_namespaceObject.promiseTimeout)(suggestion.onInput ? suggestion.onInput() : Promise.resolve(), this.ownerSearchBoxProps.getSuggestionTimeout())));
         const fulfilledSuggestions = [];
         settled.forEach((prom, j)=>{

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

@@ -155,8 +155,8 @@ class AtomicInsightFacet extends external_lit_namespaceObject.LitElement {
                 label: this.label
             }
         })((0, external_lit_namespaceObject.html)`<ul class="mt-3 ${'box' === this.displayValuesAs ? 'box-container' : ''}" part="values">
-      ${children}
-    </ul>`);
+        ${children}
+      </ul>`);
     }
     renderValues() {
         const firstNewValueIndex = (0, facet_common_cjs_namespaceObject.getFirstNewFacetValueIndex)(this.facet.state.values, this.valuesBeforeShowMore);

package/dist/cjs/components/insight/atomic-insight-result-attach-to-case-indicator/atomic-insight-result-attach-to-case-indicator.cjs

@@ -50,6 +50,7 @@ const error_guard_cjs_namespaceObject = require("../../../decorators/error-guard
 const with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
 const attach_cjs_namespaceObject = require("../../../images/attach.cjs");
 var attach_cjs_default = /*#__PURE__*/ __webpack_require__.n(attach_cjs_namespaceObject);
+require("../../common/atomic-icon/atomic-icon.cjs");
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);

package/dist/cjs/components/insight/atomic-insight-user-actions-session/atomic-insight-user-actions-session.cjs

@@ -53,6 +53,7 @@ var flag_cjs_default = /*#__PURE__*/ __webpack_require__.n(flag_cjs_namespaceObj
 const three_dots_cjs_namespaceObject = require("../../../images/three-dots.cjs");
 var three_dots_cjs_default = /*#__PURE__*/ __webpack_require__.n(three_dots_cjs_namespaceObject);
 const external_user_action_cjs_namespaceObject = require("./user-action.cjs");
+require("../../common/atomic-icon/atomic-icon.cjs");
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);

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

@@ -52,6 +52,7 @@ const quickview_cjs_namespaceObject = require("../../../images/quickview.cjs");
 var quickview_cjs_default = /*#__PURE__*/ __webpack_require__.n(quickview_cjs_namespaceObject);
 const search_cjs_namespaceObject = require("../../../images/search.cjs");
 var search_cjs_default = /*#__PURE__*/ __webpack_require__.n(search_cjs_namespaceObject);
+require("../../common/atomic-icon/atomic-icon.cjs");
 const icons = {
     SEARCH: search_cjs_default(),
     CLICK: document_cjs_default(),

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

@@ -239,8 +239,8 @@ class AtomicRatingRangeFacet extends external_lit_namespaceObject.LitElement {
                 label: this.label
             }
         })((0, external_lit_namespaceObject.html)`<ul class="mt-3" part="values">
-      ${children}
-    </ul>`);
+        ${children}
+      </ul>`);
     }
     renderValues() {
         return this.renderValuesContainer(this.valuesToRender.map((value)=>this.renderValue(value, ()=>this.facet.toggleSingleSelect(value))));
@@ -257,8 +257,7 @@ class AtomicRatingRangeFacet extends external_lit_namespaceObject.LitElement {
                 }
             });
             if (!this.valuesToRender.length) return external_lit_namespaceObject.nothing;
-            return (0, facet_container_cjs_namespaceObject.renderFacetContainer)()((0, external_lit_namespaceObject.html)`${this.renderHeader()}
-      ${(0, when_js_namespaceObject.when)(!this.isCollapsed, ()=>this.renderValues())}`);
+            return (0, facet_container_cjs_namespaceObject.renderFacetContainer)()((0, external_lit_namespaceObject.html)`${this.renderHeader()} ${(0, when_js_namespaceObject.when)(!this.isCollapsed, ()=>this.renderValues())}`);
         })}`;
     }
     constructor(){

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

@@ -36,11 +36,14 @@ const external_lit_namespaceObject = require("lit");
 const decorators_js_namespaceObject = require("lit/decorators.js");
 const class_map_js_namespaceObject = require("lit/directives/class-map.js");
 const ref_js_namespaceObject = require("lit/directives/ref.js");
+const when_js_namespaceObject = require("lit/directives/when.js");
+const button_cjs_namespaceObject = require("../../common/button.cjs");
 const search_box_wrapper_cjs_namespaceObject = require("../../common/search-box/search-box-wrapper.cjs");
 const search_text_area_cjs_namespaceObject = require("../../common/search-box/search-text-area.cjs");
 const submit_button_cjs_namespaceObject = require("../../common/search-box/submit-button.cjs");
 const suggestion_manager_cjs_namespaceObject = require("../../common/suggestions/suggestion-manager.cjs");
 const suggestions_utils_cjs_namespaceObject = require("../../common/suggestions/suggestions-utils.cjs");
+const validate_props_controller_cjs_namespaceObject = require("../../common/validate-props-controller/validate-props-controller.cjs");
 const boolean_converter_cjs_namespaceObject = require("../../../converters/boolean-converter.cjs");
 const bind_state_cjs_namespaceObject = require("../../../decorators/bind-state.cjs");
 const binding_guard_cjs_namespaceObject = require("../../../decorators/binding-guard.cjs");
@@ -261,7 +264,7 @@ class AtomicSearchBox extends external_lit_namespaceObject.LitElement {
                 }
                 break;
             case 'Tab':
-                this.suggestionManager.clearSuggestions();
+                if ('bottom' !== this.clearRecentButtonPosition || !this.clearRecentQueriesElement) this.suggestionManager.clearSuggestions();
                 break;
             default:
                 if (this.suggestionManager.keyboardActiveDescendant) this.suggestionManager.updateKeyboardActiveDescendant();
@@ -322,11 +325,59 @@ class AtomicSearchBox extends external_lit_namespaceObject.LitElement {
             }
         })}`;
     }
+    get clearRecentQueriesElement() {
+        const { leftSuggestionElements, rightSuggestionElements } = this.suggestionManager;
+        return [
+            leftSuggestionElements,
+            rightSuggestionElements
+        ].flatMap((elements)=>elements.slice(0, -1)).find((element)=>'recent-query-clear' === element.key);
+    }
+    renderRecentQueriesTitle() {
+        return (0, external_lit_namespaceObject.html)`<div
+      part="recent-query-title"
+      class="text-neutral-dark flex min-h-10 items-center px-4 font-bold"
+      @mousedown=${(e)=>e.preventDefault()}
+    >
+      ${this.bindings.i18n.t('recent-searches')}
+    </div>`;
+    }
+    renderClearRecentQueriesButton(element) {
+        const deselectSuggestion = ()=>{
+            this.suggestionManager.updateKeyboardActiveDescendant();
+            this.suggestionManager.updateActiveDescendant();
+        };
+        return (0, external_lit_namespaceObject.html)`<div
+      class="border-neutral flex border-t"
+      @mousedown=${(e)=>e.preventDefault()}
+      @mouseenter=${deselectSuggestion}
+      @focusin=${deselectSuggestion}
+      @keydown=${(e)=>{
+            if ('Escape' !== e.key) return;
+            this.textAreaRef.value?.focus();
+            this.isExpanded = false;
+            this.suggestionManager.clearSuggestions();
+        }}
+    >
+      ${(0, button_cjs_namespaceObject.renderButton)({
+            props: {
+                style: 'text-primary',
+                text: this.bindings.i18n.t('clear-recent-searches'),
+                part: 'recent-query-clear-button',
+                class: 'focus-visible:ring-ring-primary flex min-h-12 w-full items-center justify-center rounded-none px-4 focus-visible:ring-2 focus-visible:ring-inset',
+                onClick: (e)=>{
+                    element.onSelect?.(e);
+                    this.textAreaRef.value?.focus();
+                }
+            }
+        })(external_lit_namespaceObject.nothing)}
+    </div>`;
+    }
     renderSuggestions() {
         const part = `suggestions-wrapper ${this.suggestionManager.isDoubleList ? 'suggestions-double-list' : 'suggestions-single-list'}`;
         const isVisible = this.suggestionManager.hasSuggestions && this.isExpanded && !this.isSearchDisabledForEndUser;
         const classes = {
             'bg-background border-neutral absolute top-full left-0 z-10 flex w-full rounded-md border': true,
+            'overflow-hidden': 'bottom' === this.clearRecentButtonPosition,
             hidden: !isVisible
         };
         return (0, external_lit_namespaceObject.html)`<div
@@ -337,25 +388,43 @@ class AtomicSearchBox extends external_lit_namespaceObject.LitElement {
       aria-label=${this.bindings.i18n.t(this.suggestionManager.isDoubleList ? 'search-suggestions-double-list' : 'search-suggestions-single-list')}
       aria-activedescendant=${this.suggestionManager.activeDescendant}
     >
-      ${this.renderPanel('left', this.suggestionManager.leftSuggestionElements, (el)=>{
-            this.suggestionManager.leftPanel = el;
-        }, ()=>this.suggestionManager.leftPanel)}
-      ${this.renderPanel('right', this.suggestionManager.rightSuggestionElements, (el)=>{
-            this.suggestionManager.rightPanel = el;
-        }, ()=>this.suggestionManager.rightPanel)}
+      ${this.renderPanel('left', this.suggestionManager.leftSuggestionElements, this.setLeftPanel, ()=>this.suggestionManager.leftPanel)}
+      ${this.renderPanel('right', this.suggestionManager.rightSuggestionElements, this.setRightPanel, ()=>this.suggestionManager.rightPanel)}
     </div>`;
     }
     renderPanel(side, elements, setRef, getRef) {
-        if (!elements.length) return null;
+        let listElements = elements;
+        let isListNested = false;
+        let recentQueriesTitle;
+        let clearRecentQueriesButton;
+        switch(this.clearRecentButtonPosition){
+            case 'bottom':
+                {
+                    isListNested = true;
+                    const clearElement = this.clearRecentQueriesElement;
+                    if (clearElement && elements.includes(clearElement)) {
+                        listElements = elements.filter((element)=>element !== clearElement);
+                        clearRecentQueriesButton = this.renderClearRecentQueriesButton(clearElement);
+                        if (elements[0] === clearElement) recentQueriesTitle = this.renderRecentQueriesTitle();
+                    }
+                    break;
+                }
+        }
+        if (!listElements.length) return null;
+        const suggestions = listElements.map((suggestion, index)=>this.renderSuggestion(suggestion, index, listElements.length - 1, side));
         return (0, external_lit_namespaceObject.html)`<div
       part="suggestions suggestions-${side}"
-      ${(0, ref_js_namespaceObject.ref)(setRef)}
+      ${(0, ref_js_namespaceObject.ref)(isListNested ? void 0 : setRef)}
       class="flex grow basis-1/2 flex-col"
       @mousedown=${(e)=>{
             if (e.target === getRef()) e.preventDefault();
         }}
     >
-      ${elements.map((suggestion, index)=>this.renderSuggestion(suggestion, index, elements.length - 1, side))}
+      ${recentQueriesTitle}
+      ${(0, when_js_namespaceObject.when)(isListNested, ()=>(0, external_lit_namespaceObject.html)`<div class="flex grow flex-col" ${(0, ref_js_namespaceObject.ref)(setRef)}>
+            ${suggestions}
+          </div>`, ()=>suggestions)}
+      ${clearRecentQueriesButton}
     </div>`;
     }
     renderSuggestion(item, index, lastIndex, side) {
@@ -418,10 +487,25 @@ class AtomicSearchBox extends external_lit_namespaceObject.LitElement {
       ${this.renderSlotContent()}
     `;
     }
-    constructor(...args){
-        super(...args), this.isExpanded = false, this.textAreaRef = (0, ref_js_namespaceObject.createRef)(), this.searchBoxSuggestionEventsQueue = [], this.searchBoxAriaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'search-box'), this.suggestionsAriaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'search-suggestions', true), this.numberOfQueries = 8, this.suggestionTimeout = 400, this.suggestionDelay = 0, this.disableSearch = false, this.minimumQueryLength = 0, this.clearFilters = true, this.enableQuerySyntax = false, this.updateBreakpoints = (0, utils_cjs_namespaceObject.once)(()=>(0, replace_breakpoint_utils_cjs_namespaceObject.updateBreakpoints)(this));
+    constructor(){
+        super(), this.isExpanded = false, this.textAreaRef = (0, ref_js_namespaceObject.createRef)(), this.setLeftPanel = (el)=>{
+            this.suggestionManager.leftPanel = el;
+        }, this.setRightPanel = (el)=>{
+            this.suggestionManager.rightPanel = el;
+        }, this.searchBoxSuggestionEventsQueue = [], this.searchBoxAriaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'search-box'), this.suggestionsAriaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'search-suggestions', true), this.numberOfQueries = 8, this.suggestionTimeout = 400, this.suggestionDelay = 0, this.disableSearch = false, this.minimumQueryLength = 0, this.clearFilters = true, this.enableQuerySyntax = false, this.clearRecentButtonPosition = 'top', this.updateBreakpoints = (0, utils_cjs_namespaceObject.once)(()=>(0, replace_breakpoint_utils_cjs_namespaceObject.updateBreakpoints)(this));
+        new validate_props_controller_cjs_namespaceObject.ValidatePropsController(this, ()=>({
+                clearRecentButtonPosition: this.clearRecentButtonPosition
+            }), AtomicSearchBox.propsSchema);
     }
 }
+AtomicSearchBox.propsSchema = new bueno_namespaceObject.Schema({
+    clearRecentButtonPosition: new bueno_namespaceObject.StringValue({
+        constrainTo: [
+            'top',
+            'bottom'
+        ]
+    })
+});
 AtomicSearchBox.shadowRootOptions = {
     ...external_lit_namespaceObject.LitElement.shadowRootOptions,
     delegatesFocus: true
@@ -503,6 +587,14 @@ _ts_decorate([
         converter: boolean_converter_cjs_namespaceObject.booleanConverter
     })
 ], AtomicSearchBox.prototype, "enableQuerySyntax", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        type: String,
+        attribute: 'clear-recent-button-position',
+        reflect: true
+    }),
+    _ts_metadata("design:type", String)
+], AtomicSearchBox.prototype, "clearRecentButtonPosition", void 0);
 _ts_decorate([
     (0, watch_cjs_namespaceObject.watch)('redirectionUrl'),
     _ts_metadata("design:type", Function),
@@ -519,7 +611,9 @@ _ts_decorate([
 AtomicSearchBox = _ts_decorate([
     (0, decorators_js_namespaceObject.customElement)('atomic-search-box'),
     (0, bindings_cjs_namespaceObject.bindings)(),
-    with_tailwind_styles_cjs_namespaceObject.withTailwindStyles
+    with_tailwind_styles_cjs_namespaceObject.withTailwindStyles,
+    _ts_metadata("design:type", Function),
+    _ts_metadata("design:paramtypes", [])
 ], AtomicSearchBox);
 exports.AtomicSearchBox = __webpack_exports__.AtomicSearchBox;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/cjs/components/search/atomic-search-box-instant-results/atomic-search-box-instant-results.cjs

@@ -39,6 +39,7 @@ const instant_item_cjs_namespaceObject = require("../../common/suggestions/insta
 const suggestions_events_cjs_namespaceObject = require("../../common/suggestions/suggestions-events.cjs");
 const error_guard_cjs_namespaceObject = require("../../../decorators/error-guard.cjs");
 const string_utils_cjs_namespaceObject = require("../../../utils/string-utils.cjs");
+require("../atomic-result/atomic-result.cjs");
 function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);

package/dist/cjs/global/environment.cjs

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