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

package/dist/cjs/atomic-category-facet.cjs.entry.js

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

package/dist/cjs/atomic-citation.cjs.entry.js

@@ -519,7 +519,7 @@ const AtomicCitation = class {
         return (index.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" }, index.h("div", { class: "text-neutral-dark truncate text-sm" }, this.citation.uri), index.h(stencilHeading.Heading, { level: 0, class: "text-md font-bold" }, this.citation.title), index.h("p", { class: "text-on-background text-sm" }, this.getTruncatedText())));
     }
     render() {
-        return (index.h("div", { key: '31c586de85bb0c9a2808b8be7d926d70a3876b81', class: "relative" }, index.h(stencilItemLink.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 }, index.h("span", { key: '7de73c763198cd61b7e3ab079680167109675ba8', class: "citation-title mx-1 truncate" }, this.citation.title)), this.renderPopover()));
+        return (index.h("div", { key: 'a930672292f74e7f68e03c0466d12cd2a34cff8c', class: "relative" }, index.h(stencilItemLink.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 }, index.h("span", { key: '0a50f24a6ee80e2de5489d6232a0561136181849', class: "citation-title mx-1 truncate" }, this.citation.title)), this.renderPopover()));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/atomic-facet-manager.cjs.entry.js

@@ -74,7 +74,7 @@ const AtomicFacetManager = class {
         this.bindings?.i18n.off('languageChanged', this.sortFacets);
     }
     render() {
-        return index.h("slot", { key: '3847766e62ddb6edd0ca619db769d8f6c1d18835' });
+        return index.h("slot", { key: 'bf81429b84e4d63417153578e29b82724d5f6e35' });
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/atomic-facet-number-input.cjs.entry.js

@@ -47,11 +47,11 @@ const FacetNumberInput = class {
         const inputClasses = 'p-2.5 input-primary placeholder-neutral-dark min-w-0 mr-1';
         const labelClasses = 'text-neutral-dark text-sm';
         const step = this.type === 'integer' ? '1' : 'any';
-        return (index.h("form", { key: 'cb496200417a7ae923ed216a520d31d6a413b2e8', class: "mt-4 gap-y-0.5 px-2", part: "input-form", onSubmit: (e) => {
+        return (index.h("form", { key: '0406137b757fd80da0c1003275fe4d85b1989d40', class: "mt-4 gap-y-0.5 px-2", part: "input-form", onSubmit: (e) => {
                 e.preventDefault();
                 this.apply();
                 return false;
-            } }, index.h("label", { key: '1e48ce21159e66f154cb46bb3a83d0d973e54cd0', part: "label-start", class: labelClasses, htmlFor: `${this.filterState.facetId}_start` }, minText), index.h("input", { key: '9a2421c00463cd2f5c361553d94353a193bf2734', part: "input-start", id: `${this.filterState.facetId}_start`, type: "number", step: step, ref: (ref) => (this.startRef = ref), class: inputClasses, "aria-label": minAria, required: true, min: Number.MIN_SAFE_INTEGER, max: this.end, value: this.filterState.range?.start, onInput: (e) => (this.start = e.target.valueAsNumber) }), index.h("label", { key: '075914740e743b2e26818d902cc903a2610b913b', part: "label-end", class: labelClasses, htmlFor: `${this.filterState.facetId}_end` }, maxText), index.h("input", { key: '726e7ddaf3144b7e2d0f78e18c7d2f657d29a1dc', part: "input-end", id: `${this.filterState.facetId}_end`, type: "number", step: step, ref: (ref) => (this.endRef = ref), class: inputClasses, "aria-label": maxAria, required: true, min: this.start, max: Number.MAX_SAFE_INTEGER, value: this.filterState.range?.end, onInput: (e) => (this.end = e.target.valueAsNumber) }), index.h(stencilButton.Button, { key: '3bc6b01792661d0ca214cba22d1a00a5acd2f003', style: "outline-primary", type: "submit", part: "input-apply-button", class: "flex-none truncate p-2.5", ariaLabel: applyAria, text: apply })));
+            } }, index.h("label", { key: '5f6edbdcdcb7b47a0e762bcd635d0ed19ee0b31d', part: "label-start", class: labelClasses, htmlFor: `${this.filterState.facetId}_start` }, minText), index.h("input", { key: '433ec768234b052b43cf54b7178c023d42ebb6d2', part: "input-start", id: `${this.filterState.facetId}_start`, type: "number", step: step, ref: (ref) => (this.startRef = ref), class: inputClasses, "aria-label": minAria, required: true, min: Number.MIN_SAFE_INTEGER, max: this.end, value: this.filterState.range?.start, onInput: (e) => (this.start = e.target.valueAsNumber) }), index.h("label", { key: 'ee812a7d94ced36e18dbfc48708521cd7749f4ce', part: "label-end", class: labelClasses, htmlFor: `${this.filterState.facetId}_end` }, maxText), index.h("input", { key: '3b108ec9fcf5c27ea4d842ba1562cde73f243c43', part: "input-end", id: `${this.filterState.facetId}_end`, type: "number", step: step, ref: (ref) => (this.endRef = ref), class: inputClasses, "aria-label": maxAria, required: true, min: this.start, max: Number.MAX_SAFE_INTEGER, value: this.filterState.range?.end, onInput: (e) => (this.end = e.target.valueAsNumber) }), index.h(stencilButton.Button, { key: '858b1dddb7ba6d7d921eab781825382a05760526', style: "outline-primary", type: "submit", part: "input-apply-button", class: "flex-none truncate p-2.5", ariaLabel: applyAria, text: apply })));
     }
 };
 FacetNumberInput.style = AtomicFacetNumberInputStyle0;

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

