@coveo/atomic 3.28.1-pre.86ce689cb5 → 3.28.1-pre.ae49fae5bb

package/dist/esm/values-container-29bf9f6b.js

@@ -0,0 +1,53 @@
+import { h } from './index-3f35faca.js';
+import { F as FacetValueCheckbox } from './stencil-facet-value-checkbox-5a90f933.js';
+import { F as FacetValueLabelHighlight } from './stencil-facet-value-label-highlight-b4083ffd.js';
+import { F as FacetValueLink } from './stencil-facet-value-link-b3b194b7.js';
+import { g as getFieldValueCaption } from './field-utils-f0146383.js';
+import { F as FacetValuesGroup } from './stencil-facet-values-group-1108573d.js';
+
+const formatHumanReadable = ({ manualRanges, field, i18n, facetValue, logger, formatter, }) => {
+    const manualRangeLabel = manualRanges.find((range) => areRangesEqual(range, facetValue))?.label;
+    return manualRangeLabel
+        ? getFieldValueCaption(field, manualRangeLabel, i18n)
+        : i18n.t('to', {
+            start: formatNumberLocalized(facetValue.start, i18n, logger, formatter),
+            end: formatNumberLocalized(facetValue.end, i18n, logger, formatter),
+        });
+};
+const formatNumberLocalized = (value, i18n, logger, formatter) => {
+    try {
+        return formatter(value, i18n.languages);
+    }
+    catch (error) {
+        logger.error(`atomic-numeric-facet facet value "${value}" could not be formatted correctly.`, error);
+        return value;
+    }
+};
+const areRangesEqual = (firstRange, secondRange) => {
+    return (firstRange.start === secondRange.start &&
+        firstRange.end === secondRange.end &&
+        firstRange.endInclusive === secondRange.endInclusive);
+};
+
+const NumericFacetValueLink = (props) => {
+    const { facetValue, displayValuesAs, i18n, onClick } = props;
+    const displayValue = formatHumanReadable(props);
+    const isSelected = facetValue.state === 'selected';
+    switch (displayValuesAs) {
+        case 'checkbox':
+            return (h(FacetValueCheckbox, { displayValue: displayValue, numberOfResults: facetValue.numberOfResults, isSelected: isSelected, i18n: i18n, onClick: () => onClick() },
+                h(FacetValueLabelHighlight, { displayValue: displayValue, isSelected: isSelected })));
+        case 'link':
+            return (h(FacetValueLink, { displayValue: displayValue, numberOfResults: facetValue.numberOfResults, isSelected: isSelected, i18n: i18n, onClick: onClick },
+                h(FacetValueLabelHighlight, { displayValue: displayValue, isSelected: isSelected })));
+    }
+};
+
+const NumericFacetValuesContainer = ({ i18n, label }, children) => {
+    return (h(FacetValuesGroup, { i18n: i18n, label: label },
+        h("ul", { class: "mt-3", part: "values" }, children)));
+};
+
+export { NumericFacetValueLink as N, NumericFacetValuesContainer as a, formatHumanReadable as f };
+
+//# sourceMappingURL=values-container-29bf9f6b.js.map

package/dist/esm/values-container-29bf9f6b.js.map

