@coveo/atomic-angular 3.7.8-pre.6cce37fd7d → 3.7.8-pre.6d6f97da0b

package/fesm2022/coveo-atomic-angular.mjs

@@ -4,10 +4,31 @@ import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component, APP_INITIALIZER, NgModule } from '@angular/core';
 import { __decorate } from 'tslib';
 import { fromEvent } from 'rxjs';
-import { defineCustomElementAtomicAutomaticFacet, defineCustomElementAtomicAutomaticFacetGenerator, defineCustomElementAtomicBreadbox, defineCustomElementAtomicCategoryFacet, defineCustomElementAtomicCitation, defineCustomElementAtomicColorFacet, defineCustomElementAtomicDidYouMean, defineCustomElementAtomicExternal, defineCustomElementAtomicFacet, defineCustomElementAtomicFacetManager, defineCustomElementAtomicFieldCondition, defineCustomElementAtomicFoldedResultList, defineCustomElementAtomicFormatCurrency, defineCustomElementAtomicFormatNumber, defineCustomElementAtomicFormatUnit, defineCustomElementAtomicGeneratedAnswer, defineCustomElementAtomicGeneratedAnswerFeedbackModal, defineCustomElementAtomicHtml, defineCustomElementAtomicInsightInterface, defineCustomElementAtomicInsightUserActionsTimeline, defineCustomElementAtomicInsightUserActionsToggle, defineCustomElementAtomicLoadMoreResults, defineCustomElementAtomicNoResults, defineCustomElementAtomicNotifications, defineCustomElementAtomicNumericFacet, defineCustomElementAtomicNumericRange, defineCustomElementAtomicPager, defineCustomElementAtomicPopover, defineCustomElementAtomicQueryError, defineCustomElementAtomicQuickview, defineCustomElementAtomicQuickviewModal, defineCustomElementAtomicRatingFacet, defineCustomElementAtomicRatingRangeFacet, defineCustomElementAtomicRecsError, defineCustomElementAtomicRecsInterface, defineCustomElementAtomicRecsList, defineCustomElementAtomicRecsResult, defineCustomElementAtomicRecsResultTemplate, defineCustomElementAtomicRefineModal, defineCustomElementAtomicRefineToggle, defineCustomElementAtomicRelevanceInspector, defineCustomElementAtomicResult, defineCustomElementAtomicResultBadge, defineCustomElementAtomicResultChildren, defineCustomElementAtomicResultChildrenTemplate, defineCustomElementAtomicResultDate, defineCustomElementAtomicResultFieldsList, defineCustomElementAtomicResultHtml, defineCustomElementAtomicResultIcon, defineCustomElementAtomicResultImage, defineCustomElementAtomicResultLink, defineCustomElementAtomicResultList, defineCustomElementAtomicResultLocalizedText, defineCustomElementAtomicResultMultiValueText, defineCustomElementAtomicResultNumber, defineCustomElementAtomicResultPrintableUri, defineCustomElementAtomicResultRating, defineCustomElementAtomicResultSectionActions, defineCustomElementAtomicResultSectionBadges, defineCustomElementAtomicResultSectionBottomMetadata, defineCustomElementAtomicResultSectionChildren, defineCustomElementAtomicResultSectionEmphasized, defineCustomElementAtomicResultSectionExcerpt, defineCustomElementAtomicResultSectionTitle, defineCustomElementAtomicResultSectionTitleMetadata, defineCustomElementAtomicResultSectionVisual, defineCustomElementAtomicResultTemplate, defineCustomElementAtomicResultText, defineCustomElementAtomicResultTimespan, defineCustomElementAtomicSearchBox, defineCustomElementAtomicSearchBoxInstantResults, defineCustomElementAtomicSearchBoxQuerySuggestions, defineCustomElementAtomicSearchBoxRecentQueries, 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, AtomicQuerySummary as AtomicQuerySummary$1, AtomicResultsPerPage as AtomicResultsPerPage$1, AtomicSearchInterface as AtomicSearchInterface$1, AtomicSearchLayout as AtomicSearchLayout$1 } from '@coveo/atomic/components';
+import customElementsManifest from '@coveo/atomic/custom-elements-manifest';
+import { defineCustomElementAtomicAutomaticFacet, defineCustomElementAtomicAutomaticFacetGenerator, defineCustomElementAtomicBreadbox, defineCustomElementAtomicCategoryFacet, defineCustomElementAtomicCitation, defineCustomElementAtomicColorFacet, defineCustomElementAtomicDidYouMean, defineCustomElementAtomicExternal, defineCustomElementAtomicFacet, defineCustomElementAtomicFacetManager, defineCustomElementAtomicFieldCondition, defineCustomElementAtomicFoldedResultList, defineCustomElementAtomicFormatCurrency, defineCustomElementAtomicFormatNumber, defineCustomElementAtomicFormatUnit, defineCustomElementAtomicGeneratedAnswer, defineCustomElementAtomicGeneratedAnswerFeedbackModal, defineCustomElementAtomicHtml, defineCustomElementAtomicInsightInterface, defineCustomElementAtomicInsightUserActionsTimeline, defineCustomElementAtomicInsightUserActionsToggle, defineCustomElementAtomicLoadMoreResults, defineCustomElementAtomicNoResults, defineCustomElementAtomicNotifications, defineCustomElementAtomicNumericFacet, defineCustomElementAtomicNumericRange, defineCustomElementAtomicPager, defineCustomElementAtomicPopover, defineCustomElementAtomicQueryError, defineCustomElementAtomicQuickview, defineCustomElementAtomicQuickviewModal, defineCustomElementAtomicRatingFacet, defineCustomElementAtomicRatingRangeFacet, defineCustomElementAtomicRecsError, defineCustomElementAtomicRecsInterface, defineCustomElementAtomicRecsList, defineCustomElementAtomicRecsResult, defineCustomElementAtomicRecsResultTemplate, defineCustomElementAtomicRefineModal, defineCustomElementAtomicRefineToggle, defineCustomElementAtomicRelevanceInspector, defineCustomElementAtomicResult, defineCustomElementAtomicResultBadge, defineCustomElementAtomicResultChildren, defineCustomElementAtomicResultChildrenTemplate, defineCustomElementAtomicResultDate, defineCustomElementAtomicResultFieldsList, defineCustomElementAtomicResultHtml, defineCustomElementAtomicResultIcon, defineCustomElementAtomicResultImage, defineCustomElementAtomicResultLink, defineCustomElementAtomicResultList, defineCustomElementAtomicResultLocalizedText, defineCustomElementAtomicResultMultiValueText, defineCustomElementAtomicResultNumber, defineCustomElementAtomicResultPrintableUri, defineCustomElementAtomicResultRating, defineCustomElementAtomicResultSectionActions, defineCustomElementAtomicResultSectionBadges, defineCustomElementAtomicResultSectionBottomMetadata, defineCustomElementAtomicResultSectionChildren, defineCustomElementAtomicResultSectionEmphasized, defineCustomElementAtomicResultSectionExcerpt, defineCustomElementAtomicResultSectionTitle, defineCustomElementAtomicResultSectionTitleMetadata, defineCustomElementAtomicResultSectionVisual, defineCustomElementAtomicResultTemplate, defineCustomElementAtomicResultText, defineCustomElementAtomicResultTimespan, defineCustomElementAtomicSearchBox, defineCustomElementAtomicSearchBoxInstantResults, defineCustomElementAtomicSearchBoxRecentQueries, defineCustomElementAtomicSearchInterface, defineCustomElementAtomicSegmentedFacet, defineCustomElementAtomicSegmentedFacetScrollable, defineCustomElementAtomicSmartSnippet, defineCustomElementAtomicSmartSnippetFeedbackModal, defineCustomElementAtomicSmartSnippetSuggestions, defineCustomElementAtomicSortDropdown, defineCustomElementAtomicSortExpression, defineCustomElementAtomicTab, defineCustomElementAtomicTabManager, defineCustomElementAtomicTableElement, defineCustomElementAtomicText, defineCustomElementAtomicTimeframe, defineCustomElementAtomicTimeframeFacet, AtomicCommerceBreadbox as AtomicCommerceBreadbox$1, AtomicCommerceCategoryFacet as AtomicCommerceCategoryFacet$1, AtomicCommerceDidYouMean as AtomicCommerceDidYouMean$1, AtomicCommerceFacet as AtomicCommerceFacet$1, AtomicCommerceFacets as AtomicCommerceFacets$1, AtomicCommerceInterface as AtomicCommerceInterface$1, AtomicCommerceLayout as AtomicCommerceLayout$1, AtomicCommerceLoadMoreProducts as AtomicCommerceLoadMoreProducts$1, AtomicCommerceNoProducts as AtomicCommerceNoProducts$1, AtomicCommerceNumericFacet as AtomicCommerceNumericFacet$1, AtomicCommercePager as AtomicCommercePager$1, AtomicCommerceProductList as AtomicCommerceProductList$1, AtomicCommerceProductsPerPage as AtomicCommerceProductsPerPage$1, AtomicCommerceQueryError as AtomicCommerceQueryError$1, AtomicCommerceQuerySummary as AtomicCommerceQuerySummary$1, AtomicCommerceRecommendationInterface as AtomicCommerceRecommendationInterface$1, AtomicCommerceRecommendationList as AtomicCommerceRecommendationList$1, AtomicCommerceRefineModal as AtomicCommerceRefineModal$1, AtomicCommerceRefineToggle as AtomicCommerceRefineToggle$1, AtomicCommerceSearchBoxInstantProducts as AtomicCommerceSearchBoxInstantProducts$1, AtomicCommerceSearchBoxQuerySuggestions as AtomicCommerceSearchBoxQuerySuggestions$1, AtomicCommerceSearchBoxRecentQueries as AtomicCommerceSearchBoxRecentQueries$1, AtomicCommerceSearchBox as AtomicCommerceSearchBox$1, AtomicCommerceSortDropdown as AtomicCommerceSortDropdown$1, AtomicCommerceText as AtomicCommerceText$1, AtomicCommerceTimeframeFacet as AtomicCommerceTimeframeFacet$1, AtomicProductChildren as AtomicProductChildren$1, AtomicProductDescription as AtomicProductDescription$1, AtomicProductExcerpt as AtomicProductExcerpt$1, AtomicProductFieldCondition as AtomicProductFieldCondition$1, AtomicProductImage as AtomicProductImage$1, AtomicProductLink as AtomicProductLink$1, AtomicProductMultiValueText as AtomicProductMultiValueText$1, AtomicProductNumericFieldValue as AtomicProductNumericFieldValue$1, AtomicProductPrice as AtomicProductPrice$1, AtomicProductRating as AtomicProductRating$1, AtomicProductSectionActions as AtomicProductSectionActions$1, AtomicProductSectionBadges as AtomicProductSectionBadges$1, AtomicProductSectionBottomMetadata as AtomicProductSectionBottomMetadata$1, AtomicProductSectionChildren as AtomicProductSectionChildren$1, AtomicProductSectionDescription as AtomicProductSectionDescription$1, AtomicProductSectionEmphasized as AtomicProductSectionEmphasized$1, AtomicProductSectionMetadata as AtomicProductSectionMetadata$1, AtomicProductSectionName as AtomicProductSectionName$1, AtomicProductSectionVisual as AtomicProductSectionVisual$1, AtomicProductTemplate as AtomicProductTemplate$1, AtomicProductText as AtomicProductText$1, AtomicProduct as AtomicProduct$1, AtomicAriaLive as AtomicAriaLive$1, AtomicComponentError as AtomicComponentError$1, AtomicIcon as AtomicIcon$1, AtomicLayoutSection as AtomicLayoutSection$1, AtomicQuerySummary as AtomicQuerySummary$1, AtomicResultsPerPage as AtomicResultsPerPage$1, AtomicSearchBoxQuerySuggestions as AtomicSearchBoxQuerySuggestions$1, AtomicSearchLayout as AtomicSearchLayout$1 } from '@coveo/atomic/components';
 
 /* eslint-disable */
 /* tslint:disable */
