@coveo/atomic 3.33.2 → 3.33.3-pre.00ad201706

package/dist/atomic/components/atomic-category-facet.js

@@ -468,7 +468,7 @@ const AtomicCategoryFacet$1 = /*@__PURE__*/ proxyCustomElement(class AtomicCateg
     }
     render() {
         const { bindings: { i18n }, label, facetState: { facetSearch, enabled, valuesAsTrees, selectedValueAncestry }, searchStatusState: { hasError, firstSearchExecuted }, } = this;
-        return (h(FacetGuard, { key: '3036d28ceeebc4d62cebccb38014da6653ab0442', enabled: enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: valuesAsTrees.length > 0 }, firstSearchExecuted ? (h(FacetContainer, null, this.renderHeader(), !this.isCollapsed && [
+        return (h(FacetGuard, { key: '4cb723df48d87a0dab4076285bfe75e47927f748', enabled: enabled, firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: valuesAsTrees.length > 0 }, firstSearchExecuted ? (h(FacetContainer, null, this.renderHeader(), !this.isCollapsed && [
             this.renderSearchInput(),
             shouldDisplaySearchResults(facetSearch) ? (h(Fragment, null, facetSearch.values.length ? (h(FacetValuesGroup, { i18n: i18n, label: label, query: facetSearch.query }, this.renderSearchResults())) : (h("div", { class: "mt-3" })), this.renderMatches())) : (h(Fragment, null, h(FacetValuesGroup, { i18n: i18n, label: label }, this.hasParents ? (h(CategoryFacetParentAsTreeContainer, { isTopLevel: true, className: "mt-3" }, this.renderValuesTree(selectedValueAncestry, true))) : (h(CategoryFacetChildrenAsTreeContainer, { className: "mt-3" }, this.renderChildren()))), this.renderShowMoreLess())),
         ])) : (h(FacetPlaceholder, { isCollapsed: this.isCollapsed, numberOfValues: this.numberOfValues }))));

package/dist/atomic/components/atomic-citation.js

@@ -515,7 +515,7 @@ const AtomicCitation$1 = /*@__PURE__*/ proxyCustomElement(class AtomicCitation e
         return (h("div", { part: "citation-popover", class: `border-neutral bg-background z-10 rounded-md border p-4 shadow ${this.isOpen ? 'desktop-only:flex' : 'hidden'} mobile-only:hidden flex-col gap-3`, ref: (el) => (this.popupRef = el), role: "dialog" }, h("div", { class: "text-neutral-dark truncate text-sm" }, this.citation.uri), h(Heading, { level: 0, class: "text-md font-bold" }, this.citation.title), h("p", { class: "text-on-background text-sm" }, this.getTruncatedText())));
     }
     render() {
-        return (h("div", { key: '31c586de85bb0c9a2808b8be7d926d70a3876b81', class: "relative" }, h(LinkWithItemAnalytics, { key: '9c358a316ec1d008e630fd3211432f31d20e7da1', href: this.anchorUrl(this.citation.clickUri ?? this.citation.uri, this.citation.text, this.citation.fields?.filetype), ref: (el) => (this.citationRef = el), part: "citation", target: "_blank", rel: "noopener", "aria-haspopup": "dialog", className: "bg-background btn-outline-primary border-neutral text-on-background flex items-center rounded-full border p-1", onSelect: () => this.interactiveCitation.select(), onBeginDelayedSelect: () => this.interactiveCitation.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveCitation.cancelPendingSelect(), stopPropagation: this.stopPropagation, onMouseLeave: this.closePopover, onMouseOver: this.delayedPopoverOpen, onFocus: this.openPopover, onBlur: this.closePopover }, h("span", { key: '7de73c763198cd61b7e3ab079680167109675ba8', class: "citation-title mx-1 truncate" }, this.citation.title)), this.renderPopover()));
+        return (h("div", { key: 'a930672292f74e7f68e03c0466d12cd2a34cff8c', class: "relative" }, h(LinkWithItemAnalytics, { key: 'd73396c0696e2f4cfe9744f8faf9f6f6b8f74eba', href: this.anchorUrl(this.citation.clickUri ?? this.citation.uri, this.citation.text, this.citation.fields?.filetype), ref: (el) => (this.citationRef = el), part: "citation", target: "_blank", rel: "noopener", "aria-haspopup": "dialog", className: "bg-background btn-outline-primary border-neutral text-on-background flex items-center rounded-full border p-1", onSelect: () => this.interactiveCitation.select(), onBeginDelayedSelect: () => this.interactiveCitation.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveCitation.cancelPendingSelect(), stopPropagation: this.stopPropagation, onMouseLeave: this.closePopover, onMouseOver: this.delayedPopoverOpen, onFocus: this.openPopover, onBlur: this.closePopover }, h("span", { key: '0a50f24a6ee80e2de5489d6232a0561136181849', class: "citation-title mx-1 truncate" }, this.citation.title)), this.renderPopover()));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/atomic/components/atomic-facet-manager.js

@@ -67,7 +67,7 @@ const AtomicFacetManager$1 = /*@__PURE__*/ proxyCustomElement(class AtomicFacetM
         this.bindings?.i18n.off('languageChanged', this.sortFacets);
     }
     render() {
-        return h("slot", { key: '3847766e62ddb6edd0ca619db769d8f6c1d18835' });
+        return h("slot", { key: 'bf81429b84e4d63417153578e29b82724d5f6e35' });
     }
     get host() { return this; }
 }, [4, "atomic-facet-manager", {

package/dist/atomic/components/atomic-facet.js

@@ -244,7 +244,7 @@ const AtomicFacet$1 = /*@__PURE__*/ proxyCustomElement(class AtomicFacet extends
         return true;
     }
     render() {
-        return (h(FacetGuard, { key: 'eeb988884a4810d385dfe81185e3207c3ab97b3e', enabled: this.facetState.enabled, hasError: this.searchStatusState.hasError, firstSearchExecuted: this.searchStatusState.firstSearchExecuted, hasResults: this.facetState.values.length > 0 }, this.searchStatusState.firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: this.bindings.i18n, label: this.definedLabel, onClearFilters: () => {
+        return (h(FacetGuard, { key: '97a4dff6f3009d9a8659eca5c8e5b3625965968a', enabled: this.facetState.enabled, hasError: this.searchStatusState.hasError, firstSearchExecuted: this.searchStatusState.firstSearchExecuted, hasResults: this.facetState.values.length > 0 }, this.searchStatusState.firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: this.bindings.i18n, label: this.definedLabel, onClearFilters: () => {
                 this.focusTargets.header.focusAfterSearch();
                 this.facet.deselectAll();
             }, numberOfActiveValues: this.activeValues.length, isCollapsed: this.isCollapsed, headingLevel: this.headingLevel, onToggleCollapse: () => (this.isCollapsed = !this.isCollapsed), headerRef: (el) => this.focusTargets.header.setTarget(el) }), this.renderBody())) : (h(FacetPlaceholder, { numberOfValues: this.numberOfValues, isCollapsed: this.isCollapsed }))));

package/dist/atomic/components/atomic-format-currency.js

@@ -20,7 +20,7 @@ const AtomicFormatCurrency$1 = /*@__PURE__*/ proxyCustomElement(class AtomicForm
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: '2783cc3c7a7fa949d32e0944c8e7e2472ac5c667', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: 'f6d3ca5f734648ce9d12bfe1c3243fa4a8cc84de', element: this.host, error: this.error }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-format-number.js

@@ -32,7 +32,7 @@ const AtomicFormatNumber$1 = /*@__PURE__*/ proxyCustomElement(class AtomicFormat
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: 'cdbd3fa2f31bac44cd61d964dc807e279d36edab', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: 'd75847b24670a980ec0ed8f670fac77b52c9632b', element: this.host, error: this.error }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-format-unit.js

@@ -35,7 +35,7 @@ const AtomicFormatUnit$1 = /*@__PURE__*/ proxyCustomElement(class AtomicFormatUn
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: 'c64b098cf6af3d7294cb67a8a267c193e928cb3c', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: '1687d07635960b60d6aff0c3370f3d94f2e4e289', element: this.host, error: this.error }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-generated-answer-feedback-modal.js

@@ -376,7 +376,7 @@ const AtomicGeneratedAnswerFeedbackModal$1 = /*@__PURE__*/ proxyCustomElement(cl
     }
     render() {
         this.updateBreakpoints();
-        return (h("atomic-modal", { key: 'cf0c0fdf0f240034df304ae192fb302532a4fc0b', fullscreen: false, isOpen: this.isOpen, close: () => this.close(), container: this.host, part: "generated-answer-feedback-modal", exportparts: ATOMIC_MODAL_EXPORT_PARTS }, this.renderHeader(), this.renderBody(), this.renderFooter()));
+        return (h("atomic-modal", { key: '2748809f496a717231c2e1d3c9fccebf455aae41', fullscreen: false, isOpen: this.isOpen, close: () => this.close(), container: this.host, part: "generated-answer-feedback-modal", exportparts: ATOMIC_MODAL_EXPORT_PARTS }, this.renderHeader(), this.renderBody(), this.renderFooter()));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/atomic/components/atomic-html2.js

@@ -31,7 +31,7 @@ const AtomicHtml = /*@__PURE__*/ proxyCustomElement(class AtomicHtml extends HTM
         }
     }
     render() {
-        return (h("span", { key: '8d54b4064b9cca9b5893a3a287cf72fe2294be45', innerHTML: this.sanitize ? DOMPurify.sanitize(this.value) : this.value }));
+        return (h("span", { key: '816fa5b9b5e8230dd7da999afa8aa486bbbc3fae', innerHTML: this.sanitize ? DOMPurify.sanitize(this.value) : this.value }));
     }
 }, [1, "atomic-html", {
         "value": [1],

package/dist/atomic/components/atomic-insight-edit-toggle.js

@@ -24,7 +24,7 @@ const AtomicInsightEditToggle$1 = /*@__PURE__*/ proxyCustomElement(class AtomicI
         this.tooltip = '';
     }
     render() {
-        return (h(IconButton, { key: '36b7911fb663bda3d8e9c3791b8ea8b17c5bd5b8', partPrefix: "insight-edit-toggle", style: "outline-neutral", icon: EditIcon, ariaLabel: "Edit", onClick: this.clickCallback, title: this.tooltip }));
+        return (h(IconButton, { key: '03f46eea342f4c28dc04be5ca48cfc5a98526355', partPrefix: "insight-edit-toggle", style: "outline-neutral", icon: EditIcon, ariaLabel: "Edit", onClick: this.clickCallback, title: this.tooltip }));
     }
     static get style() { return AtomicInsightEditToggleStyle0; }
 }, [1, "atomic-insight-edit-toggle", {

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

@@ -139,7 +139,7 @@ const AtomicInsightFacet$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsigh
         this.facetConditionsManager?.stopWatching();
     }
     render() {
-        return (h(FacetGuard, { key: '72a77b6c51dabfa68041917c1e9caa5c042968ec', enabled: this.facetState.enabled, hasError: this.searchStatusState.hasError, firstSearchExecuted: this.searchStatusState.firstSearchExecuted, hasResults: this.facetState.values.length > 0 }, this.searchStatusState.firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: this.bindings.i18n, label: this.label, onClearFilters: () => {
+        return (h(FacetGuard, { key: 'b48240c3ecc7d4e548dde742ce3d3856f7e562b8', enabled: this.facetState.enabled, hasError: this.searchStatusState.hasError, firstSearchExecuted: this.searchStatusState.firstSearchExecuted, hasResults: this.facetState.values.length > 0 }, this.searchStatusState.firstSearchExecuted ? (h(FacetContainer, null, h(FacetHeader, { i18n: this.bindings.i18n, label: this.label, onClearFilters: () => {
                 this.focusTargets.header.focusAfterSearch();
                 this.facet.deselectAll();
             }, numberOfActiveValues: this.activeValues.length, isCollapsed: this.isCollapsed, headingLevel: this.headingLevel, onToggleCollapse: () => (this.isCollapsed = !this.isCollapsed), headerRef: (el) => this.focusTargets.header.setTarget(el) }), this.renderBody())) : (h(FacetPlaceholder, { numberOfValues: this.numberOfValues, isCollapsed: this.isCollapsed }))));

package/dist/atomic/components/atomic-insight-folded-result-list.js

@@ -138,7 +138,7 @@ const AtomicInsightFoldedResultList$1 = /*@__PURE__*/ proxyCustomElement(class A
     render() {
         this.itemListCommon.updateBreakpoints();
         const listClasses = this.computeListDisplayClasses();
-        return (h(ItemListGuard, { key: '371c1b759f984a3a016f5a25a0aadb8b825c3a34', firstRequestExecuted: this.foldedResultListState.firstSearchExecuted, hasItems: this.foldedResultListState.hasResults, hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, hasError: this.foldedResultListState.hasError }, h(DisplayWrapper, { key: '59cc94afd2f9c80ec7e20af5f9e4ab167c6aee0f', listClasses: listClasses, display: this.display }, h(ResultsPlaceholdersGuard, { key: '27d6a2d5a1f51031ff9e0835ee5476f5f83171e4', displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults, display: this.display, density: this.density, imageSize: this.imageSize }), h(ItemDisplayGuard, { key: '39f52f00c05dc2d424d5a4681bc560cdbe1717d5', firstRequestExecuted: this.foldedResultListState.firstSearchExecuted, hasItems: this.foldedResultListState.hasResults }, this.foldedResultListState.results.map((collection, i) => {
+        return (h(ItemListGuard, { key: '4f7d4f867b1fb30b5bc100b6b1e61e6a58bc82bc', firstRequestExecuted: this.foldedResultListState.firstSearchExecuted, hasItems: this.foldedResultListState.hasResults, hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, hasError: this.foldedResultListState.hasError }, h(DisplayWrapper, { key: '68db15f977cfd85003b7f21872329d3762d335fc', listClasses: listClasses, display: this.display }, h(ResultsPlaceholdersGuard, { key: '139e0b586405ef2c9e2f432f81f15e906dca71b8', displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults, display: this.display, density: this.density, imageSize: this.imageSize }), h(ItemDisplayGuard, { key: '6883297567c39afc3ca95a300d6c156d846fab52', firstRequestExecuted: this.foldedResultListState.firstSearchExecuted, hasItems: this.foldedResultListState.hasResults }, this.foldedResultListState.results.map((collection, i) => {
             const atomicInsightResultProps = this.getPropsForAtomicInsightResult(collection);
             return (h("atomic-insight-result", { ...atomicInsightResultProps, part: "outline", ref: (element) => element && this.itemListCommon.setNewResultRef(element, i) }));
         })))));

package/dist/atomic/components/atomic-insight-full-search-button.js

@@ -30,7 +30,7 @@ const AtomicInsightFullSearchButton$1 = /*@__PURE__*/ proxyCustomElement(class A
         this.error = undefined;
     }
     render() {
-        return (h(IconButton, { key: '314b9a08e28650678a97769ddf163d4de4b09e49', partPrefix: "full-search", style: "outline-neutral", icon: ArrowFull, ariaLabel: this.bindings.i18n.t('full-search'), title: this.tooltip }));
+        return (h(IconButton, { key: 'b627c3c6abfd4123d107f53914f2796db4633c1b', partPrefix: "full-search", style: "outline-neutral", icon: ArrowFull, ariaLabel: this.bindings.i18n.t('full-search'), title: this.tooltip }));
     }
     static get style() { return AtomicInsightFullSearchButtonStyle0; }
 }, [1, "atomic-insight-full-search-button", {

package/dist/atomic/components/atomic-insight-history-toggle.js

@@ -16,7 +16,7 @@ const AtomicInsightHistoryToggle$1 = /*@__PURE__*/ proxyCustomElement(class Atom
         this.tooltip = '';
     }
     render() {
-        return (h(IconButton, { key: '4b6487eedab130bf3eec7d4cbeb3d5e634e053e3', partPrefix: "insight-history-toggle", style: "outline-neutral", icon: Clock, ariaLabel: "history", onClick: this.clickCallback, title: this.tooltip }));
+        return (h(IconButton, { key: '50228ac6285964a86a04a8bd0442b68b4860a712', partPrefix: "insight-history-toggle", style: "outline-neutral", icon: Clock, ariaLabel: "history", onClick: this.clickCallback, title: this.tooltip }));
     }
     static get style() { return AtomicInsightHistoryToggleStyle0; }
 }, [1, "atomic-insight-history-toggle", {

package/dist/atomic/components/atomic-insight-layout.js

@@ -1,7 +1,86 @@
 import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
 import { I as InitializeBindings } from './initialization-utils.js';
 import { r as randomID } from './utils.js';
-import { b as buildInsightLayout } from './insight-layout.js';
+import { f as findSection, s as sectionSelector } from './sections.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;
@@ -32,6 +111,8 @@ const AtomicInsightLayout$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsig
         }
     }
     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/atomic/components/atomic-insight-layout.js.map

@@ -1 +1 @@
-{"file":"atomic-insight-layout.js","mappings":";;;;;;;;;;;;;;;MAgBaA,qBAAmB;;;;;;;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;uDAAmC;;;;;;;;;;;;;;;;;;;;","names":["AtomicInsightLayout"],"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.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;;;;;;;;;;;;MCjFaA,qBAAmB;;;;;;;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;uDAAmC;;;;;;;;;;;;;;;;;;;;","names":["AtomicInsightLayout"],"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}

package/dist/atomic/components/atomic-insight-no-results.js

@@ -33,7 +33,7 @@ const AtomicInsightNoResults$1 = /*@__PURE__*/ proxyCustomElement(class AtomicIn
     }
     render() {
         const { bindings: { i18n }, } = this;
-        return (h("div", { key: '825ae13ae0860ce408ff8e4a47dd829975345d35', class: "p-3 text-center" }, h(NoItemsGuard, { key: '623d5e551a83765efcdf6574187688730da56d9c', ...this.searchStatusState }, h(NoItemsContainer, { key: 'ad02d240a97de03eaa59dfc3e5365753455d919a' }, h(MagnifyingGlass, { key: '15b017413c4668ff29861a31ee5028481d2b9c3a' }), h(NoItems, { key: '3e7bfd64c15426bec598f71ef7f771d8f2485214', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), h(SearchTips, { key: '6fbb100f870e966e93c268170b91cc7651a9c4c0', i18n: i18n })))));
+        return (h("div", { key: '90225d9ee22151a75ed726683c71677cda8e9246', class: "p-3 text-center" }, h(NoItemsGuard, { key: '53380634bfb5d2653dff3c3a35983fae2b9c6d2e', ...this.searchStatusState }, h(NoItemsContainer, { key: '4dd7e06bac3f3d4e769e727775971577ae179ac8' }, h(MagnifyingGlass, { key: 'c495e0ab1e54bbcba48c293b90c81ab5d98caf8e' }), h(NoItems, { key: '9ab50057802d03fcf9c959a0343c33ddc2dd7664', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), h(SearchTips, { key: '166400fc291b1214d904b0372173e81f55ab0a6c', i18n: i18n })))));
     }
     static get style() { return AtomicInsightNoResultsStyle0; }
 }, [1, "atomic-insight-no-results", {

package/dist/atomic/components/atomic-insight-numeric-facet.js

@@ -242,7 +242,7 @@ const AtomicInsightNumericFacet$1 = /*@__PURE__*/ proxyCustomElement(class Atomi
     }
     render() {
         const { searchStatusState: { firstSearchExecuted, hasError }, bindings: { i18n }, label, numberOfSelectedValues, isCollapsed, headingLevel, focusTarget, withInput, filter, } = this;
-        return (h(FacetGuard, { key: 'f44c00523665cb008b2727116d2a542872d81bca', 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: 'c07266e4dd8b2f641f47bb2589a99a0297b4f394', 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/atomic/components/atomic-insight-pager.js

@@ -46,15 +46,15 @@ const AtomicInsightPager$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsigh
         this.scrollToTopEvent.emit();
     }
     render() {
-        return (h(Host, { key: '260aede1c78c572fea4edee8f5f78ef95064dff2' }, h(PagerNavigation, { key: '23f65a34a981639b9f27af17f7f5608165887d4f', i18n: this.bindings.i18n }, h(PagerPreviousButton, { key: '40ffc4bfc48efc122525e129a1d2a80d4636e9da', icon: ArrowLeftIcon, disabled: !this.pagerState.hasPreviousPage, i18n: this.bindings.i18n, onClick: () => {
+        return (h(Host, { key: 'f7b6f60c069737b8c19987eccf9305c316d278a2' }, h(PagerNavigation, { key: 'fbf3b937f2ed0571a2a2e60aba9336ea7bf6a872', i18n: this.bindings.i18n }, h(PagerPreviousButton, { key: '4c5a8c5c9db4ea3c627edc9afb3342851006f5b3', icon: ArrowLeftIcon, disabled: !this.pagerState.hasPreviousPage, i18n: this.bindings.i18n, onClick: () => {
                 this.pager.previousPage();
                 this.focusOnFirstResultAndScrollToTop();
-            } }), h(PagerPageButtons, { key: '92435c472ea8a8d5e4cec5aa35a489267a338f27', i18n: this.bindings.i18n }, this.pagerState.currentPages.map((pageNumber) => {
+            } }), h(PagerPageButtons, { key: '1f10b211d90eea28e9c58d7c9787ea455cdbe576', 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: 'f173b86008941c27e092c8341a0e26ce27e9eddc', icon: ArrowRightIcon, disabled: !this.pagerState.hasNextPage, i18n: this.bindings.i18n, onClick: () => {
+        })), h(PagerNextButton, { key: 'c15a0d7fae8b6499daf5e593b72373844633925f', icon: ArrowRightIcon, disabled: !this.pagerState.hasNextPage, i18n: this.bindings.i18n, onClick: () => {
                 this.pager.nextPage();
                 this.focusOnFirstResultAndScrollToTop();
             } }))));

package/dist/atomic/components/atomic-insight-refine-modal2.js

@@ -75,12 +75,12 @@ const AtomicInsightRefineModal = /*@__PURE__*/ proxyCustomElement(class AtomicIn
         return (h("aside", { slot: "body", class: "flex flex-col w-full" }, this.renderHeader(), h("slot", { name: "facets" })));
     }
     render() {
-        return (h(Host, { key: 'f4ac5cb78cb35e842cb2e50d614c29320242d314' }, this.interfaceDimensions && (h("style", { key: 'ad0660085c3750018e1369c1df9c99b03a6fdd97' }, `atomic-modal::part(backdrop) {
+        return (h(Host, { key: 'd391ea3233213cad06cce47d8aa999d0f19738de' }, this.interfaceDimensions && (h("style", { key: '5799074e01b749867b33f79a0db472e9a58a438e' }, `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: '96a7c1cabf1674aaaade399cf46560378369d9dc', 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: 'bdac2293293a42f30a3a1d876d98cf1ab2a82483', 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/atomic/components/atomic-insight-refine-toggle.js

@@ -54,7 +54,7 @@ const AtomicInsightRefineToggle$1 = /*@__PURE__*/ proxyCustomElement(class Atomi
         this.modalRef.openButton = this.buttonRef;
     }
     render() {
-        return (h(IconButton, { key: '1f8d710e892f9af8657e68532c70e5286b0ea163', 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: '6a29c50b1365e77deeebc3058440977097c7a608', 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/atomic/components/atomic-insight-result-action.js

@@ -114,7 +114,7 @@ const AtomicInsightResultAction$1 = /*@__PURE__*/ proxyCustomElement(class Atomi
         }
     }
     render() {
-        return (h(IconButton, { key: '60d638ac6e785a52e73c0ad3f1bee6334055a72b', partPrefix: "result-action", style: "outline-neutral", icon: this.getIcon(), title: this.tooltip, onClick: () => this.onClick() }));
+        return (h(IconButton, { key: 'bd7d3f15b9c0769783c5492758de62c3b4bf39a3', partPrefix: "result-action", style: "outline-neutral", icon: this.getIcon(), title: this.tooltip, onClick: () => this.onClick() }));
     }
     static get style() { return AtomicInsightResultActionStyle0; }
 }, [0, "atomic-insight-result-action", {

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

@@ -64,7 +64,7 @@ const AtomicInsightResultAttachToCaseAction$1 = /*@__PURE__*/ proxyCustomElement
             : this.bindings.i18n.t('attach-to-case');
     }
     render() {
-        return (h(IconButton, { key: 'ec150d3c94883094b5f46dc6f5b8c6a7474b2bca', partPrefix: "result-action", style: "outline-neutral", icon: this.getIcon(), title: this.getTooltip(), onClick: () => this.onClick() }));
+        return (h(IconButton, { key: 'bb3bd9a198db8f8ead63dad02be315afd593bf79', partPrefix: "result-action", style: "outline-neutral", icon: this.getIcon(), title: this.getTooltip(), onClick: () => this.onClick() }));
     }
     get host() { return this; }
     static get style() { return AtomicInsightResultAttachToCaseActionStyle0; }

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

@@ -35,7 +35,7 @@ const AtomicInsightResultAttachToCaseIndicator$1 = /*@__PURE__*/ proxyCustomElem
     }
     render() {
         if (this.attachToCase.isAttached()) {
-            return (h("atomic-icon", { key: '615f1183184ed58e1e52375445d1b8315b715bdc', part: "icon", class: "flex w-5 justify-center", icon: AttachIcon, title: this.bindings.i18n.t('result-is-attached') }));
+            return (h("atomic-icon", { key: 'ca201d1917024dba4484c9549713c5a10ec001ab', part: "icon", class: "flex w-5 justify-center", icon: AttachIcon, title: this.bindings.i18n.t('result-is-attached') }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-insight-result-children.js

@@ -130,7 +130,7 @@ const AtomicResultChildren = /*@__PURE__*/ proxyCustomElement(class AtomicResult
         return (h(ChildrenWrapper, { hasChildren: children.length > 0 }, children.map((child, i) => this.renderChild(child, i === children.length - 1))));
     }
     render() {
-        return (h(ResultChildrenGuard, { key: 'fac29657fed33aa4b1e22077b501bbfea0c449b3', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
+        return (h(ResultChildrenGuard, { key: '5e00b1c7ed1306015812f2caa464b06ae734cace', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
     }
     get host() { return this; }
     static get style() { return AtomicInsightResultChildrenStyle0; }

package/dist/atomic/components/atomic-insight-result-list.js

@@ -113,7 +113,7 @@ const AtomicInsightResultList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicI
     render() {
         this.itemListCommon.updateBreakpoints();
         const listClasses = this.computeListDisplayClasses();
-        return (h(ItemListGuard, { key: '973bc9c484720b5bb2d4e3bb8cba834f9c13885e', hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults, hasError: this.resultListState.hasError }, h(DisplayWrapper, { key: 'def6b5e9d02f67a444bcde32cc5a85b4d84dbfd9', listClasses: listClasses, display: this.display }, h(ResultsPlaceholdersGuard, { key: '7a8a58ac6bfa421c1ec8e5b78a96faeade11e40f', displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults, display: this.display, density: this.density, imageSize: this.imageSize }), h(ItemDisplayGuard, { key: 'db6b4884e76bc1b455ec1df3aaa3ac42d5f3cca0', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.resultListState.results.map((result, i) => {
+        return (h(ItemListGuard, { key: '2d143f7ce9c57a94c0e29fa58d07950e02e17915', hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults, hasError: this.resultListState.hasError }, h(DisplayWrapper, { key: '99f4fef3b1288420b123de59012d0cc4f2e5ebed', listClasses: listClasses, display: this.display }, h(ResultsPlaceholdersGuard, { key: 'ff25cd4ea8933d3751cc3d0e26b1369beba7a9bd', displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults, display: this.display, density: this.density, imageSize: this.imageSize }), h(ItemDisplayGuard, { key: '2856490135315b08b7683cc75d691823eb642107', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.resultListState.results.map((result, i) => {
             const atomicInsightResultProps = this.getPropsForAtomicInsightResult(result);
             return (h("atomic-insight-result", { ...atomicInsightResultProps, part: "outline", ref: (element) => element && this.itemListCommon.setNewResultRef(element, i) }));
         })))));

package/dist/atomic/components/atomic-insight-result-quickview-action.js

@@ -108,7 +108,7 @@ const AtomicInsightResultQuickviewAction$1 = /*@__PURE__*/ proxyCustomElement(cl
         this.addQuickviewModalIfNeeded();
         this.updateModalContent();
         if (this.shouldRenderQuickview) {
-            return (h(IconButton, { key: 'e9ebb865238d926c30483176b543472977ec89ad', partPrefix: "result-action", style: "outline-neutral", ref: this.focusTarget.setTarget, icon: QuickviewIcon, title: this.bindings.i18n.t('quickview'), onClick: () => this.onClick() }));
+            return (h(IconButton, { key: '524b427d0bf3b5bba4686410c0453023a9f012fa', partPrefix: "result-action", style: "outline-neutral", ref: this.focusTarget.setTarget, icon: QuickviewIcon, title: this.bindings.i18n.t('quickview'), onClick: () => this.onClick() }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-insight-result2.js

@@ -66,7 +66,7 @@ const AtomicInsightResult = /*@__PURE__*/ proxyCustomElement(class AtomicInsight
             .join('');
     }
     render() {
-        return (h(Host, { key: '50f4aeec1b0312e9c32624dab31faef6ba0cbd70', class: resultComponentClass }, h("div", { key: 'af39b3e036886c7b77d0176315fda2ff53cfe240', class: `result-root ${this.layout
+        return (h(Host, { key: '1f436ea96cd88615501b77f6a167c744aa0b49b1', class: resultComponentClass }, h("div", { key: '4369cfce1bf3fd5c1c5a295671b3c6cb3ee7e5da', class: `result-root ${this.layout
                 .getClasses()
                 .concat(this.classes)
                 .join(' ')}`, innerHTML: this.getContentHTML() })));

package/dist/atomic/components/atomic-insight-search-box.js

@@ -204,13 +204,13 @@ const AtomicInsightSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicIn
             : this.bindings.i18n.t('query-suggestions-unavailable');
     }
     render() {
-        return (h(SearchBoxWrapper, { key: '0a983ffbf4c932509a90f223fcf9571916866549', disabled: this.disableSearch, onFocusout: (event) => {
+        return (h(SearchBoxWrapper, { key: 'f497a4003073a54f778a149eb05598db90a26d65', disabled: this.disableSearch, onFocusout: (event) => {
                 if (!isFocusingOut(event)) {
                     return;
                 }
                 this.suggestionManager.clearSuggestions();
                 this.isExpanded = false;
-            } }, h("atomic-icon", { key: '43dd39ebe185cc670a5212e9cd7b63d1cf45b08b', part: "submit-icon", icon: SearchSlimIcon, class: "my-auto mr-0 ml-4 h-4 w-4" }), h(SearchTextArea, { key: '709ab176a131c55d4cf9389af81358a13419a877', textAreaRef: this.textAreaRef, loading: this.searchBoxState.isLoading, ref: (el) => el && (this.textAreaRef = el), bindings: this.bindings, value: this.searchBoxState.value, ariaLabel: this.getSearchInputLabel(), placeholder: this.bindings.i18n.t('search-ellipsis'), onFocus: () => this.onFocus(), onKeyDown: (e) => this.onKeyDown(e), onClear: () => {
+            } }, h("atomic-icon", { key: 'edd832afa753d82464e9c97b5d7b5d893e043cc2', part: "submit-icon", icon: SearchSlimIcon, class: "my-auto mr-0 ml-4 h-4 w-4" }), h(SearchTextArea, { key: '9608b491b85d418c9e3cbf4a0408aa2d270827e0', textAreaRef: this.textAreaRef, loading: this.searchBoxState.isLoading, ref: (el) => el && (this.textAreaRef = el), bindings: this.bindings, value: this.searchBoxState.value, ariaLabel: this.getSearchInputLabel(), placeholder: this.bindings.i18n.t('search-ellipsis'), onFocus: () => this.onFocus(), onKeyDown: (e) => this.onKeyDown(e), onClear: () => {
                 this.searchBox.clear();
                 this.triggerTextAreaChange('');
             }, onInput: (e) => this.onInput(e.target.value) }), this.renderSuggestions()));

package/dist/atomic/components/atomic-insight-smart-snippet-feedback-modal2.js

@@ -45,9 +45,9 @@ const AtomicInsightSmartSnippetFeedbackModal = /*@__PURE__*/ proxyCustomElement(
     }
     render() {
         updateBreakpoints(this.host);
-        return (h("atomic-modal", { key: 'cde5162337b2add212e275b36fff0041ff3c94c0', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: '5f6ec11b78d970b730880ffc6edcff6b81d91a5b', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: '6ea4a24667524de928af9630ef4ef0bfa0ea5594', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '2b67ad0b933ab25553a51c465c687e9f70ad51ed', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
+        return (h("atomic-modal", { key: 'd4b31d45cadfa9eef6ec44f68f223bddeada0aa1', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: 'e20b0fc9fd2cfe24b894a091d6f500736d815f37', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: '19830a8c6f9d696eadbbfec61d0118aea2c6aa72', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '04945dd835bcc55dc525a10eef533b305553e74b', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
                 this.currentAnswer = correspondingAnswer;
-            } })))), h(SmartSnippetFeedbackModalDetails, { key: 'f00c7b34c2ccdf75a3dbeb2d8f5f84fc5f937b2a', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: '30b8e1da39378addb70bfc84726fe8c6f9d8c031', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
+            } })))), h(SmartSnippetFeedbackModalDetails, { key: '4bffed0d718a6fc7a82e4b72a62207df9dcf0b61', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: 'd409996c9b7e84b9c12b542d4207ab4c681d601a', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
     }
     close() {
         this.isOpen = false;

package/dist/atomic/components/atomic-insight-tabs.js

@@ -20,7 +20,7 @@ const AtomicInsightTabs$1 = /*@__PURE__*/ proxyCustomElement(class AtomicInsight
         this.error = undefined;
     }
     render() {
-        return (h("atomic-tab-bar", { key: '9fd91d75c02448971dce40c407773ef3fd1a6fdc' }, h("slot", { key: 'a85003fda6e7c87487cdbdd680d4075fd3df7a6d' })));
+        return (h("atomic-tab-bar", { key: '2ce919114c2290d40dcaa4c355fc0f9a2f2ab91f' }, h("slot", { key: 'cf6c8dded91e7129e79e26434390d0c306b1183f' })));
     }
 }, [4, "atomic-insight-tabs", {
         "error": [32]

package/dist/atomic/components/atomic-insight-user-actions-session2.js

@@ -144,7 +144,7 @@ const AtomicInsightUserActionsSession = /*@__PURE__*/ proxyCustomElement(class A
     render() {
         const isShowMoreActionsButtonVisible = !this.areActionsAfterCaseCreationVisible &&
             !!this.userActionsAfterCaseCreation.length;
-        return (h("div", { key: '7fd16f9e23123511375d709e57576e1b0e7dd6e5' }, this.renderSessionStartDate(), this.areActionsAfterCaseCreationVisible && (h("div", { key: '70686dd3892819a47aea6dfc4e56d3880277e5ec', "data-testid": "more-actions-section" }, this.renderActions(this.userActionsAfterCaseCreation))), isShowMoreActionsButtonVisible && this.renderShowMoreActionsButton(), this.renderActions(this.userActionsToDisplay)));
+        return (h("div", { key: '1057b0c9192cdbd71c7988111e9900e52de72fab' }, this.renderSessionStartDate(), this.areActionsAfterCaseCreationVisible && (h("div", { key: 'cbafbafe4bd33857c9d30cc4acc3e67d5213fb09', "data-testid": "more-actions-section" }, this.renderActions(this.userActionsAfterCaseCreation))), isShowMoreActionsButtonVisible && this.renderShowMoreActionsButton(), this.renderActions(this.userActionsToDisplay)));
     }
     static get watchers() { return {
         "userActions": ["prepareUserActionsToDisplay"]

package/dist/atomic/components/atomic-insight-user-actions-toggle.js

@@ -61,7 +61,7 @@ const AtomicInsightUserActionsToggle$1 = /*@__PURE__*/ proxyCustomElement(class
         this.modalRef.excludedCustomActions = this.excludedCustomActions;
     }
     render() {
-        return (h(IconButton, { key: 'c5e65b461baeac76b6749d9cb82c70edc51d9087', partPrefix: "insight-user-actions-toggle", style: "outline-neutral", icon: Clock, ariaLabel: this.bindings.i18n.t('user-actions'), onClick: () => {
+        return (h(IconButton, { key: '3515dd7c3bbcdd8c876544e993c4db43cb48b983', partPrefix: "insight-user-actions-toggle", style: "outline-neutral", icon: Clock, ariaLabel: this.bindings.i18n.t('user-actions'), onClick: () => {
                 this.enableModal();
             }, title: this.bindings.i18n.t('user-actions'), buttonRef: (button) => {
                 if (!button) {

package/dist/atomic/components/atomic-ipx-body2.js

@@ -35,7 +35,7 @@ const AtomicIPXBody = /*@__PURE__*/ proxyCustomElement(class AtomicIPXBody exten
     render() {
         this.updateBreakpoints();
         const isEmbedded = this.isOpen === undefined;
-        return (h("article", { key: 'a5b7ec7bc0026eb495b0e7cda706290b7bf1efa6', part: "container", class: `${isEmbedded ? '' : this.isOpen ? 'visible' : 'invisible'}`, onAnimationEnd: () => this.animationEnded.emit() }, h("style", { key: 'b2f31ef747fa2ad882d6b127e123ea526bad7303' }, `
+        return (h("article", { key: '3dcc582f94e2cc5fd6e74e62ae8953e384b825df', part: "container", class: `${isEmbedded ? '' : this.isOpen ? 'visible' : 'invisible'}`, onAnimationEnd: () => this.animationEnded.emit() }, h("style", { key: '858c39620c8f2cace7f02c19535ee9eac981b810' }, `
             /* Chrome, Edge & Safari */
             .scrollbar::-webkit-scrollbar {
               width: 0.8rem;
@@ -60,7 +60,7 @@ const AtomicIPXBody = /*@__PURE__*/ proxyCustomElement(class AtomicIPXBody exten
               scrollbar-color: var(--atomic-primary) var(--atomic-background);
               scrollbar-width: auto;
             }
-          `), h("header", { key: 'a3af2383bcb624396e58c0d2f4c08db76a9784b5', part: "header-wrapper", class: "flex flex-col items-center" }, h("div", { key: 'd46c140c4cbc452a84b42c6cb0cc382dedaa71f5', part: "header" }, h("slot", { key: '2f4d4f51873474e1e20ca9b0bc0c8ae68045bc5a', name: "header" }))), h("hr", { key: '6ea7cebbe33a451f4d1755d230ac905b91c58ed5', part: "header-ruler", class: "" }), h("div", { key: '34770db2c5b5176d94f920ad38b32231eb203733', part: "body-wrapper", class: "scrollbar flex w-full grow flex-col overflow-auto" }, h("div", { key: '020d77941cd24942fb1b83b333e18905b3b738e5', part: "body", class: "w-full" }, h("slot", { key: '2248a17e1f1c302b1b6e264319d60249d76f45f1', name: "body" }))), this.displayFooterSlot && (h("footer", { key: 'e26b1de8177e3d04e539007d99170bbd76d86577', part: "footer-wrapper", class: "border-neutral bg-background z-10 flex w-full flex-col items-center border-t" }, h("div", { key: 'c3d3b2e4dc6adc29c3b8bc77d087f629dac33801', part: "footer" }, h("slot", { key: '37e7d3433860954cb07c7bdd935462b881ca0245', name: "footer" }))))));
+          `), h("header", { key: 'da384ab1c43c5826dd42dfc2add3f663359c8b48', part: "header-wrapper", class: "flex flex-col items-center" }, h("div", { key: 'f4e8d2fe564e7b63a5d3e0e6de62ef38ca8e669c', part: "header" }, h("slot", { key: '8ef4ef0bcf0e0d2740689c79aa0d133245c746f3', name: "header" }))), h("hr", { key: 'e5fc6f438c41d4cbb195315c021695e98e36559d', part: "header-ruler", class: "" }), h("div", { key: 'cd2740c6fc58948de9fa653e3ade6c18a1bdaf91', part: "body-wrapper", class: "scrollbar flex w-full grow flex-col overflow-auto" }, h("div", { key: '21c0aea8f438fe71c11f8481d2e24ae786cf4bdc', part: "body", class: "w-full" }, h("slot", { key: 'd664d6bf708dce3149df11e81144f6f4be1c1d9b', name: "body" }))), this.displayFooterSlot && (h("footer", { key: '01b2221dcab9554702e48562af77edb174db2b0f', part: "footer-wrapper", class: "border-neutral bg-background z-10 flex w-full flex-col items-center border-t" }, h("div", { key: 'ee77d7b271d8665871d816411ba852886f63a633', part: "footer" }, h("slot", { key: '66c70b6deb124f0ef26dac23f698fc409b4bfa10', name: "footer" }))))));
     }
     get host() { return this; }
     static get style() { return AtomicIpxBodyStyle0; }

package/dist/atomic/components/atomic-ipx-button.js

@@ -67,7 +67,7 @@ const AtomicIPXButton = /*@__PURE__*/ proxyCustomElement(class AtomicIPXButton e
         if (this.isModalOpen && !this.recommendationsLoaded) {
             this.getRecommendations();
         }
-        return (h(Fragment, { key: '8115278a1acd556de428b8244c29501cee801e44' }, h("style", { key: '5f9eae52a9e4d8d65c3ceec573e454cccde652a5' }, `
+        return (h(Fragment, { key: '6f7c7ea1d63727c40cbdd8a7731df854fe8cee41' }, h("style", { key: '332b5fd4522446136557d92cc5573b604ff241c7' }, `
               [part=${displayedIcon}] {
                 transform: translateY(0rem);
               }
@@ -84,7 +84,7 @@ const AtomicIPXButton = /*@__PURE__*/ proxyCustomElement(class AtomicIPXButton e
                 [part=${hiddenIcon}] {
                   transform: translateY(0rem);
                 }
-              }`), h("div", { key: '71d937ec9dad72aafd2d74899d9344f1af9af9c3', class: "flex flex-col items-center", part: "container" }, this.renderIPXButton())));
+              }`), h("div", { key: 'cdd8c6ba8008a9f2e8aff3962ae5dc1c716cb578', class: "flex flex-col items-center", part: "container" }, this.renderIPXButton())));
     }
     get ipxModal() {
         return this.bindings.interfaceElement.querySelector('atomic-ipx-modal');

package/dist/atomic/components/atomic-ipx-embedded.js

@@ -38,7 +38,7 @@ const AtomicIPXEmbedded = /*@__PURE__*/ proxyCustomElement(class AtomicIPXEmbedd
     }
     render() {
         this.updateBreakpoints();
-        return (h(Host, { key: 'eef89d4ef9fb902cbd58508334341e5f314da344' }, h("div", { key: 'f3566407baf095929e768739ff0fe40336535d62', part: "backdrop" }, h("atomic-ipx-body", { key: 'c7becf95bc4346aa0329cc60ef01698a276aab3f', displayFooterSlot: this.hasFooterSlotElements }, h("slot", { key: '62f361099ba638a0c977ceba84d5a8bc703a39be', name: "header", slot: "header" }), h("slot", { key: 'b5663b5290927e2795c7b9e3dd16fe151e445a59', name: "body", slot: "body" }), h("slot", { key: 'b19de29af7313c4d09483fdae6b7998d30429e3e', name: "footer", slot: "footer" })))));
+        return (h(Host, { key: 'f550fc5327aadfba10fe2aeae7bf90c79c4ff1e2' }, h("div", { key: 'c918b65b8cf76b5becc811457461e4ba5c1e2117', part: "backdrop" }, h("atomic-ipx-body", { key: 'bb153a99a8ea716dcecc353b6f28c3b7773e1f0c', displayFooterSlot: this.hasFooterSlotElements }, h("slot", { key: '84964b1f6f478447d49982e7216ca1ee6d1bebd6', name: "header", slot: "header" }), h("slot", { key: 'bf7eb6f49b62f84b6d42ebf51c1ba495ada7530b', name: "body", slot: "body" }), h("slot", { key: '388f0c6c0fe10c77c275a7402b3912968e003918', name: "footer", slot: "footer" })))));
     }
     get host() { return this; }
     static get style() { return AtomicIpxEmbeddedStyle0; }

package/dist/atomic/components/atomic-ipx-modal.js

@@ -63,8 +63,8 @@ const AtomicIPXModal = /*@__PURE__*/ proxyCustomElement(class AtomicIPXModal ext
     }
     render() {
         this.updateBreakpoints();
-        const Body = () => (h("atomic-ipx-body", { key: 'e4d289606ba3b723a523558ab1d4614bcf98f5de', isOpen: this.isOpen, displayFooterSlot: this.hasFooterSlotElements, exportparts: "container" }, h("slot", { key: '71d877f15720733bac9cbc21cc98e3ecb1ea080f', name: "header", slot: "header" }), h("slot", { key: 'bf3b3d7c4c50ab5cc811d13b2f535c7f3549bf1f', name: "body", slot: "body" }), h("slot", { key: 'a7cbb2890cea473e56133e88d0d8606f45ed8556', name: "footer", slot: "footer" })));
-        return (h(Host, { key: 'ffe501f17509d6f67376a4c2507d50612e317e17', class: this.getClasses().join(' '), part: "atomic-ipx-modal" }, h("div", { key: 'f452a516b3c5ea305079f6a0d19f4cda3390d105', part: "backdrop" }, h(Body, { key: 'ef47fb9ed6b710b6c34e1e53a4dac5002baf31f2' }))));
+        const Body = () => (h("atomic-ipx-body", { key: 'a30bfa8e6b5effe3dbacea29733e617fb57faaf0', isOpen: this.isOpen, displayFooterSlot: this.hasFooterSlotElements, exportparts: "container" }, h("slot", { key: '2315c2fbae979122922da24555004d2f59381ed0', name: "header", slot: "header" }), h("slot", { key: '81ef36e12fc1e0051e0bff84ee9ca475f9e08317', name: "body", slot: "body" }), h("slot", { key: '0edb47bbdb5f2d81578c28959af9f322c55ab18c', name: "footer", slot: "footer" })));
+        return (h(Host, { key: 'bbdb157f6e8e259fc8db714928841a07137e96a5', class: this.getClasses().join(' '), part: "atomic-ipx-modal" }, h("div", { key: '0bbd289102eeda8143a4e45d105e8b95f9442400', part: "backdrop" }, h(Body, { key: 'ab821ba4a2b325d9474c2f8e5ae485577c4e7065' }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/atomic/components/atomic-ipx-recs-list.js

@@ -276,7 +276,7 @@ const AtomicIPXRecsList = /*@__PURE__*/ proxyCustomElement(class AtomicIPXRecsLi
         }))));
     }
     render() {
-        return (h(Fragment, { key: '60391284fcd3b16fccfab94771e123938ddfb7b7' }, this.renderHeading(), this.shouldRenderPagination ? (h(Carousel, { bindings: this.bindings, currentPage: this.currentPage, nextPage: () => this.nextPage(), previousPage: () => this.previousPage(), numberOfPages: this.numberOfPages }, this.renderListOfRecommendations())) : (this.renderListOfRecommendations())));
+        return (h(Fragment, { key: '3ea67237123b7d00e1be50298ebece87871a3511' }, this.renderHeading(), this.shouldRenderPagination ? (h(Carousel, { bindings: this.bindings, currentPage: this.currentPage, nextPage: () => this.nextPage(), previousPage: () => this.previousPage(), numberOfPages: this.numberOfPages }, this.renderListOfRecommendations())) : (this.renderListOfRecommendations())));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/atomic/components/atomic-ipx-refine-modal2.js

@@ -62,7 +62,7 @@ const AtomicIPXRefineModal = /*@__PURE__*/ proxyCustomElement(class AtomicIPXRef
         return (h("aside", { slot: "body", class: "flex flex-col w-full" }, this.renderHeader(), h("slot", { name: "facets" })));
     }
     render() {
-        return (h(Host, { key: 'fc3f2d5cdd626964f0ed2b6f0c4dcd096af1753a' }, h(RefineModal, { key: 'fd99c18c7a68d967a91b418b54daaff54a04aad8', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), numberOfItems: this.querySummaryState.total, title: this.bindings.i18n.t('filters'), openButton: this.openButton, boundary: "element", scope: this.bindings.interfaceElement }, this.renderBody())));
+        return (h(Host, { key: '15bfd8e5372a50a7d9525a15852e76a2108081ba' }, h(RefineModal, { key: '23f147277d806dafac7583db4b002dd48972007b', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), numberOfItems: this.querySummaryState.total, title: this.bindings.i18n.t('filters'), openButton: this.openButton, boundary: "element", scope: this.bindings.interfaceElement }, this.renderBody())));
     }
     componentDidLoad() {
         this.host.style.display = '';