@coveo/atomic 3.37.3 → 3.38.0

package/dist/atomic/components/components/insight/atomic-insight-generate-answer-button/atomic-insight-generate-answer-button.js

@@ -0,0 +1,70 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { buildQuerySummary } from '@coveo/headless/insight';
+import { html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { renderIconButton } from "../../common/icon-button";
+import { bindStateToController } from "../../../decorators/bind-state.js";
+import { bindingGuard } from "../../../decorators/binding-guard.js";
+import { bindings } from "../../../decorators/bindings.js";
+import { errorGuard } from "../../../decorators/error-guard";
+import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
+/**
+ * The atomic-insight-generate-answer-button component is an internal component made for builders preview.
+ */
+let AtomicInsightGenerateAnswerButton = class AtomicInsightGenerateAnswerButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * The tooltip text for the generate answer button.
+         */
+        this.tooltip = 'Generate Answer';
+    }
+    initialize() {
+        this.querySummary = buildQuerySummary(this.bindings.engine);
+    }
+    render() {
+        const { hasQuery, total } = this.querySummaryState;
+        if (hasQuery || total === 0) {
+            return html ``;
+        }
+        return html `
+      ${renderIconButton({
+            props: {
+                partPrefix: 'generate-answer',
+                style: 'primary',
+                icon: 'assets://sparkles.svg',
+                ariaLabel: this.tooltip,
+                title: this.tooltip,
+            },
+        })}
+    `;
+    }
+};
+__decorate([
+    state()
+], AtomicInsightGenerateAnswerButton.prototype, "bindings", void 0);
+__decorate([
+    state()
+], AtomicInsightGenerateAnswerButton.prototype, "error", void 0);
+__decorate([
+    bindStateToController('querySummary'),
+    state()
+], AtomicInsightGenerateAnswerButton.prototype, "querySummaryState", void 0);
+__decorate([
+    property({ type: String, attribute: 'tooltip' })
+], AtomicInsightGenerateAnswerButton.prototype, "tooltip", void 0);
+__decorate([
+    errorGuard(),
+    bindingGuard()
+], AtomicInsightGenerateAnswerButton.prototype, "render", null);
+AtomicInsightGenerateAnswerButton = __decorate([
+    customElement('atomic-insight-generate-answer-button'),
+    bindings(),
+    withTailwindStyles
+], AtomicInsightGenerateAnswerButton);
+export { AtomicInsightGenerateAnswerButton };

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

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

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

@@ -1,4 +1,5 @@
 // Auto-generated file
 export default {
+    'atomic-insight-generate-answer-button': async () => await import('./atomic-insight-generate-answer-button/atomic-insight-generate-answer-button.js'),
     'atomic-insight-interface': async () => await import('./atomic-insight-interface/atomic-insight-interface.js'),
 };

package/dist/atomic/components/components/recommendations/atomic-recs-interface/atomic-recs-interface.js