@@ -0,0 +1 @@
+{"file":"values-container-29bf9f6b.js","mappings":";;;;;;;MAqBa,mBAAmB,GAAG,CAAC,EAClC,YAAY,EACZ,KAAK,EACL,IAAI,EACJ,UAAU,EACV,MAAM,EACN,SAAS,GACa;IACtB,MAAM,gBAAgB,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,KAAK,KAC/C,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,CAClC,EAAE,KAAK,CAAC;IACT,OAAO,gBAAgB;UACnB,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,EAAE,IAAI,CAAC;UACnD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE;YACX,KAAK,EAAE,qBAAqB,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC;YACvE,GAAG,EAAE,qBAAqB,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC;SACpE,CAAC,CAAC;AACT,EAAE;AAEK,MAAM,qBAAqB,GAAG,CACnC,KAAa,EACb,IAAmC,EACnC,MAAuC,EACvC,SAA6C;IAE7C,IAAI;QACF,OAAO,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,SAAqB,CAAC,CAAC;KACrD;IAAC,OAAO,KAAK,EAAE;QACd,MAAM,CAAC,KAAK,CACV,qCAAqC,KAAK,qCAAqC,EAC/E,KAAK,CACN,CAAC;QACF,OAAO,KAAK,CAAC;KACd;AACH,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CACrB,UAA2B,EAC3B,WAA4B;IAE5B,QACE,UAAU,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK;QACtC,UAAU,CAAC,GAAG,KAAK,WAAW,CAAC,GAAG;QAClC,UAAU,CAAC,YAAY,KAAK,WAAW,CAAC,YAAY,EACpD;AACJ,CAAC;;MCtDY,qBAAqB,GAE9B,CAAC,KAAK;IACR,MAAM,EAAC,UAAU,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,EAAC,GAAG,KAAK,CAAC;IAC3D,MAAM,YAAY,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,KAAK,UAAU,CAAC;IACnD,QAAQ,eAAe;QACrB,KAAK,UAAU;YACb,QACE,EAAC,kBAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,UAAU,CAAC,eAAe,EAC3C,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,OAAO,EAAE;gBAExB,EAAC,wBAAwB,IACvB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,GACI,CACT,EACrB;QACJ,KAAK,MAAM;YACT,QACE,EAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,UAAU,CAAC,eAAe,EAC3C,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO;gBAEhB,EAAC,wBAAwB,IACvB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,GACI,CACb,EACjB;KACL;AACH;;MC1Ca,2BAA2B,GAEpC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,QAAQ;IAC1B,QACE,EAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK;QACxC,UAAI,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,IAC3B,QAAQ,CACN,CACY,EACnB;AACJ;;;;","names":[],"sources":["src/components/common/facets/numeric-facet/formatter.ts","src/components/common/facets/numeric-facet/value-link.tsx","src/components/common/facets/numeric-facet/values-container.tsx"],"sourcesContent":["import type {i18n} from 'i18next';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport type {NumberFormatter} from '../../formats/format-common';\n\nexport interface FacetValueRange {\n  endInclusive: boolean;\n  start: number;\n  end: number;\n  label?: string;\n  state: 'selected' | 'idle' | 'excluded';\n}\n\nexport interface FormatFacetValueRange {\n  field: string;\n  facetValue: FacetValueRange & {numberOfResults: number};\n  manualRanges: FacetValueRange[];\n  i18n: i18n;\n  logger: Pick<Console, 'error'>;\n  formatter: NumberFormatter;\n}\n\nexport const formatHumanReadable = ({\n  manualRanges,\n  field,\n  i18n,\n  facetValue,\n  logger,\n  formatter,\n}: FormatFacetValueRange) => {\n  const manualRangeLabel = manualRanges.find((range) =>\n    areRangesEqual(range, facetValue)\n  )?.label;\n  return manualRangeLabel\n    ? getFieldValueCaption(field, manualRangeLabel, i18n)\n    : i18n.t('to', {\n        start: formatNumberLocalized(facetValue.start, i18n, logger, formatter),\n        end: formatNumberLocalized(facetValue.end, i18n, logger, formatter),\n      });\n};\n\nexport const formatNumberLocalized = (\n  value: number,\n  i18n: FormatFacetValueRange['i18n'],\n  logger: FormatFacetValueRange['logger'],\n  formatter: FormatFacetValueRange['formatter']\n) => {\n  try {\n    return formatter(value, i18n.languages as string[]);\n  } catch (error) {\n    logger.error(\n      `atomic-numeric-facet facet value \"${value}\" could not be formatted correctly.`,\n      error\n    );\n    return value;\n  }\n};\n\nconst areRangesEqual = (\n  firstRange: FacetValueRange,\n  secondRange: FacetValueRange\n) => {\n  return (\n    firstRange.start === secondRange.start &&\n    firstRange.end === secondRange.end &&\n    firstRange.endInclusive === secondRange.endInclusive\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {FacetValueCheckbox} from '../facet-value-checkbox/stencil-facet-value-checkbox';\nimport {FacetValueLabelHighlight} from '../facet-value-label-highlight/stencil-facet-value-label-highlight';\nimport {FacetValueLink} from '../facet-value-link/stencil-facet-value-link';\nimport {FormatFacetValueRange, formatHumanReadable} from './formatter';\n\ninterface NumericFacetValueLinkProps extends FormatFacetValueRange {\n  onClick: () => void;\n  logger: Pick<Console, 'error'>;\n  displayValuesAs: 'checkbox' | 'link';\n}\n\nexport const NumericFacetValueLink: FunctionalComponent<\n  NumericFacetValueLinkProps\n> = (props) => {\n  const {facetValue, displayValuesAs, i18n, onClick} = props;\n  const displayValue = formatHumanReadable(props);\n  const isSelected = facetValue.state === 'selected';\n  switch (displayValuesAs) {\n    case 'checkbox':\n      return (\n        <FacetValueCheckbox\n          displayValue={displayValue}\n          numberOfResults={facetValue.numberOfResults}\n          isSelected={isSelected}\n          i18n={i18n}\n          onClick={() => onClick()}\n        >\n          <FacetValueLabelHighlight\n            displayValue={displayValue}\n            isSelected={isSelected}\n          ></FacetValueLabelHighlight>\n        </FacetValueCheckbox>\n      );\n    case 'link':\n      return (\n        <FacetValueLink\n          displayValue={displayValue}\n          numberOfResults={facetValue.numberOfResults}\n          isSelected={isSelected}\n          i18n={i18n}\n          onClick={onClick}\n        >\n          <FacetValueLabelHighlight\n            displayValue={displayValue}\n            isSelected={isSelected}\n          ></FacetValueLabelHighlight>\n        </FacetValueLink>\n      );\n  }\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {FacetValuesGroup} from '../facet-values-group/stencil-facet-values-group';\n\ninterface NumericFacetValuesContainerProps {\n  i18n: i18n;\n  label: string;\n}\nexport const NumericFacetValuesContainer: FunctionalComponent<\n  NumericFacetValuesContainerProps\n> = ({i18n, label}, children) => {\n  return (\n    <FacetValuesGroup i18n={i18n} label={label}>\n      <ul class=\"mt-3\" part=\"values\">\n        {children}\n      </ul>\n    </FacetValuesGroup>\n  );\n};\n"],"version":3}

