@coveo/atomic-angular 3.7.8-pre.fbe332fd49 → 3.7.9-pre.00dc0c9faa

package/fesm2022/coveo-atomic-angular.mjs

@@ -4,10 +4,31 @@ import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component, APP_INITIALIZER, NgModule } from '@angular/core';
 import { __decorate } from 'tslib';
 import { fromEvent } from 'rxjs';
-import { defineCustomElementAtomicAutomaticFacet, defineCustomElementAtomicAutomaticFacetGenerator, defineCustomElementAtomicBreadbox, defineCustomElementAtomicCategoryFacet, defineCustomElementAtomicCitation, defineCustomElementAtomicColorFacet, defineCustomElementAtomicDidYouMean, defineCustomElementAtomicExternal, defineCustomElementAtomicFacet, defineCustomElementAtomicFacetManager, defineCustomElementAtomicFieldCondition, defineCustomElementAtomicFoldedResultList, defineCustomElementAtomicFormatCurrency, defineCustomElementAtomicFormatNumber, defineCustomElementAtomicFormatUnit, defineCustomElementAtomicGeneratedAnswer, defineCustomElementAtomicGeneratedAnswerFeedbackModal, defineCustomElementAtomicHtml, defineCustomElementAtomicInsightInterface, defineCustomElementAtomicInsightUserActionsTimeline, defineCustomElementAtomicInsightUserActionsToggle, defineCustomElementAtomicLoadMoreResults, defineCustomElementAtomicNoResults, defineCustomElementAtomicNotifications, defineCustomElementAtomicNumericFacet, defineCustomElementAtomicNumericRange, defineCustomElementAtomicPopover, defineCustomElementAtomicQueryError, defineCustomElementAtomicQuickview, defineCustomElementAtomicQuickviewModal, defineCustomElementAtomicRatingFacet, defineCustomElementAtomicRatingRangeFacet, defineCustomElementAtomicRecsError, defineCustomElementAtomicRecsInterface, defineCustomElementAtomicRecsList, defineCustomElementAtomicRecsResult, defineCustomElementAtomicRecsResultTemplate, defineCustomElementAtomicRefineModal, defineCustomElementAtomicRefineToggle, defineCustomElementAtomicRelevanceInspector, defineCustomElementAtomicResult, defineCustomElementAtomicResultBadge, defineCustomElementAtomicResultChildren, defineCustomElementAtomicResultChildrenTemplate, defineCustomElementAtomicResultDate, defineCustomElementAtomicResultFieldsList, defineCustomElementAtomicResultHtml, defineCustomElementAtomicResultIcon, defineCustomElementAtomicResultImage, defineCustomElementAtomicResultLink, defineCustomElementAtomicResultList, defineCustomElementAtomicResultLocalizedText, defineCustomElementAtomicResultMultiValueText, defineCustomElementAtomicResultNumber, defineCustomElementAtomicResultPrintableUri, defineCustomElementAtomicResultRating, defineCustomElementAtomicResultSectionActions, defineCustomElementAtomicResultSectionBadges, defineCustomElementAtomicResultSectionBottomMetadata, defineCustomElementAtomicResultSectionChildren, defineCustomElementAtomicResultSectionEmphasized, defineCustomElementAtomicResultSectionExcerpt, defineCustomElementAtomicResultSectionTitle, defineCustomElementAtomicResultSectionTitleMetadata, defineCustomElementAtomicResultSectionVisual, defineCustomElementAtomicResultTemplate, defineCustomElementAtomicResultText, defineCustomElementAtomicResultTimespan, defineCustomElementAtomicSearchBox, defineCustomElementAtomicSearchBoxInstantResults, defineCustomElementAtomicSearchBoxQuerySuggestions, defineCustomElementAtomicSearchBoxRecentQueries, defineCustomElementAtomicSearchInterface, defineCustomElementAtomicSegmentedFacet, defineCustomElementAtomicSegmentedFacetScrollable, defineCustomElementAtomicSmartSnippet, defineCustomElementAtomicSmartSnippetFeedbackModal, defineCustomElementAtomicSmartSnippetSuggestions, defineCustomElementAtomicSortDropdown, defineCustomElementAtomicSortExpression, defineCustomElementAtomicTab, defineCustomElementAtomicTabManager, defineCustomElementAtomicTableElement, defineCustomElementAtomicText, defineCustomElementAtomicTimeframe, defineCustomElementAtomicTimeframeFacet, AtomicCommerceBreadbox as AtomicCommerceBreadbox$1, AtomicCommerceCategoryFacet as AtomicCommerceCategoryFacet$1, AtomicCommerceDidYouMean as AtomicCommerceDidYouMean$1, AtomicCommerceFacet as AtomicCommerceFacet$1, AtomicCommerceFacets as AtomicCommerceFacets$1, AtomicCommerceInterface as AtomicCommerceInterface$1, AtomicCommerceLayout as AtomicCommerceLayout$1, AtomicCommerceLoadMoreProducts as AtomicCommerceLoadMoreProducts$1, AtomicCommerceNoProducts as AtomicCommerceNoProducts$1, AtomicCommerceNumericFacet as AtomicCommerceNumericFacet$1, AtomicCommercePager as AtomicCommercePager$1, AtomicCommerceProductList as AtomicCommerceProductList$1, AtomicCommerceProductsPerPage as AtomicCommerceProductsPerPage$1, AtomicCommerceQueryError as AtomicCommerceQueryError$1, AtomicCommerceQuerySummary as AtomicCommerceQuerySummary$1, AtomicCommerceRecommendationInterface as AtomicCommerceRecommendationInterface$1, AtomicCommerceRecommendationList as AtomicCommerceRecommendationList$1, AtomicCommerceRefineModal as AtomicCommerceRefineModal$1, AtomicCommerceRefineToggle as AtomicCommerceRefineToggle$1, AtomicCommerceSearchBoxInstantProducts as AtomicCommerceSearchBoxInstantProducts$1, AtomicCommerceSearchBoxQuerySuggestions as AtomicCommerceSearchBoxQuerySuggestions$1, AtomicCommerceSearchBoxRecentQueries as AtomicCommerceSearchBoxRecentQueries$1, AtomicCommerceSearchBox as AtomicCommerceSearchBox$1, AtomicCommerceSortDropdown as AtomicCommerceSortDropdown$1, AtomicCommerceText as AtomicCommerceText$1, AtomicCommerceTimeframeFacet as AtomicCommerceTimeframeFacet$1, AtomicProductChildren as AtomicProductChildren$1, AtomicProductDescription as AtomicProductDescription$1, AtomicProductExcerpt as AtomicProductExcerpt$1, AtomicProductFieldCondition as AtomicProductFieldCondition$1, AtomicProductImage as AtomicProductImage$1, AtomicProductLink as AtomicProductLink$1, AtomicProductMultiValueText as AtomicProductMultiValueText$1, AtomicProductNumericFieldValue as AtomicProductNumericFieldValue$1, AtomicProductPrice as AtomicProductPrice$1, AtomicProductRating as AtomicProductRating$1, AtomicProductSectionActions as AtomicProductSectionActions$1, AtomicProductSectionBadges as AtomicProductSectionBadges$1, AtomicProductSectionBottomMetadata as AtomicProductSectionBottomMetadata$1, AtomicProductSectionChildren as AtomicProductSectionChildren$1, AtomicProductSectionDescription as AtomicProductSectionDescription$1, AtomicProductSectionEmphasized as AtomicProductSectionEmphasized$1, AtomicProductSectionMetadata as AtomicProductSectionMetadata$1, AtomicProductSectionName as AtomicProductSectionName$1, AtomicProductSectionVisual as AtomicProductSectionVisual$1, AtomicProductTemplate as AtomicProductTemplate$1, AtomicProductText as AtomicProductText$1, AtomicProduct as AtomicProduct$1, AtomicAriaLive as AtomicAriaLive$1, AtomicComponentError as AtomicComponentError$1, AtomicIcon as AtomicIcon$1, AtomicLayoutSection as AtomicLayoutSection$1, AtomicPager as AtomicPager$1, AtomicQuerySummary as AtomicQuerySummary$1, AtomicResultsPerPage as AtomicResultsPerPage$1, AtomicSearchLayout as AtomicSearchLayout$1 } from '@coveo/atomic/components';
+import customElementsManifest from '@coveo/atomic/custom-elements-manifest';
+import { defineCustomElementAtomicAutomaticFacet, defineCustomElementAtomicAutomaticFacetGenerator, defineCustomElementAtomicBreadbox, defineCustomElementAtomicCategoryFacet, defineCustomElementAtomicCitation, defineCustomElementAtomicColorFacet, defineCustomElementAtomicDidYouMean, defineCustomElementAtomicExternal, defineCustomElementAtomicFacet, defineCustomElementAtomicFacetManager, defineCustomElementAtomicFieldCondition, defineCustomElementAtomicFoldedResultList, defineCustomElementAtomicFormatCurrency, defineCustomElementAtomicFormatNumber, defineCustomElementAtomicFormatUnit, defineCustomElementAtomicGeneratedAnswer, defineCustomElementAtomicGeneratedAnswerFeedbackModal, defineCustomElementAtomicHtml, defineCustomElementAtomicInsightInterface, defineCustomElementAtomicInsightUserActionsTimeline, defineCustomElementAtomicInsightUserActionsToggle, defineCustomElementAtomicLoadMoreResults, defineCustomElementAtomicNoResults, defineCustomElementAtomicNotifications, defineCustomElementAtomicNumericFacet, defineCustomElementAtomicNumericRange, defineCustomElementAtomicPopover, defineCustomElementAtomicQueryError, defineCustomElementAtomicQuickview, defineCustomElementAtomicQuickviewModal, defineCustomElementAtomicRatingFacet, defineCustomElementAtomicRatingRangeFacet, defineCustomElementAtomicRecsError, defineCustomElementAtomicRecsInterface, defineCustomElementAtomicRecsList, defineCustomElementAtomicRecsResult, defineCustomElementAtomicRecsResultTemplate, defineCustomElementAtomicRefineModal, defineCustomElementAtomicRefineToggle, defineCustomElementAtomicRelevanceInspector, defineCustomElementAtomicResult, defineCustomElementAtomicResultBadge, defineCustomElementAtomicResultChildren, defineCustomElementAtomicResultChildrenTemplate, defineCustomElementAtomicResultDate, defineCustomElementAtomicResultFieldsList, defineCustomElementAtomicResultHtml, defineCustomElementAtomicResultIcon, defineCustomElementAtomicResultImage, defineCustomElementAtomicResultLink, defineCustomElementAtomicResultList, defineCustomElementAtomicResultLocalizedText, defineCustomElementAtomicResultMultiValueText, defineCustomElementAtomicResultNumber, defineCustomElementAtomicResultPrintableUri, defineCustomElementAtomicResultRating, defineCustomElementAtomicResultTemplate, defineCustomElementAtomicResultText, defineCustomElementAtomicResultTimespan, defineCustomElementAtomicSearchBox, defineCustomElementAtomicSearchBoxInstantResults, defineCustomElementAtomicSearchBoxQuerySuggestions, defineCustomElementAtomicSearchBoxRecentQueries, defineCustomElementAtomicSegmentedFacet, defineCustomElementAtomicSegmentedFacetScrollable, defineCustomElementAtomicSmartSnippet, defineCustomElementAtomicSmartSnippetFeedbackModal, defineCustomElementAtomicSmartSnippetSuggestions, defineCustomElementAtomicSortDropdown, defineCustomElementAtomicSortExpression, defineCustomElementAtomicTab, defineCustomElementAtomicTabManager, defineCustomElementAtomicTableElement, defineCustomElementAtomicText, defineCustomElementAtomicTimeframe, defineCustomElementAtomicTimeframeFacet, AtomicCommerceBreadbox as AtomicCommerceBreadbox$1, AtomicCommerceCategoryFacet as AtomicCommerceCategoryFacet$1, AtomicCommerceDidYouMean as AtomicCommerceDidYouMean$1, AtomicCommerceFacet as AtomicCommerceFacet$1, AtomicCommerceFacets as AtomicCommerceFacets$1, AtomicCommerceInterface as AtomicCommerceInterface$1, AtomicCommerceLayout as AtomicCommerceLayout$1, AtomicCommerceLoadMoreProducts as AtomicCommerceLoadMoreProducts$1, AtomicCommerceNoProducts as AtomicCommerceNoProducts$1, AtomicCommerceNumericFacet as AtomicCommerceNumericFacet$1, AtomicCommercePager as AtomicCommercePager$1, AtomicCommerceProductList as AtomicCommerceProductList$1, AtomicCommerceProductsPerPage as AtomicCommerceProductsPerPage$1, AtomicCommerceQueryError as AtomicCommerceQueryError$1, AtomicCommerceQuerySummary as AtomicCommerceQuerySummary$1, AtomicCommerceRecommendationInterface as AtomicCommerceRecommendationInterface$1, AtomicCommerceRecommendationList as AtomicCommerceRecommendationList$1, AtomicCommerceRefineModal as AtomicCommerceRefineModal$1, AtomicCommerceRefineToggle as AtomicCommerceRefineToggle$1, AtomicCommerceSearchBoxInstantProducts as AtomicCommerceSearchBoxInstantProducts$1, AtomicCommerceSearchBoxQuerySuggestions as AtomicCommerceSearchBoxQuerySuggestions$1, AtomicCommerceSearchBoxRecentQueries as AtomicCommerceSearchBoxRecentQueries$1, AtomicCommerceSearchBox as AtomicCommerceSearchBox$1, AtomicCommerceSortDropdown as AtomicCommerceSortDropdown$1, AtomicCommerceText as AtomicCommerceText$1, AtomicCommerceTimeframeFacet as AtomicCommerceTimeframeFacet$1, AtomicProductChildren as AtomicProductChildren$1, AtomicProductDescription as AtomicProductDescription$1, AtomicProductExcerpt as AtomicProductExcerpt$1, AtomicProductFieldCondition as AtomicProductFieldCondition$1, AtomicProductImage as AtomicProductImage$1, AtomicProductLink as AtomicProductLink$1, AtomicProductMultiValueText as AtomicProductMultiValueText$1, AtomicProductNumericFieldValue as AtomicProductNumericFieldValue$1, AtomicProductPrice as AtomicProductPrice$1, AtomicProductRating as AtomicProductRating$1, AtomicProductSectionActions as AtomicProductSectionActions$1, AtomicProductSectionBadges as AtomicProductSectionBadges$1, AtomicProductSectionBottomMetadata as AtomicProductSectionBottomMetadata$1, AtomicProductSectionChildren as AtomicProductSectionChildren$1, AtomicProductSectionDescription as AtomicProductSectionDescription$1, AtomicProductSectionEmphasized as AtomicProductSectionEmphasized$1, AtomicProductSectionMetadata as AtomicProductSectionMetadata$1, AtomicProductSectionName as AtomicProductSectionName$1, AtomicProductSectionVisual as AtomicProductSectionVisual$1, AtomicProductTemplate as AtomicProductTemplate$1, AtomicProductText as AtomicProductText$1, AtomicProduct as AtomicProduct$1, AtomicAriaLive as AtomicAriaLive$1, AtomicComponentError as AtomicComponentError$1, AtomicIcon as AtomicIcon$1, AtomicLayoutSection as AtomicLayoutSection$1, AtomicPager as AtomicPager$1, AtomicQuerySummary as AtomicQuerySummary$1, AtomicResultSectionActions as AtomicResultSectionActions$1, AtomicResultSectionBadges as AtomicResultSectionBadges$1, AtomicResultSectionBottomMetadata as AtomicResultSectionBottomMetadata$1, AtomicResultSectionChildren as AtomicResultSectionChildren$1, AtomicResultSectionEmphasized as AtomicResultSectionEmphasized$1, AtomicResultSectionExcerpt as AtomicResultSectionExcerpt$1, AtomicResultSectionTitleMetadata as AtomicResultSectionTitleMetadata$1, AtomicResultSectionTitle as AtomicResultSectionTitle$1, AtomicResultSectionVisual as AtomicResultSectionVisual$1, AtomicResultsPerPage as AtomicResultsPerPage$1, AtomicSearchInterface as AtomicSearchInterface$1, AtomicSearchLayout as AtomicSearchLayout$1 } from '@coveo/atomic/components';
 
 /* eslint-disable */
 /* tslint:disable */