+const createPropertyToAttributeMap = () => {
+    const map = new Map();
+    customElementsManifest.modules.forEach((module) => {
+        module.declarations?.forEach((declaration) => {
+            if (declaration.kind === 'class' && declaration.attributes) {
+                declaration.attributes.forEach((attr) => {
+                    if (attr.fieldName && attr.name) {
+                        map.set(attr.fieldName, attr.name);
+                    }
+                });
+            }
+        });
+    });
+    return map;
+};
+const propertyToAttributeMap = createPropertyToAttributeMap();
+const getAttributeName = (propertyName) => {
+    const mappedAttr = propertyToAttributeMap.get(propertyName);
+    return mappedAttr || propertyName.replace(/([A-Z])/g, '-$1').toLowerCase();
+};
 const proxyInputs = (Cmp, inputs) => {
     const Prototype = Cmp.prototype;
     inputs.forEach((item) => {
@@ -16,7 +37,10 @@ const proxyInputs = (Cmp, inputs) => {
                 return this.el[item];
             },
             set(val) {
-                this.z.runOutsideAngular(() => (this.el[item] = val));
+                this.z.runOutsideAngular(() => {
+                    const attrName = getAttributeName(item);
+                    this.el.setAttribute(attrName, val);
+                });
             },
             /**
              * In the event that proxyInputs is called
@@ -1952,7 +1976,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                     inputs: ['ariaLabelGenerator', 'density', 'imageSize', 'maxResultsPerQuery'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicSearchBoxQuerySuggestions = class AtomicSearchBoxQuerySuggestions {
+let AtomicSearchBoxRecentQueries = class AtomicSearchBoxRecentQueries {
     z;
     el;
     constructor(c, r, z) {
@@ -1960,26 +1984,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: AtomicSearchBoxRecentQueries, 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: AtomicSearchBoxRecentQueries, isStandalone: false, selector: "atomic-search-box-recent-queries", inputs: { icon: "icon", maxWithQuery: "maxWithQuery", maxWithoutQuery: "maxWithoutQuery" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicSearchBoxQuerySuggestions = __decorate([
+AtomicSearchBoxRecentQueries = __decorate([
     ProxyCmp({
         inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'],
-        defineCustomElementFn: defineCustomElementAtomicSearchBoxQuerySuggestions
+        defineCustomElementFn: defineCustomElementAtomicSearchBoxRecentQueries
     })
-], AtomicSearchBoxQuerySuggestions);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchBoxQuerySuggestions, decorators: [{
+], AtomicSearchBoxRecentQueries);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchBoxRecentQueries, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-search-box-query-suggestions',
+                    selector: 'atomic-search-box-recent-queries',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicSearchBoxRecentQueries = class AtomicSearchBoxRecentQueries {
+let AtomicSearchInterface = class AtomicSearchInterface {
     z;
     el;
     constructor(c, r, z) {
@@ -1987,23 +2011,24 @@ let AtomicSearchBoxRecentQueries = class AtomicSearchBoxRecentQueries {
         c.detach();
         this.el = r.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchBoxRecentQueries, 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: AtomicSearchBoxRecentQueries, isStandalone: false, selector: "atomic-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: AtomicSearchInterface, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicSearchInterface, isStandalone: false, selector: "atomic-search-interface", inputs: { CspNonce: "CspNonce", analytics: "analytics", enableRelevanceInspector: "enableRelevanceInspector", engine: "engine", fieldsToInclude: "fieldsToInclude", i18n: "i18n", iconAssetsPath: "iconAssetsPath", language: "language", languageAssetsPath: "languageAssetsPath", logLevel: "logLevel", pipeline: "pipeline", reflectStateInUrl: "reflectStateInUrl", scrollContainer: "scrollContainer", searchHub: "searchHub", timezone: "timezone" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AtomicSearchBoxRecentQueries = __decorate([
+AtomicSearchInterface = __decorate([
     ProxyCmp({
-        inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'],
-        defineCustomElementFn: defineCustomElementAtomicSearchBoxRecentQueries
+        inputs: ['CspNonce', 'analytics', 'enableRelevanceInspector', 'engine', 'fieldsToInclude', 'i18n', 'iconAssetsPath', 'language', 'languageAssetsPath', 'logLevel', 'pipeline', 'reflectStateInUrl', 'scrollContainer', 'searchHub', 'timezone'],
+        methods: ['initialize', 'initializeWithSearchEngine', 'executeFirstSearch'],
+        defineCustomElementFn: defineCustomElementAtomicSearchInterface
     })
-], AtomicSearchBoxRecentQueries);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchBoxRecentQueries, decorators: [{
+], AtomicSearchInterface);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchInterface, decorators: [{
             type: Component,
             args: [{ standalone: false,
-                    selector: 'atomic-search-box-recent-queries',
+                    selector: 'atomic-search-interface',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'],
+                    inputs: ['CspNonce', 'analytics', 'enableRelevanceInspector', 'engine', 'fieldsToInclude', 'i18n', 'iconAssetsPath', 'language', 'languageAssetsPath', 'logLevel', 'pipeline', 'reflectStateInUrl', 'scrollContainer', 'searchHub', 'timezone'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let AtomicSegmentedFacet = class AtomicSegmentedFacet {
@@ -3926,7 +3951,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                     inputs: ['choicesDisplayed', 'initialChoice']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
-let AtomicSearchInterface = class AtomicSearchInterface {
+let AtomicSearchBoxQuerySuggestions = class AtomicSearchBoxQuerySuggestions {
     z;
     el;
     constructor(c, el, z) {
@@ -3934,25 +3959,25 @@ let AtomicSearchInterface = class AtomicSearchInterface {
         c.detach();
         this.el = el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchInterface, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicSearchInterface, isStandalone: false, selector: "atomic-search-interface", inputs: { fieldsToInclude: "fieldsToInclude", pipeline: "pipeline", searchHub: "searchHub", analytics: "analytics", timezone: "timezone", logLevel: "logLevel", language: "language", reflectStateInUrl: "reflectStateInUrl", disableStateReflectionInUrl: "disableStateReflectionInUrl", scrollContainer: "scrollContainer", languageAssetsPath: "languageAssetsPath", iconAssetsPath: "iconAssetsPath", enableRelevanceInspector: "enableRelevanceInspector", disableRelevanceInspector: "disableRelevanceInspector" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    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 });
 };
-AtomicSearchInterface = __decorate([
+AtomicSearchBoxQuerySuggestions = __decorate([
     ProxyCmp({
-        inputs: ['fieldsToInclude', 'pipeline', 'searchHub', 'analytics', 'timezone', 'logLevel', 'language', 'reflectStateInUrl', 'disableStateReflectionInUrl', 'scrollContainer', 'languageAssetsPath', 'iconAssetsPath', 'enableRelevanceInspector', 'disableRelevanceInspector'],
-        methods: ['scrollToTop', 'closeRelevanceInspector', 'initialize', 'initializeWithSearchEngine', 'executeFirstSearch', 'updateSearchConfiguration', 'updateSearchHub', 'updatePipeline', 'toggleAnalytics', 'updateLanguage', 'updateIconAssetsPath', 'registerFieldsToInclude'],
-        defineCustomElementFn: () => { customElements.get('atomic-search-interface') || customElements.define('atomic-search-interface', AtomicSearchInterface$1); }
+        inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'],
+        methods: ['initialize'],
+        defineCustomElementFn: () => { customElements.get('atomic-search-box-query-suggestions') || customElements.define('atomic-search-box-query-suggestions', AtomicSearchBoxQuerySuggestions$1); }
     })
-], AtomicSearchInterface);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchInterface, decorators: [{
+], AtomicSearchBoxQuerySuggestions);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchBoxQuerySuggestions, decorators: [{
             type: Component,
             args: [{
-                    selector: 'atomic-search-interface',
+                    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: ['fieldsToInclude', 'pipeline', 'searchHub', 'analytics', 'timezone', 'logLevel', 'language', 'reflectStateInUrl', 'disableStateReflectionInUrl', 'scrollContainer', 'languageAssetsPath', 'iconAssetsPath', 'enableRelevanceInspector', 'disableRelevanceInspector']
+                    inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery']
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let AtomicSearchLayout = class AtomicSearchLayout {
@@ -3962,7 +3987,6 @@ let AtomicSearchLayout = class AtomicSearchLayout {
         this.z = z;
         c.detach();
         this.el = el.nativeElement;
-        proxyOutputs(this, this.el, ['atomic-layout-breakpoint-change']);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: AtomicSearchLayout, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: AtomicSearchLayout, isStandalone: false, selector: "atomic-search-layout", inputs: { mobileBreakpoint: "mobileBreakpoint" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -3970,7 +3994,7 @@ let AtomicSearchLayout = class AtomicSearchLayout {
 AtomicSearchLayout = __decorate([
     ProxyCmp({
         inputs: ['mobileBreakpoint'],
-        methods: ['onMobileBreakpointChange'],
+        methods: [],
         defineCustomElementFn: () => { customElements.get('atomic-search-layout') || customElements.define('atomic-search-layout', AtomicSearchLayout$1); }
     })
 ], AtomicSearchLayout);
@@ -4043,7 +4067,7 @@ const DECLARATIONS = [
     AtomicProductText,
     AtomicQuerySummary,
     AtomicResultsPerPage,
-    AtomicSearchInterface,
+    AtomicSearchBoxQuerySuggestions,
     AtomicSearchLayout,
     AtomicAutomaticFacet,
     AtomicAutomaticFacetGenerator,
@@ -4116,8 +4140,8 @@ const DECLARATIONS = [
     AtomicResultTimespan,
     AtomicSearchBox,
     AtomicSearchBoxInstantResults,
-    AtomicSearchBoxQuerySuggestions,
     AtomicSearchBoxRecentQueries,
+    AtomicSearchInterface,
     AtomicSegmentedFacet,
     AtomicSegmentedFacetScrollable,
     AtomicSmartSnippet,
@@ -4217,7 +4241,7 @@ class AtomicAngularModule {
             AtomicProductText,
             AtomicQuerySummary,
             AtomicResultsPerPage,
-            AtomicSearchInterface,
+            AtomicSearchBoxQuerySuggestions,
             AtomicSearchLayout,
             AtomicAutomaticFacet,
             AtomicAutomaticFacetGenerator,
@@ -4290,8 +4314,8 @@ class AtomicAngularModule {
             AtomicResultTimespan,
             AtomicSearchBox,
             AtomicSearchBoxInstantResults,
-            AtomicSearchBoxQuerySuggestions,
             AtomicSearchBoxRecentQueries,
+            AtomicSearchInterface,
             AtomicSegmentedFacet,
             AtomicSegmentedFacetScrollable,
             AtomicSmartSnippet,
@@ -4358,7 +4382,7 @@ class AtomicAngularModule {
             AtomicProductText,
             AtomicQuerySummary,
             AtomicResultsPerPage,
-            AtomicSearchInterface,
+            AtomicSearchBoxQuerySuggestions,
             AtomicSearchLayout,
             AtomicAutomaticFacet,
             AtomicAutomaticFacetGenerator,
@@ -4431,8 +4455,8 @@ class AtomicAngularModule {
             AtomicResultTimespan,
             AtomicSearchBox,
             AtomicSearchBoxInstantResults,
-            AtomicSearchBoxQuerySuggestions,
             AtomicSearchBoxRecentQueries,
+            AtomicSearchInterface,
             AtomicSegmentedFacet,
             AtomicSegmentedFacetScrollable,
             AtomicSmartSnippet,