@@ -100,7 +100,7 @@ let AtomicRecsInterface = class AtomicRecsInterface extends ChildrenUpdateComple
     }
     /**
      * Initializes the interface using the provided [headless recommendation engine](https://docs.coveo.com/en/headless/latest/reference/modules/Recommendation.html), as opposed to the `initialize` method which internally builds a recommendation engine instance.
-     * This bypasses the properties set on the component, such as analytics, searchHub, pipeline, language, timezone & logLevel.
+     * This bypasses the properties set on the component, such as analytics, searchHub, pipeline, language, timezone, and logLevel.
      */
     initializeWithRecommendationEngine(engine) {
         if (this.pipeline && this.pipeline !== engine.state.pipeline) {
@@ -169,12 +169,12 @@ let AtomicRecsInterface = class AtomicRecsInterface extends ChildrenUpdateComple
         try {
             this.engine = buildRecommendationEngine({
                 configuration: {
-                    ...options,
                     pipeline: this.pipeline,
                     searchHub: this.searchHub ?? 'default',
                     locale: this.language,
                     timezone: this.timezone,
                     analytics: analyticsConfig,
+                    ...options,
                 },
                 loggerOptions: {
                     level: this.logLevel,

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

@@ -37,7 +37,7 @@ import facetValueBoxStyles from '../../common/facets/facet-value-box/facet-value
 import facetValueCheckboxStyles from '../../common/facets/facet-value-checkbox/facet-value-checkbox.tw.css';
 import facetValueExcludeStyles from '../../common/facets/facet-value-exclude/facet-value-exclude.tw.css';
 /**
- * A facet is a list of values for a certain field occurring in the results, ordered using a configurable criteria (e.g., number of occurrences).
+ * A facet is a list of values for a certain field occurring in the results, ordered using a configurable criteria (for example, number of occurrences).
  * An `atomic-facet` displays a facet of the results for the current query.
  *
  * @part facet - The wrapper for the entire facet.
@@ -73,7 +73,7 @@ import facetValueExcludeStyles from '../../common/facets/facet-value-exclude/fac
  *
  * @part show-more - The show more results button.
  * @part show-less - The show less results button.
- * @part show-more-less-icon - The icons of the show more & show less buttons.
+ * @part show-more-less-icon - The icons of the show more and show less buttons.
  */
 let AtomicFacet = class AtomicFacet extends InitializeBindingsMixin(LitElement) {
     constructor() {
@@ -86,7 +86,7 @@ let AtomicFacet = class AtomicFacet extends InitializeBindingsMixin(LitElement)
         /**
          * The tabs on which the facet can be displayed. This property should not be used at the same time as `tabs-excluded`.
          *
-         * Set this property as a stringified JSON array, e.g.,
+         * Set this property as a stringified JSON array, for example:
          * ```html
          *  <atomic-facet tabs-included='["tabIDA", "tabIDB"]'></atomic-facet>
          * ```
@@ -96,7 +96,7 @@ let AtomicFacet = class AtomicFacet extends InitializeBindingsMixin(LitElement)
         /**
          * The tabs on which this facet must not be displayed. This property should not be used at the same time as `tabs-included`.
          *
-         * Set this property as a stringified JSON array, e.g.,
+         * Set this property as a stringified JSON array, for example:
          * ```html
          *  <atomic-facet tabs-excluded='["tabIDA", "tabIDB"]'></atomic-facet>
          * ```

package/dist/atomic/components/components/search/atomic-query-error/atomic-query-error.js

@@ -0,0 +1,111 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { buildQueryError, getOrganizationEndpoint, } from '@coveo/headless';
+import { html, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { when } from 'lit/directives/when.js';
+import { renderQueryErrorContainer } from "../../common/query-error/container";
+import { renderQueryErrorDescription } from "../../common/query-error/description";
+import { renderQueryErrorDetails } from "../../common/query-error/details";
+import { renderQueryErrorIcon } from "../../common/query-error/icon";
+import { renderQueryErrorLink } from "../../common/query-error/link";
+import { renderQueryErrorShowMore } from "../../common/query-error/show-more";
+import { renderQueryErrorTitle } from "../../common/query-error/title";
+import { getAriaMessageFromErrorType } from "../../common/query-error/utils";
+import { bindStateToController } from "../../../decorators/bind-state";
+import { bindingGuard } from "../../../decorators/binding-guard";
+import { bindings } from "../../../decorators/bindings.js";
+import { errorGuard } from "../../../decorators/error-guard";
+import { withTailwindStyles } from "../../../decorators/with-tailwind-styles";
+import { AriaLiveRegionController } from "../../../utils/accessibility-utils";
+/**
+ * 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.
+ *
+ * @part icon - The svg related to the error.
+ * @part title - The title of the error.
+ * @part description - A description of the error.
+ * @part doc-link - A link to the relevant documentation.
+ * @part more-info-btn - A button to request additional error information.
+ * @part error-info - Additional error information.
+ */
+let AtomicQueryError = class AtomicQueryError extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.ariaMessage = new AriaLiveRegionController(this, 'query-error');
+        this.showMoreInfo = false;
+    }
+    initialize() {
+        this.queryError = buildQueryError(this.bindings.engine);
+    }
+    render() {
+        const { hasError, error } = this.queryErrorState;
+        const i18n = this.bindings.i18n;
+        const { organizationId, environment } = this.bindings.engine.state.configuration;
+        const url = getOrganizationEndpoint(organizationId, environment);
+        if (hasError) {
+            this.ariaMessage.message = getAriaMessageFromErrorType(i18n, organizationId, url, error?.type);
+        }
+        const linkResult = renderQueryErrorLink({
+            props: { i18n, errorType: error?.type },
+        });
+        return html `${when(hasError, () => html `
+        ${renderQueryErrorContainer()(html `
+          ${renderQueryErrorIcon({ props: { errorType: error?.type } })}
+          ${renderQueryErrorTitle({
+            props: {
+                errorType: error?.type,
+                i18n,
+                organizationId,
+            },
+        })}
+          ${renderQueryErrorDescription({
+            props: {
+                i18n,
+                organizationId,
+                url,
+                errorType: error?.type,
+            },
+        })}
+          ${renderQueryErrorShowMore({
+            props: {
+                link: linkResult,
+                onShowMore: () => {
+                    this.showMoreInfo = !this.showMoreInfo;
+                },
+                i18n,
+            },
+        })}
+          ${renderQueryErrorDetails({
+            props: { error, show: this.showMoreInfo },
+        })}
+        `)}
+      `)}`;
+    }
+};
+__decorate([
+    bindStateToController('queryError'),
+    state()
+], AtomicQueryError.prototype, "queryErrorState", void 0);
+__decorate([
+    state()
+], AtomicQueryError.prototype, "bindings", void 0);
+__decorate([
+    state()
+], AtomicQueryError.prototype, "error", void 0);
+__decorate([
+    state()
+], AtomicQueryError.prototype, "showMoreInfo", void 0);
+__decorate([
+    errorGuard(),
+    bindingGuard()
+], AtomicQueryError.prototype, "render", null);
+AtomicQueryError = __decorate([
+    customElement('atomic-query-error'),
+    bindings(),
+    withTailwindStyles
+], AtomicQueryError);
+export { AtomicQueryError };

package/dist/atomic/components/components/search/atomic-query-summary/atomic-query-summary.js

@@ -19,7 +19,7 @@ import { renderQuerySummaryContainer } from '../../common/query-summary/containe
 import { renderQuerySummaryGuard } from '../../common/query-summary/guard';
 import { getQuerySummaryI18nParameters } from '../../common/query-summary/utils';
 /**
- * The `atomic-query-summary` component displays information about the current range of results and the request duration (e.g., "Results 1-10 of 123 in 0.47 seconds").
+ * The `atomic-query-summary` component displays information about the current range of results and the request duration (for example, "Results 1-10 of 123 in 0.47 seconds").
  *
  * @part container - The container for the whole summary.
  * @part duration - The container for the duration.

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

@@ -37,13 +37,14 @@ import { randomID } from "../../../utils/utils";
 import '../atomic-result/atomic-result';
 import { getItemListDisplayClasses, } from "../../common/layout/item-layout-utils";
 import { ValidatePropsController } from "../../common/validate-props-controller/validate-props-controller";
+import "../atomic-result-template/atomic-result-template";
 /**
  * The `atomic-result-list` component is responsible for displaying query results by applying one or more result templates.
  *
  * @slot default - The default slot where the result templates are inserted.
  * @part result-list - The element containing every result of a result list
  * @part outline - The element displaying an outline or a divider around a result
- * @part result-list-grid-clickable-container - The parent of the result & the clickable link encompassing it, when results are displayed as a grid
+ * @part result-list-grid-clickable-container - The parent of the result and the clickable link encompassing it, when results are displayed as a grid
  * @part result-list-grid-clickable - The clickable link encompassing the result when results are displayed as a grid
  * @part result-table - The element of the result table containing a heading and a body
  * @part result-table-heading - The element containing the row of cells in the result table's heading
@@ -78,7 +79,7 @@ let AtomicResultList = class AtomicResultList extends ChildrenUpdateCompleteMixi
         /**
          * The tabs on which the result list can be displayed. This property should not be used at the same time as `tabs-excluded`.
          *
-         * Set this property as a stringified JSON array, e.g.,
+         * Set this property as a stringified JSON array, for example:
          * ```html
          *  <atomic-result-list tabs-included='["tabIDA", "tabIDB"]'></atomic-result-list snippet>
          * ```
@@ -88,7 +89,7 @@ let AtomicResultList = class AtomicResultList extends ChildrenUpdateCompleteMixi
         /**
          * The tabs on which this result list must not be displayed. This property should not be used at the same time as `tabs-included`.
          *
-         * Set this property as a stringified JSON array, e.g.,
+         * Set this property as a stringified JSON array, for example:
          * ```html
          *  <atomic-result-list tabs-excluded='["tabIDA", "tabIDB"]'></atomic-result-list>
          * ```
@@ -121,7 +122,7 @@ let AtomicResultList = class AtomicResultList extends ChildrenUpdateCompleteMixi
     }
     /**
      * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.
-     * You can use this function while working with web frameworks that don't use plain HTML syntax, e.g., React, Angular or Vue.
+     * You can use this function while working with web frameworks that don't use plain HTML syntax such as React, Angular, or Vue.
      *
      * Do not use this method if you integrate Atomic in a plain HTML deployment.
      *

package/dist/atomic/components/components/search/atomic-result-number/atomic-result-number.js

@@ -0,0 +1,114 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Schema, StringValue } from '@coveo/bueno';
+import { ResultTemplatesHelpers } from '@coveo/headless';
+import { html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { defaultNumberFormatter, } from "../../common/formats/format-common";
+import { ValidatePropsController } from "../../common/validate-props-controller/validate-props-controller";
+import { createResultContextController } from "../result-template-component-utils/context/result-context-controller";
+import { bindingGuard } from "../../../decorators/binding-guard";
+import { bindings } from "../../../decorators/bindings";
+import { errorGuard } from "../../../decorators/error-guard";
+import { InitializeBindingsMixin } from "../../../mixins/bindings-mixin";
+import { LightDomMixin } from "../../../mixins/light-dom";
+/**
+ * The `atomic-result-number` component renders the value of a numeric result field.
+ * You can embed an `atomic-format-number`, `atomic-format-currency`, or `atomic-format-unit` component inside this component to format its value.
+ */
+let AtomicResultNumber = class AtomicResultNumber extends LightDomMixin(InitializeBindingsMixin(LitElement)) {
+    constructor() {
+        super();
+        this.formatter = defaultNumberFormatter;
+        this.resultContext = createResultContextController(this);
+        this.handleNumberFormat = (event) => {
+            const customEvent = event;
+            customEvent.preventDefault();
+            customEvent.stopPropagation();
+            this.formatter = customEvent.detail;
+        };
+        new ValidatePropsController(this, () => ({ field: this.field }), new Schema({
+            field: new StringValue({
+                emptyAllowed: false,
+                required: true,
+            }),
+        }));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('atomic/numberFormat', this.handleNumberFormat);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('atomic/numberFormat', this.handleNumberFormat);
+    }
+    initialize() { }
+    render() {
+        const valueToDisplay = this.getValueToDisplay();
+        if (valueToDisplay === null) {
+            this.remove();
+            return html ``;
+        }
+        return html `${valueToDisplay}`;
+    }
+    parseValue() {
+        const value = ResultTemplatesHelpers.getResultProperty(this.result, this.field);
+        if (value === null) {
+            return null;
+        }
+        const valueAsNumber = parseFloat(`${value}`);
+        if (Number.isNaN(valueAsNumber)) {
+            throw new Error(`Could not parse "${value}" from field "${this.field}" as a number.`);
+        }
+        return valueAsNumber;
+    }
+    formatValue(value) {
+        try {
+            return this.formatter(value, this.bindings.i18n.languages);
+        }
+        catch (error) {
+            this.error = error;
+            return value.toString();
+        }
+    }
+    getValueToDisplay() {
+        try {
+            const value = this.parseValue();
+            if (value === null) {
+                return null;
+            }
+            return this.formatValue(value);
+        }
+        catch (error) {
+            this.error = error;
+        }
+    }
+    get result() {
+        return this.resultContext.item;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], AtomicResultNumber.prototype, "field", void 0);
+__decorate([
+    state()
+], AtomicResultNumber.prototype, "bindings", void 0);
+__decorate([
+    state()
+], AtomicResultNumber.prototype, "error", void 0);
+__decorate([
+    state()
+], AtomicResultNumber.prototype, "formatter", void 0);
+__decorate([
+    bindingGuard(),
+    errorGuard()
+], AtomicResultNumber.prototype, "render", null);
+AtomicResultNumber = __decorate([
+    customElement('atomic-result-number'),
+    bindings()
+], AtomicResultNumber);
+export { AtomicResultNumber };

package/dist/atomic/components/components/search/atomic-results-per-page/atomic-results-per-page.js

@@ -48,7 +48,7 @@ let AtomicResultsPerPage = class AtomicResultsPerPage extends InitializeBindings
         catch (error) {
             if (error instanceof ChoiceIsNaNError ||
                 error instanceof InitialChoiceNotInChoicesError) {
-                this.bindings.engine.logger.error(error.message, this);
+                this.bindings.engine.logger.error(error.message);
                 throw error;
             }
         }

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

@@ -46,7 +46,7 @@ let AtomicSearchBoxInstantResults = class AtomicSearchBoxInstantResults extends
     }
     /**
      * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.
-     * You can use this function while working with web frameworks that don't use plain HTML syntax, e.g., React, Angular or Vue.
+     * You can use this function while working with web frameworks that don't use plain HTML syntax such as React, Angular, or Vue.
      *
      * Do not use this method if you integrate Atomic in a plain HTML deployment.
      *

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

@@ -98,7 +98,7 @@ let AtomicSearchInterface = class AtomicSearchInterface extends ChildrenUpdateCo
         /**
          * Whether the relevance inspector shortcut should be enabled for this interface.
          *
-         * The relevance inspector can be opened by holding the Alt key (Option on Mac) while over the interface, and performing a double click.
+         * The relevance inspector can be opened by holding the Alt key (Option on Mac) while over the interface, and performing a double-click.
          *
          * The relevance inspector allows to troubleshoot and debug queries.
          * @deprecated - replaced by `disable-relevance-inspector` (this defaults to `true`, while the replacement defaults to `false`).
@@ -170,7 +170,7 @@ let AtomicSearchInterface = class AtomicSearchInterface extends ChildrenUpdateCo
     }
     /**
      * Initializes the interface using the provided [headless search engine](https://docs.coveo.com/en/headless/latest/reference/modules/Search.html, as opposed to the `initialize` method which internally builds a search engine instance.
-     * This bypasses the properties set on the component, such as analytics, searchHub, pipeline, language, timezone & logLevel.
+     * This bypasses the properties set on the component, such as analytics, searchHub, pipeline, language, timezone, and logLevel.
      */
     initializeWithSearchEngine(engine) {
         if (this.pipeline && this.pipeline !== engine.state.pipeline) {

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

@@ -25,7 +25,7 @@ let AtomicSearchLayout = class AtomicSearchLayout extends LightDomMixin(Children
         super(...arguments);
         /**
          * The viewport width at which the layout goes from desktop to mobile.
-         * E.g., 800px, 65rem.
+         * For example: 800px, 65rem.
          */
         this.mobileBreakpoint = DEFAULT_MOBILE_BREAKPOINT;
         this.layoutStylesController = new LayoutStylesController(this, buildSearchLayout, 'atomic-search-layout-');

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

@@ -4,11 +4,13 @@ export { AtomicFacet } from './atomic-facet/atomic-facet.js';
 export { AtomicHtml } from './atomic-html/atomic-html.js';
 export { AtomicLoadMoreResults } from './atomic-load-more-results/atomic-load-more-results.js';
 export { AtomicPager } from './atomic-pager/atomic-pager.js';
+export { AtomicQueryError } from './atomic-query-error/atomic-query-error.js';
 export { AtomicQuerySummary } from './atomic-query-summary/atomic-query-summary.js';
 export { AtomicRelevanceInspector } from './atomic-relevance-inspector/atomic-relevance-inspector.js';
 export { AtomicResult } from './atomic-result/atomic-result.js';
 export { AtomicResultChildrenTemplate } from './atomic-result-children-template/atomic-result-children-template.js';
 export { AtomicResultList } from './atomic-result-list/atomic-result-list.js';
+export { AtomicResultNumber } from './atomic-result-number/atomic-result-number.js';
 export { AtomicResultSectionActions } from './atomic-result-section-actions/atomic-result-section-actions.js';
 export { AtomicResultSectionBadges } from './atomic-result-section-badges/atomic-result-section-badges.js';
 export { AtomicResultSectionBottomMetadata } from './atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js';

package/dist/atomic/components/components/search/lazy-index.js

@@ -5,11 +5,13 @@ export default {
     'atomic-html': async () => await import('./atomic-html/atomic-html.js'),
     'atomic-load-more-results': async () => await import('./atomic-load-more-results/atomic-load-more-results.js'),
     'atomic-pager': async () => await import('./atomic-pager/atomic-pager.js'),
+    'atomic-query-error': async () => await import('./atomic-query-error/atomic-query-error.js'),
     'atomic-query-summary': async () => await import('./atomic-query-summary/atomic-query-summary.js'),
     'atomic-relevance-inspector': async () => await import('./atomic-relevance-inspector/atomic-relevance-inspector.js'),
     'atomic-result': async () => await import('./atomic-result/atomic-result.js'),
     'atomic-result-children-template': async () => await import('./atomic-result-children-template/atomic-result-children-template.js'),
     'atomic-result-list': async () => await import('./atomic-result-list/atomic-result-list.js'),
+    'atomic-result-number': async () => await import('./atomic-result-number/atomic-result-number.js'),
     'atomic-result-section-actions': async () => await import('./atomic-result-section-actions/atomic-result-section-actions.js'),
     'atomic-result-section-badges': async () => await import('./atomic-result-section-badges/atomic-result-section-badges.js'),
     'atomic-result-section-bottom-metadata': async () => await import('./atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js'),