@coveo/atomic 3.35.0-pre.5bebe1af22 → 3.35.0-pre.8a8d443d40

package/dist/esm/timeframe-facet-common-b97e786a.js

@@ -1,212 +0,0 @@
-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-cf7007ee.js';
-import { F as FacetValueLabelHighlight } from './stencil-facet-value-label-highlight-b4083ffd.js';
-import { F as FacetValueLink } from './stencil-facet-value-link-41281838.js';
-import { F as FacetValuesGroup } from './stencil-facet-values-group-1108573d.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-b97e786a.js.map

package/dist/esm/timeframe-facet-common-b97e786a.js.map

@@ -1 +0,0 @@
-{"file":"timeframe-facet-common-b97e786a.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/types/components/common/expandable-text/stencil-expandable-text.d.ts

@@ -1,13 +0,0 @@
-import { FunctionalComponent } from '../../../stencil-public-runtime';
-export type TruncateAfter = 'none' | '1' | '2' | '3' | '4';
-interface ExpandableTextProps {
-    isExpanded: boolean;
-    isTruncated: boolean;
-    isCollapsible?: boolean;
-    truncateAfter: TruncateAfter;
-    onToggleExpand: (e: MouseEvent | undefined) => void;
-    showMoreLabel: string;
-    showLessLabel: string;
-}
-export declare const ExpandableText: FunctionalComponent<ExpandableTextProps>;
-export {};

package/dist/types/components/common/generated-answer/typing-loader.d.ts

@@ -1,2 +0,0 @@
-import { FunctionalComponent } from '../../../stencil-public-runtime';
-export declare const TypingLoader: FunctionalComponent;

package/dist/types/components/common/image-carousel/stencil-image-carousel-indicators.d.ts

@@ -1,12 +0,0 @@
-import { FunctionalComponent } from '../../../stencil-public-runtime';
-interface CarouselIndicatorProps {
-    numberOfImages: number;
-    currentImage: number;
-    navigateToImage: (index: number) => void;
-    maxImagesBeforeAndAfter?: number;
-}
-/**
- * @deprecated Should only be used for Stencil components;
- */
-declare const CarouselIndicator: FunctionalComponent<CarouselIndicatorProps>;
-export default CarouselIndicator;

package/dist/types/components/common/image-carousel/stencil-image-carousel.d.ts

@@ -1,15 +0,0 @@
-import { FunctionalComponent } from '../../../stencil-public-runtime';
-import { JSXBase } from '../../../stencil-public-runtime';
-import { AnyBindings } from '../interface/bindings';
-export interface CarouselProps {
-    bindings: AnyBindings;
-    previousImage(): void;
-    nextImage(): void;
-    navigateToImage(index: number): void;
-    numberOfImages: number;
-    currentImage: number;
-}
-/**
- * @deprecated Should only be used for Stencil components;
- */
-export declare const ImageCarousel: FunctionalComponent<CarouselProps & JSXBase.HTMLAttributes<HTMLHeadingElement>>;

package/dist/types/components/common/items-per-page/stencil-choices.d.ts

@@ -1,14 +0,0 @@
-import { FunctionalComponent } from '../../../stencil-public-runtime';
-interface ChoicesProps {
-    label: string;
-    groupName: string;
-    pageSize: number;
-    choices: number[];
-    lang: string;
-    scrollToTopEvent: () => {};
-    setItemSize: (size: number) => void;
-    focusOnFirstResultAfterNextSearch: () => Promise<void> | undefined;
-    focusOnNextNewResult: () => void | undefined;
-}
-export declare const Choices: FunctionalComponent<ChoicesProps>;
-export {};

package/dist/types/components/common/items-per-page/stencil-label.d.ts

@@ -1,2 +0,0 @@
-import { FunctionalComponent } from '../../../stencil-public-runtime';
-export declare const Label: FunctionalComponent;

package/dist/types/components/common/pager/stencil-pager-guard.d.ts

@@ -1,13 +0,0 @@
-import { FunctionalComponent } from '../../../stencil-public-runtime';
-/**
- * @deprecated use the lit equivalent
- */
-export interface PagerGuardProps {
-    hasError: boolean;
-    isAppLoaded: boolean;
-    hasItems: boolean;
-}
-/**
- * @deprecated use the lit equivalent
- */
-export declare const PagerGuard: FunctionalComponent<PagerGuardProps>;

package/dist/types/components/common/suggestions/stencil-recent-queries.d.ts

@@ -1,20 +0,0 @@
-import { FunctionalComponent } from '../../../stencil-public-runtime';
-import { i18n } from 'i18next';
-import { SearchBoxSuggestionElement } from './suggestions-types';
-export declare const getPartialRecentQueryElement: (value: string, i18n: i18n) => Pick<SearchBoxSuggestionElement, "ariaLabel" | "key" | "query" | "part">;
-export declare const getPartialRecentQueryClearElement: (i18n: i18n) => Pick<SearchBoxSuggestionElement, "ariaLabel" | "key" | "part" | "hideIfLast">;
-export declare const RecentQueriesContainer: FunctionalComponent;
-interface RecentQueryIconProps {
-    icon: string;
-}
-export declare const RecentQueryIcon: FunctionalComponent<RecentQueryIconProps>;
-interface RecentQueryTextProps {
-    query: string;
-    value: string;
-}
-export declare const RecentQueryText: FunctionalComponent<RecentQueryTextProps>;
-interface RecentQueryClearProps {
-    i18n: i18n;
-}
-export declare const RecentQueryClear: FunctionalComponent<RecentQueryClearProps>;
-export {};

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

@@ -1,69 +0,0 @@
-import { type Result, type SearchBox } from '@coveo/headless';
-import { LitElement } from 'lit';
-import type { ItemRenderingFunction } from "../../common/item-list/item-list-common";
-import type { ItemDisplayDensity, ItemDisplayImageSize } from "../../common/layout/display-options";
-import type { SearchBoxSuggestions, SearchBoxSuggestionsBindings } from "../../common/suggestions/suggestions-types";
-import type { Bindings } from "../atomic-search-interface/interfaces";
-import type { SearchBoxSuggestionsComponent } from "../../../decorators/types";
-export type AriaLabelGenerator = (bindings: Bindings, result: Result) => string | undefined;
-/**
- * The `atomic-search-box-instant-results` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of instant results behavior.
- *
- * This component does not support accessibility out-of-the-box. To do so, see [Instant Results Accessibility](https://docs.coveo.com/en/atomic/latest/usage/accessibility/#instant-results-accessibility).
- *
- * This component is not supported on mobile.
- *
- * @part instant-results-show-all-button - The 'See all results' button.
- * @part instant-results-item - The individual instant result items.
- *
- * @slot default - The default slot where the instant results are rendered.
- */
-export declare class AtomicSearchBoxInstantResults extends LitElement implements SearchBoxSuggestionsComponent<Bindings> {
-    bindings: SearchBoxSuggestionsBindings<SearchBox, Bindings>;
-    private itemRenderingFunction;
-    private results;
-    private itemTemplateProvider;
-    private instantResults;
-    private display;
-    error: Error;
-    private templateHasError;
-    /**
-     * 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.
-     *
-     * Do not use this method if you integrate Atomic in a plain HTML deployment.
-     *
-     * @param resultRenderingFunction
-     */
-    setRenderFunction(resultRenderingFunction: ItemRenderingFunction): Promise<void>;
-    /**
-     * The maximum number of results to show.
-     */
-    maxResultsPerQuery: number;
-    /**
-     * The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.
-     */
-    density: ItemDisplayDensity;
-    /**
-     * The expected size of the image displayed in the results.
-     */
-    imageSize: ItemDisplayImageSize;
-    /**
-     * The callback to generate an [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) for a given result so that accessibility tools can fully describe what's visually rendered by a result.
-     *
-     * By default, or if an empty string is returned, `result.title` is used.
-     */
-    ariaLabelGenerator?: AriaLabelGenerator;
-    connectedCallback(): void;
-    private getLink;
-    private handleLinkClick;
-    private renderItems;
-    initialize(): SearchBoxSuggestions;
-    private onSuggestedQueryChange;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'atomic-search-box-instant-results': AtomicSearchBoxInstantResults;
-    }
-}

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

@@ -1,29 +0,0 @@
-/**
- * The `atomic-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.
- */
-export declare class AtomicSearchBoxQuerySuggestions {
-    private bindings;
-    private host;
-    error: Error;
-    /**
-     * The SVG icon to display.
-     *
-     * - Use a value that starts with `http://`, `https://`, `./`, or `../`, to fetch and display an icon from a given location.
-     * - Use a value that starts with `assets://`, to display an icon from the Atomic package.
-     * - Use a stringified SVG to display it directly.
-     */
-    icon?: string;
-    /**
-     * The maximum number of suggestions that will be displayed if the user has typed something into the input field.
-     */
-    maxWithQuery?: number;
-    /**
-     * The maximum number of suggestions that will be displayed initially when the input field is empty.
-     */
-    maxWithoutQuery?: number;
-    componentWillLoad(): void;
-    private initialize;
-    private renderItems;
-    private renderItem;
-    render(): any;
-}