@coveo/atomic-angular 3.7.10-pre.43c8da2553 → 3.7.10-pre.4f7e2eb74a

package/fesm2022/coveo-atomic-angular.mjs

@@ -5,7 +5,7 @@ import { ChangeDetectionStrategy, Component, APP_INITIALIZER, NgModule } from '@
 import { __decorate } from 'tslib';
 import { fromEvent } from 'rxjs';
 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, defineCustomElementAtomicInsightUserActionsTimeline, defineCustomElementAtomicInsightUserActionsToggle, defineCustomElementAtomicLoadMoreResults, defineCustomElementAtomicNoResults, defineCustomElementAtomicNotifications, defineCustomElementAtomicNumericFacet, defineCustomElementAtomicNumericRange, defineCustomElementAtomicPopover, defineCustomElementAtomicQueryError, defineCustomElementAtomicQuickview, defineCustomElementAtomicQuickviewModal, defineCustomElementAtomicRatingFacet, defineCustomElementAtomicRatingRangeFacet, defineCustomElementAtomicRecsError, defineCustomElementAtomicRecsInterface, defineCustomElementAtomicRecsList, defineCustomElementAtomicRecsResult, defineCustomElementAtomicRecsResultTemplate, defineCustomElementAtomicRefineModal, defineCustomElementAtomicRefineToggle, 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, 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, AtomicInsightInterface as AtomicInsightInterface$1, AtomicPager as AtomicPager$1, AtomicQuerySummary as AtomicQuerySummary$1, AtomicResultsPerPage as AtomicResultsPerPage$1, AtomicSearchBoxRecentQueries as AtomicSearchBoxRecentQueries$1, AtomicSearchInterface as AtomicSearchInterface$1, AtomicSearchLayout as AtomicSearchLayout$1 } from '@coveo/atomic/components';
+import { defineCustomElementAtomicAutomaticFacet, defineCustomElementAtomicAutomaticFacetGenerator, defineCustomElementAtomicBreadbox, defineCustomElementAtomicCategoryFacet, defineCustomElementAtomicCitation, defineCustomElementAtomicColorFacet, defineCustomElementAtomicDidYouMean, defineCustomElementAtomicExternal, defineCustomElementAtomicFacet, defineCustomElementAtomicFacetManager, defineCustomElementAtomicFieldCondition, defineCustomElementAtomicFoldedResultList, defineCustomElementAtomicFormatCurrency, defineCustomElementAtomicFormatNumber, defineCustomElementAtomicFormatUnit, defineCustomElementAtomicGeneratedAnswer, defineCustomElementAtomicGeneratedAnswerFeedbackModal, defineCustomElementAtomicHtml, defineCustomElementAtomicInsightUserActionsTimeline, defineCustomElementAtomicInsightUserActionsToggle, defineCustomElementAtomicLoadMoreResults, defineCustomElementAtomicNoResults, defineCustomElementAtomicNotifications, defineCustomElementAtomicNumericFacet, defineCustomElementAtomicNumericRange, defineCustomElementAtomicPopover, defineCustomElementAtomicQueryError, defineCustomElementAtomicQuickview, defineCustomElementAtomicQuickviewModal, defineCustomElementAtomicRatingFacet, defineCustomElementAtomicRatingRangeFacet, defineCustomElementAtomicRecsError, defineCustomElementAtomicRecsInterface, defineCustomElementAtomicRecsList, defineCustomElementAtomicRecsResult, defineCustomElementAtomicRecsResultTemplate, defineCustomElementAtomicRefineModal, defineCustomElementAtomicRefineToggle, defineCustomElementAtomicResult, defineCustomElementAtomicResultBadge, defineCustomElementAtomicResultChildren, defineCustomElementAtomicResultChildrenTemplate, defineCustomElementAtomicResultDate, defineCustomElementAtomicResultFieldsList, defineCustomElementAtomicResultHtml, defineCustomElementAtomicResultIcon, defineCustomElementAtomicResultImage, defineCustomElementAtomicResultLink, defineCustomElementAtomicResultList, defineCustomElementAtomicResultLocalizedText, defineCustomElementAtomicResultMultiValueText, defineCustomElementAtomicResultNumber, defineCustomElementAtomicResultPrintableUri, defineCustomElementAtomicResultRating, defineCustomElementAtomicResultTemplate, defineCustomElementAtomicResultText, defineCustomElementAtomicResultTimespan, defineCustomElementAtomicSearchBox, 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, AtomicInsightInterface as AtomicInsightInterface$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, AtomicSearchBoxInstantResults as AtomicSearchBoxInstantResults$1, AtomicSearchBoxQuerySuggestions as AtomicSearchBoxQuerySuggestions$1, AtomicSearchBoxRecentQueries as AtomicSearchBoxRecentQueries$1, AtomicSearchInterface as AtomicSearchInterface$1, AtomicSearchLayout as AtomicSearchLayout$1 } from '@coveo/atomic/components';
 
 /* eslint-disable */
 /* tslint:disable */
