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

package/dist/esm/atomic-insight-full-search-button.entry.js

@@ -34,7 +34,7 @@ const AtomicInsightFullSearchButton = class {
         this.error = undefined;
     }
     render() {
-        return (h(IconButton, { key: 'f8a8010b72cc525224a239c98d5e0118a6beeec6', partPrefix: "full-search", style: "outline-neutral", icon: ArrowFull, ariaLabel: this.bindings.i18n.t('full-search'), title: this.tooltip }));
+        return (h(IconButton, { key: '2b7352753c19b4e0244a5ba6a3fb53f6f9b95b44', partPrefix: "full-search", style: "outline-neutral", icon: ArrowFull, ariaLabel: this.bindings.i18n.t('full-search'), title: this.tooltip }));
     }
 };
 __decorate([

package/dist/esm/atomic-insight-generated-answer.entry.js

@@ -2,13 +2,13 @@ import { r as registerInstance, g as getElement } from './index-3f35faca.js';
 import { buildInteractiveCitation, buildGeneratedAnswer, buildSearchStatus } from '@coveo/headless/insight';
 import { d as debounce } from './debounce-utils-8619dece.js';
 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 { G as GeneratedAnswerCommon } from './generated-answer-common-9d0c5ada.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';
 import './local-storage-utils-410269e6.js';

package/dist/esm/atomic-insight-history-toggle.entry.js

@@ -17,7 +17,7 @@ const AtomicInsightHistoryToggle = class {
         this.tooltip = '';
     }
     render() {
-        return (h(IconButton, { key: '6b51befa85ec864f15534e4ca42e0bdbb2692e24', partPrefix: "insight-history-toggle", style: "outline-neutral", icon: Clockicon, ariaLabel: "history", onClick: this.clickCallback, title: this.tooltip }));
+        return (h(IconButton, { key: 'e516c7aa955b73392a798871383244690199caad', partPrefix: "insight-history-toggle", style: "outline-neutral", icon: Clockicon, ariaLabel: "history", onClick: this.clickCallback, title: this.tooltip }));
     }
 };
 AtomicInsightHistoryToggle.style = AtomicInsightHistoryToggleStyle0;

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

@@ -1,14 +1,92 @@
 import { r as registerInstance, g as getElement } from './index-3f35faca.js';
 import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
-import { r as randomID } from './utils-7161486d.js';
-import { b as buildInsightLayout } from './insight-layout-a1e4b795.js';
+import { r as randomID } from './utils-6400ebde.js';
+import { f as findSection, s as sectionSelector } from './atomic-layout-section-utils-c8ca7445.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 './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
-import './atomic-layout-section-utils-c8ca7445.js';
+
+const tabsSelector = 'atomic-insight-tabs';
+const refineModalSelector = 'atomic-insight-refine-modal';
+const searchBoxSelector = 'atomic-insight-search-box';
+const toggleSelectors = [
+    'atomic-insight-refine-toggle',
+    'atomic-insight-edit-toggle',
+    'atomic-insight-history-toggle',
+];
+const smartSnippetSelectors = [
+    'atomic-insight-smart-snippet-suggestions',
+    'atomic-insight-smart-snippet',
+];
+const generatedAnswerSelector = 'atomic-insight-generated-answer';
+function buildInsightLayout(element, widget) {
+    const id = element.id;
+    const layoutSelector = `atomic-insight-layout#${id}`;
+    const hasTabs = Boolean(findSection(element, 'search')?.querySelector(tabsSelector));
+    const interfaceStyle = widget
+        ? `
+  ${layoutSelector} {
+    display: grid;
+    grid-template-rows: auto auto 8fr 1fr;
+    max-height: 100%;
+    box-sizing: border-box;
+  }
+  ${layoutSelector} ${refineModalSelector} {
+    grid-row-start: 5;
+  }`
+        : '';
+    const search = `${sectionSelector('search')} {
+      width: 100%;
+      display: flex;
+      flex-wrap: wrap;
+      grid-gap: 0.5rem;
+      background: var(--atomic-neutral-light);
+      padding-top: 1.5rem;
+      padding-left: 1.5rem;
+      padding-right: 1.5rem;
+      box-sizing: border-box;
+      min-width: 0;
+      ${!hasTabs ? 'padding-bottom: 1.5rem;' : ''}
+    }
+
+    ${sectionSelector('search')} ${searchBoxSelector} {
+      flex-grow: 1;
+      height: 2.6rem;
+    }
+
+    ${toggleSelectors.map((toggleSelector) => `${sectionSelector('search')} ${toggleSelector} {
+      flex-shrink: 0;
+    }`)}
+
+    ${sectionSelector('search')} ${tabsSelector} {
+      width: 100%;
+    }
+    `;
+    const facets = `${sectionSelector('facets')} {
+      display: none;
+    }
+    `;
+    const results = `
+    ${sectionSelector('results')} {
+      overflow: auto;
+    }
+
+    ${sectionSelector('results')} ${smartSnippetSelectors.join(',')} {
+      padding: 1.5rem 1.5rem 0px;
+    }
+
+    ${sectionSelector('results')} ${generatedAnswerSelector} {
+      margin-left: 1.5rem;
+      margin-right: 1.5rem;
+    }
+    `;
+    return [interfaceStyle, search, facets, results]
+        .filter((declaration) => declaration !== '')
+        .join('\n\n');
+}
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -38,6 +116,8 @@ const AtomicInsightLayout = class {
         }
     }
     makeStyleTag() {
+        if (!this.bindings)
+            return;
         this.styleTag = this.bindings.createStyleElement();
         this.styleTag.innerHTML = buildInsightLayout(this.host, this.widget);
         this.host.appendChild(this.styleTag);

package/dist/esm/atomic-insight-layout.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-insight-layout.entry.js","mappings":";;;;;;;;;;;;;;;;;;;;;;MAgBa,mBAAmB;;;;;;QASe,WAAM,GAAG,KAAK,CAAC;sBAAN,KAAK;;IAGpD,YAAY;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SACtE;aAAM;YACL,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;KACF;IAEO,YAAY;QAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACrE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACtC;IAEM,gBAAgB;QACrB,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,QAAQ,CAAC,wBAAwB,CAAC,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QAElB,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;;;;;;AArB4B;IAA5B,kBAAkB,EAAE;qDAAmC;;;;","names":[],"sources":["src/components/insight/atomic-insight-layout/atomic-insight-layout.tsx"],"sourcesContent":["import {Component, Element, Prop, Watch} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {randomID} from '../../../utils/utils';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\nimport {buildInsightLayout} from './insight-layout';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-layout',\n  shadow: false,\n})\nexport class AtomicInsightLayout\n  implements InitializableComponent<InsightBindings>\n{\n  public error!: Error;\n  private styleTag?: HTMLStyleElement;\n  @Element() private host!: HTMLElement;\n  /**\n   * Whether the interface should be shown in widget format.\n   */\n  @Prop({reflect: true, mutable: true}) public widget = false;\n  @InitializeBindings() public bindings!: InsightBindings;\n  @Watch('widget')\n  public updateStyles() {\n    if (this.styleTag) {\n      this.styleTag.innerHTML = buildInsightLayout(this.host, this.widget);\n    } else {\n      this.makeStyleTag();\n    }\n  }\n\n  private makeStyleTag() {\n    this.styleTag = this.bindings.createStyleElement();\n    this.styleTag.innerHTML = buildInsightLayout(this.host, this.widget);\n    this.host.appendChild(this.styleTag);\n  }\n\n  public componentDidLoad() {\n    const id = this.host.id || randomID('atomic-insight-layout-');\n    this.host.id = id;\n\n    this.makeStyleTag();\n  }\n}\n"],"version":3}
+{"file":"atomic-insight-layout.entry.js","mappings":";;;;;;;;;;;AAKA,MAAM,YAAY,GAAG,qBAAqB,CAAC;AAC3C,MAAM,mBAAmB,GAAG,6BAA6B,CAAC;AAC1D,MAAM,iBAAiB,GAAG,2BAA2B,CAAC;AACtD,MAAM,eAAe,GAAG;IACtB,8BAA8B;IAC9B,4BAA4B;IAC5B,+BAA+B;CAChC,CAAC;AACF,MAAM,qBAAqB,GAAG;IAC5B,0CAA0C;IAC1C,8BAA8B;CAC/B,CAAC;AACF,MAAM,uBAAuB,GAAG,iCAAiC,CAAC;SAMlD,kBAAkB,CAAC,OAAoB,EAAE,MAAe;IACtE,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;IACtB,MAAM,cAAc,GAAG,yBAAyB,EAAE,EAAE,CAAC;IAErD,MAAM,OAAO,GAAG,OAAO,CACrB,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAC5D,CAAC;IAEF,MAAM,cAAc,GAAG,MAAM;UACzB;IACF,cAAc;;;;;;IAMd,cAAc,IAAI,mBAAmB;;IAErC;UACE,EAAE,CAAC;IAEP,MAAM,MAAM,GAAG,GAAG,eAAe,CAAC,QAAQ,CAAC;;;;;;;;;;;QAWrC,CAAC,OAAO,GAAG,yBAAyB,GAAG,EAAE;;;MAG3C,eAAe,CAAC,QAAQ,CAAC,IAAI,iBAAiB;;;;;MAK9C,eAAe,CAAC,GAAG,CACnB,CAAC,cAAc,KAAK,GAAG,eAAe,CAAC,QAAQ,CAAC,IAAI,cAAc;;MAElE,CACD;;MAEC,eAAe,CAAC,QAAQ,CAAC,IAAI,YAAY;;;KAG1C,CAAC;IAEJ,MAAM,MAAM,GAAG,GAAG,eAAe,CAAC,QAAQ,CAAC;;;KAGxC,CAAC;IAEJ,MAAM,OAAO,GAAG;MACZ,eAAe,CAAC,SAAS,CAAC;;;;MAI1B,eAAe,CAAC,SAAS,CAAC,IAAI,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC;;;;MAI7D,eAAe,CAAC,SAAS,CAAC,IAAI,uBAAuB;;;;KAItD,CAAC;IAEJ,OAAO,CAAC,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;SAC7C,MAAM,CAAC,CAAC,WAAW,KAAK,WAAW,KAAK,EAAE,CAAC;SAC3C,IAAI,CAAC,MAAM,CAAC,CAAC;AAClB;;;;;;;;;;;;MCjFa,mBAAmB;;;;;;QASe,WAAM,GAAG,KAAK,CAAC;sBAAN,KAAK;;IAGpD,YAAY;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;SACtE;aAAM;YACL,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;KACF;IAEO,YAAY;QAClB,IAAG,CAAC,IAAI,CAAC,QAAQ;YAAG,OAAO;QAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACrE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACtC;IAEM,gBAAgB;QACrB,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,QAAQ,CAAC,wBAAwB,CAAC,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QAElB,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;;;;;;AAtB4B;IAA5B,kBAAkB,EAAE;qDAAmC;;;;","names":[],"sources":["src/components/insight/atomic-insight-layout/insight-layout.ts","src/components/insight/atomic-insight-layout/atomic-insight-layout.tsx"],"sourcesContent":["import {\n  findSection,\n  sectionSelector,\n} from '../../common/atomic-layout-section/atomic-layout-section-utils';\n\nconst tabsSelector = 'atomic-insight-tabs';\nconst refineModalSelector = 'atomic-insight-refine-modal';\nconst searchBoxSelector = 'atomic-insight-search-box';\nconst toggleSelectors = [\n  'atomic-insight-refine-toggle',\n  'atomic-insight-edit-toggle',\n  'atomic-insight-history-toggle',\n];\nconst smartSnippetSelectors = [\n  'atomic-insight-smart-snippet-suggestions',\n  'atomic-insight-smart-snippet',\n];\nconst generatedAnswerSelector = 'atomic-insight-generated-answer';\n\nexport function makeDesktopQuery(mobileBreakpoint: string) {\n  return `only screen and (min-width: ${mobileBreakpoint})`;\n}\n\nexport function buildInsightLayout(element: HTMLElement, widget: boolean) {\n  const id = element.id;\n  const layoutSelector = `atomic-insight-layout#${id}`;\n\n  const hasTabs = Boolean(\n    findSection(element, 'search')?.querySelector(tabsSelector)\n  );\n\n  const interfaceStyle = widget\n    ? `\n  ${layoutSelector} {\n    display: grid;\n    grid-template-rows: auto auto 8fr 1fr;\n    max-height: 100%;\n    box-sizing: border-box;\n  }\n  ${layoutSelector} ${refineModalSelector} {\n    grid-row-start: 5;\n  }`\n    : '';\n\n  const search = `${sectionSelector('search')} {\n      width: 100%;\n      display: flex;\n      flex-wrap: wrap;\n      grid-gap: 0.5rem;\n      background: var(--atomic-neutral-light);\n      padding-top: 1.5rem;\n      padding-left: 1.5rem;\n      padding-right: 1.5rem;\n      box-sizing: border-box;\n      min-width: 0;\n      ${!hasTabs ? 'padding-bottom: 1.5rem;' : ''}\n    }\n\n    ${sectionSelector('search')} ${searchBoxSelector} {\n      flex-grow: 1;\n      height: 2.6rem;\n    }\n\n    ${toggleSelectors.map(\n      (toggleSelector) => `${sectionSelector('search')} ${toggleSelector} {\n      flex-shrink: 0;\n    }`\n    )}\n\n    ${sectionSelector('search')} ${tabsSelector} {\n      width: 100%;\n    }\n    `;\n\n  const facets = `${sectionSelector('facets')} {\n      display: none;\n    }\n    `;\n\n  const results = `\n    ${sectionSelector('results')} {\n      overflow: auto;\n    }\n\n    ${sectionSelector('results')} ${smartSnippetSelectors.join(',')} {\n      padding: 1.5rem 1.5rem 0px;\n    }\n\n    ${sectionSelector('results')} ${generatedAnswerSelector} {\n      margin-left: 1.5rem;\n      margin-right: 1.5rem;\n    }\n    `;\n\n  return [interfaceStyle, search, facets, results]\n    .filter((declaration) => declaration !== '')\n    .join('\\n\\n');\n}\n","import {Component, Element, Prop, Watch} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {randomID} from '../../../utils/utils';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\nimport {buildInsightLayout} from './insight-layout';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-layout',\n  shadow: false,\n})\nexport class AtomicInsightLayout\n  implements InitializableComponent<InsightBindings>\n{\n  public error!: Error;\n  private styleTag?: HTMLStyleElement;\n  @Element() private host!: HTMLElement;\n  /**\n   * Whether the interface should be shown in widget format.\n   */\n  @Prop({reflect: true, mutable: true}) public widget = false;\n  @InitializeBindings() public bindings!: InsightBindings;\n  @Watch('widget')\n  public updateStyles() {\n    if (this.styleTag) {\n      this.styleTag.innerHTML = buildInsightLayout(this.host, this.widget);\n    } else {\n      this.makeStyleTag();\n    }\n  }\n\n  private makeStyleTag() {\n    if(!this.bindings ) return;\n    this.styleTag = this.bindings.createStyleElement();\n    this.styleTag.innerHTML = buildInsightLayout(this.host, this.widget);\n    this.host.appendChild(this.styleTag);\n  }\n\n  public componentDidLoad() {\n    const id = this.host.id || randomID('atomic-insight-layout-');\n    this.host.id = id;\n\n    this.makeStyleTag();\n  }\n}\n"],"version":3}

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

@@ -1,14 +1,14 @@
 import { r as registerInstance, h } from './index-3f35faca.js';
 import { buildSearchStatus, buildQuerySummary } from '@coveo/headless/insight';
 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 { N as NoItemsContainer, M as MagnifyingGlass } from './stencil-magnifying-glass-041294b6.js';
 import { N as NoItemsGuard, a as NoItems, S as SearchTips } from './stencil-tips-be95482d.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';
 import './jsx-utils-9ee1b6a7.js';
@@ -39,7 +39,7 @@ const AtomicInsightNoResults = class {
     }
     render() {
         const { bindings: { i18n }, } = this;
-        return (h("div", { key: 'a23c36b70bcc6d0e71e68bb890ff2e2a27286169', class: "p-3 text-center" }, h(NoItemsGuard, { key: '80949ee88ba1d432dc12fcd00763e0326999cbb5', ...this.searchStatusState }, h(NoItemsContainer, { key: 'ad7ddbd0582ab7e5668add11192e516cf9b44873' }, h(MagnifyingGlass, { key: 'fbe200d569271d4b386f4ff6df591ddca9becce1' }), h(NoItems, { key: '1a20ceaa235e6fcbd1aa4ae8adbc78041b184bd9', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), h(SearchTips, { key: '3ae8f891aed35cc44f6e19555c5c7803f2acd81e', i18n: i18n })))));
+        return (h("div", { key: '8ba471b6410e0abae2b76eae328de9eb7be6eafc', class: "p-3 text-center" }, h(NoItemsGuard, { key: '12b330c7b2371badf51ea2e3e997b066ecb00626', ...this.searchStatusState }, h(NoItemsContainer, { key: '238d691e87e3cbc9ec8647e0abdca287aed7f1ec' }, h(MagnifyingGlass, { key: '24e98415869bcb2bf4cfdb0984b8d0238945b415' }), h(NoItems, { key: 'e3a1e33be6c9502e9888bf55d7c13732f487cb7b', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), h(SearchTips, { key: '1e6c2dbec7d2d21184002a1caba343c4d4372d07', i18n: i18n })))));
     }
 };
 __decorate([

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

@@ -2,13 +2,13 @@ import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { Schema, StringValue } from '@coveo/bueno';
 import { buildNumericFacet, buildNumericRange, buildNumericFilter, buildFacetConditionsManager, buildSearchStatus, loadNumericFacetSetActions } 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 { r as randomID } from './utils-7161486d.js';
+import { M as MapProp } from './props-utils-6040b5d2.js';
+import { F as FocusTargetController } from './stencil-accessibility-utils-ae75044b.js';
+import { r as randomID } from './utils-6400ebde.js';
 import { p as parseDependsOn } from './depends-on-20dabb86.js';
 import { a as FacetContainer, F as FacetHeader, b as FacetPlaceholder } from './facet-placeholder-4959a92a.js';
 import { F as FacetGuard } from './facet-guard-4b795e90.js';
-import { f as formatHumanReadable, N as NumericFacetValueLink, a as NumericFacetValuesContainer } from './stencil-values-container-55a7e816.js';
+import { f as formatHumanReadable, N as NumericFacetValueLink, a as NumericFacetValuesContainer } from './stencil-values-container-9b9cd73f.js';
 import { i as initializePopover } from './popover-type-895c0e24.js';
 import { b as shouldDisplayInputForFacetRange } from './stencil-facet-common-e4c271f2.js';
 import { b as defaultNumberFormatter } from './format-common-274e0f7c.js';
@@ -24,7 +24,7 @@ import './close-ff816971.js';
 import './stencil-button-1a29a5df.js';
 import './stencil-button-style-0bc80040.js';
 import './stencil-heading-2b28a9b9.js';
-import './stencil-facet-value-checkbox-0637f7f8.js';
+import './stencil-facet-value-checkbox-c0df7c4e.js';
 import './stencil-checkbox-9d8fe5f6.js';
 import './stencil-facet-value-label-highlight-b4083ffd.js';
 import './string-utils-5f5a23a8.js';
@@ -258,7 +258,7 @@ const AtomicInsightNumericFacet = class {
     }
     render() {
         const { searchStatusState: { firstSearchExecuted, hasError }, bindings: { i18n }, label, numberOfSelectedValues, isCollapsed, headingLevel, focusTarget, withInput, filter, } = this;
-        return (h(FacetGuard, { key: 'cbcd1f3da333944008f7aa9dc26ee7fc8e1aac5e', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: i18n, label: label, onClearFilters: () => {
+        return (h(FacetGuard, { key: 'f0d739a3d835c155e36cac3ae5b480e737ce10b4', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: i18n, label: label, onClearFilters: () => {
                 focusTarget.focusAfterSearch();
                 if (this.filterState?.range) {
                     this.filter?.clear();

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

@@ -3,7 +3,7 @@ import { buildSearchStatus, buildPager } from '@coveo/headless/insight';
 import { A as ArrowLeftIcon } from './arrow-left-rounded-27d1c97b.js';
 import { A as ArrowRightIcon } from './arrow-right-rounded-bdbe0f8b.js';
 import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
-import { r as randomID } from './utils-7161486d.js';
+import { r as randomID } from './utils-6400ebde.js';
 import { B as Button } from './stencil-button-1a29a5df.js';
 import { R as RadioButton } from './stencil-radio-button-cae5f40a.js';
 import './dom-utils-f6086cd3.js';
@@ -87,15 +87,15 @@ const AtomicInsightPager = class {
         this.scrollToTopEvent.emit();
     }
     render() {
-        return (h(Host, { key: 'b1322f38ffddc548e489d1f855d28bb6ff393cc7' }, h(PagerNavigation, { key: 'cd1a9e8c02badcd228d70e4a0120801e3b8465b3', i18n: this.bindings.i18n }, h(PagerPreviousButton, { key: '3e18e5c1bd7f6f150139eeaeb2c747cece7756c0', icon: ArrowLeftIcon, disabled: !this.pagerState.hasPreviousPage, i18n: this.bindings.i18n, onClick: () => {
+        return (h(Host, { key: '87f1d39dfb4b67d540982a25d8cff07ed7df49af' }, h(PagerNavigation, { key: '72d1f7b5f85913dbdb587239f543552796ff8863', i18n: this.bindings.i18n }, h(PagerPreviousButton, { key: '0d612f45d5a81a56f838e11fd396441092435593', icon: ArrowLeftIcon, disabled: !this.pagerState.hasPreviousPage, i18n: this.bindings.i18n, onClick: () => {
                 this.pager.previousPage();
                 this.focusOnFirstResultAndScrollToTop();
-            } }), h(PagerPageButtons, { key: '31bd65d83e00cbad05a40ff53b964a1fdb62d6f8', i18n: this.bindings.i18n }, this.pagerState.currentPages.map((pageNumber) => {
+            } }), h(PagerPageButtons, { key: '40dd1b1d4b40b6a143f9b06b24d5653a4aa925c3', i18n: this.bindings.i18n }, this.pagerState.currentPages.map((pageNumber) => {
             return (h(PagerPageButton, { isSelected: this.pager.isCurrentPage(pageNumber), ariaLabel: this.bindings.i18n.t('page-number', { pageNumber }), onChecked: () => {
                     this.pager.selectPage(pageNumber);
                     this.focusOnFirstResultAndScrollToTop();
                 }, page: pageNumber, groupName: this.radioGroupName, text: pageNumber.toLocaleString(this.bindings.i18n.language) }));
-        })), h(PagerNextButton, { key: 'fb64237dff6f55bc7d5ce212097a05736d1db8a4', icon: ArrowRightIcon, disabled: !this.pagerState.hasNextPage, i18n: this.bindings.i18n, onClick: () => {
+        })), h(PagerNextButton, { key: '12b699f76814b09c02752bc521437289fd084f8f', icon: ArrowRightIcon, disabled: !this.pagerState.hasNextPage, i18n: this.bindings.i18n, onClick: () => {
                 this.pager.nextPage();
                 this.focusOnFirstResultAndScrollToTop();
             } }))));

package/dist/esm/atomic-insight-query-error.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h } from './index-3f35faca.js';
 import { buildQueryError, getOrganizationEndpoint } from '@coveo/headless/insight';
 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 { g as getAriaMessageFromErrorType, Q as QueryErrorContainer, a as QueryErrorIcon, b as QueryErrorTitle, c as QueryErrorDescription, d as QueryErrorShowMore, e as QueryErrorLink, f as QueryErrorDetails, h as QueryErrorGuard } from './stencil-link-b676e261.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';
 import './stencil-button-1a29a5df.js';
@@ -44,7 +44,7 @@ const AtomicQueryError = class {
         if (hasError) {
             this.ariaMessage = getAriaMessageFromErrorType(i18n, organizationId, url, error?.type);
         }
-        return (h(QueryErrorGuard, { key: '18dc2e83185dd0820b1a3c59a09de6dbca32505d', hasError: hasError }, h(QueryErrorContainer, { key: '205f102a865c6d6d0c8306f9fc30bfa62652d80f' }, h(QueryErrorIcon, { key: '486d1d6784b26fb722758e8e7ee9facbc719fec1', errorType: error?.type }), h(QueryErrorTitle, { key: '4f7ec033db523fab12d6c43680d51dd4bc8ce487', i18n: i18n, organizationId: organizationId }), h(QueryErrorDescription, { key: 'd2e1f142a3df55578dd8b41fad93065578ccde23', i18n: i18n, organizationId: organizationId, url: url }), h(QueryErrorShowMore, { key: '14bfc75c18e46f3231c8144c3093b12c3ccb9896', link: h(QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), h(QueryErrorDetails, { key: '0d13ac67caee0ff6621ce62011c9634cf3d68dfd', error: error, show: this.showMoreInfo }))));
+        return (h(QueryErrorGuard, { key: '1d519d042a71aa20e9eb453f3024b99603d76762', hasError: hasError }, h(QueryErrorContainer, { key: '3bb2f651a9eba41556a660a434a215c27a549e7a' }, h(QueryErrorIcon, { key: '64f5d058a72ed3c254a92730ffcceaf88e979cfd', errorType: error?.type }), h(QueryErrorTitle, { key: 'c6284cd9f3009e9d7d341b50258f7d861e6198b5', i18n: i18n, organizationId: organizationId }), h(QueryErrorDescription, { key: '3d7f0b2ced1be11196db43830186826740a6b940', i18n: i18n, organizationId: organizationId, url: url }), h(QueryErrorShowMore, { key: '14e55ac3d82ba25a1e13dfcc1e65125998ffdd17', link: h(QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), h(QueryErrorDetails, { key: '98fb32a96d865c627160309ea291f85457e8a43a', error: error, show: this.showMoreInfo }))));
     }
 };
 __decorate([

package/dist/esm/atomic-insight-query-summary.entry.js

@@ -2,12 +2,12 @@ import { h, F as Fragment, r as registerInstance } from './index-3f35faca.js';
 import { buildQuerySummary } from '@coveo/headless/insight';
 import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-ffbc4136.js';
 import { L as LocalizedString } from './jsx-utils-9ee1b6a7.js';
-import { A as AriaLiveRegion } from './stencil-accessibility-utils-196a08f3.js';
+import { A as AriaLiveRegion } from './stencil-accessibility-utils-ae75044b.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';
 

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

@@ -2,15 +2,14 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-3f
 import { buildQuerySummary, buildBreadcrumbManager } from '@coveo/headless/insight';
 import { r as rectEquals } from './dom-utils-f6086cd3.js';
 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 './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';
@@ -82,12 +81,12 @@ const AtomicInsightRefineModal = class {
         return (h("aside", { slot: "body", class: "flex flex-col w-full" }, this.renderHeader(), h("slot", { name: "facets" })));
     }
     render() {
-        return (h(Host, { key: '572005258b9ca0b03f2d3695c2cf34b19230ae1b' }, this.interfaceDimensions && (h("style", { key: 'bca809425a5a1fc7a65e5c876504bdde23c64136' }, `atomic-modal::part(backdrop) {
+        return (h(Host, { key: 'f278c29ff884f542324f25f3a5c6a69889224338' }, this.interfaceDimensions && (h("style", { key: '2427694bff18b7b5739133118efd0dd6ce7eeb3a' }, `atomic-modal::part(backdrop) {
             top: ${this.interfaceDimensions.top}px;
             left: ${this.interfaceDimensions.left}px;
             width: ${this.interfaceDimensions.width}px;
             height: ${this.interfaceDimensions.height}px;
-            }`)), h(RefineModal, { key: '03ca226e506ae944c32abb88cb461c89c452580a', 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, scope: this.bindings.interfaceElement }, this.renderBody())));
+            }`)), h(RefineModal, { key: '8d5be3ed032d240e9cf59eb94307b337aa245714', 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, scope: this.bindings.interfaceElement }, this.renderBody())));
     }
     componentDidLoad() {
         this.host.style.display = '';

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

@@ -1 +1 @@
-{"file":"atomic-insight-refine-modal.entry.js","mappings":"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","names":["buildInsightQuerySummary","buildInsightBreadcrumbManager"],"sources":["src/components/insight/atomic-insight-refine-modal/atomic-insight-refine-modal.pcss?tag=atomic-insight-refine-modal&encapsulation=shadow","src/components/insight/atomic-insight-refine-modal/atomic-insight-refine-modal.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n/* This stylesheet can be removed once atomic-insight-refine-modal is migrated to lit. */","import {\n  QuerySummary as InsightQuerySummary,\n  QuerySummaryState as InsightQuerySummaryState,\n  buildQuerySummary as buildInsightQuerySummary,\n  BreadcrumbManager as InsightBreadcrumbManager,\n  BreadcrumbManagerState as InsightBreadcrumbManagerState,\n  buildBreadcrumbManager as buildInsightBreadcrumbManager,\n} from '@coveo/headless/insight';\nimport {Component, h, State, Prop, Element, Watch, Host} from '@stencil/core';\nimport {rectEquals} from '../../../utils/dom-utils';\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 {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-refine-modal',\n  styleUrl: 'atomic-insight-refine-modal.pcss',\n  shadow: true,\n})\nexport class AtomicInsightRefineModal\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  @Element() public host!: HTMLElement;\n\n  @BindStateToController('querySummary')\n  @State()\n  public querySummaryState!: InsightQuerySummaryState;\n\n  @BindStateToController('breadcrumbManager')\n  @State()\n  public breadcrumbManagerState!: InsightBreadcrumbManagerState;\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  public querySummary!: InsightQuerySummary;\n  private breadcrumbManager!: InsightBreadcrumbManager;\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            0,\n            this.bindings.interfaceElement\n          )\n        );\n      }\n      this.onAnimationFrame();\n    }\n  }\n\n  private onAnimationFrame() {\n    if (!this.isOpen) {\n      return;\n    }\n    if (this.dimensionChanged()) {\n      this.updateDimensions();\n    }\n    window.requestAnimationFrame(() => this.onAnimationFrame());\n  }\n\n  private dimensionChanged() {\n    if (!this.interfaceDimensions) {\n      return true;\n    }\n\n    return !rectEquals(\n      this.interfaceDimensions,\n      this.bindings.interfaceElement.getBoundingClientRect()\n    );\n  }\n\n  public updateDimensions() {\n    this.interfaceDimensions =\n      this.bindings.interfaceElement.getBoundingClientRect();\n  }\n\n  public initialize() {\n    this.querySummary = buildInsightQuerySummary(this.bindings.engine);\n    this.breadcrumbManager = buildInsightBreadcrumbManager(\n      this.bindings.engine\n    );\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        {this.interfaceDimensions && (\n          <style>\n            {`atomic-modal::part(backdrop) {\n            top: ${this.interfaceDimensions.top}px;\n            left: ${this.interfaceDimensions.left}px;\n            width: ${this.interfaceDimensions.width}px;\n            height: ${this.interfaceDimensions.height}px;\n            }`}\n          </style>\n        )}\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          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-insight-refine-modal.entry.js","mappings":"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","names":["buildInsightQuerySummary","buildInsightBreadcrumbManager"],"sources":["src/components/insight/atomic-insight-refine-modal/atomic-insight-refine-modal.pcss?tag=atomic-insight-refine-modal&encapsulation=shadow","src/components/insight/atomic-insight-refine-modal/atomic-insight-refine-modal.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n/* This stylesheet can be removed once atomic-insight-refine-modal is migrated to lit. */","import {\n  QuerySummary as InsightQuerySummary,\n  QuerySummaryState as InsightQuerySummaryState,\n  buildQuerySummary as buildInsightQuerySummary,\n  BreadcrumbManager as InsightBreadcrumbManager,\n  BreadcrumbManagerState as InsightBreadcrumbManagerState,\n  buildBreadcrumbManager as buildInsightBreadcrumbManager,\n} from '@coveo/headless/insight';\nimport {Component, h, State, Prop, Element, Watch, Host} from '@stencil/core';\nimport {rectEquals} from '../../../utils/dom-utils';\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 {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-refine-modal',\n  styleUrl: 'atomic-insight-refine-modal.pcss',\n  shadow: true,\n})\nexport class AtomicInsightRefineModal\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  @Element() public host!: HTMLElement;\n\n  @BindStateToController('querySummary')\n  @State()\n  public querySummaryState!: InsightQuerySummaryState;\n\n  @BindStateToController('breadcrumbManager')\n  @State()\n  public breadcrumbManagerState!: InsightBreadcrumbManagerState;\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  public querySummary!: InsightQuerySummary;\n  private breadcrumbManager!: InsightBreadcrumbManager;\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            0,\n            this.bindings.interfaceElement\n          )\n        );\n      }\n      this.onAnimationFrame();\n    }\n  }\n\n  private onAnimationFrame() {\n    if (!this.isOpen) {\n      return;\n    }\n    if (this.dimensionChanged()) {\n      this.updateDimensions();\n    }\n    window.requestAnimationFrame(() => this.onAnimationFrame());\n  }\n\n  private dimensionChanged() {\n    if (!this.interfaceDimensions) {\n      return true;\n    }\n\n    return !rectEquals(\n      this.interfaceDimensions,\n      this.bindings.interfaceElement.getBoundingClientRect()\n    );\n  }\n\n  public updateDimensions() {\n    this.interfaceDimensions =\n      this.bindings.interfaceElement.getBoundingClientRect();\n  }\n\n  public initialize() {\n    this.querySummary = buildInsightQuerySummary(this.bindings.engine);\n    this.breadcrumbManager = buildInsightBreadcrumbManager(\n      this.bindings.engine\n    );\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        {this.interfaceDimensions && (\n          <style>\n            {`atomic-modal::part(backdrop) {\n            top: ${this.interfaceDimensions.top}px;\n            left: ${this.interfaceDimensions.left}px;\n            width: ${this.interfaceDimensions.width}px;\n            height: ${this.interfaceDimensions.height}px;\n            }`}\n          </style>\n        )}\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          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-insight-refine-toggle.entry.js

@@ -55,7 +55,7 @@ const AtomicInsightRefineToggle = class {
         this.modalRef.openButton = this.buttonRef;
     }
     render() {
-        return (h(IconButton, { key: 'a597455f34f5b2bfb08dba34ac180a65d67b3c3b', partPrefix: "insight-refine-toggle", 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: 'a2ea5c20aa2193f136d61cc48a6208ccdf446df2', partPrefix: "insight-refine-toggle", 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-insight-result-action-bar.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, g as getElement } from './index-3f35faca.js';
-import { h as hideEmptySection } from './item-section-utils-46828f30.js';
-import './utils-7161486d.js';
+import { h as hideEmptySection } from './item-section-utils-d8aa24b7.js';
+import './utils-6400ebde.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
 

package/dist/esm/atomic-insight-result-action.entry.js

@@ -120,7 +120,7 @@ const AtomicInsightResultAction = class {
         }
     }
     render() {
-        return (h(IconButton, { key: '5bfc0b93f8fe44cfebbf937610cfe9c23d12f8bb', partPrefix: "result-action", style: "outline-neutral", icon: this.getIcon(), title: this.tooltip, onClick: () => this.onClick() }));
+        return (h(IconButton, { key: '22e8405ba913fe6785627fec9f047f9fcbdf7cf3', partPrefix: "result-action", style: "outline-neutral", icon: this.getIcon(), title: this.tooltip, onClick: () => this.onClick() }));
     }
 };
 __decorate([

package/dist/esm/atomic-insight-result-attach-to-case-action.entry.js

@@ -70,7 +70,7 @@ const AtomicInsightResultAttachToCaseAction = class {
             : this.bindings.i18n.t('attach-to-case');
     }
     render() {
-        return (h(IconButton, { key: 'ebf5f45e034e5f915ea989983c0524a64cde7828', partPrefix: "result-action", style: "outline-neutral", icon: this.getIcon(), title: this.getTooltip(), onClick: () => this.onClick() }));
+        return (h(IconButton, { key: 'a4c379e41bf53fe8a84830744aa3b6eb9ee793b7', partPrefix: "result-action", style: "outline-neutral", icon: this.getIcon(), title: this.getTooltip(), onClick: () => this.onClick() }));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/atomic-insight-result-attach-to-case-indicator.entry.js

@@ -39,7 +39,7 @@ const AtomicInsightResultAttachToCaseIndicator = class {
     }
     render() {
         if (this.attachToCase.isAttached()) {
-            return (h("atomic-icon", { key: 'f5a9c8ef641335fd25e885cb7c2bc78abf40e084', part: "icon", class: "flex w-5 justify-center", icon: AttachIcon, title: this.bindings.i18n.t('result-is-attached') }));
+            return (h("atomic-icon", { key: '9e286dbe3cf26d55d1f4407c6125c13d2d8a3026', part: "icon", class: "flex w-5 justify-center", icon: AttachIcon, title: this.bindings.i18n.t('result-is-attached') }));
         }
     }
     get host() { return getElement(this); }

package/dist/esm/atomic-insight-result-children-template.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, g as getElement } from './index-3f35faca.js';
-import { M as MapProp } from './props-utils-e97ad6bd.js';
-import { R as ResultTemplateCommon, a as makeDefinedConditions, m as makeMatchConditions } from './result-template-common-995b94f8.js';
+import { M as MapProp } from './props-utils-6040b5d2.js';
+import { R as ResultTemplateCommon, a as makeDefinedConditions, m as makeMatchConditions } from './result-template-common-47799c7c.js';
 import '@coveo/bueno';
-import './utils-7161486d.js';
+import './utils-6400ebde.js';
 import './purify-c7ebd240.js';
 import './_commonjsHelpers-1789f0cf.js';
 import '@coveo/headless';
 import './table-element-utils-49d22ec6.js';
-import './item-layout-sections-8afb5049.js';
+import './item-layout-sections-26123790.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/atomic-insight-result-children.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-3f35faca.js';
 import { buildInteractiveResult } from '@coveo/headless/insight';
 import { b as buildCustomEvent } from './event-utils-8de63ec3.js';
 import { I as InitializeBindings } from './initialization-utils-ffbc4136.js';
-import { g as elementHasAncestorTag } from './utils-7161486d.js';
+import { f as elementHasAncestorTag } from './utils-6400ebde.js';
 import { e as extractUnfoldedItem } from './unfolded-item-c5795c0f.js';
 import { F as FoldedItemListContext, a as FoldedItemListStateContext, C as ChildrenWrapper, S as ShowHideButton, b as CollectionGuard, R as ResultChildrenGuard } from './show-hide-button-35eb419d.js';
 import { I as ItemTemplateProvider } from './item-template-provider-35bf0685.js';
@@ -128,7 +128,7 @@ const AtomicResultChildren = class {
         return (h(ChildrenWrapper, { hasChildren: children.length > 0 }, children.map((child, i) => this.renderChild(child, i === children.length - 1))));
     }
     render() {
-        return (h(ResultChildrenGuard, { key: '373a3b5e413999083c60c826aab9d93851a8a76b', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
+        return (h(ResultChildrenGuard, { key: 'f282a0ecfd58e9709a3f0d2d180f8104c44b4d4d', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
     }
     get host() { return getElement(this); }
 };