package/dist/esm/version.js

@@ -1,2 +1,2 @@
-export const headlessVersion = '3.27.3-pre.86ce689cb5';
-export const atomicVersion = '3.28.1-pre.86ce689cb5';
+export const headlessVersion = '3.27.3-pre.ae49fae5bb';
+export const atomicVersion = '3.28.1-pre.ae49fae5bb';

package/dist/types/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.d.ts

@@ -1,7 +1,7 @@
-import { InitializableComponent } from "../../../decorators/types";
-import { BreadcrumbManager, BreadcrumbManagerState, Context, ContextState, ProductListing, Search } from '@coveo/headless/commerce';
-import { CSSResultGroup, LitElement } from 'lit';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
+import { type BreadcrumbManager, type BreadcrumbManagerState, type Context, type ContextState, type ProductListing, type Search } from '@coveo/headless/commerce';
+import { type CSSResultGroup, LitElement } from 'lit';
+import type { InitializableComponent } from "../../../decorators/types";
+import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * The `atomic-commerce-breadbox` component creates breadcrumbs that display a summary of the currently active facet values.
  *

package/dist/types/components/commerce/atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.d.ts

@@ -1,7 +1,7 @@
-import { InitializableComponent } from "../../../decorators/types";
-import { DidYouMean, QueryTrigger } from '@coveo/headless/commerce';
+import { type DidYouMean, type QueryTrigger } from '@coveo/headless/commerce';
 import { LitElement } from 'lit';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
+import type { InitializableComponent } from "../../../decorators/types";
+import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * @alpha
  *

package/dist/types/components/commerce/atomic-commerce-interface/analytics-config.d.ts

@@ -1,2 +1,2 @@
-import { CommerceEngineConfiguration } from '@coveo/headless/commerce';
+import type { CommerceEngineConfiguration } from '@coveo/headless/commerce';
 export declare function getAnalyticsConfig(commerceEngineConfig: CommerceEngineConfiguration, enabled: boolean): CommerceEngineConfiguration['analytics'];

package/dist/types/components/commerce/atomic-commerce-interface/atomic-commerce-interface.d.ts

@@ -1,9 +1,9 @@
-import { CommerceEngine, CommerceEngineConfiguration, Context, LogLevel, ProductListing, ProductListingSummaryState, Search, SearchSummaryState, Summary, UrlManager } from '@coveo/headless/commerce';
-import { i18n } from 'i18next';
-import { CSSResultGroup, LitElement } from 'lit';
-import { CommonBindings } from '../../common/interface/bindings';
-import { BaseAtomicInterface } from '../../common/interface/interface-common';
-import { CommerceStore } from '../atomic-commerce-interface/store';
+import { type CommerceEngine, type CommerceEngineConfiguration, type Context, type LogLevel, type ProductListing, type ProductListingSummaryState, type Search, type SearchSummaryState, type Summary, type UrlManager } from '@coveo/headless/commerce';
+import { type i18n } from 'i18next';
+import { type CSSResultGroup, LitElement } from 'lit';
+import type { CommonBindings } from '../../common/interface/bindings';
+import { type BaseAtomicInterface } from '../../common/interface/interface-common';
+import { type CommerceStore } from '../atomic-commerce-interface/store';
 export type CommerceInitializationOptions = CommerceEngineConfiguration;
 export type CommerceBindings = CommonBindings<CommerceEngine, CommerceStore, AtomicCommerceInterface>;
 declare const AtomicCommerceInterface_base: typeof LitElement;

package/dist/types/components/commerce/atomic-commerce-interface/store.d.ts