@@ -1535,7 +1535,7 @@ 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 {
+let AtomicResultTemplate = class AtomicResultTemplate {
     z;
     el;
     constructor(c, r, z) {
@@ -1543,23 +1543,27 @@ let AtomicResultSectionActions = class AtomicResultSectionActions {
         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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultTemplate, 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: AtomicResultTemplate, isStandalone: false, selector: "atomic-result-template", inputs: { conditions: "conditions", mustMatch: "mustMatch", mustNotMatch: "mustNotMatch" }, 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: [{
+AtomicResultTemplate = __decorate([
+    ProxyCmp({
+        inputs: ['conditions', 'mustMatch', 'mustNotMatch'],
+        methods: ['getTemplate'],
+        defineCustomElementFn: defineCustomElementAtomicResultTemplate
+    })
+], AtomicResultTemplate);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultTemplate, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-result-section-actions',
+                    selector: 'atomic-result-template',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
+                    inputs: ['conditions', 'mustMatch', 'mustNotMatch'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultSectionBadges = class AtomicResultSectionBadges {
+let AtomicResultText = class AtomicResultText {
     z;
     el;
     constructor(c, r, z) {
@@ -1567,23 +1571,26 @@ let AtomicResultSectionBadges = class AtomicResultSectionBadges {
         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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultText, 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: AtomicResultText, isStandalone: false, selector: "atomic-result-text", inputs: { default: "default", field: "field", shouldHighlight: "shouldHighlight" }, 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: [{
+AtomicResultText = __decorate([
+    ProxyCmp({
+        inputs: ['default', 'field', 'shouldHighlight'],
+        defineCustomElementFn: defineCustomElementAtomicResultText
+    })
+], AtomicResultText);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultText, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-result-section-badges',
+                    selector: 'atomic-result-text',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
+                    inputs: ['default', 'field', 'shouldHighlight'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultSectionBottomMetadata = class AtomicResultSectionBottomMetadata {
+let AtomicResultTimespan = class AtomicResultTimespan {
     z;
     el;
     constructor(c, r, z) {
@@ -1591,47 +1598,54 @@ let AtomicResultSectionBottomMetadata = class AtomicResultSectionBottomMetadata
         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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultTimespan, 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: AtomicResultTimespan, isStandalone: false, selector: "atomic-result-timespan", inputs: { field: "field", format: "format", unit: "unit" }, 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: [{
+AtomicResultTimespan = __decorate([
+    ProxyCmp({
+        inputs: ['field', 'format', 'unit'],
+        defineCustomElementFn: defineCustomElementAtomicResultTimespan
+    })
+], AtomicResultTimespan);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultTimespan, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-result-section-bottom-metadata',
+                    selector: 'atomic-result-timespan',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
+                    inputs: ['field', 'format', 'unit'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultSectionChildren = class AtomicResultSectionChildren {
+let AtomicSearchBox = class AtomicSearchBox {
     z;
     el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['redirect']);
     }
-    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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchBox, 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: AtomicSearchBox, isStandalone: false, selector: "atomic-search-box", inputs: { clearFilters: "clearFilters", disableSearch: "disableSearch", enableQuerySyntax: "enableQuerySyntax", minimumQueryLength: "minimumQueryLength", numberOfQueries: "numberOfQueries", redirectionUrl: "redirectionUrl", suggestionDelay: "suggestionDelay", suggestionTimeout: "suggestionTimeout" }, 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: [{
+AtomicSearchBox = __decorate([
+    ProxyCmp({
+        inputs: ['clearFilters', 'disableSearch', 'enableQuerySyntax', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'],
+        defineCustomElementFn: defineCustomElementAtomicSearchBox
+    })
+], AtomicSearchBox);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchBox, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-result-section-children',
+                    selector: 'atomic-search-box',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
+                    inputs: ['clearFilters', 'disableSearch', 'enableQuerySyntax', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultSectionEmphasized = class AtomicResultSectionEmphasized {
+let AtomicSegmentedFacet = class AtomicSegmentedFacet {
     z;
     el;
     constructor(c, r, z) {
@@ -1639,23 +1653,26 @@ let AtomicResultSectionEmphasized = class AtomicResultSectionEmphasized {
         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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSegmentedFacet, 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: AtomicSegmentedFacet, isStandalone: false, selector: "atomic-segmented-facet", inputs: { allowedValues: "allowedValues", customSort: "customSort", dependsOn: "dependsOn", facetId: "facetId", field: "field", filterFacetCount: "filterFacetCount", injectionDepth: "injectionDepth", label: "label", numberOfValues: "numberOfValues", sortCriteria: "sortCriteria", tabsExcluded: "tabsExcluded", tabsIncluded: "tabsIncluded" }, 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: [{
+AtomicSegmentedFacet = __decorate([
+    ProxyCmp({
+        inputs: ['allowedValues', 'customSort', 'dependsOn', 'facetId', 'field', 'filterFacetCount', 'injectionDepth', 'label', 'numberOfValues', 'sortCriteria', 'tabsExcluded', 'tabsIncluded'],
+        defineCustomElementFn: defineCustomElementAtomicSegmentedFacet
+    })
+], AtomicSegmentedFacet);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSegmentedFacet, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-result-section-emphasized',
+                    selector: 'atomic-segmented-facet',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
+                    inputs: ['allowedValues', 'customSort', 'dependsOn', 'facetId', 'field', 'filterFacetCount', 'injectionDepth', 'label', 'numberOfValues', 'sortCriteria', 'tabsExcluded', 'tabsIncluded'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultSectionExcerpt = class AtomicResultSectionExcerpt {
+let AtomicSegmentedFacetScrollable = class AtomicSegmentedFacetScrollable {
     z;
     el;
     constructor(c, r, z) {
@@ -1663,23 +1680,23 @@ let AtomicResultSectionExcerpt = class AtomicResultSectionExcerpt {
         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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSegmentedFacetScrollable, 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: AtomicSegmentedFacetScrollable, isStandalone: false, selector: "atomic-segmented-facet-scrollable", 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: [{
+AtomicSegmentedFacetScrollable = __decorate([
+    ProxyCmp({ defineCustomElementFn: defineCustomElementAtomicSegmentedFacetScrollable })
+], AtomicSegmentedFacetScrollable);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSegmentedFacetScrollable, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-result-section-excerpt',
+                    selector: 'atomic-segmented-facet-scrollable',
                     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 {
+let AtomicSmartSnippet = class AtomicSmartSnippet {
     z;
     el;
     constructor(c, r, z) {
@@ -1687,47 +1704,54 @@ let AtomicResultSectionTitle = class AtomicResultSectionTitle {
         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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSmartSnippet, 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: AtomicSmartSnippet, isStandalone: false, selector: "atomic-smart-snippet", inputs: { collapsedHeight: "collapsedHeight", headingLevel: "headingLevel", maximumHeight: "maximumHeight", snippetCollapsedHeight: "snippetCollapsedHeight", snippetMaximumHeight: "snippetMaximumHeight", snippetStyle: "snippetStyle", tabsExcluded: "tabsExcluded", tabsIncluded: "tabsIncluded" }, 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: [{
+AtomicSmartSnippet = __decorate([
+    ProxyCmp({
+        inputs: ['collapsedHeight', 'headingLevel', 'maximumHeight', 'snippetCollapsedHeight', 'snippetMaximumHeight', 'snippetStyle', 'tabsExcluded', 'tabsIncluded'],
+        defineCustomElementFn: defineCustomElementAtomicSmartSnippet
+    })
+], AtomicSmartSnippet);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSmartSnippet, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-result-section-title',
+                    selector: 'atomic-smart-snippet',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
+                    inputs: ['collapsedHeight', 'headingLevel', 'maximumHeight', 'snippetCollapsedHeight', 'snippetMaximumHeight', 'snippetStyle', 'tabsExcluded', 'tabsIncluded'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultSectionTitleMetadata = class AtomicResultSectionTitleMetadata {
+let AtomicSmartSnippetFeedbackModal = class AtomicSmartSnippetFeedbackModal {
     z;
     el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['feedbackSent']);
     }
-    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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSmartSnippetFeedbackModal, 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: AtomicSmartSnippetFeedbackModal, isStandalone: false, selector: "atomic-smart-snippet-feedback-modal", inputs: { isOpen: "isOpen", source: "source" }, 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: [{
+AtomicSmartSnippetFeedbackModal = __decorate([
+    ProxyCmp({
+        inputs: ['isOpen', 'source'],
+        defineCustomElementFn: defineCustomElementAtomicSmartSnippetFeedbackModal
+    })
+], AtomicSmartSnippetFeedbackModal);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSmartSnippetFeedbackModal, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-result-section-title-metadata',
+                    selector: 'atomic-smart-snippet-feedback-modal',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
+                    inputs: ['isOpen', 'source'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultSectionVisual = class AtomicResultSectionVisual {
+let AtomicSmartSnippetSuggestions = class AtomicSmartSnippetSuggestions {
     z;
     el;
     constructor(c, r, z) {
@@ -1735,26 +1759,26 @@ let AtomicResultSectionVisual = class AtomicResultSectionVisual {
         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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSmartSnippetSuggestions, 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: AtomicSmartSnippetSuggestions, isStandalone: false, selector: "atomic-smart-snippet-suggestions", inputs: { headingLevel: "headingLevel", snippetStyle: "snippetStyle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicResultSectionVisual = __decorate([
+AtomicSmartSnippetSuggestions = __decorate([
     ProxyCmp({
-        inputs: ['imageSize'],
-        defineCustomElementFn: defineCustomElementAtomicResultSectionVisual
+        inputs: ['headingLevel', 'snippetStyle'],
+        defineCustomElementFn: defineCustomElementAtomicSmartSnippetSuggestions
     })
-], AtomicResultSectionVisual);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionVisual, decorators: [{
+], AtomicSmartSnippetSuggestions);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSmartSnippetSuggestions, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-result-section-visual',
+                    selector: 'atomic-smart-snippet-suggestions',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['imageSize'],
+                    inputs: ['headingLevel', 'snippetStyle'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultTemplate = class AtomicResultTemplate {
+let AtomicSortDropdown = class AtomicSortDropdown {
     z;
     el;
     constructor(c, r, z) {
@@ -1762,27 +1786,23 @@ let AtomicResultTemplate = class AtomicResultTemplate {
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultTemplate, 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: AtomicResultTemplate, isStandalone: false, selector: "atomic-result-template", inputs: { conditions: "conditions", mustMatch: "mustMatch", mustNotMatch: "mustNotMatch" }, 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: AtomicSortDropdown, 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: AtomicSortDropdown, isStandalone: false, selector: "atomic-sort-dropdown", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicResultTemplate = __decorate([
-    ProxyCmp({
-        inputs: ['conditions', 'mustMatch', 'mustNotMatch'],
-        methods: ['getTemplate'],
-        defineCustomElementFn: defineCustomElementAtomicResultTemplate
-    })
-], AtomicResultTemplate);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultTemplate, decorators: [{
+AtomicSortDropdown = __decorate([
+    ProxyCmp({ defineCustomElementFn: defineCustomElementAtomicSortDropdown })
+], AtomicSortDropdown);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSortDropdown, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-result-template',
+                    selector: 'atomic-sort-dropdown',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['conditions', 'mustMatch', 'mustNotMatch'],
+                    inputs: [],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultText = class AtomicResultText {
+let AtomicSortExpression = class AtomicSortExpression {
     z;
     el;
     constructor(c, r, z) {
@@ -1790,26 +1810,26 @@ let AtomicResultText = class AtomicResultText {
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultText, 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: AtomicResultText, isStandalone: false, selector: "atomic-result-text", inputs: { default: "default", field: "field", shouldHighlight: "shouldHighlight" }, 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: AtomicSortExpression, 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: AtomicSortExpression, isStandalone: false, selector: "atomic-sort-expression", inputs: { expression: "expression", label: "label", tabsExcluded: "tabsExcluded", tabsIncluded: "tabsIncluded" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicResultText = __decorate([
+AtomicSortExpression = __decorate([
     ProxyCmp({
-        inputs: ['default', 'field', 'shouldHighlight'],
-        defineCustomElementFn: defineCustomElementAtomicResultText
+        inputs: ['expression', 'label', 'tabsExcluded', 'tabsIncluded'],
+        defineCustomElementFn: defineCustomElementAtomicSortExpression
     })
-], AtomicResultText);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultText, decorators: [{
+], AtomicSortExpression);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSortExpression, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-result-text',
+                    selector: 'atomic-sort-expression',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['default', 'field', 'shouldHighlight'],
+                    inputs: ['expression', 'label', 'tabsExcluded', 'tabsIncluded'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultTimespan = class AtomicResultTimespan {
+let AtomicTab = class AtomicTab {
     z;
     el;
     constructor(c, r, z) {
@@ -1817,54 +1837,53 @@ let AtomicResultTimespan = class AtomicResultTimespan {
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultTimespan, 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: AtomicResultTimespan, isStandalone: false, selector: "atomic-result-timespan", inputs: { field: "field", format: "format", unit: "unit" }, 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: AtomicTab, 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: AtomicTab, isStandalone: false, selector: "atomic-tab", inputs: { expression: "expression", label: "label", name: "name" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicResultTimespan = __decorate([
+AtomicTab = __decorate([
     ProxyCmp({
-        inputs: ['field', 'format', 'unit'],
-        defineCustomElementFn: defineCustomElementAtomicResultTimespan
+        inputs: ['expression', 'label', 'name'],
+        defineCustomElementFn: defineCustomElementAtomicTab
     })
-], AtomicResultTimespan);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultTimespan, decorators: [{
+], AtomicTab);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicTab, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-result-timespan',
+                    selector: 'atomic-tab',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['field', 'format', 'unit'],
+                    inputs: ['expression', 'label', 'name'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicSearchBox = class AtomicSearchBox {
+let AtomicTabManager = class AtomicTabManager {
     z;
     el;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['redirect']);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchBox, 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: AtomicSearchBox, isStandalone: false, selector: "atomic-search-box", inputs: { clearFilters: "clearFilters", disableSearch: "disableSearch", enableQuerySyntax: "enableQuerySyntax", minimumQueryLength: "minimumQueryLength", numberOfQueries: "numberOfQueries", redirectionUrl: "redirectionUrl", suggestionDelay: "suggestionDelay", suggestionTimeout: "suggestionTimeout" }, 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: AtomicTabManager, 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: AtomicTabManager, isStandalone: false, selector: "atomic-tab-manager", inputs: { clearFiltersOnTabChange: "clearFiltersOnTabChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicSearchBox = __decorate([
+AtomicTabManager = __decorate([
     ProxyCmp({
-        inputs: ['clearFilters', 'disableSearch', 'enableQuerySyntax', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'],
-        defineCustomElementFn: defineCustomElementAtomicSearchBox
+        inputs: ['clearFiltersOnTabChange'],
+        defineCustomElementFn: defineCustomElementAtomicTabManager
     })
-], AtomicSearchBox);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchBox, decorators: [{
+], AtomicTabManager);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicTabManager, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-search-box',
+                    selector: 'atomic-tab-manager',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['clearFilters', 'disableSearch', 'enableQuerySyntax', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'],
+                    inputs: ['clearFiltersOnTabChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicSearchBoxInstantResults = class AtomicSearchBoxInstantResults {
+let AtomicTableElement = class AtomicTableElement {
     z;
     el;
     constructor(c, r, z) {
@@ -1872,27 +1891,26 @@ let AtomicSearchBoxInstantResults = class AtomicSearchBoxInstantResults {
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchBoxInstantResults, 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: AtomicSearchBoxInstantResults, isStandalone: false, selector: "atomic-search-box-instant-results", inputs: { ariaLabelGenerator: "ariaLabelGenerator", density: "density", imageSize: "imageSize", maxResultsPerQuery: "maxResultsPerQuery" }, 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: AtomicTableElement, 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: AtomicTableElement, isStandalone: false, selector: "atomic-table-element", inputs: { label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicSearchBoxInstantResults = __decorate([
+AtomicTableElement = __decorate([
     ProxyCmp({
-        inputs: ['ariaLabelGenerator', 'density', 'imageSize', 'maxResultsPerQuery'],
-        methods: ['setRenderFunction'],
-        defineCustomElementFn: defineCustomElementAtomicSearchBoxInstantResults
+        inputs: ['label'],
+        defineCustomElementFn: defineCustomElementAtomicTableElement
     })
-], AtomicSearchBoxInstantResults);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchBoxInstantResults, decorators: [{
+], AtomicTableElement);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicTableElement, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-search-box-instant-results',
+                    selector: 'atomic-table-element',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ariaLabelGenerator', 'density', 'imageSize', 'maxResultsPerQuery'],
+                    inputs: ['label'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicSearchBoxQuerySuggestions = class AtomicSearchBoxQuerySuggestions {
+let AtomicText = class AtomicText {
     z;
     el;
     constructor(c, r, z) {
@@ -1900,26 +1918,26 @@ let AtomicSearchBoxQuerySuggestions = class AtomicSearchBoxQuerySuggestions {
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchBoxQuerySuggestions, 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: AtomicSearchBoxQuerySuggestions, isStandalone: false, selector: "atomic-search-box-query-suggestions", inputs: { icon: "icon", maxWithQuery: "maxWithQuery", maxWithoutQuery: "maxWithoutQuery" }, 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: AtomicText, 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: AtomicText, isStandalone: false, selector: "atomic-text", inputs: { count: "count", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicSearchBoxQuerySuggestions = __decorate([
+AtomicText = __decorate([
     ProxyCmp({
-        inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'],
-        defineCustomElementFn: defineCustomElementAtomicSearchBoxQuerySuggestions
+        inputs: ['count', 'value'],
+        defineCustomElementFn: defineCustomElementAtomicText
     })
-], AtomicSearchBoxQuerySuggestions);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchBoxQuerySuggestions, decorators: [{
+], AtomicText);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicText, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-search-box-query-suggestions',
+                    selector: 'atomic-text',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'],
+                    inputs: ['count', 'value'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicSegmentedFacet = class AtomicSegmentedFacet {
+let AtomicTimeframe = class AtomicTimeframe {
     z;
     el;
     constructor(c, r, z) {
@@ -1927,26 +1945,26 @@ let AtomicSegmentedFacet = class AtomicSegmentedFacet {
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSegmentedFacet, 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: AtomicSegmentedFacet, isStandalone: false, selector: "atomic-segmented-facet", inputs: { allowedValues: "allowedValues", customSort: "customSort", dependsOn: "dependsOn", facetId: "facetId", field: "field", filterFacetCount: "filterFacetCount", injectionDepth: "injectionDepth", label: "label", numberOfValues: "numberOfValues", sortCriteria: "sortCriteria", tabsExcluded: "tabsExcluded", tabsIncluded: "tabsIncluded" }, 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: AtomicTimeframe, 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: AtomicTimeframe, isStandalone: false, selector: "atomic-timeframe", inputs: { amount: "amount", label: "label", period: "period", unit: "unit" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicSegmentedFacet = __decorate([
+AtomicTimeframe = __decorate([
     ProxyCmp({
-        inputs: ['allowedValues', 'customSort', 'dependsOn', 'facetId', 'field', 'filterFacetCount', 'injectionDepth', 'label', 'numberOfValues', 'sortCriteria', 'tabsExcluded', 'tabsIncluded'],
-        defineCustomElementFn: defineCustomElementAtomicSegmentedFacet
+        inputs: ['amount', 'label', 'period', 'unit'],
+        defineCustomElementFn: defineCustomElementAtomicTimeframe
     })
-], AtomicSegmentedFacet);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSegmentedFacet, decorators: [{
+], AtomicTimeframe);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicTimeframe, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-segmented-facet',
+                    selector: 'atomic-timeframe',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['allowedValues', 'customSort', 'dependsOn', 'facetId', 'field', 'filterFacetCount', 'injectionDepth', 'label', 'numberOfValues', 'sortCriteria', 'tabsExcluded', 'tabsIncluded'],
+                    inputs: ['amount', 'label', 'period', 'unit'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicSegmentedFacetScrollable = class AtomicSegmentedFacetScrollable {
+let AtomicTimeframeFacet = class AtomicTimeframeFacet {
     z;
     el;
     constructor(c, r, z) {
@@ -1954,319 +1972,348 @@ let AtomicSegmentedFacetScrollable = class AtomicSegmentedFacetScrollable {
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSegmentedFacetScrollable, 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: AtomicSegmentedFacetScrollable, isStandalone: false, selector: "atomic-segmented-facet-scrollable", 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: AtomicTimeframeFacet, 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: AtomicTimeframeFacet, isStandalone: false, selector: "atomic-timeframe-facet", inputs: { dependsOn: "dependsOn", facetId: "facetId", field: "field", filterFacetCount: "filterFacetCount", headingLevel: "headingLevel", injectionDepth: "injectionDepth", isCollapsed: "isCollapsed", label: "label", max: "max", min: "min", sortCriteria: "sortCriteria", tabsExcluded: "tabsExcluded", tabsIncluded: "tabsIncluded", withDatePicker: "withDatePicker" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicSegmentedFacetScrollable = __decorate([
-    ProxyCmp({ defineCustomElementFn: defineCustomElementAtomicSegmentedFacetScrollable })
-], AtomicSegmentedFacetScrollable);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSegmentedFacetScrollable, decorators: [{
+AtomicTimeframeFacet = __decorate([
+    ProxyCmp({
+        inputs: ['dependsOn', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'max', 'min', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withDatePicker'],
+        defineCustomElementFn: defineCustomElementAtomicTimeframeFacet
+    })
+], AtomicTimeframeFacet);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicTimeframeFacet, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-segmented-facet-scrollable',
+                    selector: 'atomic-timeframe-facet',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
+                    inputs: ['dependsOn', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'max', 'min', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withDatePicker'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicSmartSnippet = class AtomicSmartSnippet {
+//#region Lit Declarations
+let AtomicCommerceBreadbox = class AtomicCommerceBreadbox {
     z;
     el;
-    constructor(c, r, z) {
+    constructor(c, el, z) {
         this.z = z;
         c.detach();
-        this.el = r.nativeElement;
+        this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSmartSnippet, 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: AtomicSmartSnippet, isStandalone: false, selector: "atomic-smart-snippet", inputs: { collapsedHeight: "collapsedHeight", headingLevel: "headingLevel", maximumHeight: "maximumHeight", snippetCollapsedHeight: "snippetCollapsedHeight", snippetMaximumHeight: "snippetMaximumHeight", snippetStyle: "snippetStyle", tabsExcluded: "tabsExcluded", tabsIncluded: "tabsIncluded" }, 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: AtomicCommerceBreadbox, 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: AtomicCommerceBreadbox, isStandalone: false, selector: "atomic-commerce-breadbox", inputs: { pathLimit: "pathLimit" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicSmartSnippet = __decorate([
+AtomicCommerceBreadbox = __decorate([
     ProxyCmp({
-        inputs: ['collapsedHeight', 'headingLevel', 'maximumHeight', 'snippetCollapsedHeight', 'snippetMaximumHeight', 'snippetStyle', 'tabsExcluded', 'tabsIncluded'],
-        defineCustomElementFn: defineCustomElementAtomicSmartSnippet
+        inputs: ['pathLimit'],
+        methods: ['initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-breadbox') || customElements.define('atomic-commerce-breadbox', AtomicCommerceBreadbox$1); }
     })
-], AtomicSmartSnippet);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSmartSnippet, decorators: [{
+], AtomicCommerceBreadbox);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceBreadbox, decorators: [{
             type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-smart-snippet',
+            args: [{
+                    selector: 'atomic-commerce-breadbox',
+                    standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['collapsedHeight', 'headingLevel', 'maximumHeight', 'snippetCollapsedHeight', 'snippetMaximumHeight', 'snippetStyle', 'tabsExcluded', 'tabsIncluded'],
+                    inputs: ['pathLimit']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicSmartSnippetFeedbackModal = class AtomicSmartSnippetFeedbackModal {
+let AtomicCommerceCategoryFacet = class AtomicCommerceCategoryFacet {
     z;
     el;
-    constructor(c, r, z) {
+    constructor(c, el, z) {
         this.z = z;
         c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['feedbackSent']);
+        this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSmartSnippetFeedbackModal, 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: AtomicSmartSnippetFeedbackModal, isStandalone: false, selector: "atomic-smart-snippet-feedback-modal", inputs: { isOpen: "isOpen", source: "source" }, 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: AtomicCommerceCategoryFacet, 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: AtomicCommerceCategoryFacet, isStandalone: false, selector: "atomic-commerce-category-facet", inputs: { isCollapsed: "isCollapsed", field: "field" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicSmartSnippetFeedbackModal = __decorate([
+AtomicCommerceCategoryFacet = __decorate([
     ProxyCmp({
-        inputs: ['isOpen', 'source'],
-        defineCustomElementFn: defineCustomElementAtomicSmartSnippetFeedbackModal
+        inputs: ['isCollapsed', 'field'],
+        methods: ['initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-category-facet') || customElements.define('atomic-commerce-category-facet', AtomicCommerceCategoryFacet$1); }
     })
-], AtomicSmartSnippetFeedbackModal);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSmartSnippetFeedbackModal, decorators: [{
+], AtomicCommerceCategoryFacet);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceCategoryFacet, decorators: [{
             type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-smart-snippet-feedback-modal',
+            args: [{
+                    selector: 'atomic-commerce-category-facet',
+                    standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['isOpen', 'source'],
+                    inputs: ['isCollapsed', 'field']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicSmartSnippetSuggestions = class AtomicSmartSnippetSuggestions {
+let AtomicCommerceDidYouMean = class AtomicCommerceDidYouMean {
     z;
     el;
-    constructor(c, r, z) {
+    constructor(c, el, z) {
         this.z = z;
         c.detach();
-        this.el = r.nativeElement;
+        this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSmartSnippetSuggestions, 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: AtomicSmartSnippetSuggestions, isStandalone: false, selector: "atomic-smart-snippet-suggestions", inputs: { headingLevel: "headingLevel", snippetStyle: "snippetStyle" }, 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: AtomicCommerceDidYouMean, 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: AtomicCommerceDidYouMean, isStandalone: false, selector: "atomic-commerce-did-you-mean", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicSmartSnippetSuggestions = __decorate([
+AtomicCommerceDidYouMean = __decorate([
     ProxyCmp({
-        inputs: ['headingLevel', 'snippetStyle'],
-        defineCustomElementFn: defineCustomElementAtomicSmartSnippetSuggestions
+        inputs: [],
+        methods: ['initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-did-you-mean') || customElements.define('atomic-commerce-did-you-mean', AtomicCommerceDidYouMean$1); }
     })
-], AtomicSmartSnippetSuggestions);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSmartSnippetSuggestions, decorators: [{
+], AtomicCommerceDidYouMean);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceDidYouMean, decorators: [{
             type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-smart-snippet-suggestions',
+            args: [{
+                    selector: 'atomic-commerce-did-you-mean',
+                    standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['headingLevel', 'snippetStyle'],
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicSortDropdown = class AtomicSortDropdown {
+let AtomicCommerceFacet = class AtomicCommerceFacet {
     z;
     el;
-    constructor(c, r, z) {
+    constructor(c, el, z) {
         this.z = z;
         c.detach();
-        this.el = r.nativeElement;
+        this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSortDropdown, 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: AtomicSortDropdown, isStandalone: false, selector: "atomic-sort-dropdown", 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: AtomicCommerceFacet, 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: AtomicCommerceFacet, isStandalone: false, selector: "atomic-commerce-facet", inputs: { isCollapsed: "isCollapsed", field: "field" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicSortDropdown = __decorate([
-    ProxyCmp({ defineCustomElementFn: defineCustomElementAtomicSortDropdown })
-], AtomicSortDropdown);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSortDropdown, decorators: [{
+AtomicCommerceFacet = __decorate([
+    ProxyCmp({
+        inputs: ['isCollapsed', 'field'],
+        methods: ['initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-facet') || customElements.define('atomic-commerce-facet', AtomicCommerceFacet$1); }
+    })
+], AtomicCommerceFacet);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceFacet, decorators: [{
             type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-sort-dropdown',
+            args: [{
+                    selector: 'atomic-commerce-facet',
+                    standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
+                    inputs: ['isCollapsed', 'field']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicSortExpression = class AtomicSortExpression {
+let AtomicCommerceFacets = class AtomicCommerceFacets {
     z;
     el;
-    constructor(c, r, z) {
+    constructor(c, el, z) {
         this.z = z;
         c.detach();
-        this.el = r.nativeElement;
+        this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSortExpression, 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: AtomicSortExpression, isStandalone: false, selector: "atomic-sort-expression", inputs: { expression: "expression", label: "label", tabsExcluded: "tabsExcluded", tabsIncluded: "tabsIncluded" }, 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: AtomicCommerceFacets, 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: AtomicCommerceFacets, isStandalone: false, selector: "atomic-commerce-facets", inputs: { collapseFacetsAfter: "collapseFacetsAfter" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicSortExpression = __decorate([
+AtomicCommerceFacets = __decorate([
     ProxyCmp({
-        inputs: ['expression', 'label', 'tabsExcluded', 'tabsIncluded'],
-        defineCustomElementFn: defineCustomElementAtomicSortExpression
+        inputs: ['collapseFacetsAfter'],
+        methods: ['initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-facets') || customElements.define('atomic-commerce-facets', AtomicCommerceFacets$1); }
     })
-], AtomicSortExpression);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSortExpression, decorators: [{
+], AtomicCommerceFacets);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceFacets, decorators: [{
             type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-sort-expression',
+            args: [{
+                    selector: 'atomic-commerce-facets',
+                    standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['expression', 'label', 'tabsExcluded', 'tabsIncluded'],
+                    inputs: ['collapseFacetsAfter']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicTab = class AtomicTab {
+let AtomicCommerceInterface = class AtomicCommerceInterface {
     z;
     el;
-    constructor(c, r, z) {
+    constructor(c, el, z) {
         this.z = z;
         c.detach();
-        this.el = r.nativeElement;
+        this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicTab, 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: AtomicTab, isStandalone: false, selector: "atomic-tab", inputs: { expression: "expression", label: "label", name: "name" }, 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: AtomicCommerceInterface, 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: AtomicCommerceInterface, isStandalone: false, selector: "atomic-commerce-interface", inputs: { type: "type", analytics: "analytics", logLevel: "logLevel", language: "language", reflectStateInUrl: "reflectStateInUrl", disableStateReflectionInUrl: "disableStateReflectionInUrl", scrollContainer: "scrollContainer", languageAssetsPath: "languageAssetsPath", iconAssetsPath: "iconAssetsPath" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicTab = __decorate([
+AtomicCommerceInterface = __decorate([
     ProxyCmp({
-        inputs: ['expression', 'label', 'name'],
-        defineCustomElementFn: defineCustomElementAtomicTab
+        inputs: ['type', 'analytics', 'logLevel', 'language', 'reflectStateInUrl', 'disableStateReflectionInUrl', 'scrollContainer', 'languageAssetsPath', 'iconAssetsPath'],
+        methods: ['initialize', 'initializeWithEngine', 'executeFirstRequest', 'updateLocale', 'toggleAnalytics', 'updateIconAssetsPath', 'updateLanguage', 'scrollToTop'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-interface') || customElements.define('atomic-commerce-interface', AtomicCommerceInterface$1); }
     })
-], AtomicTab);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicTab, decorators: [{
+], AtomicCommerceInterface);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceInterface, decorators: [{
             type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-tab',
+            args: [{
+                    selector: 'atomic-commerce-interface',
+                    standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['expression', 'label', 'name'],
+                    inputs: ['type', 'analytics', 'logLevel', 'language', 'reflectStateInUrl', 'disableStateReflectionInUrl', 'scrollContainer', 'languageAssetsPath', 'iconAssetsPath']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicTabManager = class AtomicTabManager {
+let AtomicCommerceLayout = class AtomicCommerceLayout {
     z;
     el;
-    constructor(c, r, z) {
+    constructor(c, el, z) {
         this.z = z;
         c.detach();
-        this.el = r.nativeElement;
+        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: AtomicTabManager, 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: AtomicTabManager, isStandalone: false, selector: "atomic-tab-manager", inputs: { clearFiltersOnTabChange: "clearFiltersOnTabChange" }, 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: AtomicCommerceLayout, 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: AtomicCommerceLayout, isStandalone: false, selector: "atomic-commerce-layout", inputs: { mobileBreakpoint: "mobileBreakpoint" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicTabManager = __decorate([
+AtomicCommerceLayout = __decorate([
     ProxyCmp({
-        inputs: ['clearFiltersOnTabChange'],
-        defineCustomElementFn: defineCustomElementAtomicTabManager
+        inputs: ['mobileBreakpoint'],
+        methods: ['onMobileBreakpointChange'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-layout') || customElements.define('atomic-commerce-layout', AtomicCommerceLayout$1); }
     })
-], AtomicTabManager);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicTabManager, decorators: [{
+], AtomicCommerceLayout);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceLayout, decorators: [{
             type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-tab-manager',
+            args: [{
+                    selector: 'atomic-commerce-layout',
+                    standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['clearFiltersOnTabChange'],
+                    inputs: ['mobileBreakpoint']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicTableElement = class AtomicTableElement {
+let AtomicCommerceLoadMoreProducts = class AtomicCommerceLoadMoreProducts {
     z;
     el;
-    constructor(c, r, z) {
+    constructor(c, el, z) {
         this.z = z;
         c.detach();
-        this.el = r.nativeElement;
+        this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicTableElement, 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: AtomicTableElement, isStandalone: false, selector: "atomic-table-element", inputs: { label: "label" }, 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: AtomicCommerceLoadMoreProducts, 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: AtomicCommerceLoadMoreProducts, isStandalone: false, selector: "atomic-commerce-load-more-products", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicTableElement = __decorate([
+AtomicCommerceLoadMoreProducts = __decorate([
     ProxyCmp({
-        inputs: ['label'],
-        defineCustomElementFn: defineCustomElementAtomicTableElement
+        inputs: [],
+        methods: ['initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-load-more-products') || customElements.define('atomic-commerce-load-more-products', AtomicCommerceLoadMoreProducts$1); }
     })
-], AtomicTableElement);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicTableElement, decorators: [{
+], AtomicCommerceLoadMoreProducts);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceLoadMoreProducts, decorators: [{
             type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-table-element',
+            args: [{
+                    selector: 'atomic-commerce-load-more-products',
+                    standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['label'],
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicText = class AtomicText {
+let AtomicCommerceNoProducts = class AtomicCommerceNoProducts {
     z;
     el;
-    constructor(c, r, z) {
+    constructor(c, el, z) {
         this.z = z;
         c.detach();
-        this.el = r.nativeElement;
+        this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicText, 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: AtomicText, isStandalone: false, selector: "atomic-text", inputs: { count: "count", value: "value" }, 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: AtomicCommerceNoProducts, 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: AtomicCommerceNoProducts, isStandalone: false, selector: "atomic-commerce-no-products", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicText = __decorate([
+AtomicCommerceNoProducts = __decorate([
     ProxyCmp({
-        inputs: ['count', 'value'],
-        defineCustomElementFn: defineCustomElementAtomicText
+        inputs: [],
+        methods: ['initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-no-products') || customElements.define('atomic-commerce-no-products', AtomicCommerceNoProducts$1); }
     })
-], AtomicText);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicText, decorators: [{
+], AtomicCommerceNoProducts);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceNoProducts, decorators: [{
             type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-text',
+            args: [{
+                    selector: 'atomic-commerce-no-products',
+                    standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['count', 'value'],
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicTimeframe = class AtomicTimeframe {
+let AtomicCommerceNumericFacet = class AtomicCommerceNumericFacet {
     z;
     el;
-    constructor(c, r, z) {
+    constructor(c, el, z) {
         this.z = z;
         c.detach();
-        this.el = r.nativeElement;
+        this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicTimeframe, 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: AtomicTimeframe, isStandalone: false, selector: "atomic-timeframe", inputs: { amount: "amount", label: "label", period: "period", unit: "unit" }, 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: AtomicCommerceNumericFacet, 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: AtomicCommerceNumericFacet, isStandalone: false, selector: "atomic-commerce-numeric-facet", inputs: { isCollapsed: "isCollapsed", field: "field" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicTimeframe = __decorate([
+AtomicCommerceNumericFacet = __decorate([
     ProxyCmp({
-        inputs: ['amount', 'label', 'period', 'unit'],
-        defineCustomElementFn: defineCustomElementAtomicTimeframe
+        inputs: ['isCollapsed', 'field'],
+        methods: ['initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-numeric-facet') || customElements.define('atomic-commerce-numeric-facet', AtomicCommerceNumericFacet$1); }
     })
-], AtomicTimeframe);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicTimeframe, decorators: [{
+], AtomicCommerceNumericFacet);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceNumericFacet, decorators: [{
             type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-timeframe',
+            args: [{
+                    selector: 'atomic-commerce-numeric-facet',
+                    standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['amount', 'label', 'period', 'unit'],
+                    inputs: ['isCollapsed', 'field']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicTimeframeFacet = class AtomicTimeframeFacet {
+let AtomicCommercePager = class AtomicCommercePager {
     z;
     el;
-    constructor(c, r, z) {
+    constructor(c, el, z) {
         this.z = z;
         c.detach();
-        this.el = r.nativeElement;
+        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: AtomicTimeframeFacet, 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: AtomicTimeframeFacet, isStandalone: false, selector: "atomic-timeframe-facet", inputs: { dependsOn: "dependsOn", facetId: "facetId", field: "field", filterFacetCount: "filterFacetCount", headingLevel: "headingLevel", injectionDepth: "injectionDepth", isCollapsed: "isCollapsed", label: "label", max: "max", min: "min", sortCriteria: "sortCriteria", tabsExcluded: "tabsExcluded", tabsIncluded: "tabsIncluded", withDatePicker: "withDatePicker" }, 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: AtomicCommercePager, 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: AtomicCommercePager, isStandalone: false, selector: "atomic-commerce-pager", inputs: { numberOfPages: "numberOfPages", previousButtonIcon: "previousButtonIcon", nextButtonIcon: "nextButtonIcon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicTimeframeFacet = __decorate([
+AtomicCommercePager = __decorate([
     ProxyCmp({
-        inputs: ['dependsOn', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'max', 'min', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withDatePicker'],
-        defineCustomElementFn: defineCustomElementAtomicTimeframeFacet
+        inputs: ['numberOfPages', 'previousButtonIcon', 'nextButtonIcon'],
+        methods: ['initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-pager') || customElements.define('atomic-commerce-pager', AtomicCommercePager$1); }
     })
-], AtomicTimeframeFacet);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicTimeframeFacet, decorators: [{
+], AtomicCommercePager);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommercePager, decorators: [{
             type: Component,
-            args: [{ standalone: false,
-                    selector: 'atomic-timeframe-facet',
+            args: [{
+                    selector: 'atomic-commerce-pager',
+                    standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['dependsOn', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'max', 'min', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withDatePicker'],
+                    inputs: ['numberOfPages', 'previousButtonIcon', 'nextButtonIcon']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-//#region Lit Declarations
-let AtomicCommerceBreadbox = class AtomicCommerceBreadbox {
+let AtomicCommerceProductList = class AtomicCommerceProductList {
     z;
     el;
     constructor(c, el, z) {
@@ -2274,57 +2321,58 @@ let AtomicCommerceBreadbox = class AtomicCommerceBreadbox {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceBreadbox, 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: AtomicCommerceBreadbox, isStandalone: false, selector: "atomic-commerce-breadbox", inputs: { pathLimit: "pathLimit" }, 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: AtomicCommerceProductList, 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: AtomicCommerceProductList, isStandalone: false, selector: "atomic-commerce-product-list", inputs: { density: "density", display: "display", imageSize: "imageSize", numberOfPlaceholders: "numberOfPlaceholders" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceBreadbox = __decorate([
+AtomicCommerceProductList = __decorate([
     ProxyCmp({
-        inputs: ['pathLimit'],
-        methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-breadbox') || customElements.define('atomic-commerce-breadbox', AtomicCommerceBreadbox$1); }
+        inputs: ['density', 'display', 'imageSize', 'numberOfPlaceholders'],
+        methods: ['setRenderFunction', 'initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-product-list') || customElements.define('atomic-commerce-product-list', AtomicCommerceProductList$1); }
     })
-], AtomicCommerceBreadbox);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceBreadbox, decorators: [{
+], AtomicCommerceProductList);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceProductList, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-breadbox',
+                    selector: 'atomic-commerce-product-list',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['pathLimit']
+                    inputs: ['density', 'display', 'imageSize', 'numberOfPlaceholders']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceCategoryFacet = class AtomicCommerceCategoryFacet {
+let AtomicCommerceProductsPerPage = class AtomicCommerceProductsPerPage {
     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: AtomicCommerceCategoryFacet, 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: AtomicCommerceCategoryFacet, isStandalone: false, selector: "atomic-commerce-category-facet", inputs: { isCollapsed: "isCollapsed", field: "field" }, 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: AtomicCommerceProductsPerPage, 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: AtomicCommerceProductsPerPage, isStandalone: false, selector: "atomic-commerce-products-per-page", inputs: { choicesDisplayed: "choicesDisplayed", initialChoice: "initialChoice" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceCategoryFacet = __decorate([
+AtomicCommerceProductsPerPage = __decorate([
     ProxyCmp({
-        inputs: ['isCollapsed', 'field'],
+        inputs: ['choicesDisplayed', 'initialChoice'],
         methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-category-facet') || customElements.define('atomic-commerce-category-facet', AtomicCommerceCategoryFacet$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-products-per-page') || customElements.define('atomic-commerce-products-per-page', AtomicCommerceProductsPerPage$1); }
     })
-], AtomicCommerceCategoryFacet);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceCategoryFacet, decorators: [{
+], AtomicCommerceProductsPerPage);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceProductsPerPage, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-category-facet',
+                    selector: 'atomic-commerce-products-per-page',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['isCollapsed', 'field']
+                    inputs: ['choicesDisplayed', 'initialChoice']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceDidYouMean = class AtomicCommerceDidYouMean {
+let AtomicCommerceQueryError = class AtomicCommerceQueryError {
     z;
     el;
     constructor(c, el, z) {
@@ -2332,20 +2380,20 @@ let AtomicCommerceDidYouMean = class AtomicCommerceDidYouMean {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceDidYouMean, 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: AtomicCommerceDidYouMean, isStandalone: false, selector: "atomic-commerce-did-you-mean", 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: AtomicCommerceQueryError, 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: AtomicCommerceQueryError, isStandalone: false, selector: "atomic-commerce-query-error", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceDidYouMean = __decorate([
+AtomicCommerceQueryError = __decorate([
     ProxyCmp({
         inputs: [],
         methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-did-you-mean') || customElements.define('atomic-commerce-did-you-mean', AtomicCommerceDidYouMean$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-query-error') || customElements.define('atomic-commerce-query-error', AtomicCommerceQueryError$1); }
     })
-], AtomicCommerceDidYouMean);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceDidYouMean, decorators: [{
+], AtomicCommerceQueryError);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceQueryError, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-did-you-mean',
+                    selector: 'atomic-commerce-query-error',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
@@ -2353,7 +2401,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                     inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceFacet = class AtomicCommerceFacet {
+let AtomicCommerceQuerySummary = class AtomicCommerceQuerySummary {
     z;
     el;
     constructor(c, el, z) {
@@ -2361,28 +2409,28 @@ let AtomicCommerceFacet = class AtomicCommerceFacet {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceFacet, 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: AtomicCommerceFacet, isStandalone: false, selector: "atomic-commerce-facet", inputs: { isCollapsed: "isCollapsed", field: "field" }, 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: AtomicCommerceQuerySummary, 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: AtomicCommerceQuerySummary, isStandalone: false, selector: "atomic-commerce-query-summary", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceFacet = __decorate([
+AtomicCommerceQuerySummary = __decorate([
     ProxyCmp({
-        inputs: ['isCollapsed', 'field'],
+        inputs: [],
         methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-facet') || customElements.define('atomic-commerce-facet', AtomicCommerceFacet$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-query-summary') || customElements.define('atomic-commerce-query-summary', AtomicCommerceQuerySummary$1); }
     })
-], AtomicCommerceFacet);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceFacet, decorators: [{
+], AtomicCommerceQuerySummary);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceQuerySummary, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-facet',
+                    selector: 'atomic-commerce-query-summary',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['isCollapsed', 'field']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceFacets = class AtomicCommerceFacets {
+let AtomicCommerceRecommendationInterface = class AtomicCommerceRecommendationInterface {
     z;
     el;
     constructor(c, el, z) {
@@ -2390,28 +2438,28 @@ let AtomicCommerceFacets = class AtomicCommerceFacets {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceFacets, 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: AtomicCommerceFacets, isStandalone: false, selector: "atomic-commerce-facets", inputs: { collapseFacetsAfter: "collapseFacetsAfter" }, 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: AtomicCommerceRecommendationInterface, 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: AtomicCommerceRecommendationInterface, isStandalone: false, selector: "atomic-commerce-recommendation-interface", inputs: { scrollContainer: "scrollContainer", languageAssetsPath: "languageAssetsPath", iconAssetsPath: "iconAssetsPath", language: "language", analytics: "analytics" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceFacets = __decorate([
+AtomicCommerceRecommendationInterface = __decorate([
     ProxyCmp({
-        inputs: ['collapseFacetsAfter'],
-        methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-facets') || customElements.define('atomic-commerce-facets', AtomicCommerceFacets$1); }
+        inputs: ['scrollContainer', 'languageAssetsPath', 'iconAssetsPath', 'language', 'analytics'],
+        methods: ['initializeWithEngine', 'updateLocale', 'toggleAnalytics', 'updateIconAssetsPath', 'updateLanguage'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-recommendation-interface') || customElements.define('atomic-commerce-recommendation-interface', AtomicCommerceRecommendationInterface$1); }
     })
-], AtomicCommerceFacets);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceFacets, decorators: [{
+], AtomicCommerceRecommendationInterface);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceRecommendationInterface, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-facets',
+                    selector: 'atomic-commerce-recommendation-interface',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['collapseFacetsAfter']
+                    inputs: ['scrollContainer', 'languageAssetsPath', 'iconAssetsPath', 'language', 'analytics']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceInterface = class AtomicCommerceInterface {
+let AtomicCommerceRecommendationList = class AtomicCommerceRecommendationList {
     z;
     el;
     constructor(c, el, z) {
@@ -2419,58 +2467,57 @@ let AtomicCommerceInterface = class AtomicCommerceInterface {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceInterface, 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: AtomicCommerceInterface, isStandalone: false, selector: "atomic-commerce-interface", inputs: { type: "type", analytics: "analytics", logLevel: "logLevel", language: "language", reflectStateInUrl: "reflectStateInUrl", disableStateReflectionInUrl: "disableStateReflectionInUrl", scrollContainer: "scrollContainer", languageAssetsPath: "languageAssetsPath", iconAssetsPath: "iconAssetsPath" }, 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: AtomicCommerceRecommendationList, 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: AtomicCommerceRecommendationList, isStandalone: false, selector: "atomic-commerce-recommendation-list", inputs: { slotId: "slotId", productId: "productId", display: "display", density: "density", imageSize: "imageSize", productsPerPage: "productsPerPage", headingLevel: "headingLevel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceInterface = __decorate([
+AtomicCommerceRecommendationList = __decorate([
     ProxyCmp({
-        inputs: ['type', 'analytics', 'logLevel', 'language', 'reflectStateInUrl', 'disableStateReflectionInUrl', 'scrollContainer', 'languageAssetsPath', 'iconAssetsPath'],
-        methods: ['initialize', 'initializeWithEngine', 'executeFirstRequest', 'updateLocale', 'toggleAnalytics', 'updateIconAssetsPath', 'updateLanguage', 'scrollToTop'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-interface') || customElements.define('atomic-commerce-interface', AtomicCommerceInterface$1); }
+        inputs: ['slotId', 'productId', 'display', 'density', 'imageSize', 'productsPerPage', 'headingLevel'],
+        methods: ['watchNumberOfRecommendationsPerPage', 'setRenderFunction', 'previousPage', 'nextPage', 'initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-recommendation-list') || customElements.define('atomic-commerce-recommendation-list', AtomicCommerceRecommendationList$1); }
     })
-], AtomicCommerceInterface);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceInterface, decorators: [{
+], AtomicCommerceRecommendationList);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceRecommendationList, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-interface',
+                    selector: 'atomic-commerce-recommendation-list',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['type', 'analytics', 'logLevel', 'language', 'reflectStateInUrl', 'disableStateReflectionInUrl', 'scrollContainer', 'languageAssetsPath', 'iconAssetsPath']
+                    inputs: ['slotId', 'productId', 'display', 'density', 'imageSize', 'productsPerPage', 'headingLevel']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceLayout = class AtomicCommerceLayout {
+let AtomicCommerceRefineModal = class AtomicCommerceRefineModal {
     z;
     el;
     constructor(c, el, z) {
         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: AtomicCommerceLayout, 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: AtomicCommerceLayout, isStandalone: false, selector: "atomic-commerce-layout", inputs: { mobileBreakpoint: "mobileBreakpoint" }, 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: AtomicCommerceRefineModal, 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: AtomicCommerceRefineModal, isStandalone: false, selector: "atomic-commerce-refine-modal", inputs: { openButton: "openButton", isOpen: "isOpen", collapseFacetsAfter: "collapseFacetsAfter" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceLayout = __decorate([
+AtomicCommerceRefineModal = __decorate([
     ProxyCmp({
-        inputs: ['mobileBreakpoint'],
-        methods: ['onMobileBreakpointChange'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-layout') || customElements.define('atomic-commerce-layout', AtomicCommerceLayout$1); }
+        inputs: ['openButton', 'isOpen', 'collapseFacetsAfter'],
+        methods: ['initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-refine-modal') || customElements.define('atomic-commerce-refine-modal', AtomicCommerceRefineModal$1); }
     })
-], AtomicCommerceLayout);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceLayout, decorators: [{
+], AtomicCommerceRefineModal);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceRefineModal, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-layout',
+                    selector: 'atomic-commerce-refine-modal',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['mobileBreakpoint']
+                    inputs: ['openButton', 'isOpen', 'collapseFacetsAfter']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceLoadMoreProducts = class AtomicCommerceLoadMoreProducts {
+let AtomicCommerceRefineToggle = class AtomicCommerceRefineToggle {
     z;
     el;
     constructor(c, el, z) {
@@ -2478,20 +2525,20 @@ let AtomicCommerceLoadMoreProducts = class AtomicCommerceLoadMoreProducts {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceLoadMoreProducts, 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: AtomicCommerceLoadMoreProducts, isStandalone: false, selector: "atomic-commerce-load-more-products", 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: AtomicCommerceRefineToggle, 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: AtomicCommerceRefineToggle, isStandalone: false, selector: "atomic-commerce-refine-toggle", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceLoadMoreProducts = __decorate([
+AtomicCommerceRefineToggle = __decorate([
     ProxyCmp({
         inputs: [],
         methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-load-more-products') || customElements.define('atomic-commerce-load-more-products', AtomicCommerceLoadMoreProducts$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-refine-toggle') || customElements.define('atomic-commerce-refine-toggle', AtomicCommerceRefineToggle$1); }
     })
-], AtomicCommerceLoadMoreProducts);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceLoadMoreProducts, decorators: [{
+], AtomicCommerceRefineToggle);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceRefineToggle, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-load-more-products',
+                    selector: 'atomic-commerce-refine-toggle',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
@@ -2499,7 +2546,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                     inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceNoProducts = class AtomicCommerceNoProducts {
+let AtomicCommerceSearchBoxInstantProducts = class AtomicCommerceSearchBoxInstantProducts {
     z;
     el;
     constructor(c, el, z) {
@@ -2507,28 +2554,28 @@ let AtomicCommerceNoProducts = class AtomicCommerceNoProducts {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceNoProducts, 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: AtomicCommerceNoProducts, isStandalone: false, selector: "atomic-commerce-no-products", 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: AtomicCommerceSearchBoxInstantProducts, 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: AtomicCommerceSearchBoxInstantProducts, isStandalone: false, selector: "atomic-commerce-search-box-instant-products", inputs: { density: "density", imageSize: "imageSize", ariaLabelGenerator: "ariaLabelGenerator" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceNoProducts = __decorate([
+AtomicCommerceSearchBoxInstantProducts = __decorate([
     ProxyCmp({
-        inputs: [],
-        methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-no-products') || customElements.define('atomic-commerce-no-products', AtomicCommerceNoProducts$1); }
+        inputs: ['density', 'imageSize', 'ariaLabelGenerator'],
+        methods: ['setRenderFunction', 'initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-search-box-instant-products') || customElements.define('atomic-commerce-search-box-instant-products', AtomicCommerceSearchBoxInstantProducts$1); }
     })
-], AtomicCommerceNoProducts);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceNoProducts, decorators: [{
+], AtomicCommerceSearchBoxInstantProducts);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceSearchBoxInstantProducts, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-no-products',
+                    selector: 'atomic-commerce-search-box-instant-products',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: []
+                    inputs: ['density', 'imageSize', 'ariaLabelGenerator']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceNumericFacet = class AtomicCommerceNumericFacet {
+let AtomicCommerceSearchBoxQuerySuggestions = class AtomicCommerceSearchBoxQuerySuggestions {
     z;
     el;
     constructor(c, el, z) {
@@ -2536,117 +2583,116 @@ let AtomicCommerceNumericFacet = class AtomicCommerceNumericFacet {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceNumericFacet, 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: AtomicCommerceNumericFacet, isStandalone: false, selector: "atomic-commerce-numeric-facet", inputs: { isCollapsed: "isCollapsed", field: "field" }, 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: AtomicCommerceSearchBoxQuerySuggestions, 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: AtomicCommerceSearchBoxQuerySuggestions, isStandalone: false, selector: "atomic-commerce-search-box-query-suggestions", inputs: { icon: "icon", maxWithQuery: "maxWithQuery", maxWithoutQuery: "maxWithoutQuery" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceNumericFacet = __decorate([
+AtomicCommerceSearchBoxQuerySuggestions = __decorate([
     ProxyCmp({
-        inputs: ['isCollapsed', 'field'],
+        inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'],
         methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-numeric-facet') || customElements.define('atomic-commerce-numeric-facet', AtomicCommerceNumericFacet$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-search-box-query-suggestions') || customElements.define('atomic-commerce-search-box-query-suggestions', AtomicCommerceSearchBoxQuerySuggestions$1); }
     })
-], AtomicCommerceNumericFacet);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceNumericFacet, decorators: [{
+], AtomicCommerceSearchBoxQuerySuggestions);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceSearchBoxQuerySuggestions, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-numeric-facet',
+                    selector: 'atomic-commerce-search-box-query-suggestions',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['isCollapsed', 'field']
+                    inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommercePager = class AtomicCommercePager {
+let AtomicCommerceSearchBoxRecentQueries = class AtomicCommerceSearchBoxRecentQueries {
     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: AtomicCommercePager, 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: AtomicCommercePager, isStandalone: false, selector: "atomic-commerce-pager", inputs: { numberOfPages: "numberOfPages", previousButtonIcon: "previousButtonIcon", nextButtonIcon: "nextButtonIcon" }, 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: AtomicCommerceSearchBoxRecentQueries, 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: AtomicCommerceSearchBoxRecentQueries, isStandalone: false, selector: "atomic-commerce-search-box-recent-queries", inputs: { icon: "icon", maxWithQuery: "maxWithQuery", maxWithoutQuery: "maxWithoutQuery" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommercePager = __decorate([
+AtomicCommerceSearchBoxRecentQueries = __decorate([
     ProxyCmp({
-        inputs: ['numberOfPages', 'previousButtonIcon', 'nextButtonIcon'],
+        inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'],
         methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-pager') || customElements.define('atomic-commerce-pager', AtomicCommercePager$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-search-box-recent-queries') || customElements.define('atomic-commerce-search-box-recent-queries', AtomicCommerceSearchBoxRecentQueries$1); }
     })
-], AtomicCommercePager);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommercePager, decorators: [{
+], AtomicCommerceSearchBoxRecentQueries);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceSearchBoxRecentQueries, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-pager',
+                    selector: 'atomic-commerce-search-box-recent-queries',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['numberOfPages', 'previousButtonIcon', 'nextButtonIcon']
+                    inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceProductList = class AtomicCommerceProductList {
+let AtomicCommerceSearchBox = class AtomicCommerceSearchBox {
     z;
     el;
     constructor(c, el, z) {
         this.z = z;
         c.detach();
         this.el = el.nativeElement;
+        proxyOutputs(this, this.el, ['redirect']);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceProductList, 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: AtomicCommerceProductList, isStandalone: false, selector: "atomic-commerce-product-list", inputs: { density: "density", display: "display", imageSize: "imageSize", numberOfPlaceholders: "numberOfPlaceholders" }, 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: AtomicCommerceSearchBox, 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: AtomicCommerceSearchBox, isStandalone: false, selector: "atomic-commerce-search-box", inputs: { numberOfQueries: "numberOfQueries", redirectionUrl: "redirectionUrl", suggestionTimeout: "suggestionTimeout", suggestionDelay: "suggestionDelay", disableSearch: "disableSearch", minimumQueryLength: "minimumQueryLength", clearFilters: "clearFilters" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceProductList = __decorate([
+AtomicCommerceSearchBox = __decorate([
     ProxyCmp({
-        inputs: ['density', 'display', 'imageSize', 'numberOfPlaceholders'],
-        methods: ['setRenderFunction', 'initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-product-list') || customElements.define('atomic-commerce-product-list', AtomicCommerceProductList$1); }
+        inputs: ['numberOfQueries', 'redirectionUrl', 'suggestionTimeout', 'suggestionDelay', 'disableSearch', 'minimumQueryLength', 'clearFilters'],
+        methods: ['initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-search-box') || customElements.define('atomic-commerce-search-box', AtomicCommerceSearchBox$1); }
     })
-], AtomicCommerceProductList);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceProductList, decorators: [{
+], AtomicCommerceSearchBox);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceSearchBox, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-product-list',
+                    selector: 'atomic-commerce-search-box',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['density', 'display', 'imageSize', 'numberOfPlaceholders']
+                    inputs: ['numberOfQueries', 'redirectionUrl', 'suggestionTimeout', 'suggestionDelay', 'disableSearch', 'minimumQueryLength', 'clearFilters']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceProductsPerPage = class AtomicCommerceProductsPerPage {
+let AtomicCommerceSortDropdown = class AtomicCommerceSortDropdown {
     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: AtomicCommerceProductsPerPage, 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: AtomicCommerceProductsPerPage, isStandalone: false, selector: "atomic-commerce-products-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: AtomicCommerceSortDropdown, 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: AtomicCommerceSortDropdown, isStandalone: false, selector: "atomic-commerce-sort-dropdown", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceProductsPerPage = __decorate([
+AtomicCommerceSortDropdown = __decorate([
     ProxyCmp({
-        inputs: ['choicesDisplayed', 'initialChoice'],
+        inputs: [],
         methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-products-per-page') || customElements.define('atomic-commerce-products-per-page', AtomicCommerceProductsPerPage$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-sort-dropdown') || customElements.define('atomic-commerce-sort-dropdown', AtomicCommerceSortDropdown$1); }
     })
-], AtomicCommerceProductsPerPage);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceProductsPerPage, decorators: [{
+], AtomicCommerceSortDropdown);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceSortDropdown, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-products-per-page',
+                    selector: 'atomic-commerce-sort-dropdown',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['choicesDisplayed', 'initialChoice']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceQueryError = class AtomicCommerceQueryError {
+let AtomicCommerceText = class AtomicCommerceText {
     z;
     el;
     constructor(c, el, z) {
@@ -2654,28 +2700,28 @@ let AtomicCommerceQueryError = class AtomicCommerceQueryError {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceQueryError, 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: AtomicCommerceQueryError, isStandalone: false, selector: "atomic-commerce-query-error", 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: AtomicCommerceText, 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: AtomicCommerceText, isStandalone: false, selector: "atomic-commerce-text", inputs: { value: "value", count: "count" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceQueryError = __decorate([
+AtomicCommerceText = __decorate([
     ProxyCmp({
-        inputs: [],
+        inputs: ['value', 'count'],
         methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-query-error') || customElements.define('atomic-commerce-query-error', AtomicCommerceQueryError$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-text') || customElements.define('atomic-commerce-text', AtomicCommerceText$1); }
     })
-], AtomicCommerceQueryError);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceQueryError, decorators: [{
+], AtomicCommerceText);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceText, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-query-error',
+                    selector: 'atomic-commerce-text',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: []
+                    inputs: ['value', 'count']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceQuerySummary = class AtomicCommerceQuerySummary {
+let AtomicCommerceTimeframeFacet = class AtomicCommerceTimeframeFacet {
     z;
     el;
     constructor(c, el, z) {
@@ -2683,57 +2729,58 @@ let AtomicCommerceQuerySummary = class AtomicCommerceQuerySummary {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceQuerySummary, 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: AtomicCommerceQuerySummary, isStandalone: false, selector: "atomic-commerce-query-summary", 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: AtomicCommerceTimeframeFacet, 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: AtomicCommerceTimeframeFacet, isStandalone: false, selector: "atomic-commerce-timeframe-facet", inputs: { isCollapsed: "isCollapsed", field: "field" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceQuerySummary = __decorate([
+AtomicCommerceTimeframeFacet = __decorate([
     ProxyCmp({
-        inputs: [],
+        inputs: ['isCollapsed', 'field'],
         methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-query-summary') || customElements.define('atomic-commerce-query-summary', AtomicCommerceQuerySummary$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-commerce-timeframe-facet') || customElements.define('atomic-commerce-timeframe-facet', AtomicCommerceTimeframeFacet$1); }
     })
-], AtomicCommerceQuerySummary);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceQuerySummary, decorators: [{
+], AtomicCommerceTimeframeFacet);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceTimeframeFacet, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-query-summary',
+                    selector: 'atomic-commerce-timeframe-facet',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: []
+                    inputs: ['isCollapsed', 'field']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceRecommendationInterface = class AtomicCommerceRecommendationInterface {
+let AtomicProductChildren = class AtomicProductChildren {
     z;
     el;
     constructor(c, el, z) {
         this.z = z;
         c.detach();
         this.el = el.nativeElement;
+        proxyOutputs(this, this.el, ['atomic/selectChildProduct']);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceRecommendationInterface, 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: AtomicCommerceRecommendationInterface, isStandalone: false, selector: "atomic-commerce-recommendation-interface", inputs: { scrollContainer: "scrollContainer", languageAssetsPath: "languageAssetsPath", iconAssetsPath: "iconAssetsPath", language: "language", analytics: "analytics" }, 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: AtomicProductChildren, 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: AtomicProductChildren, isStandalone: false, selector: "atomic-product-children", inputs: { label: "label", field: "field", fallback: "fallback" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceRecommendationInterface = __decorate([
+AtomicProductChildren = __decorate([
     ProxyCmp({
-        inputs: ['scrollContainer', 'languageAssetsPath', 'iconAssetsPath', 'language', 'analytics'],
-        methods: ['initializeWithEngine', 'updateLocale', 'toggleAnalytics', 'updateIconAssetsPath', 'updateLanguage'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-recommendation-interface') || customElements.define('atomic-commerce-recommendation-interface', AtomicCommerceRecommendationInterface$1); }
+        inputs: ['label', 'field', 'fallback'],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-product-children') || customElements.define('atomic-product-children', AtomicProductChildren$1); }
     })
-], AtomicCommerceRecommendationInterface);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceRecommendationInterface, decorators: [{
+], AtomicProductChildren);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductChildren, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-recommendation-interface',
+                    selector: 'atomic-product-children',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['scrollContainer', 'languageAssetsPath', 'iconAssetsPath', 'language', 'analytics']
+                    inputs: ['label', 'field', 'fallback']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceRecommendationList = class AtomicCommerceRecommendationList {
+let AtomicProductDescription = class AtomicProductDescription {
     z;
     el;
     constructor(c, el, z) {
@@ -2741,28 +2788,28 @@ let AtomicCommerceRecommendationList = class AtomicCommerceRecommendationList {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceRecommendationList, 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: AtomicCommerceRecommendationList, isStandalone: false, selector: "atomic-commerce-recommendation-list", inputs: { slotId: "slotId", productId: "productId", display: "display", density: "density", imageSize: "imageSize", productsPerPage: "productsPerPage", headingLevel: "headingLevel" }, 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: AtomicProductDescription, 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: AtomicProductDescription, isStandalone: false, selector: "atomic-product-description", inputs: { truncateAfter: "truncateAfter", field: "field", isCollapsible: "isCollapsible" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceRecommendationList = __decorate([
+AtomicProductDescription = __decorate([
     ProxyCmp({
-        inputs: ['slotId', 'productId', 'display', 'density', 'imageSize', 'productsPerPage', 'headingLevel'],
-        methods: ['watchNumberOfRecommendationsPerPage', 'setRenderFunction', 'previousPage', 'nextPage', 'initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-recommendation-list') || customElements.define('atomic-commerce-recommendation-list', AtomicCommerceRecommendationList$1); }
+        inputs: ['truncateAfter', 'field', 'isCollapsible'],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-product-description') || customElements.define('atomic-product-description', AtomicProductDescription$1); }
     })
-], AtomicCommerceRecommendationList);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceRecommendationList, decorators: [{
+], AtomicProductDescription);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductDescription, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-recommendation-list',
+                    selector: 'atomic-product-description',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['slotId', 'productId', 'display', 'density', 'imageSize', 'productsPerPage', 'headingLevel']
+                    inputs: ['truncateAfter', 'field', 'isCollapsible']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceRefineModal = class AtomicCommerceRefineModal {
+let AtomicProductExcerpt = class AtomicProductExcerpt {
     z;
     el;
     constructor(c, el, z) {
@@ -2770,28 +2817,28 @@ let AtomicCommerceRefineModal = class AtomicCommerceRefineModal {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceRefineModal, 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: AtomicCommerceRefineModal, isStandalone: false, selector: "atomic-commerce-refine-modal", inputs: { openButton: "openButton", isOpen: "isOpen", collapseFacetsAfter: "collapseFacetsAfter" }, 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: AtomicProductExcerpt, 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: AtomicProductExcerpt, isStandalone: false, selector: "atomic-product-excerpt", inputs: { truncateAfter: "truncateAfter", isCollapsible: "isCollapsible" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceRefineModal = __decorate([
+AtomicProductExcerpt = __decorate([
     ProxyCmp({
-        inputs: ['openButton', 'isOpen', 'collapseFacetsAfter'],
+        inputs: ['truncateAfter', 'isCollapsible'],
         methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-refine-modal') || customElements.define('atomic-commerce-refine-modal', AtomicCommerceRefineModal$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-product-excerpt') || customElements.define('atomic-product-excerpt', AtomicProductExcerpt$1); }
     })
-], AtomicCommerceRefineModal);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceRefineModal, decorators: [{
+], AtomicProductExcerpt);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductExcerpt, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-refine-modal',
+                    selector: 'atomic-product-excerpt',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['openButton', 'isOpen', 'collapseFacetsAfter']
+                    inputs: ['truncateAfter', 'isCollapsible']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceRefineToggle = class AtomicCommerceRefineToggle {
+let AtomicProductFieldCondition = class AtomicProductFieldCondition {
     z;
     el;
     constructor(c, el, z) {
@@ -2799,28 +2846,28 @@ let AtomicCommerceRefineToggle = class AtomicCommerceRefineToggle {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceRefineToggle, 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: AtomicCommerceRefineToggle, isStandalone: false, selector: "atomic-commerce-refine-toggle", 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: AtomicProductFieldCondition, 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: AtomicProductFieldCondition, isStandalone: false, selector: "atomic-product-field-condition", inputs: { ifDefined: "ifDefined", ifNotDefined: "ifNotDefined", mustMatch: "mustMatch", mustNotMatch: "mustNotMatch" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceRefineToggle = __decorate([
+AtomicProductFieldCondition = __decorate([
     ProxyCmp({
-        inputs: [],
-        methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-refine-toggle') || customElements.define('atomic-commerce-refine-toggle', AtomicCommerceRefineToggle$1); }
+        inputs: ['ifDefined', 'ifNotDefined', 'mustMatch', 'mustNotMatch'],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-product-field-condition') || customElements.define('atomic-product-field-condition', AtomicProductFieldCondition$1); }
     })
-], AtomicCommerceRefineToggle);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceRefineToggle, decorators: [{
+], AtomicProductFieldCondition);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductFieldCondition, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-refine-toggle',
+                    selector: 'atomic-product-field-condition',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: []
+                    inputs: ['ifDefined', 'ifNotDefined', 'mustMatch', 'mustNotMatch']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceSearchBoxInstantProducts = class AtomicCommerceSearchBoxInstantProducts {
+let AtomicProductImage = class AtomicProductImage {
     z;
     el;
     constructor(c, el, z) {
@@ -2828,28 +2875,28 @@ let AtomicCommerceSearchBoxInstantProducts = class AtomicCommerceSearchBoxInstan
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceSearchBoxInstantProducts, 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: AtomicCommerceSearchBoxInstantProducts, isStandalone: false, selector: "atomic-commerce-search-box-instant-products", inputs: { density: "density", imageSize: "imageSize", ariaLabelGenerator: "ariaLabelGenerator" }, 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: AtomicProductImage, 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: AtomicProductImage, isStandalone: false, selector: "atomic-product-image", inputs: { field: "field", imageAltField: "imageAltField", fallback: "fallback" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceSearchBoxInstantProducts = __decorate([
+AtomicProductImage = __decorate([
     ProxyCmp({
-        inputs: ['density', 'imageSize', 'ariaLabelGenerator'],
-        methods: ['setRenderFunction', 'initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-search-box-instant-products') || customElements.define('atomic-commerce-search-box-instant-products', AtomicCommerceSearchBoxInstantProducts$1); }
+        inputs: ['field', 'imageAltField', 'fallback'],
+        methods: ['initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-product-image') || customElements.define('atomic-product-image', AtomicProductImage$1); }
     })
-], AtomicCommerceSearchBoxInstantProducts);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceSearchBoxInstantProducts, decorators: [{
+], AtomicProductImage);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductImage, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-search-box-instant-products',
+                    selector: 'atomic-product-image',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['density', 'imageSize', 'ariaLabelGenerator']
+                    inputs: ['field', 'imageAltField', 'fallback']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceSearchBoxQuerySuggestions = class AtomicCommerceSearchBoxQuerySuggestions {
+let AtomicProductLink = class AtomicProductLink {
     z;
     el;
     constructor(c, el, z) {
@@ -2857,28 +2904,28 @@ let AtomicCommerceSearchBoxQuerySuggestions = class AtomicCommerceSearchBoxQuery
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceSearchBoxQuerySuggestions, 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: AtomicCommerceSearchBoxQuerySuggestions, isStandalone: false, selector: "atomic-commerce-search-box-query-suggestions", inputs: { icon: "icon", maxWithQuery: "maxWithQuery", maxWithoutQuery: "maxWithoutQuery" }, 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: AtomicProductLink, 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: AtomicProductLink, isStandalone: false, selector: "atomic-product-link", inputs: { hrefTemplate: "hrefTemplate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceSearchBoxQuerySuggestions = __decorate([
+AtomicProductLink = __decorate([
     ProxyCmp({
-        inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'],
-        methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-search-box-query-suggestions') || customElements.define('atomic-commerce-search-box-query-suggestions', AtomicCommerceSearchBoxQuerySuggestions$1); }
+        inputs: ['hrefTemplate'],
+        methods: ['renderDefaultSlotContent'],
+        defineCustomElementFn: () => { customElements.get('atomic-product-link') || customElements.define('atomic-product-link', AtomicProductLink$1); }
     })
-], AtomicCommerceSearchBoxQuerySuggestions);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceSearchBoxQuerySuggestions, decorators: [{
+], AtomicProductLink);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductLink, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-search-box-query-suggestions',
+                    selector: 'atomic-product-link',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery']
+                    inputs: ['hrefTemplate']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceSearchBoxRecentQueries = class AtomicCommerceSearchBoxRecentQueries {
+let AtomicProductMultiValueText = class AtomicProductMultiValueText {
     z;
     el;
     constructor(c, el, z) {
@@ -2886,58 +2933,57 @@ let AtomicCommerceSearchBoxRecentQueries = class AtomicCommerceSearchBoxRecentQu
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceSearchBoxRecentQueries, 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: AtomicCommerceSearchBoxRecentQueries, isStandalone: false, selector: "atomic-commerce-search-box-recent-queries", inputs: { icon: "icon", maxWithQuery: "maxWithQuery", maxWithoutQuery: "maxWithoutQuery" }, 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: AtomicProductMultiValueText, 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: AtomicProductMultiValueText, isStandalone: false, selector: "atomic-product-multi-value-text", inputs: { field: "field", maxValuesToDisplay: "maxValuesToDisplay", delimiter: "delimiter" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceSearchBoxRecentQueries = __decorate([
+AtomicProductMultiValueText = __decorate([
     ProxyCmp({
-        inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'],
+        inputs: ['field', 'maxValuesToDisplay', 'delimiter'],
         methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-search-box-recent-queries') || customElements.define('atomic-commerce-search-box-recent-queries', AtomicCommerceSearchBoxRecentQueries$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-product-multi-value-text') || customElements.define('atomic-product-multi-value-text', AtomicProductMultiValueText$1); }
     })
-], AtomicCommerceSearchBoxRecentQueries);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceSearchBoxRecentQueries, decorators: [{
+], AtomicProductMultiValueText);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductMultiValueText, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-search-box-recent-queries',
+                    selector: 'atomic-product-multi-value-text',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery']
+                    inputs: ['field', 'maxValuesToDisplay', 'delimiter']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceSearchBox = class AtomicCommerceSearchBox {
+let AtomicProductNumericFieldValue = class AtomicProductNumericFieldValue {
     z;
     el;
     constructor(c, el, z) {
         this.z = z;
         c.detach();
         this.el = el.nativeElement;
-        proxyOutputs(this, this.el, ['redirect']);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceSearchBox, 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: AtomicCommerceSearchBox, isStandalone: false, selector: "atomic-commerce-search-box", inputs: { numberOfQueries: "numberOfQueries", redirectionUrl: "redirectionUrl", suggestionTimeout: "suggestionTimeout", suggestionDelay: "suggestionDelay", disableSearch: "disableSearch", minimumQueryLength: "minimumQueryLength", clearFilters: "clearFilters" }, 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: AtomicProductNumericFieldValue, 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: AtomicProductNumericFieldValue, isStandalone: false, selector: "atomic-product-numeric-field-value", inputs: { field: "field" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceSearchBox = __decorate([
+AtomicProductNumericFieldValue = __decorate([
     ProxyCmp({
-        inputs: ['numberOfQueries', 'redirectionUrl', 'suggestionTimeout', 'suggestionDelay', 'disableSearch', 'minimumQueryLength', 'clearFilters'],
-        methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-search-box') || customElements.define('atomic-commerce-search-box', AtomicCommerceSearchBox$1); }
+        inputs: ['field'],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-product-numeric-field-value') || customElements.define('atomic-product-numeric-field-value', AtomicProductNumericFieldValue$1); }
     })
-], AtomicCommerceSearchBox);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceSearchBox, decorators: [{
+], AtomicProductNumericFieldValue);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductNumericFieldValue, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-search-box',
+                    selector: 'atomic-product-numeric-field-value',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['numberOfQueries', 'redirectionUrl', 'suggestionTimeout', 'suggestionDelay', 'disableSearch', 'minimumQueryLength', 'clearFilters']
+                    inputs: ['field']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceSortDropdown = class AtomicCommerceSortDropdown {
+let AtomicProductPrice = class AtomicProductPrice {
     z;
     el;
     constructor(c, el, z) {
@@ -2945,20 +2991,20 @@ let AtomicCommerceSortDropdown = class AtomicCommerceSortDropdown {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceSortDropdown, 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: AtomicCommerceSortDropdown, isStandalone: false, selector: "atomic-commerce-sort-dropdown", 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: AtomicProductPrice, 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: AtomicProductPrice, isStandalone: false, selector: "atomic-product-price", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceSortDropdown = __decorate([
+AtomicProductPrice = __decorate([
     ProxyCmp({
         inputs: [],
-        methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-sort-dropdown') || customElements.define('atomic-commerce-sort-dropdown', AtomicCommerceSortDropdown$1); }
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-product-price') || customElements.define('atomic-product-price', AtomicProductPrice$1); }
     })
-], AtomicCommerceSortDropdown);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceSortDropdown, decorators: [{
+], AtomicProductPrice);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductPrice, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-sort-dropdown',
+                    selector: 'atomic-product-price',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
@@ -2966,7 +3012,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                     inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceText = class AtomicCommerceText {
+let AtomicProductRating = class AtomicProductRating {
     z;
     el;
     constructor(c, el, z) {
@@ -2974,28 +3020,28 @@ let AtomicCommerceText = class AtomicCommerceText {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceText, 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: AtomicCommerceText, isStandalone: false, selector: "atomic-commerce-text", inputs: { value: "value", count: "count" }, 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: AtomicProductRating, 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: AtomicProductRating, isStandalone: false, selector: "atomic-product-rating", inputs: { field: "field", ratingDetailsField: "ratingDetailsField", maxValueInIndex: "maxValueInIndex", icon: "icon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceText = __decorate([
+AtomicProductRating = __decorate([
     ProxyCmp({
-        inputs: ['value', 'count'],
+        inputs: ['field', 'ratingDetailsField', 'maxValueInIndex', 'icon'],
         methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-text') || customElements.define('atomic-commerce-text', AtomicCommerceText$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-product-rating') || customElements.define('atomic-product-rating', AtomicProductRating$1); }
     })
-], AtomicCommerceText);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceText, decorators: [{
+], AtomicProductRating);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductRating, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-text',
+                    selector: 'atomic-product-rating',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['value', 'count']
+                    inputs: ['field', 'ratingDetailsField', 'maxValueInIndex', 'icon']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicCommerceTimeframeFacet = class AtomicCommerceTimeframeFacet {
+let AtomicProductSectionActions = class AtomicProductSectionActions {
     z;
     el;
     constructor(c, el, z) {
@@ -3003,58 +3049,57 @@ let AtomicCommerceTimeframeFacet = class AtomicCommerceTimeframeFacet {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceTimeframeFacet, 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: AtomicCommerceTimeframeFacet, isStandalone: false, selector: "atomic-commerce-timeframe-facet", inputs: { isCollapsed: "isCollapsed", field: "field" }, 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: AtomicProductSectionActions, 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: AtomicProductSectionActions, isStandalone: false, selector: "atomic-product-section-actions", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicCommerceTimeframeFacet = __decorate([
+AtomicProductSectionActions = __decorate([
     ProxyCmp({
-        inputs: ['isCollapsed', 'field'],
-        methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-commerce-timeframe-facet') || customElements.define('atomic-commerce-timeframe-facet', AtomicCommerceTimeframeFacet$1); }
+        inputs: [],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-product-section-actions') || customElements.define('atomic-product-section-actions', AtomicProductSectionActions$1); }
     })
-], AtomicCommerceTimeframeFacet);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicCommerceTimeframeFacet, decorators: [{
+], AtomicProductSectionActions);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionActions, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-commerce-timeframe-facet',
+                    selector: 'atomic-product-section-actions',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['isCollapsed', 'field']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductChildren = class AtomicProductChildren {
+let AtomicProductSectionBadges = class AtomicProductSectionBadges {
     z;
     el;
     constructor(c, el, z) {
         this.z = z;
         c.detach();
         this.el = el.nativeElement;
-        proxyOutputs(this, this.el, ['atomic/selectChildProduct']);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductChildren, 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: AtomicProductChildren, isStandalone: false, selector: "atomic-product-children", inputs: { label: "label", field: "field", fallback: "fallback" }, 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: AtomicProductSectionBadges, 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: AtomicProductSectionBadges, isStandalone: false, selector: "atomic-product-section-badges", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductChildren = __decorate([
+AtomicProductSectionBadges = __decorate([
     ProxyCmp({
-        inputs: ['label', 'field', 'fallback'],
+        inputs: [],
         methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-product-children') || customElements.define('atomic-product-children', AtomicProductChildren$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-product-section-badges') || customElements.define('atomic-product-section-badges', AtomicProductSectionBadges$1); }
     })
-], AtomicProductChildren);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductChildren, decorators: [{
+], AtomicProductSectionBadges);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionBadges, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-children',
+                    selector: 'atomic-product-section-badges',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['label', 'field', 'fallback']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductDescription = class AtomicProductDescription {
+let AtomicProductSectionBottomMetadata = class AtomicProductSectionBottomMetadata {
     z;
     el;
     constructor(c, el, z) {
@@ -3062,28 +3107,28 @@ let AtomicProductDescription = class AtomicProductDescription {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductDescription, 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: AtomicProductDescription, isStandalone: false, selector: "atomic-product-description", inputs: { truncateAfter: "truncateAfter", field: "field", isCollapsible: "isCollapsible" }, 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: AtomicProductSectionBottomMetadata, 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: AtomicProductSectionBottomMetadata, isStandalone: false, selector: "atomic-product-section-bottom-metadata", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductDescription = __decorate([
+AtomicProductSectionBottomMetadata = __decorate([
     ProxyCmp({
-        inputs: ['truncateAfter', 'field', 'isCollapsible'],
+        inputs: [],
         methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-product-description') || customElements.define('atomic-product-description', AtomicProductDescription$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-product-section-bottom-metadata') || customElements.define('atomic-product-section-bottom-metadata', AtomicProductSectionBottomMetadata$1); }
     })
-], AtomicProductDescription);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductDescription, decorators: [{
+], AtomicProductSectionBottomMetadata);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionBottomMetadata, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-description',
+                    selector: 'atomic-product-section-bottom-metadata',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['truncateAfter', 'field', 'isCollapsible']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductExcerpt = class AtomicProductExcerpt {
+let AtomicProductSectionChildren = class AtomicProductSectionChildren {
     z;
     el;
     constructor(c, el, z) {
@@ -3091,28 +3136,28 @@ let AtomicProductExcerpt = class AtomicProductExcerpt {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductExcerpt, 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: AtomicProductExcerpt, isStandalone: false, selector: "atomic-product-excerpt", inputs: { truncateAfter: "truncateAfter", isCollapsible: "isCollapsible" }, 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: AtomicProductSectionChildren, 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: AtomicProductSectionChildren, isStandalone: false, selector: "atomic-product-section-children", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductExcerpt = __decorate([
+AtomicProductSectionChildren = __decorate([
     ProxyCmp({
-        inputs: ['truncateAfter', 'isCollapsible'],
-        methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-product-excerpt') || customElements.define('atomic-product-excerpt', AtomicProductExcerpt$1); }
+        inputs: [],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-product-section-children') || customElements.define('atomic-product-section-children', AtomicProductSectionChildren$1); }
     })
-], AtomicProductExcerpt);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductExcerpt, decorators: [{
+], AtomicProductSectionChildren);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionChildren, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-excerpt',
+                    selector: 'atomic-product-section-children',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['truncateAfter', 'isCollapsible']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductFieldCondition = class AtomicProductFieldCondition {
+let AtomicProductSectionDescription = class AtomicProductSectionDescription {
     z;
     el;
     constructor(c, el, z) {
@@ -3120,28 +3165,28 @@ let AtomicProductFieldCondition = class AtomicProductFieldCondition {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductFieldCondition, 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: AtomicProductFieldCondition, isStandalone: false, selector: "atomic-product-field-condition", inputs: { ifDefined: "ifDefined", ifNotDefined: "ifNotDefined", mustMatch: "mustMatch", mustNotMatch: "mustNotMatch" }, 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: AtomicProductSectionDescription, 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: AtomicProductSectionDescription, isStandalone: false, selector: "atomic-product-section-description", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductFieldCondition = __decorate([
+AtomicProductSectionDescription = __decorate([
     ProxyCmp({
-        inputs: ['ifDefined', 'ifNotDefined', 'mustMatch', 'mustNotMatch'],
+        inputs: [],
         methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-product-field-condition') || customElements.define('atomic-product-field-condition', AtomicProductFieldCondition$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-product-section-description') || customElements.define('atomic-product-section-description', AtomicProductSectionDescription$1); }
     })
-], AtomicProductFieldCondition);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductFieldCondition, decorators: [{
+], AtomicProductSectionDescription);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionDescription, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-field-condition',
+                    selector: 'atomic-product-section-description',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['ifDefined', 'ifNotDefined', 'mustMatch', 'mustNotMatch']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductImage = class AtomicProductImage {
+let AtomicProductSectionEmphasized = class AtomicProductSectionEmphasized {
     z;
     el;
     constructor(c, el, z) {
@@ -3149,28 +3194,28 @@ let AtomicProductImage = class AtomicProductImage {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductImage, 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: AtomicProductImage, isStandalone: false, selector: "atomic-product-image", inputs: { field: "field", imageAltField: "imageAltField", fallback: "fallback" }, 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: AtomicProductSectionEmphasized, 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: AtomicProductSectionEmphasized, isStandalone: false, selector: "atomic-product-section-emphasized", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductImage = __decorate([
+AtomicProductSectionEmphasized = __decorate([
     ProxyCmp({
-        inputs: ['field', 'imageAltField', 'fallback'],
-        methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-product-image') || customElements.define('atomic-product-image', AtomicProductImage$1); }
+        inputs: [],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-product-section-emphasized') || customElements.define('atomic-product-section-emphasized', AtomicProductSectionEmphasized$1); }
     })
-], AtomicProductImage);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductImage, decorators: [{
+], AtomicProductSectionEmphasized);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionEmphasized, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-image',
+                    selector: 'atomic-product-section-emphasized',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['field', 'imageAltField', 'fallback']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductLink = class AtomicProductLink {
+let AtomicProductSectionMetadata = class AtomicProductSectionMetadata {
     z;
     el;
     constructor(c, el, z) {
@@ -3178,28 +3223,28 @@ let AtomicProductLink = class AtomicProductLink {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductLink, 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: AtomicProductLink, isStandalone: false, selector: "atomic-product-link", inputs: { hrefTemplate: "hrefTemplate" }, 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: AtomicProductSectionMetadata, 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: AtomicProductSectionMetadata, isStandalone: false, selector: "atomic-product-section-metadata", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductLink = __decorate([
+AtomicProductSectionMetadata = __decorate([
     ProxyCmp({
-        inputs: ['hrefTemplate'],
-        methods: ['renderDefaultSlotContent'],
-        defineCustomElementFn: () => { customElements.get('atomic-product-link') || customElements.define('atomic-product-link', AtomicProductLink$1); }
+        inputs: [],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-product-section-metadata') || customElements.define('atomic-product-section-metadata', AtomicProductSectionMetadata$1); }
     })
-], AtomicProductLink);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductLink, decorators: [{
+], AtomicProductSectionMetadata);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionMetadata, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-link',
+                    selector: 'atomic-product-section-metadata',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['hrefTemplate']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductMultiValueText = class AtomicProductMultiValueText {
+let AtomicProductSectionName = class AtomicProductSectionName {
     z;
     el;
     constructor(c, el, z) {
@@ -3207,28 +3252,28 @@ let AtomicProductMultiValueText = class AtomicProductMultiValueText {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductMultiValueText, 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: AtomicProductMultiValueText, isStandalone: false, selector: "atomic-product-multi-value-text", inputs: { field: "field", maxValuesToDisplay: "maxValuesToDisplay", delimiter: "delimiter" }, 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: AtomicProductSectionName, 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: AtomicProductSectionName, isStandalone: false, selector: "atomic-product-section-name", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductMultiValueText = __decorate([
+AtomicProductSectionName = __decorate([
     ProxyCmp({
-        inputs: ['field', 'maxValuesToDisplay', 'delimiter'],
-        methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-product-multi-value-text') || customElements.define('atomic-product-multi-value-text', AtomicProductMultiValueText$1); }
+        inputs: [],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-product-section-name') || customElements.define('atomic-product-section-name', AtomicProductSectionName$1); }
     })
-], AtomicProductMultiValueText);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductMultiValueText, decorators: [{
+], AtomicProductSectionName);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionName, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-multi-value-text',
+                    selector: 'atomic-product-section-name',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['field', 'maxValuesToDisplay', 'delimiter']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductNumericFieldValue = class AtomicProductNumericFieldValue {
+let AtomicProductSectionVisual = class AtomicProductSectionVisual {
     z;
     el;
     constructor(c, el, z) {
@@ -3236,28 +3281,28 @@ let AtomicProductNumericFieldValue = class AtomicProductNumericFieldValue {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductNumericFieldValue, 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: AtomicProductNumericFieldValue, isStandalone: false, selector: "atomic-product-numeric-field-value", inputs: { field: "field" }, 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: AtomicProductSectionVisual, 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: AtomicProductSectionVisual, isStandalone: false, selector: "atomic-product-section-visual", inputs: { imageSize: "imageSize" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductNumericFieldValue = __decorate([
+AtomicProductSectionVisual = __decorate([
     ProxyCmp({
-        inputs: ['field'],
+        inputs: ['imageSize'],
         methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-product-numeric-field-value') || customElements.define('atomic-product-numeric-field-value', AtomicProductNumericFieldValue$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-product-section-visual') || customElements.define('atomic-product-section-visual', AtomicProductSectionVisual$1); }
     })
-], AtomicProductNumericFieldValue);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductNumericFieldValue, decorators: [{
+], AtomicProductSectionVisual);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionVisual, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-numeric-field-value',
+                    selector: 'atomic-product-section-visual',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['field']
+                    inputs: ['imageSize']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductPrice = class AtomicProductPrice {
+let AtomicProductTemplate = class AtomicProductTemplate {
     z;
     el;
     constructor(c, el, z) {
@@ -3265,28 +3310,28 @@ let AtomicProductPrice = class AtomicProductPrice {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductPrice, 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: AtomicProductPrice, isStandalone: false, selector: "atomic-product-price", 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: AtomicProductTemplate, 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: AtomicProductTemplate, isStandalone: false, selector: "atomic-product-template", inputs: { mustMatch: "mustMatch", mustNotMatch: "mustNotMatch" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductPrice = __decorate([
+AtomicProductTemplate = __decorate([
     ProxyCmp({
-        inputs: [],
-        methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-product-price') || customElements.define('atomic-product-price', AtomicProductPrice$1); }
+        inputs: ['mustMatch', 'mustNotMatch'],
+        methods: ['getTemplate'],
+        defineCustomElementFn: () => { customElements.get('atomic-product-template') || customElements.define('atomic-product-template', AtomicProductTemplate$1); }
     })
-], AtomicProductPrice);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductPrice, decorators: [{
+], AtomicProductTemplate);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductTemplate, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-price',
+                    selector: 'atomic-product-template',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: []
+                    inputs: ['mustMatch', 'mustNotMatch']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductRating = class AtomicProductRating {
+let AtomicProductText = class AtomicProductText {
     z;
     el;
     constructor(c, el, z) {
@@ -3294,28 +3339,28 @@ let AtomicProductRating = class AtomicProductRating {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductRating, 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: AtomicProductRating, isStandalone: false, selector: "atomic-product-rating", inputs: { field: "field", ratingDetailsField: "ratingDetailsField", maxValueInIndex: "maxValueInIndex", icon: "icon" }, 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: AtomicProductText, 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: AtomicProductText, isStandalone: false, selector: "atomic-product-text", inputs: { field: "field", shouldHighlight: "shouldHighlight", disableHighlight: "disableHighlight", default: "default" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductRating = __decorate([
+AtomicProductText = __decorate([
     ProxyCmp({
-        inputs: ['field', 'ratingDetailsField', 'maxValueInIndex', 'icon'],
-        methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-product-rating') || customElements.define('atomic-product-rating', AtomicProductRating$1); }
+        inputs: ['field', 'shouldHighlight', 'disableHighlight', 'default'],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-product-text') || customElements.define('atomic-product-text', AtomicProductText$1); }
     })
-], AtomicProductRating);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductRating, decorators: [{
+], AtomicProductText);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductText, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-rating',
+                    selector: 'atomic-product-text',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['field', 'ratingDetailsField', 'maxValueInIndex', 'icon']
+                    inputs: ['field', 'shouldHighlight', 'disableHighlight', 'default']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductSectionActions = class AtomicProductSectionActions {
+let AtomicProduct = class AtomicProduct {
     z;
     el;
     constructor(c, el, z) {
@@ -3323,49 +3368,50 @@ let AtomicProductSectionActions = class AtomicProductSectionActions {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionActions, 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: AtomicProductSectionActions, isStandalone: false, selector: "atomic-product-section-actions", 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: AtomicProduct, 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: AtomicProduct, isStandalone: false, selector: "atomic-product", inputs: { stopPropagation: "stopPropagation", product: "product", interactiveProduct: "interactiveProduct", store: "store", content: "content", linkContent: "linkContent", display: "display", density: "density", imageSize: "imageSize", classes: "classes" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductSectionActions = __decorate([
+AtomicProduct = __decorate([
     ProxyCmp({
-        inputs: [],
+        inputs: ['stopPropagation', 'product', 'interactiveProduct', 'store', 'content', 'linkContent', 'display', 'density', 'imageSize', 'classes'],
         methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-product-section-actions') || customElements.define('atomic-product-section-actions', AtomicProductSectionActions$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-product') || customElements.define('atomic-product', AtomicProduct$1); }
     })
-], AtomicProductSectionActions);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionActions, decorators: [{
+], AtomicProduct);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProduct, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-section-actions',
+                    selector: 'atomic-product',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: []
+                    inputs: ['stopPropagation', 'product', 'interactiveProduct', 'store', 'content', 'linkContent', 'display', 'density', 'imageSize', 'classes']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductSectionBadges = class AtomicProductSectionBadges {
+let AtomicAriaLive = class AtomicAriaLive {
     z;
     el;
     constructor(c, el, z) {
         this.z = z;
         c.detach();
         this.el = el.nativeElement;
+        proxyOutputs(this, this.el, ['atomic/accessibility/findAriaLive']);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionBadges, 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: AtomicProductSectionBadges, isStandalone: false, selector: "atomic-product-section-badges", 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: AtomicAriaLive, 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: AtomicAriaLive, isStandalone: false, selector: "atomic-aria-live", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductSectionBadges = __decorate([
+AtomicAriaLive = __decorate([
     ProxyCmp({
         inputs: [],
-        methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-product-section-badges') || customElements.define('atomic-product-section-badges', AtomicProductSectionBadges$1); }
+        methods: ['updateMessage', 'registerRegion'],
+        defineCustomElementFn: () => { customElements.get('atomic-aria-live') || customElements.define('atomic-aria-live', AtomicAriaLive$1); }
     })
-], AtomicProductSectionBadges);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionBadges, decorators: [{
+], AtomicAriaLive);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicAriaLive, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-section-badges',
+                    selector: 'atomic-aria-live',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
@@ -3373,7 +3419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                     inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductSectionBottomMetadata = class AtomicProductSectionBottomMetadata {
+let AtomicComponentError = class AtomicComponentError {
     z;
     el;
     constructor(c, el, z) {
@@ -3381,28 +3427,28 @@ let AtomicProductSectionBottomMetadata = class AtomicProductSectionBottomMetadat
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionBottomMetadata, 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: AtomicProductSectionBottomMetadata, isStandalone: false, selector: "atomic-product-section-bottom-metadata", 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: AtomicComponentError, 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: AtomicComponentError, isStandalone: false, selector: "atomic-component-error", inputs: { element: "element" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductSectionBottomMetadata = __decorate([
+AtomicComponentError = __decorate([
     ProxyCmp({
-        inputs: [],
+        inputs: ['element'],
         methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-product-section-bottom-metadata') || customElements.define('atomic-product-section-bottom-metadata', AtomicProductSectionBottomMetadata$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-component-error') || customElements.define('atomic-component-error', AtomicComponentError$1); }
     })
-], AtomicProductSectionBottomMetadata);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionBottomMetadata, decorators: [{
+], AtomicComponentError);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicComponentError, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-section-bottom-metadata',
+                    selector: 'atomic-component-error',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: []
+                    inputs: ['element']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductSectionChildren = class AtomicProductSectionChildren {
+let AtomicIcon = class AtomicIcon {
     z;
     el;
     constructor(c, el, z) {
@@ -3410,28 +3456,28 @@ let AtomicProductSectionChildren = class AtomicProductSectionChildren {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionChildren, 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: AtomicProductSectionChildren, isStandalone: false, selector: "atomic-product-section-children", 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: AtomicIcon, 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: AtomicIcon, isStandalone: false, selector: "atomic-icon", inputs: { icon: "icon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductSectionChildren = __decorate([
+AtomicIcon = __decorate([
     ProxyCmp({
-        inputs: [],
-        methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-product-section-children') || customElements.define('atomic-product-section-children', AtomicProductSectionChildren$1); }
+        inputs: ['icon'],
+        methods: ['updateIcon', 'initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-icon') || customElements.define('atomic-icon', AtomicIcon$1); }
     })
-], AtomicProductSectionChildren);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionChildren, decorators: [{
+], AtomicIcon);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicIcon, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-section-children',
+                    selector: 'atomic-icon',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: []
+                    inputs: ['icon']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductSectionDescription = class AtomicProductSectionDescription {
+let AtomicLayoutSection = class AtomicLayoutSection {
     z;
     el;
     constructor(c, el, z) {
@@ -3439,28 +3485,28 @@ let AtomicProductSectionDescription = class AtomicProductSectionDescription {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionDescription, 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: AtomicProductSectionDescription, isStandalone: false, selector: "atomic-product-section-description", 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: AtomicLayoutSection, 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: AtomicLayoutSection, isStandalone: false, selector: "atomic-layout-section", inputs: { section: "section", minWidth: "minWidth", maxWidth: "maxWidth" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductSectionDescription = __decorate([
+AtomicLayoutSection = __decorate([
     ProxyCmp({
-        inputs: [],
+        inputs: ['section', 'minWidth', 'maxWidth'],
         methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-product-section-description') || customElements.define('atomic-product-section-description', AtomicProductSectionDescription$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-layout-section') || customElements.define('atomic-layout-section', AtomicLayoutSection$1); }
     })
-], AtomicProductSectionDescription);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionDescription, decorators: [{
+], AtomicLayoutSection);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicLayoutSection, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-section-description',
+                    selector: 'atomic-layout-section',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: []
+                    inputs: ['section', 'minWidth', 'maxWidth']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductSectionEmphasized = class AtomicProductSectionEmphasized {
+let AtomicInsightInterface = class AtomicInsightInterface {
     z;
     el;
     constructor(c, el, z) {
@@ -3468,57 +3514,58 @@ let AtomicProductSectionEmphasized = class AtomicProductSectionEmphasized {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionEmphasized, 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: AtomicProductSectionEmphasized, isStandalone: false, selector: "atomic-product-section-emphasized", 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: AtomicInsightInterface, 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: AtomicInsightInterface, isStandalone: false, selector: "atomic-insight-interface", inputs: { engine: "engine", analytics: "analytics", i18n: "i18n", logLevel: "logLevel", language: "language", languageAssetsPath: "languageAssetsPath", iconAssetsPath: "iconAssetsPath", fieldsToInclude: "fieldsToInclude", resultsPerPage: "resultsPerPage" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductSectionEmphasized = __decorate([
+AtomicInsightInterface = __decorate([
     ProxyCmp({
-        inputs: [],
-        methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-product-section-emphasized') || customElements.define('atomic-product-section-emphasized', AtomicProductSectionEmphasized$1); }
+        inputs: ['engine', 'analytics', 'i18n', 'logLevel', 'language', 'languageAssetsPath', 'iconAssetsPath', 'fieldsToInclude', 'resultsPerPage'],
+        methods: ['initialize', 'initializeWithInsightEngine', 'executeFirstSearch', 'toggleAnalytics', 'updateIconAssetsPath', 'updateLanguage', 'registerFieldsToInclude'],
+        defineCustomElementFn: () => { customElements.get('atomic-insight-interface') || customElements.define('atomic-insight-interface', AtomicInsightInterface$1); }
     })
-], AtomicProductSectionEmphasized);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionEmphasized, decorators: [{
+], AtomicInsightInterface);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicInsightInterface, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-section-emphasized',
+                    selector: 'atomic-insight-interface',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: []
+                    inputs: ['engine', 'analytics', 'i18n', 'logLevel', 'language', 'languageAssetsPath', 'iconAssetsPath', 'fieldsToInclude', 'resultsPerPage']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductSectionMetadata = class AtomicProductSectionMetadata {
+let AtomicPager = class AtomicPager {
     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: AtomicProductSectionMetadata, 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: AtomicProductSectionMetadata, isStandalone: false, selector: "atomic-product-section-metadata", 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: AtomicPager, 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: AtomicPager, isStandalone: false, selector: "atomic-pager", inputs: { numberOfPages: "numberOfPages", previousButtonIcon: "previousButtonIcon", nextButtonIcon: "nextButtonIcon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductSectionMetadata = __decorate([
+AtomicPager = __decorate([
     ProxyCmp({
-        inputs: [],
-        methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-product-section-metadata') || customElements.define('atomic-product-section-metadata', AtomicProductSectionMetadata$1); }
+        inputs: ['numberOfPages', 'previousButtonIcon', 'nextButtonIcon'],
+        methods: ['initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-pager') || customElements.define('atomic-pager', AtomicPager$1); }
     })
-], AtomicProductSectionMetadata);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionMetadata, decorators: [{
+], AtomicPager);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicPager, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-section-metadata',
+                    selector: 'atomic-pager',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: []
+                    inputs: ['numberOfPages', 'previousButtonIcon', 'nextButtonIcon']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductSectionName = class AtomicProductSectionName {
+let AtomicQuerySummary = class AtomicQuerySummary {
     z;
     el;
     constructor(c, el, z) {
@@ -3526,20 +3573,20 @@ let AtomicProductSectionName = class AtomicProductSectionName {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionName, 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: AtomicProductSectionName, isStandalone: false, selector: "atomic-product-section-name", 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: AtomicQuerySummary, 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: AtomicQuerySummary, isStandalone: false, selector: "atomic-query-summary", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicProductSectionName = __decorate([
+AtomicQuerySummary = __decorate([
     ProxyCmp({
         inputs: [],
-        methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-product-section-name') || customElements.define('atomic-product-section-name', AtomicProductSectionName$1); }
+        methods: ['initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-query-summary') || customElements.define('atomic-query-summary', AtomicQuerySummary$1); }
     })
-], AtomicProductSectionName);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionName, decorators: [{
+], AtomicQuerySummary);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicQuerySummary, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-section-name',
+                    selector: 'atomic-query-summary',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
@@ -3547,7 +3594,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                     inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductSectionVisual = class AtomicProductSectionVisual {
+let AtomicResultSectionActions = class AtomicResultSectionActions {
     z;
     el;
     constructor(c, el, z) {
@@ -3555,28 +3602,28 @@ let AtomicProductSectionVisual = class AtomicProductSectionVisual {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionVisual, 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: AtomicProductSectionVisual, isStandalone: false, selector: "atomic-product-section-visual", inputs: { imageSize: "imageSize" }, 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 });
 };
-AtomicProductSectionVisual = __decorate([
+AtomicResultSectionActions = __decorate([
     ProxyCmp({
-        inputs: ['imageSize'],
+        inputs: [],
         methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-product-section-visual') || customElements.define('atomic-product-section-visual', AtomicProductSectionVisual$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-actions') || customElements.define('atomic-result-section-actions', AtomicResultSectionActions$1); }
     })
-], AtomicProductSectionVisual);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductSectionVisual, decorators: [{
+], AtomicResultSectionActions);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionActions, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-section-visual',
+                    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: ['imageSize']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductTemplate = class AtomicProductTemplate {
+let AtomicResultSectionBadges = class AtomicResultSectionBadges {
     z;
     el;
     constructor(c, el, z) {
@@ -3584,28 +3631,28 @@ let AtomicProductTemplate = class AtomicProductTemplate {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductTemplate, 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: AtomicProductTemplate, isStandalone: false, selector: "atomic-product-template", inputs: { mustMatch: "mustMatch", mustNotMatch: "mustNotMatch" }, 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: 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 });
 };
-AtomicProductTemplate = __decorate([
+AtomicResultSectionBadges = __decorate([
     ProxyCmp({
-        inputs: ['mustMatch', 'mustNotMatch'],
-        methods: ['getTemplate'],
-        defineCustomElementFn: () => { customElements.get('atomic-product-template') || customElements.define('atomic-product-template', AtomicProductTemplate$1); }
+        inputs: [],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-badges') || customElements.define('atomic-result-section-badges', AtomicResultSectionBadges$1); }
     })
-], AtomicProductTemplate);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductTemplate, decorators: [{
+], AtomicResultSectionBadges);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionBadges, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-template',
+                    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: ['mustMatch', 'mustNotMatch']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProductText = class AtomicProductText {
+let AtomicResultSectionBottomMetadata = class AtomicResultSectionBottomMetadata {
     z;
     el;
     constructor(c, el, z) {
@@ -3613,28 +3660,28 @@ let AtomicProductText = class AtomicProductText {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductText, 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: AtomicProductText, isStandalone: false, selector: "atomic-product-text", inputs: { field: "field", shouldHighlight: "shouldHighlight", disableHighlight: "disableHighlight", default: "default" }, 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: 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 });
 };
-AtomicProductText = __decorate([
+AtomicResultSectionBottomMetadata = __decorate([
     ProxyCmp({
-        inputs: ['field', 'shouldHighlight', 'disableHighlight', 'default'],
+        inputs: [],
         methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-product-text') || customElements.define('atomic-product-text', AtomicProductText$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-bottom-metadata') || customElements.define('atomic-result-section-bottom-metadata', AtomicResultSectionBottomMetadata$1); }
     })
-], AtomicProductText);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProductText, decorators: [{
+], AtomicResultSectionBottomMetadata);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionBottomMetadata, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product-text',
+                    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: ['field', 'shouldHighlight', 'disableHighlight', 'default']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicProduct = class AtomicProduct {
+let AtomicResultSectionChildren = class AtomicResultSectionChildren {
     z;
     el;
     constructor(c, el, z) {
@@ -3642,50 +3689,49 @@ let AtomicProduct = class AtomicProduct {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProduct, 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: AtomicProduct, isStandalone: false, selector: "atomic-product", inputs: { stopPropagation: "stopPropagation", product: "product", interactiveProduct: "interactiveProduct", store: "store", content: "content", linkContent: "linkContent", display: "display", density: "density", imageSize: "imageSize", classes: "classes" }, 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: 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 });
 };
-AtomicProduct = __decorate([
+AtomicResultSectionChildren = __decorate([
     ProxyCmp({
-        inputs: ['stopPropagation', 'product', 'interactiveProduct', 'store', 'content', 'linkContent', 'display', 'density', 'imageSize', 'classes'],
+        inputs: [],
         methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-product') || customElements.define('atomic-product', AtomicProduct$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-children') || customElements.define('atomic-result-section-children', AtomicResultSectionChildren$1); }
     })
-], AtomicProduct);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicProduct, decorators: [{
+], AtomicResultSectionChildren);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionChildren, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-product',
+                    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: ['stopPropagation', 'product', 'interactiveProduct', 'store', 'content', 'linkContent', 'display', 'density', 'imageSize', 'classes']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicAriaLive = class AtomicAriaLive {
+let AtomicResultSectionEmphasized = class AtomicResultSectionEmphasized {
     z;
     el;
     constructor(c, el, z) {
         this.z = z;
         c.detach();
         this.el = el.nativeElement;
-        proxyOutputs(this, this.el, ['atomic/accessibility/findAriaLive']);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicAriaLive, 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: AtomicAriaLive, isStandalone: false, selector: "atomic-aria-live", 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: 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 });
 };
-AtomicAriaLive = __decorate([
+AtomicResultSectionEmphasized = __decorate([
     ProxyCmp({
         inputs: [],
-        methods: ['updateMessage', 'registerRegion'],
-        defineCustomElementFn: () => { customElements.get('atomic-aria-live') || customElements.define('atomic-aria-live', AtomicAriaLive$1); }
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-emphasized') || customElements.define('atomic-result-section-emphasized', AtomicResultSectionEmphasized$1); }
     })
-], AtomicAriaLive);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicAriaLive, decorators: [{
+], AtomicResultSectionEmphasized);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionEmphasized, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-aria-live',
+                    selector: 'atomic-result-section-emphasized',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
@@ -3693,7 +3739,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                     inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicComponentError = class AtomicComponentError {
+let AtomicResultSectionExcerpt = class AtomicResultSectionExcerpt {
     z;
     el;
     constructor(c, el, z) {
@@ -3701,28 +3747,28 @@ let AtomicComponentError = class AtomicComponentError {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicComponentError, 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: AtomicComponentError, isStandalone: false, selector: "atomic-component-error", inputs: { element: "element" }, 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: 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 });
 };
-AtomicComponentError = __decorate([
+AtomicResultSectionExcerpt = __decorate([
     ProxyCmp({
-        inputs: ['element'],
+        inputs: [],
         methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-component-error') || customElements.define('atomic-component-error', AtomicComponentError$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-excerpt') || customElements.define('atomic-result-section-excerpt', AtomicResultSectionExcerpt$1); }
     })
-], AtomicComponentError);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicComponentError, decorators: [{
+], AtomicResultSectionExcerpt);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionExcerpt, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-component-error',
+                    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: ['element']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicIcon = class AtomicIcon {
+let AtomicResultSectionTitleMetadata = class AtomicResultSectionTitleMetadata {
     z;
     el;
     constructor(c, el, z) {
@@ -3730,28 +3776,28 @@ let AtomicIcon = class AtomicIcon {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicIcon, 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: AtomicIcon, isStandalone: false, selector: "atomic-icon", inputs: { icon: "icon" }, 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: 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 });
 };
-AtomicIcon = __decorate([
+AtomicResultSectionTitleMetadata = __decorate([
     ProxyCmp({
-        inputs: ['icon'],
-        methods: ['updateIcon', 'initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-icon') || customElements.define('atomic-icon', AtomicIcon$1); }
+        inputs: [],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-title-metadata') || customElements.define('atomic-result-section-title-metadata', AtomicResultSectionTitleMetadata$1); }
     })
-], AtomicIcon);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicIcon, decorators: [{
+], AtomicResultSectionTitleMetadata);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionTitleMetadata, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-icon',
+                    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: ['icon']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicLayoutSection = class AtomicLayoutSection {
+let AtomicResultSectionTitle = class AtomicResultSectionTitle {
     z;
     el;
     constructor(c, el, z) {
@@ -3759,28 +3805,28 @@ let AtomicLayoutSection = class AtomicLayoutSection {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicLayoutSection, 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: AtomicLayoutSection, isStandalone: false, selector: "atomic-layout-section", inputs: { section: "section", minWidth: "minWidth", maxWidth: "maxWidth" }, 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: 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 });
 };
-AtomicLayoutSection = __decorate([
+AtomicResultSectionTitle = __decorate([
     ProxyCmp({
-        inputs: ['section', 'minWidth', 'maxWidth'],
+        inputs: [],
         methods: [],
-        defineCustomElementFn: () => { customElements.get('atomic-layout-section') || customElements.define('atomic-layout-section', AtomicLayoutSection$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-title') || customElements.define('atomic-result-section-title', AtomicResultSectionTitle$1); }
     })
-], AtomicLayoutSection);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicLayoutSection, decorators: [{
+], AtomicResultSectionTitle);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionTitle, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-layout-section',
+                    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: ['section', 'minWidth', 'maxWidth']
+                    inputs: []
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicInsightInterface = class AtomicInsightInterface {
+let AtomicResultSectionVisual = class AtomicResultSectionVisual {
     z;
     el;
     constructor(c, el, z) {
@@ -3788,28 +3834,28 @@ let AtomicInsightInterface = class AtomicInsightInterface {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicInsightInterface, 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: AtomicInsightInterface, isStandalone: false, selector: "atomic-insight-interface", inputs: { engine: "engine", analytics: "analytics", i18n: "i18n", logLevel: "logLevel", language: "language", languageAssetsPath: "languageAssetsPath", iconAssetsPath: "iconAssetsPath", fieldsToInclude: "fieldsToInclude", resultsPerPage: "resultsPerPage" }, 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: 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 });
 };
-AtomicInsightInterface = __decorate([
+AtomicResultSectionVisual = __decorate([
     ProxyCmp({
-        inputs: ['engine', 'analytics', 'i18n', 'logLevel', 'language', 'languageAssetsPath', 'iconAssetsPath', 'fieldsToInclude', 'resultsPerPage'],
-        methods: ['initialize', 'initializeWithInsightEngine', 'executeFirstSearch', 'toggleAnalytics', 'updateIconAssetsPath', 'updateLanguage', 'registerFieldsToInclude'],
-        defineCustomElementFn: () => { customElements.get('atomic-insight-interface') || customElements.define('atomic-insight-interface', AtomicInsightInterface$1); }
+        inputs: ['imageSize'],
+        methods: [],
+        defineCustomElementFn: () => { customElements.get('atomic-result-section-visual') || customElements.define('atomic-result-section-visual', AtomicResultSectionVisual$1); }
     })
-], AtomicInsightInterface);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicInsightInterface, decorators: [{
+], AtomicResultSectionVisual);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultSectionVisual, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-insight-interface',
+                    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: ['engine', 'analytics', 'i18n', 'logLevel', 'language', 'languageAssetsPath', 'iconAssetsPath', 'fieldsToInclude', 'resultsPerPage']
+                    inputs: ['imageSize']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicPager = class AtomicPager {
+let AtomicResultsPerPage = class AtomicResultsPerPage {
     z;
     el;
     constructor(c, el, z) {
@@ -3818,28 +3864,28 @@ let AtomicPager = class AtomicPager {
         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: AtomicPager, 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: AtomicPager, isStandalone: false, selector: "atomic-pager", inputs: { numberOfPages: "numberOfPages", previousButtonIcon: "previousButtonIcon", nextButtonIcon: "nextButtonIcon" }, 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: 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 });
 };
-AtomicPager = __decorate([
+AtomicResultsPerPage = __decorate([
     ProxyCmp({
-        inputs: ['numberOfPages', 'previousButtonIcon', 'nextButtonIcon'],
+        inputs: ['choicesDisplayed', 'initialChoice'],
         methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-pager') || customElements.define('atomic-pager', AtomicPager$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-results-per-page') || customElements.define('atomic-results-per-page', AtomicResultsPerPage$1); }
     })
-], AtomicPager);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicPager, decorators: [{
+], AtomicResultsPerPage);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultsPerPage, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-pager',
+                    selector: 'atomic-results-per-page',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['numberOfPages', 'previousButtonIcon', 'nextButtonIcon']
+                    inputs: ['choicesDisplayed', 'initialChoice']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicQuerySummary = class AtomicQuerySummary {
+let AtomicSearchBoxInstantResults = class AtomicSearchBoxInstantResults {
     z;
     el;
     constructor(c, el, z) {
@@ -3847,55 +3893,54 @@ let AtomicQuerySummary = class AtomicQuerySummary {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicQuerySummary, 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: AtomicQuerySummary, isStandalone: false, selector: "atomic-query-summary", 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: AtomicSearchBoxInstantResults, 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: AtomicSearchBoxInstantResults, isStandalone: false, selector: "atomic-search-box-instant-results", inputs: { maxResultsPerQuery: "maxResultsPerQuery", density: "density", imageSize: "imageSize", ariaLabelGenerator: "ariaLabelGenerator" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicQuerySummary = __decorate([
+AtomicSearchBoxInstantResults = __decorate([
     ProxyCmp({
-        inputs: [],
-        methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-query-summary') || customElements.define('atomic-query-summary', AtomicQuerySummary$1); }
+        inputs: ['maxResultsPerQuery', 'density', 'imageSize', 'ariaLabelGenerator'],
+        methods: ['setRenderFunction', 'initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-search-box-instant-results') || customElements.define('atomic-search-box-instant-results', AtomicSearchBoxInstantResults$1); }
     })
-], AtomicQuerySummary);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicQuerySummary, decorators: [{
+], AtomicSearchBoxInstantResults);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchBoxInstantResults, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-query-summary',
+                    selector: 'atomic-search-box-instant-results',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: []
+                    inputs: ['maxResultsPerQuery', 'density', 'imageSize', 'ariaLabelGenerator']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicResultsPerPage = class AtomicResultsPerPage {
+let AtomicSearchBoxQuerySuggestions = class AtomicSearchBoxQuerySuggestions {
     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: AtomicSearchBoxQuerySuggestions, 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: AtomicSearchBoxQuerySuggestions, isStandalone: false, selector: "atomic-search-box-query-suggestions", inputs: { icon: "icon", maxWithQuery: "maxWithQuery", maxWithoutQuery: "maxWithoutQuery" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicResultsPerPage = __decorate([
+AtomicSearchBoxQuerySuggestions = __decorate([
     ProxyCmp({
-        inputs: ['choicesDisplayed', 'initialChoice'],
+        inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'],
         methods: ['initialize'],
-        defineCustomElementFn: () => { customElements.get('atomic-results-per-page') || customElements.define('atomic-results-per-page', AtomicResultsPerPage$1); }
+        defineCustomElementFn: () => { customElements.get('atomic-search-box-query-suggestions') || customElements.define('atomic-search-box-query-suggestions', AtomicSearchBoxQuerySuggestions$1); }
     })
-], AtomicResultsPerPage);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicResultsPerPage, decorators: [{
+], AtomicSearchBoxQuerySuggestions);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchBoxQuerySuggestions, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-results-per-page',
+                    selector: 'atomic-search-box-query-suggestions',
                     standalone: false,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['choicesDisplayed', 'initialChoice']
+                    inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let AtomicSearchBoxRecentQueries = class AtomicSearchBoxRecentQueries {
@@ -4045,7 +4090,18 @@ const DECLARATIONS = [
     AtomicProductTemplate,
     AtomicProductText,
     AtomicQuerySummary,
+    AtomicResultSectionActions,
+    AtomicResultSectionBadges,
+    AtomicResultSectionBottomMetadata,
+    AtomicResultSectionChildren,
+    AtomicResultSectionEmphasized,
+    AtomicResultSectionExcerpt,
+    AtomicResultSectionTitle,
+    AtomicResultSectionTitleMetadata,
+    AtomicResultSectionVisual,
     AtomicResultsPerPage,
+    AtomicSearchBoxInstantResults,
+    AtomicSearchBoxQuerySuggestions,
     AtomicSearchBoxRecentQueries,
     AtomicSearchInterface,
     AtomicSearchLayout,
@@ -4103,21 +4159,10 @@ const DECLARATIONS = [
     AtomicResultNumber,
     AtomicResultPrintableUri,
     AtomicResultRating,
-    AtomicResultSectionActions,
-    AtomicResultSectionBadges,
-    AtomicResultSectionBottomMetadata,
-    AtomicResultSectionChildren,
-    AtomicResultSectionEmphasized,
-    AtomicResultSectionExcerpt,
-    AtomicResultSectionTitle,
-    AtomicResultSectionTitleMetadata,
-    AtomicResultSectionVisual,
     AtomicResultTemplate,
     AtomicResultText,
     AtomicResultTimespan,
     AtomicSearchBox,
-    AtomicSearchBoxInstantResults,
-    AtomicSearchBoxQuerySuggestions,
     AtomicSegmentedFacet,
     AtomicSegmentedFacetScrollable,
     AtomicSmartSnippet,
@@ -4218,7 +4263,18 @@ class AtomicAngularModule {
             AtomicProductTemplate,
             AtomicProductText,
             AtomicQuerySummary,
+            AtomicResultSectionActions,
+            AtomicResultSectionBadges,
+            AtomicResultSectionBottomMetadata,
+            AtomicResultSectionChildren,
+            AtomicResultSectionEmphasized,
+            AtomicResultSectionExcerpt,
+            AtomicResultSectionTitle,
+            AtomicResultSectionTitleMetadata,
+            AtomicResultSectionVisual,
             AtomicResultsPerPage,
+            AtomicSearchBoxInstantResults,
+            AtomicSearchBoxQuerySuggestions,
             AtomicSearchBoxRecentQueries,
             AtomicSearchInterface,
             AtomicSearchLayout,
@@ -4276,21 +4332,10 @@ class AtomicAngularModule {
             AtomicResultNumber,
             AtomicResultPrintableUri,
             AtomicResultRating,
-            AtomicResultSectionActions,
-            AtomicResultSectionBadges,
-            AtomicResultSectionBottomMetadata,
-            AtomicResultSectionChildren,
-            AtomicResultSectionEmphasized,
-            AtomicResultSectionExcerpt,
-            AtomicResultSectionTitle,
-            AtomicResultSectionTitleMetadata,
-            AtomicResultSectionVisual,
             AtomicResultTemplate,
             AtomicResultText,
             AtomicResultTimespan,
             AtomicSearchBox,
-            AtomicSearchBoxInstantResults,
-            AtomicSearchBoxQuerySuggestions,
             AtomicSegmentedFacet,
             AtomicSegmentedFacetScrollable,
             AtomicSmartSnippet,
@@ -4358,7 +4403,18 @@ class AtomicAngularModule {
             AtomicProductTemplate,
             AtomicProductText,
             AtomicQuerySummary,
+            AtomicResultSectionActions,
+            AtomicResultSectionBadges,
+            AtomicResultSectionBottomMetadata,
+            AtomicResultSectionChildren,
+            AtomicResultSectionEmphasized,
+            AtomicResultSectionExcerpt,
+            AtomicResultSectionTitle,
+            AtomicResultSectionTitleMetadata,
+            AtomicResultSectionVisual,
             AtomicResultsPerPage,
+            AtomicSearchBoxInstantResults,
+            AtomicSearchBoxQuerySuggestions,
             AtomicSearchBoxRecentQueries,
             AtomicSearchInterface,
             AtomicSearchLayout,
@@ -4416,21 +4472,10 @@ class AtomicAngularModule {
             AtomicResultNumber,
             AtomicResultPrintableUri,
             AtomicResultRating,
-            AtomicResultSectionActions,
-            AtomicResultSectionBadges,
-            AtomicResultSectionBottomMetadata,
-            AtomicResultSectionChildren,
-            AtomicResultSectionEmphasized,
-            AtomicResultSectionExcerpt,
-            AtomicResultSectionTitle,
-            AtomicResultSectionTitleMetadata,
-            AtomicResultSectionVisual,
             AtomicResultTemplate,
             AtomicResultText,
             AtomicResultTimespan,
             AtomicSearchBox,
-            AtomicSearchBoxInstantResults,
-            AtomicSearchBoxQuerySuggestions,
             AtomicSegmentedFacet,
             AtomicSegmentedFacetScrollable,
             AtomicSmartSnippet,