@coveo/atomic 3.35.0-pre.b3e173655a → 3.35.0-pre.d735e0b324

package/dist/esm/atomic-insight-search-box.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { loadInsightSearchActions, buildSearchBox } from '@coveo/headless/insight';
-import { S as SuggestionManager, a as SearchSlimIcon, b as SearchTextArea, c as SearchBoxWrapper } from './stencil-suggestion-manager-376f83e8.js';
+import { S as SuggestionManager, a as SearchSlimIcon, b as SearchTextArea, c as SearchBoxWrapper } from './stencil-suggestion-manager-1f4ed8d0.js';
 import { i as isMacOS, h as hasKeyboard } from './device-utils-58c97096.js';
 import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
-import { A as AriaLiveRegion } from './stencil-accessibility-utils-196a08f3.js';
-import { r as randomID, h as isFocusingOut } from './utils-7161486d.js';
+import { A as AriaLiveRegion } from './stencil-accessibility-utils-ae75044b.js';
+import { r as randomID, g as isFocusingOut } from './utils-6400ebde.js';
 import { g as getPartialSearchBoxSuggestionElement, Q as QuerySuggestionText, a as QuerySuggestionIcon, b as QuerySuggestionContainer } from './stencil-query-suggestions-5d6a46d7.js';
 import { a as elementHasQuery } from './suggestions-utils-591559a0.js';
 import './stencil-button-1a29a5df.js';
