@coveo/atomic 3.37.3 → 3.38.0

package/dist/atomic/components/atomic-sort-expression.js

@@ -18,7 +18,7 @@ const AtomicSortExpression$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSort
         /**
          * The tabs on which the sort expression can be displayed. This property should not be used at the same time as `tabs-excluded`.
          *
-         * Set this property as a stringified JSON array, e.g.,
+         * Set this property as a stringified JSON array, for example:
          * ```html
          *  <atomic-sort-expression tabs-included='["tabIDA", "tabIDB"]'></atomic-sort-expression snippet>
          * ```
@@ -28,7 +28,7 @@ const AtomicSortExpression$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSort
         /**
          * The tabs on which the sort expression must not be displayed. This property should not be used at the same time as `tabs-included`.
          *
-         * Set this property as a stringified JSON array, e.g.,
+         * Set this property as a stringified JSON array, for example:
          * ```html
          *  <atomic-sort-expression tabs-excluded='["tabIDA", "tabIDB"]'></atomic-sort-expression>
          * ```
@@ -47,7 +47,7 @@ const AtomicSortExpression$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSort
         const dropdownComponent = 'atomic-sort-dropdown';
         if (!this.host.closest(dropdownComponent)) {
             const error = new Error(`The "${this.host.nodeName.toLowerCase()}" component has to be used inside an ${dropdownComponent} element.`);
-            return (h("atomic-component-error", { key: '9a0f50f46a7913f59d883e30c23d0021596d3f8c', element: this.host, error: error }));
+            return (h("atomic-component-error", { key: '2eae4745bcf563171909a3e51f30a64599e2b438', element: this.host, error: error }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-sort-expression.js.map

@@ -1 +1 @@
-{"file":"atomic-sort-expression.js","mappings":";;;;;;;;;;;;;MAUaA,sBAAoB;;;;;;;;;;;;;QA2CxB,iBAAY,GAAsB,IAAI,CAAC;;;;;;;;;;QAavC,iBAAY,GAAsB,IAAI,CAAC;;;4BAbL,IAAI;4BAaJ,IAAI;;IAEtC,MAAM;QACX,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;YAChE,OAAO,CAAC,IAAI,CACV,qHAAqH,CACtH,CAAC;SACH;QAED,MAAM,iBAAiB,GAAG,sBAAsB,CAAC;QAEjD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE;YACzC,MAAM,KAAK,GAAG,IAAI,KAAK,CACrB,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,wCAAwC,iBAAiB,WAAW,CAC7G,CAAC;YACF,QACE,+EACE,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,KAAK,EAAE,KAAK,GACY,EAC1B;SACH;KACF;;;;;;;;AAnCM;IAFN,SAAS,EAAE;4DAEkC;AAavC;IAFN,SAAS,EAAE;4DAEkC;;;;;;;;;;;;;;;;;;;;","names":["AtomicSortExpression"],"sources":["src/components/search/atomic-sort-expression/atomic-sort-expression.tsx"],"sourcesContent":["import {Component, Prop, Element, h} from '@stencil/core';\nimport {ArrayProp} from '../../../utils/props-utils';\n\n/**\n * The `atomic-sort-expression` component defines a sort expression. This component must be inside an `atomic-sort-dropdown` component.\n */\n@Component({\n  tag: 'atomic-sort-expression',\n  shadow: false,\n})\nexport class AtomicSortExpression {\n  @Element() public host!: HTMLElement;\n\n  /**\n   * The non-localized label to display for this expression.\n   */\n  @Prop({reflect: true}) public label!: string;\n\n  /**\n   * One or more sort criteria that the end user can select or toggle between.\n   *\n   * The available sort criteria are:\n   *\n   * * `relevancy`\n   * * `date ascending`/`date descending`\n   * * `qre`\n   * * `<FIELD> ascending`/`<FIELD> descending`, where you replace `<FIELD>` with the name of a sortable field in your index (`criteria=\"size ascending\"`).\n   *\n   * You can specify multiple sort criteria to be used in the same request by separating them with a comma (`criteria=\"size ascending, date ascending\"`).\n   * \n   * You can specify a list of comma-separated sort criteria which will be applied sequentially. For example, if there's a tie on the 1st criterion, the API uses the 2nd criterion to break the tie. However, this only works when combining:\n   * * a relevancy criterion followed by one or more field or date criteria.\n   * * a qre criterion followed by one or more field or date criteria.\n   * * two or more field criteria (`<FIELD>` descending, `<FIELD>` descending).\n   * * a single date criterion and one or more field criteria in any order (`<FIELD>` descending, date ascending).\n   * \n   * Examples:\n   * * `relevancy`, `<FIELD> descending`\n   * * `qre`, `<FIELD> ascending`\n   * * `date descending`, `<FIELD> descending`, `<FIELD> ascending`\n   */\n  @Prop({reflect: true}) public expression!: string;\n  /**\n   * The tabs on which the sort expression can be displayed. This property should not be used at the same time as `tabs-excluded`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-sort-expression tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-sort-expression snippet>\n   * ```\n   * If you don't set this property, the sort expression can be displayed on any tab. Otherwise, the sort expression can only be displayed on the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsIncluded: string[] | string = '[]';\n\n  /**\n   * The tabs on which the sort expression must not be displayed. This property should not be used at the same time as `tabs-included`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-sort-expression tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-sort-expression>\n   * ```\n   * If you don't set this property, the sort expression can be displayed on any tab. Otherwise, the sort expression won't be displayed on any of the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsExcluded: string[] | string = '[]';\n\n  public render() {\n    if (this.tabsIncluded.length > 0 && this.tabsExcluded.length > 0) {\n      console.warn(\n        'Values for both \"tabs-included\" and \"tabs-excluded\" have been provided. This is could lead to unexpected behaviors.'\n      );\n    }\n\n    const dropdownComponent = 'atomic-sort-dropdown';\n\n    if (!this.host.closest(dropdownComponent)) {\n      const error = new Error(\n        `The \"${this.host.nodeName.toLowerCase()}\" component has to be used inside an ${dropdownComponent} element.`\n      );\n      return (\n        <atomic-component-error\n          element={this.host}\n          error={error}\n        ></atomic-component-error>\n      );\n    }\n  }\n}\n"],"version":3}
+{"file":"atomic-sort-expression.js","mappings":";;;;;;;;;;;;;MAUaA,sBAAoB;;;;;;;;;;;;;QA2CxB,iBAAY,GAAsB,IAAI,CAAC;;;;;;;;;;QAavC,iBAAY,GAAsB,IAAI,CAAC;;;4BAbL,IAAI;4BAaJ,IAAI;;IAEtC,MAAM;QACX,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;YAChE,OAAO,CAAC,IAAI,CACV,qHAAqH,CACtH,CAAC;SACH;QAED,MAAM,iBAAiB,GAAG,sBAAsB,CAAC;QAEjD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE;YACzC,MAAM,KAAK,GAAG,IAAI,KAAK,CACrB,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,wCAAwC,iBAAiB,WAAW,CAC7G,CAAC;YACF,QACE,+EACE,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,KAAK,EAAE,KAAK,GACY,EAC1B;SACH;KACF;;;;;;;;AAnCM;IAFN,SAAS,EAAE;4DAEkC;AAavC;IAFN,SAAS,EAAE;4DAEkC;;;;;;;;;;;;;;;;;;;;","names":["AtomicSortExpression"],"sources":["src/components/search/atomic-sort-expression/atomic-sort-expression.tsx"],"sourcesContent":["import {Component, Prop, Element, h} from '@stencil/core';\nimport {ArrayProp} from '../../../utils/props-utils';\n\n/**\n * The `atomic-sort-expression` component defines a sort expression. This component must be inside an `atomic-sort-dropdown` component.\n */\n@Component({\n  tag: 'atomic-sort-expression',\n  shadow: false,\n})\nexport class AtomicSortExpression {\n  @Element() public host!: HTMLElement;\n\n  /**\n   * The non-localized label to display for this expression.\n   */\n  @Prop({reflect: true}) public label!: string;\n\n  /**\n   * One or more sort criteria that the end user can select or toggle between.\n   *\n   * The available sort criteria are:\n   *\n   * * `relevancy`\n   * * `date ascending`/`date descending`\n   * * `qre`\n   * * `<FIELD> ascending`/`<FIELD> descending`, where you replace `<FIELD>` with the name of a sortable field in your index (`criteria=\"size ascending\"`).\n   *\n   * You can specify multiple sort criteria to be used in the same request by separating them with a comma (`criteria=\"size ascending, date ascending\"`).\n   * \n   * You can specify a list of comma-separated sort criteria which will be applied sequentially. For example, if there's a tie on the 1st criterion, the API uses the 2nd criterion to break the tie. However, this only works when combining:\n   * * a relevancy criterion followed by one or more field or date criteria.\n   * * a qre criterion followed by one or more field or date criteria.\n   * * two or more field criteria (`<FIELD>` descending, `<FIELD>` descending).\n   * * a single date criterion and one or more field criteria in any order (`<FIELD>` descending, date ascending).\n   * \n   * Examples:\n   * * `relevancy`, `<FIELD> descending`\n   * * `qre`, `<FIELD> ascending`\n   * * `date descending`, `<FIELD> descending`, `<FIELD> ascending`\n   */\n  @Prop({reflect: true}) public expression!: string;\n  /**\n   * The tabs on which the sort expression can be displayed. This property should not be used at the same time as `tabs-excluded`.\n   *\n   * Set this property as a stringified JSON array, for example:\n   * ```html\n   *  <atomic-sort-expression tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-sort-expression snippet>\n   * ```\n   * If you don't set this property, the sort expression can be displayed on any tab. Otherwise, the sort expression can only be displayed on the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsIncluded: string[] | string = '[]';\n\n  /**\n   * The tabs on which the sort expression must not be displayed. This property should not be used at the same time as `tabs-included`.\n   *\n   * Set this property as a stringified JSON array, for example:\n   * ```html\n   *  <atomic-sort-expression tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-sort-expression>\n   * ```\n   * If you don't set this property, the sort expression can be displayed on any tab. Otherwise, the sort expression won't be displayed on any of the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsExcluded: string[] | string = '[]';\n\n  public render() {\n    if (this.tabsIncluded.length > 0 && this.tabsExcluded.length > 0) {\n      console.warn(\n        'Values for both \"tabs-included\" and \"tabs-excluded\" have been provided. This is could lead to unexpected behaviors.'\n      );\n    }\n\n    const dropdownComponent = 'atomic-sort-dropdown';\n\n    if (!this.host.closest(dropdownComponent)) {\n      const error = new Error(\n        `The \"${this.host.nodeName.toLowerCase()}\" component has to be used inside an ${dropdownComponent} element.`\n      );\n      return (\n        <atomic-component-error\n          element={this.host}\n          error={error}\n        ></atomic-component-error>\n      );\n    }\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-tab-manager.js

@@ -59,7 +59,7 @@ const AtomicTabManager$1 = /*@__PURE__*/ proxyCustomElement(class AtomicTabManag
         });
     }
     render() {
-        return (h(Host, { key: '0eb8a9f606aa5c75647d8dbb570fa85f5b80ba24' }, h("atomic-tab-bar", { key: '3650d7571ebba09fafd790d0881407ae9b8d7a66' }, h("div", { key: 'c55c1443bf9f5cc4fa333f684dd104a29c29efcd', role: "list", "aria-label": "tab-area", part: "tab-area", class: "border-neutral mb-2 flex w-full flex-row border-b" }, this.tabs.map((tab) => (h("atomic-tab-button", { active: this.tabManagerState.activeTab === tab.name, label: this.bindings.i18n.t(tab.label, {
+        return (h(Host, { key: '969d77b4fef5e0eb7737937e82b406f04f51fe7d' }, h("atomic-tab-bar", { key: '466143f52b932f1e966877127f088e5518ef5efa' }, h("div", { key: 'b64ee26b184bd3769253bc8f7129cb30f105dbdb', role: "list", "aria-label": "tab-area", part: "tab-area", class: "border-neutral mb-2 flex w-full flex-row border-b" }, this.tabs.map((tab) => (h("atomic-tab-button", { active: this.tabManagerState.activeTab === tab.name, label: this.bindings.i18n.t(tab.label, {
                 defaultValue: tab.label,
             }), select: () => {
                 if (!tab.tabController.state.isActive) {

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

@@ -37,7 +37,7 @@ const AtomicTimeframeFacet$1 = /*@__PURE__*/ proxyCustomElement(class AtomicTime
         /**
          * The tabs on which the facet can be displayed. This property should not be used at the same time as `tabs-excluded`.
          *
-         * Set this property as a stringified JSON array, e.g.,
+         * Set this property as a stringified JSON array, for example:
          * ```html
          *  <atomic-timeframe-facet tabs-included='["tabIDA", "tabIDB"]'></atomic-timeframe-facet>
          * ```
@@ -47,7 +47,7 @@ const AtomicTimeframeFacet$1 = /*@__PURE__*/ proxyCustomElement(class AtomicTime
         /**
          * The tabs on which this facet must not be displayed. This property should not be used at the same time as `tabs-included`.
          *
-         * Set this property as a stringified JSON array, e.g.,
+         * Set this property as a stringified JSON array, for example:
          * ```html
          *  <atomic-timeframe-facet tabs-excluded='["tabIDA", "tabIDB"]'></atomic-timeframe-facet>
          * ```

package/dist/atomic/components/atomic-timeframe-facet.js.map

@@ -1 +1 @@
-{"file":"atomic-timeframe-facet.js","mappings":"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","names":["AtomicTimeframeFacet"],"sources":["src/components/search/facets/atomic-timeframe-facet/atomic-timeframe-facet.pcss?tag=atomic-timeframe-facet&encapsulation=shadow","src/components/search/facets/atomic-timeframe-facet/atomic-timeframe-facet.tsx"],"sourcesContent":["@import '../../../common/facets/facet-common.pcss';\n","import {\n  buildDateFacet,\n  buildDateFilter,\n  buildDateRange,\n  buildFacetConditionsManager,\n  buildSearchStatus,\n  DateFacet,\n  DateFacetState,\n  DateFilter,\n  DateFilterState,\n  DateRangeRequest,\n  deserializeRelativeDate,\n  RangeFacetSortCriterion,\n  loadDateFacetSetActions,\n  SearchStatus,\n  SearchStatusState,\n  FacetValueRequest,\n  CategoryFacetValueRequest,\n  buildTabManager,\n  TabManager,\n  TabManagerState,\n} from '@coveo/headless';\nimport {Component, Element, h, Listen, Prop, State} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {ArrayProp, MapProp} from '../../../../utils/props-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\nimport {parseDependsOn} from '../../../common/facets/depends-on';\nimport {FacetPlaceholder} from '../../../common/facets/facet-placeholder/stencil-facet-placeholder';\nimport {TimeframeFacetCommon} from '../../../common/facets/timeframe-facet-common';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * A facet is a list of values for a certain field occurring in the results.\n * An `atomic-timeframe-facet` displays a facet of the results for the current query as date intervals.\n *\n * @slot default - The `atomic-timeframe` components defining the timeframes to display.\n *\n * @part facet - The wrapper for the entire facet.\n * @part placeholder - The placeholder shown before the first search is executed.\n *\n * @part label-button - The button that displays the label and allows to expand/collapse the facet.\n * @part label-button-icon - The label button icon.\n * @part clear-button - The button that resets the actively selected facet values.\n * @part clear-button-icon - The clear button icon.\n *\n * @part values - The facet values container.\n * @part value-label - The facet value label, common for all displays.\n * @part value-count - The facet value count, common for all displays.\n * @part value-link - The facet value when display is 'link'.\n * @part value-link-selected - The selected facet value when display is 'link'.\n *\n * @part input-start - The input for the starting value of the custom date range.\n * @part input-end - The input for the ending value of the custom date range.\n * @part input-label - The label for both the start and end input.\n * @part input-apply-button - The apply button for the custom range.\n */\n@Component({\n  tag: 'atomic-timeframe-facet',\n  styleUrl: './atomic-timeframe-facet.pcss',\n  shadow: true,\n})\nexport class AtomicTimeframeFacet implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  public facetForDateRange?: DateFacet;\n  public facetForDatePicker?: DateFacet;\n\n  private timeframeFacetCommon?: TimeframeFacetCommon;\n  public filter?: DateFilter;\n  public searchStatus!: SearchStatus;\n  public tabManager!: TabManager;\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('facetForDateRange')\n  @State()\n  public facetState!: DateFacetState;\n  @BindStateToController('facetForDatePicker')\n  @State()\n  public facetForDatePickerState?: DateFacetState;\n  @BindStateToController('filter')\n  @State()\n  public filterState?: DateFilterState;\n  @BindStateToController('searchStatus')\n  @State()\n  public searchStatusState!: SearchStatusState;\n  @BindStateToController('tabManager')\n  @State()\n  public tabManagerState!: TabManagerState;\n  @State() public error!: Error;\n\n  /**\n   * Specifies a unique identifier for the facet.\n   */\n  @Prop({mutable: true, reflect: true}) public facetId?: string;\n  /**\n   * The non-localized label for the facet.\n   * Used in the atomic-breadbox component through the bindings store.\n   */\n  @Prop({reflect: true}) public label = 'no-label';\n  /**\n   * The field whose values you want to display in the facet.\n   */\n  @Prop({reflect: true}) public field = 'date';\n  /**\n   * The tabs on which the facet can be displayed. This property should not be used at the same time as `tabs-excluded`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-timeframe-facet tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-timeframe-facet>\n   * ```\n   * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet can only be displayed on the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsIncluded: string[] | string = '[]';\n\n  /**\n   * The tabs on which this facet must not be displayed. This property should not be used at the same time as `tabs-included`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-timeframe-facet tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-timeframe-facet>\n   * ```\n   * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet won't be displayed on any of the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsExcluded: string[] | string = '[]';\n\n  /**\n   * Whether this facet should contain an datepicker allowing users to set custom ranges.\n   */\n  @Prop({reflect: true}) public withDatePicker = false;\n  /**\n   * Specifies whether the facet is collapsed. When the facet is the child of an `atomic-facet-manager` component, the facet manager controls this property.\n   */\n  @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n  /**\n   * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading over the facet, from 1 to 6.\n   */\n  @Prop({reflect: true}) public headingLevel = 0;\n  /**\n   * Whether to exclude the parents of folded results when estimating the result count for each facet value.\n   *\n   *\n   * Note: Resulting count is only an estimation, in some cases this value could be incorrect.\n   */\n  @Prop({reflect: true}) public filterFacetCount = true;\n  /**\n   * The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.\n   * Note: A high injectionDepth may negatively impact the facet request performance.\n   * Minimum: `0`\n   * Default: `1000`\n   */\n  @Prop({reflect: true}) public injectionDepth = 1000;\n\n  /**\n   * The required facets and values for this facet to be displayed.\n   * Examples:\n   * ```html\n   * <atomic-facet facet-id=\"abc\" field=\"objecttype\" ...></atomic-facet>\n   *\n   * <!-- To show the facet when any value is selected in the facet with id \"abc\": -->\n   * <atomic-timeframe-facet\n   *   depends-on-abc\n   *   ...\n   * ></atomic-timeframe-facet>\n   *\n   * <!-- To show the facet when value \"doc\" is selected in the facet with id \"abc\": -->\n   * <atomic-timeframe-facet\n   *   depends-on-abc=\"doc\"\n   *   ...\n   * ></atomic-timeframe-facet>\n   * ```\n   */\n  @MapProp() @Prop() public dependsOn: Record<string, string> = {};\n\n  /**\n   * The earliest date to accept from user input when the `withDatepicker` option is enabled.\n   *\n   * This value must be a valid date string in the format `YYYY-MM-DD`.\n   *\n   * If this format is not respected, the date picker ignores this property, behaving as if no `min` value had been set.\n   *\n   * See also [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date#min).\n   */\n  @Prop({reflect: true}) public min?: string;\n\n  /**\n   * The latest date to accept from user input when the `withDatepicker` option is enabled.\n   *\n   * This value must be a valid date string in the format `YYYY-MM-DD`.\n   *\n   * If this format is not respected, the date picker ignores this property, behaving as if no `max` value had been set.\n   *\n   * See also [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date#max).\n   */\n  @Prop({reflect: true}) public max?: string;\n\n  /**\n   * The sort criterion to apply to the returned facet values.\n   * Possible values are 'ascending' and 'descending'.\n   */\n  @Prop({reflect: true}) public sortCriteria: RangeFacetSortCriterion =\n    'descending';\n\n  private headerFocus?: FocusTargetController;\n\n  private get focusTarget(): FocusTargetController {\n    if (!this.headerFocus) {\n      this.headerFocus = new FocusTargetController(this);\n    }\n    return this.headerFocus;\n  }\n\n  public initialize() {\n    if (\n      [...this.tabsIncluded].length > 0 &&\n      [...this.tabsExcluded].length > 0\n    ) {\n      console.warn(\n        'Values for both \"tabs-included\" and \"tabs-excluded\" have been provided. This is could lead to unexpected behaviors.'\n      );\n    }\n    this.timeframeFacetCommon = new TimeframeFacetCommon({\n      facetId: this.facetId,\n      host: this.host,\n      bindings: this.bindings,\n      label: this.label,\n      field: this.field,\n      headingLevel: this.headingLevel,\n      dependsOn: parseDependsOn(this.dependsOn) && this.dependsOn,\n      withDatePicker: this.withDatePicker,\n      setFacetId: (id: string) => (this.facetId = id),\n      buildDependenciesManager: (facetId: string) =>\n        buildFacetConditionsManager(this.bindings.engine, {\n          facetId,\n          conditions: parseDependsOn<\n            FacetValueRequest | CategoryFacetValueRequest\n          >(this.dependsOn),\n        }),\n      buildDateRange,\n      getSearchStatusState: () => this.searchStatusState,\n      deserializeRelativeDate,\n      initializeFacetForDatePicker: () => this.initializeFacetForDatePicker(),\n      initializeFacetForDateRange: (values: DateRangeRequest[]) =>\n        this.initializeFacetForDateRange(values),\n      initializeFilter: () => this.initializeFilter(),\n      min: this.min,\n      max: this.max,\n      sortCriteria: this.sortCriteria,\n    });\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n    this.tabManager = buildTabManager(this.bindings.engine);\n  }\n\n  public disconnectedCallback() {\n    this.timeframeFacetCommon?.disconnectedCallback();\n  }\n\n  private initializeFacetForDatePicker() {\n    this.facetForDatePicker = buildDateFacet(this.bindings.engine, {\n      options: {\n        facetId: `${this.facetId}_input_range`,\n        numberOfValues: 1,\n        generateAutomaticRanges: true,\n        field: this.field,\n        filterFacetCount: this.filterFacetCount,\n        injectionDepth: this.injectionDepth,\n        tabs: {\n          included: [...this.tabsIncluded],\n          excluded: [...this.tabsExcluded],\n        },\n      },\n    });\n    return this.facetForDatePicker;\n  }\n\n  private initializeFacetForDateRange(values: DateRangeRequest[]) {\n    this.facetForDateRange = buildDateFacet(this.bindings.engine, {\n      options: {\n        facetId: this.facetId,\n        field: this.field,\n        currentValues: values,\n        generateAutomaticRanges: false,\n        sortCriteria: this.sortCriteria,\n        filterFacetCount: this.filterFacetCount,\n        injectionDepth: this.injectionDepth,\n        tabs: {\n          included: [...this.tabsIncluded],\n          excluded: [...this.tabsExcluded],\n        },\n      },\n    });\n    return this.facetForDateRange;\n  }\n\n  private initializeFilter() {\n    this.filter = buildDateFilter(this.bindings.engine, {\n      options: {\n        facetId: `${this.facetId}_input`,\n        field: this.field,\n        tabs: {\n          included: [...this.tabsIncluded],\n          excluded: [...this.tabsExcluded],\n        },\n      },\n    });\n\n    return this.filter;\n  }\n\n  @Listen('atomic/dateInputApply')\n  public applyDateInput() {\n    this.facetId &&\n      this.bindings.engine.dispatch(\n        loadDateFacetSetActions(\n          this.bindings.engine\n        ).deselectAllDateFacetValues(this.facetId)\n      );\n  }\n\n  public render() {\n    if (!this.timeframeFacetCommon) {\n      return (\n        <FacetPlaceholder\n          numberOfValues={5}\n          isCollapsed={this.isCollapsed}\n        ></FacetPlaceholder>\n      );\n    }\n    return this.timeframeFacetCommon.render({\n      hasError: this.searchStatusState.hasError,\n      firstSearchExecuted: this.searchStatusState.firstSearchExecuted,\n      isCollapsed: this.isCollapsed,\n      headerFocus: this.focusTarget,\n      onToggleCollapse: () => (this.isCollapsed = !this.isCollapsed),\n    });\n  }\n}\n"],"version":3}
+{"file":"atomic-timeframe-facet.js","mappings":"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","names":["AtomicTimeframeFacet"],"sources":["src/components/search/facets/atomic-timeframe-facet/atomic-timeframe-facet.pcss?tag=atomic-timeframe-facet&encapsulation=shadow","src/components/search/facets/atomic-timeframe-facet/atomic-timeframe-facet.tsx"],"sourcesContent":["@import '../../../common/facets/facet-common.pcss';\n","import {\n  buildDateFacet,\n  buildDateFilter,\n  buildDateRange,\n  buildFacetConditionsManager,\n  buildSearchStatus,\n  DateFacet,\n  DateFacetState,\n  DateFilter,\n  DateFilterState,\n  DateRangeRequest,\n  deserializeRelativeDate,\n  RangeFacetSortCriterion,\n  loadDateFacetSetActions,\n  SearchStatus,\n  SearchStatusState,\n  FacetValueRequest,\n  CategoryFacetValueRequest,\n  buildTabManager,\n  TabManager,\n  TabManagerState,\n} from '@coveo/headless';\nimport {Component, Element, h, Listen, Prop, State} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {ArrayProp, MapProp} from '../../../../utils/props-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\nimport {parseDependsOn} from '../../../common/facets/depends-on';\nimport {FacetPlaceholder} from '../../../common/facets/facet-placeholder/stencil-facet-placeholder';\nimport {TimeframeFacetCommon} from '../../../common/facets/timeframe-facet-common';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * A facet is a list of values for a certain field occurring in the results.\n * An `atomic-timeframe-facet` displays a facet of the results for the current query as date intervals.\n *\n * @slot default - The `atomic-timeframe` components defining the timeframes to display.\n *\n * @part facet - The wrapper for the entire facet.\n * @part placeholder - The placeholder shown before the first search is executed.\n *\n * @part label-button - The button that displays the label and allows to expand/collapse the facet.\n * @part label-button-icon - The label button icon.\n * @part clear-button - The button that resets the actively selected facet values.\n * @part clear-button-icon - The clear button icon.\n *\n * @part values - The facet values container.\n * @part value-label - The facet value label, common for all displays.\n * @part value-count - The facet value count, common for all displays.\n * @part value-link - The facet value when display is 'link'.\n * @part value-link-selected - The selected facet value when display is 'link'.\n *\n * @part input-start - The input for the starting value of the custom date range.\n * @part input-end - The input for the ending value of the custom date range.\n * @part input-label - The label for both the start and end input.\n * @part input-apply-button - The apply button for the custom range.\n */\n@Component({\n  tag: 'atomic-timeframe-facet',\n  styleUrl: './atomic-timeframe-facet.pcss',\n  shadow: true,\n})\nexport class AtomicTimeframeFacet implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  public facetForDateRange?: DateFacet;\n  public facetForDatePicker?: DateFacet;\n\n  private timeframeFacetCommon?: TimeframeFacetCommon;\n  public filter?: DateFilter;\n  public searchStatus!: SearchStatus;\n  public tabManager!: TabManager;\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('facetForDateRange')\n  @State()\n  public facetState!: DateFacetState;\n  @BindStateToController('facetForDatePicker')\n  @State()\n  public facetForDatePickerState?: DateFacetState;\n  @BindStateToController('filter')\n  @State()\n  public filterState?: DateFilterState;\n  @BindStateToController('searchStatus')\n  @State()\n  public searchStatusState!: SearchStatusState;\n  @BindStateToController('tabManager')\n  @State()\n  public tabManagerState!: TabManagerState;\n  @State() public error!: Error;\n\n  /**\n   * Specifies a unique identifier for the facet.\n   */\n  @Prop({mutable: true, reflect: true}) public facetId?: string;\n  /**\n   * The non-localized label for the facet.\n   * Used in the atomic-breadbox component through the bindings store.\n   */\n  @Prop({reflect: true}) public label = 'no-label';\n  /**\n   * The field whose values you want to display in the facet.\n   */\n  @Prop({reflect: true}) public field = 'date';\n  /**\n   * The tabs on which the facet can be displayed. This property should not be used at the same time as `tabs-excluded`.\n   *\n   * Set this property as a stringified JSON array, for example:\n   * ```html\n   *  <atomic-timeframe-facet tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-timeframe-facet>\n   * ```\n   * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet can only be displayed on the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsIncluded: string[] | string = '[]';\n\n  /**\n   * The tabs on which this facet must not be displayed. This property should not be used at the same time as `tabs-included`.\n   *\n   * Set this property as a stringified JSON array, for example:\n   * ```html\n   *  <atomic-timeframe-facet tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-timeframe-facet>\n   * ```\n   * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet won't be displayed on any of the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsExcluded: string[] | string = '[]';\n\n  /**\n   * Whether this facet should contain an datepicker allowing users to set custom ranges.\n   */\n  @Prop({reflect: true}) public withDatePicker = false;\n  /**\n   * Specifies whether the facet is collapsed. When the facet is the child of an `atomic-facet-manager` component, the facet manager controls this property.\n   */\n  @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n  /**\n   * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading over the facet, from 1 to 6.\n   */\n  @Prop({reflect: true}) public headingLevel = 0;\n  /**\n   * Whether to exclude the parents of folded results when estimating the result count for each facet value.\n   *\n   *\n   * Note: Resulting count is only an estimation, in some cases this value could be incorrect.\n   */\n  @Prop({reflect: true}) public filterFacetCount = true;\n  /**\n   * The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.\n   * Note: A high injectionDepth may negatively impact the facet request performance.\n   * Minimum: `0`\n   * Default: `1000`\n   */\n  @Prop({reflect: true}) public injectionDepth = 1000;\n\n  /**\n   * The required facets and values for this facet to be displayed.\n   * Examples:\n   * ```html\n   * <atomic-facet facet-id=\"abc\" field=\"objecttype\" ...></atomic-facet>\n   *\n   * <!-- To show the facet when any value is selected in the facet with id \"abc\": -->\n   * <atomic-timeframe-facet\n   *   depends-on-abc\n   *   ...\n   * ></atomic-timeframe-facet>\n   *\n   * <!-- To show the facet when value \"doc\" is selected in the facet with id \"abc\": -->\n   * <atomic-timeframe-facet\n   *   depends-on-abc=\"doc\"\n   *   ...\n   * ></atomic-timeframe-facet>\n   * ```\n   */\n  @MapProp() @Prop() public dependsOn: Record<string, string> = {};\n\n  /**\n   * The earliest date to accept from user input when the `withDatepicker` option is enabled.\n   *\n   * This value must be a valid date string in the format `YYYY-MM-DD`.\n   *\n   * If this format is not respected, the date picker ignores this property, behaving as if no `min` value had been set.\n   *\n   * See also [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date#min).\n   */\n  @Prop({reflect: true}) public min?: string;\n\n  /**\n   * The latest date to accept from user input when the `withDatepicker` option is enabled.\n   *\n   * This value must be a valid date string in the format `YYYY-MM-DD`.\n   *\n   * If this format is not respected, the date picker ignores this property, behaving as if no `max` value had been set.\n   *\n   * See also [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date#max).\n   */\n  @Prop({reflect: true}) public max?: string;\n\n  /**\n   * The sort criterion to apply to the returned facet values.\n   * Possible values are 'ascending' and 'descending'.\n   */\n  @Prop({reflect: true}) public sortCriteria: RangeFacetSortCriterion =\n    'descending';\n\n  private headerFocus?: FocusTargetController;\n\n  private get focusTarget(): FocusTargetController {\n    if (!this.headerFocus) {\n      this.headerFocus = new FocusTargetController(this);\n    }\n    return this.headerFocus;\n  }\n\n  public initialize() {\n    if (\n      [...this.tabsIncluded].length > 0 &&\n      [...this.tabsExcluded].length > 0\n    ) {\n      console.warn(\n        'Values for both \"tabs-included\" and \"tabs-excluded\" have been provided. This is could lead to unexpected behaviors.'\n      );\n    }\n    this.timeframeFacetCommon = new TimeframeFacetCommon({\n      facetId: this.facetId,\n      host: this.host,\n      bindings: this.bindings,\n      label: this.label,\n      field: this.field,\n      headingLevel: this.headingLevel,\n      dependsOn: parseDependsOn(this.dependsOn) && this.dependsOn,\n      withDatePicker: this.withDatePicker,\n      setFacetId: (id: string) => (this.facetId = id),\n      buildDependenciesManager: (facetId: string) =>\n        buildFacetConditionsManager(this.bindings.engine, {\n          facetId,\n          conditions: parseDependsOn<\n            FacetValueRequest | CategoryFacetValueRequest\n          >(this.dependsOn),\n        }),\n      buildDateRange,\n      getSearchStatusState: () => this.searchStatusState,\n      deserializeRelativeDate,\n      initializeFacetForDatePicker: () => this.initializeFacetForDatePicker(),\n      initializeFacetForDateRange: (values: DateRangeRequest[]) =>\n        this.initializeFacetForDateRange(values),\n      initializeFilter: () => this.initializeFilter(),\n      min: this.min,\n      max: this.max,\n      sortCriteria: this.sortCriteria,\n    });\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n    this.tabManager = buildTabManager(this.bindings.engine);\n  }\n\n  public disconnectedCallback() {\n    this.timeframeFacetCommon?.disconnectedCallback();\n  }\n\n  private initializeFacetForDatePicker() {\n    this.facetForDatePicker = buildDateFacet(this.bindings.engine, {\n      options: {\n        facetId: `${this.facetId}_input_range`,\n        numberOfValues: 1,\n        generateAutomaticRanges: true,\n        field: this.field,\n        filterFacetCount: this.filterFacetCount,\n        injectionDepth: this.injectionDepth,\n        tabs: {\n          included: [...this.tabsIncluded],\n          excluded: [...this.tabsExcluded],\n        },\n      },\n    });\n    return this.facetForDatePicker;\n  }\n\n  private initializeFacetForDateRange(values: DateRangeRequest[]) {\n    this.facetForDateRange = buildDateFacet(this.bindings.engine, {\n      options: {\n        facetId: this.facetId,\n        field: this.field,\n        currentValues: values,\n        generateAutomaticRanges: false,\n        sortCriteria: this.sortCriteria,\n        filterFacetCount: this.filterFacetCount,\n        injectionDepth: this.injectionDepth,\n        tabs: {\n          included: [...this.tabsIncluded],\n          excluded: [...this.tabsExcluded],\n        },\n      },\n    });\n    return this.facetForDateRange;\n  }\n\n  private initializeFilter() {\n    this.filter = buildDateFilter(this.bindings.engine, {\n      options: {\n        facetId: `${this.facetId}_input`,\n        field: this.field,\n        tabs: {\n          included: [...this.tabsIncluded],\n          excluded: [...this.tabsExcluded],\n        },\n      },\n    });\n\n    return this.filter;\n  }\n\n  @Listen('atomic/dateInputApply')\n  public applyDateInput() {\n    this.facetId &&\n      this.bindings.engine.dispatch(\n        loadDateFacetSetActions(\n          this.bindings.engine\n        ).deselectAllDateFacetValues(this.facetId)\n      );\n  }\n\n  public render() {\n    if (!this.timeframeFacetCommon) {\n      return (\n        <FacetPlaceholder\n          numberOfValues={5}\n          isCollapsed={this.isCollapsed}\n        ></FacetPlaceholder>\n      );\n    }\n    return this.timeframeFacetCommon.render({\n      hasError: this.searchStatusState.hasError,\n      firstSearchExecuted: this.searchStatusState.firstSearchExecuted,\n      isCollapsed: this.isCollapsed,\n      headerFocus: this.focusTarget,\n      onToggleCollapse: () => (this.isCollapsed = !this.isCollapsed),\n    });\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-timeframe.js

@@ -11,7 +11,7 @@ const AtomicTimeframe$1 = /*@__PURE__*/ proxyCustomElement(class AtomicTimeframe
         /**
          * The amount of units from which to count.
          *
-         * E.g., 10 days, 1 year, etc.
+         * For example, 10 days, 1 year, etc.
          */
         this.amount = 1;
         this.period = 'past';

package/dist/atomic/components/atomic-timeframe.js.map

@@ -1 +1 @@
-{"file":"atomic-timeframe.js","mappings":";;MAcaA,iBAAe;;;;;;;QAII,WAAM,GAAoB,MAAM,CAAC;;;;;;QAcjC,WAAM,GAAG,CAAC,CAAC;sBAde,MAAM;;sBAcvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicTimeframe"],"sources":["src/components/common/atomic-timeframe/atomic-timeframe.tsx"],"sourcesContent":["import {RelativeDateUnit} from '@coveo/headless';\nimport {Component, Prop} from '@stencil/core';\nimport {Timeframe} from '../facets/timeframe-facet-common';\n\n\n/**\n * The `atomic-timeframe` component defines a timeframe of an `atomic-timeframe-facet`, and therefore must be defined within an `atomic-timeframe-facet` component.\n *\n * A timeframe is a span of time from now to a specific time in the past.\n */\n@Component({\n  tag: 'atomic-timeframe',\n  shadow: false,\n})\nexport class AtomicTimeframe implements Timeframe {\n  /**\n   * The relative period of time to now.\n   */\n  @Prop({reflect: true}) public period: 'past' | 'next' = 'past';\n\n  /**\n   * The unit used to define:\n   * - the start date of the timeframe, if the period is `past`\n   * - the end date of the timeframe, if the period is `future`\n   */\n  @Prop({reflect: true}) public unit!: RelativeDateUnit;\n\n  /**\n   * The amount of units from which to count.\n   *\n   * E.g., 10 days, 1 year, etc.\n   */\n  @Prop({reflect: true}) public amount = 1;\n\n  /**\n   * The non-localized label for the timeframe. When defined, it will appear instead of the formatted value.\n   * Used in the `atomic-breadbox` component through the bindings store.\n   */\n  @Prop({reflect: true}) public label?: string;\n}\n"],"version":3}
+{"file":"atomic-timeframe.js","mappings":";;MAcaA,iBAAe;;;;;;;QAII,WAAM,GAAoB,MAAM,CAAC;;;;;;QAcjC,WAAM,GAAG,CAAC,CAAC;sBAde,MAAM;;sBAcvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicTimeframe"],"sources":["src/components/common/atomic-timeframe/atomic-timeframe.tsx"],"sourcesContent":["import {RelativeDateUnit} from '@coveo/headless';\nimport {Component, Prop} from '@stencil/core';\nimport {Timeframe} from '../facets/timeframe-facet-common';\n\n\n/**\n * The `atomic-timeframe` component defines a timeframe of an `atomic-timeframe-facet`, and therefore must be defined within an `atomic-timeframe-facet` component.\n *\n * A timeframe is a span of time from now to a specific time in the past.\n */\n@Component({\n  tag: 'atomic-timeframe',\n  shadow: false,\n})\nexport class AtomicTimeframe implements Timeframe {\n  /**\n   * The relative period of time to now.\n   */\n  @Prop({reflect: true}) public period: 'past' | 'next' = 'past';\n\n  /**\n   * The unit used to define:\n   * - the start date of the timeframe, if the period is `past`\n   * - the end date of the timeframe, if the period is `future`\n   */\n  @Prop({reflect: true}) public unit!: RelativeDateUnit;\n\n  /**\n   * The amount of units from which to count.\n   *\n   * For example, 10 days, 1 year, etc.\n   */\n  @Prop({reflect: true}) public amount = 1;\n\n  /**\n   * The non-localized label for the timeframe. When defined, it will appear instead of the formatted value.\n   * Used in the `atomic-breadbox` component through the bindings store.\n   */\n  @Prop({reflect: true}) public label?: string;\n}\n"],"version":3}

package/dist/atomic/components/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.js

@@ -29,7 +29,7 @@ import styles from './atomic-commerce-breadbox.tw.css';
 /**
  * The `atomic-commerce-breadbox` component creates breadcrumbs that display a summary of the currently active facet values.
  *
- * @part container - The container of the whole component, list & label.
+ * @part container - The container of the whole component, list, and label.
  * @part breadcrumb-list-container - The container of the list of breadcrumb buttons.
  * @part breadcrumb-list - The list of breadcrumb buttons.
  * @part breadcrumb-button - A single breadcrumb button.

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

@@ -60,7 +60,7 @@ import facetValueExcludeStyles from '../../common/facets/facet-value-exclude/fac
  *
  * @part show-more - The show more values button.
  * @part show-less - The show less values button.
- * @part show-more-less-icon - The icons of the show more & show less buttons.
+ * @part show-more-less-icon - The icons of the show more and show less buttons.
  */
 let AtomicCommerceFacet = class AtomicCommerceFacet extends LitElement {
     constructor() {

package/dist/atomic/components/components/commerce/atomic-commerce-facet-number-input/atomic-commerce-facet-number-input.js

@@ -77,7 +77,6 @@ let AtomicCommerceFacetNumberInput = class AtomicCommerceFacetNumberInput extend
           ${minText}
         </label>
         <input
-          role="textbox"
           part="input-start"
           id="${facetId}_start"
           type="number"

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

@@ -168,9 +168,9 @@ let AtomicCommerceInterface = class AtomicCommerceInterface extends ChildrenUpda
      * configuration in your Coveo organization, requests made through the
      * commerce engine will start failing.
      *
-     * @param language - (Optional) The IETF language code tag (e.g., `en`).
-     * @param country - (Optional) The ISO-3166-1 country tag (e.g., `US`).
-     * @param currency - (Optional) The ISO-4217 currency code (e.g., `USD`).
+     * @param language - (Optional) The IETF language code tag (for example, `en`).
+     * @param country - (Optional) The ISO-3166-1 country tag (for example, `US`).
+     * @param currency - (Optional) The ISO-4217 currency code (for example, `USD`).
      *
      * @example
      * ```typescript

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

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

package/dist/atomic/components/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.js

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

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

@@ -9,20 +9,20 @@ import { buildProductListing, buildSearch, getCommerceApiBaseUrl, } from '@coveo
 import { html, LitElement } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
 import { when } from 'lit/directives/when.js';
+import { renderQueryErrorContainer } from "../../common/query-error/container";
+import { renderQueryErrorDescription } from "../../common/query-error/description";
+import { renderQueryErrorDetails } from "../../common/query-error/details";
+import { renderQueryErrorIcon } from "../../common/query-error/icon";
+import { renderQueryErrorLink } from "../../common/query-error/link";
+import { renderQueryErrorShowMore } from "../../common/query-error/show-more";
+import { renderQueryErrorTitle } from "../../common/query-error/title";
+import { getAriaMessageFromErrorType } from "../../common/query-error/utils";
 import { bindStateToController } from "../../../decorators/bind-state";
 import { bindingGuard } from "../../../decorators/binding-guard";
 import { bindings } from "../../../decorators/bindings";
 import { errorGuard } from "../../../decorators/error-guard";
 import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
-import { AriaLiveRegionController } from '../../../utils/accessibility-utils';
-import { renderQueryErrorContainer } from '../../common/query-error/container';
-import { renderQueryErrorDescription } from '../../common/query-error/description';
-import { renderQueryErrorDetails } from '../../common/query-error/details';
-import { renderQueryErrorIcon } from '../../common/query-error/icon';
-import { renderQueryErrorLink } from '../../common/query-error/link';
-import { renderQueryErrorShowMore } from '../../common/query-error/show-more';
-import { renderQueryErrorTitle } from '../../common/query-error/title';
-import { getAriaMessageFromErrorType } from '../../common/query-error/utils';
+import { AriaLiveRegionController } from "../../../utils/accessibility-utils";
 /**
  * The `atomic-commerce-query-error` component handles fatal errors when performing a query on the Commerce API. When the error is known, it displays a link to relevant documentation for debugging purposes. When the error is unknown, it displays a small text area with the JSON content of the error.
  *

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

@@ -18,7 +18,7 @@ import { renderQuerySummaryContainer } from '../../common/query-summary/containe
 import { renderQuerySummaryGuard } from '../../common/query-summary/guard';
 import { getProductQuerySummaryI18nParameters } from '../../common/query-summary/utils';
 /**
- * The `atomic-commerce-query-summary` component displays information about the current range of products (e.g., "Products 1-10 of 123").
+ * The `atomic-commerce-query-summary` component displays information about the current range of products (for example, "Products 1-10 of 123").
  *
  * @part container - The container for the whole summary.
  * @part highlight - The summary highlights.

package/dist/atomic/components/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.js

@@ -92,9 +92,9 @@ let AtomicCommerceRecommendationInterface = class AtomicCommerceRecommendationIn
      * configuration in your Coveo organization, requests made through the
      * commerce engine will start failing.
      *
-     * @param language - (Optional) The IETF language code tag (e.g., `en`).
-     * @param country - (Optional) The ISO-3166-1 country tag (e.g., `US`).
-     * @param currency - (Optional) The ISO-4217 currency code (e.g., `USD`).
+     * @param language - (Optional) The IETF language code tag (for example, `en`).
+     * @param country - (Optional) The ISO-3166-1 country tag (for example, `US`).
+     * @param currency - (Optional) The ISO-4217 currency code (for example, `USD`).
      *
      * @example
      * ```typescript

package/dist/atomic/components/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js

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

package/dist/atomic/components/components/commerce/atomic-commerce-refine-modal/atomic-commerce-refine-modal.js

@@ -145,7 +145,7 @@ let AtomicCommerceRefineModal = class AtomicCommerceRefineModal extends LitEleme
                 numberOfItems: this.summaryState.totalNumberOfProducts,
                 openButton: this.openButton,
             },
-        })(renderRefineModalBody()(html `
+        })(renderRefineModalBody(this.bindings.i18n)(html `
         ${this.renderSort()} ${this.renderFilters()}
       `))}`;
     }

package/dist/atomic/components/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.js

@@ -117,7 +117,7 @@ let AtomicCommerceSearchBox = class AtomicCommerceSearchBox extends LitElement {
         this.minimumQueryLength = 0;
         /**
          * Whether to clear all active query filters when the end user submits a new query from the search box.
-         * Setting this option to "false" is not recommended & can lead to an increasing number of queries returning no products.
+         * Setting this option to "false" is not recommended and can lead to an increasing number of queries returning no products.
          */
         this.clearFilters = true;
         this.updateBreakpoints = once(() => updateBreakpoints(this));
@@ -492,11 +492,8 @@ let AtomicCommerceSearchBox = class AtomicCommerceSearchBox extends LitElement {
     `;
     }
     renderSlotContent() {
-        const slots = getDefaultSlotContent(this);
-        if (slots.length > 1) {
-            console.warn('Element should only have 1 default slot.', this);
-        }
-        if (slots.length === 1) {
+        const hasDefaultSlot = getDefaultSlotContent(this).length > 0;
+        if (hasDefaultSlot) {
             return html `<slot></slot>`;
         }
         return html `<atomic-commerce-search-box-recent-queries></atomic-commerce-search-box-recent-queries>

package/dist/atomic/components/components/commerce/atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.js

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

package/dist/atomic/components/components/commerce/atomic-product-children/atomic-product-children.js

@@ -23,7 +23,7 @@ import { closest } from "../../../utils/dom-utils";
  */
 const AMOUNT_OF_VISIBLE_CHILDREN = 5;
 /**
- * The `atomic-product-children` component renders a section that allows the user to select a nested product (e.g., a color variant of a given product).
+ * The `atomic-product-children` component renders a section that allows the user to select a nested product (for example, a color variant of a given product).
  *
  * This component leverages the [product grouping](https://docs.coveo.com/en/l78i2152/) feature.
  *

package/dist/atomic/components/components/commerce/atomic-product-field-condition/atomic-product-field-condition.js

@@ -15,7 +15,7 @@ import { LightDomMixin } from "../../../mixins/light-dom";
 import { mapProperty } from "../../../utils/props-utils";
 /**
  * The `atomic-product-field-condition` component renders its children only when all of the conditions specified through its props are satisfied.
- * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).
+ * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (for example, `ec_name`).
  *
  * @slot default - The content to render if the conditions are met.
  */

package/dist/atomic/components/components/commerce/atomic-product-image/atomic-product-image.js

@@ -65,7 +65,7 @@ let AtomicProductImage = class AtomicProductImage extends LitElement {
         this.currentImage = index;
     }
     logWarning(message) {
-        this.bindings.engine.logger.warn(message, this);
+        this.bindings.engine.logger.warn(message);
     }
     handleImageError(event) {
         const image = event.target;

package/dist/atomic/components/components/common/atomic-icon/atomic-icon.js

@@ -56,7 +56,7 @@ let AtomicIcon = class AtomicIcon extends LightDomMixin(InitializeBindingsMixin(
     }
     validateSVG(svg) {
         if (!/^<svg[\s\S]+<\/svg>$/gm.test(svg)) {
-            this.bindings.engine.logger.warn('The inline "icon" prop is not an svg element. You may encounter rendering issues.', this.icon);
+            this.bindings.engine.logger.warn('The inline "icon" prop is not an svg element. You may encounter rendering issues.');
         }
     }
     async getIcon() {

package/dist/atomic/components/components/common/atomic-modal/atomic-modal.js

@@ -116,14 +116,14 @@ let AtomicModal = class AtomicModal extends InitializeBindingsMixin(LitElement)
         document.body.removeEventListener('touchmove', this.onWindowTouchMove);
     }
     // Public methods
-    initialize() {
+    async initialize() {
         if (this.isOpen) {
             this.shouldRender = true;
-            this.handleToggleOpen(this.isOpen);
+            await this.handleToggleOpen(this.isOpen);
         }
     }
-    watchToggleOpen(_prev, next) {
-        this.handleToggleOpen(next ?? this.isOpen);
+    async watchToggleOpen(_prev, next) {
+        await this.handleToggleOpen(next ?? this.isOpen);
     }
     // Private methods
     addModalOpenedClasses() {

package/dist/atomic/components/components/common/atomic-numeric-range/atomic-numeric-range.js

@@ -0,0 +1,37 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { LightDomMixin } from "../../../mixins/light-dom";
+/**
+ * The `atomic-numeric-range` component defines the range of an `atomic-numeric-facet`, and therefore must be defined within an `atomic-numeric-facet` component.
+ */
+let AtomicNumericRange = class AtomicNumericRange extends LightDomMixin(LitElement) {
+    constructor() {
+        super(...arguments);
+        /**
+         * Specifies whether the end value should be included in the range.
+         */
+        this.endInclusive = false;
+    }
+};
+__decorate([
+    property({ reflect: true })
+], AtomicNumericRange.prototype, "label", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], AtomicNumericRange.prototype, "start", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], AtomicNumericRange.prototype, "end", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], AtomicNumericRange.prototype, "endInclusive", void 0);
+AtomicNumericRange = __decorate([
+    customElement('atomic-numeric-range')
+], AtomicNumericRange);
+export { AtomicNumericRange };

package/dist/atomic/components/components/common/icon-button.js

@@ -0,0 +1,34 @@
+import { html } from 'lit';
+import './atomic-icon/atomic-icon';
+import { when } from 'lit/directives/when.js';
+import { renderButton } from './button';
+export const renderIconButton = ({ props, }) => {
+    return html `
+    <div class="relative" part="${props.partPrefix}-container">
+      ${renderButton({
+        props: {
+            ...props,
+            class: props.class
+                ? `relative h-[2.6rem] w-[2.6rem] p-3 ${props.class}`
+                : 'relative h-[2.6rem] w-[2.6rem] p-3',
+            part: `${props.partPrefix}-button`,
+            ref: props.buttonRef,
+        },
+    })(html `
+        <atomic-icon
+          icon=${props.icon}
+          class="h-4 w-4 shrink-0"
+          part="${props.partPrefix}-icon"
+        ></atomic-icon>
+      `)}
+      ${when(props.badge, () => html `
+            <span
+              part="${props.partPrefix}-badge"
+              class="bg-primary text-on-primary absolute -top-2 -right-2 block h-4 w-4 rounded-full text-center text-xs leading-4"
+            >
+              ${props.badge}
+            </span>
+          `)}
+    </div>
+  `;
+};

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

@@ -6,3 +6,4 @@ export { AtomicFacetPlaceholder } from './atomic-facet-placeholder/atomic-facet-
 export { AtomicIcon } from './atomic-icon/atomic-icon.js';
 export { AtomicLayoutSection } from './atomic-layout-section/atomic-layout-section.js';
 export { AtomicModal } from './atomic-modal/atomic-modal.js';
+export { AtomicNumericRange } from './atomic-numeric-range/atomic-numeric-range.js';

package/dist/atomic/components/components/common/interface/interface-controller.js

@@ -27,7 +27,7 @@ export class InterfaceController {
     }
     async onInitialization(initEngine) {
         if (this.host.engine) {
-            this.host.engine.logger.warn(`The ${this.interfaceTagname} component "initialize" has already been called.`, this.host);
+            this.host.engine.logger.warn(`The ${this.interfaceTagname} component "initialize" has already been called.`);
             return;
         }
         this.host.updateIconAssetsPath();

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

@@ -7,4 +7,5 @@ export default {
     'atomic-icon': async () => await import('./atomic-icon/atomic-icon.js'),
     'atomic-layout-section': async () => await import('./atomic-layout-section/atomic-layout-section.js'),
     'atomic-modal': async () => await import('./atomic-modal/atomic-modal.js'),
+    'atomic-numeric-range': async () => await import('./atomic-numeric-range/atomic-numeric-range.js'),
 };

package/dist/atomic/components/components/common/refine-modal/body.js

@@ -1,9 +1,10 @@
 import { html } from 'lit';
-export const renderRefineModalBody = () => (children) => html `
+export const renderRefineModalBody = (i18n) => (children) => html `
       <aside
         part="content"
         slot="body"
         class="flex w-full flex-col"
+        aria-label=${i18n.t('refine-modal-content')}
       >
         ${children}
       </aside>

package/dist/atomic/components/components/common/validate-props-controller/validate-props-controller.js

@@ -25,6 +25,10 @@ export class ValidatePropsController {
     }
     hostConnected() {
         this.currentProps = this.getProps();
+        if (this.host.error === null) {
+            // @ts-expect-error: we need to set the error to undefined if it was null.
+            this.host.error = undefined;
+        }
         this._validateProps();
     }
     hostUpdate() {