@coveo/atomic 3.34.0-pre.0b99d4077d → 3.34.0-pre.0bfeb1e401

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

@@ -262,7 +262,7 @@ const AtomicRecsList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicRecsList e
         }))));
     }
     render() {
-        return (h(Fragment, { key: 'd30b46c14bacc46d3c0c5012cb5dd5f2263b402b' }, 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: '799dbc1bfa0b5334b29ea7647c3e99bbeccb298b' }, 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-refine-modal2.js

@@ -204,7 +204,7 @@ const AtomicRefineModal = /*@__PURE__*/ proxyCustomElement(class AtomicRefineMod
         return (h(RefineModalFiltersSection, { i18n: i18n, withFacets: hasFacetElements, withAutomaticFacets: hasAutomaticFacets }, this.breadcrumbManagerState.hasBreadcrumbs && (h(RefineModalFiltersClearButton, { i18n: i18n, onClick: () => this.breadcrumbManager.deselectAll() }))));
     }
     render() {
-        return (h(RefineModal, { key: 'c90b5bf9bcee949c806ba3d4d33580168f45e008', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), title: this.bindings.i18n.t('sort-and-filter'), numberOfItems: this.querySummaryState.total, openButton: this.openButton }, h(RefineModalBody, { key: '29bc9e15d4692da14473568d270638e06286088b' }, this.renderSort(), this.renderFilters())));
+        return (h(RefineModal, { key: 'd52b215733e486584cca925dd4c9a7081201bcca', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), title: this.bindings.i18n.t('sort-and-filter'), numberOfItems: this.querySummaryState.total, openButton: this.openButton }, h(RefineModalBody, { key: 'd5506f5c9537b988dd32fe0dfcf1cffdd8d970dd' }, this.renderSort(), this.renderFilters())));
     }
     componentDidLoad() {
         this.host.style.display = '';

package/dist/atomic/components/atomic-refine-toggle.js

@@ -68,7 +68,7 @@ const AtomicRefineToggle$1 = /*@__PURE__*/ proxyCustomElement(class AtomicRefine
         this.modalRef && (this.modalRef.isOpen = true);
     }
     render() {
-        return (h(RefineToggleGuard, { key: '2d4442e2ff0eac7161136b5dc5d3a946dae972b4', firstRequestExecuted: this.searchStatusState.firstSearchExecuted, hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults }, h(RefineToggleButton, { key: '54293607699e1940900a992f991c484eb43d1b96', i18n: this.bindings.i18n, onClick: () => this.enableModal(), setRef: (button) => {
+        return (h(RefineToggleGuard, { key: '83730811042478dfaec5eab5fadc9ec63b613721', firstRequestExecuted: this.searchStatusState.firstSearchExecuted, hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults }, h(RefineToggleButton, { key: '8e9781b72935261a0ab7fc3009bb479ad1f65936', i18n: this.bindings.i18n, onClick: () => this.enableModal(), setRef: (button) => {
                 if (!button) {
                     return;
                 }

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

@@ -138,7 +138,7 @@ const AtomicResultChildren$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResu
         return (h(ChildrenWrapper, { hasChildren: children.length > 0 }, children.map((child, i) => this.renderChild(child, i === children.length - 1))));
     }
     render() {
-        return (h(ResultChildrenGuard, { key: '2f38b68fcb83a72db4101044cd74107cc834ac97', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
+        return (h(ResultChildrenGuard, { key: 'eb224dfff016980d3d7aa281e6a87c3172286c78', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
     }
     get host() { return this; }
     static get style() { return AtomicResultChildrenStyle0; }

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

@@ -98,7 +98,7 @@ const AtomicResultFieldsList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicRe
         }
     }
     render() {
-        return h(Host, { key: 'dd3ddbee78fac8ab084eb346cb0d2d5a020446a3' });
+        return h(Host, { key: '936654b1f7aa4fd793eecd6fb508e14b8c764bb0' });
     }
     get host() { return this; }
     static get style() { return AtomicResultFieldsListStyle0; }

package/dist/atomic/components/atomic-result-link.js

@@ -43,7 +43,7 @@ const AtomicResultLink$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResultLi
         const href = isUndefined(this.hrefTemplate)
             ? this.result.clickUri
             : buildStringTemplateFromResult(this.hrefTemplate, this.result, this.bindings);
-        return (h(LinkWithItemAnalytics, { key: 'e26f021b82a1a59173aed24ddc1a45f4cfd09e25', href: href, onSelect: () => this.interactiveResult.select(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (h("slot", null)) : (h("atomic-result-text", { field: "title", default: "no-title" }))));
+        return (h(LinkWithItemAnalytics, { key: '822263a18da861e80557adf11226427663627b8f', href: href, onSelect: () => this.interactiveResult.select(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (h("slot", null)) : (h("atomic-result-text", { field: "title", default: "no-title" }))));
     }
     get host() { return this; }
     static get style() { return AtomicResultLinkStyle0; }

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

@@ -194,7 +194,7 @@ const AtomicResultList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResultLi
     render() {
         this.resultListCommon.updateBreakpoints();
         const listClasses = this.computeListDisplayClasses();
-        return (h(TabGuard, { key: '7c731e8e044622441143bc088da30fa1d2ef8cc4', tabsIncluded: this.tabsIncluded, tabsExcluded: this.tabsExcluded, activeTab: this.tabManagerState.activeTab }, h(ItemListGuard, { key: 'a7d167d6cda630934f97dde5668e30234f23caee', hasError: this.resultListState.hasError, hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, h(DisplayWrapper, { key: '0e21486e08e5923648c1b766a6f8aded7b0cbdfd', display: this.display, listClasses: listClasses }, h(ResultsPlaceholdersGuard, { key: '51d058449614726969e153e7eede019faa369a4c', density: this.density, display: this.display, imageSize: this.imageSize, displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults }), h(ItemDisplayGuard, { key: '0de15a52bc8b05b4d722139611d9d5becf448c05', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.display === 'table'
+        return (h(TabGuard, { key: 'c8b1ca9302ce0e9cfd5114067cb686fa27b6206f', tabsIncluded: this.tabsIncluded, tabsExcluded: this.tabsExcluded, activeTab: this.tabManagerState.activeTab }, h(ItemListGuard, { key: 'b6db922875d6156b42e0060ad2218bb82f9ed196', hasError: this.resultListState.hasError, hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, h(DisplayWrapper, { key: '03ee6cd85a8bc9e94005082b24b42fb5ca893907', display: this.display, listClasses: listClasses }, h(ResultsPlaceholdersGuard, { key: 'b6a6020f7e40bddb2365c6ca6ef3ee67c5598758', density: this.density, display: this.display, imageSize: this.imageSize, displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults }), h(ItemDisplayGuard, { key: 'dea4c3d009fb28a556b81ba8d2fba8be5e02ed49', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.display === 'table'
             ? this.renderAsTable()
             : this.display === 'grid'
                 ? this.renderAsGrid()

package/dist/atomic/components/atomic-result-placeholder2.js

@@ -27,9 +27,9 @@ const AtomicResultPlaceholder = /*@__PURE__*/ proxyCustomElement(class AtomicRes
             } }, h("div", { class: placeholderClasses, style: { height: 'var(--font-size)' } })));
     }
     render() {
-        return (h("div", { key: '8610d22227581ee232c3c38968ddd862f9953431', class: `result-root placeholder with-sections animate-pulse ${getItemDisplayClasses(this.display, this.density, this.imageSize)
+        return (h("div", { key: '86d4c0d928415a2442d9aa3e0b148597aaa8a36d', class: `result-root placeholder with-sections animate-pulse ${getItemDisplayClasses(this.display, this.density, this.imageSize)
                 .join(' ')
-                .trim()}` }, h("atomic-result-section-visual", { key: '662175696d7086fe86aa1694b8ada13be85ccc8d' }, h("div", { key: '7b7f4198f4f37ef717b888b5a5f8372f535351c9', class: placeholderClasses })), h("atomic-result-section-badges", { key: '5aa4beb463e626877e9577b869b6d295c3bc652c' }, h("div", { key: '6c6022322036a16ccaafd56d3f5c640346e9dc54', class: `badge ${placeholderClasses}` })), h("atomic-result-section-actions", { key: '1d31fbd72181c17d6132885e6400fd2fc6baa0a1' }, h("div", { key: 'fb2f203f72862776eb3e72a25f0e8ade39959d22', class: `action ${placeholderClasses}` })), h("atomic-result-section-title", { key: 'a4e8b10a295b4fdf0e81773d32459a621a5c7fe9' }, h("div", { key: '6d66ca1eedcd24c4e262ac178bc4bb2c83bdc4f2', class: `title ${placeholderClasses}` })), h("atomic-result-section-excerpt", { key: '186b956cad5e8348c1e5a9ac7fb448467c193f3f' }, this.renderExcerptLine('100%'), this.renderExcerptLine('95%'), this.renderExcerptLine('98%')), h("atomic-result-section-bottom-metadata", { key: 'bd8c1d67e88e98997d5828a30f0783e4d8265531' }, h("div", { key: 'a91ed4c4304129afd2e0a1d4c626d3e7885a6452', class: "fields-placeholder" }, Array.from({ length: 4 }, () => (h("div", { class: `field-value-placeholder ${placeholderClasses}` })))))));
+                .trim()}` }, h("atomic-result-section-visual", { key: 'bd0aa9efaa1117c777cbdc1e525ad83c182622dd' }, h("div", { key: 'fa788a8d8ad21414a839b7a873d09cdb7872ec44', class: placeholderClasses })), h("atomic-result-section-badges", { key: '3c0ebd7f133c38c751ee81ea322282bcc6733660' }, h("div", { key: '9a75294ccb6b9995a031b17a6a6ccb32a92998fd', class: `badge ${placeholderClasses}` })), h("atomic-result-section-actions", { key: '898c4e23660935c16b503354f5a4b8039954ca48' }, h("div", { key: '02f9940361ed93f31a609fac644abdac0bf0b6b9', class: `action ${placeholderClasses}` })), h("atomic-result-section-title", { key: '89cfeaf62905be2d999685b9b7afb97af2fe48a7' }, h("div", { key: '374bcc0a90f55f55a3f41a83be226f665dfd83b7', class: `title ${placeholderClasses}` })), h("atomic-result-section-excerpt", { key: '64cfcc1043e6e0a81774e62cfd071a667671b593' }, this.renderExcerptLine('100%'), this.renderExcerptLine('95%'), this.renderExcerptLine('98%')), h("atomic-result-section-bottom-metadata", { key: '04613f930538dc5c287c35d2adc9ca45519a2507' }, h("div", { key: '3f9839736fbd1838bd8a12cd3ba32810206430a6', class: "fields-placeholder" }, Array.from({ length: 4 }, () => (h("div", { class: `field-value-placeholder ${placeholderClasses}` })))))));
     }
     static get style() { return AtomicResultPlaceholderStyle0; }
 }, [1, "atomic-result-placeholder", {

package/dist/atomic/components/atomic-result-table-placeholder2.js

@@ -18,7 +18,7 @@ const AtomicResultTablePlaceholder = /*@__PURE__*/ proxyCustomElement(class Atom
         return getItemDisplayClasses('table', this.density, this.imageSize);
     }
     render() {
-        return (h("table", { key: 'f92a208f806970fa2575f3072ee2ec3aac8360c0', class: `list-root animate-pulse ${this.getClasses().join(' ')}` }, h("thead", { key: '283a455dc3277faf9e7fb39cb661762e07336131' }, h("tr", { key: '0aa95c31a627de9ba8ab4e587714bf3c3052fc1b' }, h("th", { key: '8a64b6889420cfa778ba2c3ffdc6bf184a65a779' }, h("div", { key: '677f09154c5b51b0649ecbfd7dab5b4ea2b6d4ae', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '14.5rem' } })), h("th", { key: '18f23793b4d97315b8b809c2a0e055db3460c2c1' }, h("div", { key: '1c3b1133e64151e5e76de131c30e175686e1cc5e', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '9.75rem' } })), h("th", { key: '2a0b4d74ae876e8d7733c456596c931fb5c876c9' }, h("div", { key: '81cbf14dbed4bb38418295814ba61eda3192b88d', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '6.5rem' } })))), h("tbody", { key: '7ba59462f68a56b633bd71841f5e696121eeae8c' }, Array.from({ length: this.rows }, () => (h("tr", null, h("td", null, h("div", { class: `mb-6 h-8 ${placeholderClasses}`, style: { width: '22.875rem' } }), h("div", { class: `mb-2 h-5 ${placeholderClasses}`, style: { width: '23.75rem' } }), h("div", { class: `h-5 ${placeholderClasses}`, style: { width: '11.5rem' } })), h("td", null, h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '11rem' } })), h("td", null, h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '4.875rem' } }))))))));
+        return (h("table", { key: 'ed3f575082ec1c2a9927251e2b09d5c0f70d78b5', class: `list-root animate-pulse ${this.getClasses().join(' ')}` }, h("thead", { key: 'eaed97a7aadc3e76880b6f92b4ea7e99e82bc8db', "aria-hidden": "true" }, h("tr", { key: '904e042bc380d1ecad4dae1b19711e325b090f3b' }, h("th", { key: 'c6e0f34558ac9f9970b77f200ba2807e1ed77c27' }, h("div", { key: '21addd6241b4d0e94acb6593839e147f9b34f505', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '14.5rem' } })), h("th", { key: 'cedd03d8b316bab13b74defaa53449c1267a8452' }, h("div", { key: '647d298367fdbeda8e5d99edbe186781f7edf724', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '9.75rem' } })), h("th", { key: 'ceb12b35d77241c976665dc8842480a3d68e3387' }, h("div", { key: '8f2c70bd1f3df58f8361bba309ceca23d88ddae1', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '6.5rem' } })))), h("tbody", { key: 'fd3055adda17ec8d22cc06374220623e2906e53b' }, Array.from({ length: this.rows }, () => (h("tr", null, h("td", null, h("div", { class: `mb-6 h-8 ${placeholderClasses}`, style: { width: '22.875rem' } }), h("div", { class: `mb-2 h-5 ${placeholderClasses}`, style: { width: '23.75rem' } }), h("div", { class: `h-5 ${placeholderClasses}`, style: { width: '11.5rem' } })), h("td", null, h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '11rem' } })), h("td", null, h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '4.875rem' } }))))))));
     }
     static get style() { return AtomicResultTablePlaceholderStyle0; }
 }, [1, "atomic-result-table-placeholder", {

package/dist/atomic/components/atomic-result-table-placeholder2.js.map

@@ -1 +1 @@
-{"file":"atomic-result-table-placeholder2.js","mappings":";;;AAAA,MAAM,+BAA+B,GAAG,8g9EAA8g9E,CAAC;AACvj9E,2CAAe,+BAA+B;;ACM9C,MAAM,kBAAkB,GAAG,0BAA0B,CAAC;MAWzC,4BAA4B;;;;;;;;;IAK/B,UAAU;QAChB,OAAO,qBAAqB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;KACrE;IAEM,MAAM;QACX,QACE,8DAAO,KAAK,EAAE,2BAA2B,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IACpE,gEACE,6DACE,6DACE,4DACE,KAAK,EAAE,YAAY,kBAAkB,EAAE,EACvC,KAAK,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,GACpB,CACJ,EACL,6DACE,4DACE,KAAK,EAAE,YAAY,kBAAkB,EAAE,EACvC,KAAK,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,GACpB,CACJ,EACL,6DACE,4DACE,KAAK,EAAE,YAAY,kBAAkB,EAAE,EACvC,KAAK,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAC,GACnB,CACJ,CACF,CACC,EACR,gEACG,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAC,EAAE,OAC/B,cACE,cACE,WACE,KAAK,EAAE,YAAY,kBAAkB,EAAE,EACvC,KAAK,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,GACtB,EACP,WACE,KAAK,EAAE,YAAY,kBAAkB,EAAE,EACvC,KAAK,EAAE,EAAC,KAAK,EAAE,UAAU,EAAC,GACrB,EACP,WACE,KAAK,EAAE,OAAO,kBAAkB,EAAE,EAClC,KAAK,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,GACpB,CACJ,EACL,cACE,WACE,KAAK,EAAE,cAAc,kBAAkB,EAAE,EACzC,KAAK,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,GAClB,CACJ,EACL,cACE,WACE,KAAK,EAAE,cAAc,kBAAkB,EAAE,EACzC,KAAK,EAAE,EAAC,KAAK,EAAE,UAAU,EAAC,GACrB,CACJ,CACF,CACN,CAAC,CACI,CACF,EACR;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/search/atomic-result-table-placeholder/atomic-result-table-placeholder.pcss?tag=atomic-result-table-placeholder&encapsulation=shadow","src/components/search/atomic-result-table-placeholder/atomic-result-table-placeholder.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n@import '../../common/item-list/styles/mixins.pcss';\n\n:host {\n  display: grid;\n}\n\n.list-root.display-table {\n  @apply atomic-result-table border-neutral rounded-xl border;\n\n  thead tr,\n  tbody tr:not(:last-child) {\n    position: relative;\n\n    &::after {\n      content: ' ';\n      display: block;\n      position: absolute;\n      height: 1px;\n      bottom: 0;\n      left: var(--padding);\n      right: var(--padding);\n      @apply bg-neutral;\n    }\n  }\n\n  th,\n  td {\n    border-color: transparent;\n    border-radius: initial;\n  }\n\n  th {\n    background-color: transparent;\n  }\n}\n","import {Component, h, Prop} from '@stencil/core';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  getItemDisplayClasses,\n} from '../../common/layout/display-options';\n\nconst placeholderClasses = 'block bg-neutral rounded';\n\n/**\n * The `atomic-result-table-placeholder` component provides an intermediate visual state that is rendered before the first results are available.\n * @internal\n */\n@Component({\n  tag: 'atomic-result-table-placeholder',\n  styleUrl: 'atomic-result-table-placeholder.pcss',\n  shadow: true,\n})\nexport class AtomicResultTablePlaceholder {\n  @Prop() density!: ItemDisplayDensity;\n  @Prop() imageSize!: ItemDisplayImageSize;\n  @Prop() rows!: number;\n\n  private getClasses() {\n    return getItemDisplayClasses('table', this.density, this.imageSize);\n  }\n\n  public render() {\n    return (\n      <table class={`list-root animate-pulse ${this.getClasses().join(' ')}`}>\n        <thead>\n          <tr>\n            <th>\n              <div\n                class={`mt-2 h-8 ${placeholderClasses}`}\n                style={{width: '14.5rem'}}\n              ></div>\n            </th>\n            <th>\n              <div\n                class={`mt-2 h-8 ${placeholderClasses}`}\n                style={{width: '9.75rem'}}\n              ></div>\n            </th>\n            <th>\n              <div\n                class={`mt-2 h-8 ${placeholderClasses}`}\n                style={{width: '6.5rem'}}\n              ></div>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          {Array.from({length: this.rows}, () => (\n            <tr>\n              <td>\n                <div\n                  class={`mb-6 h-8 ${placeholderClasses}`}\n                  style={{width: '22.875rem'}}\n                ></div>\n                <div\n                  class={`mb-2 h-5 ${placeholderClasses}`}\n                  style={{width: '23.75rem'}}\n                ></div>\n                <div\n                  class={`h-5 ${placeholderClasses}`}\n                  style={{width: '11.5rem'}}\n                ></div>\n              </td>\n              <td>\n                <div\n                  class={`mt-1.5 h-5 ${placeholderClasses}`}\n                  style={{width: '11rem'}}\n                ></div>\n              </td>\n              <td>\n                <div\n                  class={`mt-1.5 h-5 ${placeholderClasses}`}\n                  style={{width: '4.875rem'}}\n                ></div>\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-result-table-placeholder2.js","mappings":";;;AAAA,MAAM,+BAA+B,GAAG,8g9EAA8g9E,CAAC;AACvj9E,2CAAe,+BAA+B;;ACM9C,MAAM,kBAAkB,GAAG,0BAA0B,CAAC;MAWzC,4BAA4B;;;;;;;;;IAK/B,UAAU;QAChB,OAAO,qBAAqB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;KACrE;IAEM,MAAM;QACX,QACE,8DAAO,KAAK,EAAE,2BAA2B,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IACpE,6EAAmB,MAAM,IACvB,6DACE,6DACE,4DACE,KAAK,EAAE,YAAY,kBAAkB,EAAE,EACvC,KAAK,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,GACpB,CACJ,EACL,6DACE,4DACE,KAAK,EAAE,YAAY,kBAAkB,EAAE,EACvC,KAAK,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,GACpB,CACJ,EACL,6DACE,4DACE,KAAK,EAAE,YAAY,kBAAkB,EAAE,EACvC,KAAK,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAC,GACnB,CACJ,CACF,CACC,EACR,gEACG,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAC,EAAE,OAC/B,cACE,cACE,WACE,KAAK,EAAE,YAAY,kBAAkB,EAAE,EACvC,KAAK,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,GACtB,EACP,WACE,KAAK,EAAE,YAAY,kBAAkB,EAAE,EACvC,KAAK,EAAE,EAAC,KAAK,EAAE,UAAU,EAAC,GACrB,EACP,WACE,KAAK,EAAE,OAAO,kBAAkB,EAAE,EAClC,KAAK,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,GACpB,CACJ,EACL,cACE,WACE,KAAK,EAAE,cAAc,kBAAkB,EAAE,EACzC,KAAK,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,GAClB,CACJ,EACL,cACE,WACE,KAAK,EAAE,cAAc,kBAAkB,EAAE,EACzC,KAAK,EAAE,EAAC,KAAK,EAAE,UAAU,EAAC,GACrB,CACJ,CACF,CACN,CAAC,CACI,CACF,EACR;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/search/atomic-result-table-placeholder/atomic-result-table-placeholder.pcss?tag=atomic-result-table-placeholder&encapsulation=shadow","src/components/search/atomic-result-table-placeholder/atomic-result-table-placeholder.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n@import '../../common/item-list/styles/mixins.pcss';\n\n:host {\n  display: grid;\n}\n\n.list-root.display-table {\n  @apply atomic-result-table border-neutral rounded-xl border;\n\n  thead tr,\n  tbody tr:not(:last-child) {\n    position: relative;\n\n    &::after {\n      content: ' ';\n      display: block;\n      position: absolute;\n      height: 1px;\n      bottom: 0;\n      left: var(--padding);\n      right: var(--padding);\n      @apply bg-neutral;\n    }\n  }\n\n  th,\n  td {\n    border-color: transparent;\n    border-radius: initial;\n  }\n\n  th {\n    background-color: transparent;\n  }\n}\n","import {Component, h, Prop} from '@stencil/core';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  getItemDisplayClasses,\n} from '../../common/layout/display-options';\n\nconst placeholderClasses = 'block bg-neutral rounded';\n\n/**\n * The `atomic-result-table-placeholder` component provides an intermediate visual state that is rendered before the first results are available.\n * @internal\n */\n@Component({\n  tag: 'atomic-result-table-placeholder',\n  styleUrl: 'atomic-result-table-placeholder.pcss',\n  shadow: true,\n})\nexport class AtomicResultTablePlaceholder {\n  @Prop() density!: ItemDisplayDensity;\n  @Prop() imageSize!: ItemDisplayImageSize;\n  @Prop() rows!: number;\n\n  private getClasses() {\n    return getItemDisplayClasses('table', this.density, this.imageSize);\n  }\n\n  public render() {\n    return (\n      <table class={`list-root animate-pulse ${this.getClasses().join(' ')}`}>\n        <thead aria-hidden=\"true\">\n          <tr>\n            <th>\n              <div\n                class={`mt-2 h-8 ${placeholderClasses}`}\n                style={{width: '14.5rem'}}\n              ></div>\n            </th>\n            <th>\n              <div\n                class={`mt-2 h-8 ${placeholderClasses}`}\n                style={{width: '9.75rem'}}\n              ></div>\n            </th>\n            <th>\n              <div\n                class={`mt-2 h-8 ${placeholderClasses}`}\n                style={{width: '6.5rem'}}\n              ></div>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          {Array.from({length: this.rows}, () => (\n            <tr>\n              <td>\n                <div\n                  class={`mb-6 h-8 ${placeholderClasses}`}\n                  style={{width: '22.875rem'}}\n                ></div>\n                <div\n                  class={`mb-2 h-5 ${placeholderClasses}`}\n                  style={{width: '23.75rem'}}\n                ></div>\n                <div\n                  class={`h-5 ${placeholderClasses}`}\n                  style={{width: '11.5rem'}}\n                ></div>\n              </td>\n              <td>\n                <div\n                  class={`mt-1.5 h-5 ${placeholderClasses}`}\n                  style={{width: '11rem'}}\n                ></div>\n              </td>\n              <td>\n                <div\n                  class={`mt-1.5 h-5 ${placeholderClasses}`}\n                  style={{width: '4.875rem'}}\n                ></div>\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-search-box-instant-results.js

@@ -172,7 +172,7 @@ const AtomicSearchBoxInstantResults$1 = /*@__PURE__*/ proxyCustomElement(class A
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: 'e1471cd50dd5174b2c2e80588b7b2ad076810e15', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: 'c458b821ec8f13321a674f00e6e5f8dfa50d2525', element: this.host, error: this.error }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-search-box-query-suggestions2.js

@@ -60,7 +60,7 @@ const AtomicSearchBoxQuerySuggestions = /*@__PURE__*/ proxyCustomElement(class A
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: '7fdb4afa7291ad70c37a9709fd7108f4fe0fb94d', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: 'c5e8f0a3254a31cdae54c36868f70432c1673888', element: this.host, error: this.error }));
         }
     }
     get host() { return this; }

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

@@ -435,14 +435,14 @@ const AtomicSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBox
         if (!this.suggestionManager.suggestions.length) {
             this.registerSearchboxSuggestionEvents();
         }
-        return (h(Host, { key: '382012077ac5fe02ac08358a3629073748aafbaf' }, this.renderAbsolutePositionSpacer(), [
-            h(SearchBoxWrapper, { key: '5e41ae93494bc4e9d72fe6a4868433112db215c3', disabled: isDisabled, onFocusout: (event) => {
+        return (h(Host, { key: '6a53ad9feb241283fd9bcb638b8f0f703691937a' }, this.renderAbsolutePositionSpacer(), [
+            h(SearchBoxWrapper, { key: 'c704424a22aa17ead0ca97f0104e336df2c57475', disabled: isDisabled, onFocusout: (event) => {
                     if (!isFocusingOut(event)) {
                         return;
                     }
                     this.suggestionManager.clearSuggestions();
                     this.isExpanded = false;
-                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: 'b9a7ad00f3e531993b3d70960b59ff49aeabb7ee', bindings: this.bindings, disabled: isDisabled, onClick: () => {
+                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: 'ee7fc79825b31c970bad13d6568e0a91b01ff60e', bindings: this.bindings, disabled: isDisabled, onClick: () => {
                     this.searchBox.submit();
                     this.suggestionManager.clearSuggestions();
                 } }), this.renderSuggestions()),

package/dist/atomic/components/atomic-smart-snippet-answer2.js

@@ -89,7 +89,7 @@ const AtomicSmartSnippetAnswer = /*@__PURE__*/ proxyCustomElement(class AtomicSm
             }), ref: (element) => element && this.bindAnalyticsToLinks(element), part: "answer", class: "margin" })));
     }
     render() {
-        return (h(Host, { key: '8486943a3aef7c670b6aaaaf2adc99b7408538d2' }, this.renderStyle(), this.renderContent()));
+        return (h(Host, { key: '70444fee1d3384fa1a413605776003ec98eafdcf' }, this.renderStyle(), this.renderContent()));
     }
     get host() { return this; }
     static get style() { return AtomicSmartSnippetAnswerStyle0; }

package/dist/atomic/components/atomic-smart-snippet-collapse-wrapper2.js

@@ -56,11 +56,11 @@ const AtomicSmartSnippetCollapseWrapper = /*@__PURE__*/ proxyCustomElement(class
         return (h("button", { onClick: () => (this.isExpanded = !this.isExpanded), class: "text-primary mb-4 hover:underline", part: this.isExpanded ? 'show-less-button' : 'show-more-button' }, this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more'), h("atomic-icon", { icon: ArrowDown, class: "ml-2 w-3 align-baseline" })));
     }
     render() {
-        return (h(Host, { key: 'd0d27aef50cb43927fee9d1c85fc738649d7e808', class: this.fullHeight || !this.shouldRenderButton
+        return (h(Host, { key: 'f54077986855f352d54274719926b720d67666f4', class: this.fullHeight || !this.shouldRenderButton
                 ? this.isExpanded
                     ? 'expanded'
                     : ''
-                : 'invisible' }, h("div", { key: '86558fb96f6483ce6a188ce5c6831fd793bb87bb', part: "smart-snippet-collapse-wrapper", class: "block overflow-hidden" }, h("slot", { key: 'bcf00155844052da320e6e6e6e09c81e0c5dcd23' })), this.shouldRenderButton && this.renderButton()));
+                : 'invisible' }, h("div", { key: '50da7008c14259a00157127af608164375ac6fee', part: "smart-snippet-collapse-wrapper", class: "block overflow-hidden" }, h("slot", { key: 'c6e9c1299180b61315c6727ff44f594b55d73843' })), this.shouldRenderButton && this.renderButton()));
     }
     get host() { return this; }
     static get style() { return AtomicSmartSnippetCollapseWrapperStyle0; }

package/dist/atomic/components/atomic-smart-snippet-expandable-answer2.js

@@ -87,7 +87,7 @@ const AtomicSmartSnippetExpandableAnswer = /*@__PURE__*/ proxyCustomElement(clas
         return (h("button", { onClick: () => this.isExpanded ? this.collapse.emit() : this.expand.emit(), class: "text-primary mb-4 hover:underline", part: this.isExpanded ? 'show-less-button' : 'show-more-button' }, this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more'), h("atomic-icon", { icon: ArrowDown, class: "ml-2 w-3 align-baseline" })));
     }
     render() {
-        return (h("div", { key: '33e4b681dda67f25f3fc0d067b75abcf3092c39b', class: this.isExpanded ? 'expanded' : '' }, this.renderAnswer(), this.renderButton()));
+        return (h("div", { key: '19443f9310f0a6705f7f55eb74f7383ae7ff98bf', class: this.isExpanded ? 'expanded' : '' }, this.renderAnswer(), this.renderButton()));
     }
     get host() { return this; }
     static get watchers() { return {

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

@@ -43,9 +43,9 @@ const AtomicSmartSnippetFeedbackModal = /*@__PURE__*/ proxyCustomElement(class A
     }
     render() {
         updateBreakpoints(this.host);
-        return (h("atomic-modal", { key: '7873f12c4d080d167e19c74e3e3d24e989084fbb', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: 'edf6c6e1462f60f000f4d008d02d59b4f1b50da6', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: '4060681aecb0f2ad490c0cd7556bfd599161343d', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '3c57663d59c5978fbee4d2b24866d43ead6c1497', 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: '00de4d288b7a720b9744788a153d1255d11060f7', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: '3c4f76f84e76a579133e2694d847020655baee6e', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: 'bd868cbb9869db40b51a8316e5ea05fc696c30d2', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '9ae335b9f91f61edc868aabdacfe91e91611dd1b', 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: 'b01ff181e25692d9a174e9cbf374e4aba8a38df7', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: 'e8168c3f2f45687cadec47c6fdf3b89de5c086dc', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
+            } })))), h(SmartSnippetFeedbackModalDetails, { key: 'e55cf874da94c3987016981ca559c7da8fd36e61', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: '6391da526340901c3abfb23346b0d86d9f584068', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
     }
     close() {
         this.isOpen = false;

package/dist/atomic/components/atomic-smart-snippet-source2.js

@@ -33,7 +33,7 @@ const AtomicSmartSnippetSource = /*@__PURE__*/ proxyCustomElement(class AtomicSm
         }
     }
     render() {
-        return (h(Host, { key: 'fde65011dc467182998507feed4f49c9142450b5' }, h(LinkWithItemAnalytics, { key: '9ae297e97efc52be7b904d3aaffbb0c8b47b83c9', title: this.source.clickUri, href: this.source.clickUri, className: "block truncate", part: "source-url", attributes: this.anchorAttributes, onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, this.source.clickUri), h(LinkWithItemAnalytics, { key: 'ecfafbf8f8ec31572728d3f64d8139731d524c70', title: this.source.title, href: this.source.clickUri, attributes: this.anchorAttributes, className: "block", part: "source-title", onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, h("atomic-result-text", { field: "title", default: "no-title", key: this.source.uniqueId }))));
+        return (h(Host, { key: '01141ee8feb5120848bdd8932943a34c4cc39314' }, h(LinkWithItemAnalytics, { key: '824f2a0b8166ff4f785c2c03e68e4a8e57f96df8', title: this.source.clickUri, href: this.source.clickUri, className: "block truncate", part: "source-url", attributes: this.anchorAttributes, onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, this.source.clickUri), h(LinkWithItemAnalytics, { key: '509f68c6ccc999f50522cfc7c24e6ee90e0974f2', title: this.source.title, href: this.source.clickUri, attributes: this.anchorAttributes, className: "block", part: "source-title", onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, h("atomic-result-text", { field: "title", default: "no-title", key: this.source.uniqueId }))));
     }
 }, [0, "atomic-smart-snippet-source", {
         "source": [1040],

package/dist/atomic/components/atomic-sort-dropdown.js

@@ -117,8 +117,8 @@ const AtomicSortDropdown$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSortDr
         const { hasError, hasResults, firstSearchExecuted } = this.searchStatusState;
         const { bindings: { i18n }, id, } = this;
         return [
-            h(SortGuard, { key: 'c14d93cfa2d9e670f7695cfd1af4cf737311f11e', firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: hasResults }, h(SortContainer, { key: '500c808e2989e6d5426140821d86d4e15cd6bf59' }, h(SortLabel, { key: '803c794be2f089df9453802d1bbb5968be65abd6', i18n: i18n, id: id }), h(SortSelect, { key: '1deba64980b3a927b77ad9c558144681f92bac8e', i18n: i18n, id: id, onSelect: (evt) => this.select(evt) }, this.options.map(({ label, criteria, expression }) => (h(SortOption, { i18n: i18n, label: label, selected: this.sort.isSortedBy(criteria), value: expression })))))),
-            h("slot", { key: 'e238e6a9339f38c5c36665ebd787e43d4c5e011e' }),
+            h(SortGuard, { key: '66f0c9de176fd2c9cb547d369f10fa3416d9a5fd', firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: hasResults }, h(SortContainer, { key: '5b3008b4f26abdeee78d2cd964d137f8001ad251' }, h(SortLabel, { key: '3f94d35e35aba4ec3f98711e33464327ba491174', i18n: i18n, id: id }), h(SortSelect, { key: '2c905601b8771fef1b74855608f4d28ece6bf662', i18n: i18n, id: id, onSelect: (evt) => this.select(evt) }, this.options.map(({ label, criteria, expression }) => (h(SortOption, { i18n: i18n, label: label, selected: this.sort.isSortedBy(criteria), value: expression })))))),
+            h("slot", { key: '6f21e177b858af29840e03dcfe0c3e932753b3a0' }),
         ];
     }
     get host() { return this; }

package/dist/atomic/components/atomic-sort-expression.js

@@ -47,7 +47,7 @@ const AtomicSortExpression$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSort
         const dropdownComponent = 'atomic-sort-dropdown';
         if (!this.host.closest(dropdownComponent)) {
             const error = new Error(`The "${this.host.nodeName.toLowerCase()}" component has to be used inside an ${dropdownComponent} element.`);
-            return (h("atomic-component-error", { key: '2e02e5bfb81dbf81e48bf860248f6252d9b611f1', element: this.host, error: error }));
+            return (h("atomic-component-error", { key: '3b2db477a74789f11e9423b37104e5c27e30e61f', element: this.host, error: error }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-stencil-facet-date-input.js

@@ -66,13 +66,13 @@ const FacetDateInput = /*@__PURE__*/ proxyCustomElement(class FacetDateInput ext
         // Fallback for Safari < 14.1, date with format yyyy-mm-dd over 1400 (API limit)
         const pattern = '^(1[4-9]\\d{2}|2\\d{3})-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$';
         const range = this.rangeGetter();
-        return (h("form", { key: 'a6dac71a63ec89c9d2db4a2193c314457e7259e3', class: "mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2", onSubmit: (e) => {
+        return (h("form", { key: '60acc60ec8b30e3eaa4d0e2e1426732925ff352c', class: "mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2", onSubmit: (e) => {
                 e.preventDefault();
                 this.apply();
                 return false;
-            } }, h("label", { key: '0245d6a038e4c839d6589fdef9605c8d0cd89266', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_start` }, startLabel, ":"), h("input", { key: 'f1d063272bb432fe5f3d1d0868df4a11f0d9cb5e', id: `${this.facetId}_start`, part: "input-start", type: "date", ref: (ref) => (this.startRef = ref), class: inputClasses, "aria-label": startAria, placeholder: placeholder, pattern: pattern, required: true,
+            } }, h("label", { key: 'a43bd6b7f3ae352a7592e9de3390e5b8e180cb29', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_start` }, startLabel, ":"), h("input", { key: '7908bdd17fb8d035d2b75ab02417b13cd1516bd2', id: `${this.facetId}_start`, part: "input-start", type: "date", ref: (ref) => (this.startRef = ref), class: inputClasses, "aria-label": startAria, placeholder: placeholder, pattern: pattern, required: true,
             // API/Index minimum supported date
-            min: this.min || this.formattedDateValue('1401-01-01'), max: this.end ? this.formattedDateValue(this.end) : this.max, value: this.formattedDateValue(range?.start), onInput: (e) => (this.start = parseDate(e.target.value).toDate()) }), h("label", { key: 'e99a0845acd01318f12fab4a0769071ea2cb0a22', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_end` }, endLabel, ":"), h("input", { key: '184d0c3a6517439f943709b5d27936ab8f3fb0f7', id: `${this.facetId}_end`, part: "input-end", type: "date", ref: (ref) => (this.endRef = ref), class: inputClasses, "aria-label": endAria, placeholder: placeholder, pattern: pattern, required: true, min: this.formattedDateValue(this.start) || this.min, max: this.max, value: this.formattedDateValue(range?.end), onInput: (e) => (this.end = parseDate(e.target.value).toDate()) }), h(Button, { key: '7ac776c5c63e63a141ab9d89d493ba1d50fec2eb', style: "outline-primary", type: "submit", part: "input-apply-button", class: "col-span-2 truncate p-2.5", ariaLabel: applyAria, text: apply })));
+            min: this.min || this.formattedDateValue('1401-01-01'), max: this.end ? this.formattedDateValue(this.end) : this.max, value: this.formattedDateValue(range?.start), onInput: (e) => (this.start = parseDate(e.target.value).toDate()) }), h("label", { key: 'd5d35be72e99ae7488fae004a61682d597ab7d7f', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_end` }, endLabel, ":"), h("input", { key: 'b6b30c327c78cecef22c0b6eeec8cbf29b1d711a', id: `${this.facetId}_end`, part: "input-end", type: "date", ref: (ref) => (this.endRef = ref), class: inputClasses, "aria-label": endAria, placeholder: placeholder, pattern: pattern, required: true, min: this.formattedDateValue(this.start) || this.min, max: this.max, value: this.formattedDateValue(range?.end), onInput: (e) => (this.end = parseDate(e.target.value).toDate()) }), h(Button, { key: 'd0b34163e43a90cf982155bf7eeb315212c9e1d2', style: "outline-primary", type: "submit", part: "input-apply-button", class: "col-span-2 truncate p-2.5", ariaLabel: applyAria, text: apply })));
     }
 }, [0, "atomic-stencil-facet-date-input", {
         "bindings": [16],

package/dist/atomic/components/atomic-suggestion-renderer2.js

@@ -80,7 +80,7 @@ const AtomicSuggestionRenderer = /*@__PURE__*/ proxyCustomElement(class AtomicSu
     }
     render() {
         const isButton = !!(this.suggestion.onSelect || this.suggestion.query);
-        return (h(Host, { key: '7dffaca3c750d3d48a18b9c068cfd0d03b9604f8', class: "contents" }, isButton ? (h("button", { id: this.id, key: this.suggestion.key, part: this.parts, class: this.classes, onMouseDown: (e) => e.preventDefault(), onClick: (e) => this.onClick?.(e), onMouseOver: (e) => this.onMouseOver?.(e), "data-query": this.suggestion.query, "aria-label": this.ariaLabel(isButton), ref: (el) => {
+        return (h(Host, { key: 'c332ae13efeac08cbbad4bdb4d86f15f3400ea60', class: "contents" }, isButton ? (h("button", { id: this.id, key: this.suggestion.key, part: this.parts, class: this.classes, onMouseDown: (e) => e.preventDefault(), onClick: (e) => this.onClick?.(e), onMouseOver: (e) => this.onMouseOver?.(e), "data-query": this.suggestion.query, "aria-label": this.ariaLabel(isButton), ref: (el) => {
                 if (!el) {
                     return;
                 }

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

@@ -59,7 +59,7 @@ const AtomicTabManager$1 = /*@__PURE__*/ proxyCustomElement(class AtomicTabManag
         });
     }
     render() {
-        return (h(Host, { key: '57779e4e975815db10015e7c436b487634faa840' }, h("atomic-tab-bar", { key: 'f589269687a6baa6acbfaada3c33fc302c5d692d' }, h("div", { key: '565fd20d06b9942645a39ea132baa4d3a4610fb0', role: "list", "aria-label": "tab-area", part: "tab-area", class: "border-neutral mb-2 flex w-full flex-row border-b" }, this.tabs.map((tab) => (h("atomic-tab-button", { active: this.tabManagerState.activeTab === tab.name, label: this.bindings.i18n.t(tab.label, {
+        return (h(Host, { key: '27146d7b30649023d531940c241945eb1a4be93b' }, h("atomic-tab-bar", { key: '1ea07a1c12b057e37082e742737e5309f47ea361' }, h("div", { key: 'f4a8ad72b65f96abe2cae88a81485b941ca07c2c', role: "list", "aria-label": "tab-area", part: "tab-area", class: "border-neutral mb-2 flex w-full flex-row border-b" }, this.tabs.map((tab) => (h("atomic-tab-button", { active: this.tabManagerState.activeTab === tab.name, label: this.bindings.i18n.t(tab.label, {
                 defaultValue: tab.label,
             }), select: () => {
                 if (!tab.tabController.state.isActive) {

package/dist/atomic/components/components/commerce/atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.js

@@ -77,7 +77,6 @@ let AtomicCommerceFacetNumberInput = class AtomicCommerceFacetNumberInput extend
           ${minText}
         </label>
         <input
-          role="textbox"
           part="input-start"
           id="${facetId}_start"
           type="number"

package/dist/atomic/components/components/commerce/atomic-product/atomic-product.js

@@ -8,7 +8,8 @@ import { html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { ref } from 'lit/directives/ref.js';
 import { resultComponentClass, } from "../../common/item-list/item-list-common";
-import { ItemLayout, } from "../../common/layout/display-options";
+import { CustomRenderController } from "../../common/layout/custom-render-controller";
+import { ItemLayoutController } from "../../common/layout/item-layout-controller";
 import { booleanConverter } from "../../../converters/boolean-converter";
 import { withTailwindStyles } from "../../../decorators/with-tailwind-styles";
 import { ChildrenUpdateCompleteMixin } from "../../../mixins/children-update-complete-mixin";
@@ -20,7 +21,6 @@ import styles from './atomic-product.tw.css';
 let AtomicProduct = class AtomicProduct extends ChildrenUpdateCompleteMixin(LitElement) {
     constructor() {
         super(...arguments);
-        this.executedRenderingFunctionOnce = false;
         /**
          * The product link to use when the product is clicked in a grid layout.
          *
@@ -84,11 +84,26 @@ let AtomicProduct = class AtomicProduct extends ChildrenUpdateCompleteMixin(LitE
     }
     async connectedCallback() {
         super.connectedCallback();
-        if (!this.content) {
-            console.warn('AtomicProduct: content property is undefined. Cannot create layout.', this);
-            return;
-        }
-        this.layout = new ItemLayout(this.content.children, this.display, this.density, this.imageSize);
+        new CustomRenderController(this, {
+            renderingFunction: () => this.renderingFunction,
+            itemData: () => this.product,
+            rootElementRef: () => this.productRootRef,
+            linkContainerRef: () => this.linkContainerRef,
+            onRenderComplete: (element, output) => {
+                this.itemLayoutController.applyLayoutClassesToElement(element, output);
+            },
+        });
+        this.itemLayoutController = new ItemLayoutController(this, {
+            elementPrefix: 'atomic-product',
+            renderingFunction: () => this.renderingFunction,
+            content: () => this.content,
+            layoutConfig: () => ({
+                display: this.display,
+                density: this.density,
+                imageSize: this.imageSize,
+            }),
+            itemClasses: () => this.classes,
+        });
         this.addEventListener('atomic/resolveResult', this.resolveProduct);
         this.addEventListener('atomic/resolveInteractiveResult', this.resolveInteractiveProduct);
         this.addEventListener('atomic/resolveStopPropagation', this.resolveStopPropagation);
@@ -105,12 +120,9 @@ let AtomicProduct = class AtomicProduct extends ChildrenUpdateCompleteMixin(LitE
         this.removeEventListener('atomic/resolveResultDisplayConfig', this.resolveProductDisplayConfig);
         this.removeEventListener('click', this.handleClick);
     }
-    get isCustomRenderFunctionMode() {
-        return this.renderingFunction !== undefined;
-    }
     getContentHTML() {
         if (!this.content) {
-            console.warn('AtomicProduct: content property is undefined. Cannot get content HTML.', this);
+            console.warn('atomic-product: content property is undefined. Cannot get content HTML.', this);
             return '';
         }
         return parentNodeToString(this.content);
@@ -118,13 +130,8 @@ let AtomicProduct = class AtomicProduct extends ChildrenUpdateCompleteMixin(LitE
     getLinkHTML() {
         return parentNodeToString(this.linkContent ?? new HTMLElement());
     }
-    shouldExecuteRenderFunction() {
-        return (this.isCustomRenderFunctionMode &&
-            this.productRootRef &&
-            !this.executedRenderingFunctionOnce);
-    }
     render() {
-        if (this.isCustomRenderFunctionMode) {
+        if (this.renderingFunction !== undefined) {
             return html `
         <div class=${resultComponentClass}>
           <div
@@ -143,16 +150,13 @@ let AtomicProduct = class AtomicProduct extends ChildrenUpdateCompleteMixin(LitE
       `;
         }
         // Handle case where content is undefined and layout was not created
-        if (!this.layout) {
+        if (!this.itemLayoutController.getLayout()) {
             return html `<div class=${resultComponentClass}></div>`;
         }
         return html `
       <div class=${resultComponentClass}>
         <div
-          class="result-root ${this.layout
-            .getClasses()
-            .concat(this.classes)
-            .join(' ')}"
+          class="result-root ${this.itemLayoutController.getCombinedClasses().join(' ')}"
           .innerHTML=${this.getContentHTML()}
         ></div>
         <div class="link-container" .innerHTML=${this.getLinkHTML()}></div>
@@ -164,42 +168,6 @@ let AtomicProduct = class AtomicProduct extends ChildrenUpdateCompleteMixin(LitE
             this.store.unsetLoadingFlag(this.loadingFlag);
         }
     }
-    getCombinedClasses(additionalContent) {
-        const layoutClasses = this.layout
-            ? this.layout.getClasses(additionalContent)
-            : [];
-        const extraClasses = this.classes.split(/\s+/).filter((c) => c);
-        return [...layoutClasses, ...extraClasses];
-    }
-    applyClassesToChildren() {
-        if (!this.layout) {
-            return;
-        }
-        const classes = this.getCombinedClasses();
-        const root = this.shadowRoot?.querySelector('.result-root');
-        if (!root) {
-            return;
-        }
-        root.querySelectorAll('*').forEach((el) => {
-            const tag = el.tagName.toLowerCase();
-            if (tag.startsWith('atomic-product-')) {
-                el.classList.add(...classes);
-            }
-        });
-    }
-    updated(_changedProperties) {
-        if (this.shouldExecuteRenderFunction()) {
-            const customRenderOutputAsString = this.renderingFunction(this.product, this.productRootRef, this.linkContainerRef);
-            if (this.layout) {
-                const classes = this.getCombinedClasses(customRenderOutputAsString);
-                this.productRootRef.classList.add(...classes);
-            }
-            this.executedRenderingFunctionOnce = true;
-        }
-        if (!this.isCustomRenderFunctionMode) {
-            this.applyClassesToChildren();
-        }
-    }
 };
 AtomicProduct.styles = styles;
 __decorate([

package/dist/atomic/components/components/common/layout/custom-render-controller.js

@@ -0,0 +1,37 @@
+/**
+ * A reactive controller that manages custom rendering function execution for item components.
+ */
+export class CustomRenderController {
+    constructor(host, options) {
+        this.hasExecutedRenderFunction = false;
+        this.options = {
+            linkContainerRef: () => undefined,
+            onRenderComplete: () => { },
+            ...options,
+        };
+        host.addController(this);
+    }
+    hostConnected() {
+        this.resetRenderState();
+    }
+    hostUpdated() {
+        this.executeRenderFunction();
+    }
+    resetRenderState() {
+        this.hasExecutedRenderFunction = false;
+    }
+    executeRenderFunction() {
+        const renderingFunction = this.options.renderingFunction();
+        const itemData = this.options.itemData();
+        const rootElementRef = this.options.rootElementRef();
+        if (!renderingFunction ||
+            !itemData ||
+            !rootElementRef ||
+            this.hasExecutedRenderFunction) {
+            return;
+        }
+        const customRenderOutput = renderingFunction(itemData, rootElementRef, this.options.linkContainerRef());
+        this.options.onRenderComplete(rootElementRef, customRenderOutput);
+        this.hasExecutedRenderFunction = true;
+    }
+}

package/dist/atomic/components/components/common/layout/item-layout-controller.js

@@ -0,0 +1,103 @@
+import { ItemLayout, } from './display-options';
+/**
+ * A reactive controller that manages layout creation and class application for item components.
+ */
+export class ItemLayoutController {
+    constructor(host, options) {
+        this.layoutInstance = null;
+        this.host = host;
+        this.options = {
+            ...options,
+        };
+        host.addController(this);
+    }
+    hostConnected() {
+        this.createLayout();
+    }
+    hostUpdated() {
+        this.applyLayoutClasses();
+    }
+    /**
+     * Gets the current layout instance
+     */
+    getLayout() {
+        return this.layoutInstance;
+    }
+    /**
+     * Gets combined layout and extra classes
+     */
+    getCombinedClasses(additionalContent) {
+        const layout = this.getLayout();
+        const layoutClasses = layout ? layout.getClasses(additionalContent) : [];
+        const itemClasses = this.options
+            .itemClasses()
+            .split(/\s+/)
+            .filter((c) => c);
+        return [...layoutClasses, ...itemClasses];
+    }
+    /**
+     * Applies layout classes to a specific element (useful for custom rendering)
+     */
+    applyLayoutClassesToElement(element, additionalContent) {
+        const layout = this.getLayout();
+        if (!layout) {
+            return;
+        }
+        const classes = this.getCombinedClasses(additionalContent);
+        if (classes.length > 0) {
+            element.classList.add(...classes);
+        }
+    }
+    applyLayoutClasses() {
+        const layout = this.getLayout();
+        if (!layout) {
+            return;
+        }
+        const classes = this.getCombinedClasses();
+        const root = this.host.shadowRoot?.querySelector('.result-root');
+        if (!root || classes.length === 0) {
+            return;
+        }
+        if (this.hasCustomRenderFunction()) {
+            this.observeAndApplyClasses(root, classes);
+        }
+        else {
+            this.addClassesToElements(root, classes);
+        }
+    }
+    createLayout() {
+        const content = this.options.content();
+        if (!content) {
+            console.warn(`${this.options.elementPrefix}: content property is undefined. Cannot create layout.`, this.host);
+            this.layoutInstance = null;
+            return;
+        }
+        const config = this.options.layoutConfig();
+        this.layoutInstance = new ItemLayout(content.children, config.display, config.density, config.imageSize);
+    }
+    hasCustomRenderFunction() {
+        return this.options.renderingFunction() !== undefined;
+    }
+    addClassesToElements(root, classes) {
+        if (classes.length === 0) {
+            return;
+        }
+        const elements = root.querySelectorAll('*');
+        elements.forEach((element) => {
+            const tagName = element.tagName.toLowerCase();
+            if (tagName.startsWith(`${this.options.elementPrefix}-`)) {
+                element.classList.add(...classes);
+            }
+        });
+    }
+    observeAndApplyClasses(root, classes) {
+        const observer = new MutationObserver((mutations) => {
+            const hasNewElements = mutations.some((mutation) => mutation.type === 'childList' && mutation.addedNodes.length > 0);
+            if (hasNewElements) {
+                this.addClassesToElements(root, classes);
+                observer.disconnect();
+            }
+        });
+        observer.observe(root, { childList: true, subtree: true });
+    }
+}

package/dist/atomic/components/components/insight/index.js

@@ -1,2 +1 @@
-// Auto-generated file
-export { AtomicInsightInterface } from './atomic-insight-interface/atomic-insight-interface.js';
+export {};