From 1f5fa873491a5063518b6b09ca8b371a0a77eeaa Mon Sep 17 00:00:00 2001 From: Frederic Beaudoin Date: Thu, 5 Sep 2024 13:56:19 -0400 Subject: [PATCH 1/7] Fix warning https://coveord.atlassian.net/browse/KIT-3523 --- packages/atomic/tsconfig.storybook.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/atomic/tsconfig.storybook.json b/packages/atomic/tsconfig.storybook.json index b8bf340425f..30d5ba207d2 100644 --- a/packages/atomic/tsconfig.storybook.json +++ b/packages/atomic/tsconfig.storybook.json @@ -3,7 +3,8 @@ "compilerOptions": { "emitDecoratorMetadata": true, "composite": true, - "jsxFactory": "h" + "jsxFactory": "h", + "declaration": true }, "exclude": ["src/**/*.spec.ts", "src/**/*.test.ts"], "include": [ From fb430ce119062036a4955805da9c3d4541a58b93 Mon Sep 17 00:00:00 2001 From: Frederic Beaudoin Date: Thu, 5 Sep 2024 13:57:35 -0400 Subject: [PATCH 2/7] Replace @internal tags with @alpha tags and build https://coveord.atlassian.net/browse/KIT-3523 --- .../atomic-angular.module.ts | 66 + .../src/lib/stencil-generated/components.ts | 1075 ++++++++++++++--- .../stencil-generated/commerce/index.ts | 3 + packages/atomic/src/components.d.ts | 468 +++++++ .../atomic-commerce-breadbox.tsx | 2 +- .../atomic-commerce-did-you-mean.tsx | 2 +- .../atomic-commerce-layout.tsx | 2 +- .../atomic-commerce-no-products.tsx | 2 +- .../atomic-commerce-query-error.tsx | 2 +- ...omic-commerce-recommendation-interface.tsx | 2 +- .../atomic-commerce-recommendation-list.tsx | 2 +- .../atomic-commerce-sort-dropdown.tsx | 2 +- .../atomic-product/atomic-product.tsx | 10 +- .../atomic-commerce-numeric-facet.tsx | 2 +- .../atomic-commerce-timeframe-facet.tsx | 2 +- .../atomic-commerce-facet-number-input.tsx | 2 +- .../atomic-product-children.tsx | 2 +- .../atomic-product-description.tsx | 2 +- .../atomic-product-field-condition.tsx | 2 +- .../atomic-product-image.tsx | 2 +- .../atomic-product-link.tsx | 2 +- .../atomic-product-numeric-field-value.tsx | 2 +- .../atomic-product-price.tsx | 2 +- .../atomic-product-rating.tsx | 2 +- .../atomic-product-section-actions.tsx | 2 +- .../atomic-product-section-badges.tsx | 2 +- ...atomic-product-section-bottom-metadata.tsx | 2 +- .../atomic-product-section-children.tsx | 2 +- .../atomic-product-section-description.tsx | 2 +- .../atomic-product-section-emphasized.tsx | 2 +- .../atomic-product-section-metadata.tsx | 2 +- .../atomic-product-section-name.tsx | 2 +- .../atomic-product-section-visual.tsx | 2 +- .../atomic-product-text.tsx | 2 +- ...c-commerce-search-box-instant-products.tsx | 2 +- ...-commerce-search-box-query-suggestions.tsx | 2 +- ...mic-commerce-search-box-recent-queries.tsx | 2 +- 37 files changed, 1475 insertions(+), 211 deletions(-) diff --git a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts index cd067257356..8abe4f1bd58 100644 --- a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts +++ b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts @@ -11,19 +11,33 @@ AtomicAutomaticFacetGenerator, AtomicBreadbox, AtomicCategoryFacet, AtomicColorFacet, +AtomicCommerceBreadbox, AtomicCommerceCategoryFacet, +AtomicCommerceDidYouMean, AtomicCommerceFacet, +AtomicCommerceFacetNumberInput, AtomicCommerceFacets, AtomicCommerceInterface, +AtomicCommerceLayout, AtomicCommerceLoadMoreProducts, +AtomicCommerceNoProducts, +AtomicCommerceNumericFacet, AtomicCommercePager, AtomicCommerceProductList, AtomicCommerceProductsPerPage, +AtomicCommerceQueryError, AtomicCommerceQuerySummary, +AtomicCommerceRecommendationInterface, +AtomicCommerceRecommendationList, AtomicCommerceRefineModal, AtomicCommerceRefineToggle, AtomicCommerceSearchBox, +AtomicCommerceSearchBoxInstantProducts, +AtomicCommerceSearchBoxQuerySuggestions, +AtomicCommerceSearchBoxRecentQueries, +AtomicCommerceSortDropdown, AtomicCommerceText, +AtomicCommerceTimeframeFacet, AtomicComponentError, AtomicDidYouMean, AtomicExternal, @@ -46,7 +60,26 @@ AtomicNumericFacet, AtomicNumericRange, AtomicPager, AtomicPopover, +AtomicProduct, +AtomicProductChildren, +AtomicProductDescription, +AtomicProductFieldCondition, +AtomicProductImage, +AtomicProductLink, +AtomicProductNumericFieldValue, +AtomicProductPrice, +AtomicProductRating, +AtomicProductSectionActions, +AtomicProductSectionBadges, +AtomicProductSectionBottomMetadata, +AtomicProductSectionChildren, +AtomicProductSectionDescription, +AtomicProductSectionEmphasized, +AtomicProductSectionMetadata, +AtomicProductSectionName, +AtomicProductSectionVisual, AtomicProductTemplate, +AtomicProductText, AtomicQueryError, AtomicQuerySummary, AtomicQuickview, @@ -122,19 +155,33 @@ AtomicAutomaticFacetGenerator, AtomicBreadbox, AtomicCategoryFacet, AtomicColorFacet, +AtomicCommerceBreadbox, AtomicCommerceCategoryFacet, +AtomicCommerceDidYouMean, AtomicCommerceFacet, +AtomicCommerceFacetNumberInput, AtomicCommerceFacets, AtomicCommerceInterface, +AtomicCommerceLayout, AtomicCommerceLoadMoreProducts, +AtomicCommerceNoProducts, +AtomicCommerceNumericFacet, AtomicCommercePager, AtomicCommerceProductList, AtomicCommerceProductsPerPage, +AtomicCommerceQueryError, AtomicCommerceQuerySummary, +AtomicCommerceRecommendationInterface, +AtomicCommerceRecommendationList, AtomicCommerceRefineModal, AtomicCommerceRefineToggle, AtomicCommerceSearchBox, +AtomicCommerceSearchBoxInstantProducts, +AtomicCommerceSearchBoxQuerySuggestions, +AtomicCommerceSearchBoxRecentQueries, +AtomicCommerceSortDropdown, AtomicCommerceText, +AtomicCommerceTimeframeFacet, AtomicComponentError, AtomicDidYouMean, AtomicExternal, @@ -157,7 +204,26 @@ AtomicNumericFacet, AtomicNumericRange, AtomicPager, AtomicPopover, +AtomicProduct, +AtomicProductChildren, +AtomicProductDescription, +AtomicProductFieldCondition, +AtomicProductImage, +AtomicProductLink, +AtomicProductNumericFieldValue, +AtomicProductPrice, +AtomicProductRating, +AtomicProductSectionActions, +AtomicProductSectionBadges, +AtomicProductSectionBottomMetadata, +AtomicProductSectionChildren, +AtomicProductSectionDescription, +AtomicProductSectionEmphasized, +AtomicProductSectionMetadata, +AtomicProductSectionName, +AtomicProductSectionVisual, AtomicProductTemplate, +AtomicProductText, AtomicQueryError, AtomicQuerySummary, AtomicQuickview, diff --git a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts index bab2eb33007..de648b264a6 100644 --- a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts +++ b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts @@ -138,6 +138,28 @@ export class AtomicColorFacet { export declare interface AtomicColorFacet extends Components.AtomicColorFacet {} +@ProxyCmp({ + inputs: ['pathLimit'] +}) +@Component({ + selector: 'atomic-commerce-breadbox', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['pathLimit'], +}) +export class AtomicCommerceBreadbox { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceBreadbox extends Components.AtomicCommerceBreadbox {} + + @ProxyCmp({ inputs: ['facet', 'field', 'isCollapsed', 'summary'] }) @@ -160,6 +182,27 @@ export class AtomicCommerceCategoryFacet { export declare interface AtomicCommerceCategoryFacet extends Components.AtomicCommerceCategoryFacet {} +@ProxyCmp({ +}) +@Component({ + selector: 'atomic-commerce-did-you-mean', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: [], +}) +export class AtomicCommerceDidYouMean { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceDidYouMean extends Components.AtomicCommerceDidYouMean {} + + @ProxyCmp({ inputs: ['facet', 'field', 'isCollapsed', 'summary'] }) @@ -182,6 +225,32 @@ export class AtomicCommerceFacet { export declare interface AtomicCommerceFacet extends Components.AtomicCommerceFacet {} +@ProxyCmp({ + inputs: ['bindings', 'facet', 'label', 'range'] +}) +@Component({ + selector: 'atomic-commerce-facet-number-input', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['bindings', 'facet', 'label', 'range'], +}) +export class AtomicCommerceFacetNumberInput { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + proxyOutputs(this, this.el, ['atomic/numberInputApply']); + } +} + + +export declare interface AtomicCommerceFacetNumberInput extends Components.AtomicCommerceFacetNumberInput { + + 'atomic/numberInputApply': EventEmitter>; +} + + @ProxyCmp({ inputs: ['collapseFacetsAfter'] }) @@ -227,6 +296,28 @@ export class AtomicCommerceInterface { export declare interface AtomicCommerceInterface extends Components.AtomicCommerceInterface {} +@ProxyCmp({ + inputs: ['mobileBreakpoint'] +}) +@Component({ + selector: 'atomic-commerce-layout', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['mobileBreakpoint'], +}) +export class AtomicCommerceLayout { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceLayout extends Components.AtomicCommerceLayout {} + + @ProxyCmp({ }) @Component({ @@ -248,6 +339,49 @@ export class AtomicCommerceLoadMoreProducts { export declare interface AtomicCommerceLoadMoreProducts extends Components.AtomicCommerceLoadMoreProducts {} +@ProxyCmp({ +}) +@Component({ + selector: 'atomic-commerce-no-products', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: [], +}) +export class AtomicCommerceNoProducts { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceNoProducts extends Components.AtomicCommerceNoProducts {} + + +@ProxyCmp({ + inputs: ['facet', 'field', 'isCollapsed', 'summary'] +}) +@Component({ + selector: 'atomic-commerce-numeric-facet', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['facet', 'field', 'isCollapsed', 'summary'], +}) +export class AtomicCommerceNumericFacet { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceNumericFacet extends Components.AtomicCommerceNumericFacet {} + + @ProxyCmp({ inputs: ['nextButtonIcon', 'numberOfPages', 'previousButtonIcon'] }) @@ -275,17 +409,634 @@ export declare interface AtomicCommercePager extends Components.AtomicCommercePa @ProxyCmp({ - inputs: ['density', 'display', 'gridCellLinkTarget', 'imageSize', 'numberOfPlaceholders'], - methods: ['setRenderFunction'] + inputs: ['density', 'display', 'gridCellLinkTarget', 'imageSize', 'numberOfPlaceholders'], + methods: ['setRenderFunction'] +}) +@Component({ + selector: 'atomic-commerce-product-list', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['density', 'display', 'gridCellLinkTarget', 'imageSize', 'numberOfPlaceholders'], +}) +export class AtomicCommerceProductList { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceProductList extends Components.AtomicCommerceProductList {} + + +@ProxyCmp({ + inputs: ['choicesDisplayed', 'initialChoice'] +}) +@Component({ + selector: 'atomic-commerce-products-per-page', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['choicesDisplayed', 'initialChoice'], +}) +export class AtomicCommerceProductsPerPage { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + proxyOutputs(this, this.el, ['atomic/scrollToTop']); + } +} + + +export declare interface AtomicCommerceProductsPerPage extends Components.AtomicCommerceProductsPerPage { + + 'atomic/scrollToTop': EventEmitter>; +} + + +@ProxyCmp({ +}) +@Component({ + selector: 'atomic-commerce-query-error', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: [], +}) +export class AtomicCommerceQueryError { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceQueryError extends Components.AtomicCommerceQueryError {} + + +@ProxyCmp({ +}) +@Component({ + selector: 'atomic-commerce-query-summary', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: [], +}) +export class AtomicCommerceQuerySummary { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceQuerySummary extends Components.AtomicCommerceQuerySummary {} + + +@ProxyCmp({ + inputs: ['CspNonce', 'analytics', 'engine', 'i18n', 'iconAssetsPath', 'language', 'languageAssetsPath', 'scrollContainer'], + methods: ['initializeWithEngine', 'getOrganizationEndpoints'] +}) +@Component({ + selector: 'atomic-commerce-recommendation-interface', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['CspNonce', 'analytics', 'engine', 'i18n', 'iconAssetsPath', 'language', 'languageAssetsPath', 'scrollContainer'], +}) +export class AtomicCommerceRecommendationInterface { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceRecommendationInterface extends Components.AtomicCommerceRecommendationInterface {} + + +@ProxyCmp({ + inputs: ['density', 'display', 'gridCellLinkTarget', 'headingLevel', 'imageSize', 'productsPerPage', 'slotId'], + methods: ['setRenderFunction', 'previousPage', 'nextPage'] +}) +@Component({ + selector: 'atomic-commerce-recommendation-list', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['density', 'display', 'gridCellLinkTarget', 'headingLevel', 'imageSize', 'productsPerPage', 'slotId'], +}) +export class AtomicCommerceRecommendationList { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceRecommendationList extends Components.AtomicCommerceRecommendationList {} + + +@ProxyCmp({ + inputs: ['collapseFacetsAfter', 'isOpen', 'openButton'] +}) +@Component({ + selector: 'atomic-commerce-refine-modal', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['collapseFacetsAfter', 'isOpen', 'openButton'], +}) +export class AtomicCommerceRefineModal { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceRefineModal extends Components.AtomicCommerceRefineModal {} + + +@ProxyCmp({ +}) +@Component({ + selector: 'atomic-commerce-refine-toggle', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: [], +}) +export class AtomicCommerceRefineToggle { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceRefineToggle extends Components.AtomicCommerceRefineToggle {} + + +@ProxyCmp({ + inputs: ['clearFilters', 'disableSearch', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'] +}) +@Component({ + selector: 'atomic-commerce-search-box', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['clearFilters', 'disableSearch', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'], +}) +export class AtomicCommerceSearchBox { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + proxyOutputs(this, this.el, ['redirect']); + } +} + + +import type { RedirectionPayload as IAtomicCommerceSearchBoxRedirectionPayload } from '@coveo/atomic'; + +export declare interface AtomicCommerceSearchBox extends Components.AtomicCommerceSearchBox { + /** + * Event that is emitted when a standalone search box redirection is triggered. By default, the search box will directly change the URL and redirect accordingly, so if you want to handle the redirection differently, use this event. + +Example: +```html + +... + +``` + */ + redirect: EventEmitter>; +} + + +@ProxyCmp({ + inputs: ['ariaLabelGenerator', 'density', 'imageSize'], + methods: ['setRenderFunction'] +}) +@Component({ + selector: 'atomic-commerce-search-box-instant-products', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['ariaLabelGenerator', 'density', 'imageSize'], +}) +export class AtomicCommerceSearchBoxInstantProducts { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceSearchBoxInstantProducts extends Components.AtomicCommerceSearchBoxInstantProducts {} + + +@ProxyCmp({ + inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'] +}) +@Component({ + selector: 'atomic-commerce-search-box-query-suggestions', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'], +}) +export class AtomicCommerceSearchBoxQuerySuggestions { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceSearchBoxQuerySuggestions extends Components.AtomicCommerceSearchBoxQuerySuggestions {} + + +@ProxyCmp({ + inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'] +}) +@Component({ + selector: 'atomic-commerce-search-box-recent-queries', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'], +}) +export class AtomicCommerceSearchBoxRecentQueries { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceSearchBoxRecentQueries extends Components.AtomicCommerceSearchBoxRecentQueries {} + + +@ProxyCmp({ +}) +@Component({ + selector: 'atomic-commerce-sort-dropdown', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: [], +}) +export class AtomicCommerceSortDropdown { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceSortDropdown extends Components.AtomicCommerceSortDropdown {} + + +@ProxyCmp({ + inputs: ['count', 'value'] +}) +@Component({ + selector: 'atomic-commerce-text', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['count', 'value'], +}) +export class AtomicCommerceText { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceText extends Components.AtomicCommerceText {} + + +@ProxyCmp({ + inputs: ['facet', 'field', 'isCollapsed', 'summary'] +}) +@Component({ + selector: 'atomic-commerce-timeframe-facet', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['facet', 'field', 'isCollapsed', 'summary'], +}) +export class AtomicCommerceTimeframeFacet { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceTimeframeFacet extends Components.AtomicCommerceTimeframeFacet {} + + +@ProxyCmp({ + inputs: ['element', 'error'] +}) +@Component({ + selector: 'atomic-component-error', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['element', 'error'], +}) +export class AtomicComponentError { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicComponentError extends Components.AtomicComponentError {} + + +@ProxyCmp({ + inputs: ['automaticallyCorrectQuery', 'queryCorrectionMode'] +}) +@Component({ + selector: 'atomic-did-you-mean', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['automaticallyCorrectQuery', 'queryCorrectionMode'], +}) +export class AtomicDidYouMean { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicDidYouMean extends Components.AtomicDidYouMean {} + + +@ProxyCmp({ + inputs: ['boundInterface', 'selector'] +}) +@Component({ + selector: 'atomic-external', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['boundInterface', 'selector'], +}) +export class AtomicExternal { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicExternal extends Components.AtomicExternal {} + + +@ProxyCmp({ + inputs: ['allowedValues', 'customSort', 'dependsOn', 'displayValuesAs', 'enableExclusion', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'resultsMustMatch', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withSearch'] +}) +@Component({ + selector: 'atomic-facet', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['allowedValues', 'customSort', 'dependsOn', 'displayValuesAs', 'enableExclusion', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'resultsMustMatch', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withSearch'], +}) +export class AtomicFacet { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicFacet extends Components.AtomicFacet {} + + +@ProxyCmp({ + inputs: ['collapseFacetsAfter'] +}) +@Component({ + selector: 'atomic-facet-manager', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['collapseFacetsAfter'], +}) +export class AtomicFacetManager { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicFacetManager extends Components.AtomicFacetManager {} + + +@ProxyCmp({ + inputs: ['ifDefined', 'ifNotDefined'] +}) +@Component({ + selector: 'atomic-field-condition', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['ifDefined', 'ifNotDefined'], +}) +export class AtomicFieldCondition { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicFieldCondition extends Components.AtomicFieldCondition {} + + +@ProxyCmp({ + inputs: ['childField', 'collectionField', 'density', 'imageSize', 'numberOfFoldedResults', 'parentField', 'tabsExcluded', 'tabsIncluded'], + methods: ['setRenderFunction'] +}) +@Component({ + selector: 'atomic-folded-result-list', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['childField', 'collectionField', 'density', 'imageSize', 'numberOfFoldedResults', 'parentField', 'tabsExcluded', 'tabsIncluded'], +}) +export class AtomicFoldedResultList { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicFoldedResultList extends Components.AtomicFoldedResultList {} + + +@ProxyCmp({ + inputs: ['currency'] +}) +@Component({ + selector: 'atomic-format-currency', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['currency'], +}) +export class AtomicFormatCurrency { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicFormatCurrency extends Components.AtomicFormatCurrency {} + + +@ProxyCmp({ + inputs: ['maximumFractionDigits', 'maximumSignificantDigits', 'minimumFractionDigits', 'minimumIntegerDigits', 'minimumSignificantDigits'] +}) +@Component({ + selector: 'atomic-format-number', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['maximumFractionDigits', 'maximumSignificantDigits', 'minimumFractionDigits', 'minimumIntegerDigits', 'minimumSignificantDigits'], +}) +export class AtomicFormatNumber { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicFormatNumber extends Components.AtomicFormatNumber {} + + +@ProxyCmp({ + inputs: ['unit', 'unitDisplay'] +}) +@Component({ + selector: 'atomic-format-unit', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['unit', 'unitDisplay'], +}) +export class AtomicFormatUnit { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicFormatUnit extends Components.AtomicFormatUnit {} + + +@ProxyCmp({ +}) +@Component({ + selector: 'atomic-frequently-bought-together', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: [], +}) +export class AtomicFrequentlyBoughtTogether { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicFrequentlyBoughtTogether extends Components.AtomicFrequentlyBoughtTogether {} + + +@ProxyCmp({ + inputs: ['answerStyle', 'collapsible', 'withRephraseButtons', 'withToggle'] +}) +@Component({ + selector: 'atomic-generated-answer', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['answerStyle', 'collapsible', 'withRephraseButtons', 'withToggle'], +}) +export class AtomicGeneratedAnswer { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicGeneratedAnswer extends Components.AtomicGeneratedAnswer {} + + +@ProxyCmp({ + inputs: ['sanitize', 'value'] }) @Component({ - selector: 'atomic-commerce-product-list', + selector: 'atomic-html', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['density', 'display', 'gridCellLinkTarget', 'imageSize', 'numberOfPlaceholders'], + inputs: ['sanitize', 'value'], }) -export class AtomicCommerceProductList { +export class AtomicHtml { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -294,45 +1045,42 @@ export class AtomicCommerceProductList { } -export declare interface AtomicCommerceProductList extends Components.AtomicCommerceProductList {} +export declare interface AtomicHtml extends Components.AtomicHtml {} @ProxyCmp({ - inputs: ['choicesDisplayed', 'initialChoice'] + inputs: ['icon'] }) @Component({ - selector: 'atomic-commerce-products-per-page', + selector: 'atomic-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['choicesDisplayed', 'initialChoice'], + inputs: ['icon'], }) -export class AtomicCommerceProductsPerPage { +export class AtomicIcon { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; - proxyOutputs(this, this.el, ['atomic/scrollToTop']); } } -export declare interface AtomicCommerceProductsPerPage extends Components.AtomicCommerceProductsPerPage { - - 'atomic/scrollToTop': EventEmitter>; -} +export declare interface AtomicIcon extends Components.AtomicIcon {} @ProxyCmp({ + inputs: ['maxWidth', 'minWidth', 'section'] }) @Component({ - selector: 'atomic-commerce-query-summary', + selector: 'atomic-layout-section', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], + inputs: ['maxWidth', 'minWidth', 'section'], }) -export class AtomicCommerceQuerySummary { +export class AtomicLayoutSection { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -341,20 +1089,19 @@ export class AtomicCommerceQuerySummary { } -export declare interface AtomicCommerceQuerySummary extends Components.AtomicCommerceQuerySummary {} +export declare interface AtomicLayoutSection extends Components.AtomicLayoutSection {} @ProxyCmp({ - inputs: ['collapseFacetsAfter', 'isOpen', 'openButton'] }) @Component({ - selector: 'atomic-commerce-refine-modal', + selector: 'atomic-load-more-results', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['collapseFacetsAfter', 'isOpen', 'openButton'], + inputs: [], }) -export class AtomicCommerceRefineModal { +export class AtomicLoadMoreResults { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -363,19 +1110,20 @@ export class AtomicCommerceRefineModal { } -export declare interface AtomicCommerceRefineModal extends Components.AtomicCommerceRefineModal {} +export declare interface AtomicLoadMoreResults extends Components.AtomicLoadMoreResults {} @ProxyCmp({ + inputs: ['enableCancelLastAction'] }) @Component({ - selector: 'atomic-commerce-refine-toggle', + selector: 'atomic-no-results', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], + inputs: ['enableCancelLastAction'], }) -export class AtomicCommerceRefineToggle { +export class AtomicNoResults { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -384,62 +1132,42 @@ export class AtomicCommerceRefineToggle { } -export declare interface AtomicCommerceRefineToggle extends Components.AtomicCommerceRefineToggle {} +export declare interface AtomicNoResults extends Components.AtomicNoResults {} @ProxyCmp({ - inputs: ['clearFilters', 'disableSearch', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'] + inputs: ['headingLevel', 'icon'] }) @Component({ - selector: 'atomic-commerce-search-box', + selector: 'atomic-notifications', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['clearFilters', 'disableSearch', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'], + inputs: ['headingLevel', 'icon'], }) -export class AtomicCommerceSearchBox { +export class AtomicNotifications { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; - proxyOutputs(this, this.el, ['redirect']); } } -import type { RedirectionPayload as IAtomicCommerceSearchBoxRedirectionPayload } from '@coveo/atomic'; - -export declare interface AtomicCommerceSearchBox extends Components.AtomicCommerceSearchBox { - /** - * Event that is emitted when a standalone search box redirection is triggered. By default, the search box will directly change the URL and redirect accordingly, so if you want to handle the redirection differently, use this event. - -Example: -```html - -... - -``` - */ - redirect: EventEmitter>; -} +export declare interface AtomicNotifications extends Components.AtomicNotifications {} @ProxyCmp({ - inputs: ['count', 'value'] + inputs: ['dependsOn', 'displayValuesAs', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'rangeAlgorithm', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withInput'] }) @Component({ - selector: 'atomic-commerce-text', + selector: 'atomic-numeric-facet', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['count', 'value'], + inputs: ['dependsOn', 'displayValuesAs', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'rangeAlgorithm', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withInput'], }) -export class AtomicCommerceText { +export class AtomicNumericFacet { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -448,20 +1176,20 @@ export class AtomicCommerceText { } -export declare interface AtomicCommerceText extends Components.AtomicCommerceText {} +export declare interface AtomicNumericFacet extends Components.AtomicNumericFacet {} @ProxyCmp({ - inputs: ['element', 'error'] + inputs: ['end', 'endInclusive', 'label', 'start'] }) @Component({ - selector: 'atomic-component-error', + selector: 'atomic-numeric-range', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['element', 'error'], + inputs: ['end', 'endInclusive', 'label', 'start'], }) -export class AtomicComponentError { +export class AtomicNumericRange { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -470,42 +1198,45 @@ export class AtomicComponentError { } -export declare interface AtomicComponentError extends Components.AtomicComponentError {} +export declare interface AtomicNumericRange extends Components.AtomicNumericRange {} @ProxyCmp({ - inputs: ['automaticallyCorrectQuery', 'queryCorrectionMode'] + inputs: ['nextButtonIcon', 'numberOfPages', 'previousButtonIcon'] }) @Component({ - selector: 'atomic-did-you-mean', + selector: 'atomic-pager', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['automaticallyCorrectQuery', 'queryCorrectionMode'], + inputs: ['nextButtonIcon', 'numberOfPages', 'previousButtonIcon'], }) -export class AtomicDidYouMean { +export class AtomicPager { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; + proxyOutputs(this, this.el, ['atomic/scrollToTop']); } } -export declare interface AtomicDidYouMean extends Components.AtomicDidYouMean {} +export declare interface AtomicPager extends Components.AtomicPager { + + 'atomic/scrollToTop': EventEmitter>; +} @ProxyCmp({ - inputs: ['boundInterface', 'selector'] }) @Component({ - selector: 'atomic-external', + selector: 'atomic-popover', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['boundInterface', 'selector'], + inputs: [], }) -export class AtomicExternal { +export class AtomicPopover { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -514,20 +1245,20 @@ export class AtomicExternal { } -export declare interface AtomicExternal extends Components.AtomicExternal {} +export declare interface AtomicPopover extends Components.AtomicPopover {} @ProxyCmp({ - inputs: ['allowedValues', 'customSort', 'dependsOn', 'displayValuesAs', 'enableExclusion', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'resultsMustMatch', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withSearch'] + inputs: ['classes', 'content', 'density', 'display', 'imageSize', 'interactiveProduct', 'linkContent', 'loadingFlag', 'product', 'renderingFunction', 'stopPropagation', 'store'] }) @Component({ - selector: 'atomic-facet', + selector: 'atomic-product', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['allowedValues', 'customSort', 'dependsOn', 'displayValuesAs', 'enableExclusion', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'resultsMustMatch', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withSearch'], + inputs: ['classes', 'content', 'density', 'display', 'imageSize', 'interactiveProduct', 'linkContent', 'loadingFlag', 'product', 'renderingFunction', 'stopPropagation', 'store'], }) -export class AtomicFacet { +export class AtomicProduct { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -536,42 +1267,48 @@ export class AtomicFacet { } -export declare interface AtomicFacet extends Components.AtomicFacet {} +export declare interface AtomicProduct extends Components.AtomicProduct {} @ProxyCmp({ - inputs: ['collapseFacetsAfter'] + inputs: ['fallback', 'field', 'label'] }) @Component({ - selector: 'atomic-facet-manager', + selector: 'atomic-product-children', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['collapseFacetsAfter'], + inputs: ['fallback', 'field', 'label'], }) -export class AtomicFacetManager { +export class AtomicProductChildren { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; + proxyOutputs(this, this.el, ['atomic/selectChildProduct']); } } -export declare interface AtomicFacetManager extends Components.AtomicFacetManager {} +import type { SelectChildProductEventArgs as IAtomicProductChildrenSelectChildProductEventArgs } from '@coveo/atomic'; + +export declare interface AtomicProductChildren extends Components.AtomicProductChildren { + + 'atomic/selectChildProduct': EventEmitter>; +} @ProxyCmp({ - inputs: ['ifDefined', 'ifNotDefined'] + inputs: ['field', 'truncateAfter'] }) @Component({ - selector: 'atomic-field-condition', + selector: 'atomic-product-description', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['ifDefined', 'ifNotDefined'], + inputs: ['field', 'truncateAfter'], }) -export class AtomicFieldCondition { +export class AtomicProductDescription { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -580,21 +1317,20 @@ export class AtomicFieldCondition { } -export declare interface AtomicFieldCondition extends Components.AtomicFieldCondition {} +export declare interface AtomicProductDescription extends Components.AtomicProductDescription {} @ProxyCmp({ - inputs: ['childField', 'collectionField', 'density', 'imageSize', 'numberOfFoldedResults', 'parentField', 'tabsExcluded', 'tabsIncluded'], - methods: ['setRenderFunction'] + inputs: ['ifDefined', 'ifNotDefined'] }) @Component({ - selector: 'atomic-folded-result-list', + selector: 'atomic-product-field-condition', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['childField', 'collectionField', 'density', 'imageSize', 'numberOfFoldedResults', 'parentField', 'tabsExcluded', 'tabsIncluded'], + inputs: ['ifDefined', 'ifNotDefined'], }) -export class AtomicFoldedResultList { +export class AtomicProductFieldCondition { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -603,20 +1339,21 @@ export class AtomicFoldedResultList { } -export declare interface AtomicFoldedResultList extends Components.AtomicFoldedResultList {} +export declare interface AtomicProductFieldCondition extends Components.AtomicProductFieldCondition {} @ProxyCmp({ - inputs: ['currency'] + inputs: ['fallback', 'field', 'imageAltField'], + methods: ['previousImage', 'nextImage', 'navigateToImage'] }) @Component({ - selector: 'atomic-format-currency', + selector: 'atomic-product-image', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['currency'], + inputs: ['fallback', 'field', 'imageAltField'], }) -export class AtomicFormatCurrency { +export class AtomicProductImage { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -625,20 +1362,20 @@ export class AtomicFormatCurrency { } -export declare interface AtomicFormatCurrency extends Components.AtomicFormatCurrency {} +export declare interface AtomicProductImage extends Components.AtomicProductImage {} @ProxyCmp({ - inputs: ['maximumFractionDigits', 'maximumSignificantDigits', 'minimumFractionDigits', 'minimumIntegerDigits', 'minimumSignificantDigits'] + inputs: ['hrefTemplate'] }) @Component({ - selector: 'atomic-format-number', + selector: 'atomic-product-link', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['maximumFractionDigits', 'maximumSignificantDigits', 'minimumFractionDigits', 'minimumIntegerDigits', 'minimumSignificantDigits'], + inputs: ['hrefTemplate'], }) -export class AtomicFormatNumber { +export class AtomicProductLink { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -647,20 +1384,20 @@ export class AtomicFormatNumber { } -export declare interface AtomicFormatNumber extends Components.AtomicFormatNumber {} +export declare interface AtomicProductLink extends Components.AtomicProductLink {} @ProxyCmp({ - inputs: ['unit', 'unitDisplay'] + inputs: ['field'] }) @Component({ - selector: 'atomic-format-unit', + selector: 'atomic-product-numeric-field-value', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['unit', 'unitDisplay'], + inputs: ['field'], }) -export class AtomicFormatUnit { +export class AtomicProductNumericFieldValue { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -669,19 +1406,19 @@ export class AtomicFormatUnit { } -export declare interface AtomicFormatUnit extends Components.AtomicFormatUnit {} +export declare interface AtomicProductNumericFieldValue extends Components.AtomicProductNumericFieldValue {} @ProxyCmp({ }) @Component({ - selector: 'atomic-frequently-bought-together', + selector: 'atomic-product-price', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property inputs: [], }) -export class AtomicFrequentlyBoughtTogether { +export class AtomicProductPrice { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -690,20 +1427,20 @@ export class AtomicFrequentlyBoughtTogether { } -export declare interface AtomicFrequentlyBoughtTogether extends Components.AtomicFrequentlyBoughtTogether {} +export declare interface AtomicProductPrice extends Components.AtomicProductPrice {} @ProxyCmp({ - inputs: ['answerStyle', 'collapsible', 'withRephraseButtons', 'withToggle'] + inputs: ['field', 'icon', 'maxValueInIndex', 'ratingDetailsField'] }) @Component({ - selector: 'atomic-generated-answer', + selector: 'atomic-product-rating', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['answerStyle', 'collapsible', 'withRephraseButtons', 'withToggle'], + inputs: ['field', 'icon', 'maxValueInIndex', 'ratingDetailsField'], }) -export class AtomicGeneratedAnswer { +export class AtomicProductRating { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -712,20 +1449,19 @@ export class AtomicGeneratedAnswer { } -export declare interface AtomicGeneratedAnswer extends Components.AtomicGeneratedAnswer {} +export declare interface AtomicProductRating extends Components.AtomicProductRating {} @ProxyCmp({ - inputs: ['sanitize', 'value'] }) @Component({ - selector: 'atomic-html', + selector: 'atomic-product-section-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['sanitize', 'value'], + inputs: [], }) -export class AtomicHtml { +export class AtomicProductSectionActions { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -734,20 +1470,19 @@ export class AtomicHtml { } -export declare interface AtomicHtml extends Components.AtomicHtml {} +export declare interface AtomicProductSectionActions extends Components.AtomicProductSectionActions {} @ProxyCmp({ - inputs: ['icon'] }) @Component({ - selector: 'atomic-icon', + selector: 'atomic-product-section-badges', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['icon'], + inputs: [], }) -export class AtomicIcon { +export class AtomicProductSectionBadges { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -756,20 +1491,19 @@ export class AtomicIcon { } -export declare interface AtomicIcon extends Components.AtomicIcon {} +export declare interface AtomicProductSectionBadges extends Components.AtomicProductSectionBadges {} @ProxyCmp({ - inputs: ['maxWidth', 'minWidth', 'section'] }) @Component({ - selector: 'atomic-layout-section', + selector: 'atomic-product-section-bottom-metadata', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['maxWidth', 'minWidth', 'section'], + inputs: [], }) -export class AtomicLayoutSection { +export class AtomicProductSectionBottomMetadata { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -778,19 +1512,19 @@ export class AtomicLayoutSection { } -export declare interface AtomicLayoutSection extends Components.AtomicLayoutSection {} +export declare interface AtomicProductSectionBottomMetadata extends Components.AtomicProductSectionBottomMetadata {} @ProxyCmp({ }) @Component({ - selector: 'atomic-load-more-results', + selector: 'atomic-product-section-children', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property inputs: [], }) -export class AtomicLoadMoreResults { +export class AtomicProductSectionChildren { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -799,20 +1533,19 @@ export class AtomicLoadMoreResults { } -export declare interface AtomicLoadMoreResults extends Components.AtomicLoadMoreResults {} +export declare interface AtomicProductSectionChildren extends Components.AtomicProductSectionChildren {} @ProxyCmp({ - inputs: ['enableCancelLastAction'] }) @Component({ - selector: 'atomic-no-results', + selector: 'atomic-product-section-description', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['enableCancelLastAction'], + inputs: [], }) -export class AtomicNoResults { +export class AtomicProductSectionDescription { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -821,20 +1554,19 @@ export class AtomicNoResults { } -export declare interface AtomicNoResults extends Components.AtomicNoResults {} +export declare interface AtomicProductSectionDescription extends Components.AtomicProductSectionDescription {} @ProxyCmp({ - inputs: ['headingLevel', 'icon'] }) @Component({ - selector: 'atomic-notifications', + selector: 'atomic-product-section-emphasized', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['headingLevel', 'icon'], + inputs: [], }) -export class AtomicNotifications { +export class AtomicProductSectionEmphasized { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -843,20 +1575,19 @@ export class AtomicNotifications { } -export declare interface AtomicNotifications extends Components.AtomicNotifications {} +export declare interface AtomicProductSectionEmphasized extends Components.AtomicProductSectionEmphasized {} @ProxyCmp({ - inputs: ['dependsOn', 'displayValuesAs', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'rangeAlgorithm', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withInput'] }) @Component({ - selector: 'atomic-numeric-facet', + selector: 'atomic-product-section-metadata', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['dependsOn', 'displayValuesAs', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'rangeAlgorithm', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withInput'], + inputs: [], }) -export class AtomicNumericFacet { +export class AtomicProductSectionMetadata { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -865,20 +1596,19 @@ export class AtomicNumericFacet { } -export declare interface AtomicNumericFacet extends Components.AtomicNumericFacet {} +export declare interface AtomicProductSectionMetadata extends Components.AtomicProductSectionMetadata {} @ProxyCmp({ - inputs: ['end', 'endInclusive', 'label', 'start'] }) @Component({ - selector: 'atomic-numeric-range', + selector: 'atomic-product-section-name', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['end', 'endInclusive', 'label', 'start'], + inputs: [], }) -export class AtomicNumericRange { +export class AtomicProductSectionName { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -887,45 +1617,43 @@ export class AtomicNumericRange { } -export declare interface AtomicNumericRange extends Components.AtomicNumericRange {} +export declare interface AtomicProductSectionName extends Components.AtomicProductSectionName {} @ProxyCmp({ - inputs: ['nextButtonIcon', 'numberOfPages', 'previousButtonIcon'] + inputs: ['imageSize'] }) @Component({ - selector: 'atomic-pager', + selector: 'atomic-product-section-visual', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['nextButtonIcon', 'numberOfPages', 'previousButtonIcon'], + inputs: ['imageSize'], }) -export class AtomicPager { +export class AtomicProductSectionVisual { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; - proxyOutputs(this, this.el, ['atomic/scrollToTop']); } } -export declare interface AtomicPager extends Components.AtomicPager { - - 'atomic/scrollToTop': EventEmitter>; -} +export declare interface AtomicProductSectionVisual extends Components.AtomicProductSectionVisual {} @ProxyCmp({ + inputs: ['conditions', 'mustMatch', 'mustNotMatch'], + methods: ['getTemplate'] }) @Component({ - selector: 'atomic-popover', + selector: 'atomic-product-template', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], + inputs: ['conditions', 'mustMatch', 'mustNotMatch'], }) -export class AtomicPopover { +export class AtomicProductTemplate { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -934,21 +1662,20 @@ export class AtomicPopover { } -export declare interface AtomicPopover extends Components.AtomicPopover {} +export declare interface AtomicProductTemplate extends Components.AtomicProductTemplate {} @ProxyCmp({ - inputs: ['conditions', 'mustMatch', 'mustNotMatch'], - methods: ['getTemplate'] + inputs: ['default', 'field', 'shouldHighlight'] }) @Component({ - selector: 'atomic-product-template', + selector: 'atomic-product-text', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['conditions', 'mustMatch', 'mustNotMatch'], + inputs: ['default', 'field', 'shouldHighlight'], }) -export class AtomicProductTemplate { +export class AtomicProductText { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -957,7 +1684,7 @@ export class AtomicProductTemplate { } -export declare interface AtomicProductTemplate extends Components.AtomicProductTemplate {} +export declare interface AtomicProductText extends Components.AtomicProductText {} @ProxyCmp({ diff --git a/packages/atomic-react/src/components/stencil-generated/commerce/index.ts b/packages/atomic-react/src/components/stencil-generated/commerce/index.ts index 4289b8102a6..4e184e1ff41 100644 --- a/packages/atomic-react/src/components/stencil-generated/commerce/index.ts +++ b/packages/atomic-react/src/components/stencil-generated/commerce/index.ts @@ -12,6 +12,7 @@ export const AtomicCommerceBreadbox = /*@__PURE__*/createReactComponent('atomic-commerce-category-facet'); export const AtomicCommerceDidYouMean = /*@__PURE__*/createReactComponent('atomic-commerce-did-you-mean'); export const AtomicCommerceFacet = /*@__PURE__*/createReactComponent('atomic-commerce-facet'); +export const AtomicCommerceFacetNumberInput = /*@__PURE__*/createReactComponent('atomic-commerce-facet-number-input'); export const AtomicCommerceFacets = /*@__PURE__*/createReactComponent('atomic-commerce-facets'); export const AtomicCommerceInterface = /*@__PURE__*/createReactComponent('atomic-commerce-interface'); export const AtomicCommerceLayout = /*@__PURE__*/createReactComponent('atomic-commerce-layout'); @@ -21,6 +22,7 @@ export const AtomicCommerceNumericFacet = /*@__PURE__*/createReactComponent('atomic-commerce-pager'); export const AtomicCommerceProductList = /*@__PURE__*/createReactComponent('atomic-commerce-product-list'); export const AtomicCommerceProductsPerPage = /*@__PURE__*/createReactComponent('atomic-commerce-products-per-page'); +export const AtomicCommerceQueryError = /*@__PURE__*/createReactComponent('atomic-commerce-query-error'); export const AtomicCommerceQuerySummary = /*@__PURE__*/createReactComponent('atomic-commerce-query-summary'); export const AtomicCommerceRecommendationInterface = /*@__PURE__*/createReactComponent('atomic-commerce-recommendation-interface'); export const AtomicCommerceRecommendationList = /*@__PURE__*/createReactComponent('atomic-commerce-recommendation-list'); @@ -46,6 +48,7 @@ export const AtomicProductNumericFieldValue = /*@__PURE__*/createReactComponent< export const AtomicProductPrice = /*@__PURE__*/createReactComponent('atomic-product-price'); export const AtomicProductRating = /*@__PURE__*/createReactComponent('atomic-product-rating'); export const AtomicProductSectionActions = /*@__PURE__*/createReactComponent('atomic-product-section-actions'); +export const AtomicProductSectionBadges = /*@__PURE__*/createReactComponent('atomic-product-section-badges'); export const AtomicProductSectionBottomMetadata = /*@__PURE__*/createReactComponent('atomic-product-section-bottom-metadata'); export const AtomicProductSectionChildren = /*@__PURE__*/createReactComponent('atomic-product-section-children'); export const AtomicProductSectionDescription = /*@__PURE__*/createReactComponent('atomic-product-section-description'); diff --git a/packages/atomic/src/components.d.ts b/packages/atomic/src/components.d.ts index f7f6c621008..763b120cf4c 100644 --- a/packages/atomic/src/components.d.ts +++ b/packages/atomic/src/components.d.ts @@ -285,6 +285,7 @@ export namespace Components { } /** * The `atomic-commerce-breadbox` component creates breadcrumbs that display a summary of the currently active facet values. + * @alpha */ interface AtomicCommerceBreadbox { /** @@ -316,6 +317,9 @@ export namespace Components { */ "summary": Summary; } + /** + * @alpha The `atomic-commerce-query-correction` component is responsible for handling query corrections. When a query returns no products but finds a possible query correction, the component either suggests the correction or automatically triggers a new query with the suggested term. + */ interface AtomicCommerceDidYouMean { } /** @@ -342,6 +346,7 @@ export namespace Components { } /** * Internal component made to be integrated in a NumericFacet. + * @alpha */ interface AtomicCommerceFacetNumberInput { "bindings": Bindings; @@ -426,6 +431,9 @@ export namespace Components { "type": | 'search' | 'product-listing'; } + /** + * @alpha The `atomic-commerce-layout` helps organize elements in the commerce page. + */ interface AtomicCommerceLayout { /** * CSS value that defines where the layout goes from mobile to desktop. e.g., 800px, 65rem. @@ -438,10 +446,14 @@ export namespace Components { */ interface AtomicCommerceLoadMoreProducts { } + /** + * @alpha The `atomic-no-products` component displays search tips when there are no products. Any additional content slotted inside of its element will be displayed as well. + */ interface AtomicCommerceNoProducts { } /** * The `atomic-commerce-numeric-facet` component is responsible for rendering a commerce facet that allows the user to filter products using numeric ranges. + * @alpha */ interface AtomicCommerceNumericFacet { /** @@ -528,6 +540,7 @@ export namespace Components { } /** * The `atomic-commerce-query-error` component handles fatal errors when performing a query on the Commerce API. When the error is known, it displays a link to relevant documentation for debugging purposes. When the error is unknown, it displays a small text area with the JSON content of the error. + * @alpha */ interface AtomicCommerceQueryError { } @@ -537,6 +550,9 @@ export namespace Components { */ interface AtomicCommerceQuerySummary { } + /** + * @alpha The `atomic-commerce-recommendation-interface` component is meant to be used as the parent of one or more `atomic-commerce-recommendation-list` components. It handles the headless search engine and localization configurations. + */ interface AtomicCommerceRecommendationInterface { /** * The value to set the [nonce](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) attribute to on inline script and style elements generated by this interface and its child components. If your application is served with a Content Security Policy (CSP) that doesn't include the `script-src: 'unsafe-inline'` or `style-src: 'unsafe-inline'` directives, you should ensure that your application server generates a new nonce on every page load and uses the generated value to set this prop and serve the corresponding CSP response headers (i.e., script-src 'nonce-' and style-src 'nonce-'). Otherwise you may see console errors such as - Refused to execute inline script because it violates the following Content Security Policy directive: [...] - Refused to apply inline style because it violates the following Content Security Policy directive: [...]. @@ -584,6 +600,7 @@ export namespace Components { } /** * The `atomic-commerce-recommendation-list` component displays a list of product recommendations by applying one or more product templates. + * @alpha */ interface AtomicCommerceRecommendationList { /** @@ -688,6 +705,7 @@ export namespace Components { * The `atomic-commerce-search-box-instant-products` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of instant results behavior. * This component does not support accessibility out-of-the-box. To do so, see [Instant Results Accessibility](https://docs.coveo.com/en/atomic/latest/usage/accessibility/#instant-results-accessibility). * This component is not supported on mobile. + * @alpha */ interface AtomicCommerceSearchBoxInstantProducts { /** @@ -710,6 +728,7 @@ export namespace Components { } /** * The `atomic-commerce-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior. + * @alpha */ interface AtomicCommerceSearchBoxQuerySuggestions { /** @@ -727,6 +746,7 @@ export namespace Components { } /** * The `atomic-commerce-search-box-recent-queries` component can be added as a child of an `atomic-commerce-search-box` component, allowing for the configuration of recent query suggestions. + * @alpha */ interface AtomicCommerceSearchBoxRecentQueries { /** @@ -744,6 +764,7 @@ export namespace Components { } /** * The `atomic-commerce-sort-dropdown` component renders a dropdown that the end user can interact with to select the criteria to use when sorting products. + * @alpha */ interface AtomicCommerceSortDropdown { } @@ -764,6 +785,7 @@ export namespace Components { /** * A facet is a list of values for a certain field occurring in the results. * An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals. + * @alpha */ interface AtomicCommerceTimeframeFacet { /** @@ -1922,6 +1944,7 @@ export namespace Components { } /** * The `atomic-product` component is used internally by the `atomic-commerce-product-list` component. + * @alpha */ interface AtomicProduct { /** @@ -1946,6 +1969,7 @@ export namespace Components { "imageSize": ItemDisplayImageSize; /** * The InteractiveProduct item. + * @alpha */ "interactiveProduct": InteractiveProduct; /** @@ -1953,6 +1977,9 @@ export namespace Components { * @default - An `atomic-result-link` without any customization. */ "linkContent": ParentNode; + /** + * @alpha + */ "loadingFlag"?: string; /** * The product item. @@ -1960,6 +1987,7 @@ export namespace Components { "product": Product; /** * Internal function used in advanced setups, which lets you bypass the standard HTML template system. Particularly useful for Atomic React + * @alpha */ "renderingFunction": ItemRenderingFunction; /** @@ -1968,9 +1996,14 @@ export namespace Components { "stopPropagation"?: boolean; /** * Global Atomic state. + * @alpha */ "store"?: AtomicCommonStore; } + /** + * @alpha The `atomic-product-children` component renders a section that allows the user to select a nested product (e.g., a color variant of a given product). + * This component leverages the [product grouping](https://docs.coveo.com/en/l78i2152/) feature. + */ interface AtomicProductChildren { /** * A fallback image URL to use when the specified `field` is not defined on a given child product, or when its value is invalid. @@ -1985,6 +2018,9 @@ export namespace Components { */ "label": string; } + /** + * @alpha The `atomic-product-description` component renders the description of a product. + */ interface AtomicProductDescription { /** * The name of the description field to use. @@ -1998,6 +2034,7 @@ export namespace Components { /** * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined. * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`). + * @alpha */ interface AtomicProductFieldCondition { /** @@ -2011,6 +2048,7 @@ export namespace Components { } /** * The `atomic-product-image` component renders an image from a product field. + * @alpha */ interface AtomicProductImage { /** @@ -2039,22 +2077,33 @@ export namespace Components { */ "previousImage": () => Promise; } + /** + * @alpha The `atomic-product-link` component automatically transforms a search product title into a clickable link that points to the original item. + */ interface AtomicProductLink { /** * The [template literal](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals) from which to generate the `href` attribute value The template literal can reference any number of product properties from the parent product. It can also reference the window object. For example, the following markup generates an `href` value such as `http://uri.com?id=itemTitle`, using the product's `clickUri` and `itemtitle` fields. ```html ``` */ "hrefTemplate"?: string; } + /** + * @alpha The `atomic-product-numeric-field-value` component renders the value of a number product field. + * The number can be formatted by adding a `atomic-format-number`, `atomic-format-currency` or `atomic-format-unit` component into this component. + */ interface AtomicProductNumericFieldValue { /** * The field that the component should use. The component will try to find this field in the `Product.additionalFields` object unless it finds it in the `Product` object first. */ "field": string; } + /** + * @alpha The `atomic-product-price` component renders the price of a product. + */ interface AtomicProductPrice { } /** * The `atomic-product-rating` element renders a star rating. + * @alpha */ interface AtomicProductRating { /** @@ -2074,22 +2123,90 @@ export namespace Components { */ "ratingDetailsField"?: string; } + /** + * @alpha This section is intended to display components that allow the user to perform an action on a product without having to view its details. + * In commerce interface, the user can usually add the product to their cart or wish list. + * Behavior: + * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height. + * ** You should ensure that elements inside of it have `height: var(--line-height)`. + * * Is a wrapping flexbox with a gap. + * * May appear over, next to, or beneath the visual section. + */ interface AtomicProductSectionActions { } + /** + * @alpha This section is meant to render badges that highlight special features of the product. + * Behavior: + * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height. + * ** You should ensure that elements inside of it have `height: var(--line-height)`. + * * Is a wrapping flexbox with a gap. + * * May appear over, next to, or beneath the visual section. + */ interface AtomicProductSectionBadges { } + /** + * @alpha This section is meant to render additional descriptive information about the product. + * Behavior: + * * Has a maximum height of two lines. + * * Exposes the `--line-height` variable so child elements can adjust to the current line height. + * * Has a defined CSS `color` property for text. + * * Has a font weight. + */ interface AtomicProductSectionBottomMetadata { } + /** + * @alpha This section is meant to render child products, available when using the component. + * Behavior: + * * Shows children at the bottom of the result, indented and wrapped in a border. + */ interface AtomicProductSectionChildren { } + /** + * @alpha This section is intended to render an informative summary of the product's description. + * Behavior: + * * Has a fixed height of one to three lines, depending on the layout and density. + * * Ellipses overflowing text. + * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height. + * * Has a defined CSS `color` property for text. + */ interface AtomicProductSectionDescription { } + /** + * @alpha This section is intended to display the field that's important for its search criteria. + * For example, in Commerce, a product's price is often more important than the title itself. + * Behavior: + * * Has a very large font size. + * * Is the second closest element beneath the name section. + */ interface AtomicProductSectionEmphasized { } + /** + * @alpha This section is intended to display some fields that are directly related to the name of the product. + * In commerce, this could be the product rating, which is tied to the nature of the product itself, + * rather than to the product's description. + * Behavior: + * * Has a very small font size. + * * Is the closest element beneath the title section. + */ interface AtomicProductSectionMetadata { } + /** + * @alpha This section is intended to display the product's name, and its main use is to make the product list scannable. + * Behavior: + * * Has a fixed height of two lines on grid layouts. + * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height. + * * Has a defined CSS `color` property for text. + */ interface AtomicProductSectionName { } + /** + * @alpha This section is intended to provide visual information about the product. + * In commerce, an image is a great shorthand for a product category. + * Behavior: + * * Has a fixed size that depends on the specified image size, the layout, the density, and the screen size. + * ** You should ensure that elements inside of it take the available space. + * * Always has a 1:1 aspect ratio. + */ interface AtomicProductSectionVisual { /** * How large or small the visual section of product using this template should be. @@ -2127,6 +2244,9 @@ export namespace Components { string[] >; } + /** + * @alpha The `atomic-product-text` component renders the value of a string product field. + */ interface AtomicProductText { /** * The locale key for the text to display when the configured field has no value. @@ -3718,6 +3838,7 @@ declare global { }; /** * The `atomic-commerce-breadbox` component creates breadcrumbs that display a summary of the currently active facet values. + * @alpha */ interface HTMLAtomicCommerceBreadboxElement extends Components.AtomicCommerceBreadbox, HTMLStencilElement { } @@ -3736,6 +3857,9 @@ declare global { prototype: HTMLAtomicCommerceCategoryFacetElement; new (): HTMLAtomicCommerceCategoryFacetElement; }; + /** + * @alpha The `atomic-commerce-query-correction` component is responsible for handling query corrections. When a query returns no products but finds a possible query correction, the component either suggests the correction or automatically triggers a new query with the suggested term. + */ interface HTMLAtomicCommerceDidYouMeanElement extends Components.AtomicCommerceDidYouMean, HTMLStencilElement { } var HTMLAtomicCommerceDidYouMeanElement: { @@ -3757,6 +3881,7 @@ declare global { } /** * Internal component made to be integrated in a NumericFacet. + * @alpha */ interface HTMLAtomicCommerceFacetNumberInputElement extends Components.AtomicCommerceFacetNumberInput, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLAtomicCommerceFacetNumberInputElement, ev: AtomicCommerceFacetNumberInputCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; @@ -3795,6 +3920,9 @@ declare global { prototype: HTMLAtomicCommerceInterfaceElement; new (): HTMLAtomicCommerceInterfaceElement; }; + /** + * @alpha The `atomic-commerce-layout` helps organize elements in the commerce page. + */ interface HTMLAtomicCommerceLayoutElement extends Components.AtomicCommerceLayout, HTMLStencilElement { } var HTMLAtomicCommerceLayoutElement: { @@ -3811,6 +3939,9 @@ declare global { prototype: HTMLAtomicCommerceLoadMoreProductsElement; new (): HTMLAtomicCommerceLoadMoreProductsElement; }; + /** + * @alpha The `atomic-no-products` component displays search tips when there are no products. Any additional content slotted inside of its element will be displayed as well. + */ interface HTMLAtomicCommerceNoProductsElement extends Components.AtomicCommerceNoProducts, HTMLStencilElement { } var HTMLAtomicCommerceNoProductsElement: { @@ -3819,6 +3950,7 @@ declare global { }; /** * The `atomic-commerce-numeric-facet` component is responsible for rendering a commerce facet that allows the user to filter products using numeric ranges. + * @alpha */ interface HTMLAtomicCommerceNumericFacetElement extends Components.AtomicCommerceNumericFacet, HTMLStencilElement { } @@ -3879,6 +4011,7 @@ declare global { }; /** * The `atomic-commerce-query-error` component handles fatal errors when performing a query on the Commerce API. When the error is known, it displays a link to relevant documentation for debugging purposes. When the error is unknown, it displays a small text area with the JSON content of the error. + * @alpha */ interface HTMLAtomicCommerceQueryErrorElement extends Components.AtomicCommerceQueryError, HTMLStencilElement { } @@ -3896,6 +4029,9 @@ declare global { prototype: HTMLAtomicCommerceQuerySummaryElement; new (): HTMLAtomicCommerceQuerySummaryElement; }; + /** + * @alpha The `atomic-commerce-recommendation-interface` component is meant to be used as the parent of one or more `atomic-commerce-recommendation-list` components. It handles the headless search engine and localization configurations. + */ interface HTMLAtomicCommerceRecommendationInterfaceElement extends Components.AtomicCommerceRecommendationInterface, HTMLStencilElement { } var HTMLAtomicCommerceRecommendationInterfaceElement: { @@ -3904,6 +4040,7 @@ declare global { }; /** * The `atomic-commerce-recommendation-list` component displays a list of product recommendations by applying one or more product templates. + * @alpha */ interface HTMLAtomicCommerceRecommendationListElement extends Components.AtomicCommerceRecommendationList, HTMLStencilElement { } @@ -3958,6 +4095,7 @@ declare global { * The `atomic-commerce-search-box-instant-products` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of instant results behavior. * This component does not support accessibility out-of-the-box. To do so, see [Instant Results Accessibility](https://docs.coveo.com/en/atomic/latest/usage/accessibility/#instant-results-accessibility). * This component is not supported on mobile. + * @alpha */ interface HTMLAtomicCommerceSearchBoxInstantProductsElement extends Components.AtomicCommerceSearchBoxInstantProducts, HTMLStencilElement { } @@ -3967,6 +4105,7 @@ declare global { }; /** * The `atomic-commerce-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior. + * @alpha */ interface HTMLAtomicCommerceSearchBoxQuerySuggestionsElement extends Components.AtomicCommerceSearchBoxQuerySuggestions, HTMLStencilElement { } @@ -3976,6 +4115,7 @@ declare global { }; /** * The `atomic-commerce-search-box-recent-queries` component can be added as a child of an `atomic-commerce-search-box` component, allowing for the configuration of recent query suggestions. + * @alpha */ interface HTMLAtomicCommerceSearchBoxRecentQueriesElement extends Components.AtomicCommerceSearchBoxRecentQueries, HTMLStencilElement { } @@ -3985,6 +4125,7 @@ declare global { }; /** * The `atomic-commerce-sort-dropdown` component renders a dropdown that the end user can interact with to select the criteria to use when sorting products. + * @alpha */ interface HTMLAtomicCommerceSortDropdownElement extends Components.AtomicCommerceSortDropdown, HTMLStencilElement { } @@ -4004,6 +4145,7 @@ declare global { /** * A facet is a list of values for a certain field occurring in the results. * An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals. + * @alpha */ interface HTMLAtomicCommerceTimeframeFacetElement extends Components.AtomicCommerceTimeframeFacet, HTMLStencilElement { } @@ -4633,6 +4775,7 @@ declare global { }; /** * The `atomic-product` component is used internally by the `atomic-commerce-product-list` component. + * @alpha */ interface HTMLAtomicProductElement extends Components.AtomicProduct, HTMLStencilElement { } @@ -4643,6 +4786,10 @@ declare global { interface HTMLAtomicProductChildrenElementEventMap { "atomic/selectChildProduct": SelectChildProductEventArgs; } + /** + * @alpha The `atomic-product-children` component renders a section that allows the user to select a nested product (e.g., a color variant of a given product). + * This component leverages the [product grouping](https://docs.coveo.com/en/l78i2152/) feature. + */ interface HTMLAtomicProductChildrenElement extends Components.AtomicProductChildren, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLAtomicProductChildrenElement, ev: AtomicProductChildrenCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; @@ -4657,6 +4804,9 @@ declare global { prototype: HTMLAtomicProductChildrenElement; new (): HTMLAtomicProductChildrenElement; }; + /** + * @alpha The `atomic-product-description` component renders the description of a product. + */ interface HTMLAtomicProductDescriptionElement extends Components.AtomicProductDescription, HTMLStencilElement { } var HTMLAtomicProductDescriptionElement: { @@ -4666,6 +4816,7 @@ declare global { /** * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined. * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`). + * @alpha */ interface HTMLAtomicProductFieldConditionElement extends Components.AtomicProductFieldCondition, HTMLStencilElement { } @@ -4675,6 +4826,7 @@ declare global { }; /** * The `atomic-product-image` component renders an image from a product field. + * @alpha */ interface HTMLAtomicProductImageElement extends Components.AtomicProductImage, HTMLStencilElement { } @@ -4682,18 +4834,28 @@ declare global { prototype: HTMLAtomicProductImageElement; new (): HTMLAtomicProductImageElement; }; + /** + * @alpha The `atomic-product-link` component automatically transforms a search product title into a clickable link that points to the original item. + */ interface HTMLAtomicProductLinkElement extends Components.AtomicProductLink, HTMLStencilElement { } var HTMLAtomicProductLinkElement: { prototype: HTMLAtomicProductLinkElement; new (): HTMLAtomicProductLinkElement; }; + /** + * @alpha The `atomic-product-numeric-field-value` component renders the value of a number product field. + * The number can be formatted by adding a `atomic-format-number`, `atomic-format-currency` or `atomic-format-unit` component into this component. + */ interface HTMLAtomicProductNumericFieldValueElement extends Components.AtomicProductNumericFieldValue, HTMLStencilElement { } var HTMLAtomicProductNumericFieldValueElement: { prototype: HTMLAtomicProductNumericFieldValueElement; new (): HTMLAtomicProductNumericFieldValueElement; }; + /** + * @alpha The `atomic-product-price` component renders the price of a product. + */ interface HTMLAtomicProductPriceElement extends Components.AtomicProductPrice, HTMLStencilElement { } var HTMLAtomicProductPriceElement: { @@ -4702,6 +4864,7 @@ declare global { }; /** * The `atomic-product-rating` element renders a star rating. + * @alpha */ interface HTMLAtomicProductRatingElement extends Components.AtomicProductRating, HTMLStencilElement { } @@ -4709,54 +4872,122 @@ declare global { prototype: HTMLAtomicProductRatingElement; new (): HTMLAtomicProductRatingElement; }; + /** + * @alpha This section is intended to display components that allow the user to perform an action on a product without having to view its details. + * In commerce interface, the user can usually add the product to their cart or wish list. + * Behavior: + * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height. + * ** You should ensure that elements inside of it have `height: var(--line-height)`. + * * Is a wrapping flexbox with a gap. + * * May appear over, next to, or beneath the visual section. + */ interface HTMLAtomicProductSectionActionsElement extends Components.AtomicProductSectionActions, HTMLStencilElement { } var HTMLAtomicProductSectionActionsElement: { prototype: HTMLAtomicProductSectionActionsElement; new (): HTMLAtomicProductSectionActionsElement; }; + /** + * @alpha This section is meant to render badges that highlight special features of the product. + * Behavior: + * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height. + * ** You should ensure that elements inside of it have `height: var(--line-height)`. + * * Is a wrapping flexbox with a gap. + * * May appear over, next to, or beneath the visual section. + */ interface HTMLAtomicProductSectionBadgesElement extends Components.AtomicProductSectionBadges, HTMLStencilElement { } var HTMLAtomicProductSectionBadgesElement: { prototype: HTMLAtomicProductSectionBadgesElement; new (): HTMLAtomicProductSectionBadgesElement; }; + /** + * @alpha This section is meant to render additional descriptive information about the product. + * Behavior: + * * Has a maximum height of two lines. + * * Exposes the `--line-height` variable so child elements can adjust to the current line height. + * * Has a defined CSS `color` property for text. + * * Has a font weight. + */ interface HTMLAtomicProductSectionBottomMetadataElement extends Components.AtomicProductSectionBottomMetadata, HTMLStencilElement { } var HTMLAtomicProductSectionBottomMetadataElement: { prototype: HTMLAtomicProductSectionBottomMetadataElement; new (): HTMLAtomicProductSectionBottomMetadataElement; }; + /** + * @alpha This section is meant to render child products, available when using the component. + * Behavior: + * * Shows children at the bottom of the result, indented and wrapped in a border. + */ interface HTMLAtomicProductSectionChildrenElement extends Components.AtomicProductSectionChildren, HTMLStencilElement { } var HTMLAtomicProductSectionChildrenElement: { prototype: HTMLAtomicProductSectionChildrenElement; new (): HTMLAtomicProductSectionChildrenElement; }; + /** + * @alpha This section is intended to render an informative summary of the product's description. + * Behavior: + * * Has a fixed height of one to three lines, depending on the layout and density. + * * Ellipses overflowing text. + * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height. + * * Has a defined CSS `color` property for text. + */ interface HTMLAtomicProductSectionDescriptionElement extends Components.AtomicProductSectionDescription, HTMLStencilElement { } var HTMLAtomicProductSectionDescriptionElement: { prototype: HTMLAtomicProductSectionDescriptionElement; new (): HTMLAtomicProductSectionDescriptionElement; }; + /** + * @alpha This section is intended to display the field that's important for its search criteria. + * For example, in Commerce, a product's price is often more important than the title itself. + * Behavior: + * * Has a very large font size. + * * Is the second closest element beneath the name section. + */ interface HTMLAtomicProductSectionEmphasizedElement extends Components.AtomicProductSectionEmphasized, HTMLStencilElement { } var HTMLAtomicProductSectionEmphasizedElement: { prototype: HTMLAtomicProductSectionEmphasizedElement; new (): HTMLAtomicProductSectionEmphasizedElement; }; + /** + * @alpha This section is intended to display some fields that are directly related to the name of the product. + * In commerce, this could be the product rating, which is tied to the nature of the product itself, + * rather than to the product's description. + * Behavior: + * * Has a very small font size. + * * Is the closest element beneath the title section. + */ interface HTMLAtomicProductSectionMetadataElement extends Components.AtomicProductSectionMetadata, HTMLStencilElement { } var HTMLAtomicProductSectionMetadataElement: { prototype: HTMLAtomicProductSectionMetadataElement; new (): HTMLAtomicProductSectionMetadataElement; }; + /** + * @alpha This section is intended to display the product's name, and its main use is to make the product list scannable. + * Behavior: + * * Has a fixed height of two lines on grid layouts. + * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height. + * * Has a defined CSS `color` property for text. + */ interface HTMLAtomicProductSectionNameElement extends Components.AtomicProductSectionName, HTMLStencilElement { } var HTMLAtomicProductSectionNameElement: { prototype: HTMLAtomicProductSectionNameElement; new (): HTMLAtomicProductSectionNameElement; }; + /** + * @alpha This section is intended to provide visual information about the product. + * In commerce, an image is a great shorthand for a product category. + * Behavior: + * * Has a fixed size that depends on the specified image size, the layout, the density, and the screen size. + * ** You should ensure that elements inside of it take the available space. + * * Always has a 1:1 aspect ratio. + */ interface HTMLAtomicProductSectionVisualElement extends Components.AtomicProductSectionVisual, HTMLStencilElement { } var HTMLAtomicProductSectionVisualElement: { @@ -4776,6 +5007,9 @@ declare global { prototype: HTMLAtomicProductTemplateElement; new (): HTMLAtomicProductTemplateElement; }; + /** + * @alpha The `atomic-product-text` component renders the value of a string product field. + */ interface HTMLAtomicProductTextElement extends Components.AtomicProductText, HTMLStencilElement { } var HTMLAtomicProductTextElement: { @@ -6032,6 +6266,7 @@ declare namespace LocalJSX { } /** * The `atomic-commerce-breadbox` component creates breadcrumbs that display a summary of the currently active facet values. + * @alpha */ interface AtomicCommerceBreadbox { /** @@ -6063,6 +6298,9 @@ declare namespace LocalJSX { */ "summary": Summary; } + /** + * @alpha The `atomic-commerce-query-correction` component is responsible for handling query corrections. When a query returns no products but finds a possible query correction, the component either suggests the correction or automatically triggers a new query with the suggested term. + */ interface AtomicCommerceDidYouMean { } /** @@ -6089,6 +6327,7 @@ declare namespace LocalJSX { } /** * Internal component made to be integrated in a NumericFacet. + * @alpha */ interface AtomicCommerceFacetNumberInput { "bindings": Bindings; @@ -6162,6 +6401,9 @@ declare namespace LocalJSX { "type"?: | 'search' | 'product-listing'; } + /** + * @alpha The `atomic-commerce-layout` helps organize elements in the commerce page. + */ interface AtomicCommerceLayout { /** * CSS value that defines where the layout goes from mobile to desktop. e.g., 800px, 65rem. @@ -6174,10 +6416,14 @@ declare namespace LocalJSX { */ interface AtomicCommerceLoadMoreProducts { } + /** + * @alpha The `atomic-no-products` component displays search tips when there are no products. Any additional content slotted inside of its element will be displayed as well. + */ interface AtomicCommerceNoProducts { } /** * The `atomic-commerce-numeric-facet` component is responsible for rendering a commerce facet that allows the user to filter products using numeric ranges. + * @alpha */ interface AtomicCommerceNumericFacet { /** @@ -6261,6 +6507,7 @@ declare namespace LocalJSX { } /** * The `atomic-commerce-query-error` component handles fatal errors when performing a query on the Commerce API. When the error is known, it displays a link to relevant documentation for debugging purposes. When the error is unknown, it displays a small text area with the JSON content of the error. + * @alpha */ interface AtomicCommerceQueryError { } @@ -6270,6 +6517,9 @@ declare namespace LocalJSX { */ interface AtomicCommerceQuerySummary { } + /** + * @alpha The `atomic-commerce-recommendation-interface` component is meant to be used as the parent of one or more `atomic-commerce-recommendation-list` components. It handles the headless search engine and localization configurations. + */ interface AtomicCommerceRecommendationInterface { /** * The value to set the [nonce](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce) attribute to on inline script and style elements generated by this interface and its child components. If your application is served with a Content Security Policy (CSP) that doesn't include the `script-src: 'unsafe-inline'` or `style-src: 'unsafe-inline'` directives, you should ensure that your application server generates a new nonce on every page load and uses the generated value to set this prop and serve the corresponding CSP response headers (i.e., script-src 'nonce-' and style-src 'nonce-'). Otherwise you may see console errors such as - Refused to execute inline script because it violates the following Content Security Policy directive: [...] - Refused to apply inline style because it violates the following Content Security Policy directive: [...]. @@ -6307,6 +6557,7 @@ declare namespace LocalJSX { } /** * The `atomic-commerce-recommendation-list` component displays a list of product recommendations by applying one or more product templates. + * @alpha */ interface AtomicCommerceRecommendationList { /** @@ -6402,6 +6653,7 @@ declare namespace LocalJSX { * The `atomic-commerce-search-box-instant-products` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of instant results behavior. * This component does not support accessibility out-of-the-box. To do so, see [Instant Results Accessibility](https://docs.coveo.com/en/atomic/latest/usage/accessibility/#instant-results-accessibility). * This component is not supported on mobile. + * @alpha */ interface AtomicCommerceSearchBoxInstantProducts { /** @@ -6419,6 +6671,7 @@ declare namespace LocalJSX { } /** * The `atomic-commerce-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior. + * @alpha */ interface AtomicCommerceSearchBoxQuerySuggestions { /** @@ -6436,6 +6689,7 @@ declare namespace LocalJSX { } /** * The `atomic-commerce-search-box-recent-queries` component can be added as a child of an `atomic-commerce-search-box` component, allowing for the configuration of recent query suggestions. + * @alpha */ interface AtomicCommerceSearchBoxRecentQueries { /** @@ -6453,6 +6707,7 @@ declare namespace LocalJSX { } /** * The `atomic-commerce-sort-dropdown` component renders a dropdown that the end user can interact with to select the criteria to use when sorting products. + * @alpha */ interface AtomicCommerceSortDropdown { } @@ -6473,6 +6728,7 @@ declare namespace LocalJSX { /** * A facet is a list of values for a certain field occurring in the results. * An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals. + * @alpha */ interface AtomicCommerceTimeframeFacet { /** @@ -7582,6 +7838,7 @@ declare namespace LocalJSX { } /** * The `atomic-product` component is used internally by the `atomic-commerce-product-list` component. + * @alpha */ interface AtomicProduct { /** @@ -7606,6 +7863,7 @@ declare namespace LocalJSX { "imageSize"?: ItemDisplayImageSize; /** * The InteractiveProduct item. + * @alpha */ "interactiveProduct": InteractiveProduct; /** @@ -7613,6 +7871,9 @@ declare namespace LocalJSX { * @default - An `atomic-result-link` without any customization. */ "linkContent"?: ParentNode; + /** + * @alpha + */ "loadingFlag"?: string; /** * The product item. @@ -7620,6 +7881,7 @@ declare namespace LocalJSX { "product": Product; /** * Internal function used in advanced setups, which lets you bypass the standard HTML template system. Particularly useful for Atomic React + * @alpha */ "renderingFunction"?: ItemRenderingFunction; /** @@ -7628,9 +7890,14 @@ declare namespace LocalJSX { "stopPropagation"?: boolean; /** * Global Atomic state. + * @alpha */ "store"?: AtomicCommonStore; } + /** + * @alpha The `atomic-product-children` component renders a section that allows the user to select a nested product (e.g., a color variant of a given product). + * This component leverages the [product grouping](https://docs.coveo.com/en/l78i2152/) feature. + */ interface AtomicProductChildren { /** * A fallback image URL to use when the specified `field` is not defined on a given child product, or when its value is invalid. @@ -7646,6 +7913,9 @@ declare namespace LocalJSX { "label"?: string; "onAtomic/selectChildProduct"?: (event: AtomicProductChildrenCustomEvent) => void; } + /** + * @alpha The `atomic-product-description` component renders the description of a product. + */ interface AtomicProductDescription { /** * The name of the description field to use. @@ -7659,6 +7929,7 @@ declare namespace LocalJSX { /** * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined. * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`). + * @alpha */ interface AtomicProductFieldCondition { /** @@ -7672,6 +7943,7 @@ declare namespace LocalJSX { } /** * The `atomic-product-image` component renders an image from a product field. + * @alpha */ interface AtomicProductImage { /** @@ -7687,22 +7959,33 @@ declare namespace LocalJSX { */ "imageAltField"?: string; } + /** + * @alpha The `atomic-product-link` component automatically transforms a search product title into a clickable link that points to the original item. + */ interface AtomicProductLink { /** * The [template literal](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals) from which to generate the `href` attribute value The template literal can reference any number of product properties from the parent product. It can also reference the window object. For example, the following markup generates an `href` value such as `http://uri.com?id=itemTitle`, using the product's `clickUri` and `itemtitle` fields. ```html ``` */ "hrefTemplate"?: string; } + /** + * @alpha The `atomic-product-numeric-field-value` component renders the value of a number product field. + * The number can be formatted by adding a `atomic-format-number`, `atomic-format-currency` or `atomic-format-unit` component into this component. + */ interface AtomicProductNumericFieldValue { /** * The field that the component should use. The component will try to find this field in the `Product.additionalFields` object unless it finds it in the `Product` object first. */ "field": string; } + /** + * @alpha The `atomic-product-price` component renders the price of a product. + */ interface AtomicProductPrice { } /** * The `atomic-product-rating` element renders a star rating. + * @alpha */ interface AtomicProductRating { /** @@ -7722,22 +8005,90 @@ declare namespace LocalJSX { */ "ratingDetailsField"?: string; } + /** + * @alpha This section is intended to display components that allow the user to perform an action on a product without having to view its details. + * In commerce interface, the user can usually add the product to their cart or wish list. + * Behavior: + * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height. + * ** You should ensure that elements inside of it have `height: var(--line-height)`. + * * Is a wrapping flexbox with a gap. + * * May appear over, next to, or beneath the visual section. + */ interface AtomicProductSectionActions { } + /** + * @alpha This section is meant to render badges that highlight special features of the product. + * Behavior: + * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height. + * ** You should ensure that elements inside of it have `height: var(--line-height)`. + * * Is a wrapping flexbox with a gap. + * * May appear over, next to, or beneath the visual section. + */ interface AtomicProductSectionBadges { } + /** + * @alpha This section is meant to render additional descriptive information about the product. + * Behavior: + * * Has a maximum height of two lines. + * * Exposes the `--line-height` variable so child elements can adjust to the current line height. + * * Has a defined CSS `color` property for text. + * * Has a font weight. + */ interface AtomicProductSectionBottomMetadata { } + /** + * @alpha This section is meant to render child products, available when using the component. + * Behavior: + * * Shows children at the bottom of the result, indented and wrapped in a border. + */ interface AtomicProductSectionChildren { } + /** + * @alpha This section is intended to render an informative summary of the product's description. + * Behavior: + * * Has a fixed height of one to three lines, depending on the layout and density. + * * Ellipses overflowing text. + * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height. + * * Has a defined CSS `color` property for text. + */ interface AtomicProductSectionDescription { } + /** + * @alpha This section is intended to display the field that's important for its search criteria. + * For example, in Commerce, a product's price is often more important than the title itself. + * Behavior: + * * Has a very large font size. + * * Is the second closest element beneath the name section. + */ interface AtomicProductSectionEmphasized { } + /** + * @alpha This section is intended to display some fields that are directly related to the name of the product. + * In commerce, this could be the product rating, which is tied to the nature of the product itself, + * rather than to the product's description. + * Behavior: + * * Has a very small font size. + * * Is the closest element beneath the title section. + */ interface AtomicProductSectionMetadata { } + /** + * @alpha This section is intended to display the product's name, and its main use is to make the product list scannable. + * Behavior: + * * Has a fixed height of two lines on grid layouts. + * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height. + * * Has a defined CSS `color` property for text. + */ interface AtomicProductSectionName { } + /** + * @alpha This section is intended to provide visual information about the product. + * In commerce, an image is a great shorthand for a product category. + * Behavior: + * * Has a fixed size that depends on the specified image size, the layout, the density, and the screen size. + * ** You should ensure that elements inside of it take the available space. + * * Always has a 1:1 aspect ratio. + */ interface AtomicProductSectionVisual { /** * How large or small the visual section of product using this template should be. @@ -7771,6 +8122,9 @@ declare namespace LocalJSX { string[] >; } + /** + * @alpha The `atomic-product-text` component renders the value of a string product field. + */ interface AtomicProductText { /** * The locale key for the text to display when the configured field has no value. @@ -9379,6 +9733,7 @@ declare module "@stencil/core" { "atomic-color-facet": LocalJSX.AtomicColorFacet & JSXBase.HTMLAttributes; /** * The `atomic-commerce-breadbox` component creates breadcrumbs that display a summary of the currently active facet values. + * @alpha */ "atomic-commerce-breadbox": LocalJSX.AtomicCommerceBreadbox & JSXBase.HTMLAttributes; /** @@ -9387,6 +9742,9 @@ declare module "@stencil/core" { * @alpha */ "atomic-commerce-category-facet": LocalJSX.AtomicCommerceCategoryFacet & JSXBase.HTMLAttributes; + /** + * @alpha The `atomic-commerce-query-correction` component is responsible for handling query corrections. When a query returns no products but finds a possible query correction, the component either suggests the correction or automatically triggers a new query with the suggested term. + */ "atomic-commerce-did-you-mean": LocalJSX.AtomicCommerceDidYouMean & JSXBase.HTMLAttributes; /** * The `atomic-commerce-facet` component renders a commerce facet that the end user can interact with to filter products. @@ -9395,6 +9753,7 @@ declare module "@stencil/core" { "atomic-commerce-facet": LocalJSX.AtomicCommerceFacet & JSXBase.HTMLAttributes; /** * Internal component made to be integrated in a NumericFacet. + * @alpha */ "atomic-commerce-facet-number-input": LocalJSX.AtomicCommerceFacetNumberInput & JSXBase.HTMLAttributes; /** @@ -9410,15 +9769,22 @@ declare module "@stencil/core" { * configurations. */ "atomic-commerce-interface": LocalJSX.AtomicCommerceInterface & JSXBase.HTMLAttributes; + /** + * @alpha The `atomic-commerce-layout` helps organize elements in the commerce page. + */ "atomic-commerce-layout": LocalJSX.AtomicCommerceLayout & JSXBase.HTMLAttributes; /** * The `atomic-commerce-load-more-products` component allows the user to load additional products if more are available. * @alpha */ "atomic-commerce-load-more-products": LocalJSX.AtomicCommerceLoadMoreProducts & JSXBase.HTMLAttributes; + /** + * @alpha The `atomic-no-products` component displays search tips when there are no products. Any additional content slotted inside of its element will be displayed as well. + */ "atomic-commerce-no-products": LocalJSX.AtomicCommerceNoProducts & JSXBase.HTMLAttributes; /** * The `atomic-commerce-numeric-facet` component is responsible for rendering a commerce facet that allows the user to filter products using numeric ranges. + * @alpha */ "atomic-commerce-numeric-facet": LocalJSX.AtomicCommerceNumericFacet & JSXBase.HTMLAttributes; /** @@ -9437,6 +9803,7 @@ declare module "@stencil/core" { "atomic-commerce-products-per-page": LocalJSX.AtomicCommerceProductsPerPage & JSXBase.HTMLAttributes; /** * The `atomic-commerce-query-error` component handles fatal errors when performing a query on the Commerce API. When the error is known, it displays a link to relevant documentation for debugging purposes. When the error is unknown, it displays a small text area with the JSON content of the error. + * @alpha */ "atomic-commerce-query-error": LocalJSX.AtomicCommerceQueryError & JSXBase.HTMLAttributes; /** @@ -9444,9 +9811,13 @@ declare module "@stencil/core" { * @alpha */ "atomic-commerce-query-summary": LocalJSX.AtomicCommerceQuerySummary & JSXBase.HTMLAttributes; + /** + * @alpha The `atomic-commerce-recommendation-interface` component is meant to be used as the parent of one or more `atomic-commerce-recommendation-list` components. It handles the headless search engine and localization configurations. + */ "atomic-commerce-recommendation-interface": LocalJSX.AtomicCommerceRecommendationInterface & JSXBase.HTMLAttributes; /** * The `atomic-commerce-recommendation-list` component displays a list of product recommendations by applying one or more product templates. + * @alpha */ "atomic-commerce-recommendation-list": LocalJSX.AtomicCommerceRecommendationList & JSXBase.HTMLAttributes; /** @@ -9470,18 +9841,22 @@ declare module "@stencil/core" { * The `atomic-commerce-search-box-instant-products` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of instant results behavior. * This component does not support accessibility out-of-the-box. To do so, see [Instant Results Accessibility](https://docs.coveo.com/en/atomic/latest/usage/accessibility/#instant-results-accessibility). * This component is not supported on mobile. + * @alpha */ "atomic-commerce-search-box-instant-products": LocalJSX.AtomicCommerceSearchBoxInstantProducts & JSXBase.HTMLAttributes; /** * The `atomic-commerce-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior. + * @alpha */ "atomic-commerce-search-box-query-suggestions": LocalJSX.AtomicCommerceSearchBoxQuerySuggestions & JSXBase.HTMLAttributes; /** * The `atomic-commerce-search-box-recent-queries` component can be added as a child of an `atomic-commerce-search-box` component, allowing for the configuration of recent query suggestions. + * @alpha */ "atomic-commerce-search-box-recent-queries": LocalJSX.AtomicCommerceSearchBoxRecentQueries & JSXBase.HTMLAttributes; /** * The `atomic-commerce-sort-dropdown` component renders a dropdown that the end user can interact with to select the criteria to use when sorting products. + * @alpha */ "atomic-commerce-sort-dropdown": LocalJSX.AtomicCommerceSortDropdown & JSXBase.HTMLAttributes; /** @@ -9491,6 +9866,7 @@ declare module "@stencil/core" { /** * A facet is a list of values for a certain field occurring in the results. * An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals. + * @alpha */ "atomic-commerce-timeframe-facet": LocalJSX.AtomicCommerceTimeframeFacet & JSXBase.HTMLAttributes; /** @@ -9659,34 +10035,123 @@ declare module "@stencil/core" { "atomic-popover": LocalJSX.AtomicPopover & JSXBase.HTMLAttributes; /** * The `atomic-product` component is used internally by the `atomic-commerce-product-list` component. + * @alpha */ "atomic-product": LocalJSX.AtomicProduct & JSXBase.HTMLAttributes; + /** + * @alpha The `atomic-product-children` component renders a section that allows the user to select a nested product (e.g., a color variant of a given product). + * This component leverages the [product grouping](https://docs.coveo.com/en/l78i2152/) feature. + */ "atomic-product-children": LocalJSX.AtomicProductChildren & JSXBase.HTMLAttributes; + /** + * @alpha The `atomic-product-description` component renders the description of a product. + */ "atomic-product-description": LocalJSX.AtomicProductDescription & JSXBase.HTMLAttributes; /** * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined. * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`). + * @alpha */ "atomic-product-field-condition": LocalJSX.AtomicProductFieldCondition & JSXBase.HTMLAttributes; /** * The `atomic-product-image` component renders an image from a product field. + * @alpha */ "atomic-product-image": LocalJSX.AtomicProductImage & JSXBase.HTMLAttributes; + /** + * @alpha The `atomic-product-link` component automatically transforms a search product title into a clickable link that points to the original item. + */ "atomic-product-link": LocalJSX.AtomicProductLink & JSXBase.HTMLAttributes; + /** + * @alpha The `atomic-product-numeric-field-value` component renders the value of a number product field. + * The number can be formatted by adding a `atomic-format-number`, `atomic-format-currency` or `atomic-format-unit` component into this component. + */ "atomic-product-numeric-field-value": LocalJSX.AtomicProductNumericFieldValue & JSXBase.HTMLAttributes; + /** + * @alpha The `atomic-product-price` component renders the price of a product. + */ "atomic-product-price": LocalJSX.AtomicProductPrice & JSXBase.HTMLAttributes; /** * The `atomic-product-rating` element renders a star rating. + * @alpha */ "atomic-product-rating": LocalJSX.AtomicProductRating & JSXBase.HTMLAttributes; + /** + * @alpha This section is intended to display components that allow the user to perform an action on a product without having to view its details. + * In commerce interface, the user can usually add the product to their cart or wish list. + * Behavior: + * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height. + * ** You should ensure that elements inside of it have `height: var(--line-height)`. + * * Is a wrapping flexbox with a gap. + * * May appear over, next to, or beneath the visual section. + */ "atomic-product-section-actions": LocalJSX.AtomicProductSectionActions & JSXBase.HTMLAttributes; + /** + * @alpha This section is meant to render badges that highlight special features of the product. + * Behavior: + * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height. + * ** You should ensure that elements inside of it have `height: var(--line-height)`. + * * Is a wrapping flexbox with a gap. + * * May appear over, next to, or beneath the visual section. + */ "atomic-product-section-badges": LocalJSX.AtomicProductSectionBadges & JSXBase.HTMLAttributes; + /** + * @alpha This section is meant to render additional descriptive information about the product. + * Behavior: + * * Has a maximum height of two lines. + * * Exposes the `--line-height` variable so child elements can adjust to the current line height. + * * Has a defined CSS `color` property for text. + * * Has a font weight. + */ "atomic-product-section-bottom-metadata": LocalJSX.AtomicProductSectionBottomMetadata & JSXBase.HTMLAttributes; + /** + * @alpha This section is meant to render child products, available when using the component. + * Behavior: + * * Shows children at the bottom of the result, indented and wrapped in a border. + */ "atomic-product-section-children": LocalJSX.AtomicProductSectionChildren & JSXBase.HTMLAttributes; + /** + * @alpha This section is intended to render an informative summary of the product's description. + * Behavior: + * * Has a fixed height of one to three lines, depending on the layout and density. + * * Ellipses overflowing text. + * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height. + * * Has a defined CSS `color` property for text. + */ "atomic-product-section-description": LocalJSX.AtomicProductSectionDescription & JSXBase.HTMLAttributes; + /** + * @alpha This section is intended to display the field that's important for its search criteria. + * For example, in Commerce, a product's price is often more important than the title itself. + * Behavior: + * * Has a very large font size. + * * Is the second closest element beneath the name section. + */ "atomic-product-section-emphasized": LocalJSX.AtomicProductSectionEmphasized & JSXBase.HTMLAttributes; + /** + * @alpha This section is intended to display some fields that are directly related to the name of the product. + * In commerce, this could be the product rating, which is tied to the nature of the product itself, + * rather than to the product's description. + * Behavior: + * * Has a very small font size. + * * Is the closest element beneath the title section. + */ "atomic-product-section-metadata": LocalJSX.AtomicProductSectionMetadata & JSXBase.HTMLAttributes; + /** + * @alpha This section is intended to display the product's name, and its main use is to make the product list scannable. + * Behavior: + * * Has a fixed height of two lines on grid layouts. + * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height. + * * Has a defined CSS `color` property for text. + */ "atomic-product-section-name": LocalJSX.AtomicProductSectionName & JSXBase.HTMLAttributes; + /** + * @alpha This section is intended to provide visual information about the product. + * In commerce, an image is a great shorthand for a product category. + * Behavior: + * * Has a fixed size that depends on the specified image size, the layout, the density, and the screen size. + * ** You should ensure that elements inside of it take the available space. + * * Always has a 1:1 aspect ratio. + */ "atomic-product-section-visual": LocalJSX.AtomicProductSectionVisual & JSXBase.HTMLAttributes; /** * @alpha * A product template determines the format of the query results, depending on the conditions that are defined for each template. @@ -9696,6 +10161,9 @@ declare module "@stencil/core" { * @MapProp name: mustNotMatch;attr: must-not-match;docs: The field and values that must not be matched by a product item for the template to apply. For example, a template with the following attribute only applies to product items whose `filetype` is not `lithiummessage`: `must-not-match-filetype="lithiummessage";type: Record ;default: {} */ "atomic-product-template": LocalJSX.AtomicProductTemplate & JSXBase.HTMLAttributes; + /** + * @alpha The `atomic-product-text` component renders the value of a string product field. + */ "atomic-product-text": LocalJSX.AtomicProductText & JSXBase.HTMLAttributes; /** * The `atomic-query-error` component handles fatal errors when performing a query on the index or Search API. When the error is known, it displays a link to relevant documentation link for debugging purposes. When the error is unknown, it displays a small text area with the JSON content of the error. diff --git a/packages/atomic/src/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.tsx b/packages/atomic/src/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.tsx index 09d408cec08..04b03cddb95 100644 --- a/packages/atomic/src/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.tsx +++ b/packages/atomic/src/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.tsx @@ -61,7 +61,7 @@ type AnyFacetValue = * @part label - The "Filters" label. * @part clear - The button to clear all filters. * - * @internal + * @alpha */ @Component({ tag: 'atomic-commerce-breadbox', diff --git a/packages/atomic/src/components/commerce/atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.tsx b/packages/atomic/src/components/commerce/atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.tsx index 33702733684..8eaebd87475 100644 --- a/packages/atomic/src/components/commerce/atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.tsx +++ b/packages/atomic/src/components/commerce/atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.tsx @@ -19,7 +19,7 @@ import {TriggerCorrection} from '../../common/query-correction/trigger-correctio import {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-interface'; /** - * @internal + * @alpha * * The `atomic-commerce-query-correction` component is responsible for handling query corrections. When a query returns no products but finds a possible query correction, the component either suggests the correction or automatically triggers a new query with the suggested term. * diff --git a/packages/atomic/src/components/commerce/atomic-commerce-layout/atomic-commerce-layout.tsx b/packages/atomic/src/components/commerce/atomic-commerce-layout/atomic-commerce-layout.tsx index 8b57e817684..fe6d128808b 100644 --- a/packages/atomic/src/components/commerce/atomic-commerce-layout/atomic-commerce-layout.tsx +++ b/packages/atomic/src/components/commerce/atomic-commerce-layout/atomic-commerce-layout.tsx @@ -9,7 +9,7 @@ import {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-int import {buildCommerceLayout} from './commerce-layout'; /** - * @internal + * @alpha * The `atomic-commerce-layout` helps organize elements in the commerce page. */ @Component({ diff --git a/packages/atomic/src/components/commerce/atomic-commerce-no-products/atomic-commerce-no-products.tsx b/packages/atomic/src/components/commerce/atomic-commerce-no-products/atomic-commerce-no-products.tsx index 379605377a6..a4455f907c3 100644 --- a/packages/atomic/src/components/commerce/atomic-commerce-no-products/atomic-commerce-no-products.tsx +++ b/packages/atomic/src/components/commerce/atomic-commerce-no-products/atomic-commerce-no-products.tsx @@ -21,7 +21,7 @@ import {getSummary} from '../../common/no-items/utils'; import {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-interface'; /** - * @internal + * @alpha * * The `atomic-no-products` component displays search tips when there are no products. Any additional content slotted inside of its element will be displayed as well. * diff --git a/packages/atomic/src/components/commerce/atomic-commerce-query-error/atomic-commerce-query-error.tsx b/packages/atomic/src/components/commerce/atomic-commerce-query-error/atomic-commerce-query-error.tsx index 8535dbddfdf..ee936bf03d4 100644 --- a/packages/atomic/src/components/commerce/atomic-commerce-query-error/atomic-commerce-query-error.tsx +++ b/packages/atomic/src/components/commerce/atomic-commerce-query-error/atomic-commerce-query-error.tsx @@ -35,7 +35,7 @@ import {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-int * @part more-info-btn - A button to request additional error information. * @part error-info - Additional error information. * - * @internal + * @alpha */ @Component({ tag: 'atomic-commerce-query-error', diff --git a/packages/atomic/src/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.tsx b/packages/atomic/src/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.tsx index ebe2bca4b85..6a4f28793dc 100644 --- a/packages/atomic/src/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.tsx +++ b/packages/atomic/src/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.tsx @@ -38,7 +38,7 @@ export type CommerceBindings = CommonBindings< NonceBindings; /** - * @internal + * @alpha * The `atomic-commerce-recommendation-interface` component is meant to be used as the parent of one or more `atomic-commerce-recommendation-list` components. It handles the headless search engine and localization configurations. */ @Component({ diff --git a/packages/atomic/src/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.tsx b/packages/atomic/src/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.tsx index 55d901d653c..cd110b6665a 100644 --- a/packages/atomic/src/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.tsx +++ b/packages/atomic/src/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.tsx @@ -46,7 +46,7 @@ import {SelectChildProductEventArgs} from '../product-template-components/atomic /** * The `atomic-commerce-recommendation-list` component displays a list of product recommendations by applying one or more product templates. - * @internal + * @alpha * * @part result-list - The element containing the list of product recommendations. * @part result-list-grid-clickable-container - The parent of a recommended product and the clickable link encompassing it. diff --git a/packages/atomic/src/components/commerce/atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.tsx b/packages/atomic/src/components/commerce/atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.tsx index d8c6d939f9f..74a7383e13d 100644 --- a/packages/atomic/src/components/commerce/atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.tsx +++ b/packages/atomic/src/components/commerce/atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.tsx @@ -31,7 +31,7 @@ import {CommerceSortOption, getSortByLabel} from '../sort/option'; * @part select-separator - The element separating the select from the icon. * @part placeholder - The dropdown placeholder for while the interface is initializing. * - * @internal + * @alpha */ @Component({ tag: 'atomic-commerce-sort-dropdown', diff --git a/packages/atomic/src/components/commerce/atomic-product/atomic-product.tsx b/packages/atomic/src/components/commerce/atomic-product/atomic-product.tsx index c72ae4ff70c..58360280be6 100644 --- a/packages/atomic/src/components/commerce/atomic-product/atomic-product.tsx +++ b/packages/atomic/src/components/commerce/atomic-product/atomic-product.tsx @@ -24,7 +24,7 @@ import { /** * The `atomic-product` component is used internally by the `atomic-commerce-product-list` component. - * @internal + * @alpha */ @Component({ tag: 'atomic-product', @@ -48,13 +48,13 @@ export class AtomicProduct { /** * The InteractiveProduct item. - * @internal + * @alpha */ @Prop() interactiveProduct!: InteractiveProduct; /** * Global Atomic state. - * @internal + * @alpha */ @Prop() store?: AtomicCommonStore; @@ -93,7 +93,7 @@ export class AtomicProduct { @Prop() classes = ''; /** - * @internal + * @alpha */ @Prop() loadingFlag?: string; @@ -101,7 +101,7 @@ export class AtomicProduct { * Internal function used in advanced setups, which lets you bypass the standard HTML template system. * Particularly useful for Atomic React * - * @internal + * @alpha */ @Prop() renderingFunction: ItemRenderingFunction; diff --git a/packages/atomic/src/components/commerce/facets/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.tsx b/packages/atomic/src/components/commerce/facets/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.tsx index d5822b9b724..6fa9a8f2505 100644 --- a/packages/atomic/src/components/commerce/facets/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.tsx +++ b/packages/atomic/src/components/commerce/facets/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.tsx @@ -34,7 +34,7 @@ import type {Range} from '../facet-number-input/atomic-commerce-facet-number-inp /** * The `atomic-commerce-numeric-facet` component is responsible for rendering a commerce facet that allows the user to filter products using numeric ranges. * - * @internal + * @alpha */ @Component({ tag: 'atomic-commerce-numeric-facet', diff --git a/packages/atomic/src/components/commerce/facets/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.tsx b/packages/atomic/src/components/commerce/facets/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.tsx index b2b0f8b82e7..b7eeb486e76 100644 --- a/packages/atomic/src/components/commerce/facets/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.tsx +++ b/packages/atomic/src/components/commerce/facets/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.tsx @@ -32,7 +32,7 @@ import {CommerceBindings as Bindings} from '../../atomic-commerce-interface/atom * A facet is a list of values for a certain field occurring in the results. * An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals. * - * @internal + * @alpha */ @Component({ tag: 'atomic-commerce-timeframe-facet', diff --git a/packages/atomic/src/components/commerce/facets/facet-number-input/atomic-commerce-facet-number-input.tsx b/packages/atomic/src/components/commerce/facets/facet-number-input/atomic-commerce-facet-number-input.tsx index 757d7d504a4..c121a2a65c4 100644 --- a/packages/atomic/src/components/commerce/facets/facet-number-input/atomic-commerce-facet-number-input.tsx +++ b/packages/atomic/src/components/commerce/facets/facet-number-input/atomic-commerce-facet-number-input.tsx @@ -8,7 +8,7 @@ export type Range = {start: number; end: number}; /** * Internal component made to be integrated in a NumericFacet. - * @internal + * @alpha */ @Component({ tag: 'atomic-commerce-facet-number-input', diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-children/atomic-product-children.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-children/atomic-product-children.tsx index 61460ba9135..fe6ddc087e1 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-children/atomic-product-children.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-children/atomic-product-children.tsx @@ -26,7 +26,7 @@ export interface SelectChildProductEventArgs { } /** - * @internal + * @alpha * The `atomic-product-children` component renders a section that allows the user to select a nested product (e.g., a color variant of a given product). * * This component leverages the [product grouping](https://docs.coveo.com/en/l78i2152/) feature. diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-description/atomic-product-description.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-description/atomic-product-description.tsx index e00153f0ba8..f4e11e8b79b 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-description/atomic-product-description.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-description/atomic-product-description.tsx @@ -12,7 +12,7 @@ import {CommerceBindings} from '../../atomic-commerce-interface/atomic-commerce- import {ProductContext} from '../product-template-decorators'; /** - * @internal + * @alpha * The `atomic-product-description` component renders the description of a product. */ @Component({ diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-field-condition/atomic-product-field-condition.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-field-condition/atomic-product-field-condition.tsx index 28ab6764dbb..4644dcadbfc 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-field-condition/atomic-product-field-condition.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-field-condition/atomic-product-field-condition.tsx @@ -10,7 +10,7 @@ import {ProductContext} from '../product-template-decorators'; /** * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined. * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`). - * @internal + * @alpha */ @Component({ tag: 'atomic-product-field-condition', diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/atomic-product-image.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/atomic-product-image.tsx index ad5941153fc..94be915b12f 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/atomic-product-image.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/atomic-product-image.tsx @@ -16,7 +16,7 @@ type Image = { /** * The `atomic-product-image` component renders an image from a product field. - * @internal + * @alpha */ @Component({ tag: 'atomic-product-image', diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-link/atomic-product-link.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-link/atomic-product-link.tsx index 8a8d776bf67..4f9a490a1b3 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-link/atomic-product-link.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-link/atomic-product-link.tsx @@ -18,7 +18,7 @@ import { import {buildStringTemplateFromProduct} from '../product-utils'; /** - * @internal + * @alpha * The `atomic-product-link` component automatically transforms a search product title into a clickable link that points to the original item. * @slot default - Lets you display alternative content inside the link. * @slot attributes - Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to the link element, overriding other attributes. Use only with an "a" tag, e.g., ``. diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-numeric-field-value/atomic-product-numeric-field-value.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-numeric-field-value/atomic-product-numeric-field-value.tsx index 3ec67d27d31..632657e51bc 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-numeric-field-value/atomic-product-numeric-field-value.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-numeric-field-value/atomic-product-numeric-field-value.tsx @@ -9,7 +9,7 @@ import { import {ProductContext} from '../product-template-decorators'; /** - * @internal + * @alpha * The `atomic-product-numeric-field-value` component renders the value of a number product field. * * The number can be formatted by adding a `atomic-format-number`, `atomic-format-currency` or `atomic-format-unit` component into this component. diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-price/atomic-product-price.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-price/atomic-product-price.tsx index c224720fa78..6220cf32401 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-price/atomic-product-price.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-price/atomic-product-price.tsx @@ -14,7 +14,7 @@ import {CommerceBindings} from '../../atomic-commerce-interface/atomic-commerce- import {ProductContext} from '../product-template-decorators'; /** - * @internal + * @alpha * The `atomic-product-price` component renders the price of a product. */ @Component({ diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-rating/atomic-product-rating.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-rating/atomic-product-rating.tsx index 6fe57e25ab4..43a99742ad9 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-rating/atomic-product-rating.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-rating/atomic-product-rating.tsx @@ -17,7 +17,7 @@ import {ProductContext} from '../product-template-decorators'; * * @part value-rating - The wrapper that contains the row of inactive stars and the row of active stars. * - * @internal + * @alpha */ @Component({ tag: 'atomic-product-rating', diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-actions.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-actions.tsx index 8ead7ccfaa5..d23e057f934 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-actions.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-actions.tsx @@ -2,7 +2,7 @@ import {Element, Component} from '@stencil/core'; import {hideEmptySection} from '../../../../utils/item-section-utils'; /** - * @internal + * @alpha * * This section is intended to display components that allow the user to perform an action on a product without having to view its details. * In commerce interface, the user can usually add the product to their cart or wish list. diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-badges.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-badges.tsx index dc9089cc105..bf70175631a 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-badges.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-badges.tsx @@ -2,7 +2,7 @@ import {Element, Component} from '@stencil/core'; import {hideEmptySection} from '../../../../utils/item-section-utils'; /** - * @internal + * @alpha * * This section is meant to render badges that highlight special features of the product. * diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-bottom-metadata.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-bottom-metadata.tsx index 341b8d8b87e..50249b3f059 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-bottom-metadata.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-bottom-metadata.tsx @@ -2,7 +2,7 @@ import {Element, Component} from '@stencil/core'; import {hideEmptySection} from '../../../../utils/item-section-utils'; /** - * @internal + * @alpha * * This section is meant to render additional descriptive information about the product. * diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-children.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-children.tsx index 148e3d7cf9a..5e46164ade3 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-children.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-children.tsx @@ -2,7 +2,7 @@ import {Element, Component} from '@stencil/core'; import {hideEmptySection} from '../../../../utils/item-section-utils'; /** - * @internal + * @alpha * * This section is meant to render child products, available when using the component. * diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-description.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-description.tsx index 460b9aab5b4..626028d8b81 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-description.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-description.tsx @@ -2,7 +2,7 @@ import {Element, Component} from '@stencil/core'; import {hideEmptySection} from '../../../../utils/item-section-utils'; /** - * @internal + * @alpha * * This section is intended to render an informative summary of the product's description. * diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-emphasized.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-emphasized.tsx index 89fd4f3e841..67fa38bb280 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-emphasized.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-emphasized.tsx @@ -2,7 +2,7 @@ import {Element, Component} from '@stencil/core'; import {hideEmptySection} from '../../../../utils/item-section-utils'; /** - * @internal + * @alpha * * This section is intended to display the field that's important for its search criteria. * For example, in Commerce, a product's price is often more important than the title itself. diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-metadata.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-metadata.tsx index aa2bbd28fa8..f4a96e0231b 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-metadata.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-metadata.tsx @@ -2,7 +2,7 @@ import {Element, Component} from '@stencil/core'; import {hideEmptySection} from '../../../../utils/item-section-utils'; /** - * @internal + * @alpha * * This section is intended to display some fields that are directly related to the name of the product. * In commerce, this could be the product rating, which is tied to the nature of the product itself, diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-name.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-name.tsx index 3b620340e61..714ed856360 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-name.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-name.tsx @@ -2,7 +2,7 @@ import {Element, Component} from '@stencil/core'; import {hideEmptySection} from '../../../../utils/item-section-utils'; /** - * @internal + * @alpha * * This section is intended to display the product's name, and its main use is to make the product list scannable. * diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-visual.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-visual.tsx index e3dcc4b1966..3d3fd3b5e7c 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-visual.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-sections/atomic-product-section-visual.tsx @@ -3,7 +3,7 @@ import {hideEmptySection} from '../../../../utils/item-section-utils'; import {ItemDisplayImageSize} from '../../../common/layout/display-options'; /** - * @internal + * @alpha * * This section is intended to provide visual information about the product. * In commerce, an image is a great shorthand for a product category. diff --git a/packages/atomic/src/components/commerce/product-template-components/atomic-product-text/atomic-product-text.tsx b/packages/atomic/src/components/commerce/product-template-components/atomic-product-text/atomic-product-text.tsx index d435314cdef..e40a1d75eb0 100644 --- a/packages/atomic/src/components/commerce/product-template-components/atomic-product-text/atomic-product-text.tsx +++ b/packages/atomic/src/components/commerce/product-template-components/atomic-product-text/atomic-product-text.tsx @@ -16,7 +16,7 @@ import {ProductContext} from '../product-template-decorators'; import {getStringValueFromProductOrNull} from '../product-utils'; /** - * @internal + * @alpha * The `atomic-product-text` component renders the value of a string product field. */ @Component({ diff --git a/packages/atomic/src/components/commerce/search-box-suggestions/atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.tsx b/packages/atomic/src/components/commerce/search-box-suggestions/atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.tsx index 6f3e244bfbb..9f1c0646997 100644 --- a/packages/atomic/src/components/commerce/search-box-suggestions/atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.tsx +++ b/packages/atomic/src/components/commerce/search-box-suggestions/atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.tsx @@ -40,7 +40,7 @@ export type AriaLabelGenerator = ( * This component is not supported on mobile. * * @slot default - The default slot where the instant products are rendered. - * @internal + * @alpha */ @Component({ tag: 'atomic-commerce-search-box-instant-products', diff --git a/packages/atomic/src/components/commerce/search-box-suggestions/atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.tsx b/packages/atomic/src/components/commerce/search-box-suggestions/atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.tsx index ab5f5add258..929cedd1e13 100644 --- a/packages/atomic/src/components/commerce/search-box-suggestions/atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.tsx +++ b/packages/atomic/src/components/commerce/search-box-suggestions/atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.tsx @@ -21,7 +21,7 @@ import { /** * The `atomic-commerce-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior. - * @internal + * @alpha */ @Component({ tag: 'atomic-commerce-search-box-query-suggestions', diff --git a/packages/atomic/src/components/commerce/search-box-suggestions/atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.tsx b/packages/atomic/src/components/commerce/search-box-suggestions/atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.tsx index 9d7f67c8e9e..e788b079d8f 100644 --- a/packages/atomic/src/components/commerce/search-box-suggestions/atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.tsx +++ b/packages/atomic/src/components/commerce/search-box-suggestions/atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.tsx @@ -29,7 +29,7 @@ import {CommerceBindings as Bindings} from '../../atomic-commerce-interface/atom * @part recent-query-title - The 'Recent queries' title. * @part recent-query-clear - The 'Clear' button for clearing recent queries. * - * @internal + * @alpha */ @Component({ tag: 'atomic-commerce-search-box-recent-queries', From 08bbf0e9939b71818bf6592fecf0ab96992a8234 Mon Sep 17 00:00:00 2001 From: Frederic Beaudoin Date: Thu, 5 Sep 2024 15:03:03 -0400 Subject: [PATCH 3/7] Fix build https://coveord.atlassian.net/browse/KIT-3523 --- .../atomic-angular.module.ts | 66 - .../src/lib/stencil-generated/components.ts | 1079 +++-------------- packages/atomic/src/index.ts | 1 + 3 files changed, 177 insertions(+), 969 deletions(-) diff --git a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts index 8abe4f1bd58..cd067257356 100644 --- a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts +++ b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts @@ -11,33 +11,19 @@ AtomicAutomaticFacetGenerator, AtomicBreadbox, AtomicCategoryFacet, AtomicColorFacet, -AtomicCommerceBreadbox, AtomicCommerceCategoryFacet, -AtomicCommerceDidYouMean, AtomicCommerceFacet, -AtomicCommerceFacetNumberInput, AtomicCommerceFacets, AtomicCommerceInterface, -AtomicCommerceLayout, AtomicCommerceLoadMoreProducts, -AtomicCommerceNoProducts, -AtomicCommerceNumericFacet, AtomicCommercePager, AtomicCommerceProductList, AtomicCommerceProductsPerPage, -AtomicCommerceQueryError, AtomicCommerceQuerySummary, -AtomicCommerceRecommendationInterface, -AtomicCommerceRecommendationList, AtomicCommerceRefineModal, AtomicCommerceRefineToggle, AtomicCommerceSearchBox, -AtomicCommerceSearchBoxInstantProducts, -AtomicCommerceSearchBoxQuerySuggestions, -AtomicCommerceSearchBoxRecentQueries, -AtomicCommerceSortDropdown, AtomicCommerceText, -AtomicCommerceTimeframeFacet, AtomicComponentError, AtomicDidYouMean, AtomicExternal, @@ -60,26 +46,7 @@ AtomicNumericFacet, AtomicNumericRange, AtomicPager, AtomicPopover, -AtomicProduct, -AtomicProductChildren, -AtomicProductDescription, -AtomicProductFieldCondition, -AtomicProductImage, -AtomicProductLink, -AtomicProductNumericFieldValue, -AtomicProductPrice, -AtomicProductRating, -AtomicProductSectionActions, -AtomicProductSectionBadges, -AtomicProductSectionBottomMetadata, -AtomicProductSectionChildren, -AtomicProductSectionDescription, -AtomicProductSectionEmphasized, -AtomicProductSectionMetadata, -AtomicProductSectionName, -AtomicProductSectionVisual, AtomicProductTemplate, -AtomicProductText, AtomicQueryError, AtomicQuerySummary, AtomicQuickview, @@ -155,33 +122,19 @@ AtomicAutomaticFacetGenerator, AtomicBreadbox, AtomicCategoryFacet, AtomicColorFacet, -AtomicCommerceBreadbox, AtomicCommerceCategoryFacet, -AtomicCommerceDidYouMean, AtomicCommerceFacet, -AtomicCommerceFacetNumberInput, AtomicCommerceFacets, AtomicCommerceInterface, -AtomicCommerceLayout, AtomicCommerceLoadMoreProducts, -AtomicCommerceNoProducts, -AtomicCommerceNumericFacet, AtomicCommercePager, AtomicCommerceProductList, AtomicCommerceProductsPerPage, -AtomicCommerceQueryError, AtomicCommerceQuerySummary, -AtomicCommerceRecommendationInterface, -AtomicCommerceRecommendationList, AtomicCommerceRefineModal, AtomicCommerceRefineToggle, AtomicCommerceSearchBox, -AtomicCommerceSearchBoxInstantProducts, -AtomicCommerceSearchBoxQuerySuggestions, -AtomicCommerceSearchBoxRecentQueries, -AtomicCommerceSortDropdown, AtomicCommerceText, -AtomicCommerceTimeframeFacet, AtomicComponentError, AtomicDidYouMean, AtomicExternal, @@ -204,26 +157,7 @@ AtomicNumericFacet, AtomicNumericRange, AtomicPager, AtomicPopover, -AtomicProduct, -AtomicProductChildren, -AtomicProductDescription, -AtomicProductFieldCondition, -AtomicProductImage, -AtomicProductLink, -AtomicProductNumericFieldValue, -AtomicProductPrice, -AtomicProductRating, -AtomicProductSectionActions, -AtomicProductSectionBadges, -AtomicProductSectionBottomMetadata, -AtomicProductSectionChildren, -AtomicProductSectionDescription, -AtomicProductSectionEmphasized, -AtomicProductSectionMetadata, -AtomicProductSectionName, -AtomicProductSectionVisual, AtomicProductTemplate, -AtomicProductText, AtomicQueryError, AtomicQuerySummary, AtomicQuickview, diff --git a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts index de648b264a6..bab2eb33007 100644 --- a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts +++ b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts @@ -138,28 +138,6 @@ export class AtomicColorFacet { export declare interface AtomicColorFacet extends Components.AtomicColorFacet {} -@ProxyCmp({ - inputs: ['pathLimit'] -}) -@Component({ - selector: 'atomic-commerce-breadbox', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['pathLimit'], -}) -export class AtomicCommerceBreadbox { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceBreadbox extends Components.AtomicCommerceBreadbox {} - - @ProxyCmp({ inputs: ['facet', 'field', 'isCollapsed', 'summary'] }) @@ -182,27 +160,6 @@ export class AtomicCommerceCategoryFacet { export declare interface AtomicCommerceCategoryFacet extends Components.AtomicCommerceCategoryFacet {} -@ProxyCmp({ -}) -@Component({ - selector: 'atomic-commerce-did-you-mean', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], -}) -export class AtomicCommerceDidYouMean { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceDidYouMean extends Components.AtomicCommerceDidYouMean {} - - @ProxyCmp({ inputs: ['facet', 'field', 'isCollapsed', 'summary'] }) @@ -225,32 +182,6 @@ export class AtomicCommerceFacet { export declare interface AtomicCommerceFacet extends Components.AtomicCommerceFacet {} -@ProxyCmp({ - inputs: ['bindings', 'facet', 'label', 'range'] -}) -@Component({ - selector: 'atomic-commerce-facet-number-input', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['bindings', 'facet', 'label', 'range'], -}) -export class AtomicCommerceFacetNumberInput { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - proxyOutputs(this, this.el, ['atomic/numberInputApply']); - } -} - - -export declare interface AtomicCommerceFacetNumberInput extends Components.AtomicCommerceFacetNumberInput { - - 'atomic/numberInputApply': EventEmitter>; -} - - @ProxyCmp({ inputs: ['collapseFacetsAfter'] }) @@ -296,28 +227,6 @@ export class AtomicCommerceInterface { export declare interface AtomicCommerceInterface extends Components.AtomicCommerceInterface {} -@ProxyCmp({ - inputs: ['mobileBreakpoint'] -}) -@Component({ - selector: 'atomic-commerce-layout', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['mobileBreakpoint'], -}) -export class AtomicCommerceLayout { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceLayout extends Components.AtomicCommerceLayout {} - - @ProxyCmp({ }) @Component({ @@ -339,49 +248,6 @@ export class AtomicCommerceLoadMoreProducts { export declare interface AtomicCommerceLoadMoreProducts extends Components.AtomicCommerceLoadMoreProducts {} -@ProxyCmp({ -}) -@Component({ - selector: 'atomic-commerce-no-products', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], -}) -export class AtomicCommerceNoProducts { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceNoProducts extends Components.AtomicCommerceNoProducts {} - - -@ProxyCmp({ - inputs: ['facet', 'field', 'isCollapsed', 'summary'] -}) -@Component({ - selector: 'atomic-commerce-numeric-facet', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['facet', 'field', 'isCollapsed', 'summary'], -}) -export class AtomicCommerceNumericFacet { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceNumericFacet extends Components.AtomicCommerceNumericFacet {} - - @ProxyCmp({ inputs: ['nextButtonIcon', 'numberOfPages', 'previousButtonIcon'] }) @@ -404,639 +270,22 @@ export class AtomicCommercePager { export declare interface AtomicCommercePager extends Components.AtomicCommercePager { - 'atomic/scrollToTop': EventEmitter>; -} - - -@ProxyCmp({ - inputs: ['density', 'display', 'gridCellLinkTarget', 'imageSize', 'numberOfPlaceholders'], - methods: ['setRenderFunction'] -}) -@Component({ - selector: 'atomic-commerce-product-list', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['density', 'display', 'gridCellLinkTarget', 'imageSize', 'numberOfPlaceholders'], -}) -export class AtomicCommerceProductList { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceProductList extends Components.AtomicCommerceProductList {} - - -@ProxyCmp({ - inputs: ['choicesDisplayed', 'initialChoice'] -}) -@Component({ - selector: 'atomic-commerce-products-per-page', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['choicesDisplayed', 'initialChoice'], -}) -export class AtomicCommerceProductsPerPage { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - proxyOutputs(this, this.el, ['atomic/scrollToTop']); - } -} - - -export declare interface AtomicCommerceProductsPerPage extends Components.AtomicCommerceProductsPerPage { - - 'atomic/scrollToTop': EventEmitter>; -} - - -@ProxyCmp({ -}) -@Component({ - selector: 'atomic-commerce-query-error', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], -}) -export class AtomicCommerceQueryError { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceQueryError extends Components.AtomicCommerceQueryError {} - - -@ProxyCmp({ -}) -@Component({ - selector: 'atomic-commerce-query-summary', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], -}) -export class AtomicCommerceQuerySummary { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceQuerySummary extends Components.AtomicCommerceQuerySummary {} - - -@ProxyCmp({ - inputs: ['CspNonce', 'analytics', 'engine', 'i18n', 'iconAssetsPath', 'language', 'languageAssetsPath', 'scrollContainer'], - methods: ['initializeWithEngine', 'getOrganizationEndpoints'] -}) -@Component({ - selector: 'atomic-commerce-recommendation-interface', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['CspNonce', 'analytics', 'engine', 'i18n', 'iconAssetsPath', 'language', 'languageAssetsPath', 'scrollContainer'], -}) -export class AtomicCommerceRecommendationInterface { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceRecommendationInterface extends Components.AtomicCommerceRecommendationInterface {} - - -@ProxyCmp({ - inputs: ['density', 'display', 'gridCellLinkTarget', 'headingLevel', 'imageSize', 'productsPerPage', 'slotId'], - methods: ['setRenderFunction', 'previousPage', 'nextPage'] -}) -@Component({ - selector: 'atomic-commerce-recommendation-list', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['density', 'display', 'gridCellLinkTarget', 'headingLevel', 'imageSize', 'productsPerPage', 'slotId'], -}) -export class AtomicCommerceRecommendationList { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceRecommendationList extends Components.AtomicCommerceRecommendationList {} - - -@ProxyCmp({ - inputs: ['collapseFacetsAfter', 'isOpen', 'openButton'] -}) -@Component({ - selector: 'atomic-commerce-refine-modal', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['collapseFacetsAfter', 'isOpen', 'openButton'], -}) -export class AtomicCommerceRefineModal { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceRefineModal extends Components.AtomicCommerceRefineModal {} - - -@ProxyCmp({ -}) -@Component({ - selector: 'atomic-commerce-refine-toggle', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], -}) -export class AtomicCommerceRefineToggle { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceRefineToggle extends Components.AtomicCommerceRefineToggle {} - - -@ProxyCmp({ - inputs: ['clearFilters', 'disableSearch', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'] -}) -@Component({ - selector: 'atomic-commerce-search-box', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['clearFilters', 'disableSearch', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'], -}) -export class AtomicCommerceSearchBox { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - proxyOutputs(this, this.el, ['redirect']); - } -} - - -import type { RedirectionPayload as IAtomicCommerceSearchBoxRedirectionPayload } from '@coveo/atomic'; - -export declare interface AtomicCommerceSearchBox extends Components.AtomicCommerceSearchBox { - /** - * Event that is emitted when a standalone search box redirection is triggered. By default, the search box will directly change the URL and redirect accordingly, so if you want to handle the redirection differently, use this event. - -Example: -```html - -... - -``` - */ - redirect: EventEmitter>; -} - - -@ProxyCmp({ - inputs: ['ariaLabelGenerator', 'density', 'imageSize'], - methods: ['setRenderFunction'] -}) -@Component({ - selector: 'atomic-commerce-search-box-instant-products', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['ariaLabelGenerator', 'density', 'imageSize'], -}) -export class AtomicCommerceSearchBoxInstantProducts { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceSearchBoxInstantProducts extends Components.AtomicCommerceSearchBoxInstantProducts {} - - -@ProxyCmp({ - inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'] -}) -@Component({ - selector: 'atomic-commerce-search-box-query-suggestions', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'], -}) -export class AtomicCommerceSearchBoxQuerySuggestions { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceSearchBoxQuerySuggestions extends Components.AtomicCommerceSearchBoxQuerySuggestions {} - - -@ProxyCmp({ - inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'] -}) -@Component({ - selector: 'atomic-commerce-search-box-recent-queries', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'], -}) -export class AtomicCommerceSearchBoxRecentQueries { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceSearchBoxRecentQueries extends Components.AtomicCommerceSearchBoxRecentQueries {} - - -@ProxyCmp({ -}) -@Component({ - selector: 'atomic-commerce-sort-dropdown', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], -}) -export class AtomicCommerceSortDropdown { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceSortDropdown extends Components.AtomicCommerceSortDropdown {} - - -@ProxyCmp({ - inputs: ['count', 'value'] -}) -@Component({ - selector: 'atomic-commerce-text', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['count', 'value'], -}) -export class AtomicCommerceText { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceText extends Components.AtomicCommerceText {} - - -@ProxyCmp({ - inputs: ['facet', 'field', 'isCollapsed', 'summary'] -}) -@Component({ - selector: 'atomic-commerce-timeframe-facet', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['facet', 'field', 'isCollapsed', 'summary'], -}) -export class AtomicCommerceTimeframeFacet { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicCommerceTimeframeFacet extends Components.AtomicCommerceTimeframeFacet {} - - -@ProxyCmp({ - inputs: ['element', 'error'] -}) -@Component({ - selector: 'atomic-component-error', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['element', 'error'], -}) -export class AtomicComponentError { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicComponentError extends Components.AtomicComponentError {} - - -@ProxyCmp({ - inputs: ['automaticallyCorrectQuery', 'queryCorrectionMode'] -}) -@Component({ - selector: 'atomic-did-you-mean', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['automaticallyCorrectQuery', 'queryCorrectionMode'], -}) -export class AtomicDidYouMean { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicDidYouMean extends Components.AtomicDidYouMean {} - - -@ProxyCmp({ - inputs: ['boundInterface', 'selector'] -}) -@Component({ - selector: 'atomic-external', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['boundInterface', 'selector'], -}) -export class AtomicExternal { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicExternal extends Components.AtomicExternal {} - - -@ProxyCmp({ - inputs: ['allowedValues', 'customSort', 'dependsOn', 'displayValuesAs', 'enableExclusion', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'resultsMustMatch', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withSearch'] -}) -@Component({ - selector: 'atomic-facet', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['allowedValues', 'customSort', 'dependsOn', 'displayValuesAs', 'enableExclusion', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'resultsMustMatch', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withSearch'], -}) -export class AtomicFacet { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicFacet extends Components.AtomicFacet {} - - -@ProxyCmp({ - inputs: ['collapseFacetsAfter'] -}) -@Component({ - selector: 'atomic-facet-manager', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['collapseFacetsAfter'], -}) -export class AtomicFacetManager { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicFacetManager extends Components.AtomicFacetManager {} - - -@ProxyCmp({ - inputs: ['ifDefined', 'ifNotDefined'] -}) -@Component({ - selector: 'atomic-field-condition', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['ifDefined', 'ifNotDefined'], -}) -export class AtomicFieldCondition { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicFieldCondition extends Components.AtomicFieldCondition {} - - -@ProxyCmp({ - inputs: ['childField', 'collectionField', 'density', 'imageSize', 'numberOfFoldedResults', 'parentField', 'tabsExcluded', 'tabsIncluded'], - methods: ['setRenderFunction'] -}) -@Component({ - selector: 'atomic-folded-result-list', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['childField', 'collectionField', 'density', 'imageSize', 'numberOfFoldedResults', 'parentField', 'tabsExcluded', 'tabsIncluded'], -}) -export class AtomicFoldedResultList { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicFoldedResultList extends Components.AtomicFoldedResultList {} - - -@ProxyCmp({ - inputs: ['currency'] -}) -@Component({ - selector: 'atomic-format-currency', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['currency'], -}) -export class AtomicFormatCurrency { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicFormatCurrency extends Components.AtomicFormatCurrency {} - - -@ProxyCmp({ - inputs: ['maximumFractionDigits', 'maximumSignificantDigits', 'minimumFractionDigits', 'minimumIntegerDigits', 'minimumSignificantDigits'] -}) -@Component({ - selector: 'atomic-format-number', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['maximumFractionDigits', 'maximumSignificantDigits', 'minimumFractionDigits', 'minimumIntegerDigits', 'minimumSignificantDigits'], -}) -export class AtomicFormatNumber { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicFormatNumber extends Components.AtomicFormatNumber {} - - -@ProxyCmp({ - inputs: ['unit', 'unitDisplay'] -}) -@Component({ - selector: 'atomic-format-unit', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['unit', 'unitDisplay'], -}) -export class AtomicFormatUnit { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicFormatUnit extends Components.AtomicFormatUnit {} - - -@ProxyCmp({ -}) -@Component({ - selector: 'atomic-frequently-bought-together', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], -}) -export class AtomicFrequentlyBoughtTogether { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicFrequentlyBoughtTogether extends Components.AtomicFrequentlyBoughtTogether {} - - -@ProxyCmp({ - inputs: ['answerStyle', 'collapsible', 'withRephraseButtons', 'withToggle'] -}) -@Component({ - selector: 'atomic-generated-answer', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['answerStyle', 'collapsible', 'withRephraseButtons', 'withToggle'], -}) -export class AtomicGeneratedAnswer { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - } -} - - -export declare interface AtomicGeneratedAnswer extends Components.AtomicGeneratedAnswer {} + 'atomic/scrollToTop': EventEmitter>; +} @ProxyCmp({ - inputs: ['sanitize', 'value'] + inputs: ['density', 'display', 'gridCellLinkTarget', 'imageSize', 'numberOfPlaceholders'], + methods: ['setRenderFunction'] }) @Component({ - selector: 'atomic-html', + selector: 'atomic-commerce-product-list', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['sanitize', 'value'], + inputs: ['density', 'display', 'gridCellLinkTarget', 'imageSize', 'numberOfPlaceholders'], }) -export class AtomicHtml { +export class AtomicCommerceProductList { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1045,42 +294,45 @@ export class AtomicHtml { } -export declare interface AtomicHtml extends Components.AtomicHtml {} +export declare interface AtomicCommerceProductList extends Components.AtomicCommerceProductList {} @ProxyCmp({ - inputs: ['icon'] + inputs: ['choicesDisplayed', 'initialChoice'] }) @Component({ - selector: 'atomic-icon', + selector: 'atomic-commerce-products-per-page', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['icon'], + inputs: ['choicesDisplayed', 'initialChoice'], }) -export class AtomicIcon { +export class AtomicCommerceProductsPerPage { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; + proxyOutputs(this, this.el, ['atomic/scrollToTop']); } } -export declare interface AtomicIcon extends Components.AtomicIcon {} +export declare interface AtomicCommerceProductsPerPage extends Components.AtomicCommerceProductsPerPage { + + 'atomic/scrollToTop': EventEmitter>; +} @ProxyCmp({ - inputs: ['maxWidth', 'minWidth', 'section'] }) @Component({ - selector: 'atomic-layout-section', + selector: 'atomic-commerce-query-summary', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['maxWidth', 'minWidth', 'section'], + inputs: [], }) -export class AtomicLayoutSection { +export class AtomicCommerceQuerySummary { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1089,19 +341,20 @@ export class AtomicLayoutSection { } -export declare interface AtomicLayoutSection extends Components.AtomicLayoutSection {} +export declare interface AtomicCommerceQuerySummary extends Components.AtomicCommerceQuerySummary {} @ProxyCmp({ + inputs: ['collapseFacetsAfter', 'isOpen', 'openButton'] }) @Component({ - selector: 'atomic-load-more-results', + selector: 'atomic-commerce-refine-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], + inputs: ['collapseFacetsAfter', 'isOpen', 'openButton'], }) -export class AtomicLoadMoreResults { +export class AtomicCommerceRefineModal { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1110,20 +363,19 @@ export class AtomicLoadMoreResults { } -export declare interface AtomicLoadMoreResults extends Components.AtomicLoadMoreResults {} +export declare interface AtomicCommerceRefineModal extends Components.AtomicCommerceRefineModal {} @ProxyCmp({ - inputs: ['enableCancelLastAction'] }) @Component({ - selector: 'atomic-no-results', + selector: 'atomic-commerce-refine-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['enableCancelLastAction'], + inputs: [], }) -export class AtomicNoResults { +export class AtomicCommerceRefineToggle { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1132,42 +384,62 @@ export class AtomicNoResults { } -export declare interface AtomicNoResults extends Components.AtomicNoResults {} +export declare interface AtomicCommerceRefineToggle extends Components.AtomicCommerceRefineToggle {} @ProxyCmp({ - inputs: ['headingLevel', 'icon'] + inputs: ['clearFilters', 'disableSearch', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'] }) @Component({ - selector: 'atomic-notifications', + selector: 'atomic-commerce-search-box', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['headingLevel', 'icon'], + inputs: ['clearFilters', 'disableSearch', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'], }) -export class AtomicNotifications { +export class AtomicCommerceSearchBox { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; + proxyOutputs(this, this.el, ['redirect']); } } -export declare interface AtomicNotifications extends Components.AtomicNotifications {} +import type { RedirectionPayload as IAtomicCommerceSearchBoxRedirectionPayload } from '@coveo/atomic'; + +export declare interface AtomicCommerceSearchBox extends Components.AtomicCommerceSearchBox { + /** + * Event that is emitted when a standalone search box redirection is triggered. By default, the search box will directly change the URL and redirect accordingly, so if you want to handle the redirection differently, use this event. + +Example: +```html + +... + +``` + */ + redirect: EventEmitter>; +} @ProxyCmp({ - inputs: ['dependsOn', 'displayValuesAs', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'rangeAlgorithm', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withInput'] + inputs: ['count', 'value'] }) @Component({ - selector: 'atomic-numeric-facet', + selector: 'atomic-commerce-text', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['dependsOn', 'displayValuesAs', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'rangeAlgorithm', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withInput'], + inputs: ['count', 'value'], }) -export class AtomicNumericFacet { +export class AtomicCommerceText { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1176,20 +448,20 @@ export class AtomicNumericFacet { } -export declare interface AtomicNumericFacet extends Components.AtomicNumericFacet {} +export declare interface AtomicCommerceText extends Components.AtomicCommerceText {} @ProxyCmp({ - inputs: ['end', 'endInclusive', 'label', 'start'] + inputs: ['element', 'error'] }) @Component({ - selector: 'atomic-numeric-range', + selector: 'atomic-component-error', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['end', 'endInclusive', 'label', 'start'], + inputs: ['element', 'error'], }) -export class AtomicNumericRange { +export class AtomicComponentError { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1198,45 +470,42 @@ export class AtomicNumericRange { } -export declare interface AtomicNumericRange extends Components.AtomicNumericRange {} +export declare interface AtomicComponentError extends Components.AtomicComponentError {} @ProxyCmp({ - inputs: ['nextButtonIcon', 'numberOfPages', 'previousButtonIcon'] + inputs: ['automaticallyCorrectQuery', 'queryCorrectionMode'] }) @Component({ - selector: 'atomic-pager', + selector: 'atomic-did-you-mean', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['nextButtonIcon', 'numberOfPages', 'previousButtonIcon'], + inputs: ['automaticallyCorrectQuery', 'queryCorrectionMode'], }) -export class AtomicPager { +export class AtomicDidYouMean { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; - proxyOutputs(this, this.el, ['atomic/scrollToTop']); } } -export declare interface AtomicPager extends Components.AtomicPager { - - 'atomic/scrollToTop': EventEmitter>; -} +export declare interface AtomicDidYouMean extends Components.AtomicDidYouMean {} @ProxyCmp({ + inputs: ['boundInterface', 'selector'] }) @Component({ - selector: 'atomic-popover', + selector: 'atomic-external', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], + inputs: ['boundInterface', 'selector'], }) -export class AtomicPopover { +export class AtomicExternal { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1245,20 +514,20 @@ export class AtomicPopover { } -export declare interface AtomicPopover extends Components.AtomicPopover {} +export declare interface AtomicExternal extends Components.AtomicExternal {} @ProxyCmp({ - inputs: ['classes', 'content', 'density', 'display', 'imageSize', 'interactiveProduct', 'linkContent', 'loadingFlag', 'product', 'renderingFunction', 'stopPropagation', 'store'] + inputs: ['allowedValues', 'customSort', 'dependsOn', 'displayValuesAs', 'enableExclusion', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'resultsMustMatch', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withSearch'] }) @Component({ - selector: 'atomic-product', + selector: 'atomic-facet', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['classes', 'content', 'density', 'display', 'imageSize', 'interactiveProduct', 'linkContent', 'loadingFlag', 'product', 'renderingFunction', 'stopPropagation', 'store'], + inputs: ['allowedValues', 'customSort', 'dependsOn', 'displayValuesAs', 'enableExclusion', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'resultsMustMatch', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withSearch'], }) -export class AtomicProduct { +export class AtomicFacet { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1267,48 +536,42 @@ export class AtomicProduct { } -export declare interface AtomicProduct extends Components.AtomicProduct {} +export declare interface AtomicFacet extends Components.AtomicFacet {} @ProxyCmp({ - inputs: ['fallback', 'field', 'label'] + inputs: ['collapseFacetsAfter'] }) @Component({ - selector: 'atomic-product-children', + selector: 'atomic-facet-manager', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['fallback', 'field', 'label'], + inputs: ['collapseFacetsAfter'], }) -export class AtomicProductChildren { +export class AtomicFacetManager { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; - proxyOutputs(this, this.el, ['atomic/selectChildProduct']); } } -import type { SelectChildProductEventArgs as IAtomicProductChildrenSelectChildProductEventArgs } from '@coveo/atomic'; - -export declare interface AtomicProductChildren extends Components.AtomicProductChildren { - - 'atomic/selectChildProduct': EventEmitter>; -} +export declare interface AtomicFacetManager extends Components.AtomicFacetManager {} @ProxyCmp({ - inputs: ['field', 'truncateAfter'] + inputs: ['ifDefined', 'ifNotDefined'] }) @Component({ - selector: 'atomic-product-description', + selector: 'atomic-field-condition', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['field', 'truncateAfter'], + inputs: ['ifDefined', 'ifNotDefined'], }) -export class AtomicProductDescription { +export class AtomicFieldCondition { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1317,20 +580,21 @@ export class AtomicProductDescription { } -export declare interface AtomicProductDescription extends Components.AtomicProductDescription {} +export declare interface AtomicFieldCondition extends Components.AtomicFieldCondition {} @ProxyCmp({ - inputs: ['ifDefined', 'ifNotDefined'] + inputs: ['childField', 'collectionField', 'density', 'imageSize', 'numberOfFoldedResults', 'parentField', 'tabsExcluded', 'tabsIncluded'], + methods: ['setRenderFunction'] }) @Component({ - selector: 'atomic-product-field-condition', + selector: 'atomic-folded-result-list', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['ifDefined', 'ifNotDefined'], + inputs: ['childField', 'collectionField', 'density', 'imageSize', 'numberOfFoldedResults', 'parentField', 'tabsExcluded', 'tabsIncluded'], }) -export class AtomicProductFieldCondition { +export class AtomicFoldedResultList { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1339,21 +603,20 @@ export class AtomicProductFieldCondition { } -export declare interface AtomicProductFieldCondition extends Components.AtomicProductFieldCondition {} +export declare interface AtomicFoldedResultList extends Components.AtomicFoldedResultList {} @ProxyCmp({ - inputs: ['fallback', 'field', 'imageAltField'], - methods: ['previousImage', 'nextImage', 'navigateToImage'] + inputs: ['currency'] }) @Component({ - selector: 'atomic-product-image', + selector: 'atomic-format-currency', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['fallback', 'field', 'imageAltField'], + inputs: ['currency'], }) -export class AtomicProductImage { +export class AtomicFormatCurrency { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1362,20 +625,20 @@ export class AtomicProductImage { } -export declare interface AtomicProductImage extends Components.AtomicProductImage {} +export declare interface AtomicFormatCurrency extends Components.AtomicFormatCurrency {} @ProxyCmp({ - inputs: ['hrefTemplate'] + inputs: ['maximumFractionDigits', 'maximumSignificantDigits', 'minimumFractionDigits', 'minimumIntegerDigits', 'minimumSignificantDigits'] }) @Component({ - selector: 'atomic-product-link', + selector: 'atomic-format-number', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['hrefTemplate'], + inputs: ['maximumFractionDigits', 'maximumSignificantDigits', 'minimumFractionDigits', 'minimumIntegerDigits', 'minimumSignificantDigits'], }) -export class AtomicProductLink { +export class AtomicFormatNumber { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1384,20 +647,20 @@ export class AtomicProductLink { } -export declare interface AtomicProductLink extends Components.AtomicProductLink {} +export declare interface AtomicFormatNumber extends Components.AtomicFormatNumber {} @ProxyCmp({ - inputs: ['field'] + inputs: ['unit', 'unitDisplay'] }) @Component({ - selector: 'atomic-product-numeric-field-value', + selector: 'atomic-format-unit', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['field'], + inputs: ['unit', 'unitDisplay'], }) -export class AtomicProductNumericFieldValue { +export class AtomicFormatUnit { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1406,19 +669,19 @@ export class AtomicProductNumericFieldValue { } -export declare interface AtomicProductNumericFieldValue extends Components.AtomicProductNumericFieldValue {} +export declare interface AtomicFormatUnit extends Components.AtomicFormatUnit {} @ProxyCmp({ }) @Component({ - selector: 'atomic-product-price', + selector: 'atomic-frequently-bought-together', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property inputs: [], }) -export class AtomicProductPrice { +export class AtomicFrequentlyBoughtTogether { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1427,20 +690,20 @@ export class AtomicProductPrice { } -export declare interface AtomicProductPrice extends Components.AtomicProductPrice {} +export declare interface AtomicFrequentlyBoughtTogether extends Components.AtomicFrequentlyBoughtTogether {} @ProxyCmp({ - inputs: ['field', 'icon', 'maxValueInIndex', 'ratingDetailsField'] + inputs: ['answerStyle', 'collapsible', 'withRephraseButtons', 'withToggle'] }) @Component({ - selector: 'atomic-product-rating', + selector: 'atomic-generated-answer', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['field', 'icon', 'maxValueInIndex', 'ratingDetailsField'], + inputs: ['answerStyle', 'collapsible', 'withRephraseButtons', 'withToggle'], }) -export class AtomicProductRating { +export class AtomicGeneratedAnswer { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1449,19 +712,20 @@ export class AtomicProductRating { } -export declare interface AtomicProductRating extends Components.AtomicProductRating {} +export declare interface AtomicGeneratedAnswer extends Components.AtomicGeneratedAnswer {} @ProxyCmp({ + inputs: ['sanitize', 'value'] }) @Component({ - selector: 'atomic-product-section-actions', + selector: 'atomic-html', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], + inputs: ['sanitize', 'value'], }) -export class AtomicProductSectionActions { +export class AtomicHtml { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1470,19 +734,20 @@ export class AtomicProductSectionActions { } -export declare interface AtomicProductSectionActions extends Components.AtomicProductSectionActions {} +export declare interface AtomicHtml extends Components.AtomicHtml {} @ProxyCmp({ + inputs: ['icon'] }) @Component({ - selector: 'atomic-product-section-badges', + selector: 'atomic-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], + inputs: ['icon'], }) -export class AtomicProductSectionBadges { +export class AtomicIcon { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1491,19 +756,20 @@ export class AtomicProductSectionBadges { } -export declare interface AtomicProductSectionBadges extends Components.AtomicProductSectionBadges {} +export declare interface AtomicIcon extends Components.AtomicIcon {} @ProxyCmp({ + inputs: ['maxWidth', 'minWidth', 'section'] }) @Component({ - selector: 'atomic-product-section-bottom-metadata', + selector: 'atomic-layout-section', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], + inputs: ['maxWidth', 'minWidth', 'section'], }) -export class AtomicProductSectionBottomMetadata { +export class AtomicLayoutSection { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1512,19 +778,19 @@ export class AtomicProductSectionBottomMetadata { } -export declare interface AtomicProductSectionBottomMetadata extends Components.AtomicProductSectionBottomMetadata {} +export declare interface AtomicLayoutSection extends Components.AtomicLayoutSection {} @ProxyCmp({ }) @Component({ - selector: 'atomic-product-section-children', + selector: 'atomic-load-more-results', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property inputs: [], }) -export class AtomicProductSectionChildren { +export class AtomicLoadMoreResults { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1533,19 +799,20 @@ export class AtomicProductSectionChildren { } -export declare interface AtomicProductSectionChildren extends Components.AtomicProductSectionChildren {} +export declare interface AtomicLoadMoreResults extends Components.AtomicLoadMoreResults {} @ProxyCmp({ + inputs: ['enableCancelLastAction'] }) @Component({ - selector: 'atomic-product-section-description', + selector: 'atomic-no-results', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], + inputs: ['enableCancelLastAction'], }) -export class AtomicProductSectionDescription { +export class AtomicNoResults { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1554,19 +821,20 @@ export class AtomicProductSectionDescription { } -export declare interface AtomicProductSectionDescription extends Components.AtomicProductSectionDescription {} +export declare interface AtomicNoResults extends Components.AtomicNoResults {} @ProxyCmp({ + inputs: ['headingLevel', 'icon'] }) @Component({ - selector: 'atomic-product-section-emphasized', + selector: 'atomic-notifications', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], + inputs: ['headingLevel', 'icon'], }) -export class AtomicProductSectionEmphasized { +export class AtomicNotifications { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1575,19 +843,20 @@ export class AtomicProductSectionEmphasized { } -export declare interface AtomicProductSectionEmphasized extends Components.AtomicProductSectionEmphasized {} +export declare interface AtomicNotifications extends Components.AtomicNotifications {} @ProxyCmp({ + inputs: ['dependsOn', 'displayValuesAs', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'rangeAlgorithm', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withInput'] }) @Component({ - selector: 'atomic-product-section-metadata', + selector: 'atomic-numeric-facet', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], + inputs: ['dependsOn', 'displayValuesAs', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'rangeAlgorithm', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withInput'], }) -export class AtomicProductSectionMetadata { +export class AtomicNumericFacet { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1596,19 +865,20 @@ export class AtomicProductSectionMetadata { } -export declare interface AtomicProductSectionMetadata extends Components.AtomicProductSectionMetadata {} +export declare interface AtomicNumericFacet extends Components.AtomicNumericFacet {} @ProxyCmp({ + inputs: ['end', 'endInclusive', 'label', 'start'] }) @Component({ - selector: 'atomic-product-section-name', + selector: 'atomic-numeric-range', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], + inputs: ['end', 'endInclusive', 'label', 'start'], }) -export class AtomicProductSectionName { +export class AtomicNumericRange { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1617,43 +887,45 @@ export class AtomicProductSectionName { } -export declare interface AtomicProductSectionName extends Components.AtomicProductSectionName {} +export declare interface AtomicNumericRange extends Components.AtomicNumericRange {} @ProxyCmp({ - inputs: ['imageSize'] + inputs: ['nextButtonIcon', 'numberOfPages', 'previousButtonIcon'] }) @Component({ - selector: 'atomic-product-section-visual', + selector: 'atomic-pager', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['imageSize'], + inputs: ['nextButtonIcon', 'numberOfPages', 'previousButtonIcon'], }) -export class AtomicProductSectionVisual { +export class AtomicPager { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; + proxyOutputs(this, this.el, ['atomic/scrollToTop']); } } -export declare interface AtomicProductSectionVisual extends Components.AtomicProductSectionVisual {} +export declare interface AtomicPager extends Components.AtomicPager { + + 'atomic/scrollToTop': EventEmitter>; +} @ProxyCmp({ - inputs: ['conditions', 'mustMatch', 'mustNotMatch'], - methods: ['getTemplate'] }) @Component({ - selector: 'atomic-product-template', + selector: 'atomic-popover', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['conditions', 'mustMatch', 'mustNotMatch'], + inputs: [], }) -export class AtomicProductTemplate { +export class AtomicPopover { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1662,20 +934,21 @@ export class AtomicProductTemplate { } -export declare interface AtomicProductTemplate extends Components.AtomicProductTemplate {} +export declare interface AtomicPopover extends Components.AtomicPopover {} @ProxyCmp({ - inputs: ['default', 'field', 'shouldHighlight'] + inputs: ['conditions', 'mustMatch', 'mustNotMatch'], + methods: ['getTemplate'] }) @Component({ - selector: 'atomic-product-text', + selector: 'atomic-product-template', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['default', 'field', 'shouldHighlight'], + inputs: ['conditions', 'mustMatch', 'mustNotMatch'], }) -export class AtomicProductText { +export class AtomicProductTemplate { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -1684,7 +957,7 @@ export class AtomicProductText { } -export declare interface AtomicProductText extends Components.AtomicProductText {} +export declare interface AtomicProductTemplate extends Components.AtomicProductTemplate {} @ProxyCmp({ diff --git a/packages/atomic/src/index.ts b/packages/atomic/src/index.ts index 1a12fa3ba36..cb28a35cbce 100644 --- a/packages/atomic/src/index.ts +++ b/packages/atomic/src/index.ts @@ -13,6 +13,7 @@ export {PopoverChildFacet} from './components/common/facets/popover/popover-type export {resultContext} from './components/search/result-template-components/result-template-decorators'; export {productContext} from './components/commerce/product-template-components/product-template-decorators'; +export {SelectChildProductEventArgs} from './components/commerce/product-template-components/atomic-product-children/atomic-product-children'; export { dispatchSearchBoxSuggestionsEvent, SearchBoxSuggestionElement, From 4c5497371ba3dcbb25287487e1d1d66ba73a9bb2 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Thu, 5 Sep 2024 19:11:58 +0000 Subject: [PATCH 4/7] Add generated files --- .../atomic-angular.module.ts | 66 + .../src/lib/stencil-generated/components.ts | 1075 ++++++++++++++--- 2 files changed, 967 insertions(+), 174 deletions(-) diff --git a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts index cd067257356..8abe4f1bd58 100644 --- a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts +++ b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts @@ -11,19 +11,33 @@ AtomicAutomaticFacetGenerator, AtomicBreadbox, AtomicCategoryFacet, AtomicColorFacet, +AtomicCommerceBreadbox, AtomicCommerceCategoryFacet, +AtomicCommerceDidYouMean, AtomicCommerceFacet, +AtomicCommerceFacetNumberInput, AtomicCommerceFacets, AtomicCommerceInterface, +AtomicCommerceLayout, AtomicCommerceLoadMoreProducts, +AtomicCommerceNoProducts, +AtomicCommerceNumericFacet, AtomicCommercePager, AtomicCommerceProductList, AtomicCommerceProductsPerPage, +AtomicCommerceQueryError, AtomicCommerceQuerySummary, +AtomicCommerceRecommendationInterface, +AtomicCommerceRecommendationList, AtomicCommerceRefineModal, AtomicCommerceRefineToggle, AtomicCommerceSearchBox, +AtomicCommerceSearchBoxInstantProducts, +AtomicCommerceSearchBoxQuerySuggestions, +AtomicCommerceSearchBoxRecentQueries, +AtomicCommerceSortDropdown, AtomicCommerceText, +AtomicCommerceTimeframeFacet, AtomicComponentError, AtomicDidYouMean, AtomicExternal, @@ -46,7 +60,26 @@ AtomicNumericFacet, AtomicNumericRange, AtomicPager, AtomicPopover, +AtomicProduct, +AtomicProductChildren, +AtomicProductDescription, +AtomicProductFieldCondition, +AtomicProductImage, +AtomicProductLink, +AtomicProductNumericFieldValue, +AtomicProductPrice, +AtomicProductRating, +AtomicProductSectionActions, +AtomicProductSectionBadges, +AtomicProductSectionBottomMetadata, +AtomicProductSectionChildren, +AtomicProductSectionDescription, +AtomicProductSectionEmphasized, +AtomicProductSectionMetadata, +AtomicProductSectionName, +AtomicProductSectionVisual, AtomicProductTemplate, +AtomicProductText, AtomicQueryError, AtomicQuerySummary, AtomicQuickview, @@ -122,19 +155,33 @@ AtomicAutomaticFacetGenerator, AtomicBreadbox, AtomicCategoryFacet, AtomicColorFacet, +AtomicCommerceBreadbox, AtomicCommerceCategoryFacet, +AtomicCommerceDidYouMean, AtomicCommerceFacet, +AtomicCommerceFacetNumberInput, AtomicCommerceFacets, AtomicCommerceInterface, +AtomicCommerceLayout, AtomicCommerceLoadMoreProducts, +AtomicCommerceNoProducts, +AtomicCommerceNumericFacet, AtomicCommercePager, AtomicCommerceProductList, AtomicCommerceProductsPerPage, +AtomicCommerceQueryError, AtomicCommerceQuerySummary, +AtomicCommerceRecommendationInterface, +AtomicCommerceRecommendationList, AtomicCommerceRefineModal, AtomicCommerceRefineToggle, AtomicCommerceSearchBox, +AtomicCommerceSearchBoxInstantProducts, +AtomicCommerceSearchBoxQuerySuggestions, +AtomicCommerceSearchBoxRecentQueries, +AtomicCommerceSortDropdown, AtomicCommerceText, +AtomicCommerceTimeframeFacet, AtomicComponentError, AtomicDidYouMean, AtomicExternal, @@ -157,7 +204,26 @@ AtomicNumericFacet, AtomicNumericRange, AtomicPager, AtomicPopover, +AtomicProduct, +AtomicProductChildren, +AtomicProductDescription, +AtomicProductFieldCondition, +AtomicProductImage, +AtomicProductLink, +AtomicProductNumericFieldValue, +AtomicProductPrice, +AtomicProductRating, +AtomicProductSectionActions, +AtomicProductSectionBadges, +AtomicProductSectionBottomMetadata, +AtomicProductSectionChildren, +AtomicProductSectionDescription, +AtomicProductSectionEmphasized, +AtomicProductSectionMetadata, +AtomicProductSectionName, +AtomicProductSectionVisual, AtomicProductTemplate, +AtomicProductText, AtomicQueryError, AtomicQuerySummary, AtomicQuickview, diff --git a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts index bab2eb33007..de648b264a6 100644 --- a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts +++ b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts @@ -138,6 +138,28 @@ export class AtomicColorFacet { export declare interface AtomicColorFacet extends Components.AtomicColorFacet {} +@ProxyCmp({ + inputs: ['pathLimit'] +}) +@Component({ + selector: 'atomic-commerce-breadbox', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['pathLimit'], +}) +export class AtomicCommerceBreadbox { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceBreadbox extends Components.AtomicCommerceBreadbox {} + + @ProxyCmp({ inputs: ['facet', 'field', 'isCollapsed', 'summary'] }) @@ -160,6 +182,27 @@ export class AtomicCommerceCategoryFacet { export declare interface AtomicCommerceCategoryFacet extends Components.AtomicCommerceCategoryFacet {} +@ProxyCmp({ +}) +@Component({ + selector: 'atomic-commerce-did-you-mean', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: [], +}) +export class AtomicCommerceDidYouMean { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceDidYouMean extends Components.AtomicCommerceDidYouMean {} + + @ProxyCmp({ inputs: ['facet', 'field', 'isCollapsed', 'summary'] }) @@ -182,6 +225,32 @@ export class AtomicCommerceFacet { export declare interface AtomicCommerceFacet extends Components.AtomicCommerceFacet {} +@ProxyCmp({ + inputs: ['bindings', 'facet', 'label', 'range'] +}) +@Component({ + selector: 'atomic-commerce-facet-number-input', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['bindings', 'facet', 'label', 'range'], +}) +export class AtomicCommerceFacetNumberInput { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + proxyOutputs(this, this.el, ['atomic/numberInputApply']); + } +} + + +export declare interface AtomicCommerceFacetNumberInput extends Components.AtomicCommerceFacetNumberInput { + + 'atomic/numberInputApply': EventEmitter>; +} + + @ProxyCmp({ inputs: ['collapseFacetsAfter'] }) @@ -227,6 +296,28 @@ export class AtomicCommerceInterface { export declare interface AtomicCommerceInterface extends Components.AtomicCommerceInterface {} +@ProxyCmp({ + inputs: ['mobileBreakpoint'] +}) +@Component({ + selector: 'atomic-commerce-layout', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['mobileBreakpoint'], +}) +export class AtomicCommerceLayout { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceLayout extends Components.AtomicCommerceLayout {} + + @ProxyCmp({ }) @Component({ @@ -248,6 +339,49 @@ export class AtomicCommerceLoadMoreProducts { export declare interface AtomicCommerceLoadMoreProducts extends Components.AtomicCommerceLoadMoreProducts {} +@ProxyCmp({ +}) +@Component({ + selector: 'atomic-commerce-no-products', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: [], +}) +export class AtomicCommerceNoProducts { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceNoProducts extends Components.AtomicCommerceNoProducts {} + + +@ProxyCmp({ + inputs: ['facet', 'field', 'isCollapsed', 'summary'] +}) +@Component({ + selector: 'atomic-commerce-numeric-facet', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['facet', 'field', 'isCollapsed', 'summary'], +}) +export class AtomicCommerceNumericFacet { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceNumericFacet extends Components.AtomicCommerceNumericFacet {} + + @ProxyCmp({ inputs: ['nextButtonIcon', 'numberOfPages', 'previousButtonIcon'] }) @@ -275,17 +409,634 @@ export declare interface AtomicCommercePager extends Components.AtomicCommercePa @ProxyCmp({ - inputs: ['density', 'display', 'gridCellLinkTarget', 'imageSize', 'numberOfPlaceholders'], - methods: ['setRenderFunction'] + inputs: ['density', 'display', 'gridCellLinkTarget', 'imageSize', 'numberOfPlaceholders'], + methods: ['setRenderFunction'] +}) +@Component({ + selector: 'atomic-commerce-product-list', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['density', 'display', 'gridCellLinkTarget', 'imageSize', 'numberOfPlaceholders'], +}) +export class AtomicCommerceProductList { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceProductList extends Components.AtomicCommerceProductList {} + + +@ProxyCmp({ + inputs: ['choicesDisplayed', 'initialChoice'] +}) +@Component({ + selector: 'atomic-commerce-products-per-page', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['choicesDisplayed', 'initialChoice'], +}) +export class AtomicCommerceProductsPerPage { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + proxyOutputs(this, this.el, ['atomic/scrollToTop']); + } +} + + +export declare interface AtomicCommerceProductsPerPage extends Components.AtomicCommerceProductsPerPage { + + 'atomic/scrollToTop': EventEmitter>; +} + + +@ProxyCmp({ +}) +@Component({ + selector: 'atomic-commerce-query-error', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: [], +}) +export class AtomicCommerceQueryError { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceQueryError extends Components.AtomicCommerceQueryError {} + + +@ProxyCmp({ +}) +@Component({ + selector: 'atomic-commerce-query-summary', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: [], +}) +export class AtomicCommerceQuerySummary { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceQuerySummary extends Components.AtomicCommerceQuerySummary {} + + +@ProxyCmp({ + inputs: ['CspNonce', 'analytics', 'engine', 'i18n', 'iconAssetsPath', 'language', 'languageAssetsPath', 'scrollContainer'], + methods: ['initializeWithEngine', 'getOrganizationEndpoints'] +}) +@Component({ + selector: 'atomic-commerce-recommendation-interface', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['CspNonce', 'analytics', 'engine', 'i18n', 'iconAssetsPath', 'language', 'languageAssetsPath', 'scrollContainer'], +}) +export class AtomicCommerceRecommendationInterface { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceRecommendationInterface extends Components.AtomicCommerceRecommendationInterface {} + + +@ProxyCmp({ + inputs: ['density', 'display', 'gridCellLinkTarget', 'headingLevel', 'imageSize', 'productsPerPage', 'slotId'], + methods: ['setRenderFunction', 'previousPage', 'nextPage'] +}) +@Component({ + selector: 'atomic-commerce-recommendation-list', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['density', 'display', 'gridCellLinkTarget', 'headingLevel', 'imageSize', 'productsPerPage', 'slotId'], +}) +export class AtomicCommerceRecommendationList { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceRecommendationList extends Components.AtomicCommerceRecommendationList {} + + +@ProxyCmp({ + inputs: ['collapseFacetsAfter', 'isOpen', 'openButton'] +}) +@Component({ + selector: 'atomic-commerce-refine-modal', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['collapseFacetsAfter', 'isOpen', 'openButton'], +}) +export class AtomicCommerceRefineModal { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceRefineModal extends Components.AtomicCommerceRefineModal {} + + +@ProxyCmp({ +}) +@Component({ + selector: 'atomic-commerce-refine-toggle', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: [], +}) +export class AtomicCommerceRefineToggle { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceRefineToggle extends Components.AtomicCommerceRefineToggle {} + + +@ProxyCmp({ + inputs: ['clearFilters', 'disableSearch', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'] +}) +@Component({ + selector: 'atomic-commerce-search-box', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['clearFilters', 'disableSearch', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'], +}) +export class AtomicCommerceSearchBox { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + proxyOutputs(this, this.el, ['redirect']); + } +} + + +import type { RedirectionPayload as IAtomicCommerceSearchBoxRedirectionPayload } from '@coveo/atomic'; + +export declare interface AtomicCommerceSearchBox extends Components.AtomicCommerceSearchBox { + /** + * Event that is emitted when a standalone search box redirection is triggered. By default, the search box will directly change the URL and redirect accordingly, so if you want to handle the redirection differently, use this event. + +Example: +```html + +... + +``` + */ + redirect: EventEmitter>; +} + + +@ProxyCmp({ + inputs: ['ariaLabelGenerator', 'density', 'imageSize'], + methods: ['setRenderFunction'] +}) +@Component({ + selector: 'atomic-commerce-search-box-instant-products', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['ariaLabelGenerator', 'density', 'imageSize'], +}) +export class AtomicCommerceSearchBoxInstantProducts { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceSearchBoxInstantProducts extends Components.AtomicCommerceSearchBoxInstantProducts {} + + +@ProxyCmp({ + inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'] +}) +@Component({ + selector: 'atomic-commerce-search-box-query-suggestions', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'], +}) +export class AtomicCommerceSearchBoxQuerySuggestions { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceSearchBoxQuerySuggestions extends Components.AtomicCommerceSearchBoxQuerySuggestions {} + + +@ProxyCmp({ + inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'] +}) +@Component({ + selector: 'atomic-commerce-search-box-recent-queries', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['icon', 'maxWithQuery', 'maxWithoutQuery'], +}) +export class AtomicCommerceSearchBoxRecentQueries { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceSearchBoxRecentQueries extends Components.AtomicCommerceSearchBoxRecentQueries {} + + +@ProxyCmp({ +}) +@Component({ + selector: 'atomic-commerce-sort-dropdown', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: [], +}) +export class AtomicCommerceSortDropdown { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceSortDropdown extends Components.AtomicCommerceSortDropdown {} + + +@ProxyCmp({ + inputs: ['count', 'value'] +}) +@Component({ + selector: 'atomic-commerce-text', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['count', 'value'], +}) +export class AtomicCommerceText { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceText extends Components.AtomicCommerceText {} + + +@ProxyCmp({ + inputs: ['facet', 'field', 'isCollapsed', 'summary'] +}) +@Component({ + selector: 'atomic-commerce-timeframe-facet', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['facet', 'field', 'isCollapsed', 'summary'], +}) +export class AtomicCommerceTimeframeFacet { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceTimeframeFacet extends Components.AtomicCommerceTimeframeFacet {} + + +@ProxyCmp({ + inputs: ['element', 'error'] +}) +@Component({ + selector: 'atomic-component-error', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['element', 'error'], +}) +export class AtomicComponentError { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicComponentError extends Components.AtomicComponentError {} + + +@ProxyCmp({ + inputs: ['automaticallyCorrectQuery', 'queryCorrectionMode'] +}) +@Component({ + selector: 'atomic-did-you-mean', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['automaticallyCorrectQuery', 'queryCorrectionMode'], +}) +export class AtomicDidYouMean { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicDidYouMean extends Components.AtomicDidYouMean {} + + +@ProxyCmp({ + inputs: ['boundInterface', 'selector'] +}) +@Component({ + selector: 'atomic-external', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['boundInterface', 'selector'], +}) +export class AtomicExternal { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicExternal extends Components.AtomicExternal {} + + +@ProxyCmp({ + inputs: ['allowedValues', 'customSort', 'dependsOn', 'displayValuesAs', 'enableExclusion', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'resultsMustMatch', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withSearch'] +}) +@Component({ + selector: 'atomic-facet', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['allowedValues', 'customSort', 'dependsOn', 'displayValuesAs', 'enableExclusion', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'resultsMustMatch', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withSearch'], +}) +export class AtomicFacet { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicFacet extends Components.AtomicFacet {} + + +@ProxyCmp({ + inputs: ['collapseFacetsAfter'] +}) +@Component({ + selector: 'atomic-facet-manager', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['collapseFacetsAfter'], +}) +export class AtomicFacetManager { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicFacetManager extends Components.AtomicFacetManager {} + + +@ProxyCmp({ + inputs: ['ifDefined', 'ifNotDefined'] +}) +@Component({ + selector: 'atomic-field-condition', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['ifDefined', 'ifNotDefined'], +}) +export class AtomicFieldCondition { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicFieldCondition extends Components.AtomicFieldCondition {} + + +@ProxyCmp({ + inputs: ['childField', 'collectionField', 'density', 'imageSize', 'numberOfFoldedResults', 'parentField', 'tabsExcluded', 'tabsIncluded'], + methods: ['setRenderFunction'] +}) +@Component({ + selector: 'atomic-folded-result-list', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['childField', 'collectionField', 'density', 'imageSize', 'numberOfFoldedResults', 'parentField', 'tabsExcluded', 'tabsIncluded'], +}) +export class AtomicFoldedResultList { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicFoldedResultList extends Components.AtomicFoldedResultList {} + + +@ProxyCmp({ + inputs: ['currency'] +}) +@Component({ + selector: 'atomic-format-currency', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['currency'], +}) +export class AtomicFormatCurrency { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicFormatCurrency extends Components.AtomicFormatCurrency {} + + +@ProxyCmp({ + inputs: ['maximumFractionDigits', 'maximumSignificantDigits', 'minimumFractionDigits', 'minimumIntegerDigits', 'minimumSignificantDigits'] +}) +@Component({ + selector: 'atomic-format-number', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['maximumFractionDigits', 'maximumSignificantDigits', 'minimumFractionDigits', 'minimumIntegerDigits', 'minimumSignificantDigits'], +}) +export class AtomicFormatNumber { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicFormatNumber extends Components.AtomicFormatNumber {} + + +@ProxyCmp({ + inputs: ['unit', 'unitDisplay'] +}) +@Component({ + selector: 'atomic-format-unit', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['unit', 'unitDisplay'], +}) +export class AtomicFormatUnit { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicFormatUnit extends Components.AtomicFormatUnit {} + + +@ProxyCmp({ +}) +@Component({ + selector: 'atomic-frequently-bought-together', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: [], +}) +export class AtomicFrequentlyBoughtTogether { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicFrequentlyBoughtTogether extends Components.AtomicFrequentlyBoughtTogether {} + + +@ProxyCmp({ + inputs: ['answerStyle', 'collapsible', 'withRephraseButtons', 'withToggle'] +}) +@Component({ + selector: 'atomic-generated-answer', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: ['answerStyle', 'collapsible', 'withRephraseButtons', 'withToggle'], +}) +export class AtomicGeneratedAnswer { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicGeneratedAnswer extends Components.AtomicGeneratedAnswer {} + + +@ProxyCmp({ + inputs: ['sanitize', 'value'] }) @Component({ - selector: 'atomic-commerce-product-list', + selector: 'atomic-html', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['density', 'display', 'gridCellLinkTarget', 'imageSize', 'numberOfPlaceholders'], + inputs: ['sanitize', 'value'], }) -export class AtomicCommerceProductList { +export class AtomicHtml { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -294,45 +1045,42 @@ export class AtomicCommerceProductList { } -export declare interface AtomicCommerceProductList extends Components.AtomicCommerceProductList {} +export declare interface AtomicHtml extends Components.AtomicHtml {} @ProxyCmp({ - inputs: ['choicesDisplayed', 'initialChoice'] + inputs: ['icon'] }) @Component({ - selector: 'atomic-commerce-products-per-page', + selector: 'atomic-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['choicesDisplayed', 'initialChoice'], + inputs: ['icon'], }) -export class AtomicCommerceProductsPerPage { +export class AtomicIcon { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; - proxyOutputs(this, this.el, ['atomic/scrollToTop']); } } -export declare interface AtomicCommerceProductsPerPage extends Components.AtomicCommerceProductsPerPage { - - 'atomic/scrollToTop': EventEmitter>; -} +export declare interface AtomicIcon extends Components.AtomicIcon {} @ProxyCmp({ + inputs: ['maxWidth', 'minWidth', 'section'] }) @Component({ - selector: 'atomic-commerce-query-summary', + selector: 'atomic-layout-section', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], + inputs: ['maxWidth', 'minWidth', 'section'], }) -export class AtomicCommerceQuerySummary { +export class AtomicLayoutSection { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -341,20 +1089,19 @@ export class AtomicCommerceQuerySummary { } -export declare interface AtomicCommerceQuerySummary extends Components.AtomicCommerceQuerySummary {} +export declare interface AtomicLayoutSection extends Components.AtomicLayoutSection {} @ProxyCmp({ - inputs: ['collapseFacetsAfter', 'isOpen', 'openButton'] }) @Component({ - selector: 'atomic-commerce-refine-modal', + selector: 'atomic-load-more-results', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['collapseFacetsAfter', 'isOpen', 'openButton'], + inputs: [], }) -export class AtomicCommerceRefineModal { +export class AtomicLoadMoreResults { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -363,19 +1110,20 @@ export class AtomicCommerceRefineModal { } -export declare interface AtomicCommerceRefineModal extends Components.AtomicCommerceRefineModal {} +export declare interface AtomicLoadMoreResults extends Components.AtomicLoadMoreResults {} @ProxyCmp({ + inputs: ['enableCancelLastAction'] }) @Component({ - selector: 'atomic-commerce-refine-toggle', + selector: 'atomic-no-results', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], + inputs: ['enableCancelLastAction'], }) -export class AtomicCommerceRefineToggle { +export class AtomicNoResults { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -384,62 +1132,42 @@ export class AtomicCommerceRefineToggle { } -export declare interface AtomicCommerceRefineToggle extends Components.AtomicCommerceRefineToggle {} +export declare interface AtomicNoResults extends Components.AtomicNoResults {} @ProxyCmp({ - inputs: ['clearFilters', 'disableSearch', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'] + inputs: ['headingLevel', 'icon'] }) @Component({ - selector: 'atomic-commerce-search-box', + selector: 'atomic-notifications', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['clearFilters', 'disableSearch', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'], + inputs: ['headingLevel', 'icon'], }) -export class AtomicCommerceSearchBox { +export class AtomicNotifications { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; - proxyOutputs(this, this.el, ['redirect']); } } -import type { RedirectionPayload as IAtomicCommerceSearchBoxRedirectionPayload } from '@coveo/atomic'; - -export declare interface AtomicCommerceSearchBox extends Components.AtomicCommerceSearchBox { - /** - * Event that is emitted when a standalone search box redirection is triggered. By default, the search box will directly change the URL and redirect accordingly, so if you want to handle the redirection differently, use this event. - -Example: -```html - -... - -``` - */ - redirect: EventEmitter>; -} +export declare interface AtomicNotifications extends Components.AtomicNotifications {} @ProxyCmp({ - inputs: ['count', 'value'] + inputs: ['dependsOn', 'displayValuesAs', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'rangeAlgorithm', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withInput'] }) @Component({ - selector: 'atomic-commerce-text', + selector: 'atomic-numeric-facet', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['count', 'value'], + inputs: ['dependsOn', 'displayValuesAs', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'rangeAlgorithm', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withInput'], }) -export class AtomicCommerceText { +export class AtomicNumericFacet { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -448,20 +1176,20 @@ export class AtomicCommerceText { } -export declare interface AtomicCommerceText extends Components.AtomicCommerceText {} +export declare interface AtomicNumericFacet extends Components.AtomicNumericFacet {} @ProxyCmp({ - inputs: ['element', 'error'] + inputs: ['end', 'endInclusive', 'label', 'start'] }) @Component({ - selector: 'atomic-component-error', + selector: 'atomic-numeric-range', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['element', 'error'], + inputs: ['end', 'endInclusive', 'label', 'start'], }) -export class AtomicComponentError { +export class AtomicNumericRange { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -470,42 +1198,45 @@ export class AtomicComponentError { } -export declare interface AtomicComponentError extends Components.AtomicComponentError {} +export declare interface AtomicNumericRange extends Components.AtomicNumericRange {} @ProxyCmp({ - inputs: ['automaticallyCorrectQuery', 'queryCorrectionMode'] + inputs: ['nextButtonIcon', 'numberOfPages', 'previousButtonIcon'] }) @Component({ - selector: 'atomic-did-you-mean', + selector: 'atomic-pager', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['automaticallyCorrectQuery', 'queryCorrectionMode'], + inputs: ['nextButtonIcon', 'numberOfPages', 'previousButtonIcon'], }) -export class AtomicDidYouMean { +export class AtomicPager { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; + proxyOutputs(this, this.el, ['atomic/scrollToTop']); } } -export declare interface AtomicDidYouMean extends Components.AtomicDidYouMean {} +export declare interface AtomicPager extends Components.AtomicPager { + + 'atomic/scrollToTop': EventEmitter>; +} @ProxyCmp({ - inputs: ['boundInterface', 'selector'] }) @Component({ - selector: 'atomic-external', + selector: 'atomic-popover', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['boundInterface', 'selector'], + inputs: [], }) -export class AtomicExternal { +export class AtomicPopover { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -514,20 +1245,20 @@ export class AtomicExternal { } -export declare interface AtomicExternal extends Components.AtomicExternal {} +export declare interface AtomicPopover extends Components.AtomicPopover {} @ProxyCmp({ - inputs: ['allowedValues', 'customSort', 'dependsOn', 'displayValuesAs', 'enableExclusion', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'resultsMustMatch', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withSearch'] + inputs: ['classes', 'content', 'density', 'display', 'imageSize', 'interactiveProduct', 'linkContent', 'loadingFlag', 'product', 'renderingFunction', 'stopPropagation', 'store'] }) @Component({ - selector: 'atomic-facet', + selector: 'atomic-product', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['allowedValues', 'customSort', 'dependsOn', 'displayValuesAs', 'enableExclusion', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'resultsMustMatch', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withSearch'], + inputs: ['classes', 'content', 'density', 'display', 'imageSize', 'interactiveProduct', 'linkContent', 'loadingFlag', 'product', 'renderingFunction', 'stopPropagation', 'store'], }) -export class AtomicFacet { +export class AtomicProduct { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -536,42 +1267,48 @@ export class AtomicFacet { } -export declare interface AtomicFacet extends Components.AtomicFacet {} +export declare interface AtomicProduct extends Components.AtomicProduct {} @ProxyCmp({ - inputs: ['collapseFacetsAfter'] + inputs: ['fallback', 'field', 'label'] }) @Component({ - selector: 'atomic-facet-manager', + selector: 'atomic-product-children', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['collapseFacetsAfter'], + inputs: ['fallback', 'field', 'label'], }) -export class AtomicFacetManager { +export class AtomicProductChildren { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; + proxyOutputs(this, this.el, ['atomic/selectChildProduct']); } } -export declare interface AtomicFacetManager extends Components.AtomicFacetManager {} +import type { SelectChildProductEventArgs as IAtomicProductChildrenSelectChildProductEventArgs } from '@coveo/atomic'; + +export declare interface AtomicProductChildren extends Components.AtomicProductChildren { + + 'atomic/selectChildProduct': EventEmitter>; +} @ProxyCmp({ - inputs: ['ifDefined', 'ifNotDefined'] + inputs: ['field', 'truncateAfter'] }) @Component({ - selector: 'atomic-field-condition', + selector: 'atomic-product-description', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['ifDefined', 'ifNotDefined'], + inputs: ['field', 'truncateAfter'], }) -export class AtomicFieldCondition { +export class AtomicProductDescription { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -580,21 +1317,20 @@ export class AtomicFieldCondition { } -export declare interface AtomicFieldCondition extends Components.AtomicFieldCondition {} +export declare interface AtomicProductDescription extends Components.AtomicProductDescription {} @ProxyCmp({ - inputs: ['childField', 'collectionField', 'density', 'imageSize', 'numberOfFoldedResults', 'parentField', 'tabsExcluded', 'tabsIncluded'], - methods: ['setRenderFunction'] + inputs: ['ifDefined', 'ifNotDefined'] }) @Component({ - selector: 'atomic-folded-result-list', + selector: 'atomic-product-field-condition', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['childField', 'collectionField', 'density', 'imageSize', 'numberOfFoldedResults', 'parentField', 'tabsExcluded', 'tabsIncluded'], + inputs: ['ifDefined', 'ifNotDefined'], }) -export class AtomicFoldedResultList { +export class AtomicProductFieldCondition { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -603,20 +1339,21 @@ export class AtomicFoldedResultList { } -export declare interface AtomicFoldedResultList extends Components.AtomicFoldedResultList {} +export declare interface AtomicProductFieldCondition extends Components.AtomicProductFieldCondition {} @ProxyCmp({ - inputs: ['currency'] + inputs: ['fallback', 'field', 'imageAltField'], + methods: ['previousImage', 'nextImage', 'navigateToImage'] }) @Component({ - selector: 'atomic-format-currency', + selector: 'atomic-product-image', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['currency'], + inputs: ['fallback', 'field', 'imageAltField'], }) -export class AtomicFormatCurrency { +export class AtomicProductImage { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -625,20 +1362,20 @@ export class AtomicFormatCurrency { } -export declare interface AtomicFormatCurrency extends Components.AtomicFormatCurrency {} +export declare interface AtomicProductImage extends Components.AtomicProductImage {} @ProxyCmp({ - inputs: ['maximumFractionDigits', 'maximumSignificantDigits', 'minimumFractionDigits', 'minimumIntegerDigits', 'minimumSignificantDigits'] + inputs: ['hrefTemplate'] }) @Component({ - selector: 'atomic-format-number', + selector: 'atomic-product-link', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['maximumFractionDigits', 'maximumSignificantDigits', 'minimumFractionDigits', 'minimumIntegerDigits', 'minimumSignificantDigits'], + inputs: ['hrefTemplate'], }) -export class AtomicFormatNumber { +export class AtomicProductLink { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -647,20 +1384,20 @@ export class AtomicFormatNumber { } -export declare interface AtomicFormatNumber extends Components.AtomicFormatNumber {} +export declare interface AtomicProductLink extends Components.AtomicProductLink {} @ProxyCmp({ - inputs: ['unit', 'unitDisplay'] + inputs: ['field'] }) @Component({ - selector: 'atomic-format-unit', + selector: 'atomic-product-numeric-field-value', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['unit', 'unitDisplay'], + inputs: ['field'], }) -export class AtomicFormatUnit { +export class AtomicProductNumericFieldValue { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -669,19 +1406,19 @@ export class AtomicFormatUnit { } -export declare interface AtomicFormatUnit extends Components.AtomicFormatUnit {} +export declare interface AtomicProductNumericFieldValue extends Components.AtomicProductNumericFieldValue {} @ProxyCmp({ }) @Component({ - selector: 'atomic-frequently-bought-together', + selector: 'atomic-product-price', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property inputs: [], }) -export class AtomicFrequentlyBoughtTogether { +export class AtomicProductPrice { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -690,20 +1427,20 @@ export class AtomicFrequentlyBoughtTogether { } -export declare interface AtomicFrequentlyBoughtTogether extends Components.AtomicFrequentlyBoughtTogether {} +export declare interface AtomicProductPrice extends Components.AtomicProductPrice {} @ProxyCmp({ - inputs: ['answerStyle', 'collapsible', 'withRephraseButtons', 'withToggle'] + inputs: ['field', 'icon', 'maxValueInIndex', 'ratingDetailsField'] }) @Component({ - selector: 'atomic-generated-answer', + selector: 'atomic-product-rating', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['answerStyle', 'collapsible', 'withRephraseButtons', 'withToggle'], + inputs: ['field', 'icon', 'maxValueInIndex', 'ratingDetailsField'], }) -export class AtomicGeneratedAnswer { +export class AtomicProductRating { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -712,20 +1449,19 @@ export class AtomicGeneratedAnswer { } -export declare interface AtomicGeneratedAnswer extends Components.AtomicGeneratedAnswer {} +export declare interface AtomicProductRating extends Components.AtomicProductRating {} @ProxyCmp({ - inputs: ['sanitize', 'value'] }) @Component({ - selector: 'atomic-html', + selector: 'atomic-product-section-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['sanitize', 'value'], + inputs: [], }) -export class AtomicHtml { +export class AtomicProductSectionActions { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -734,20 +1470,19 @@ export class AtomicHtml { } -export declare interface AtomicHtml extends Components.AtomicHtml {} +export declare interface AtomicProductSectionActions extends Components.AtomicProductSectionActions {} @ProxyCmp({ - inputs: ['icon'] }) @Component({ - selector: 'atomic-icon', + selector: 'atomic-product-section-badges', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['icon'], + inputs: [], }) -export class AtomicIcon { +export class AtomicProductSectionBadges { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -756,20 +1491,19 @@ export class AtomicIcon { } -export declare interface AtomicIcon extends Components.AtomicIcon {} +export declare interface AtomicProductSectionBadges extends Components.AtomicProductSectionBadges {} @ProxyCmp({ - inputs: ['maxWidth', 'minWidth', 'section'] }) @Component({ - selector: 'atomic-layout-section', + selector: 'atomic-product-section-bottom-metadata', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['maxWidth', 'minWidth', 'section'], + inputs: [], }) -export class AtomicLayoutSection { +export class AtomicProductSectionBottomMetadata { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -778,19 +1512,19 @@ export class AtomicLayoutSection { } -export declare interface AtomicLayoutSection extends Components.AtomicLayoutSection {} +export declare interface AtomicProductSectionBottomMetadata extends Components.AtomicProductSectionBottomMetadata {} @ProxyCmp({ }) @Component({ - selector: 'atomic-load-more-results', + selector: 'atomic-product-section-children', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property inputs: [], }) -export class AtomicLoadMoreResults { +export class AtomicProductSectionChildren { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -799,20 +1533,19 @@ export class AtomicLoadMoreResults { } -export declare interface AtomicLoadMoreResults extends Components.AtomicLoadMoreResults {} +export declare interface AtomicProductSectionChildren extends Components.AtomicProductSectionChildren {} @ProxyCmp({ - inputs: ['enableCancelLastAction'] }) @Component({ - selector: 'atomic-no-results', + selector: 'atomic-product-section-description', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['enableCancelLastAction'], + inputs: [], }) -export class AtomicNoResults { +export class AtomicProductSectionDescription { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -821,20 +1554,19 @@ export class AtomicNoResults { } -export declare interface AtomicNoResults extends Components.AtomicNoResults {} +export declare interface AtomicProductSectionDescription extends Components.AtomicProductSectionDescription {} @ProxyCmp({ - inputs: ['headingLevel', 'icon'] }) @Component({ - selector: 'atomic-notifications', + selector: 'atomic-product-section-emphasized', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['headingLevel', 'icon'], + inputs: [], }) -export class AtomicNotifications { +export class AtomicProductSectionEmphasized { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -843,20 +1575,19 @@ export class AtomicNotifications { } -export declare interface AtomicNotifications extends Components.AtomicNotifications {} +export declare interface AtomicProductSectionEmphasized extends Components.AtomicProductSectionEmphasized {} @ProxyCmp({ - inputs: ['dependsOn', 'displayValuesAs', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'rangeAlgorithm', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withInput'] }) @Component({ - selector: 'atomic-numeric-facet', + selector: 'atomic-product-section-metadata', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['dependsOn', 'displayValuesAs', 'facetId', 'field', 'filterFacetCount', 'headingLevel', 'injectionDepth', 'isCollapsed', 'label', 'numberOfValues', 'rangeAlgorithm', 'sortCriteria', 'tabsExcluded', 'tabsIncluded', 'withInput'], + inputs: [], }) -export class AtomicNumericFacet { +export class AtomicProductSectionMetadata { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -865,20 +1596,19 @@ export class AtomicNumericFacet { } -export declare interface AtomicNumericFacet extends Components.AtomicNumericFacet {} +export declare interface AtomicProductSectionMetadata extends Components.AtomicProductSectionMetadata {} @ProxyCmp({ - inputs: ['end', 'endInclusive', 'label', 'start'] }) @Component({ - selector: 'atomic-numeric-range', + selector: 'atomic-product-section-name', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['end', 'endInclusive', 'label', 'start'], + inputs: [], }) -export class AtomicNumericRange { +export class AtomicProductSectionName { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -887,45 +1617,43 @@ export class AtomicNumericRange { } -export declare interface AtomicNumericRange extends Components.AtomicNumericRange {} +export declare interface AtomicProductSectionName extends Components.AtomicProductSectionName {} @ProxyCmp({ - inputs: ['nextButtonIcon', 'numberOfPages', 'previousButtonIcon'] + inputs: ['imageSize'] }) @Component({ - selector: 'atomic-pager', + selector: 'atomic-product-section-visual', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['nextButtonIcon', 'numberOfPages', 'previousButtonIcon'], + inputs: ['imageSize'], }) -export class AtomicPager { +export class AtomicProductSectionVisual { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; - proxyOutputs(this, this.el, ['atomic/scrollToTop']); } } -export declare interface AtomicPager extends Components.AtomicPager { - - 'atomic/scrollToTop': EventEmitter>; -} +export declare interface AtomicProductSectionVisual extends Components.AtomicProductSectionVisual {} @ProxyCmp({ + inputs: ['conditions', 'mustMatch', 'mustNotMatch'], + methods: ['getTemplate'] }) @Component({ - selector: 'atomic-popover', + selector: 'atomic-product-template', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: [], + inputs: ['conditions', 'mustMatch', 'mustNotMatch'], }) -export class AtomicPopover { +export class AtomicProductTemplate { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -934,21 +1662,20 @@ export class AtomicPopover { } -export declare interface AtomicPopover extends Components.AtomicPopover {} +export declare interface AtomicProductTemplate extends Components.AtomicProductTemplate {} @ProxyCmp({ - inputs: ['conditions', 'mustMatch', 'mustNotMatch'], - methods: ['getTemplate'] + inputs: ['default', 'field', 'shouldHighlight'] }) @Component({ - selector: 'atomic-product-template', + selector: 'atomic-product-text', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['conditions', 'mustMatch', 'mustNotMatch'], + inputs: ['default', 'field', 'shouldHighlight'], }) -export class AtomicProductTemplate { +export class AtomicProductText { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); @@ -957,7 +1684,7 @@ export class AtomicProductTemplate { } -export declare interface AtomicProductTemplate extends Components.AtomicProductTemplate {} +export declare interface AtomicProductText extends Components.AtomicProductText {} @ProxyCmp({ From 1aaf080b26754024e59e7d8b910622628f74c707 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Mon, 9 Sep 2024 20:09:05 +0000 Subject: [PATCH 5/7] Add generated files --- .../atomic-angular/src/lib/stencil-generated/components.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts index 49dfc37c69f..d7f6147c674 100644 --- a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts +++ b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts @@ -523,7 +523,7 @@ export declare interface AtomicCommerceRecommendationInterface extends Component @ProxyCmp({ - inputs: ['density', 'display', 'gridCellLinkTarget', 'headingLevel', 'imageSize', 'productsPerPage', 'slotId'], + inputs: ['density', 'display', 'gridCellLinkTarget', 'headingLevel', 'imageSize', 'productId', 'productsPerPage', 'slotId'], methods: ['setRenderFunction', 'previousPage', 'nextPage'] }) @Component({ @@ -531,7 +531,7 @@ export declare interface AtomicCommerceRecommendationInterface extends Component changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['density', 'display', 'gridCellLinkTarget', 'headingLevel', 'imageSize', 'productsPerPage', 'slotId'], + inputs: ['density', 'display', 'gridCellLinkTarget', 'headingLevel', 'imageSize', 'productId', 'productsPerPage', 'slotId'], }) export class AtomicCommerceRecommendationList { protected el: HTMLElement; From 91fbdf94cd08e7a2340e136ffd2cd0837c75d6e0 Mon Sep 17 00:00:00 2001 From: Alex Prudhomme <78121423+alexprudhomme@users.noreply.github.com> Date: Mon, 9 Sep 2024 16:16:15 -0400 Subject: [PATCH 6/7] ghost commit https://coveord.atlassian.net/browse/KIT-3523 --- .../src/components/search/facets/atomic-facet/atomic-facet.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/atomic/src/components/search/facets/atomic-facet/atomic-facet.tsx b/packages/atomic/src/components/search/facets/atomic-facet/atomic-facet.tsx index ec05e74d226..a033905ff01 100644 --- a/packages/atomic/src/components/search/facets/atomic-facet/atomic-facet.tsx +++ b/packages/atomic/src/components/search/facets/atomic-facet/atomic-facet.tsx @@ -81,7 +81,7 @@ import {Bindings} from '../../atomic-search-interface/atomic-search-interface'; * @part more-matches - The label indicating there are more matches for the current facet search query. * @part no-matches - The label indicating there are no matches for the current facet search query. * @part matches-query - The highlighted query inside the matches labels. - * @part search-highlight - The highlighted query inside the facet values. + * @part search-highlight - The highlighted query inside the facet values. * * @part values - The facet values container. * @part value-label - The facet value label, common for all displays. From 5c61272acb70ef24f8f4562e76ce62671cb343c6 Mon Sep 17 00:00:00 2001 From: Alex Prudhomme <78121423+alexprudhomme@users.noreply.github.com> Date: Mon, 9 Sep 2024 16:16:22 -0400 Subject: [PATCH 7/7] Revert "ghost commit" This reverts commit 91fbdf94cd08e7a2340e136ffd2cd0837c75d6e0. --- .../src/components/search/facets/atomic-facet/atomic-facet.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/atomic/src/components/search/facets/atomic-facet/atomic-facet.tsx b/packages/atomic/src/components/search/facets/atomic-facet/atomic-facet.tsx index a033905ff01..ec05e74d226 100644 --- a/packages/atomic/src/components/search/facets/atomic-facet/atomic-facet.tsx +++ b/packages/atomic/src/components/search/facets/atomic-facet/atomic-facet.tsx @@ -81,7 +81,7 @@ import {Bindings} from '../../atomic-search-interface/atomic-search-interface'; * @part more-matches - The label indicating there are more matches for the current facet search query. * @part no-matches - The label indicating there are no matches for the current facet search query. * @part matches-query - The highlighted query inside the matches labels. - * @part search-highlight - The highlighted query inside the facet values. + * @part search-highlight - The highlighted query inside the facet values. * * @part values - The facet values container. * @part value-label - The facet value label, common for all displays.