@coveo/atomic 3.35.0-pre.e9982a2757 → 3.35.0-pre.f4c6e9e90e

package/dist/esm/timeframe-facet-common-33642d0d.js

@@ -0,0 +1,212 @@
+import { h } from './index-3f35faca.js';
+import { p as parseDate } from './date-utils-e07b72d6.js';
+import { g as getFieldValueCaption } from './field-utils-f0146383.js';
+import { r as randomID } from './utils-6400ebde.js';
+import { H as Hidden } from './initialization-utils-ffbc4136.js';
+import { F as FacetHeader, b as FacetPlaceholder, a as FacetContainer } from './facet-placeholder-5c76d381.js';
+import { F as FacetValueLabelHighlight } from './stencil-facet-value-label-highlight-f4518687.js';
+import { F as FacetValueLink } from './stencil-facet-value-link-cf3f9c2d.js';
+import { F as FacetValuesGroup } from './stencil-facet-values-group-fefc8abb.js';
+import { i as initializePopover } from './popover-type-895c0e24.js';
+import { b as shouldDisplayInputForFacetRange } from './stencil-facet-common-e4c271f2.js';
+
+class TimeframeFacetCommon {
+    constructor(props) {
+        this.props = props;
+        this.manualTimeframes = [];
+        this.facetId = this.determineFacetId;
+        this.props.setFacetId(this.facetId);
+        this.manualTimeframes = this.getManualTimeframes();
+        // Initialize two facets: One that is actually used to display values for end users, which only exists
+        // if we need to display something to the end user (ie: timeframes > 0)
+        // A second facet is initialized only to verify the results count. It is never used to display results to end user.
+        // It serves as a way to determine if the input should be rendered or not, independent of the ranges configured in the component
+        if (this.manualTimeframes.length > 0) {
+            this.facetForDateRange = this.props.initializeFacetForDateRange(this.currentValues);
+        }
+        if (this.props.withDatePicker) {
+            this.facetForDatePicker = this.props.initializeFacetForDatePicker();
+            this.facetForDatePickerDependenciesManager =
+                this.props.buildDependenciesManager(this.facetForDatePicker.state.facetId);
+            this.filter = this.props.initializeFilter();
+        }
+        if (this.facetForDateRange) {
+            this.facetForDateRangeDependenciesManager =
+                this.props.buildDependenciesManager(this.facetForDateRange?.state.facetId);
+        }
+        if (this.filter) {
+            this.filterDependenciesManager = this.props.buildDependenciesManager(this.filter?.state.facetId);
+        }
+        this.registerFacetToStore();
+    }
+    get determineFacetId() {
+        if (this.props.facetId) {
+            return this.props.facetId;
+        }
+        if (this.props.bindings.store.state.dateFacets[this.props.field]) {
+            return randomID(`${this.props.field}_`);
+        }
+        return this.props.field;
+    }
+    get enabled() {
+        return (this.facetForDateRange?.state.enabled ??
+            this.filter?.state.enabled ??
+            true);
+    }
+    get valuesToRender() {
+        return (this.facetForDateRange?.state.values.filter((value) => value.numberOfResults || value.state !== 'idle') || []);
+    }
+    get shouldRenderValues() {
+        return !this.hasInputRange && !!this.valuesToRender.length;
+    }
+    get shouldRenderFacet() {
+        return this.shouldRenderInput || this.shouldRenderValues;
+    }
+    get shouldRenderInput() {
+        return shouldDisplayInputForFacetRange({
+            hasInput: this.props.withDatePicker,
+            hasInputRange: this.hasInputRange,
+            searchStatusState: this.props.getSearchStatusState(),
+            facetValues: this.facetForDatePicker?.state?.values || [],
+        });
+    }
+    get hasValues() {
+        if (this.facetForDatePicker?.state.values.length) {
+            return true;
+        }
+        return !!this.valuesToRender.length;
+    }
+    get numberOfSelectedValues() {
+        if (this.filter?.state?.range) {
+            return 1;
+        }
+        return (this.facetForDateRange?.state.values.filter(({ state }) => state === 'selected').length || 0);
+    }
+    get hasInputRange() {
+        return !!this.filter?.state.range;
+    }
+    get currentValues() {
+        return this.manualTimeframes.map(({ period, amount, unit }) => period === 'past'
+            ? this.props.buildDateRange({
+                start: { period, unit, amount },
+                end: { period: 'now' },
+            })
+            : this.props.buildDateRange({
+                start: { period: 'now' },
+                end: { period, unit, amount },
+            }));
+    }
+    disconnectedCallback() {
+        if (this.props.host.isConnected) {
+            return;
+        }
+        this.facetForDateRangeDependenciesManager?.stopWatching();
+        this.facetForDatePickerDependenciesManager?.stopWatching();
+        this.filterDependenciesManager?.stopWatching();
+    }
+    get isHidden() {
+        return !this.shouldRenderFacet || !this.enabled;
+    }
+    registerFacetToStore() {
+        const facetInfo = {
+            label: () => this.props.bindings.i18n.t(this.props.label),
+            facetId: this.facetId,
+            element: this.props.host,
+            isHidden: () => this.isHidden,
+        };
+        this.props.bindings.store.registerFacet('dateFacets', {
+            ...facetInfo,
+            format: (value) => this.formatFacetValue(value),
+        });
+        initializePopover(this.props.host, {
+            ...facetInfo,
+            hasValues: () => this.hasValues,
+            numberOfActiveValues: () => this.numberOfSelectedValues,
+        });
+        if (this.filter) {
+            this.props.bindings.store.state.dateFacets[this.filter.state.facetId] =
+                this.props.bindings.store.state.dateFacets[this.facetId];
+        }
+    }
+    getManualTimeframes() {
+        return Array.from(this.props.host.querySelectorAll('atomic-timeframe')).map(({ label, amount, unit, period }) => ({
+            label,
+            amount,
+            unit,
+            period,
+        }));
+    }
+    formatFacetValue(facetValue) {
+        try {
+            const startDate = this.props.deserializeRelativeDate(facetValue.start);
+            const relativeDate = startDate.period === 'past'
+                ? startDate
+                : this.props.deserializeRelativeDate(facetValue.end);
+            const timeframe = this.getManualTimeframes().find((timeframe) => timeframe.period === relativeDate.period &&
+                timeframe.unit === relativeDate.unit &&
+                timeframe.amount === relativeDate.amount);
+            if (timeframe?.label) {
+                return getFieldValueCaption(this.props.field, timeframe.label, this.props.bindings.i18n);
+            }
+            return this.props.bindings.i18n.t(`${relativeDate.period}-${relativeDate.unit}`, {
+                count: relativeDate.amount,
+            });
+        }
+        catch (error) {
+            return this.props.bindings.i18n.t('to', {
+                start: parseDate(facetValue.start).format('YYYY-MM-DD'),
+                end: parseDate(facetValue.end).format('YYYY-MM-DD'),
+            });
+        }
+    }
+    renderValues() {
+        return this.renderValuesContainer(this.valuesToRender.map((value) => this.renderValue(value)));
+    }
+    renderValue(facetValue) {
+        const displayValue = this.formatFacetValue(facetValue);
+        const isSelected = facetValue.state === 'selected';
+        const isExcluded = facetValue.state === 'excluded';
+        return (h(FacetValueLink, { displayValue: displayValue, isSelected: isSelected, numberOfResults: facetValue.numberOfResults, i18n: this.props.bindings.i18n, onClick: () => this.facetForDateRange.toggleSingleSelect(facetValue) },
+            h(FacetValueLabelHighlight, { displayValue: displayValue, isSelected: isSelected, isExcluded: isExcluded })));
+    }
+    renderValuesContainer(children) {
+        return (h(FacetValuesGroup, { i18n: this.props.bindings.i18n, label: this.props.label },
+            h("ul", { class: "mt-3", part: "values" }, children)));
+    }
+    renderHeader(isCollapsed, headerFocus, onToggleCollapse) {
+        return (h(FacetHeader, { i18n: this.props.bindings.i18n, label: this.props.label, onClearFilters: () => {
+                headerFocus.focusAfterSearch();
+                if (this.filter?.state.range) {
+                    this.filter?.clear();
+                    return;
+                }
+                this.facetForDateRange?.deselectAll();
+            }, numberOfActiveValues: this.numberOfSelectedValues, isCollapsed: isCollapsed, headingLevel: this.props.headingLevel, onToggleCollapse: onToggleCollapse, headerRef: (el) => headerFocus.setTarget(el) }));
+    }
+    renderDateInput() {
+        return (h("atomic-stencil-facet-date-input", { min: this.props.min, max: this.props.max, bindings: this.props.bindings, label: this.props.label, facetId: this.filter.state.facetId, rangeGetter: () => this.filter.state.range, rangeSetter: (request) => {
+                this.filter.setRange(request);
+            } }));
+    }
+    render({ hasError, firstSearchExecuted, isCollapsed, headerFocus, onToggleCollapse, }) {
+        if (hasError || !this.enabled) {
+            return h(Hidden, null);
+        }
+        if (!firstSearchExecuted) {
+            return (h(FacetPlaceholder, { numberOfValues: this.currentValues.length, isCollapsed: isCollapsed }));
+        }
+        if (!this.shouldRenderFacet) {
+            return h(Hidden, null);
+        }
+        return (h(FacetContainer, null,
+            this.renderHeader(isCollapsed, headerFocus, onToggleCollapse),
+            !isCollapsed && [
+                this.shouldRenderValues && this.renderValues(),
+                this.shouldRenderInput && this.renderDateInput(),
+            ]));
+    }
+}
+
+export { TimeframeFacetCommon as T };
+
+//# sourceMappingURL=timeframe-facet-common-33642d0d.js.map