@@ -266,7 +266,7 @@ const AtomicFacet = class {
         return true;
     }
     render() {
-        return (index.h(facetGuard.FacetGuard, { key: 'eeb988884a4810d385dfe81185e3207c3ab97b3e', enabled: this.facetState.enabled, hasError: this.searchStatusState.hasError, firstSearchExecuted: this.searchStatusState.firstSearchExecuted, hasResults: this.facetState.values.length > 0 }, this.searchStatusState.firstSearchExecuted ? (index.h(facetPlaceholder.FacetContainer, null, index.h(facetPlaceholder.FacetHeader, { i18n: this.bindings.i18n, label: this.definedLabel, onClearFilters: () => {
+        return (index.h(facetGuard.FacetGuard, { key: '97a4dff6f3009d9a8659eca5c8e5b3625965968a', enabled: this.facetState.enabled, hasError: this.searchStatusState.hasError, firstSearchExecuted: this.searchStatusState.firstSearchExecuted, hasResults: this.facetState.values.length > 0 }, this.searchStatusState.firstSearchExecuted ? (index.h(facetPlaceholder.FacetContainer, null, index.h(facetPlaceholder.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())) : (index.h(facetPlaceholder.FacetPlaceholder, { numberOfValues: this.numberOfValues, isCollapsed: this.isCollapsed }))));

package/dist/cjs/atomic-focus-trap_2.cjs.entry.js

@@ -226,8 +226,8 @@ const AtomicModal = class {
     }
     render() {
         this.updateBreakpoints();
-        const Content = () => (index.h("article", { key: '7070babf152de5773158b758ce57d1494887e0b1', part: "container", class: `bg-background text-on-background flex flex-col justify-between ${this.isOpen ? 'animate-open' : 'animate-close'} ${this.wasEverOpened ? '' : 'invisible'}`, onAnimationEnd: () => this.animationEnded.emit(), ref: (ref) => (this.animatableContainer = ref) }, index.h("header", { key: 'f8274facc1bfe8a14d8c94a3e5791121a9089b91', part: "header-wrapper", class: "flex flex-col items-center" }, index.h("div", { key: '5081b41ec60ca84af247f449a1f36bde296fa39e', part: "header", class: "flex justify-between w-full max-w-lg text-xl", id: this.headerId }, index.h("slot", { key: '4bec1d6e0a16ae983fc03faee1d4cc76d9ece165', name: "header" }))), index.h("hr", { key: '1be2e907782f2e5043c442f9d2aa95bbac3166db', part: "header-ruler", class: "border-t border-neutral" }), index.h("div", { key: '2a576175cfbcbe79310aeb4d41f9e5588bd59ac8', part: "body-wrapper", class: "flex w-full grow flex-col items-center overflow-auto [scrollbar-gutter:stable_both-edges]" }, index.h("div", { key: '77429a01e59e898d607f44e9d19424ec4b156fe3', part: "body", class: "w-full max-w-lg", ref: (element) => element?.addEventListener('touchmove', (e) => this.isOpen && e.stopPropagation(), { passive: false }) }, index.h("slot", { key: 'c46599786021e980f12517ae4ae833aa0a81ccb9', name: "body" }))), index.h("footer", { key: '9953588047fb6649b619c0c8be75f42438ad6a8f', part: "footer-wrapper", class: "z-10 flex flex-col items-center w-full border-t border-neutral bg-background" }, index.h("div", { key: '64703be961424d4f7257db900534737945dbad3d', part: "footer", class: "w-full max-w-lg" }, index.h("slot", { key: '1687f4248c0ad7b1e45808b42fce834b46aca8b1', name: "footer" })))));
-        return (index.h(index.Host, { key: 'c070d57f431769dda803460ae82f7d6ca768942b', class: this.getClasses().join(' '), "data-nosnippet": true }, index.h("div", { key: '3cb5d8f667ae287fb41ee96bf63a22c528ab5a3f', part: "backdrop", class: ` ${this.boundary === 'page' ? 'fixed' : 'absolute'} top-0 right-0 bottom-0 left-0 z-9999`, onClick: (e) => e.target === e.currentTarget && this.close() }, index.h("atomic-focus-trap", { key: '56fcca311acd861ae0defd885a9d5f485f81e2fd', role: "dialog", "aria-modal": this.isOpen.toString(), "aria-labelledby": this.headerId, source: this.source, container: this.container ?? this.host, ref: (ref) => (this.focusTrap = ref), scope: this.scope }, index.h(Content, { key: '5a8d1a34f057f974617f74eba282c81b300c9fe5' })))));
+        const Content = () => (index.h("article", { key: '008d1faad7c3e4283d4b53b52e30909b777527f8', part: "container", class: `bg-background text-on-background flex flex-col justify-between ${this.isOpen ? 'animate-open' : 'animate-close'} ${this.wasEverOpened ? '' : 'invisible'}`, onAnimationEnd: () => this.animationEnded.emit(), ref: (ref) => (this.animatableContainer = ref) }, index.h("header", { key: '1f46ad343ed9a27d6ff7adb5ecddaba980568b31', part: "header-wrapper", class: "flex flex-col items-center" }, index.h("div", { key: '72052c73ab5d1392e665a08af0466507f17ca476', part: "header", class: "flex justify-between w-full max-w-lg text-xl", id: this.headerId }, index.h("slot", { key: '13d32d692848ce7f5a11f3760394ee7b4ff3309c', name: "header" }))), index.h("hr", { key: '3dc9be298db360de449ee7f40b0ba2a0acc91dda', part: "header-ruler", class: "border-t border-neutral" }), index.h("div", { key: 'beb640eb7fa7883f3a8d5f82f71845bf4a4fdd7e', part: "body-wrapper", class: "flex w-full grow flex-col items-center overflow-auto [scrollbar-gutter:stable_both-edges]" }, index.h("div", { key: '69c05359a846a090e021118da04a4f02c15dee20', part: "body", class: "w-full max-w-lg", ref: (element) => element?.addEventListener('touchmove', (e) => this.isOpen && e.stopPropagation(), { passive: false }) }, index.h("slot", { key: '1b0fb9176a92cae2d1a56a2bfbed8ed0ab3c0b37', name: "body" }))), index.h("footer", { key: 'd815c2a13fbf6d84a4c7242c8553781c594dd4d1', part: "footer-wrapper", class: "z-10 flex flex-col items-center w-full border-t border-neutral bg-background" }, index.h("div", { key: 'e420e19b24f94d1fda8bd0f82db786c2259a722a', part: "footer", class: "w-full max-w-lg" }, index.h("slot", { key: 'bfcc065f2104e52b7a5d0dac4bfabb9ed22d6d03', name: "footer" })))));
+        return (index.h(index.Host, { key: '93de9982e54ec3e6515f10b9c2408246d6fdf11a', class: this.getClasses().join(' '), "data-nosnippet": true }, index.h("div", { key: '671e813ca6665ed41cb47267746f4da5ac3b54e5', part: "backdrop", class: ` ${this.boundary === 'page' ? 'fixed' : 'absolute'} top-0 right-0 bottom-0 left-0 z-9999`, onClick: (e) => e.target === e.currentTarget && this.close() }, index.h("atomic-focus-trap", { key: 'ca302a10b051c200c43b3c355e577f0b2d35f6cc', role: "dialog", "aria-modal": this.isOpen.toString(), "aria-labelledby": this.headerId, source: this.source, container: this.container ?? this.host, ref: (ref) => (this.focusTrap = ref), scope: this.scope }, index.h(Content, { key: '2a5e928b776e5347ea67e3d365738cf97a0706ea' })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/atomic-format-currency.cjs.entry.js

@@ -23,7 +23,7 @@ const AtomicFormatCurrency = class {
     }
     render() {
         if (this.error) {
-            return (index.h("atomic-component-error", { key: '2783cc3c7a7fa949d32e0944c8e7e2472ac5c667', element: this.host, error: this.error }));
+            return (index.h("atomic-component-error", { key: 'f6d3ca5f734648ce9d12bfe1c3243fa4a8cc84de', element: this.host, error: this.error }));
         }
     }
     get host() { return index.getElement(this); }

package/dist/cjs/atomic-format-number.cjs.entry.js

@@ -35,7 +35,7 @@ const AtomicFormatNumber = class {
     }
     render() {
         if (this.error) {
-            return (index.h("atomic-component-error", { key: 'cdbd3fa2f31bac44cd61d964dc807e279d36edab', element: this.host, error: this.error }));
+            return (index.h("atomic-component-error", { key: 'd75847b24670a980ec0ed8f670fac77b52c9632b', element: this.host, error: this.error }));
         }
     }
     get host() { return index.getElement(this); }

package/dist/cjs/atomic-format-unit.cjs.entry.js

@@ -38,7 +38,7 @@ const AtomicFormatUnit = class {
     }
     render() {
         if (this.error) {
-            return (index.h("atomic-component-error", { key: 'c64b098cf6af3d7294cb67a8a267c193e928cb3c', element: this.host, error: this.error }));
+            return (index.h("atomic-component-error", { key: '1687d07635960b60d6aff0c3370f3d94f2e4e289', element: this.host, error: this.error }));
         }
     }
     get host() { return index.getElement(this); }

package/dist/cjs/atomic-generated-answer-feedback-modal.cjs.entry.js

@@ -383,7 +383,7 @@ const AtomicGeneratedAnswerFeedbackModal = class {
     }
     render() {
         this.updateBreakpoints();
-        return (index.h("atomic-modal", { key: 'cf0c0fdf0f240034df304ae192fb302532a4fc0b', fullscreen: false, isOpen: this.isOpen, close: () => this.close(), container: this.host, part: "generated-answer-feedback-modal", exportparts: exportParts.ATOMIC_MODAL_EXPORT_PARTS }, this.renderHeader(), this.renderBody(), this.renderFooter()));
+        return (index.h("atomic-modal", { key: '2748809f496a717231c2e1d3c9fccebf455aae41', fullscreen: false, isOpen: this.isOpen, close: () => this.close(), container: this.host, part: "generated-answer-feedback-modal", exportparts: exportParts.ATOMIC_MODAL_EXPORT_PARTS }, this.renderHeader(), this.renderBody(), this.renderFooter()));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/atomic-html.cjs.entry.js

@@ -38,7 +38,7 @@ const AtomicHtml = class {
         }
     }
     render() {
-        return (index.h("span", { key: '8d54b4064b9cca9b5893a3a287cf72fe2294be45', innerHTML: this.sanitize ? purify.DOMPurify.sanitize(this.value) : this.value }));
+        return (index.h("span", { key: '816fa5b9b5e8230dd7da999afa8aa486bbbc3fae', innerHTML: this.sanitize ? purify.DOMPurify.sanitize(this.value) : this.value }));
     }
 };
 __decorate([

package/dist/cjs/atomic-insight-edit-toggle.cjs.entry.js

@@ -29,7 +29,7 @@ const AtomicInsightEditToggle = class {
         this.tooltip = '';
     }
     render() {
-        return (index.h(iconButton.IconButton, { key: '36b7911fb663bda3d8e9c3791b8ea8b17c5bd5b8', partPrefix: "insight-edit-toggle", style: "outline-neutral", icon: EditIcon, ariaLabel: "Edit", onClick: this.clickCallback, title: this.tooltip }));
+        return (index.h(iconButton.IconButton, { key: '03f46eea342f4c28dc04be5ca48cfc5a98526355', partPrefix: "insight-edit-toggle", style: "outline-neutral", icon: EditIcon, ariaLabel: "Edit", onClick: this.clickCallback, title: this.tooltip }));
     }
 };
 AtomicInsightEditToggle.style = AtomicInsightEditToggleStyle0;

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

@@ -161,7 +161,7 @@ const AtomicInsightFacet = class {
         this.facetConditionsManager?.stopWatching();
     }
     render() {
-        return (index.h(facetGuard.FacetGuard, { key: '72a77b6c51dabfa68041917c1e9caa5c042968ec', enabled: this.facetState.enabled, hasError: this.searchStatusState.hasError, firstSearchExecuted: this.searchStatusState.firstSearchExecuted, hasResults: this.facetState.values.length > 0 }, this.searchStatusState.firstSearchExecuted ? (index.h(facetPlaceholder.FacetContainer, null, index.h(facetPlaceholder.FacetHeader, { i18n: this.bindings.i18n, label: this.label, onClearFilters: () => {
+        return (index.h(facetGuard.FacetGuard, { key: 'b48240c3ecc7d4e548dde742ce3d3856f7e562b8', enabled: this.facetState.enabled, hasError: this.searchStatusState.hasError, firstSearchExecuted: this.searchStatusState.firstSearchExecuted, hasResults: this.facetState.values.length > 0 }, this.searchStatusState.firstSearchExecuted ? (index.h(facetPlaceholder.FacetContainer, null, index.h(facetPlaceholder.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())) : (index.h(facetPlaceholder.FacetPlaceholder, { numberOfValues: this.numberOfValues, isCollapsed: this.isCollapsed }))));

package/dist/cjs/atomic-insight-folded-result-list.cjs.entry.js

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

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

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

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

@@ -21,7 +21,7 @@ const AtomicInsightHistoryToggle = class {
         this.tooltip = '';
     }
     render() {
-        return (index.h(iconButton.IconButton, { key: '4b6487eedab130bf3eec7d4cbeb3d5e634e053e3', partPrefix: "insight-history-toggle", style: "outline-neutral", icon: clock.Clock, ariaLabel: "history", onClick: this.clickCallback, title: this.tooltip }));
+        return (index.h(iconButton.IconButton, { key: '50228ac6285964a86a04a8bd0442b68b4860a712', partPrefix: "insight-history-toggle", style: "outline-neutral", icon: clock.Clock, ariaLabel: "history", onClick: this.clickCallback, title: this.tooltip }));
     }
 };
 AtomicInsightHistoryToggle.style = AtomicInsightHistoryToggleStyle0;

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

@@ -5,14 +5,92 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
 const utils = require('./utils-7153ae6b.js');
-const insightLayout = require('./insight-layout-355a94dd.js');
+const sections = require('./sections-4b4af2f8.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');
-require('./sections-4b4af2f8.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');
+}
 
 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;
@@ -35,15 +113,17 @@ const AtomicInsightLayout = class {
     }
     updateStyles() {
         if (this.styleTag) {
-            this.styleTag.innerHTML = insightLayout.buildInsightLayout(this.host, this.widget);
+            this.styleTag.innerHTML = buildInsightLayout(this.host, this.widget);
         }
         else {
             this.makeStyleTag();
         }
     }
     makeStyleTag() {
+        if (!this.bindings)
+            return;
         this.styleTag = this.bindings.createStyleElement();
-        this.styleTag.innerHTML = insightLayout.buildInsightLayout(this.host, this.widget);
+        this.styleTag.innerHTML = 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":";;;;;;;;;;;;;;;;;;;;;;;;;;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}
+{"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}

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

@@ -43,7 +43,7 @@ const AtomicInsightNoResults = class {
     }
     render() {
         const { bindings: { i18n }, } = this;
-        return (index.h("div", { key: '825ae13ae0860ce408ff8e4a47dd829975345d35', class: "p-3 text-center" }, index.h(stencilTips.NoItemsGuard, { key: '623d5e551a83765efcdf6574187688730da56d9c', ...this.searchStatusState }, index.h(stencilMagnifyingGlass.NoItemsContainer, { key: 'ad02d240a97de03eaa59dfc3e5365753455d919a' }, index.h(stencilMagnifyingGlass.MagnifyingGlass, { key: '15b017413c4668ff29861a31ee5028481d2b9c3a' }), index.h(stencilTips.NoItems, { key: '3e7bfd64c15426bec598f71ef7f771d8f2485214', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), index.h(stencilTips.SearchTips, { key: '6fbb100f870e966e93c268170b91cc7651a9c4c0', i18n: i18n })))));
+        return (index.h("div", { key: '90225d9ee22151a75ed726683c71677cda8e9246', class: "p-3 text-center" }, index.h(stencilTips.NoItemsGuard, { key: '53380634bfb5d2653dff3c3a35983fae2b9c6d2e', ...this.searchStatusState }, index.h(stencilMagnifyingGlass.NoItemsContainer, { key: '4dd7e06bac3f3d4e769e727775971577ae179ac8' }, index.h(stencilMagnifyingGlass.MagnifyingGlass, { key: 'c495e0ab1e54bbcba48c293b90c81ab5d98caf8e' }), index.h(stencilTips.NoItems, { key: '9ab50057802d03fcf9c959a0343c33ddc2dd7664', query: this.querySummaryState.query, i18n: i18n, i18nKey: "no-results" }), index.h(stencilTips.SearchTips, { key: '166400fc291b1214d904b0372173e81f55ab0a6c', i18n: i18n })))));
     }
 };
 __decorate([

package/dist/cjs/atomic-insight-numeric-facet.cjs.entry.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: 'f44c00523665cb008b2727116d2a542872d81bca', 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: 'c07266e4dd8b2f641f47bb2589a99a0297b4f394', 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

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

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

@@ -86,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: 'f4ac5cb78cb35e842cb2e50d614c29320242d314' }, this.interfaceDimensions && (index.h("style", { key: 'ad0660085c3750018e1369c1df9c99b03a6fdd97' }, `atomic-modal::part(backdrop) {
+        return (index.h(index.Host, { key: 'd391ea3233213cad06cce47d8aa999d0f19738de' }, this.interfaceDimensions && (index.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;
-            }`)), index.h(stencilModal.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())));
+            }`)), index.h(stencilModal.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/cjs/atomic-insight-refine-toggle.cjs.entry.js

@@ -59,7 +59,7 @@ const AtomicInsightRefineToggle = class {
         this.modalRef.openButton = this.buttonRef;
     }
     render() {
-        return (index.h(iconButton.IconButton, { key: '1f8d710e892f9af8657e68532c70e5286b0ea163', 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(iconButton.IconButton, { key: '6a29c50b1365e77deeebc3058440977097c7a608', 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.cjs.entry.js

@@ -124,7 +124,7 @@ const AtomicInsightResultAction = class {
         }
     }
     render() {
-        return (index.h(iconButton.IconButton, { key: '60d638ac6e785a52e73c0ad3f1bee6334055a72b', partPrefix: "result-action", style: "outline-neutral", icon: this.getIcon(), title: this.tooltip, onClick: () => this.onClick() }));
+        return (index.h(iconButton.IconButton, { key: 'bd7d3f15b9c0769783c5492758de62c3b4bf39a3', 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(iconButton.IconButton, { key: 'ec150d3c94883094b5f46dc6f5b8c6a7474b2bca', partPrefix: "result-action", style: "outline-neutral", icon: this.getIcon(), title: this.getTooltip(), onClick: () => this.onClick() }));
+        return (index.h(iconButton.IconButton, { key: 'bb3bd9a198db8f8ead63dad02be315afd593bf79', 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: '615f1183184ed58e1e52375445d1b8315b715bdc', 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: 'ca201d1917024dba4484c9549713c5a10ec001ab', 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.cjs.entry.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: 'fac29657fed33aa4b1e22077b501bbfea0c449b3', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
+        return (index.h(showHideButton.ResultChildrenGuard, { key: '5e00b1c7ed1306015812f2caa464b06ae734cace', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
     }
     get host() { return index.getElement(this); }
 };

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

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

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

@@ -118,7 +118,7 @@ const AtomicInsightResultQuickviewAction = class {
         this.addQuickviewModalIfNeeded();
         this.updateModalContent();
         if (this.shouldRenderQuickview) {
-            return (index.h(iconButton.IconButton, { key: 'e9ebb865238d926c30483176b543472977ec89ad', partPrefix: "result-action", style: "outline-neutral", ref: this.focusTarget.setTarget, icon: preview.QuickviewIcon, title: this.bindings.i18n.t('quickview'), onClick: () => this.onClick() }));
+            return (index.h(iconButton.IconButton, { key: '524b427d0bf3b5bba4686410c0453023a9f012fa', partPrefix: "result-action", style: "outline-neutral", ref: this.focusTarget.setTarget, icon: preview.QuickviewIcon, title: this.bindings.i18n.t('quickview'), onClick: () => this.onClick() }));
         }
     }
     get host() { return index.getElement(this); }

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

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

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

@@ -216,13 +216,13 @@ const AtomicInsightSearchBox = class {
             : this.bindings.i18n.t('query-suggestions-unavailable');
     }
     render() {
-        return (index.h(stencilSuggestionManager.SearchBoxWrapper, { key: '0a983ffbf4c932509a90f223fcf9571916866549', disabled: this.disableSearch, onFocusout: (event) => {
+        return (index.h(stencilSuggestionManager.SearchBoxWrapper, { key: 'f497a4003073a54f778a149eb05598db90a26d65', disabled: this.disableSearch, onFocusout: (event) => {
                 if (!utils.isFocusingOut(event)) {
                     return;
                 }
                 this.suggestionManager.clearSuggestions();
                 this.isExpanded = false;
-            } }, index.h("atomic-icon", { key: '43dd39ebe185cc670a5212e9cd7b63d1cf45b08b', part: "submit-icon", icon: stencilSuggestionManager.SearchSlimIcon, class: "my-auto mr-0 ml-4 h-4 w-4" }), index.h(stencilSuggestionManager.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: () => {
+            } }, index.h("atomic-icon", { key: 'edd832afa753d82464e9c97b5d7b5d893e043cc2', part: "submit-icon", icon: stencilSuggestionManager.SearchSlimIcon, class: "my-auto mr-0 ml-4 h-4 w-4" }), index.h(stencilSuggestionManager.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/cjs/atomic-insight-smart-snippet-feedback-modal.cjs.entry.js

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

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

@@ -25,7 +25,7 @@ const AtomicInsightTabs = class {
         this.error = undefined;
     }
     render() {
-        return (index.h("atomic-tab-bar", { key: '9fd91d75c02448971dce40c407773ef3fd1a6fdc' }, index.h("slot", { key: 'a85003fda6e7c87487cdbdd680d4075fd3df7a6d' })));
+        return (index.h("atomic-tab-bar", { key: '2ce919114c2290d40dcaa4c355fc0f9a2f2ab91f' }, index.h("slot", { key: 'cf6c8dded91e7129e79e26434390d0c306b1183f' })));
     }
 };
 __decorate([

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

@@ -155,7 +155,7 @@ const AtomicInsightUserActionsSession = class {
     render() {
         const isShowMoreActionsButtonVisible = !this.areActionsAfterCaseCreationVisible &&
             !!this.userActionsAfterCaseCreation.length;
-        return (index.h("div", { key: '7fd16f9e23123511375d709e57576e1b0e7dd6e5' }, this.renderSessionStartDate(), this.areActionsAfterCaseCreationVisible && (index.h("div", { key: '70686dd3892819a47aea6dfc4e56d3880277e5ec', "data-testid": "more-actions-section" }, this.renderActions(this.userActionsAfterCaseCreation))), isShowMoreActionsButtonVisible && this.renderShowMoreActionsButton(), this.renderActions(this.userActionsToDisplay)));
+        return (index.h("div", { key: '1057b0c9192cdbd71c7988111e9900e52de72fab' }, this.renderSessionStartDate(), this.areActionsAfterCaseCreationVisible && (index.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/cjs/atomic-insight-user-actions-toggle.cjs.entry.js

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

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

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