@coveo/atomic 3.34.0-pre.6588b73242 → 3.34.0-pre.7643ea7373

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

@@ -4,93 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const utils = require('./utils-12b49e87.js');
-const sections = require('./sections-4b4af2f8.js');
+const utils = require('./utils-7153ae6b.js');
+const insightLayout = require('./insight-layout-355a94dd.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
 require('./initialization-lit-stencil-common-utils-730030b0.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.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(sections.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 = `${sections.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;' : ''}
-    }
-
-    ${sections.sectionSelector('search')} ${searchBoxSelector} {
-      flex-grow: 1;
-      height: 2.6rem;
-    }
-
-    ${toggleSelectors.map((toggleSelector) => `${sections.sectionSelector('search')} ${toggleSelector} {
-      flex-shrink: 0;
-    }`)}
-
-    ${sections.sectionSelector('search')} ${tabsSelector} {
-      width: 100%;
-    }
-    `;
-    const facets = `${sections.sectionSelector('facets')} {
-      display: none;
-    }
-    `;
-    const results = `
-    ${sections.sectionSelector('results')} {
-      overflow: auto;
-    }
-
-    ${sections.sectionSelector('results')} ${smartSnippetSelectors.join(',')} {
-      padding: 1.5rem 1.5rem 0px;
-    }
-
-    ${sections.sectionSelector('results')} ${generatedAnswerSelector} {
-      margin-left: 1.5rem;
-      margin-right: 1.5rem;
-    }
-    `;
-    return [interfaceStyle, search, facets, results]
-        .filter((declaration) => declaration !== '')
-        .join('\n\n');
-}
+require('./sections-4b4af2f8.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;
@@ -113,17 +35,15 @@ const AtomicInsightLayout = class {
     }
     updateStyles() {
         if (this.styleTag) {
-            this.styleTag.innerHTML = buildInsightLayout(this.host, this.widget);
+            this.styleTag.innerHTML = insightLayout.buildInsightLayout(this.host, this.widget);
         }
         else {
             this.makeStyleTag();
         }
     }
     makeStyleTag() {
-        if (!this.bindings)
-            return;
         this.styleTag = this.bindings.createStyleElement();
-        this.styleTag.innerHTML = buildInsightLayout(this.host, this.widget);
+        this.styleTag.innerHTML = insightLayout.buildInsightLayout(this.host, this.widget);
         this.host.appendChild(this.styleTag);
     }
     componentDidLoad() {

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

@@ -1 +1 @@
-{"file":"atomic-insight-layout.entry.cjs.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,CACrBA,oBAAW,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,GAAGC,wBAAe,CAAC,QAAQ,CAAC;;;;;;;;;;;QAWrC,CAAC,OAAO,GAAG,yBAAyB,GAAG,EAAE;;;MAG3CA,wBAAe,CAAC,QAAQ,CAAC,IAAI,iBAAiB;;;;;MAK9C,eAAe,CAAC,GAAG,CACnB,CAAC,cAAc,KAAK,GAAGA,wBAAe,CAAC,QAAQ,CAAC,IAAI,cAAc;;MAElE,CACD;;MAECA,wBAAe,CAAC,QAAQ,CAAC,IAAI,YAAY;;;KAG1C,CAAC;IAEJ,MAAM,MAAM,GAAG,GAAGA,wBAAe,CAAC,QAAQ,CAAC;;;KAGxC,CAAC;IAEJ,MAAM,OAAO,GAAG;MACZA,wBAAe,CAAC,SAAS,CAAC;;;;MAI1BA,wBAAe,CAAC,SAAS,CAAC,IAAI,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC;;;;MAI7DA,wBAAe,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,IAAIC,cAAQ,CAAC,wBAAwB,CAAC,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QAElB,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;;;;;;AAtB4B;IAA5BC,sCAAkB,EAAE;qDAAmC;;;;","names":["findSection","sectionSelector","randomID","InitializeBindings"],"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/sections';\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}
+{"file":"atomic-insight-layout.entry.cjs.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,GAAGA,gCAAkB,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,GAAGA,gCAAkB,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,IAAIC,cAAQ,CAAC,wBAAwB,CAAC,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QAElB,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;;;;;;AArB4B;IAA5BC,sCAAkB,EAAE;qDAAmC;;;;","names":["buildInsightLayout","randomID","InitializeBindings"],"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}

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

@@ -5,14 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
+const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
 const stencilMagnifyingGlass = require('./stencil-magnifying-glass-c1d386a1.js');
 const stencilTips = require('./stencil-tips-e913f891.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
 require('./initialization-lit-stencil-common-utils-730030b0.js');
-require('./utils-12b49e87.js');
+require('./utils-7153ae6b.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 require('./jsx-utils-f034a41c.js');
@@ -43,7 +43,7 @@ const AtomicInsightNoResults = class {
     }
     render() {
         const { bindings: { i18n }, } = this;
-        return (index.h("div", { key: '8ba471b6410e0abae2b76eae328de9eb7be6eafc', class: "p-3 text-center" }, index.h(stencilTips.NoItemsGuard, { key: '12b330c7b2371badf51ea2e3e997b066ecb00626', ...this.searchStatusState }, index.h(stencilMagnifyingGlass.NoItemsContainer, { key: '238d691e87e3cbc9ec8647e0abdca287aed7f1ec' }, index.h(stencilMagnifyingGlass.MagnifyingGlass, { key: '24e98415869bcb2bf4cfdb0984b8d0238945b415' }), index.h(stencilTips.NoItems, { key: 'e3a1e33be6c9502e9888bf55d7c13732f487cb7b', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), index.h(stencilTips.SearchTips, { key: '1e6c2dbec7d2d21184002a1caba343c4d4372d07', i18n: i18n })))));
+        return (index.h("div", { key: 'a23c36b70bcc6d0e71e68bb890ff2e2a27286169', class: "p-3 text-center" }, index.h(stencilTips.NoItemsGuard, { key: '80949ee88ba1d432dc12fcd00763e0326999cbb5', ...this.searchStatusState }, index.h(stencilMagnifyingGlass.NoItemsContainer, { key: 'ad7ddbd0582ab7e5668add11192e516cf9b44873' }, index.h(stencilMagnifyingGlass.MagnifyingGlass, { key: 'fbe200d569271d4b386f4ff6df591ddca9becce1' }), index.h(stencilTips.NoItems, { key: '1a20ceaa235e6fcbd1aa4ae8adbc78041b184bd9', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), index.h(stencilTips.SearchTips, { key: '3ae8f891aed35cc44f6e19555c5c7803f2acd81e', i18n: i18n })))));
     }
 };
 __decorate([

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

@@ -6,13 +6,13 @@ const index = require('./index-757bc886.js');
 const bueno = require('@coveo/bueno');
 const insight = require('@coveo/headless/insight');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const propsUtils = require('./props-utils-15a042f3.js');
-const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
-const utils = require('./utils-12b49e87.js');
+const propsUtils = require('./props-utils-1e4ba1b0.js');
+const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
+const utils = require('./utils-7153ae6b.js');
 const dependsOn = require('./depends-on-f0cf3617.js');
 const facetPlaceholder = require('./facet-placeholder-22074f05.js');
 const facetGuard = require('./facet-guard-328b588d.js');
-const stencilValuesContainer = require('./stencil-values-container-d20f9b28.js');
+const stencilValuesContainer = require('./stencil-values-container-9f50ec1a.js');
 const popoverType = require('./popover-type-b1385b27.js');
 const stencilFacetCommon = require('./stencil-facet-common-c258bef8.js');
 const formatCommon = require('./format-common-4aa8aa88.js');
@@ -28,7 +28,7 @@ require('./close-20739950.js');
 require('./stencil-button-94b89acc.js');
 require('./stencil-button-style-ba779fe2.js');
 require('./stencil-heading-2faee1f7.js');
-require('./stencil-facet-value-checkbox-fed178ad.js');
+require('./stencil-facet-value-checkbox-62f07459.js');
 require('./stencil-checkbox-81c51bbd.js');
 require('./stencil-facet-value-label-highlight-c2421e8f.js');
 require('./string-utils-bdf08f8c.js');
@@ -262,7 +262,7 @@ const AtomicInsightNumericFacet = class {
     }
     render() {
         const { searchStatusState: { firstSearchExecuted, hasError }, bindings: { i18n }, label, numberOfSelectedValues, isCollapsed, headingLevel, focusTarget, withInput, filter, } = this;
-        return (index.h(facetGuard.FacetGuard, { key: 'f0d739a3d835c155e36cac3ae5b480e737ce10b4', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (index.h(facetPlaceholder.FacetContainer, null, index.h(facetPlaceholder.FacetHeader, { i18n: i18n, label: label, onClearFilters: () => {
+        return (index.h(facetGuard.FacetGuard, { key: 'cbcd1f3da333944008f7aa9dc26ee7fc8e1aac5e', enabled: this.enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: this.shouldRenderFacet }, firstSearchExecuted ? (index.h(facetPlaceholder.FacetContainer, null, index.h(facetPlaceholder.FacetHeader, { i18n: i18n, label: label, onClearFilters: () => {
                 focusTarget.focusAfterSearch();
                 if (this.filterState?.range) {
                     this.filter?.clear();

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

@@ -7,7 +7,7 @@ const insight = require('@coveo/headless/insight');
 const arrowLeftRounded = require('./arrow-left-rounded-87aa2218.js');
 const arrowRightRounded = require('./arrow-right-rounded-709d83f1.js');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const utils = require('./utils-12b49e87.js');
+const utils = require('./utils-7153ae6b.js');
 const stencilButton = require('./stencil-button-94b89acc.js');
 const stencilRadioButton = require('./stencil-radio-button-ea7e71d3.js');
 require('./dom-utils-d4790328.js');
@@ -91,15 +91,15 @@ const AtomicInsightPager = class {
         this.scrollToTopEvent.emit();
     }
     render() {
-        return (index.h(index.Host, { key: '87f1d39dfb4b67d540982a25d8cff07ed7df49af' }, index.h(PagerNavigation, { key: '72d1f7b5f85913dbdb587239f543552796ff8863', i18n: this.bindings.i18n }, index.h(PagerPreviousButton, { key: '0d612f45d5a81a56f838e11fd396441092435593', icon: arrowLeftRounded.ArrowLeftIcon, disabled: !this.pagerState.hasPreviousPage, i18n: this.bindings.i18n, onClick: () => {
+        return (index.h(index.Host, { key: 'b1322f38ffddc548e489d1f855d28bb6ff393cc7' }, index.h(PagerNavigation, { key: 'cd1a9e8c02badcd228d70e4a0120801e3b8465b3', i18n: this.bindings.i18n }, index.h(PagerPreviousButton, { key: '3e18e5c1bd7f6f150139eeaeb2c747cece7756c0', icon: arrowLeftRounded.ArrowLeftIcon, disabled: !this.pagerState.hasPreviousPage, i18n: this.bindings.i18n, onClick: () => {
                 this.pager.previousPage();
                 this.focusOnFirstResultAndScrollToTop();
-            } }), index.h(PagerPageButtons, { key: '40dd1b1d4b40b6a143f9b06b24d5653a4aa925c3', i18n: this.bindings.i18n }, this.pagerState.currentPages.map((pageNumber) => {
+            } }), index.h(PagerPageButtons, { key: '31bd65d83e00cbad05a40ff53b964a1fdb62d6f8', i18n: this.bindings.i18n }, this.pagerState.currentPages.map((pageNumber) => {
             return (index.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) }));
-        })), index.h(PagerNextButton, { key: '12b699f76814b09c02752bc521437289fd084f8f', icon: arrowRightRounded.ArrowRightIcon, disabled: !this.pagerState.hasNextPage, i18n: this.bindings.i18n, onClick: () => {
+        })), index.h(PagerNextButton, { key: 'fb64237dff6f55bc7d5ce212097a05736d1db8a4', icon: arrowRightRounded.ArrowRightIcon, disabled: !this.pagerState.hasNextPage, i18n: this.bindings.i18n, onClick: () => {
                 this.pager.nextPage();
                 this.focusOnFirstResultAndScrollToTop();
             } }))));

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
+const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
 const stencilLink = require('./stencil-link-9336b8c1.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
 require('./initialization-lit-stencil-common-utils-730030b0.js');
-require('./utils-12b49e87.js');
+require('./utils-7153ae6b.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 require('./stencil-button-94b89acc.js');
@@ -48,7 +48,7 @@ const AtomicQueryError = class {
         if (hasError) {
             this.ariaMessage = stencilLink.getAriaMessageFromErrorType(i18n, organizationId, url, error?.type);
         }
-        return (index.h(stencilLink.QueryErrorGuard, { key: '1d519d042a71aa20e9eb453f3024b99603d76762', hasError: hasError }, index.h(stencilLink.QueryErrorContainer, { key: '3bb2f651a9eba41556a660a434a215c27a549e7a' }, index.h(stencilLink.QueryErrorIcon, { key: '64f5d058a72ed3c254a92730ffcceaf88e979cfd', errorType: error?.type }), index.h(stencilLink.QueryErrorTitle, { key: 'c6284cd9f3009e9d7d341b50258f7d861e6198b5', i18n: i18n, organizationId: organizationId }), index.h(stencilLink.QueryErrorDescription, { key: '3d7f0b2ced1be11196db43830186826740a6b940', i18n: i18n, organizationId: organizationId, url: url }), index.h(stencilLink.QueryErrorShowMore, { key: '14e55ac3d82ba25a1e13dfcc1e65125998ffdd17', link: index.h(stencilLink.QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), index.h(stencilLink.QueryErrorDetails, { key: '98fb32a96d865c627160309ea291f85457e8a43a', error: error, show: this.showMoreInfo }))));
+        return (index.h(stencilLink.QueryErrorGuard, { key: '18dc2e83185dd0820b1a3c59a09de6dbca32505d', hasError: hasError }, index.h(stencilLink.QueryErrorContainer, { key: '205f102a865c6d6d0c8306f9fc30bfa62652d80f' }, index.h(stencilLink.QueryErrorIcon, { key: '486d1d6784b26fb722758e8e7ee9facbc719fec1', errorType: error?.type }), index.h(stencilLink.QueryErrorTitle, { key: '4f7ec033db523fab12d6c43680d51dd4bc8ce487', i18n: i18n, organizationId: organizationId }), index.h(stencilLink.QueryErrorDescription, { key: 'd2e1f142a3df55578dd8b41fad93065578ccde23', i18n: i18n, organizationId: organizationId, url: url }), index.h(stencilLink.QueryErrorShowMore, { key: '14bfc75c18e46f3231c8144c3093b12c3ccb9896', link: index.h(stencilLink.QueryErrorLink, { i18n: i18n, errorType: error?.type }), onShowMore: () => (this.showMoreInfo = !this.showMoreInfo), i18n: i18n }), index.h(stencilLink.QueryErrorDetails, { key: '0d13ac67caee0ff6621ce62011c9634cf3d68dfd', error: error, show: this.showMoreInfo }))));
     }
 };
 __decorate([

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

@@ -6,12 +6,12 @@ const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
 const jsxUtils = require('./jsx-utils-f034a41c.js');
-const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
+const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
 require('./initialization-lit-stencil-common-utils-730030b0.js');
-require('./utils-12b49e87.js');
+require('./utils-7153ae6b.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 

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

@@ -6,14 +6,15 @@ const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
 const domUtils = require('./dom-utils-d4790328.js');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const clonedFacetElements = require('./cloned-facet-elements-3c7ea837.js');
+const clonedFacetElements = require('./cloned-facet-elements-70cd1601.js');
 const stencilModal = require('./stencil-modal-9035ea2a.js');
 const stencilButton = require('./stencil-button-94b89acc.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
 require('./initialization-lit-stencil-common-utils-730030b0.js');
 require('./popover-type-b1385b27.js');
-require('./store-7927ea61.js');
+require('./store-82abd941.js');
+require('./utils-7153ae6b.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 require('./close-20739950.js');
@@ -85,12 +86,12 @@ const AtomicInsightRefineModal = class {
         return (index.h("aside", { slot: "body", class: "flex flex-col w-full" }, this.renderHeader(), index.h("slot", { name: "facets" })));
     }
     render() {
-        return (index.h(index.Host, { key: 'f278c29ff884f542324f25f3a5c6a69889224338' }, this.interfaceDimensions && (index.h("style", { key: '2427694bff18b7b5739133118efd0dd6ce7eeb3a' }, `atomic-modal::part(backdrop) {
+        return (index.h(index.Host, { key: '572005258b9ca0b03f2d3695c2cf34b19230ae1b' }, this.interfaceDimensions && (index.h("style", { key: 'bca809425a5a1fc7a65e5c876504bdde23c64136' }, `atomic-modal::part(backdrop) {
             top: ${this.interfaceDimensions.top}px;
             left: ${this.interfaceDimensions.left}px;
             width: ${this.interfaceDimensions.width}px;
             height: ${this.interfaceDimensions.height}px;
-            }`)), index.h(stencilModal.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())));
+            }`)), index.h(stencilModal.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())));
     }
     componentDidLoad() {
         this.host.style.display = '';

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

@@ -1 +1 @@
-{"file":"atomic-insight-refine-modal.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,2BAA2B,GAAG,wljEAAwljE,CAAC;AAC7njE,uCAAe,2BAA2B;;;;;;;;;;;;MC4B7B,wBAAwB;;;QAsBG,WAAM,GAAG,KAAK,CAAC;;;;;;sBAAN,KAAK;;IAMpD,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,CACdA,0CAAsB,CACpB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,EAAE,EACtC,CAAC,EACD,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAC/B,CACF,CAAC;aACH;YACD,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB;KACF;IAEO,gBAAgB;QACtB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,OAAO;SACR;QACD,IAAI,IAAI,CAAC,gBAAgB,EAAE,EAAE;YAC3B,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB;QACD,MAAM,CAAC,qBAAqB,CAAC,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;KAC7D;IAEO,gBAAgB;QACtB,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC7B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CAACC,mBAAU,CAChB,IAAI,CAAC,mBAAmB,EACxB,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,CACvD,CAAC;KACH;IAEM,gBAAgB;QACrB,IAAI,CAAC,mBAAmB;YACtB,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,CAAC;KAC1D;IAEM,UAAU;QACf,IAAI,CAAC,YAAY,GAAGC,yBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACnE,IAAI,CAAC,iBAAiB,GAAGC,8BAA6B,CACpD,IAAI,CAAC,QAAQ,CAAC,MAAM,CACrB,CAAC;KACH;IAEO,YAAY;QAClB,QACEC,iBAAK,KAAK,EAAC,kCAAkC,IAC1C,IAAI,CAAC,sBAAsB,CAAC,cAAc,KACzCA,QAACC,oBAAM,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,OAAOD,QAACE,0BAAM,OAAU,CAAC;SAC1B;QAED,QACEF,mBAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,sBAAsB,IAC5C,IAAI,CAAC,YAAY,EAAE,EACpBA,kBAAM,IAAI,EAAC,QAAQ,GAAQ,CACrB,EACR;KACH;IAEM,MAAM;QACX,QACEA,QAACG,UAAI,uDACF,IAAI,CAAC,mBAAmB,KACvBH,sEACG;mBACM,IAAI,CAAC,mBAAmB,CAAC,GAAG;oBAC3B,IAAI,CAAC,mBAAmB,CAAC,IAAI;qBAC5B,IAAI,CAAC,mBAAmB,CAAC,KAAK;sBAC7B,IAAI,CAAC,mBAAmB,CAAC,MAAM;cACvC,CACI,CACT,EACDA,QAACI,wBAAW,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,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;;;;;;AApI4B;IAA5BC,sCAAkB,EAAE;0DAAmC;AAKjD;IAFNC,yCAAqB,CAAC,cAAc,CAAC;mEAEc;AAI7C;IAFNA,yCAAqB,CAAC,mBAAmB,CAAC;wEAEmB;;;;;","names":["getClonedFacetElements","rectEquals","buildInsightQuerySummary","buildInsightBreadcrumbManager","h","Button","Hidden","Host","RefineModal","InitializeBindings","BindStateToController"],"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.cjs.js","mappings":"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","names":["getClonedFacetElements","rectEquals","buildInsightQuerySummary","buildInsightBreadcrumbManager","h","Button","Hidden","Host","RefineModal","InitializeBindings","BindStateToController"],"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/cjs/atomic-insight-refine-toggle.cjs.entry.js

@@ -59,7 +59,7 @@ const AtomicInsightRefineToggle = class {
         this.modalRef.openButton = this.buttonRef;
     }
     render() {
-        return (index.h(stencilIconButton.IconButton, { key: 'a2ea5c20aa2193f136d61cc48a6208ccdf446df2', partPrefix: "insight-refine-toggle", style: "outline-neutral", title: this.bindings.i18n.t('filters'), icon: filter.FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {
+        return (index.h(stencilIconButton.IconButton, { key: 'a597455f34f5b2bfb08dba34ac180a65d67b3c3b', partPrefix: "insight-refine-toggle", style: "outline-neutral", title: this.bindings.i18n.t('filters'), icon: filter.FilterIcon, disabled: !this.searchStatusState.hasResults && !this.numberOfBreadcrumbs, ariaLabel: this.bindings.i18n.t('sort'), onClick: () => {
                 this.bindings.store.waitUntilAppLoaded(() => {
                     this.enableModal();
                 });

package/dist/cjs/atomic-insight-result-action-bar.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
-const itemSectionUtils = require('./item-section-utils-37848715.js');
-require('./utils-12b49e87.js');
+const itemSectionUtils = require('./item-section-utils-8579462c.js');
+require('./utils-7153ae6b.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 

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

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

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

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

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

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

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
-const propsUtils = require('./props-utils-15a042f3.js');
-const resultTemplateCommon = require('./result-template-common-023d3060.js');
+const propsUtils = require('./props-utils-1e4ba1b0.js');
+const resultTemplateCommon = require('./result-template-common-88359dad.js');
 require('@coveo/bueno');
-require('./utils-12b49e87.js');
+require('./utils-7153ae6b.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 require('@coveo/headless');
 require('./table-element-utils-4865b735.js');
-require('./sections-a6a40eaa.js');
+require('./sections-fbb93b53.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/cjs/atomic-insight-result-children.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-757bc886.js');
 const insight = require('@coveo/headless/insight');
 const eventUtils = require('./event-utils-9bfcf3c5.js');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const utils = require('./utils-12b49e87.js');
+const utils = require('./utils-7153ae6b.js');
 const unfoldedItem = require('./unfolded-item-148d21d6.js');
 const showHideButton = require('./show-hide-button-c4717f52.js');
 const itemTemplateProvider = require('./item-template-provider-470c1774.js');
@@ -132,7 +132,7 @@ const AtomicResultChildren = class {
         return (index.h(showHideButton.ChildrenWrapper, { hasChildren: children.length > 0 }, children.map((child, i) => this.renderChild(child, i === children.length - 1))));
     }
     render() {
-        return (index.h(showHideButton.ResultChildrenGuard, { key: 'f282a0ecfd58e9709a3f0d2d180f8104c44b4d4d', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
+        return (index.h(showHideButton.ResultChildrenGuard, { key: '373a3b5e413999083c60c826aab9d93851a8a76b', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
     }
     get host() { return index.getElement(this); }
 };