+const createPropertyToAttributeMap = () => {
+    const map = new Map();
+    customElementsManifest.modules.forEach((module) => {
+        module.declarations?.forEach((declaration) => {
+            if (declaration.kind === 'class' && declaration.attributes) {
+                declaration.attributes.forEach((attr) => {
+                    if (attr.fieldName && attr.name) {
+                        map.set(attr.fieldName, attr.name);
+                    }
+                });
+            }
+        });
+    });
+    return map;
+};
+const propertyToAttributeMap = createPropertyToAttributeMap();
+const getAttributeName = (propertyName) => {
+    const mappedAttr = propertyToAttributeMap.get(propertyName);
+    return mappedAttr || propertyName.replace(/([A-Z])/g, '-$1').toLowerCase();
+};
 const proxyInputs = (Cmp, inputs) => {
     const Prototype = Cmp.prototype;
     inputs.forEach((item) => {
@@ -16,7 +37,10 @@ const proxyInputs = (Cmp, inputs) => {
                 return this.el[item];
             },
             set(val) {
-                this.z.runOutsideAngular(() => (this.el[item] = val));
+                this.z.runOutsideAngular(() => {
+                    const attrName = getAttributeName(item);
+                    this.el.setAttribute(attrName, val);
+                });
             },
             /**
              * In the event that proxyInputs is called
@@ -1567,225 +1591,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                     inputs: ['field', 'icon', 'maxValueInIndex'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultSectionActions = class AtomicResultSectionActions {
-    z;
-    el;
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionActions, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionActions, isStandalone: false, selector: "atomic-result-section-actions", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-};
-AtomicResultSectionActions = __decorate([
-    ProxyCmp({ defineCustomElementFn: defineCustomElementAtomicResultSectionActions })
-], AtomicResultSectionActions);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionActions, decorators: [{
-            type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-result-section-actions',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultSectionBadges = class AtomicResultSectionBadges {
-    z;
-    el;
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionBadges, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionBadges, isStandalone: false, selector: "atomic-result-section-badges", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-};
-AtomicResultSectionBadges = __decorate([
-    ProxyCmp({ defineCustomElementFn: defineCustomElementAtomicResultSectionBadges })
-], AtomicResultSectionBadges);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionBadges, decorators: [{
-            type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-result-section-badges',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultSectionBottomMetadata = class AtomicResultSectionBottomMetadata {
-    z;
-    el;
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionBottomMetadata, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionBottomMetadata, isStandalone: false, selector: "atomic-result-section-bottom-metadata", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-};
-AtomicResultSectionBottomMetadata = __decorate([
-    ProxyCmp({ defineCustomElementFn: defineCustomElementAtomicResultSectionBottomMetadata })
-], AtomicResultSectionBottomMetadata);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionBottomMetadata, decorators: [{
-            type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-result-section-bottom-metadata',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultSectionChildren = class AtomicResultSectionChildren {
-    z;
-    el;
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionChildren, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionChildren, isStandalone: false, selector: "atomic-result-section-children", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-};
-AtomicResultSectionChildren = __decorate([
-    ProxyCmp({ defineCustomElementFn: defineCustomElementAtomicResultSectionChildren })
-], AtomicResultSectionChildren);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionChildren, decorators: [{
-            type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-result-section-children',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultSectionEmphasized = class AtomicResultSectionEmphasized {
-    z;
-    el;
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionEmphasized, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionEmphasized, isStandalone: false, selector: "atomic-result-section-emphasized", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-};
-AtomicResultSectionEmphasized = __decorate([
-    ProxyCmp({ defineCustomElementFn: defineCustomElementAtomicResultSectionEmphasized })
-], AtomicResultSectionEmphasized);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionEmphasized, decorators: [{
-            type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-result-section-emphasized',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultSectionExcerpt = class AtomicResultSectionExcerpt {
-    z;
-    el;
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionExcerpt, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionExcerpt, isStandalone: false, selector: "atomic-result-section-excerpt", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-};
-AtomicResultSectionExcerpt = __decorate([
-    ProxyCmp({ defineCustomElementFn: defineCustomElementAtomicResultSectionExcerpt })
-], AtomicResultSectionExcerpt);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionExcerpt, decorators: [{
-            type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-result-section-excerpt',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultSectionTitle = class AtomicResultSectionTitle {
-    z;
-    el;
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionTitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionTitle, isStandalone: false, selector: "atomic-result-section-title", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-};
-AtomicResultSectionTitle = __decorate([
-    ProxyCmp({ defineCustomElementFn: defineCustomElementAtomicResultSectionTitle })
-], AtomicResultSectionTitle);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionTitle, decorators: [{
-            type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-result-section-title',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultSectionTitleMetadata = class AtomicResultSectionTitleMetadata {
-    z;
-    el;
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionTitleMetadata, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionTitleMetadata, isStandalone: false, selector: "atomic-result-section-title-metadata", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-};
-AtomicResultSectionTitleMetadata = __decorate([
-    ProxyCmp({ defineCustomElementFn: defineCustomElementAtomicResultSectionTitleMetadata })
-], AtomicResultSectionTitleMetadata);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionTitleMetadata, decorators: [{
-            type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-result-section-title-metadata',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultSectionVisual = class AtomicResultSectionVisual {
-    z;
-    el;
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionVisual, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionVisual, isStandalone: false, selector: "atomic-result-section-visual", inputs: { imageSize: "imageSize" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-};
-AtomicResultSectionVisual = __decorate([
-    ProxyCmp({
-        inputs: ['imageSize'],
-        defineCustomElementFn: defineCustomElementAtomicResultSectionVisual
-    })
-], AtomicResultSectionVisual);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionVisual, decorators: [{
-            type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-result-section-visual',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['imageSize'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let AtomicResultTemplate = class AtomicResultTemplate {
     z;
     el;
@@ -1978,34 +1783,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                     inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicSearchInterface = class AtomicSearchInterface {
-    z;
-    el;
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchInterface, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicSearchInterface, isStandalone: false, selector: "atomic-search-interface", inputs: { CspNonce: "CspNonce", analytics: "analytics", enableRelevanceInspector: "enableRelevanceInspector", engine: "engine", fieldsToInclude: "fieldsToInclude", i18n: "i18n", iconAssetsPath: "iconAssetsPath", language: "language", languageAssetsPath: "languageAssetsPath", logLevel: "logLevel", pipeline: "pipeline", reflectStateInUrl: "reflectStateInUrl", scrollContainer: "scrollContainer", searchHub: "searchHub", timezone: "timezone" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-};
-AtomicSearchInterface = __decorate([
-    ProxyCmp({
-        inputs: ['CspNonce', 'analytics', 'enableRelevanceInspector', 'engine', 'fieldsToInclude', 'i18n', 'iconAssetsPath', 'language', 'languageAssetsPath', 'logLevel', 'pipeline', 'reflectStateInUrl', 'scrollContainer', 'searchHub', 'timezone'],
-        methods: ['initialize', 'initializeWithSearchEngine', 'executeFirstSearch'],
-        defineCustomElementFn: defineCustomElementAtomicSearchInterface
-    })
-], AtomicSearchInterface);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchInterface, decorators: [{
-            type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-search-interface',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['CspNonce', 'analytics', 'enableRelevanceInspector', 'engine', 'fieldsToInclude', 'i18n', 'iconAssetsPath', 'language', 'languageAssetsPath', 'logLevel', 'pipeline', 'reflectStateInUrl', 'scrollContainer', 'searchHub', 'timezone'],
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let AtomicSegmentedFacet = class AtomicSegmentedFacet {
     z;
     el;
@@ -2512,7 +2289,7 @@ let AtomicCommerceInterface = class AtomicCommerceInterface {
 AtomicCommerceInterface = __decorate([
     ProxyCmp({
         inputs: ['type', 'analytics', 'logLevel', 'language', 'reflectStateInUrl', 'disableStateReflectionInUrl', 'scrollContainer', 'languageAssetsPath', 'iconAssetsPath'],
-        methods: ['initialize', 'initializeWithEngine', 'executeFirstRequest', 'toggleAnalytics', 'updateIconAssetsPath', 'updateLanguage', 'scrollToTop'],
+        methods: ['initialize', 'initializeWithEngine', 'executeFirstRequest', 'updateLocale', 'toggleAnalytics', 'updateIconAssetsPath', 'updateLanguage', 'scrollToTop'],
         defineCustomElementFn: () => { customElements.get('atomic-commerce-interface') || customElements.define('atomic-commerce-interface', AtomicCommerceInterface$1); }
     })
 ], AtomicCommerceInterface);
@@ -3926,29 +3703,290 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                     inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultsPerPage = class AtomicResultsPerPage {
+let AtomicResultSectionActions = class AtomicResultSectionActions {
     z;
     el;
     constructor(c, el, z) {
         this.z = z;
         c.detach();
         this.el = el.nativeElement;
-        proxyOutputs(this, this.el, ['atomic/scrollToTop']);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultsPerPage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultsPerPage, isStandalone: false, selector: "atomic-results-per-page", inputs: { choicesDisplayed: "choicesDisplayed", initialChoice: "initialChoice" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionActions, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionActions, isStandalone: false, selector: "atomic-result-section-actions", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicResultsPerPage = __decorate([
+AtomicResultSectionActions = __decorate([
     ProxyCmp({
-        inputs: ['choicesDisplayed', 'initialChoice'],
-        methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-results-per-page') || customElements.define('atomic-results-per-page', AtomicResultsPerPage$1); }
+        inputs: [],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-actions') || customElements.define('atomic-result-section-actions', AtomicResultSectionActions$1); }
     })
-], AtomicResultsPerPage);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultsPerPage, decorators: [{
+], AtomicResultSectionActions);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionActions, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-results-per-page',
+                    selector: 'atomic-result-section-actions',
+                    standalone: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: []
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let AtomicResultSectionBadges = class AtomicResultSectionBadges {
+    z;
+    el;
+    constructor(c, el, z) {
+        this.z = z;
+        c.detach();
+        this.el = el.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionBadges, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionBadges, isStandalone: false, selector: "atomic-result-section-badges", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+AtomicResultSectionBadges = __decorate([
+    ProxyCmp({
+        inputs: [],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-badges') || customElements.define('atomic-result-section-badges', AtomicResultSectionBadges$1); }
+    })
+], AtomicResultSectionBadges);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionBadges, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'atomic-result-section-badges',
+                    standalone: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: []
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let AtomicResultSectionBottomMetadata = class AtomicResultSectionBottomMetadata {
+    z;
+    el;
+    constructor(c, el, z) {
+        this.z = z;
+        c.detach();
+        this.el = el.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionBottomMetadata, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionBottomMetadata, isStandalone: false, selector: "atomic-result-section-bottom-metadata", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+AtomicResultSectionBottomMetadata = __decorate([
+    ProxyCmp({
+        inputs: [],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-bottom-metadata') || customElements.define('atomic-result-section-bottom-metadata', AtomicResultSectionBottomMetadata$1); }
+    })
+], AtomicResultSectionBottomMetadata);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionBottomMetadata, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'atomic-result-section-bottom-metadata',
+                    standalone: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: []
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let AtomicResultSectionChildren = class AtomicResultSectionChildren {
+    z;
+    el;
+    constructor(c, el, z) {
+        this.z = z;
+        c.detach();
+        this.el = el.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionChildren, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionChildren, isStandalone: false, selector: "atomic-result-section-children", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+AtomicResultSectionChildren = __decorate([
+    ProxyCmp({
+        inputs: [],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-children') || customElements.define('atomic-result-section-children', AtomicResultSectionChildren$1); }
+    })
+], AtomicResultSectionChildren);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionChildren, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'atomic-result-section-children',
+                    standalone: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: []
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let AtomicResultSectionEmphasized = class AtomicResultSectionEmphasized {
+    z;
+    el;
+    constructor(c, el, z) {
+        this.z = z;
+        c.detach();
+        this.el = el.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionEmphasized, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionEmphasized, isStandalone: false, selector: "atomic-result-section-emphasized", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+AtomicResultSectionEmphasized = __decorate([
+    ProxyCmp({
+        inputs: [],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-emphasized') || customElements.define('atomic-result-section-emphasized', AtomicResultSectionEmphasized$1); }
+    })
+], AtomicResultSectionEmphasized);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionEmphasized, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'atomic-result-section-emphasized',
+                    standalone: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: []
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let AtomicResultSectionExcerpt = class AtomicResultSectionExcerpt {
+    z;
+    el;
+    constructor(c, el, z) {
+        this.z = z;
+        c.detach();
+        this.el = el.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionExcerpt, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionExcerpt, isStandalone: false, selector: "atomic-result-section-excerpt", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+AtomicResultSectionExcerpt = __decorate([
+    ProxyCmp({
+        inputs: [],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-excerpt') || customElements.define('atomic-result-section-excerpt', AtomicResultSectionExcerpt$1); }
+    })
+], AtomicResultSectionExcerpt);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionExcerpt, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'atomic-result-section-excerpt',
+                    standalone: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: []
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let AtomicResultSectionTitleMetadata = class AtomicResultSectionTitleMetadata {
+    z;
+    el;
+    constructor(c, el, z) {
+        this.z = z;
+        c.detach();
+        this.el = el.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionTitleMetadata, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionTitleMetadata, isStandalone: false, selector: "atomic-result-section-title-metadata", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+AtomicResultSectionTitleMetadata = __decorate([
+    ProxyCmp({
+        inputs: [],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-title-metadata') || customElements.define('atomic-result-section-title-metadata', AtomicResultSectionTitleMetadata$1); }
+    })
+], AtomicResultSectionTitleMetadata);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionTitleMetadata, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'atomic-result-section-title-metadata',
+                    standalone: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: []
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let AtomicResultSectionTitle = class AtomicResultSectionTitle {
+    z;
+    el;
+    constructor(c, el, z) {
+        this.z = z;
+        c.detach();
+        this.el = el.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionTitle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionTitle, isStandalone: false, selector: "atomic-result-section-title", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+AtomicResultSectionTitle = __decorate([
+    ProxyCmp({
+        inputs: [],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-title') || customElements.define('atomic-result-section-title', AtomicResultSectionTitle$1); }
+    })
+], AtomicResultSectionTitle);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionTitle, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'atomic-result-section-title',
+                    standalone: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: []
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let AtomicResultSectionVisual = class AtomicResultSectionVisual {
+    z;
+    el;
+    constructor(c, el, z) {
+        this.z = z;
+        c.detach();
+        this.el = el.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionVisual, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultSectionVisual, isStandalone: false, selector: "atomic-result-section-visual", inputs: { imageSize: "imageSize" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+AtomicResultSectionVisual = __decorate([
+    ProxyCmp({
+        inputs: ['imageSize'],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-visual') || customElements.define('atomic-result-section-visual', AtomicResultSectionVisual$1); }
+    })
+], AtomicResultSectionVisual);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionVisual, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'atomic-result-section-visual',
+                    standalone: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['imageSize']
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let AtomicResultsPerPage = class AtomicResultsPerPage {
+    z;
+    el;
+    constructor(c, el, z) {
+        this.z = z;
+        c.detach();
+        this.el = el.nativeElement;
+        proxyOutputs(this, this.el, ['atomic/scrollToTop']);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultsPerPage, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicResultsPerPage, isStandalone: false, selector: "atomic-results-per-page", inputs: { choicesDisplayed: "choicesDisplayed", initialChoice: "initialChoice" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+AtomicResultsPerPage = __decorate([
+    ProxyCmp({
+        inputs: ['choicesDisplayed', 'initialChoice'],
+        methods: ['initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-results-per-page') || customElements.define('atomic-results-per-page', AtomicResultsPerPage$1); }
+    })
+], AtomicResultsPerPage);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultsPerPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'atomic-results-per-page',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
@@ -3956,6 +3994,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                     inputs: ['choicesDisplayed', 'initialChoice']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let AtomicSearchInterface = class AtomicSearchInterface {
+    z;
+    el;
+    constructor(c, el, z) {
+        this.z = z;
+        c.detach();
+        this.el = el.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchInterface, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicSearchInterface, isStandalone: false, selector: "atomic-search-interface", inputs: { fieldsToInclude: "fieldsToInclude", pipeline: "pipeline", searchHub: "searchHub", analytics: "analytics", timezone: "timezone", logLevel: "logLevel", language: "language", reflectStateInUrl: "reflectStateInUrl", disableStateReflectionInUrl: "disableStateReflectionInUrl", scrollContainer: "scrollContainer", languageAssetsPath: "languageAssetsPath", iconAssetsPath: "iconAssetsPath", enableRelevanceInspector: "enableRelevanceInspector", disableRelevanceInspector: "disableRelevanceInspector" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+AtomicSearchInterface = __decorate([
+    ProxyCmp({
+        inputs: ['fieldsToInclude', 'pipeline', 'searchHub', 'analytics', 'timezone', 'logLevel', 'language', 'reflectStateInUrl', 'disableStateReflectionInUrl', 'scrollContainer', 'languageAssetsPath', 'iconAssetsPath', 'enableRelevanceInspector', 'disableRelevanceInspector'],
+        methods: ['scrollToTop', 'closeRelevanceInspector', 'initialize', 'initializeWithSearchEngine', 'executeFirstSearch', 'updateSearchConfiguration', 'updateSearchHub', 'updatePipeline', 'toggleAnalytics', 'updateLanguage', 'updateIconAssetsPath', 'registerFieldsToInclude'],
+        defineCustomElementFn: () => { customElements.get('atomic-search-interface') || customElements.define('atomic-search-interface', AtomicSearchInterface$1); }
+    })
+], AtomicSearchInterface);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchInterface, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'atomic-search-interface',
+                    standalone: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['fieldsToInclude', 'pipeline', 'searchHub', 'analytics', 'timezone', 'logLevel', 'language', 'reflectStateInUrl', 'disableStateReflectionInUrl', 'scrollContainer', 'languageAssetsPath', 'iconAssetsPath', 'enableRelevanceInspector', 'disableRelevanceInspector']
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let AtomicSearchLayout = class AtomicSearchLayout {
     z;
     el;
@@ -3963,6 +4030,7 @@ let AtomicSearchLayout = class AtomicSearchLayout {
         this.z = z;
         c.detach();
         this.el = el.nativeElement;
+        proxyOutputs(this, this.el, ['atomic-layout-breakpoint-change']);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchLayout, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicSearchLayout, isStandalone: false, selector: "atomic-search-layout", inputs: { mobileBreakpoint: "mobileBreakpoint" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -3970,7 +4038,7 @@ let AtomicSearchLayout = class AtomicSearchLayout {
 AtomicSearchLayout = __decorate([
     ProxyCmp({
         inputs: ['mobileBreakpoint'],
-        methods: [],
+        methods: ['onMobileBreakpointChange'],
         defineCustomElementFn: () => { customElements.get('atomic-search-layout') || customElements.define('atomic-search-layout', AtomicSearchLayout$1); }
     })
 ], AtomicSearchLayout);
@@ -4043,7 +4111,17 @@ const DECLARATIONS = [
     AtomicProductTemplate,
     AtomicProductText,
     AtomicQuerySummary,
+    AtomicResultSectionActions,
+    AtomicResultSectionBadges,
+    AtomicResultSectionBottomMetadata,
+    AtomicResultSectionChildren,
+    AtomicResultSectionEmphasized,
+    AtomicResultSectionExcerpt,
+    AtomicResultSectionTitle,
+    AtomicResultSectionTitleMetadata,
+    AtomicResultSectionVisual,
     AtomicResultsPerPage,
+    AtomicSearchInterface,
     AtomicSearchLayout,
     AtomicAutomaticFacet,
     AtomicAutomaticFacetGenerator,
@@ -4101,15 +4179,6 @@ const DECLARATIONS = [
     AtomicResultNumber,
     AtomicResultPrintableUri,
     AtomicResultRating,
-    AtomicResultSectionActions,
-    AtomicResultSectionBadges,
-    AtomicResultSectionBottomMetadata,
-    AtomicResultSectionChildren,
-    AtomicResultSectionEmphasized,
-    AtomicResultSectionExcerpt,
-    AtomicResultSectionTitle,
-    AtomicResultSectionTitleMetadata,
-    AtomicResultSectionVisual,
     AtomicResultTemplate,
     AtomicResultText,
     AtomicResultTimespan,
@@ -4117,7 +4186,6 @@ const DECLARATIONS = [
     AtomicSearchBoxInstantResults,
     AtomicSearchBoxQuerySuggestions,
     AtomicSearchBoxRecentQueries,
-    AtomicSearchInterface,
     AtomicSegmentedFacet,
     AtomicSegmentedFacetScrollable,
     AtomicSmartSnippet,
@@ -4217,7 +4285,17 @@ class AtomicAngularModule {
             AtomicProductTemplate,
             AtomicProductText,
             AtomicQuerySummary,
+            AtomicResultSectionActions,
+            AtomicResultSectionBadges,
+            AtomicResultSectionBottomMetadata,
+            AtomicResultSectionChildren,
+            AtomicResultSectionEmphasized,
+            AtomicResultSectionExcerpt,
+            AtomicResultSectionTitle,
+            AtomicResultSectionTitleMetadata,
+            AtomicResultSectionVisual,
             AtomicResultsPerPage,
+            AtomicSearchInterface,
             AtomicSearchLayout,
             AtomicAutomaticFacet,
             AtomicAutomaticFacetGenerator,
@@ -4275,15 +4353,6 @@ class AtomicAngularModule {
             AtomicResultNumber,
             AtomicResultPrintableUri,
             AtomicResultRating,
-            AtomicResultSectionActions,
-            AtomicResultSectionBadges,
-            AtomicResultSectionBottomMetadata,
-            AtomicResultSectionChildren,
-            AtomicResultSectionEmphasized,
-            AtomicResultSectionExcerpt,
-            AtomicResultSectionTitle,
-            AtomicResultSectionTitleMetadata,
-            AtomicResultSectionVisual,
             AtomicResultTemplate,
             AtomicResultText,
             AtomicResultTimespan,
@@ -4291,7 +4360,6 @@ class AtomicAngularModule {
             AtomicSearchBoxInstantResults,
             AtomicSearchBoxQuerySuggestions,
             AtomicSearchBoxRecentQueries,
-            AtomicSearchInterface,
             AtomicSegmentedFacet,
             AtomicSegmentedFacetScrollable,
             AtomicSmartSnippet,
@@ -4358,7 +4426,17 @@ class AtomicAngularModule {
             AtomicProductTemplate,
             AtomicProductText,
             AtomicQuerySummary,
+            AtomicResultSectionActions,
+            AtomicResultSectionBadges,
+            AtomicResultSectionBottomMetadata,
+            AtomicResultSectionChildren,
+            AtomicResultSectionEmphasized,
+            AtomicResultSectionExcerpt,
+            AtomicResultSectionTitle,
+            AtomicResultSectionTitleMetadata,
+            AtomicResultSectionVisual,
             AtomicResultsPerPage,
+            AtomicSearchInterface,
             AtomicSearchLayout,
             AtomicAutomaticFacet,
             AtomicAutomaticFacetGenerator,
@@ -4416,15 +4494,6 @@ class AtomicAngularModule {
             AtomicResultNumber,
             AtomicResultPrintableUri,
             AtomicResultRating,
-            AtomicResultSectionActions,
-            AtomicResultSectionBadges,
-            AtomicResultSectionBottomMetadata,
-            AtomicResultSectionChildren,
-            AtomicResultSectionEmphasized,
-            AtomicResultSectionExcerpt,
-            AtomicResultSectionTitle,
-            AtomicResultSectionTitleMetadata,
-            AtomicResultSectionVisual,
             AtomicResultTemplate,
             AtomicResultText,
             AtomicResultTimespan,
@@ -4432,7 +4501,6 @@ class AtomicAngularModule {
             AtomicSearchBoxInstantResults,
             AtomicSearchBoxQuerySuggestions,
             AtomicSearchBoxRecentQueries,
-            AtomicSearchInterface,
             AtomicSegmentedFacet,
             AtomicSegmentedFacetScrollable,
             AtomicSmartSnippet,