@@ -212,13 +212,13 @@ const AtomicInsightSearchBox = class {
             : this.bindings.i18n.t('query-suggestions-unavailable');
     }
     render() {
-        return (h(SearchBoxWrapper, { key: 'f92f6078e860d6984ebb5f55ebbc166606b5a509', disabled: this.disableSearch, onFocusout: (event) => {
+        return (h(SearchBoxWrapper, { key: 'df4cbdb520080f4e7c009e3e3810c8fee89e2bb4', disabled: this.disableSearch, onFocusout: (event) => {
                 if (!isFocusingOut(event)) {
                     return;
                 }
                 this.suggestionManager.clearSuggestions();
                 this.isExpanded = false;
-            } }, h("atomic-icon", { key: '1fc15cc40b0eafac001ed602d482973002ac01ed', part: "submit-icon", icon: SearchSlimIcon, class: "my-auto mr-0 ml-4 h-4 w-4" }), h(SearchTextArea, { key: '15315ae93d56c429993452860f20a4dc3ba23eec', textAreaRef: this.textAreaRef, loading: this.searchBoxState.isLoading, ref: (el) => el && (this.textAreaRef = el), bindings: this.bindings, value: this.searchBoxState.value, ariaLabel: this.getSearchInputLabel(), placeholder: this.bindings.i18n.t('search-ellipsis'), onFocus: () => this.onFocus(), onKeyDown: (e) => this.onKeyDown(e), onClear: () => {
+            } }, h("atomic-icon", { key: '62b9e0c4df051630685345250e72a198cc3b4496', part: "submit-icon", icon: SearchSlimIcon, class: "my-auto mr-0 ml-4 h-4 w-4" }), h(SearchTextArea, { key: '40cc8c396393f625576b3aa11408898e8246c072', textAreaRef: this.textAreaRef, loading: this.searchBoxState.isLoading, ref: (el) => el && (this.textAreaRef = el), bindings: this.bindings, value: this.searchBoxState.value, ariaLabel: this.getSearchInputLabel(), placeholder: this.bindings.i18n.t('search-ellipsis'), onFocus: () => this.onFocus(), onKeyDown: (e) => this.onKeyDown(e), onClear: () => {
                 this.searchBox.clear();
                 this.triggerTextAreaChange('');
             }, onInput: (e) => this.onInput(e.target.value) }), this.renderSuggestions()));

package/dist/esm/atomic-insight-smart-snippet-feedback-modal.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-3f35faca.js';
 import { A as ATOMIC_MODAL_EXPORT_PARTS } from './export-parts-14a53e2c.js';
 import { S as SmartSnippetFeedbackModalFooter, a as SmartSnippetFeedbackModalBody, b as SmartSnippetFeebackModalOptions, s as smartSnippetFeedbackOptions, c as SmartSnippetFeedbackModalOption, d as SmartSnippetFeedbackModalDetails, e as SmartSnippetFeedbackModalHeader } from './smart-snippet-feedback-modal-common-835aa607.js';
-import { u as updateBreakpoints } from './replace-breakpoint-utils-7a336631.js';
-import { r as randomID } from './utils-7161486d.js';
+import { u as updateBreakpoints } from './replace-breakpoint-utils-13ff9ca5.js';
+import { r as randomID } from './utils-6400ebde.js';
 import { buildSmartSnippet } from '@coveo/headless/insight';
 import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
 import './stencil-button-1a29a5df.js';
@@ -49,9 +49,9 @@ const AtomicInsightSmartSnippetFeedbackModal = class {
     }
     render() {
         updateBreakpoints(this.host);
-        return (h("atomic-modal", { key: '7f27e946204b80ac255fcc91ca67b26d0a1bfe2e', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: '2862eb9f636366ad7ce3a7679829454ac66b6972', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: 'a6b2665561a15085af500b239d4c1b33edf97974', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '5529b15ba4d771c0e1ecbef2319e0851f118ab7f', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
+        return (h("atomic-modal", { key: 'e82a6785f1af3b1b39dc2b550e608fac636f0f1c', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: '1bfff9a95a4ded3d234ce54bb7a2437a9958f59c', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: '776295eea71ade361db19abf7aa13df6898d028a', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: 'ba122e1c7357bc331f35063aa9b2d428f4e8512c', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
                 this.currentAnswer = correspondingAnswer;
-            } })))), h(SmartSnippetFeedbackModalDetails, { key: '7a3d40453da9dbc950693f5664e805dbfcd8cf0e', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: '60c5f2461918a776fa9c1333cdc1224facd4c841', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
+            } })))), h(SmartSnippetFeedbackModalDetails, { key: '55ca7a5845a48ec1463652e1c78828dec27629fd', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: '4b607580f162da8bec5d1c4455252bd17314cdc5', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
     }
     close() {
         this.isOpen = false;

package/dist/esm/atomic-insight-smart-snippet-suggestions.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { g as getAttributesFromLinkSlot } from './attributes-slot-cb60f29b.js';
 import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-ffbc4136.js';
-import { r as randomID } from './utils-7161486d.js';
+import { r as randomID } from './utils-6400ebde.js';
 import { buildSmartSnippetQuestionsList } from '@coveo/headless/insight';
 import { A as ArrowDown } from './arrow-down-a7ee2ae6.js';
 import { A as ArrowRight } from './arrow-right-cb365b01.js';

package/dist/esm/atomic-insight-smart-snippet.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { g as getAttributesFromLinkSlot } from './attributes-slot-cb60f29b.js';
 import { S as SmartSnippetQuestion, a as SmartSnippetFooter, b as SmartSnippetFeedbackBanner, c as SmartSnippetWrapper } from './smart-snippet-common-5ed4bdfa.js';
 import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-ffbc4136.js';
-import { r as randomID } from './utils-7161486d.js';
+import { r as randomID } from './utils-6400ebde.js';
 import { buildSmartSnippet } from '@coveo/headless/insight';
 import './slot-utils-dcf4fc27.js';
 import './stencil-button-1a29a5df.js';

package/dist/esm/atomic-insight-tab.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { buildTab } from '@coveo/headless/insight';
 import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
-import { r as randomID } from './utils-7161486d.js';
-import { c as createAppLoadedListener } from './store-015afa83.js';
+import { r as randomID } from './utils-6400ebde.js';
+import { c as createAppLoadedListener } from './store-7d2c2a8c.js';
 import { B as Button } from './stencil-button-1a29a5df.js';
 import { d as dispatchTabLoaded } from './tab-common-a23ae70b.js';
 import './dom-utils-f6086cd3.js';

package/dist/esm/atomic-insight-tabs.entry.js

@@ -21,7 +21,7 @@ const AtomicInsightTabs = class {
         this.error = undefined;
     }
     render() {
-        return (h("atomic-tab-bar", { key: 'f6fd5e43db6567e6c31818e29378a7917e917e88' }, h("slot", { key: 'aaa18852e801b844d251be5ed4978cf82b68811b' })));
+        return (h("atomic-tab-bar", { key: '53d73dd57a97b6e87bae4bf8d3e3d9b0481db257' }, h("slot", { key: '59368885919cf56023ce55af86d9ec4f9fb1e0ec' })));
     }
 };
 __decorate([

package/dist/esm/atomic-insight-timeframe-facet.entry.js

@@ -1,17 +1,17 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { buildFacetConditionsManager, buildDateRange, deserializeRelativeDate, buildSearchStatus, buildDateFacet, buildDateFilter, loadDateFacetSetActions } from '@coveo/headless/insight';
 import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
-import { M as MapProp } from './props-utils-e97ad6bd.js';
-import { F as FocusTargetController } from './stencil-accessibility-utils-196a08f3.js';
+import { M as MapProp } from './props-utils-6040b5d2.js';
+import { F as FocusTargetController } from './stencil-accessibility-utils-ae75044b.js';
 import { p as parseDependsOn } from './depends-on-20dabb86.js';
 import { b as FacetPlaceholder } from './facet-placeholder-4959a92a.js';
-import { T as TimeframeFacetCommon } from './timeframe-facet-common-eb1016d2.js';
+import { T as TimeframeFacetCommon } from './timeframe-facet-common-55fc72f3.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
 import './init-queue-fbe942c3.js';
 import './initialization-lit-stencil-common-utils-804fe146.js';
 import '@coveo/bueno';
-import './utils-7161486d.js';
+import './utils-6400ebde.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
 import './arrow-bottom-rounded-043572da.js';

package/dist/esm/atomic-insight-user-actions-session_2.entry.js

@@ -151,7 +151,7 @@ const AtomicInsightUserActionsSession = class {
     render() {
         const isShowMoreActionsButtonVisible = !this.areActionsAfterCaseCreationVisible &&
             !!this.userActionsAfterCaseCreation.length;
-        return (h("div", { key: 'd249a7e9e88e9fc6fc722cd2174e6939ac8007dd' }, this.renderSessionStartDate(), this.areActionsAfterCaseCreationVisible && (h("div", { key: '46d9f919e1c82a1c2f8c3887e08a32710a750586', "data-testid": "more-actions-section" }, this.renderActions(this.userActionsAfterCaseCreation))), isShowMoreActionsButtonVisible && this.renderShowMoreActionsButton(), this.renderActions(this.userActionsToDisplay)));
+        return (h("div", { key: 'b4f9ed90da22162cf18aa71236e8f77e805ddff8' }, this.renderSessionStartDate(), this.areActionsAfterCaseCreationVisible && (h("div", { key: 'a9f47fda780f6d5ca3894809657ac328e02e0372', "data-testid": "more-actions-section" }, this.renderActions(this.userActionsAfterCaseCreation))), isShowMoreActionsButtonVisible && this.renderShowMoreActionsButton(), this.renderActions(this.userActionsToDisplay)));
     }
     static get watchers() { return {
         "userActions": ["prepareUserActionsToDisplay"]

package/dist/esm/atomic-insight-user-actions-toggle.entry.js

@@ -60,7 +60,7 @@ const AtomicInsightUserActionsToggle = class {
         this.modalRef.excludedCustomActions = this.excludedCustomActions;
     }
     render() {
-        return (h(IconButton, { key: '944b266236746e954178687006e56395f3e24868', partPrefix: "insight-user-actions-toggle", style: "outline-neutral", icon: Clockicon, ariaLabel: this.bindings.i18n.t('user-actions'), onClick: () => {
+        return (h(IconButton, { key: 'd6bcc68d0ea8fc863938b31fa79e72b31062620c', partPrefix: "insight-user-actions-toggle", style: "outline-neutral", icon: Clockicon, ariaLabel: this.bindings.i18n.t('user-actions'), onClick: () => {
                 this.enableModal();
             }, title: this.bindings.i18n.t('user-actions'), buttonRef: (button) => {
                 if (!button) {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-3f35faca.js';
 import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
-import { u as updateBreakpoints } from './replace-breakpoint-utils-7a336631.js';
-import { o as once, r as randomID } from './utils-7161486d.js';
+import { u as updateBreakpoints } from './replace-breakpoint-utils-13ff9ca5.js';
+import { o as once, r as randomID } from './utils-6400ebde.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
 import './init-queue-fbe942c3.js';
@@ -39,7 +39,7 @@ const AtomicIPXBody = class {
     render() {
         this.updateBreakpoints();
         const isEmbedded = this.isOpen === undefined;
-        return (h("article", { key: '0465ae7987580b12b6decaff851c55c41384bab4', part: "container", class: `${isEmbedded ? '' : this.isOpen ? 'visible' : 'invisible'}`, onAnimationEnd: () => this.animationEnded.emit() }, h("style", { key: '8dc52a9290cfd92748eacd274e814e66db8bd25e' }, `
+        return (h("article", { key: 'daddb6acc4cff669631667735f13dffd9ff427a5', part: "container", class: `${isEmbedded ? '' : this.isOpen ? 'visible' : 'invisible'}`, onAnimationEnd: () => this.animationEnded.emit() }, h("style", { key: 'dec36e95ad6452961a9f8ee4bca53ed620a98189' }, `
             /* Chrome, Edge & Safari */
             .scrollbar::-webkit-scrollbar {
               width: 0.8rem;
@@ -64,7 +64,7 @@ const AtomicIPXBody = class {
               scrollbar-color: var(--atomic-primary) var(--atomic-background);
               scrollbar-width: auto;
             }
-          `), h("header", { key: '1c624b727582762a72719c86cc217b6d660b435b', part: "header-wrapper", class: "flex flex-col items-center" }, h("div", { key: '729e1901342405daf3655dac940310e64e6683f0', part: "header" }, h("slot", { key: 'cab7be113beb75fea4b9b237222546d0ab12d8e6', name: "header" }))), h("hr", { key: '3e6cb374d706a7d07ccef7ceeda19cce9ce6e6cc', part: "header-ruler", class: "border-neutral" }), h("div", { key: 'cc08f1fabc986ffe389014e41dca2d7cae2b7db4', part: "body-wrapper", class: "scrollbar flex w-full grow flex-col overflow-auto" }, h("div", { key: 'f9abcf602db7dc1c677a9e1df4a52775fe6b4692', part: "body", class: "w-full" }, h("slot", { key: '25c24157e641ef0371484f61855bb08b81096874', name: "body" }))), this.displayFooterSlot && (h("footer", { key: '8d4fb1f447cac8f708e2a5271d988abe73eb22d2', part: "footer-wrapper", class: "border-neutral bg-background z-10 flex w-full flex-col items-center border-t" }, h("div", { key: '28b1745eab8ffb4f11392263a04f2cdea6db75a1', part: "footer" }, h("slot", { key: '7d5ae3a1e8ce159190a6e4d7c8d675d4a446c2ea', name: "footer" }))))));
+          `), h("header", { key: '9db391ce3d15d10c360dd9b9c57fc4b4afbddc61', part: "header-wrapper", class: "flex flex-col items-center" }, h("div", { key: '8afd472eb566d6f192e4762415346e3e9f0f3f61', part: "header" }, h("slot", { key: '4c07af558794253c80684b1d12875beac419e230', name: "header" }))), h("hr", { key: '034af781b531d58749e86296ac10ba071d787608', part: "header-ruler", class: "border-neutral" }), h("div", { key: '58101264b603d06f52687cb2fe1665d129338397', part: "body-wrapper", class: "scrollbar flex w-full grow flex-col overflow-auto" }, h("div", { key: 'bd42a696c8f73721f7aa03df78c019fd69cf8828', part: "body", class: "w-full" }, h("slot", { key: 'fb61a368283799fce7f27cb8c17d7b75aa31301a', name: "body" }))), this.displayFooterSlot && (h("footer", { key: '5e50e737ab03235cae4c1265bc461786fc5d4a65', part: "footer-wrapper", class: "border-neutral bg-background z-10 flex w-full flex-col items-center border-t" }, h("div", { key: '1935e6f9d2530ca97f0a90a9640ffeb59164e85f', part: "footer" }, h("slot", { key: '94b1889d5340a8e17ef06af562cbae2c70e98947', name: "footer" }))))));
     }
     get host() { return getElement(this); }
 };

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

@@ -70,7 +70,7 @@ const AtomicIPXButton = class {
         if (this.isModalOpen && !this.recommendationsLoaded) {
             this.getRecommendations();
         }
-        return (h(Fragment, { key: '6a7591afda808e0ff1b8c173000a9e145bfb738b' }, h("style", { key: '8c50f53a9b96d2deb2f77af5d018c133aad5092e' }, `
+        return (h(Fragment, { key: 'd1d7559c8aa6471200cd9874457cbf4720be2a0b' }, h("style", { key: '9681bb29175076f1cd103011117557b8dd971920' }, `
               [part=${displayedIcon}] {
                 transform: translateY(0rem);
               }
@@ -87,7 +87,7 @@ const AtomicIPXButton = class {
                 [part=${hiddenIcon}] {
                   transform: translateY(0rem);
                 }
-              }`), h("div", { key: 'fe0698ef2782e85cc5648108ec6355d3773fa305', class: "flex flex-col items-center", part: "container" }, this.renderIPXButton())));
+              }`), h("div", { key: 'eef0f5d77a065dccd13c5249f6d9c2c11891313b', class: "flex flex-col items-center", part: "container" }, this.renderIPXButton())));
     }
     get ipxModal() {
         return this.bindings.interfaceElement.querySelector('atomic-ipx-modal');

package/dist/esm/atomic-ipx-embedded.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3f35faca.js';
 import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
-import { u as updateBreakpoints } from './replace-breakpoint-utils-7a336631.js';
-import { o as once, r as randomID } from './utils-7161486d.js';
+import { u as updateBreakpoints } from './replace-breakpoint-utils-13ff9ca5.js';
+import { o as once, r as randomID } from './utils-6400ebde.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
 import './init-queue-fbe942c3.js';
@@ -41,7 +41,7 @@ const AtomicIPXEmbedded = class {
     }
     render() {
         this.updateBreakpoints();
-        return (h(Host, { key: '4bad769bceb567410fdcf5b17ab9e7d71b117743' }, h("div", { key: 'f8385315a0d386f432a921b802558e7217e566f8', part: "backdrop" }, h("atomic-ipx-body", { key: '94ca332410db5f61a00675fb50456c2bd39f7a60', displayFooterSlot: this.hasFooterSlotElements }, h("slot", { key: '913525826628396d23a0aa939f589eb382eb0b66', name: "header", slot: "header" }), h("slot", { key: '26bedea364a99248783d87145f0588f12592238e', name: "body", slot: "body" }), h("slot", { key: 'bd7575a105feb0f07a2afd3412b8ac8ad1f3803f', name: "footer", slot: "footer" })))));
+        return (h(Host, { key: 'fc8afd33866e27c81198efcaf8a0d7442dc3cfea' }, h("div", { key: '8a7fe57c4953496cf43853898809090406125692', part: "backdrop" }, h("atomic-ipx-body", { key: 'c8a137e169a7179af7a692cfde80e820edabbd32', displayFooterSlot: this.hasFooterSlotElements }, h("slot", { key: '38cb9266918147fca985574020b44972e2c2c2fe', name: "header", slot: "header" }), h("slot", { key: 'c62d45bf2eb17a9ee8f189def4b7dff7e1b14d7e', name: "body", slot: "body" }), h("slot", { key: 'c7800ff2ca23c5db05dc0b48c59aca73decba674', name: "footer", slot: "footer" })))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/atomic-ipx-modal.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3f35faca.js';
 import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
-import { u as updateBreakpoints } from './replace-breakpoint-utils-7a336631.js';
-import { o as once, r as randomID } from './utils-7161486d.js';
+import { u as updateBreakpoints } from './replace-breakpoint-utils-13ff9ca5.js';
+import { o as once, r as randomID } from './utils-6400ebde.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
 import './init-queue-fbe942c3.js';
@@ -66,8 +66,8 @@ const AtomicIPXModal = class {
     }
     render() {
         this.updateBreakpoints();
-        const Body = () => (h("atomic-ipx-body", { key: '23c64be599e6d92fbbc974c1785661a69d73bb32', isOpen: this.isOpen, displayFooterSlot: this.hasFooterSlotElements, exportparts: "container" }, h("slot", { key: '77009656b61d74ed9ca3df6d1f1167b751c6d210', name: "header", slot: "header" }), h("slot", { key: 'e3d796e0bf42110e154f4cc71728423721df1052', name: "body", slot: "body" }), h("slot", { key: 'b067c999fdf0cfbf10a3004ebd63edf933f12e77', name: "footer", slot: "footer" })));
-        return (h(Host, { key: 'f217485f036ae35758bca1c91c86d7ecc45a9c05', class: this.getClasses().join(' '), part: "atomic-ipx-modal" }, h("div", { key: '199f27d44abcf15ea9a64f74814167464b6417ba', part: "backdrop" }, h(Body, { key: 'f8596ed8e187e7b12926498cbd93006aa0756c06' }))));
+        const Body = () => (h("atomic-ipx-body", { key: '503ce27af79712cdf07b841b247a341edbf98b15', isOpen: this.isOpen, displayFooterSlot: this.hasFooterSlotElements, exportparts: "container" }, h("slot", { key: '08f9399b1213ab6a8a3da095b9e5b37e5a6ec3ec', name: "header", slot: "header" }), h("slot", { key: '90117064f015785b6c3eb015ab9248d62555d09b', name: "body", slot: "body" }), h("slot", { key: 'cb1b3def5ee024d3c8a86cc2a289731da571d6a3', name: "footer", slot: "footer" })));
+        return (h(Host, { key: '851a930040bd31d1c895b119351a4c1b2acf8dd1', class: this.getClasses().join(' '), part: "atomic-ipx-modal" }, h("div", { key: '8db9882e81e8224926ab2d21978a86d9e7c84da4', part: "backdrop" }, h(Body, { key: '55729ea6963d5bcabcc0b95328c2444e4e9e39a1' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -3,15 +3,15 @@ import { NumberValue } from '@coveo/bueno';
 import { loadIPXActionsHistoryActions } from '@coveo/headless';
 import { buildRecommendationList, loadConfigurationActions, buildInteractiveResult } from '@coveo/headless/recommendation';
 import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
-import { F as FocusTargetController } from './stencil-accessibility-utils-196a08f3.js';
-import { r as randomID } from './utils-7161486d.js';
+import { F as FocusTargetController } from './stencil-accessibility-utils-ae75044b.js';
+import { r as randomID } from './utils-6400ebde.js';
 import { R as ResultsPlaceholdersGuard } from './stencil-placeholders-58a0c818.js';
-import { c as createAppLoadedListener } from './store-015afa83.js';
+import { c as createAppLoadedListener } from './store-7d2c2a8c.js';
 import { I as ItemDisplayGuard, D as DisplayWrapper } from './stencil-display-wrapper-5b32e77c.js';
 import { I as ItemTemplateProvider } from './item-template-provider-35bf0685.js';
 import { D as DisplayGrid } from './stencil-display-grid-b9eb7397.js';
-import { I as ItemListCommon } from './stencil-item-list-common-fc95e16b.js';
-import { g as getItemListDisplayClasses } from './display-options-1199eed5.js';
+import { I as ItemListCommon } from './stencil-item-list-common-d2833d51.js';
+import { g as getItemListDisplayClasses } from './display-options-b7c33617.js';
 import { C as Carousel } from './stencil-carousel-e1f25f7c.js';
 import { H as Heading } from './stencil-heading-2b28a9b9.js';
 import './dom-utils-f6086cd3.js';
@@ -20,8 +20,8 @@ import './init-queue-fbe942c3.js';
 import './initialization-lit-stencil-common-utils-804fe146.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
-import './replace-breakpoint-utils-7a336631.js';
-import './item-layout-sections-8afb5049.js';
+import './replace-breakpoint-utils-13ff9ca5.js';
+import './item-layout-sections-26123790.js';
 import './arrow-right-cb365b01.js';
 import './stencil-button-1a29a5df.js';
 import './stencil-button-style-0bc80040.js';
@@ -276,7 +276,7 @@ const AtomicIPXRecsList = class {
         }))));
     }
     render() {
-        return (h(Fragment, { key: '61b0a6d12eddd9341da0295ebad1ef49fc91f667' }, this.renderHeading(), this.shouldRenderPagination ? (h(Carousel, { bindings: this.bindings, currentPage: this.currentPage, nextPage: () => this.nextPage(), previousPage: () => this.previousPage(), numberOfPages: this.numberOfPages }, this.renderListOfRecommendations())) : (this.renderListOfRecommendations())));
+        return (h(Fragment, { key: 'a65fe1adb14d1a76828b947fe564fb2ed1b57a23' }, this.renderHeading(), this.shouldRenderPagination ? (h(Carousel, { bindings: this.bindings, currentPage: this.currentPage, nextPage: () => this.nextPage(), previousPage: () => this.previousPage(), numberOfPages: this.numberOfPages }, this.renderListOfRecommendations())) : (this.renderListOfRecommendations())));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/atomic-ipx-refine-modal.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-3f35faca.js';
 import { buildBreadcrumbManager, buildQuerySummary } from '@coveo/headless';
 import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-ffbc4136.js';
-import { g as getClonedFacetElements } from './cloned-facet-elements-807b566b.js';
+import { g as getClonedFacetElements } from './cloned-facet-elements-82071d0c.js';
 import { R as RefineModal } from './stencil-modal-467f7f33.js';
 import { B as Button } from './stencil-button-1a29a5df.js';
 import './dom-utils-f6086cd3.js';
@@ -9,8 +9,7 @@ import './event-utils-8de63ec3.js';
 import './init-queue-fbe942c3.js';
 import './initialization-lit-stencil-common-utils-804fe146.js';
 import './popover-type-895c0e24.js';
-import './store-015afa83.js';
-import './utils-7161486d.js';
+import './store-7d2c2a8c.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
 import './close-ff816971.js';
@@ -70,7 +69,7 @@ const AtomicIPXRefineModal = class {
         return (h("aside", { slot: "body", class: "flex flex-col w-full" }, this.renderHeader(), h("slot", { name: "facets" })));
     }
     render() {
-        return (h(Host, { key: 'e72781b5144f680168456af7a72f181968b9778f' }, h(RefineModal, { key: '69a418fe8ace95e0206be773f27d90d4ab563d60', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), numberOfItems: this.querySummaryState.total, title: this.bindings.i18n.t('filters'), openButton: this.openButton, boundary: "element", scope: this.bindings.interfaceElement }, this.renderBody())));
+        return (h(Host, { key: 'b36869cd6325b8d37f27466f00cce57d5a3b9a53' }, h(RefineModal, { key: '961860ae6f488cf787643da0de37c33c13b8d041', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), numberOfItems: this.querySummaryState.total, title: this.bindings.i18n.t('filters'), openButton: this.openButton, boundary: "element", scope: this.bindings.interfaceElement }, this.renderBody())));
     }
     componentDidLoad() {
         this.host.style.display = '';

package/dist/esm/atomic-ipx-refine-modal.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-ipx-refine-modal.entry.js","mappings":";;;;;;;;;;;;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,4sjEAA4sjE,CAAC;AAC7ujE,mCAAe,uBAAuB;;;;;;;;;;;;MC2BzB,oBAAoB;;;QAoBO,WAAM,GAAG,KAAK,CAAC;;;;;;;QAQvB,wBAAmB,GAAG,CAAC,CAAC;;;;;;sBARP,KAAK;mCAQA,CAAC;;IAMrD,YAAY,CAAC,MAAe;QAC1B,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,EAAE;gBAClD,IAAI,CAAC,IAAI,CAAC,MAAM,CACd,sBAAsB,CACpB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,EAAE,EACtC,IAAI,CAAC,mBAAmB,EACxB,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAC/B,CACF,CAAC;aACH;SACF;KACF;IAEM,UAAU;QACf,IAAI,CAAC,iBAAiB,GAAG,sBAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACtE,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KAC7D;IAEO,YAAY;QAClB,QACE,WAAK,KAAK,EAAC,kCAAkC,IAC1C,IAAI,CAAC,sBAAsB,CAAC,cAAc,KACzC,EAAC,MAAM,IACL,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,EACnD,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,EAC/C,KAAK,EAAC,WAAW,GACT,CACX,CACG,EACN;KACH;IAEO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,MAAM,EAAE;YAClD,OAAO,EAAC,MAAM,OAAU,CAAC;SAC1B;QAED,QACE,aAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,sBAAsB,IAC5C,IAAI,CAAC,YAAY,EAAE,EACpB,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACrB,EACR;KACH;IAEM,MAAM;QACX,QACE,EAAC,IAAI,uDACH,EAAC,WAAW,qDACV,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,EACpC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAC3C,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EACtC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,IAEpC,IAAI,CAAC,UAAU,EAAE,CACN,CACT,EACP;KACH;IAEM,gBAAgB;QACrB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;KAC9B;;;;;;AAtG4B;IAA5B,kBAAkB,EAAE;sDAA4B;AAK1C;IAFN,qBAAqB,CAAC,cAAc,CAAC;+DAEO;AAItC;IAFN,qBAAqB,CAAC,mBAAmB,CAAC;oEAEY;;;;;","names":[],"sources":["src/components/ipx/atomic-ipx-refine-modal/atomic-ipx-refine-modal.pcss?tag=atomic-ipx-refine-modal&encapsulation=shadow","src/components/ipx/atomic-ipx-refine-modal/atomic-ipx-refine-modal.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n\n/* This stylesheet can be removed once atomic-ipx-refine-modal is migrated to lit.\n\nThe remaining styles can be moved to the static style attribute of the component once migrated, but the 'rounded' utility will need to be replaced by the equivalent css rules as we can't reference utilities in the static styles */\n\n:host::part(container) {\n  @apply rounded;\n  max-height: calc(100vh - 4.25rem);\n}\n","import {\n  BreadcrumbManager,\n  BreadcrumbManagerState,\n  buildBreadcrumbManager,\n  buildQuerySummary,\n  QuerySummary,\n  QuerySummaryState,\n} from '@coveo/headless';\nimport {Component, h, State, Prop, Element, Watch, Host} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {getClonedFacetElements} from '../../common/refine-modal/cloned-facet-elements';\nimport {RefineModal} from '../../common/refine-modal/stencil-modal';\nimport {Button} from '../../common/stencil-button';\nimport {Hidden} from '../../common/stencil-hidden';\nimport {Bindings} from '../../search/atomic-search-interface/atomic-search-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-ipx-refine-modal',\n  styleUrl: 'atomic-ipx-refine-modal.pcss',\n  shadow: true,\n})\nexport class AtomicIPXRefineModal implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @Element() public host!: HTMLElement;\n\n  @BindStateToController('querySummary')\n  @State()\n  public querySummaryState!: QuerySummaryState;\n\n  @BindStateToController('breadcrumbManager')\n  @State()\n  public breadcrumbManagerState!: BreadcrumbManagerState;\n\n  @State()\n  public error!: Error;\n\n  @State()\n  public interfaceDimensions?: DOMRect;\n\n  @Prop({mutable: true}) openButton?: HTMLElement;\n\n  @Prop({reflect: true, mutable: true}) isOpen = false;\n\n  /**\n   * The number of expanded facets inside the refine modal.\n   * Remaining facets are automatically collapsed.\n   *\n   * Using the value `0` collapses all facets.\n   */\n  @Prop({reflect: true}) public collapseFacetsAfter = 0;\n\n  private breadcrumbManager!: BreadcrumbManager;\n  public querySummary!: QuerySummary;\n\n  @Watch('isOpen')\n  watchEnabled(isOpen: boolean) {\n    if (isOpen) {\n      if (!this.host.querySelector('div[slot=\"facets\"]')) {\n        this.host.append(\n          getClonedFacetElements(\n            this.bindings.store.getFacetElements(),\n            this.collapseFacetsAfter,\n            this.bindings.interfaceElement\n          )\n        );\n      }\n    }\n  }\n\n  public initialize() {\n    this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n    this.querySummary = buildQuerySummary(this.bindings.engine);\n  }\n\n  private renderHeader() {\n    return (\n      <div class=\"flex justify-between w-full mb-3\">\n        {this.breadcrumbManagerState.hasBreadcrumbs && (\n          <Button\n            onClick={() => this.breadcrumbManager.deselectAll()}\n            style=\"text-primary\"\n            text={this.bindings.i18n.t('clear-all-filters')}\n            class=\"px-2 py-1\"\n          ></Button>\n        )}\n      </div>\n    );\n  }\n\n  private renderBody() {\n    if (!this.bindings.store.getFacetElements().length) {\n      return <Hidden></Hidden>;\n    }\n\n    return (\n      <aside slot=\"body\" class=\"flex flex-col w-full\">\n        {this.renderHeader()}\n        <slot name=\"facets\"></slot>\n      </aside>\n    );\n  }\n\n  public render() {\n    return (\n      <Host>\n        <RefineModal\n          i18n={this.bindings.i18n}\n          host={this.host}\n          isOpen={this.isOpen}\n          onClose={() => (this.isOpen = false)}\n          numberOfItems={this.querySummaryState.total}\n          title={this.bindings.i18n.t('filters')}\n          openButton={this.openButton}\n          boundary=\"element\"\n          scope={this.bindings.interfaceElement}\n        >\n          {this.renderBody()}\n        </RefineModal>\n      </Host>\n    );\n  }\n\n  public componentDidLoad() {\n    this.host.style.display = '';\n  }\n}\n"],"version":3}
+{"file":"atomic-ipx-refine-modal.entry.js","mappings":";;;;;;;;;;;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,4sjEAA4sjE,CAAC;AAC7ujE,mCAAe,uBAAuB;;;;;;;;;;;;MC2BzB,oBAAoB;;;QAoBO,WAAM,GAAG,KAAK,CAAC;;;;;;;QAQvB,wBAAmB,GAAG,CAAC,CAAC;;;;;;sBARP,KAAK;mCAQA,CAAC;;IAMrD,YAAY,CAAC,MAAe;QAC1B,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,EAAE;gBAClD,IAAI,CAAC,IAAI,CAAC,MAAM,CACd,sBAAsB,CACpB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,EAAE,EACtC,IAAI,CAAC,mBAAmB,EACxB,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAC/B,CACF,CAAC;aACH;SACF;KACF;IAEM,UAAU;QACf,IAAI,CAAC,iBAAiB,GAAG,sBAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACtE,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KAC7D;IAEO,YAAY;QAClB,QACE,WAAK,KAAK,EAAC,kCAAkC,IAC1C,IAAI,CAAC,sBAAsB,CAAC,cAAc,KACzC,EAAC,MAAM,IACL,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,EACnD,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,EAC/C,KAAK,EAAC,WAAW,GACT,CACX,CACG,EACN;KACH;IAEO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,MAAM,EAAE;YAClD,OAAO,EAAC,MAAM,OAAU,CAAC;SAC1B;QAED,QACE,aAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,sBAAsB,IAC5C,IAAI,CAAC,YAAY,EAAE,EACpB,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACrB,EACR;KACH;IAEM,MAAM;QACX,QACE,EAAC,IAAI,uDACH,EAAC,WAAW,qDACV,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,EACpC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAC3C,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EACtC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,IAEpC,IAAI,CAAC,UAAU,EAAE,CACN,CACT,EACP;KACH;IAEM,gBAAgB;QACrB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;KAC9B;;;;;;AAtG4B;IAA5B,kBAAkB,EAAE;sDAA4B;AAK1C;IAFN,qBAAqB,CAAC,cAAc,CAAC;+DAEO;AAItC;IAFN,qBAAqB,CAAC,mBAAmB,CAAC;oEAEY;;;;;","names":[],"sources":["src/components/ipx/atomic-ipx-refine-modal/atomic-ipx-refine-modal.pcss?tag=atomic-ipx-refine-modal&encapsulation=shadow","src/components/ipx/atomic-ipx-refine-modal/atomic-ipx-refine-modal.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n\n/* This stylesheet can be removed once atomic-ipx-refine-modal is migrated to lit.\n\nThe remaining styles can be moved to the static style attribute of the component once migrated, but the 'rounded' utility will need to be replaced by the equivalent css rules as we can't reference utilities in the static styles */\n\n:host::part(container) {\n  @apply rounded;\n  max-height: calc(100vh - 4.25rem);\n}\n","import {\n  BreadcrumbManager,\n  BreadcrumbManagerState,\n  buildBreadcrumbManager,\n  buildQuerySummary,\n  QuerySummary,\n  QuerySummaryState,\n} from '@coveo/headless';\nimport {Component, h, State, Prop, Element, Watch, Host} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {getClonedFacetElements} from '../../common/refine-modal/cloned-facet-elements';\nimport {RefineModal} from '../../common/refine-modal/stencil-modal';\nimport {Button} from '../../common/stencil-button';\nimport {Hidden} from '../../common/stencil-hidden';\nimport {Bindings} from '../../search/atomic-search-interface/atomic-search-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-ipx-refine-modal',\n  styleUrl: 'atomic-ipx-refine-modal.pcss',\n  shadow: true,\n})\nexport class AtomicIPXRefineModal implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @Element() public host!: HTMLElement;\n\n  @BindStateToController('querySummary')\n  @State()\n  public querySummaryState!: QuerySummaryState;\n\n  @BindStateToController('breadcrumbManager')\n  @State()\n  public breadcrumbManagerState!: BreadcrumbManagerState;\n\n  @State()\n  public error!: Error;\n\n  @State()\n  public interfaceDimensions?: DOMRect;\n\n  @Prop({mutable: true}) openButton?: HTMLElement;\n\n  @Prop({reflect: true, mutable: true}) isOpen = false;\n\n  /**\n   * The number of expanded facets inside the refine modal.\n   * Remaining facets are automatically collapsed.\n   *\n   * Using the value `0` collapses all facets.\n   */\n  @Prop({reflect: true}) public collapseFacetsAfter = 0;\n\n  private breadcrumbManager!: BreadcrumbManager;\n  public querySummary!: QuerySummary;\n\n  @Watch('isOpen')\n  watchEnabled(isOpen: boolean) {\n    if (isOpen) {\n      if (!this.host.querySelector('div[slot=\"facets\"]')) {\n        this.host.append(\n          getClonedFacetElements(\n            this.bindings.store.getFacetElements(),\n            this.collapseFacetsAfter,\n            this.bindings.interfaceElement\n          )\n        );\n      }\n    }\n  }\n\n  public initialize() {\n    this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n    this.querySummary = buildQuerySummary(this.bindings.engine);\n  }\n\n  private renderHeader() {\n    return (\n      <div class=\"flex justify-between w-full mb-3\">\n        {this.breadcrumbManagerState.hasBreadcrumbs && (\n          <Button\n            onClick={() => this.breadcrumbManager.deselectAll()}\n            style=\"text-primary\"\n            text={this.bindings.i18n.t('clear-all-filters')}\n            class=\"px-2 py-1\"\n          ></Button>\n        )}\n      </div>\n    );\n  }\n\n  private renderBody() {\n    if (!this.bindings.store.getFacetElements().length) {\n      return <Hidden></Hidden>;\n    }\n\n    return (\n      <aside slot=\"body\" class=\"flex flex-col w-full\">\n        {this.renderHeader()}\n        <slot name=\"facets\"></slot>\n      </aside>\n    );\n  }\n\n  public render() {\n    return (\n      <Host>\n        <RefineModal\n          i18n={this.bindings.i18n}\n          host={this.host}\n          isOpen={this.isOpen}\n          onClose={() => (this.isOpen = false)}\n          numberOfItems={this.querySummaryState.total}\n          title={this.bindings.i18n.t('filters')}\n          openButton={this.openButton}\n          boundary=\"element\"\n          scope={this.bindings.interfaceElement}\n        >\n          {this.renderBody()}\n        </RefineModal>\n      </Host>\n    );\n  }\n\n  public componentDidLoad() {\n    this.host.style.display = '';\n  }\n}\n"],"version":3}

package/dist/esm/atomic-ipx-refine-toggle.entry.js

@@ -64,7 +64,7 @@ const AtomicIPXRefineToggle = class {
         this.modalRef.collapseFacetsAfter = this.collapseFacetsAfter;
     }
     render() {
-        return (h(IconButton, { key: '9147bac854255feb759b7b7e002e2e199f724ea6', partPrefix: "ipx-refine-toggle", class: "icon-button", style: "outline-neutral", title: this.bindings.i18n.t('filters'), icon: FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {
+        return (h(IconButton, { key: '49bf2364b70408d4a04fdea40d9f2bcc09930c66', partPrefix: "ipx-refine-toggle", class: "icon-button", style: "outline-neutral", title: this.bindings.i18n.t('filters'), icon: FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {
                 this.bindings.store.waitUntilAppLoaded(() => {
                     this.enableModal();
                 });

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

@@ -55,7 +55,7 @@ const AtomicIPXResultLink = class {
         const href = isUndefined(this.hrefTemplate)
             ? this.result.clickUri
             : buildStringTemplateFromResult(this.hrefTemplate, this.result, this.bindings);
-        return (h(LinkWithItemAnalytics, { key: 'b1fe73ffc76cf7543f40a400d5e7ae17b01141a8', href: href, onSelect: () => this.onSelect(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (h("slot", null)) : (h("atomic-result-text", { field: "title", default: "no-title" }))));
+        return (h(LinkWithItemAnalytics, { key: 'f5c87e8855c2f386d5ddcca2d8fa7e543d5f3ac8', href: href, onSelect: () => this.onSelect(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (h("slot", null)) : (h("atomic-result-text", { field: "title", default: "no-title" }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/atomic-ipx-tab.entry.js

@@ -1,14 +1,13 @@
 import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { buildTab } from '@coveo/headless';
 import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
-import { c as createAppLoadedListener } from './store-015afa83.js';
+import { c as createAppLoadedListener } from './store-7d2c2a8c.js';
 import { B as Button } from './stencil-button-1a29a5df.js';
 import { d as dispatchTabLoaded } from './tab-common-a23ae70b.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
 import './init-queue-fbe942c3.js';
 import './initialization-lit-stencil-common-utils-804fe146.js';
-import './utils-7161486d.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
 import './stencil-button-style-0bc80040.js';

package/dist/esm/atomic-ipx-tab.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-ipx-tab.entry.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,eAAe,GAAG,y6jEAAy6jE,CAAC;AACl8jE,2BAAe,eAAe;;;;;;;;;;;;MCmBjB,YAAY;;;QAQN,gBAAW,GAAG,KAAK,CAAC;;;;QASP,UAAK,GAAG,UAAU,CAAC;;;;;QAMJ,WAAM,GAAG,KAAK,CAAC;QAOpD,gBAAW,GAAgB,SAAQ,CAAC;;2BAtBb,KAAK;;qBASE,UAAU;sBAMM,KAAK;;;;;;IAapD,MAAM,MAAM;QACjB,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;KACnB;IAEM,UAAU;QACf,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACxC,OAAO,EAAE,EAAC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,EAAC;YACtD,YAAY,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAC;SACtC,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CACnC,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAC9C,CAAC;QACF,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,WAAW;YACvD,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;SAChC,CAAC,CAAC;KACJ;IAEM,kBAAkB;QACvB,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9B;IAEM,oBAAoB;QACzB,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAEM,MAAM;QACX,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,OAAO;SACR;QAED,MAAM,aAAa,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,CAAC,CAAC;QAC5E,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;YAC1B,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC9B;QAED,QACE,EAAC,MAAM,IACL,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC9B,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC,EAClE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EACxC,OAAO,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,IAE/B,IAAI,CAAC,KAAK,CACJ,EACT;KACH;;;AA/E4B;IAA5B,kBAAkB,EAAE;8CAA4B;AAOzC;IAFP,qBAAqB,CAAC,KAAK,CAAC;8CAED;;;;;","names":[],"sources":["src/components/ipx/atomic-ipx-tab/atomic-ipx-tab.pcss?tag=atomic-ipx-tab&encapsulation=shadow","src/components/ipx/atomic-ipx-tab/atomic-ipx-tab.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n\n.active {\n  &::after {\n    @apply bg-primary absolute bottom-0 block h-1 w-full rounded;\n    content: '';\n  }\n}\n\n[part='tab'] {\n  max-width: 150px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n","import {buildTab, Tab, TabState, Unsubscribe} from '@coveo/headless';\nimport {Component, h, Prop, State, Element, Method} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {createAppLoadedListener} from '../../common/interface/store';\nimport {Button} from '../../common/stencil-button';\nimport {dispatchTabLoaded} from '../../common/tabs/tab-common';\nimport {Bindings} from '../../search/atomic-search-interface/atomic-search-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-ipx-tab',\n  styleUrl: './atomic-ipx-tab.pcss',\n  shadow: true,\n})\nexport class AtomicIPXTab implements InitializableComponent {\n  private tab!: Tab;\n\n  @Element() host!: HTMLElement;\n\n  @InitializeBindings() public bindings!: Bindings;\n\n  @State() public error!: Error;\n  @State() private isAppLoaded = false;\n\n  @BindStateToController('tab')\n  @State()\n  private tabState!: TabState;\n\n  /**\n   * The label that will be shown to the user.\n   */\n  @Prop({reflect: true}) public label = 'no-label';\n\n  /**\n   * Whether this tab is active upon rendering.\n   * If multiple tabs are set to active on render, the last one to be rendered will override the others.\n   */\n  @Prop({reflect: true, mutable: true}) public active = false;\n\n  /**\n   * The expression that will be passed to the search as a `cq` paramenter upon being selected.\n   */\n  @Prop() public expression!: string;\n\n  private unsubscribe: Unsubscribe = () => {};\n\n  /**\n   * Activates the tab.\n   */\n  @Method()\n  public async select() {\n    this.tab.select();\n  }\n\n  public initialize() {\n    this.tab = buildTab(this.bindings.engine, {\n      options: {expression: this.expression, id: this.label},\n      initialState: {isActive: this.active},\n    });\n    this.unsubscribe = this.tab.subscribe(\n      () => (this.active = this.tab.state.isActive)\n    );\n    createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n      this.isAppLoaded = isAppLoaded;\n    });\n  }\n\n  public componentDidRender() {\n    dispatchTabLoaded(this.host);\n  }\n\n  public disconnectedCallback() {\n    this.unsubscribe();\n  }\n\n  public render() {\n    if (!this.isAppLoaded) {\n      return;\n    }\n\n    const buttonClasses = ['relative', 'pb-3', 'mt-1', 'mr-6', 'font-semibold'];\n    if (this.tabState.isActive) {\n      buttonClasses.push('active');\n    }\n\n    return (\n      <Button\n        style=\"text-transparent\"\n        part=\"tab\"\n        class={buttonClasses.join(' ')}\n        ariaLabel={this.bindings.i18n.t('tab-search', {label: this.label})}\n        title={this.label}\n        ariaPressed={`${this.tabState.isActive}`}\n        onClick={() => this.tab.select()}\n      >\n        {this.label}\n      </Button>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-ipx-tab.entry.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,eAAe,GAAG,y6jEAAy6jE,CAAC;AACl8jE,2BAAe,eAAe;;;;;;;;;;;;MCmBjB,YAAY;;;QAQN,gBAAW,GAAG,KAAK,CAAC;;;;QASP,UAAK,GAAG,UAAU,CAAC;;;;;QAMJ,WAAM,GAAG,KAAK,CAAC;QAOpD,gBAAW,GAAgB,SAAQ,CAAC;;2BAtBb,KAAK;;qBASE,UAAU;sBAMM,KAAK;;;;;;IAapD,MAAM,MAAM;QACjB,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;KACnB;IAEM,UAAU;QACf,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACxC,OAAO,EAAE,EAAC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,EAAC;YACtD,YAAY,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAC;SACtC,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CACnC,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAC9C,CAAC;QACF,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,WAAW;YACvD,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;SAChC,CAAC,CAAC;KACJ;IAEM,kBAAkB;QACvB,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9B;IAEM,oBAAoB;QACzB,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAEM,MAAM;QACX,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,OAAO;SACR;QAED,MAAM,aAAa,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,CAAC,CAAC;QAC5E,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;YAC1B,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC9B;QAED,QACE,EAAC,MAAM,IACL,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAC9B,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC,EAClE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EACxC,OAAO,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,IAE/B,IAAI,CAAC,KAAK,CACJ,EACT;KACH;;;AA/E4B;IAA5B,kBAAkB,EAAE;8CAA4B;AAOzC;IAFP,qBAAqB,CAAC,KAAK,CAAC;8CAED;;;;;","names":[],"sources":["src/components/ipx/atomic-ipx-tab/atomic-ipx-tab.pcss?tag=atomic-ipx-tab&encapsulation=shadow","src/components/ipx/atomic-ipx-tab/atomic-ipx-tab.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n\n.active {\n  &::after {\n    @apply bg-primary absolute bottom-0 block h-1 w-full rounded;\n    content: '';\n  }\n}\n\n[part='tab'] {\n  max-width: 150px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n","import {buildTab, Tab, TabState, Unsubscribe} from '@coveo/headless';\nimport {Component, h, Prop, State, Element, Method} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {createAppLoadedListener} from '../../common/interface/store';\nimport {Button} from '../../common/stencil-button';\nimport {dispatchTabLoaded} from '../../common/tabs/tab-common';\nimport {Bindings} from '../../search/atomic-search-interface/atomic-search-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-ipx-tab',\n  styleUrl: './atomic-ipx-tab.pcss',\n  shadow: true,\n})\nexport class AtomicIPXTab implements InitializableComponent {\n  private tab!: Tab;\n\n  @Element() host!: HTMLElement;\n\n  @InitializeBindings() public bindings!: Bindings;\n\n  @State() public error!: Error;\n  @State() private isAppLoaded = false;\n\n  @BindStateToController('tab')\n  @State()\n  private tabState!: TabState;\n\n  /**\n   * The label that will be shown to the user.\n   */\n  @Prop({reflect: true}) public label = 'no-label';\n\n  /**\n   * Whether this tab is active upon rendering.\n   * If multiple tabs are set to active on render, the last one to be rendered will override the others.\n   */\n  @Prop({reflect: true, mutable: true}) public active = false;\n\n  /**\n   * The expression that will be passed to the search as a `cq` paramenter upon being selected.\n   */\n  @Prop() public expression!: string;\n\n  private unsubscribe: Unsubscribe = () => {};\n\n  /**\n   * Activates the tab.\n   */\n  @Method()\n  public async select() {\n    this.tab.select();\n  }\n\n  public initialize() {\n    this.tab = buildTab(this.bindings.engine, {\n      options: {expression: this.expression, id: this.label},\n      initialState: {isActive: this.active},\n    });\n    this.unsubscribe = this.tab.subscribe(\n      () => (this.active = this.tab.state.isActive)\n    );\n    createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n      this.isAppLoaded = isAppLoaded;\n    });\n  }\n\n  public componentDidRender() {\n    dispatchTabLoaded(this.host);\n  }\n\n  public disconnectedCallback() {\n    this.unsubscribe();\n  }\n\n  public render() {\n    if (!this.isAppLoaded) {\n      return;\n    }\n\n    const buttonClasses = ['relative', 'pb-3', 'mt-1', 'mr-6', 'font-semibold'];\n    if (this.tabState.isActive) {\n      buttonClasses.push('active');\n    }\n\n    return (\n      <Button\n        style=\"text-transparent\"\n        part=\"tab\"\n        class={buttonClasses.join(' ')}\n        ariaLabel={this.bindings.i18n.t('tab-search', {label: this.label})}\n        title={this.label}\n        ariaPressed={`${this.tabState.isActive}`}\n        onClick={() => this.tab.select()}\n      >\n        {this.label}\n      </Button>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/atomic-ipx-tabs.entry.js

@@ -21,7 +21,7 @@ const AtomicIPXTabs = class {
         this.error = undefined;
     }
     render() {
-        return (h("atomic-tab-bar", { key: '213ba4db0fe06cda854967aec377453090fda5c2' }, h("slot", { key: '957788c0b75593ae52fd3a730ae18ae3abe2f87e' })));
+        return (h("atomic-tab-bar", { key: '6da0ae81aecfa30d2e5d878e91aa659e0a32c83b' }, h("slot", { key: 'cbcdba0a0d69a39a8321f8779af3a6192be37fab' })));
     }
 };
 __decorate([

package/dist/esm/atomic-load-more-results.entry.js

@@ -1,13 +1,12 @@
 import { h, F as Fragment, r as registerInstance } from './index-3f35faca.js';
 import { buildQuerySummary, buildResultList } from '@coveo/headless';
 import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
-import { c as createAppLoadedListener } from './store-015afa83.js';
+import { c as createAppLoadedListener } from './store-7d2c2a8c.js';
 import { B as Button } from './stencil-button-1a29a5df.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
 import './init-queue-fbe942c3.js';
 import './initialization-lit-stencil-common-utils-804fe146.js';
-import './utils-7161486d.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
 import './stencil-button-style-0bc80040.js';
@@ -96,7 +95,7 @@ const AtomicLoadMoreResults = class {
     render() {
         const { lastResult: from, total: to } = this.querySummaryState;
         const { i18n } = this.bindings;
-        return (h(LoadMoreGuard, { key: '4fe15341de8a0a1f93ceeddc90405b6a8fe03c09', hasResults: this.querySummaryState.hasResults, isLoaded: this.isAppLoaded }, h(LoadMoreContainer, { key: '0d0e5f28c687d5a0f9c730a8cc19ac67de19945f' }, h(LoadMoreSummary, { key: '587be2ebaef15a36ad8da1082defa1342b22acf9', from: from, to: to, i18n: i18n }), h(LoadMoreProgressBar, { key: '37e321328867badc762a9701a2700803dfa118e5', from: from, to: to }), h(LoadMoreButton, { key: 'ff8640f0efdc363da5c885581a451cad24dc9718', i18n: i18n, moreAvailable: this.resultListState.moreResultsAvailable, onClick: () => this.onClick() }))));
+        return (h(LoadMoreGuard, { key: 'c95b368a20c157d3ecee6879e672743cc5b371fd', hasResults: this.querySummaryState.hasResults, isLoaded: this.isAppLoaded }, h(LoadMoreContainer, { key: 'fb39bdb1c098bbce29fee054dcb44577f72a3842' }, h(LoadMoreSummary, { key: '41f37a24be9b0fcc585c6056d1d23906df27ed2a', from: from, to: to, i18n: i18n }), h(LoadMoreProgressBar, { key: '1ec8f1c67702d118cb21ac6039233ab65cefb186', from: from, to: to }), h(LoadMoreButton, { key: '32ba7d3fc11cb451d2337bd8733f5cd48b1a820b', i18n: i18n, moreAvailable: this.resultListState.moreResultsAvailable, onClick: () => this.onClick() }))));
     }
 };
 __decorate([

package/dist/esm/atomic-load-more-results.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-load-more-results.entry.js","mappings":";;;;;;;;;;;;;;AAMO,MAAM,aAAa,GAA4C,CACpE,EAAC,QAAQ,EAAE,UAAU,EAAC,EACtB,QAAQ;IAER,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU,EAAE;QAC5B,OAAO;KACR;IACD,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC,CAAC;;ACAD;;;AAGO,MAAM,cAAc,GAEvB,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAC;IACxC,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO;KACR;IACD,QACE,EAAC,MAAM,IACL,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,mBAAmB,CAAC,EAC1C,IAAI,EAAC,0BAA0B,EAC/B,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,MAAM,OAAO,EAAE,GAChB,EACV;AACJ,CAAC;;AC9BM,MAAM,iBAAiB,GAAwB,CAAC,CAAC,EAAE,QAAQ;IAChE,QACE,WAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,WAAW,IACrD,QAAQ,CACL,EACN;AACJ,CAAC;;ACDM,MAAM,mBAAmB,GAE5B,CAAC,EAAC,IAAI,EAAE,EAAE,EAAC;IACb,MAAM,UAAU,GAAG,CAAC,IAAI,GAAG,EAAE,IAAI,GAAG,CAAC;IACrC,MAAM,KAAK,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;IAC1C,QACE,WAAK,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,2CAA2C;QACxE,WACE,KAAK,EAAC,sFAAsF,EAC5F,KAAK,EAAE,EAAC,KAAK,EAAC,GACT,CACH,EACN;AACJ,CAAC;;ACVM,MAAM,eAAe,GAA8C,CAAC,EACzE,IAAI,EACJ,IAAI,EACJ,EAAE,EACF,KAAK,GACN;IACC,MAAM,aAAa,GAAG,CAAC,OAAe;QACpC,OAAO,+DAA+D,OAAO,SAAS,CAAC;KACxF,CAAC;IAEF,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,8BAA8B,EAAE;QAC9D,aAAa,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC;QACnC,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QAChD,KAAK,EAAE,aAAa,CAAC,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;KAChD,CAAC,CAAC;IAEH,QACE,WACE,KAAK,EAAC,gCAAgC,EACtC,IAAI,EAAC,iBAAiB,EACtB,SAAS,EAAE,OAAO,GACb,EACP;AACJ,CAAC;;AClCD,MAAM,wBAAwB,GAAG,0hkEAA0hkE,CAAC;AAC5jkE,oCAAe,wBAAwB;;;;;;;;;;;;MCkC1B,qBAAqB;;;QAYf,gBAAW,GAAG,KAAK,CAAC;;;;2BAAN,KAAK;;IAE7B,UAAU;QACf,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5D,IAAI,CAAC,UAAU,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACtD,OAAO,EAAE;gBACP,eAAe,EAAE,EAAE;aACpB;SACF,CAAC,CAAC;QACH,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,WAAW;YACvD,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;SAChC,CAAC,CAAC;KACJ;IAEO,MAAM,OAAO;;;;QAIlB,QAAQ,CAAC,aAA6B,EAAE,IAAI,EAAE,CAAC;QAChD,IAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE,CAAC;KACpC;IAEM,MAAM;QACX,MAAM,EAAC,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAC7D,MAAM,EAAC,IAAI,EAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;QAE7B,QACE,EAAC,aAAa,qDACZ,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAC7C,QAAQ,EAAE,IAAI,CAAC,WAAW,IAE1B,EAAC,iBAAiB,uDAChB,EAAC,eAAe,qDAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,EACnD,EAAC,mBAAmB,qDAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,GAAI,EAC3C,EAAC,cAAc,qDACb,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,IAAI,CAAC,eAAe,CAAC,oBAAoB,EACxD,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,GAC7B,CACgB,CACN,EAChB;KACH;;AArD4B;IAA5B,kBAAkB,EAAE;uDAA4B;AAMzC;IAFP,qBAAqB,CAAC,cAAc,CAAC;gEAEQ;AAGtC;IAFP,qBAAqB,CAAC,YAAY,CAAC;8DAEM;;;;;","names":[],"sources":["src/components/common/load-more/guard.tsx","src/components/common/load-more/stencil-button.tsx","src/components/common/load-more/stencil-container.tsx","src/components/common/load-more/stencil-progress-bar.tsx","src/components/common/load-more/stencil-summary.tsx","src/components/search/atomic-load-more-results/atomic-load-more-results.pcss?tag=atomic-load-more-results&encapsulation=shadow","src/components/search/atomic-load-more-results/atomic-load-more-results.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\nexport interface LoadMoreGuardProps {\n  isLoaded: boolean;\n  hasResults: boolean;\n}\nexport const LoadMoreGuard: FunctionalComponent<LoadMoreGuardProps> = (\n  {isLoaded, hasResults},\n  children\n) => {\n  if (!isLoaded || !hasResults) {\n    return;\n  }\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use LoadMoreButtonProps interface instead\n */\ninterface StencilLoadMoreButtonProps {\n  i18n: i18n;\n  onClick: () => void;\n  moreAvailable: boolean;\n  label?: 'load-more-results' | 'load-more-products';\n}\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the button.ts file instead\n */\nexport const LoadMoreButton: FunctionalComponent<\n  StencilLoadMoreButtonProps\n> = ({i18n, onClick, moreAvailable, label}) => {\n  if (!moreAvailable) {\n    return;\n  }\n  return (\n    <Button\n      style=\"primary\"\n      text={i18n.t(label || 'load-more-results')}\n      part=\"load-more-results-button\"\n      class=\"my-2 p-3 font-bold\"\n      onClick={() => onClick()}\n    ></Button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\nexport const LoadMoreContainer: FunctionalComponent = (_, children) => {\n  return (\n    <div class=\"flex flex-col items-center\" part=\"container\">\n      {children}\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\ninterface LoadMoreProgressBarProps {\n  from: number;\n  to: number;\n}\n\nexport const LoadMoreProgressBar: FunctionalComponent<\n  LoadMoreProgressBarProps\n> = ({from, to}) => {\n  const percentage = (from / to) * 100;\n  const width = `${Math.ceil(percentage)}%`;\n  return (\n    <div part=\"progress-bar\" class=\"bg-neutral relative my-2 h-1 w-72 rounded\">\n      <div\n        class=\"progress-bar absolute top-0 left-0 z-1 h-full overflow-hidden rounded bg-linear-to-r\"\n        style={{width}}\n      ></div>\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\ninterface LoadMoreSummaryProps {\n  i18n: i18n;\n  from: number;\n  to: number;\n  label?: 'showing-results-of-load-more' | 'showing-products-of-load-more';\n}\n\nexport const LoadMoreSummary: FunctionalComponent<LoadMoreSummaryProps> = ({\n  i18n,\n  from,\n  to,\n  label,\n}) => {\n  const wrapHighlight = (content: string) => {\n    return `<span class=\"font-bold text-on-background\" part=\"highlight\">${content}</span>`;\n  };\n\n  const locale = i18n.language;\n  const content = i18n.t(label || 'showing-results-of-load-more', {\n    interpolation: {escapeValue: false},\n    last: wrapHighlight(from.toLocaleString(locale)),\n    total: wrapHighlight(to.toLocaleString(locale)),\n  });\n\n  return (\n    <div\n      class=\"text-neutral-dark my-2 text-lg\"\n      part=\"showing-results\"\n      innerHTML={content}\n    ></div>\n  );\n};\n","@import '../../../global/global.pcss';\n\n/**\n * @prop --atomic-more-results-progress-bar-color-from: Color of the start of the gradient for the load more results progress bar.\n * @prop --atomic-more-results-progress-bar-color-to: Color of the end of the gradient for the load more results progress bar.\n */\n.progress-bar {\n  @apply from-more-results-progress-bar-color-from;\n  @apply to-more-results-progress-bar-color-to;\n}\n","import {\n  QuerySummary,\n  QuerySummaryState,\n  buildQuerySummary,\n  ResultList,\n  ResultListState,\n  buildResultList,\n} from '@coveo/headless';\nimport {Component, h, State} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {createAppLoadedListener} from '../../common/interface/store';\nimport {LoadMoreGuard} from '../../common/load-more/guard';\nimport {LoadMoreButton} from '../../common/load-more/stencil-button';\nimport {LoadMoreContainer} from '../../common/load-more/stencil-container';\nimport {LoadMoreProgressBar} from '../../common/load-more/stencil-progress-bar';\nimport {LoadMoreSummary} from '../../common/load-more/stencil-summary';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-load-more-results` component allows the user to load additional results if more are available.\n *\n * @part container - The container of the component.\n * @part showing-results - The summary displaying which results are shown and how many are available.\n * @part highlight - The highlighted number of results displayed and number of results available.\n * @part progress-bar - The progress bar displaying a percentage of results shown over the total number of results available.\n * @part load-more-results-button - The \"Load more results\" button.\n */\n@Component({\n  tag: 'atomic-load-more-results',\n  styleUrl: 'atomic-load-more-results.pcss',\n  shadow: true,\n})\nexport class AtomicLoadMoreResults {\n  @InitializeBindings() public bindings!: Bindings;\n  public querySummary!: QuerySummary;\n  public resultList!: ResultList;\n\n  @BindStateToController('querySummary')\n  @State()\n  private querySummaryState!: QuerySummaryState;\n  @BindStateToController('resultList')\n  @State()\n  private resultListState!: ResultListState;\n  @State() public error!: Error;\n  @State() private isAppLoaded = false;\n\n  public initialize() {\n    this.querySummary = buildQuerySummary(this.bindings.engine);\n    this.resultList = buildResultList(this.bindings.engine, {\n      options: {\n        fieldsToInclude: [],\n      },\n    });\n    createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n      this.isAppLoaded = isAppLoaded;\n    });\n  }\n\n  private async onClick() {\n    // TODO KIT-4227: Once the focus mess is resolved, ensure that:\n    // The focus is set on the next new result after loading more results **without scrolling**.\n    //this.bindings.store.state.resultList?.focusOnNextNewResult();\n    (document.activeElement as HTMLElement)?.blur(); // Blur the active element to avoid focus issues, remove when focus mess is resolved.\n    this.resultList.fetchMoreResults();\n  }\n\n  public render() {\n    const {lastResult: from, total: to} = this.querySummaryState;\n    const {i18n} = this.bindings;\n\n    return (\n      <LoadMoreGuard\n        hasResults={this.querySummaryState.hasResults}\n        isLoaded={this.isAppLoaded}\n      >\n        <LoadMoreContainer>\n          <LoadMoreSummary from={from} to={to} i18n={i18n} />\n          <LoadMoreProgressBar from={from} to={to} />\n          <LoadMoreButton\n            i18n={i18n}\n            moreAvailable={this.resultListState.moreResultsAvailable}\n            onClick={() => this.onClick()}\n          />\n        </LoadMoreContainer>\n      </LoadMoreGuard>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-load-more-results.entry.js","mappings":"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","names":[],"sources":["src/components/common/load-more/guard.tsx","src/components/common/load-more/stencil-button.tsx","src/components/common/load-more/stencil-container.tsx","src/components/common/load-more/stencil-progress-bar.tsx","src/components/common/load-more/stencil-summary.tsx","src/components/search/atomic-load-more-results/atomic-load-more-results.pcss?tag=atomic-load-more-results&encapsulation=shadow","src/components/search/atomic-load-more-results/atomic-load-more-results.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\nexport interface LoadMoreGuardProps {\n  isLoaded: boolean;\n  hasResults: boolean;\n}\nexport const LoadMoreGuard: FunctionalComponent<LoadMoreGuardProps> = (\n  {isLoaded, hasResults},\n  children\n) => {\n  if (!isLoaded || !hasResults) {\n    return;\n  }\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use LoadMoreButtonProps interface instead\n */\ninterface StencilLoadMoreButtonProps {\n  i18n: i18n;\n  onClick: () => void;\n  moreAvailable: boolean;\n  label?: 'load-more-results' | 'load-more-products';\n}\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the button.ts file instead\n */\nexport const LoadMoreButton: FunctionalComponent<\n  StencilLoadMoreButtonProps\n> = ({i18n, onClick, moreAvailable, label}) => {\n  if (!moreAvailable) {\n    return;\n  }\n  return (\n    <Button\n      style=\"primary\"\n      text={i18n.t(label || 'load-more-results')}\n      part=\"load-more-results-button\"\n      class=\"my-2 p-3 font-bold\"\n      onClick={() => onClick()}\n    ></Button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\nexport const LoadMoreContainer: FunctionalComponent = (_, children) => {\n  return (\n    <div class=\"flex flex-col items-center\" part=\"container\">\n      {children}\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\ninterface LoadMoreProgressBarProps {\n  from: number;\n  to: number;\n}\n\nexport const LoadMoreProgressBar: FunctionalComponent<\n  LoadMoreProgressBarProps\n> = ({from, to}) => {\n  const percentage = (from / to) * 100;\n  const width = `${Math.ceil(percentage)}%`;\n  return (\n    <div part=\"progress-bar\" class=\"bg-neutral relative my-2 h-1 w-72 rounded\">\n      <div\n        class=\"progress-bar absolute top-0 left-0 z-1 h-full overflow-hidden rounded bg-linear-to-r\"\n        style={{width}}\n      ></div>\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\n\ninterface LoadMoreSummaryProps {\n  i18n: i18n;\n  from: number;\n  to: number;\n  label?: 'showing-results-of-load-more' | 'showing-products-of-load-more';\n}\n\nexport const LoadMoreSummary: FunctionalComponent<LoadMoreSummaryProps> = ({\n  i18n,\n  from,\n  to,\n  label,\n}) => {\n  const wrapHighlight = (content: string) => {\n    return `<span class=\"font-bold text-on-background\" part=\"highlight\">${content}</span>`;\n  };\n\n  const locale = i18n.language;\n  const content = i18n.t(label || 'showing-results-of-load-more', {\n    interpolation: {escapeValue: false},\n    last: wrapHighlight(from.toLocaleString(locale)),\n    total: wrapHighlight(to.toLocaleString(locale)),\n  });\n\n  return (\n    <div\n      class=\"text-neutral-dark my-2 text-lg\"\n      part=\"showing-results\"\n      innerHTML={content}\n    ></div>\n  );\n};\n","@import '../../../global/global.pcss';\n\n/**\n * @prop --atomic-more-results-progress-bar-color-from: Color of the start of the gradient for the load more results progress bar.\n * @prop --atomic-more-results-progress-bar-color-to: Color of the end of the gradient for the load more results progress bar.\n */\n.progress-bar {\n  @apply from-more-results-progress-bar-color-from;\n  @apply to-more-results-progress-bar-color-to;\n}\n","import {\n  QuerySummary,\n  QuerySummaryState,\n  buildQuerySummary,\n  ResultList,\n  ResultListState,\n  buildResultList,\n} from '@coveo/headless';\nimport {Component, h, State} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {createAppLoadedListener} from '../../common/interface/store';\nimport {LoadMoreGuard} from '../../common/load-more/guard';\nimport {LoadMoreButton} from '../../common/load-more/stencil-button';\nimport {LoadMoreContainer} from '../../common/load-more/stencil-container';\nimport {LoadMoreProgressBar} from '../../common/load-more/stencil-progress-bar';\nimport {LoadMoreSummary} from '../../common/load-more/stencil-summary';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-load-more-results` component allows the user to load additional results if more are available.\n *\n * @part container - The container of the component.\n * @part showing-results - The summary displaying which results are shown and how many are available.\n * @part highlight - The highlighted number of results displayed and number of results available.\n * @part progress-bar - The progress bar displaying a percentage of results shown over the total number of results available.\n * @part load-more-results-button - The \"Load more results\" button.\n */\n@Component({\n  tag: 'atomic-load-more-results',\n  styleUrl: 'atomic-load-more-results.pcss',\n  shadow: true,\n})\nexport class AtomicLoadMoreResults {\n  @InitializeBindings() public bindings!: Bindings;\n  public querySummary!: QuerySummary;\n  public resultList!: ResultList;\n\n  @BindStateToController('querySummary')\n  @State()\n  private querySummaryState!: QuerySummaryState;\n  @BindStateToController('resultList')\n  @State()\n  private resultListState!: ResultListState;\n  @State() public error!: Error;\n  @State() private isAppLoaded = false;\n\n  public initialize() {\n    this.querySummary = buildQuerySummary(this.bindings.engine);\n    this.resultList = buildResultList(this.bindings.engine, {\n      options: {\n        fieldsToInclude: [],\n      },\n    });\n    createAppLoadedListener(this.bindings.store, (isAppLoaded) => {\n      this.isAppLoaded = isAppLoaded;\n    });\n  }\n\n  private async onClick() {\n    // TODO KIT-4227: Once the focus mess is resolved, ensure that:\n    // The focus is set on the next new result after loading more results **without scrolling**.\n    //this.bindings.store.state.resultList?.focusOnNextNewResult();\n    (document.activeElement as HTMLElement)?.blur(); // Blur the active element to avoid focus issues, remove when focus mess is resolved.\n    this.resultList.fetchMoreResults();\n  }\n\n  public render() {\n    const {lastResult: from, total: to} = this.querySummaryState;\n    const {i18n} = this.bindings;\n\n    return (\n      <LoadMoreGuard\n        hasResults={this.querySummaryState.hasResults}\n        isLoaded={this.isAppLoaded}\n      >\n        <LoadMoreContainer>\n          <LoadMoreSummary from={from} to={to} i18n={i18n} />\n          <LoadMoreProgressBar from={from} to={to} />\n          <LoadMoreButton\n            i18n={i18n}\n            moreAvailable={this.resultListState.moreResultsAvailable}\n            onClick={() => this.onClick()}\n          />\n        </LoadMoreContainer>\n      </LoadMoreGuard>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/atomic-no-results.entry.js

@@ -1,7 +1,7 @@
 import { h, r as registerInstance } from './index-3f35faca.js';
 import { buildSearchStatus, buildHistoryManager, buildQuerySummary } from '@coveo/headless';
 import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
-import { A as AriaLiveRegion } from './stencil-accessibility-utils-196a08f3.js';
+import { A as AriaLiveRegion } from './stencil-accessibility-utils-ae75044b.js';
 import { B as Button } from './stencil-button-1a29a5df.js';
 import { N as NoItemsContainer, M as MagnifyingGlass } from './stencil-magnifying-glass-041294b6.js';
 import { a as NoItems, S as SearchTips, N as NoItemsGuard } from './stencil-tips-be95482d.js';
@@ -9,7 +9,7 @@ import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
 import './init-queue-fbe942c3.js';
 import './initialization-lit-stencil-common-utils-804fe146.js';
-import './utils-7161486d.js';
+import './utils-6400ebde.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
 import './stencil-button-style-0bc80040.js';
@@ -66,7 +66,7 @@ const AtomicNoResults = class {
     render() {
         const { bindings: { i18n }, } = this;
         this.ariaMessage = getSummary(i18n, this.querySummaryState.query, this.searchStatusState.hasResults, 'no-results');
-        return (h(NoItemsGuard, { key: '8bfbd5035a7dcef8269190bbd2d92699f60b40d2', ...this.searchStatusState }, h(NoItemsContainer, { key: '2883ffa2e8624b86ead143a49ec11a4e678f980f' }, h(MagnifyingGlass, { key: '3eadd782f16c9749a429dea559aad60ce4d083af' }), h(NoItems, { key: '89791b3595dff280aea99783c1c5d965e66b43fb', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), h(SearchTips, { key: '5724380ed5d9eb13e4e7eac36752e14f1207fc24', i18n: i18n }), this.enableCancelLastAction && this.historyState.past.length ? (h(Cancel, { i18n: i18n, onClick: () => this.history.backOnNoResults() })) : null)));
+        return (h(NoItemsGuard, { key: '77f1caa3284fac2d3e88f3c5cc12c63eeb6b57b3', ...this.searchStatusState }, h(NoItemsContainer, { key: 'c74c5adb3225bb52786ed8edc19b33a53c6729a2' }, h(MagnifyingGlass, { key: '851e131eb8e4a780b2c54b7c346e2e09ec342498' }), h(NoItems, { key: '3c96b1350045fcfcb7ee87b6d94a26b38d2882fc', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), h(SearchTips, { key: 'f8e80dca7cd85ac86ec8484952c0e482456b11f8', i18n: i18n }), this.enableCancelLastAction && this.historyState.past.length ? (h(Cancel, { i18n: i18n, onClick: () => this.history.backOnNoResults() })) : null)));
     }
 };
 __decorate([

package/dist/esm/atomic-notifications.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h, F as Fragment } from './index-3f35faca.js';
 import { buildNotifyTrigger } from '@coveo/headless';
 import { I as InitializeBindings, B as BindStateToController, H as Hidden } from './initialization-utils-ffbc4136.js';
-import { A as AriaLiveRegion } from './stencil-accessibility-utils-196a08f3.js';
+import { A as AriaLiveRegion } from './stencil-accessibility-utils-ae75044b.js';
 import { H as Heading } from './stencil-heading-2b28a9b9.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
 import './init-queue-fbe942c3.js';
 import './initialization-lit-stencil-common-utils-804fe146.js';
-import './utils-7161486d.js';
+import './utils-6400ebde.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';