package/dist/esm/timeframe-facet-common-33642d0d.js.map

@@ -0,0 +1 @@
+{"file":"timeframe-facet-common-33642d0d.js","mappings":"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","names":[],"sources":["src/components/common/facets/timeframe-facet-common.tsx"],"sourcesContent":["import {FocusTargetController} from '@/src/utils/stencil-accessibility-utils';\nimport {\n  DateFacet,\n  DateFacetValue,\n  DateFilter,\n  DateRangeOptions,\n  DateRangeRequest,\n  FacetConditionsManager,\n  RangeFacetSortCriterion,\n  RelativeDate,\n  RelativeDatePeriod,\n  RelativeDateUnit,\n  SearchStatusState,\n} from '@coveo/headless';\nimport {h, VNode} from '@stencil/core';\nimport {parseDate} from '../../../utils/date-utils';\nimport {getFieldValueCaption} from '../../../utils/field-utils';\nimport {randomID} from '../../../utils/utils';\nimport {InsightBindings} from '../../insight/atomic-insight-interface/atomic-insight-interface';\nimport {Bindings as SearchBindings} from '../../search/atomic-search-interface/atomic-search-interface';\nimport {Hidden} from '../stencil-hidden';\nimport {FacetInfo} from './facet-common-store';\nimport {FacetContainer} from './facet-container/stencil-facet-container';\nimport {FacetHeader} from './facet-header/stencil-facet-header';\nimport {FacetPlaceholder} from './facet-placeholder/facet-placeholder';\nimport {FacetValueLabelHighlight} from './facet-value-label-highlight/stencil-facet-value-label-highlight';\nimport {FacetValueLink} from './facet-value-link/stencil-facet-value-link';\nimport {FacetValuesGroup} from './facet-values-group/stencil-facet-values-group';\nimport {initializePopover} from './popover/popover-type';\nimport {shouldDisplayInputForFacetRange} from './stencil-facet-common';\n\nexport interface Timeframe {\n  period: RelativeDatePeriod;\n  unit?: RelativeDateUnit;\n  amount?: number;\n  label?: string;\n}\n\ninterface TimeframeFacetCommonOptions {\n  facetId?: string;\n  host: HTMLElement;\n  bindings: SearchBindings | InsightBindings;\n  label: string;\n  field: string;\n  headingLevel: number;\n  dependsOn: Record<string, string>;\n  withDatePicker: boolean;\n  setFacetId(id: string): string;\n  getSearchStatusState(): SearchStatusState;\n  buildDependenciesManager(facetId: string): FacetConditionsManager;\n  deserializeRelativeDate(date: string): RelativeDate;\n  buildDateRange(config: DateRangeOptions): DateRangeRequest;\n  initializeFacetForDatePicker(): DateFacet;\n  initializeFacetForDateRange(values: DateRangeRequest[]): DateFacet;\n  initializeFilter(): DateFilter;\n  min?: string;\n  max?: string;\n  sortCriteria: RangeFacetSortCriterion;\n}\n\ninterface TimeframeFacetCommonRenderProps {\n  hasError: boolean;\n  firstSearchExecuted: boolean;\n  isCollapsed: boolean;\n  headerFocus: FocusTargetController;\n  onToggleCollapse: () => boolean;\n}\n\nexport class TimeframeFacetCommon {\n  private facetId?: string;\n  private facetForDatePicker?: DateFacet;\n  private facetForDateRange?: DateFacet;\n  private filter?: DateFilter;\n  private manualTimeframes: Timeframe[] = [];\n  private facetForDateRangeDependenciesManager?: FacetConditionsManager;\n  private facetForDatePickerDependenciesManager?: FacetConditionsManager;\n  private filterDependenciesManager?: FacetConditionsManager;\n\n  constructor(private props: TimeframeFacetCommonOptions) {\n    this.facetId = this.determineFacetId;\n    this.props.setFacetId(this.facetId);\n\n    this.manualTimeframes = this.getManualTimeframes();\n\n    // Initialize two facets: One that is actually used to display values for end users, which only exists\n    // if we need to display something to the end user (ie: timeframes > 0)\n\n    // A second facet is initialized only to verify the results count. It is never used to display results to end user.\n    // It serves as a way to determine if the input should be rendered or not, independent of the ranges configured in the component\n    if (this.manualTimeframes.length > 0) {\n      this.facetForDateRange = this.props.initializeFacetForDateRange(\n        this.currentValues\n      );\n    }\n\n    if (this.props.withDatePicker) {\n      this.facetForDatePicker = this.props.initializeFacetForDatePicker();\n      this.facetForDatePickerDependenciesManager =\n        this.props.buildDependenciesManager(\n          this.facetForDatePicker.state.facetId\n        );\n      this.filter = this.props.initializeFilter();\n    }\n\n    if (this.facetForDateRange) {\n      this.facetForDateRangeDependenciesManager =\n        this.props.buildDependenciesManager(\n          this.facetForDateRange?.state.facetId\n        );\n    }\n\n    if (this.filter) {\n      this.filterDependenciesManager = this.props.buildDependenciesManager(\n        this.filter?.state.facetId\n      );\n    }\n\n    this.registerFacetToStore();\n  }\n\n  private get determineFacetId() {\n    if (this.props.facetId) {\n      return this.props.facetId;\n    }\n\n    if (this.props.bindings.store.state.dateFacets[this.props.field]) {\n      return randomID(`${this.props.field}_`);\n    }\n\n    return this.props.field;\n  }\n\n  private get enabled() {\n    return (\n      this.facetForDateRange?.state.enabled ??\n      this.filter?.state.enabled ??\n      true\n    );\n  }\n\n  private get valuesToRender() {\n    return (\n      this.facetForDateRange?.state.values.filter(\n        (value) => value.numberOfResults || value.state !== 'idle'\n      ) || []\n    );\n  }\n\n  private get shouldRenderValues() {\n    return !this.hasInputRange && !!this.valuesToRender.length;\n  }\n\n  private get shouldRenderFacet() {\n    return this.shouldRenderInput || this.shouldRenderValues;\n  }\n\n  private get shouldRenderInput() {\n    return shouldDisplayInputForFacetRange({\n      hasInput: this.props.withDatePicker,\n      hasInputRange: this.hasInputRange,\n      searchStatusState: this.props.getSearchStatusState(),\n      facetValues: this.facetForDatePicker?.state?.values || [],\n    });\n  }\n\n  private get hasValues() {\n    if (this.facetForDatePicker?.state.values.length) {\n      return true;\n    }\n\n    return !!this.valuesToRender.length;\n  }\n\n  private get numberOfSelectedValues() {\n    if (this.filter?.state?.range) {\n      return 1;\n    }\n\n    return (\n      this.facetForDateRange?.state.values.filter(\n        ({state}) => state === 'selected'\n      ).length || 0\n    );\n  }\n\n  private get hasInputRange() {\n    return !!this.filter?.state.range;\n  }\n\n  public get currentValues(): DateRangeRequest[] {\n    return this.manualTimeframes.map(({period, amount, unit}) =>\n      period === 'past'\n        ? this.props.buildDateRange({\n            start: {period, unit, amount},\n            end: {period: 'now'},\n          })\n        : this.props.buildDateRange({\n            start: {period: 'now'},\n            end: {period, unit, amount},\n          })\n    );\n  }\n\n  public disconnectedCallback() {\n    if (this.props.host.isConnected) {\n      return;\n    }\n    this.facetForDateRangeDependenciesManager?.stopWatching();\n    this.facetForDatePickerDependenciesManager?.stopWatching();\n    this.filterDependenciesManager?.stopWatching();\n  }\n\n  private get isHidden() {\n    return !this.shouldRenderFacet || !this.enabled;\n  }\n\n  private registerFacetToStore() {\n    const facetInfo: FacetInfo = {\n      label: () => this.props.bindings.i18n.t(this.props.label),\n      facetId: this.facetId!,\n      element: this.props.host,\n      isHidden: () => this.isHidden,\n    };\n\n    this.props.bindings.store.registerFacet('dateFacets', {\n      ...facetInfo,\n      format: (value) => this.formatFacetValue(value),\n    });\n\n    initializePopover(this.props.host, {\n      ...facetInfo,\n      hasValues: () => this.hasValues,\n      numberOfActiveValues: () => this.numberOfSelectedValues,\n    });\n\n    if (this.filter) {\n      this.props.bindings.store.state.dateFacets[this.filter.state.facetId] =\n        this.props.bindings.store.state.dateFacets[this.facetId!];\n    }\n  }\n\n  private getManualTimeframes(): Timeframe[] {\n    return Array.from(this.props.host.querySelectorAll('atomic-timeframe')).map(\n      ({label, amount, unit, period}) => ({\n        label,\n        amount,\n        unit,\n        period,\n      })\n    );\n  }\n\n  private formatFacetValue(facetValue: DateFacetValue) {\n    try {\n      const startDate = this.props.deserializeRelativeDate(facetValue.start);\n      const relativeDate =\n        startDate.period === 'past'\n          ? startDate\n          : this.props.deserializeRelativeDate(facetValue.end);\n      const timeframe = this.getManualTimeframes().find(\n        (timeframe) =>\n          timeframe.period === relativeDate.period &&\n          timeframe.unit === relativeDate.unit &&\n          timeframe.amount === relativeDate.amount\n      );\n\n      if (timeframe?.label) {\n        return getFieldValueCaption(\n          this.props.field,\n          timeframe.label,\n          this.props.bindings.i18n\n        );\n      }\n      return this.props.bindings.i18n.t(\n        `${relativeDate.period}-${relativeDate.unit}`,\n        {\n          count: relativeDate.amount,\n        }\n      );\n    } catch (error) {\n      return this.props.bindings.i18n.t('to', {\n        start: parseDate(facetValue.start).format('YYYY-MM-DD'),\n        end: parseDate(facetValue.end).format('YYYY-MM-DD'),\n      });\n    }\n  }\n  private renderValues() {\n    return this.renderValuesContainer(\n      this.valuesToRender.map((value) => this.renderValue(value))\n    );\n  }\n  private renderValue(facetValue: DateFacetValue) {\n    const displayValue = this.formatFacetValue(facetValue);\n    const isSelected = facetValue.state === 'selected';\n    const isExcluded = facetValue.state === 'excluded';\n    return (\n      <FacetValueLink\n        displayValue={displayValue}\n        isSelected={isSelected}\n        numberOfResults={facetValue.numberOfResults}\n        i18n={this.props.bindings.i18n}\n        onClick={() => this.facetForDateRange!.toggleSingleSelect(facetValue)}\n      >\n        <FacetValueLabelHighlight\n          displayValue={displayValue}\n          isSelected={isSelected}\n          isExcluded={isExcluded}\n        ></FacetValueLabelHighlight>\n      </FacetValueLink>\n    );\n  }\n\n  private renderValuesContainer(children: VNode[]) {\n    return (\n      <FacetValuesGroup\n        i18n={this.props.bindings.i18n}\n        label={this.props.label}\n      >\n        <ul class=\"mt-3\" part=\"values\">\n          {children}\n        </ul>\n      </FacetValuesGroup>\n    );\n  }\n\n  private renderHeader(\n    isCollapsed: boolean,\n    headerFocus: FocusTargetController,\n    onToggleCollapse: () => void\n  ) {\n    return (\n      <FacetHeader\n        i18n={this.props.bindings.i18n}\n        label={this.props.label}\n        onClearFilters={() => {\n          headerFocus.focusAfterSearch();\n          if (this.filter?.state.range) {\n            this.filter?.clear();\n            return;\n          }\n          this.facetForDateRange?.deselectAll();\n        }}\n        numberOfActiveValues={this.numberOfSelectedValues}\n        isCollapsed={isCollapsed}\n        headingLevel={this.props.headingLevel}\n        onToggleCollapse={onToggleCollapse}\n        headerRef={(el) => headerFocus.setTarget(el)}\n      ></FacetHeader>\n    );\n  }\n\n  private renderDateInput() {\n    return (\n      <atomic-stencil-facet-date-input\n        min={this.props.min}\n        max={this.props.max}\n        bindings={this.props.bindings}\n        label={this.props.label}\n        facetId={this.filter!.state!.facetId}\n        rangeGetter={() => this.filter!.state.range}\n        rangeSetter={(request: DateRangeRequest) => {\n          this.filter!.setRange(request);\n        }}\n      ></atomic-stencil-facet-date-input>\n    );\n  }\n\n  public render({\n    hasError,\n    firstSearchExecuted,\n    isCollapsed,\n    headerFocus,\n    onToggleCollapse,\n  }: TimeframeFacetCommonRenderProps) {\n    if (hasError || !this.enabled) {\n      return <Hidden></Hidden>;\n    }\n\n    if (!firstSearchExecuted) {\n      return (\n        <FacetPlaceholder\n          numberOfValues={this.currentValues.length}\n          isCollapsed={isCollapsed}\n        ></FacetPlaceholder>\n      );\n    }\n\n    if (!this.shouldRenderFacet) {\n      return <Hidden></Hidden>;\n    }\n\n    return (\n      <FacetContainer>\n        {this.renderHeader(isCollapsed, headerFocus, onToggleCollapse)}\n        {!isCollapsed && [\n          this.shouldRenderValues && this.renderValues(),\n          this.shouldRenderInput && this.renderDateInput(),\n        ]}\n      </FacetContainer>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/version.js

@@ -1,2 +1,2 @@
-export const headlessVersion = '3.31.2';
-export const atomicVersion = '3.35.0-pre.e9982a2757';
+export const headlessVersion = '3.31.3-pre.f4c6e9e90e';
+export const atomicVersion = '3.35.0-pre.f4c6e9e90e';

package/dist/types/components/common/atomic-rating/stencil-rating.d.ts

@@ -8,8 +8,11 @@ interface RatingProps {
     iconSize?: number;
 }
 /**
- * @deprecated Use `renderRating` instead.
-*/
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const Rating: FunctionalComponent<RatingProps>;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const computeNumberOfStars: (value: unknown, field: string) => number | null;
 export {};

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

@@ -9,6 +9,12 @@ interface ResultPlaceholderProps {
 interface ResultPlaceholderGuardProps extends ResultPlaceholderProps {
     displayPlaceholders: boolean;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const ResultsPlaceholdersGuard: FunctionalComponent<ResultPlaceholderGuardProps>;
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const ResultsPlaceholder: FunctionalComponent<ResultPlaceholderProps>;
 export {};

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

@@ -1,11 +1,15 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { i18n } from 'i18next';
 import { Breadcrumb } from './breadcrumb-types';
-export interface BreadcrumbButtonProps {
+interface BreadcrumbButtonProps {
     onSelectBreadcrumb: () => void;
     setRef: (el: HTMLButtonElement) => void;
     pathLimit: number;
     breadcrumb: Breadcrumb;
     i18n: i18n;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const BreadcrumbButton: FunctionalComponent<BreadcrumbButtonProps>;
+export {};

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

@@ -1,9 +1,13 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { i18n } from 'i18next';
-export interface BreadcrumbClearAllProps {
+interface BreadcrumbClearAllProps {
     setRef: (el: HTMLButtonElement) => void;
     onClick: ((event?: MouseEvent | undefined) => void) | undefined;
     isCollapsed: boolean;
     i18n: i18n;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const BreadcrumbClearAll: FunctionalComponent<BreadcrumbClearAllProps>;
+export {};

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

@@ -1,7 +1,11 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { i18n } from 'i18next';
-export interface BreadcrumbContainerProps {
+interface BreadcrumbContainerProps {
     isCollapsed: boolean;
     i18n: i18n;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const BreadcrumbContainer: FunctionalComponent<BreadcrumbContainerProps>;
+export {};

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

@@ -1,10 +1,14 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { i18n } from 'i18next';
 import { Breadcrumb } from './breadcrumb-types';
-export interface BreadcrumbContentProps {
+interface BreadcrumbContentProps {
     pathLimit: number;
     isCollapsed: boolean;
     i18n: i18n;
     breadcrumb: Breadcrumb;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const BreadcrumbContent: FunctionalComponent<BreadcrumbContentProps>;
+export {};

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

@@ -1,9 +1,13 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { i18n } from 'i18next';
-export interface BreadcrumbShowLessProps {
+interface BreadcrumbShowLessProps {
     onShowLess: () => void;
     setRef: (el: HTMLButtonElement) => void;
     isCollapsed: boolean;
     i18n: i18n;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const BreadcrumbShowLess: FunctionalComponent<BreadcrumbShowLessProps>;
+export {};

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

@@ -1,10 +1,14 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { i18n } from 'i18next';
-export interface BreadcrumbShowMoreProps {
+interface BreadcrumbShowMoreProps {
     setRef: (el: HTMLButtonElement) => void;
     onShowMore: () => void;
     numberOfCollapsedBreadcrumbs: number;
     isCollapsed: boolean;
     i18n: i18n;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const BreadcrumbShowMore: FunctionalComponent<BreadcrumbShowMoreProps>;
+export {};

package/dist/types/components/common/facets/category-facet/stencil-child-value-link.d.ts

@@ -2,5 +2,8 @@ import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { CategoryFacetValueLinkProps } from './stencil-value-link';
 interface CategoryFacetChildValueLinkProps extends Omit<CategoryFacetValueLinkProps, 'isParent'> {
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const CategoryFacetChildValueLink: FunctionalComponent<CategoryFacetChildValueLinkProps>;
 export {};

package/dist/types/components/common/facets/category-facet/stencil-children-as-tree-container.d.ts

@@ -2,5 +2,8 @@ import { FunctionalComponent } from '../../../../stencil-public-runtime';
 interface CategoryFacetChildrenAsTreeContainerProps {
     className?: string;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const CategoryFacetChildrenAsTreeContainer: FunctionalComponent<CategoryFacetChildrenAsTreeContainerProps>;
 export {};

package/dist/types/components/common/facets/category-facet/stencil-parent-as-tree-container.d.ts

@@ -1,6 +1,10 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
-export interface CategoryFacetParentAsTreeContainerProps {
+interface CategoryFacetParentAsTreeContainerProps {
     isTopLevel: boolean;
     className?: string;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const CategoryFacetParentAsTreeContainer: FunctionalComponent<CategoryFacetParentAsTreeContainerProps>;
+export {};

package/dist/types/components/common/facets/category-facet/stencil-parent-button.d.ts

@@ -9,5 +9,8 @@ interface CategoryFacetParentButtonProps {
     };
     onClick: () => void;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const CategoryFacetParentButton: FunctionalComponent<CategoryFacetParentButtonProps>;
 export {};

package/dist/types/components/common/facets/category-facet/stencil-parent-value-link.d.ts

@@ -2,5 +2,8 @@ import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { CategoryFacetValueLinkProps } from './stencil-value-link';
 interface CategoryFacetParentValueLinkProps extends Omit<CategoryFacetValueLinkProps, 'isParent' | 'isSelected'> {
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const CategoryFacetParentValueLink: FunctionalComponent<CategoryFacetParentValueLinkProps>;
 export {};

package/dist/types/components/common/facets/category-facet/stencil-search-results-container.d.ts

@@ -1,2 +1,5 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const CategoryFacetSearchResultsContainer: FunctionalComponent;

package/dist/types/components/common/facets/category-facet/stencil-search-value.d.ts

@@ -11,5 +11,8 @@ interface CategoryFacetSearchValueProps {
     onClick(): void;
     searchQuery: string;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const CategoryFacetSearchValue: FunctionalComponent<CategoryFacetSearchValueProps>;
 export {};

package/dist/types/components/common/facets/category-facet/stencil-value-as-tree-container.d.ts

@@ -1,2 +1,5 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const CategoryFacetTreeValueContainer: FunctionalComponent;

package/dist/types/components/common/facets/category-facet/stencil-value-link.d.ts

@@ -1,5 +1,8 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { i18n } from 'i18next';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export interface CategoryFacetValueLinkProps {
     displayValue: string;
     numberOfResults: number;
@@ -11,4 +14,7 @@ export interface CategoryFacetValueLinkProps {
     isLeafValue: boolean;
     setRef: (el?: HTMLButtonElement) => void;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const CategoryFacetValueLink: FunctionalComponent<CategoryFacetValueLinkProps>;

package/dist/types/components/common/facets/facet-container/stencil-facet-container.d.ts

@@ -1,2 +1,5 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FacetContainer: FunctionalComponent;

package/dist/types/components/common/facets/facet-guard.d.ts

@@ -5,5 +5,8 @@ interface FacetGuardProps {
     firstSearchExecuted: boolean;
     hasResults: boolean;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FacetGuard: FunctionalComponent<FacetGuardProps>;
 export {};

package/dist/types/components/common/facets/facet-header/stencil-facet-header.d.ts

@@ -1,6 +1,6 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { i18n } from 'i18next';
-export interface FacetHeaderProps {
+interface FacetHeaderProps {
     i18n: i18n;
     label: string;
     numberOfActiveValues: number;
@@ -10,4 +10,8 @@ export interface FacetHeaderProps {
     onClearFilters?(): void;
     headerRef?: (element?: HTMLButtonElement) => void;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FacetHeader: FunctionalComponent<FacetHeaderProps>;
+export {};

package/dist/types/components/common/facets/facet-placeholder/facet-placeholder.d.ts

@@ -1,6 +1,10 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
-export interface FacetPlaceholderProps {
+interface FacetPlaceholderProps {
     numberOfValues: number;
     isCollapsed: boolean;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FacetPlaceholder: FunctionalComponent<FacetPlaceholderProps>;
+export {};

package/dist/types/components/common/facets/facet-search/stencil-facet-search-input-guard.d.ts

@@ -4,5 +4,8 @@ interface FacetSearchInputGuardProps {
     canShowMoreValues: boolean;
     numberOfDisplayedValues: number;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FacetSearchInputGuard: FunctionalComponent<FacetSearchInputGuardProps>;
 export {};

package/dist/types/components/common/facets/facet-search/stencil-facet-search-input.d.ts

@@ -7,5 +7,8 @@ interface FacetSearchInputProps {
     onClear(): void;
     onChange(value: string): void;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FacetSearchInput: FunctionalComponent<FacetSearchInputProps>;
 export {};

package/dist/types/components/common/facets/facet-search/stencil-facet-search-matches.d.ts

@@ -7,5 +7,8 @@ interface FacetSearchMatchesProps {
     hasMoreMatches: boolean;
     showMoreMatches?: () => void;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FacetSearchMatches: FunctionalComponent<FacetSearchMatchesProps>;
 export {};

package/dist/types/components/common/facets/facet-search/stencil-facet-search-value.d.ts

@@ -1,3 +1,6 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { FacetValueProps } from '../facet-value/stencil-facet-value';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FacetSearchValue: FunctionalComponent<Omit<FacetValueProps, 'facetState' | 'setRef'>>;

package/dist/types/components/common/facets/facet-show-more-less/stencil-facet-show-more-less.d.ts

@@ -10,5 +10,8 @@ interface FacetShowMoreProps {
     showMoreRef?: (element?: HTMLButtonElement) => void;
     showLessRef?: (element?: HTMLButtonElement) => void;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FacetShowMoreLess: FunctionalComponent<FacetShowMoreProps>;
 export {};

package/dist/types/components/common/facets/facet-value/stencil-facet-value.d.ts

@@ -1,5 +1,8 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { i18n } from 'i18next';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export interface FacetValueProps {
     field: string;
     facetValue: string;
@@ -13,4 +16,7 @@ export interface FacetValueProps {
     facetSearchQuery: string;
     setRef?: (btn?: HTMLButtonElement) => void;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FacetValue: FunctionalComponent<FacetValueProps>;

package/dist/types/components/common/facets/facet-value-box/stencil-facet-value-box.d.ts

@@ -1,3 +1,6 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { FacetValueProps } from '../stencil-facet-common';
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FacetValueBox: FunctionalComponent<FacetValueProps>;

package/dist/types/components/common/facets/facet-value-checkbox/stencil-facet-value-checkbox.d.ts

@@ -4,5 +4,8 @@ type TriStateFacetValueProps = Omit<FacetValueProps, 'isSelected'> & {
     state: 'idle' | 'selected' | 'excluded';
     onExclude(): void;
 };
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FacetValueCheckbox: FunctionalComponent<FacetValueProps | TriStateFacetValueProps>;
 export {};

package/dist/types/components/common/facets/facet-value-exclude/stencil-facet-value-exclude.d.ts

@@ -1,6 +1,10 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
-export interface ExcludeProps {
+interface ExcludeProps {
     onClick(): void;
     ariaLabel?: string;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FacetValueExclude: FunctionalComponent<ExcludeProps>;
+export {};

package/dist/types/components/common/facets/facet-value-label-highlight/stencil-facet-value-label-highlight.d.ts

@@ -5,5 +5,8 @@ interface FacetValueLabelHighlightProps {
     isSelected: boolean;
     isExcluded?: boolean;
 }
+/**
+ * @deprecated should only be used for Stencil components.
+ */
 export declare const FacetValueLabelHighlight: FunctionalComponent<FacetValueLabelHighlightProps>;
 export {};