@@ -1,5 +1,5 @@
-import { CommerceEngine, ChildProduct } from '@coveo/headless/commerce';
-import { BaseStore, ResultListInfo } from '../../common/interface/store';
+import { type ChildProduct, type CommerceEngine } from '@coveo/headless/commerce';
+import { type BaseStore, type ResultListInfo } from '../../common/interface/store';
 interface Data {
     loadingFlags: string[];
     iconAssetsPath: string;

package/dist/types/components/commerce/atomic-commerce-load-more-products/atomic-commerce-load-more-products.d.ts

@@ -1,7 +1,7 @@
-import { InitializableComponent } from "../../../decorators/types";
-import { Pagination, ProductListing, Search } from '@coveo/headless/commerce';
-import { CSSResultGroup, LitElement } from 'lit';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
+import { type Pagination, type ProductListing, type Search } from '@coveo/headless/commerce';
+import { type CSSResultGroup, LitElement } from 'lit';
+import type { InitializableComponent } from "../../../decorators/types";
+import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * The `atomic-commerce-load-more-products` component allows the user to load additional products if more are available.
  *

package/dist/types/components/commerce/atomic-commerce-no-products/atomic-commerce-no-products.d.ts

@@ -1,8 +1,8 @@
-import { InitializableComponent } from "../../../decorators/types";
-import { AriaLiveRegionController } from "../../../utils/accessibility-utils";
-import { SearchSummaryState, ProductListingSummaryState, Summary } from '@coveo/headless/commerce';
+import { type ProductListingSummaryState, type SearchSummaryState, type Summary } from '@coveo/headless/commerce';
 import { LitElement } from 'lit';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface.js';
+import type { InitializableComponent } from "../../../decorators/types";
+import { AriaLiveRegionController } from "../../../utils/accessibility-utils";
+import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface.js';
 /**
  * @alpha
  *

package/dist/types/components/commerce/atomic-commerce-pager/atomic-commerce-pager.d.ts

@@ -1,7 +1,7 @@
-import { InitializableComponent } from "../../../decorators/types";
-import { Pagination, PaginationState, ProductListing, Search } from '@coveo/headless/commerce';
+import { type Pagination, type PaginationState, type ProductListing, type Search } from '@coveo/headless/commerce';
 import { LitElement } from 'lit';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
+import type { InitializableComponent } from "../../../decorators/types";
+import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * The `atomic-commerce-pager` component enables users to navigate through paginated product results.
  *

package/dist/types/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.d.ts

@@ -1,8 +1,8 @@
+import { type ProductListing, type ProductListingState, type ProductListingSummaryState, type Search, type SearchState, type SearchSummaryState, type Summary } from '@coveo/headless/commerce';
+import { type CSSResultGroup, LitElement } from 'lit';
 import type { ItemRenderingFunction } from "../../../components";
-import { InitializableComponent } from "../../../decorators/types";
-import { ProductListing, ProductListingState, ProductListingSummaryState, Search, SearchState, SearchSummaryState, Summary } from '@coveo/headless/commerce';
-import { CSSResultGroup, LitElement } from 'lit';
-import { ItemDisplayDensity, ItemDisplayImageSize, ItemDisplayLayout } from '../../common/layout/display-options.js';
+import type { InitializableComponent } from "../../../decorators/types";
+import { type ItemDisplayDensity, type ItemDisplayImageSize, type ItemDisplayLayout } from '../../common/layout/display-options.js';
 import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface.js';
 /**
  * The `atomic-commerce-product-list` component is responsible for displaying products.
@@ -34,7 +34,6 @@ export declare class AtomicCommerceProductList extends LitElement implements Ini
     private productListCommon;
     private productTemplateProvider;
     private unsubscribeSummary;
-    constructor();
     bindings: CommerceBindings;
     error: Error;
     private isAppLoaded;

package/dist/types/components/commerce/atomic-commerce-products-per-page/atomic-commerce-products-per-page.d.ts

@@ -1,7 +1,7 @@
-import type { CommerceBindings } from "../atomic-commerce-interface/atomic-commerce-interface";
-import { InitializableComponent } from "../../../decorators/types";
-import { Pagination, Summary } from '@coveo/headless/commerce';
+import { type Pagination, type Summary } from '@coveo/headless/commerce';
 import { LitElement } from 'lit';
+import type { CommerceBindings } from "../atomic-commerce-interface/atomic-commerce-interface";
+import type { InitializableComponent } from "../../../decorators/types";
 /**
  * The `atomic-commerce-products-per-page` component lets the end user select how many products to display per page.
  *

package/dist/types/components/commerce/atomic-commerce-query-summary/atomic-commerce-query-summary.d.ts

@@ -1,8 +1,8 @@
-import { InitializableComponent } from "../../../decorators/types";
+import { type ProductListingSummaryState, type SearchSummaryState, type Summary } from '@coveo/headless/commerce';
+import { type CSSResultGroup, LitElement } from 'lit';
+import type { InitializableComponent } from "../../../decorators/types";
 import { AriaLiveRegionController } from "../../../utils/accessibility-utils";
-import { ProductListingSummaryState, SearchSummaryState, Summary } from '@coveo/headless/commerce';
-import { CSSResultGroup, LitElement } from 'lit';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
+import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * The `atomic-commerce-query-summary` component displays information about the current range of products and the request duration (e.g., "Products 1-10 of 123").
  *

package/dist/types/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.d.ts

@@ -1,10 +1,10 @@
-import { CommerceEngine, CommerceEngineConfiguration, Context } from '@coveo/headless/commerce';
+import { type CommerceEngine, type CommerceEngineConfiguration, type Context } from '@coveo/headless/commerce';
 import type { CurrencyCodeISO4217 } from '@coveo/relay-event-types';
-import { i18n } from 'i18next';
-import { CSSResultGroup, LitElement } from 'lit';
-import { AdoptedStylesBindings, CommonBindings } from '../../common/interface/bindings.js';
-import { BaseAtomicInterface } from '../../common/interface/interface-common.js';
-import { CommerceRecommendationStore } from './store.js';
+import { type i18n } from 'i18next';
+import { type CSSResultGroup, LitElement } from 'lit';
+import type { AdoptedStylesBindings, CommonBindings } from '../../common/interface/bindings.js';
+import { type BaseAtomicInterface } from '../../common/interface/interface-common.js';
+import { type CommerceRecommendationStore } from './store.js';
 export type CommerceInitializationOptions = CommerceEngineConfiguration;
 export type CommerceBindings = CommonBindings<CommerceEngine, CommerceRecommendationStore, AtomicCommerceRecommendationInterface> & AdoptedStylesBindings;
 declare const AtomicCommerceRecommendationInterface_base: typeof LitElement;

package/dist/types/components/commerce/atomic-commerce-recommendation-interface/store.d.ts

@@ -1,4 +1,4 @@
-import { BaseStore, ResultListInfo } from '../../common/interface/store';
+import { type BaseStore, type ResultListInfo } from '../../common/interface/store';
 interface Data {
     loadingFlags: string[];
     iconAssetsPath: string;

package/dist/types/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.d.ts

@@ -1,9 +1,9 @@
-import { CommerceBindings } from "../atomic-commerce-interface/atomic-commerce-interface";
-import { ItemRenderingFunction } from "../../common/item-list/item-list-common";
-import { ItemDisplayBasicLayout, ItemDisplayDensity, ItemDisplayImageSize } from "../../common/layout/display-options";
-import { InitializableComponent } from "../../../decorators/types";
-import { Recommendations, RecommendationsState, RecommendationsSummaryState, Summary } from '@coveo/headless/commerce';
-import { CSSResultGroup, LitElement } from 'lit';
+import { type Recommendations, type RecommendationsState, type RecommendationsSummaryState, type Summary } from '@coveo/headless/commerce';
+import { type CSSResultGroup, LitElement } from 'lit';
+import { type ItemRenderingFunction } from "../../common/item-list/item-list-common";
+import { type ItemDisplayBasicLayout, type ItemDisplayDensity, type ItemDisplayImageSize } from "../../common/layout/display-options";
+import type { InitializableComponent } from "../../../decorators/types";
+import type { CommerceBindings } from '../atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface';
 declare const AtomicCommerceRecommendationList_base: typeof LitElement;
 /**
  * The `atomic-commerce-recommendation-list` component displays a list of product recommendations by applying one or more product templates.

package/dist/types/components/commerce/atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.d.ts

@@ -1,7 +1,7 @@
-import { Summary } from '@coveo/headless/commerce';
-import { InitializableComponent } from "../../../decorators/types";
+import { type Summary } from '@coveo/headless/commerce';
 import { LitElement } from 'lit';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
+import type { InitializableComponent } from "../../../decorators/types";
+import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * The `atomic-commerce-refine-toggle` component displays a button that opens a modal containing the facets and the sort components.
  *

package/dist/types/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.d.ts

@@ -1,8 +1,8 @@
-import { InitializableComponent } from "../../../decorators/types";
+import { type SearchBox, type StandaloneSearchBox } from '@coveo/headless/commerce';
+import { type CSSResultGroup, LitElement } from 'lit';
+import type { InitializableComponent } from "../../../decorators/types";
 import { AriaLiveRegionController } from "../../../utils/accessibility-utils";
-import { SearchBox, StandaloneSearchBox } from '@coveo/headless/commerce';
-import { CSSResultGroup, LitElement } from 'lit';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
+import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * The `atomic-commerce-search-box` component enables users to perform product searches with built-in query suggestions and optional redirection to a search results page.
  *

package/dist/types/components/commerce/atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.d.ts

@@ -1,10 +1,10 @@
-import { ItemRenderingFunction } from "../../common/item-list/item-list-common";
-import { ItemDisplayDensity, ItemDisplayImageSize } from "../../common/layout/display-options";
-import { SearchBoxSuggestions, SearchBoxSuggestionsBindings } from "../../common/suggestions/suggestions-common";
-import { SearchBoxSuggestionsComponent } from "../../../decorators/types";
-import { Product, SearchBox } from '@coveo/headless/commerce';
+import { type Product, type SearchBox } from '@coveo/headless/commerce';
 import { LitElement } from 'lit';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
+import type { ItemRenderingFunction } from "../../common/item-list/item-list-common";
+import type { ItemDisplayDensity, ItemDisplayImageSize } from "../../common/layout/display-options";
+import { type SearchBoxSuggestions, type SearchBoxSuggestionsBindings } from "../../common/suggestions/suggestions-common";
+import type { SearchBoxSuggestionsComponent } from "../../../decorators/types";
+import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 export type AriaLabelGenerator = (bindings: CommerceBindings, product: Product) => string | undefined;
 /**
  * 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 products behavior.

package/dist/types/components/commerce/atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.d.ts

@@ -1,8 +1,8 @@
-import { SearchBoxSuggestions, SearchBoxSuggestionsBindings } from "../../common/suggestions/suggestions-common";
-import { SearchBoxSuggestionsComponent } from "../../../decorators/types";
-import { SearchBox } from '@coveo/headless/commerce';
+import { type SearchBox } from '@coveo/headless/commerce';
 import { LitElement } from 'lit';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
+import { type SearchBoxSuggestions, type SearchBoxSuggestionsBindings } from "../../common/suggestions/suggestions-common";
+import type { SearchBoxSuggestionsComponent } from "../../../decorators/types";
+import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * 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

package/dist/types/components/commerce/atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.d.ts

@@ -1,8 +1,8 @@
-import { SearchBoxSuggestionsComponent } from "../../../decorators/types";
-import { SearchBox } from '@coveo/headless/commerce';
+import { type SearchBox } from '@coveo/headless/commerce';
 import { LitElement } from 'lit';
-import { SearchBoxSuggestions, SearchBoxSuggestionsBindings } from '../../common/suggestions/suggestions-common';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
+import type { SearchBoxSuggestionsComponent } from "../../../decorators/types";
+import { type SearchBoxSuggestions, type SearchBoxSuggestionsBindings } from '../../common/suggestions/suggestions-common';
+import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * 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.
  *

package/dist/types/components/commerce/atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.d.ts

@@ -1,7 +1,7 @@
-import { Sort, SortState, Search, ProductListing, SearchState, ProductListingState } from '@coveo/headless/commerce';
-import { CSSResultGroup, LitElement } from 'lit';
-import { InitializableComponent } from '../../../decorators/types';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
+import { type ProductListing, type ProductListingState, type Search, type SearchState, type Sort, type SortState } from '@coveo/headless/commerce';
+import { type CSSResultGroup, LitElement } from 'lit';
+import type { InitializableComponent } from '../../../decorators/types';
+import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * 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.
  *

package/dist/types/components/commerce/atomic-commerce-text/atomic-commerce-text.d.ts

@@ -1,6 +1,6 @@
-import { InitializableComponent } from "../../../decorators/types";
 import { LitElement } from 'lit';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
+import type { InitializableComponent } from "../../../decorators/types";
+import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 declare const AtomicCommerceText_base: typeof LitElement;
 /**
  * @alpha

package/dist/types/components/commerce/atomic-product/atomic-product.d.ts

@@ -1,11 +1,11 @@
-import { Product, InteractiveProduct } from '@coveo/headless/commerce';
-import { CSSResultGroup, LitElement } from 'lit';
-import { InteractiveProductContextEvent, ProductContextEvent } from '../../../decorators/commerce/product-template-decorators';
-import { DisplayConfig } from '../../common/item-list/context/item-display-config-context-controller';
-import { ItemRenderingFunction } from '../../common/item-list/item-list-common';
-import { ItemDisplayDensity, ItemDisplayImageSize, ItemDisplayLayout } from '../../common/layout/display-options';
-import { CommerceStore } from '../atomic-commerce-interface/store';
-import { CommerceRecommendationStore } from '../atomic-commerce-recommendation-interface/store';
+import type { InteractiveProduct, Product } from '@coveo/headless/commerce';
+import { type CSSResultGroup, LitElement } from 'lit';
+import type { InteractiveProductContextEvent, ProductContextEvent } from '../../../decorators/commerce/product-template-decorators';
+import type { DisplayConfig } from '../../common/item-list/context/item-display-config-context-controller';
+import { type ItemRenderingFunction } from '../../common/item-list/item-list-common';
+import { type ItemDisplayDensity, type ItemDisplayImageSize, type ItemDisplayLayout } from '../../common/layout/display-options';
+import type { CommerceStore } from '../atomic-commerce-interface/store';
+import type { CommerceRecommendationStore } from '../atomic-commerce-recommendation-interface/store';
 /**
  * The `atomic-product` component is used internally by the `atomic-commerce-product-list` and `atomic-commerce-recommendation-list` components.
  */

package/dist/types/components/commerce/atomic-product-children/select-child-product-event.d.ts

@@ -1,4 +1,4 @@
-import { ChildProduct } from '@coveo/headless/commerce';
+import type { ChildProduct } from '@coveo/headless/commerce';
 export interface SelectChildProductEventArgs {
     child: ChildProduct;
 }

package/dist/types/components/commerce/atomic-product-template/atomic-product-template.d.ts

@@ -1,6 +1,6 @@
-import { LitElementWithError } from "../../../decorators/types";
-import { ProductTemplate, ProductTemplateCondition } from '@coveo/headless/commerce';
+import type { ProductTemplate, ProductTemplateCondition } from '@coveo/headless/commerce';
 import { LitElement } from 'lit';
+import type { LitElementWithError } from "../../../decorators/types";
 import '../atomic-commerce-text/atomic-commerce-text';
 import '../atomic-product-text/atomic-product-text';
 import '../atomic-product/atomic-product';

package/dist/types/components/commerce/atomic-product-text/atomic-product-text.d.ts

@@ -1,6 +1,6 @@
-import { InitializableComponent } from "../../../decorators/types";
 import { LitElement } from 'lit';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
+import type { InitializableComponent } from "../../../decorators/types";
+import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 import '../atomic-commerce-text/atomic-commerce-text';
 /**
  * The `atomic-product-text` component renders the value of a string field for a given product.

package/dist/types/components/commerce/product-list/product-template-provider.d.ts

@@ -1,6 +1,6 @@
-import { Product, Template } from '@coveo/headless/commerce';
-import { ItemTarget } from '../../common/layout/display-options';
-import { TemplateProvider, TemplateProviderProps } from '../../common/template-provider/template-provider';
+import { type Product, type Template } from '@coveo/headless/commerce';
+import type { ItemTarget } from '../../common/layout/display-options';
+import { TemplateProvider, type TemplateProviderProps } from '../../common/template-provider/template-provider';
 import '../atomic-product-template/atomic-product-template.js';
 export declare class ProductTemplateProvider extends TemplateProvider<Product> {
     private gridCellLinkTarget?;

package/dist/types/components/commerce/product-list/stencil-product-template-provider.d.ts

@@ -1,6 +1,6 @@
-import { Product, Template } from '@coveo/headless/commerce';
-import { ItemTarget } from '../../common/layout/display-options';
-import { TemplateProvider, TemplateProviderProps } from '../../common/template-provider/template-provider';
+import { type Product, type Template } from '@coveo/headless/commerce';
+import type { ItemTarget } from '../../common/layout/display-options';
+import { TemplateProvider, type TemplateProviderProps } from '../../common/template-provider/template-provider';
 export declare class ProductTemplateProvider extends TemplateProvider<Product> {
     private gridCellLinkTarget?;
     constructor(props: TemplateProviderProps<Product>, gridCellLinkTarget?: ItemTarget | undefined);

package/dist/types/components/commerce/product-template-component-utils/product-utils.d.ts

@@ -1,5 +1,5 @@
-import { Product } from '@coveo/headless/commerce';
-import { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
+import { type Product } from '@coveo/headless/commerce';
+import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 export declare function parseValue(product: Product, field: string): number | null;
 export declare function getStringValueFromProductOrNull(product: Product, field: string): string | null;
 export declare function buildStringTemplateFromProduct(template: string, product: Product, bindings: CommerceBindings): string;

package/dist/types/components/commerce/sort/option.d.ts

@@ -1,6 +1,6 @@
-import { FunctionalComponent } from "../../../utils/functional-component-utils";
-import { SortCriterion } from '@coveo/headless/commerce';
-import { SortOptionProps } from '../../common/sort/option';
+import type { SortCriterion } from '@coveo/headless/commerce';
+import type { FunctionalComponent } from "../../../utils/functional-component-utils";
+import { type SortOptionProps } from '../../common/sort/option';
 export interface CommerceSortOptionProps extends Omit<SortOptionProps, 'label' | 'value'> {
     sort: SortCriterion;
 }

package/dist/types/components/common/atomic-icon/atomic-icon.d.ts

@@ -1,6 +1,6 @@
-import { InitializableComponent } from "../../../decorators/types";
 import { LitElement } from 'lit';
-import { AnyBindings } from '../interface/bindings';
+import type { InitializableComponent } from "../../../decorators/types";
+import type { AnyBindings } from '../interface/bindings';
 declare const AtomicIcon_base: typeof LitElement;
 /**
  * The `atomic-icon` component displays an SVG icon with a 1:1 aspect ratio.
@@ -24,7 +24,7 @@ export declare class AtomicIcon extends AtomicIcon_base implements Initializable
     private validateSVG;
     private getIcon;
     updateIcon(): Promise<void>;
-    initialize(): void;
+    initialize(): Promise<void>;
     render(): import("lit-html").TemplateResult<2>;
 }
 declare global {

package/dist/types/components/common/atomic-layout-section/atomic-layout-section.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { Section } from './sections';
+import type { Section } from './sections';
 /**
  * The `atomic-layout-section` lets you identify various sections for the related `atomic-search-layout` or `atomic-commerce-layout` component.
  *

package/dist/types/components/common/atomic-layout-section/sections.d.ts

@@ -1,4 +1,4 @@
-import { AtomicLayoutSection } from './atomic-layout-section';
+import type { AtomicLayoutSection } from './atomic-layout-section';
 export type Section = 'search' | 'facets' | 'main' | 'status' | 'results' | 'horizontal-facets' | 'products' | 'pagination';
 export declare function findSection(element: HTMLElement, section: Section): AtomicLayoutSection | null;
 export declare function sectionSelector(section: Section): string;

package/dist/types/components/common/atomic-result-placeholder/item-placeholders.d.ts

@@ -1,5 +1,5 @@
-import { ItemDisplayDensity, ItemDisplayImageSize, ItemDisplayLayout } from "../../../components";
-import { FunctionalComponent } from "../../../utils/functional-component-utils";
+import type { ItemDisplayDensity, ItemDisplayImageSize, ItemDisplayLayout } from "../../../components";
+import type { FunctionalComponent } from "../../../utils/functional-component-utils";
 export interface ItemPlaceholdersProps {
     density: ItemDisplayDensity;
     display: ItemDisplayLayout;

package/dist/types/components/common/breadbox/breadcrumb-button.d.ts

@@ -1,6 +1,6 @@
-import { FunctionalComponentWithChildren } from "../../../utils/functional-component-utils";
-import { i18n } from 'i18next';
-import { Breadcrumb } from './breadcrumb-types';
+import type { i18n } from 'i18next';
+import type { FunctionalComponentWithChildren } from "../../../utils/functional-component-utils";
+import type { Breadcrumb } from './breadcrumb-types';
 export interface BreadcrumbButtonProps {
     onSelectBreadcrumb: () => void;
     refCallback: (el?: HTMLButtonElement) => void;

package/dist/types/components/common/breadbox/breadcrumb-clear-all.d.ts

@@ -1,5 +1,5 @@
-import { FunctionalComponent } from "../../../utils/functional-component-utils";
-import { i18n } from 'i18next';
+import type { i18n } from 'i18next';
+import type { FunctionalComponent } from "../../../utils/functional-component-utils";
 export interface BreadcrumbClearAllProps {
     refCallback: (el: HTMLButtonElement) => void;
     onClick: ((event?: MouseEvent | undefined) => void) | undefined;

package/dist/types/components/common/breadbox/breadcrumb-container.d.ts

@@ -1,5 +1,5 @@
-import { FunctionalComponentWithChildren } from "../../../utils/functional-component-utils";
-import { i18n } from 'i18next';
+import type { i18n } from 'i18next';
+import type { FunctionalComponentWithChildren } from "../../../utils/functional-component-utils";
 export interface BreadcrumbContainerProps {
     isCollapsed: boolean;
     i18n: i18n;

package/dist/types/components/common/breadbox/breadcrumb-content.d.ts

@@ -1,6 +1,6 @@
-import { FunctionalComponent } from "../../../utils/functional-component-utils";
-import { i18n } from 'i18next';
-import { Breadcrumb } from './breadcrumb-types';
+import type { i18n } from 'i18next';
+import type { FunctionalComponent } from "../../../utils/functional-component-utils";
+import type { Breadcrumb } from './breadcrumb-types';
 export interface BreadcrumbContentProps {
     pathLimit: number;
     isCollapsed: boolean;

package/dist/types/components/common/breadbox/breadcrumb-show-less.d.ts

@@ -1,5 +1,5 @@
-import { FunctionalComponent } from "../../../utils/functional-component-utils";
-import { i18n } from 'i18next';
+import type { i18n } from 'i18next';
+import type { FunctionalComponent } from "../../../utils/functional-component-utils";
 export interface BreadcrumbShowLessProps {
     onShowLess: () => void;
     isCollapsed: boolean;

package/dist/types/components/common/breadbox/breadcrumb-show-more.d.ts

@@ -1,5 +1,5 @@
-import { FunctionalComponent } from "../../../utils/functional-component-utils";
-import { i18n } from 'i18next';
+import type { i18n } from 'i18next';
+import type { FunctionalComponent } from "../../../utils/functional-component-utils";
 export interface BreadcrumbShowMoreProps {
     refCallback: (el: HTMLButtonElement) => void;
     onShowMore: () => void;

package/dist/types/components/common/breadbox/breadcrumb-types.d.ts

@@ -1,4 +1,4 @@
-import { FacetValueFormat } from '../facets/facet-common-store';
+import type { FacetValueFormat } from '../facets/facet-common-store';
 export interface Breadcrumb {
     facetId: string;
     label: string;

package/dist/types/components/common/breadbox/breadcrumb-utils.d.ts

@@ -1,3 +1,3 @@
-import { Breadcrumb } from './breadcrumb-types';
+import type { Breadcrumb } from './breadcrumb-types';
 export declare function joinBreadcrumbValues(breadcrumb: Breadcrumb): string;
 export declare function getFirstBreadcrumbValue(breadcrumb: Breadcrumb, pathLimit: number): string;