@coveo/atomic 3.33.8-pre.d346c5d4d9 → 3.33.8-pre.d48bdfc9a7

package/dist/atomic/p-c49cfa0c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MIN_VALUES_WHERE_FACET_SEARCH_IMPROVES_UX","FacetSearchInputGuard","withSearch","canShowMoreValues","numberOfDisplayedValues","children","h","Fragment","FacetSearchValue","props","FacetValue","facetState","atomicFacetCss","AtomicFacetStyle0","AtomicFacet","this","label","tabsIncluded","tabsExcluded","numberOfValues","sortCriteria","resultsMustMatch","displayValuesAs","isCollapsed","headingLevel","filterFacetCount","enableExclusion","injectionDepth","dependsOn","allowedValues","customSort","initialize","length","console","warn","facet","buildFacet","bindings","engine","options","facetOptions","facetId","state","searchStatus","buildSearchStatus","tabManager","buildTabManager","initAriaLive","initConditionManager","initPopover","registerFacet","disconnectedCallback","host","isConnected","facetConditionsManager","stopWatching","componentShouldUpdate","next","prev","propName","isFacetState","shouldUpdateFacetSearchComponent","facetSearch","render","FacetGuard","key","enabled","hasError","searchStatusState","firstSearchExecuted","hasResults","values","FacetContainer","FacetHeader","i18n","definedLabel","onClearFilters","focusTargets","header","focusAfterSearch","deselectAll","numberOfActiveValues","activeValues","onToggleCollapse","headerRef","el","setTarget","renderBody","FacetPlaceholder","FacetSearchInput","onChange","value","clear","updateCaptions","getFieldCaptions","field","updateText","search","onClear","query","shouldDisplaySearchResults","renderSearchResults","renderMatches","renderValues","renderShowMoreLess","renderValuesContainer","classes","FacetValuesGroup","class","part","map","facetValueProps","facetCount","count","onExclude","exclude","onSelect","singleSelect","select","facetValue","rawValue","i","shouldFocusOnShowLessAfterInteraction","shouldFocusOnShowMoreAfterInteraction","numberOfResults","toggleExclude","toggleSingleSelect","toggleSelect","setRef","btn","showLessFocus","showMoreFocus","FacetShowMoreLess","onShowMore","showMore","showMoreValues","onShowLess","showLess","showLessValues","canShowLessValues","FacetSearchMatches","numberOfMatches","hasMoreMatches","moreValuesAvailable","showMoreMatches","showMoreResults","filter","undefined","tabs","included","excluded","facetSearchQuery","isHidden","buildFacetConditionsManager","conditions","parseDependsOn","store","facetInfo","initializePopover","hasValues","announceFacetSearchResultsWithAriaLive","msg","facetSearchAriaMessage","t","element","FocusTargetController","headerFocus","__decorate","InitializeBindings","BindStateToController","ArrayProp","MapProp","AriaLiveRegion"],"sources":["src/components/common/facets/facet-search/stencil-facet-search-input-guard.tsx","src/components/common/facets/facet-search/stencil-facet-search-value.tsx","src/components/search/facets/atomic-facet/atomic-facet.pcss?tag=atomic-facet&encapsulation=shadow","src/components/search/facets/atomic-facet/atomic-facet.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\nconst MIN_VALUES_WHERE_FACET_SEARCH_IMPROVES_UX = 9;\n\ninterface FacetSearchInputGuardProps {\n  withSearch: boolean;\n  canShowMoreValues: boolean;\n  numberOfDisplayedValues: number;\n}\n\nexport const FacetSearchInputGuard: FunctionalComponent<\n  FacetSearchInputGuardProps\n> = ({withSearch, canShowMoreValues, numberOfDisplayedValues}, children) => {\n  if (!withSearch) {\n    return;\n  }\n\n  // Hide the input if there are no more values to load from the index and there are less than 8 values to display.\n  // 8 is an arbitrary number, discussed with UX as a good compromise: A list long enough where it's worth searching.\n  if (\n    !canShowMoreValues &&\n    numberOfDisplayedValues < MIN_VALUES_WHERE_FACET_SEARCH_IMPROVES_UX\n  ) {\n    return;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {FacetValueProps, FacetValue} from '../facet-value/stencil-facet-value';\n\nexport const FacetSearchValue: FunctionalComponent<\n  Omit<FacetValueProps, 'facetState' | 'setRef'>\n> = (props) => {\n  return <FacetValue {...props} facetState=\"idle\" />;\n};\n","@import '../../../../global/global.pcss';\n@import '../../../common/facets/facet-search/facet-search.pcss';\n@import '../../../common/facets/facet-common.pcss';\n@import '../../../common/facets/facet-value-checkbox/facet-value-checkbox.pcss';\n@import '../../../common/facets/facet-value-exclude/facet-value-exclude.pcss';\n@import '../../../common/facets/facet-value-box/facet-value-box.pcss';\n","import {\n  Facet,\n  buildFacet,\n  FacetState,\n  FacetOptions,\n  FacetSortCriterion,\n  SearchStatus,\n  SearchStatusState,\n  buildSearchStatus,\n  buildFacetConditionsManager,\n  FacetResultsMustMatch,\n  FacetConditionsManager,\n  FacetValueRequest,\n  CategoryFacetValueRequest,\n  TabManagerState,\n  TabManager,\n  buildTabManager,\n} from '@coveo/headless';\nimport {\n  Component,\n  h,\n  State,\n  Prop,\n  Element,\n  VNode,\n  Fragment,\n} from '@stencil/core';\nimport {getFieldCaptions} from '../../../../utils/field-utils';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {ArrayProp, MapProp} from '../../../../utils/props-utils';\nimport {\n  AriaLiveRegion,\n  FocusTargetController,\n} from '../../../../utils/stencil-accessibility-utils';\nimport {parseDependsOn} from '../../../common/facets/depends-on';\nimport {FacetInfo} from '../../../common/facets/facet-common-store';\nimport {FacetContainer} from '../../../common/facets/facet-container/stencil-facet-container';\nimport {FacetGuard} from '../../../common/facets/facet-guard';\nimport {FacetHeader} from '../../../common/facets/facet-header/stencil-facet-header';\nimport {FacetPlaceholder} from '../../../common/facets/facet-placeholder/facet-placeholder';\nimport {announceFacetSearchResultsWithAriaLive} from '../../../common/facets/facet-search/facet-search-aria-live';\nimport {\n  shouldDisplaySearchResults,\n  shouldUpdateFacetSearchComponent,\n} from '../../../common/facets/facet-search/facet-search-utils';\nimport {FacetSearchInput} from '../../../common/facets/facet-search/stencil-facet-search-input';\nimport {FacetSearchInputGuard} from '../../../common/facets/facet-search/stencil-facet-search-input-guard';\nimport {FacetSearchMatches} from '../../../common/facets/facet-search/stencil-facet-search-matches';\nimport {FacetSearchValue} from '../../../common/facets/facet-search/stencil-facet-search-value';\nimport {FacetShowMoreLess} from '../../../common/facets/facet-show-more-less/stencil-facet-show-more-less';\nimport {\n  FacetValueProps,\n  FacetValue,\n} from '../../../common/facets/facet-value/stencil-facet-value';\nimport {FacetValuesGroup} from '../../../common/facets/facet-values-group/stencil-facet-values-group';\nimport {initializePopover} from '../../../common/facets/popover/popover-type';\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, ordered using a configurable criteria (e.g., number of occurrences).\n * An `atomic-facet` displays a facet of the results for the current query.\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 search-wrapper - The search box wrapper.\n * @part search-input - The search box input.\n * @part search-icon - The search box submit button.\n * @part search-clear-button - The button to clear the search box of input.\n * @part more-matches - The label indicating there are more matches for the current facet search query.\n * @part no-matches - The label indicating there are no matches for the current facet search query.\n * @part matches-query - The highlighted query inside the matches labels.\n * @part search-highlight - The highlighted query inside the facet values.\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 *\n * @part value-checkbox - The facet value checkbox, available when display is 'checkbox'.\n * @part value-checkbox-checked - The checked facet value checkbox, available when display is 'checkbox'.\n * @part value-checkbox-label - The facet value checkbox clickable label, available when display is 'checkbox'.\n * @part value-checkbox-icon - The facet value checkbox icon, available when display is 'checkbox'.\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 * @part value-box - The facet value when display is 'box'.\n * @part value-box-selected - The selected facet value when display is 'box'.\n * @part value-exclude-button - The button to exclude a facet value, available when display is 'checkbox'.\n *\n * @part show-more - The show more results button.\n * @part show-less - The show less results button.\n * @part show-more-less-icon - The icons of the show more & show less buttons.\n */\n@Component({\n  tag: 'atomic-facet',\n  styleUrl: 'atomic-facet.pcss',\n  shadow: true,\n})\nexport class AtomicFacet implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  public facet!: Facet;\n  public searchStatus!: SearchStatus;\n  public tabManager!: TabManager;\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('facet')\n  @State()\n  public facetState!: FacetState;\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!: string;\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-facet tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-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-facet tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-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   * The number of values to request for this facet.\n   * Also determines the number of additional values to request each time more values are shown.\n   */\n  @Prop({reflect: true}) public numberOfValues = 8;\n\n  /**\n   * Whether this facet should contain a search box.\n   *\n   */\n  @Prop({reflect: true}) public withSearch = true;\n  /**\n   * The sort criterion to apply to the returned facet values.\n   * Possible values are 'score', 'alphanumeric', 'alphanumericDescending', 'occurrences', alphanumericNatural', 'alphanumericNaturalDescending' and 'automatic'.\n   */\n  @Prop({reflect: true}) public sortCriteria: FacetSortCriterion = 'automatic';\n  /**\n   * Specifies how a result must match the selected facet values.\n   * Allowed values:\n   * - `atLeastOneValue`: A result will match if at least one of the corresponding facet values is selected.\n   * - `allValues`: A result will match if all corresponding facet values are selected.\n   */\n  @Prop({reflect: true}) public resultsMustMatch: FacetResultsMustMatch =\n    'atLeastOneValue';\n  /**\n   * Whether to display the facet values as checkboxes (multiple selection), links (single selection) or boxes (multiple selection).\n   * Possible values are 'checkbox', 'link', and 'box'.\n   */\n  @Prop({reflect: true}) public displayValuesAs: 'checkbox' | 'link' | 'box' =\n    'checkbox';\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   * Whether to allow excluding values from the facet.\n   */\n  @Prop({reflect: true}) public enableExclusion = false;\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() 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-facet\n   *   depends-on-abc\n   *   ...\n   * ></atomic-facet>\n   *\n   * <!-- To show the facet when value \"doc\" is selected in the facet with id \"abc\": -->\n   * <atomic-facet\n   *   depends-on-abc=\"doc\"\n   *   ...\n   * ></atomic-facet>\n   * ```\n   */\n  @MapProp() @Prop() public dependsOn: Record<string, string> = {};\n  /**\n   * Specifies an explicit list of `allowedValues` in the Search API request, as a JSON string representation.\n   *\n   * If you specify a list of values for this option, the facet uses only these values (if they are available in\n   * the current result set).\n   *\n   * Example:\n   *\n   * The following facet only uses the `Contact`, `Account`, and `File` values of the `objecttype` field. Even if the\n   * current result set contains other `objecttype` values, such as `Message`, or `Product`, the facet does not use\n   * those other values.\n   *\n   * ```html\n   * <atomic-facet field=\"objecttype\" allowed-values='[\"Contact\",\"Account\",\"File\"]'></atomic-facet>\n   * ```\n   *\n   * The maximum amount of allowed values is 25.\n   *\n   * Default value is `undefined`, and the facet uses all available values for its `field` in the current result set.\n   */\n  @ArrayProp()\n  @Prop({mutable: true})\n  public allowedValues: string[] | string = '[]';\n\n  /**\n   * Identifies the facet values that must appear at the top, in this order.\n   * This parameter can be used in conjunction with the `sortCriteria` parameter.\n   *\n   * Facet values not part of the `customSort` list will be sorted according to the `sortCriteria`.\n   *\n   * Example:\n   *\n   * The following facet will sort the `Contact`, `Account`, and `File` values at the top of the list for the `objecttype` field.\n   *\n   * If there are more than these 3 values available, the rest of the list will be sorted using `occurrences`.\n   *\n   * ```html\n   * <atomic-facet field=\"objecttype\" custom-sort='[\"Contact\",\"Account\",\"File\"]' sort-criteria='occurrences'></atomic-facet>\n   * ```\n   * The maximum amount of custom sort values is 25.\n   *\n   * The default value is `undefined`, and the facet values will be sorted using only the `sortCriteria`.\n   */\n  @ArrayProp()\n  @Prop({mutable: true})\n  public customSort: string[] | string = '[]';\n\n  private showLessFocus?: FocusTargetController;\n  private showMoreFocus?: FocusTargetController;\n  private headerFocus?: FocusTargetController;\n  private facetConditionsManager?: FacetConditionsManager;\n\n  @AriaLiveRegion('facet-search')\n  protected facetSearchAriaMessage!: string;\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\n    if (this.displayValuesAs !== 'checkbox' && this.enableExclusion) {\n      console.warn(\n        'The \"enableExclusion\" property is only available when \"displayValuesAs\" is set to \"checkbox\".'\n      );\n    }\n\n    this.facet = buildFacet(this.bindings.engine, {options: this.facetOptions});\n    this.facetId = this.facet.state.facetId;\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n    this.tabManager = buildTabManager(this.bindings.engine);\n    this.initAriaLive();\n    this.initConditionManager();\n    this.initPopover();\n    this.registerFacet();\n  }\n\n  public disconnectedCallback() {\n    if (this.host.isConnected) {\n      return;\n    }\n    this.facetConditionsManager?.stopWatching();\n  }\n\n  public componentShouldUpdate(\n    next: FacetState,\n    prev: FacetState,\n    propName: keyof AtomicFacet\n  ) {\n    if (\n      this.isFacetState(prev, propName) &&\n      this.isFacetState(next, propName)\n    ) {\n      return shouldUpdateFacetSearchComponent(\n        next.facetSearch,\n        prev.facetSearch\n      );\n    }\n    return true;\n  }\n\n  public render() {\n    return (\n      <FacetGuard\n        enabled={this.facetState.enabled}\n        hasError={this.searchStatusState.hasError}\n        firstSearchExecuted={this.searchStatusState.firstSearchExecuted}\n        hasResults={this.facetState.values.length > 0}\n      >\n        {this.searchStatusState.firstSearchExecuted ? (\n          <FacetContainer>\n            <FacetHeader\n              i18n={this.bindings.i18n}\n              label={this.definedLabel}\n              onClearFilters={() => {\n                this.focusTargets.header.focusAfterSearch();\n                this.facet.deselectAll();\n              }}\n              numberOfActiveValues={this.activeValues.length}\n              isCollapsed={this.isCollapsed}\n              headingLevel={this.headingLevel}\n              onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n              headerRef={(el) => this.focusTargets.header.setTarget(el)}\n            ></FacetHeader>\n            {this.renderBody()}\n          </FacetContainer>\n        ) : (\n          <FacetPlaceholder\n            numberOfValues={this.numberOfValues}\n            isCollapsed={this.isCollapsed}\n          />\n        )}\n      </FacetGuard>\n    );\n  }\n\n  private renderBody() {\n    if (this.isCollapsed) {\n      return;\n    }\n    return (\n      <Fragment>\n        <FacetSearchInputGuard\n          canShowMoreValues={this.facetState.canShowMoreValues}\n          numberOfDisplayedValues={this.facetState.values.length}\n          withSearch={this.withSearch}\n        >\n          <FacetSearchInput\n            i18n={this.bindings.i18n}\n            label={this.definedLabel}\n            onChange={(value) => {\n              if (value === '') {\n                this.facet.facetSearch.clear();\n                return;\n              }\n              this.facet.facetSearch.updateCaptions(\n                getFieldCaptions(this.field, this.bindings.i18n)\n              );\n              this.facet.facetSearch.updateText(value);\n              this.facet.facetSearch.search();\n            }}\n            onClear={() => this.facet.facetSearch.clear()}\n            query={this.facetState.facetSearch.query}\n          />\n        </FacetSearchInputGuard>\n        {shouldDisplaySearchResults(this.facetState.facetSearch)\n          ? [this.renderSearchResults(), this.renderMatches()]\n          : [this.renderValues(), this.renderShowMoreLess()]}\n      </Fragment>\n    );\n  }\n\n  private renderValuesContainer(children: VNode[], query?: string) {\n    const classes = `mt-3 ${\n      this.displayValuesAs === 'box' ? 'box-container' : ''\n    }`;\n    return (\n      <FacetValuesGroup\n        i18n={this.bindings.i18n}\n        label={this.label}\n        query={query}\n      >\n        <ul class={classes} part=\"values\">\n          {children}\n        </ul>\n      </FacetValuesGroup>\n    );\n  }\n\n  private renderSearchResults() {\n    return this.renderValuesContainer(\n      this.facet.state.facetSearch.values.map((value) => (\n        <FacetSearchValue\n          {...this.facetValueProps}\n          facetCount={value.count}\n          onExclude={() => this.facet.facetSearch.exclude(value)}\n          onSelect={() =>\n            this.displayValuesAs === 'link'\n              ? this.facet.facetSearch.singleSelect(value)\n              : this.facet.facetSearch.select(value)\n          }\n          facetValue={value.rawValue}\n        />\n      ))\n    );\n  }\n\n  private renderValues() {\n    return this.renderValuesContainer(\n      this.facet.state.values.map((value, i) => {\n        const shouldFocusOnShowLessAfterInteraction = i === 0;\n        const shouldFocusOnShowMoreAfterInteraction =\n          i ===\n          (this.sortCriteria === 'automatic'\n            ? 0\n            : this.facet.state.values.length - this.numberOfValues);\n\n        return (\n          <FacetValue\n            {...this.facetValueProps}\n            facetCount={value.numberOfResults}\n            onExclude={() => this.facet.toggleExclude(value)}\n            onSelect={() =>\n              this.displayValuesAs === 'link'\n                ? this.facet.toggleSingleSelect(value)\n                : this.facet.toggleSelect(value)\n            }\n            facetValue={value.value}\n            facetState={value.state}\n            setRef={(btn) => {\n              if (shouldFocusOnShowLessAfterInteraction) {\n                this.showLessFocus?.setTarget(btn);\n              }\n              if (shouldFocusOnShowMoreAfterInteraction) {\n                this.showMoreFocus?.setTarget(btn);\n              }\n            }}\n          />\n        );\n      })\n    );\n  }\n\n  private renderShowMoreLess() {\n    return (\n      <FacetShowMoreLess\n        label={this.label}\n        i18n={this.bindings.i18n}\n        onShowMore={() => {\n          this.focusTargets.showMore.focusAfterSearch();\n          this.facet.showMoreValues();\n        }}\n        onShowLess={() => {\n          this.focusTargets.showLess.focusAfterSearch();\n          this.facet.showLessValues();\n        }}\n        canShowMoreValues={this.facet.state.canShowMoreValues}\n        canShowLessValues={this.facet.state.canShowLessValues}\n      ></FacetShowMoreLess>\n    );\n  }\n\n  private renderMatches() {\n    return (\n      <FacetSearchMatches\n        i18n={this.bindings.i18n}\n        query={this.facet.state.facetSearch.query}\n        numberOfMatches={this.facet.state.facetSearch.values.length}\n        hasMoreMatches={this.facet.state.facetSearch.moreValuesAvailable}\n        showMoreMatches={() => this.facet.facetSearch.showMoreResults()}\n      ></FacetSearchMatches>\n    );\n  }\n\n  private get activeValues() {\n    return this.facet.state.values.filter(({state}) => state !== 'idle');\n  }\n\n  private get facetOptions(): FacetOptions {\n    return {\n      facetId: this.facetId,\n      field: this.field,\n      numberOfValues: this.numberOfValues,\n      sortCriteria: this.sortCriteria,\n      resultsMustMatch: this.resultsMustMatch,\n      facetSearch: {numberOfValues: this.numberOfValues},\n      filterFacetCount: this.filterFacetCount,\n      injectionDepth: this.injectionDepth,\n      allowedValues: this.allowedValues.length\n        ? [...this.allowedValues]\n        : undefined,\n      customSort: this.customSort.length ? [...this.customSort] : undefined,\n      tabs: {\n        included: [...this.tabsIncluded],\n        excluded: [...this.tabsExcluded],\n      },\n    };\n  }\n\n  private get facetValueProps(): Pick<\n    FacetValueProps,\n    | 'displayValuesAs'\n    | 'facetSearchQuery'\n    | 'enableExclusion'\n    | 'field'\n    | 'i18n'\n  > {\n    return {\n      facetSearchQuery: this.facetState.facetSearch.query,\n      displayValuesAs: this.displayValuesAs,\n      enableExclusion: this.enableExclusion,\n      field: this.field,\n      i18n: this.bindings.i18n,\n    };\n  }\n\n  private get isHidden() {\n    return !this.facet.state.enabled || !this.facet.state.values.length;\n  }\n\n  private initConditionManager() {\n    this.facetConditionsManager = buildFacetConditionsManager(\n      this.bindings.engine,\n      {\n        facetId: this.facetId!,\n        conditions: parseDependsOn<\n          FacetValueRequest | CategoryFacetValueRequest\n        >(this.dependsOn),\n      }\n    );\n  }\n\n  private registerFacet() {\n    this.bindings.store.registerFacet('facets', this.facetInfo);\n  }\n\n  private initPopover() {\n    initializePopover(this.host, {\n      ...this.facetInfo,\n      hasValues: () => !!this.facet.state.values.length,\n      numberOfActiveValues: () => this.activeValues.length,\n    });\n  }\n\n  private initAriaLive() {\n    announceFacetSearchResultsWithAriaLive(\n      this.facet,\n      this.label,\n      (msg) => (this.facetSearchAriaMessage = msg),\n      this.bindings.i18n\n    );\n  }\n\n  private get facetInfo(): FacetInfo {\n    return {\n      label: () => this.bindings.i18n.t(this.label),\n      facetId: this.facetId!,\n      element: this.host,\n      isHidden: () => this.isHidden,\n    };\n  }\n\n  private get definedLabel() {\n    return this.label === 'no-label' && this.facetState?.label\n      ? this.facetState.label\n      : this.label;\n  }\n\n  private get focusTargets(): {\n    showLess: FocusTargetController;\n    showMore: FocusTargetController;\n    header: FocusTargetController;\n  } {\n    if (!this.showLessFocus) {\n      this.showLessFocus = new FocusTargetController(this);\n    }\n    if (!this.showMoreFocus) {\n      this.showMoreFocus = new FocusTargetController(this);\n    }\n    if (!this.headerFocus) {\n      this.headerFocus = new FocusTargetController(this);\n    }\n\n    return {\n      showLess: this.showLessFocus,\n      showMore: this.showMoreFocus,\n      header: this.headerFocus,\n    };\n  }\n\n  private isFacetState(state: unknown, propName: string): state is FacetState {\n    return (\n      propName === 'facetState' &&\n      typeof (state as FacetState)?.facetId === 'string'\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/p-c88a3d2d.entry.js

@@ -0,0 +1,2 @@
+import{h as n,r as t,c as r,H as e,g as i}from"./p-dc3df5ce.js";import{isNullOrUndefined as a}from"@coveo/bueno";import{buildStandaloneSearchBox as o,buildSearchBox as l}from"@coveo/headless";import{i as s,h as c}from"./p-6292386d.js";import{I as d,B as h}from"./p-ff2d324d.js";import{a as w,S as p}from"./p-946fe85f.js";import{u as m}from"./p-26598ee0.js";import{A as g}from"./p-31a13850.js";import{o as b,r as u,j as v,h as f}from"./p-a12e1c59.js";import{a as y,b as x,S as k,c as z}from"./p-16f4ce98.js";import{B as j}from"./p-b93ccff9.js";import{a as S}from"./p-0a051b8d.js";import"./p-c9074946.js";import"./p-1580513b.js";import"./p-05de7ca3.js";import"./p-cae02339.js";import"./p-f284897c.js";import"./p-0462f723.js";import"./p-01c91b69.js";import"./p-21ab6f55.js";const q=({bindings:t,disabled:r,onClick:e})=>n("div",{part:"submit-button-wrapper",class:"mr-2 flex items-center justify-center py-2"},n(j,{style:"text-primary",class:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full",part:"submit-button",ariaLabel:t.i18n.t("search"),onClick:()=>{e?.()},disabled:r},n("atomic-icon",{part:"submit-icon",icon:y,class:"h-4 w-4"})));const F='/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer properties {\n  *, :before, :after, ::backdrop {\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-translate-z: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-scale-z: 1;\n    --tw-rotate-x: initial;\n    --tw-rotate-y: initial;\n    --tw-rotate-z: initial;\n    --tw-skew-x: initial;\n    --tw-skew-y: initial;\n    --tw-space-x-reverse: 0;\n    --tw-divide-y-reverse: 0;\n    --tw-border-style: solid;\n    --tw-gradient-position: initial;\n    --tw-gradient-from: #0000;\n    --tw-gradient-via: #0000;\n    --tw-gradient-to: #0000;\n    --tw-gradient-stops: initial;\n    --tw-gradient-via-stops: initial;\n    --tw-gradient-from-position: 0%;\n    --tw-gradient-via-position: 50%;\n    --tw-gradient-to-position: 100%;\n    --tw-leading: initial;\n    --tw-font-weight: initial;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-color: initial;\n    --tw-shadow-alpha: 100%;\n    --tw-inset-shadow: 0 0 #0000;\n    --tw-inset-shadow-color: initial;\n    --tw-inset-shadow-alpha: 100%;\n    --tw-ring-color: initial;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-inset-ring-color: initial;\n    --tw-inset-ring-shadow: 0 0 #0000;\n    --tw-ring-inset: initial;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-outline-style: solid;\n    --tw-blur: initial;\n    --tw-brightness: initial;\n    --tw-contrast: initial;\n    --tw-grayscale: initial;\n    --tw-hue-rotate: initial;\n    --tw-invert: initial;\n    --tw-opacity: initial;\n    --tw-saturate: initial;\n    --tw-sepia: initial;\n    --tw-drop-shadow: initial;\n    --tw-drop-shadow-color: initial;\n    --tw-drop-shadow-alpha: 100%;\n    --tw-drop-shadow-size: initial;\n    --tw-duration: initial;\n    --tw-ease: initial;\n    --tw-content: "";\n  }\n}\n@layer theme, base, components, utilities;\n@layer theme;\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",\n    "Courier New", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n    }\n    @supports (color: color-mix(in lab, red, red)) {\n      ::placeholder {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden="until-found"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .\\@container {\n    container-type: inline-size;\n  }\n  .pointer-events-auto {\n    pointer-events: auto;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .collapse {\n    visibility: collapse;\n  }\n  .invisible {\n    visibility: hidden;\n  }\n  .visible {\n    visibility: visible;\n  }\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .relative {\n    position: relative;\n  }\n  .static {\n    position: static;\n  }\n  .sticky {\n    position: sticky;\n  }\n  .inset-0 {\n    inset: calc(0.25rem * 0);\n  }\n  .-top-2 {\n    top: calc(0.25rem * -2);\n  }\n  .-top-4 {\n    top: calc(0.25rem * -4);\n  }\n  .top-0 {\n    top: calc(0.25rem * 0);\n  }\n  .top-1\\/2 {\n    top: calc(1/2 * 100%);\n  }\n  .top-6 {\n    top: calc(0.25rem * 6);\n  }\n  .top-\\[4px\\] {\n    top: 4px;\n  }\n  .top-full {\n    top: 100%;\n  }\n  .top-px {\n    top: 1px;\n  }\n  .-right-2 {\n    right: calc(0.25rem * -2);\n  }\n  .right-0 {\n    right: calc(0.25rem * 0);\n  }\n  .right-2 {\n    right: calc(0.25rem * 2);\n  }\n  .right-6 {\n    right: calc(0.25rem * 6);\n  }\n  .right-12 {\n    right: calc(0.25rem * 12);\n  }\n  .right-20 {\n    right: calc(0.25rem * 20);\n  }\n  .right-px {\n    right: 1px;\n  }\n  .bottom-0 {\n    bottom: calc(0.25rem * 0);\n  }\n  .bottom-1 {\n    bottom: calc(0.25rem * 1);\n  }\n  .bottom-2 {\n    bottom: calc(0.25rem * 2);\n  }\n  .bottom-px {\n    bottom: 1px;\n  }\n  .left-0 {\n    left: calc(0.25rem * 0);\n  }\n  .left-1 {\n    left: calc(0.25rem * 1);\n  }\n  .left-2 {\n    left: calc(0.25rem * 2);\n  }\n  .left-\\[15px\\] {\n    left: 15px;\n  }\n  .isolate {\n    isolation: isolate;\n  }\n  .z-0 {\n    z-index: 0;\n  }\n  .z-1 {\n    z-index: 1;\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-9998 {\n    z-index: 9998;\n  }\n  .z-9999 {\n    z-index: 9999;\n  }\n  .order-last {\n    order: 9999;\n  }\n  .col-span-2 {\n    grid-column: span 2 / span 2;\n  }\n  .container {\n    width: 100%;\n  }\n  @media (width >= 1024px) {\n    .container {\n      max-width: 1024px;\n    }\n  }\n  @media (width >= 40rem) {\n    .container {\n      max-width: 40rem;\n    }\n  }\n  @media (width >= 48rem) {\n    .container {\n      max-width: 48rem;\n    }\n  }\n  @media (width >= 64rem) {\n    .container {\n      max-width: 64rem;\n    }\n  }\n  @media (width >= 80rem) {\n    .container {\n      max-width: 80rem;\n    }\n  }\n  @media (width >= 96rem) {\n    .container {\n      max-width: 96rem;\n    }\n  }\n  .m-0 {\n    margin: calc(0.25rem * 0);\n  }\n  .m-2 {\n    margin: calc(0.25rem * 2);\n  }\n  .mx-0 {\n    margin-inline: calc(0.25rem * 0);\n  }\n  .mx-0\\.5 {\n    margin-inline: calc(0.25rem * 0.5);\n  }\n  .mx-1 {\n    margin-inline: calc(0.25rem * 1);\n  }\n  .mx-6 {\n    margin-inline: calc(0.25rem * 6);\n  }\n  .mx-16 {\n    margin-inline: calc(0.25rem * 16);\n  }\n  .mx-auto {\n    margin-inline: auto;\n  }\n  .my-2 {\n    margin-block: calc(0.25rem * 2);\n  }\n  .my-3 {\n    margin-block: calc(0.25rem * 3);\n  }\n  .my-4 {\n    margin-block: calc(0.25rem * 4);\n  }\n  .my-6 {\n    margin-block: calc(0.25rem * 6);\n  }\n  .my-auto {\n    margin-block: auto;\n  }\n  .mt-0 {\n    margin-top: calc(0.25rem * 0);\n  }\n  .mt-1 {\n    margin-top: calc(0.25rem * 1);\n  }\n  .mt-1\\.5 {\n    margin-top: calc(0.25rem * 1.5);\n  }\n  .mt-2 {\n    margin-top: calc(0.25rem * 2);\n  }\n  .mt-2\\.5 {\n    margin-top: calc(0.25rem * 2.5);\n  }\n  .mt-3 {\n    margin-top: calc(0.25rem * 3);\n  }\n  .mt-4 {\n    margin-top: calc(0.25rem * 4);\n  }\n  .mt-6 {\n    margin-top: calc(0.25rem * 6);\n  }\n  .mt-7 {\n    margin-top: calc(0.25rem * 7);\n  }\n  .mt-8 {\n    margin-top: calc(0.25rem * 8);\n  }\n  .mt-10 {\n    margin-top: calc(0.25rem * 10);\n  }\n  .mt-px {\n    margin-top: 1px;\n  }\n  .mr-0 {\n    margin-right: calc(0.25rem * 0);\n  }\n  .mr-0\\.5 {\n    margin-right: calc(0.25rem * 0.5);\n  }\n  .mr-1 {\n    margin-right: calc(0.25rem * 1);\n  }\n  .mr-1\\.5 {\n    margin-right: calc(0.25rem * 1.5);\n  }\n  .mr-2 {\n    margin-right: calc(0.25rem * 2);\n  }\n  .mr-3 {\n    margin-right: calc(0.25rem * 3);\n  }\n  .mr-6 {\n    margin-right: calc(0.25rem * 6);\n  }\n  .mb-0 {\n    margin-bottom: calc(0.25rem * 0);\n  }\n  .mb-1 {\n    margin-bottom: calc(0.25rem * 1);\n  }\n  .mb-2 {\n    margin-bottom: calc(0.25rem * 2);\n  }\n  .mb-3 {\n    margin-bottom: calc(0.25rem * 3);\n  }\n  .mb-4 {\n    margin-bottom: calc(0.25rem * 4);\n  }\n  .mb-6 {\n    margin-bottom: calc(0.25rem * 6);\n  }\n  .ml-0\\.5 {\n    margin-left: calc(0.25rem * 0.5);\n  }\n  .ml-1 {\n    margin-left: calc(0.25rem * 1);\n  }\n  .ml-2 {\n    margin-left: calc(0.25rem * 2);\n  }\n  .ml-4 {\n    margin-left: calc(0.25rem * 4);\n  }\n  .ml-6 {\n    margin-left: calc(0.25rem * 6);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .box-border {\n    box-sizing: border-box;\n  }\n  .box-content {\n    box-sizing: content-box;\n  }\n  .line-clamp-1 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  .line-clamp-2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  .line-clamp-3 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n  .line-clamp-4 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 4;\n  }\n  .line-clamp-none {\n    overflow: visible;\n    display: block;\n    -webkit-box-orient: horizontal;\n    -webkit-line-clamp: unset;\n  }\n  .block {\n    display: block;\n  }\n  .contents {\n    display: contents;\n  }\n  .flex {\n    display: flex;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .inline {\n    display: inline;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .table {\n    display: table;\n  }\n  .aspect-square-\\[auto\\] {\n    aspect-ratio: 1 / 1;\n    height: auto;\n  }\n  @supports not (aspect-ratio: 1 / 1) {\n    .aspect-square-\\[auto\\] {\n      height: auto;\n    }\n  }\n  .aspect-square-\\[auto\\] {\n    aspect-ratio: 1 / 1;\n    height: auto;\n  }\n  @supports not (aspect-ratio: 1 / 1) {\n    .aspect-square-\\[auto\\] {\n      height: auto;\n    }\n  }\n  .aspect-square {\n    aspect-ratio: 1 / 1;\n  }\n  .size-\\[27px\\] {\n    width: 27px;\n    height: 27px;\n  }\n  .h-1 {\n    height: calc(0.25rem * 1);\n  }\n  .h-2 {\n    height: calc(0.25rem * 2);\n  }\n  .h-2\\.5 {\n    height: calc(0.25rem * 2.5);\n  }\n  .h-3 {\n    height: calc(0.25rem * 3);\n  }\n  .h-4 {\n    height: calc(0.25rem * 4);\n  }\n  .h-5 {\n    height: calc(0.25rem * 5);\n  }\n  .h-5\\/6 {\n    height: calc(5/6 * 100%);\n  }\n  .h-6 {\n    height: calc(0.25rem * 6);\n  }\n  .h-7 {\n    height: calc(0.25rem * 7);\n  }\n  .h-8 {\n    height: calc(0.25rem * 8);\n  }\n  .h-9 {\n    height: calc(0.25rem * 9);\n  }\n  .h-10 {\n    height: calc(0.25rem * 10);\n  }\n  .h-12 {\n    height: calc(0.25rem * 12);\n  }\n  .h-\\[2\\.6rem\\] {\n    height: 2.6rem;\n  }\n  .h-\\[9px\\] {\n    height: 9px;\n  }\n  .h-auto {\n    height: auto;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .max-h-96 {\n    max-height: calc(0.25rem * 96);\n  }\n  .min-h-10 {\n    min-height: calc(0.25rem * 10);\n  }\n  .min-lines-2 {\n    min-height: calc(var(--line-height) * 2);\n  }\n  .min-lines-2 {\n    min-height: calc(var(--line-height) * 2);\n  }\n  .min-lines-3 {\n    min-height: calc(var(--line-height) * 3);\n  }\n  .min-lines-3 {\n    min-height: calc(var(--line-height) * 3);\n  }\n  .w-0\\.5 {\n    width: calc(0.25rem * 0.5);\n  }\n  .w-1 {\n    width: calc(0.25rem * 1);\n  }\n  .w-1\\/2 {\n    width: calc(1/2 * 100%);\n  }\n  .w-2 {\n    width: calc(0.25rem * 2);\n  }\n  .w-2\\.5 {\n    width: calc(0.25rem * 2.5);\n  }\n  .w-3 {\n    width: calc(0.25rem * 3);\n  }\n  .w-3\\.5 {\n    width: calc(0.25rem * 3.5);\n  }\n  .w-3\\/5 {\n    width: calc(3/5 * 100%);\n  }\n  .w-4 {\n    width: calc(0.25rem * 4);\n  }\n  .w-5 {\n    width: calc(0.25rem * 5);\n  }\n  .w-5\\/6 {\n    width: calc(5/6 * 100%);\n  }\n  .w-6 {\n    width: calc(0.25rem * 6);\n  }\n  .w-7 {\n    width: calc(0.25rem * 7);\n  }\n  .w-8 {\n    width: calc(0.25rem * 8);\n  }\n  .w-9 {\n    width: calc(0.25rem * 9);\n  }\n  .w-10 {\n    width: calc(0.25rem * 10);\n  }\n  .w-12 {\n    width: calc(0.25rem * 12);\n  }\n  .w-20 {\n    width: calc(0.25rem * 20);\n  }\n  .w-26 {\n    width: calc(0.25rem * 26);\n  }\n  .w-28 {\n    width: calc(0.25rem * 28);\n  }\n  .w-32 {\n    width: calc(0.25rem * 32);\n  }\n  .w-36 {\n    width: calc(0.25rem * 36);\n  }\n  .w-44 {\n    width: calc(0.25rem * 44);\n  }\n  .w-48 {\n    width: calc(0.25rem * 48);\n  }\n  .w-60 {\n    width: calc(0.25rem * 60);\n  }\n  .w-64 {\n    width: calc(0.25rem * 64);\n  }\n  .w-72 {\n    width: calc(0.25rem * 72);\n  }\n  .w-100 {\n    width: calc(0.25rem * 100);\n  }\n  .w-\\[2\\.6rem\\] {\n    width: 2.6rem;\n  }\n  .w-auto {\n    width: auto;\n  }\n  .w-fit {\n    width: fit-content;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .w-max {\n    width: max-content;\n  }\n  .max-w-4\\/5 {\n    max-width: calc(4/5 * 100%);\n  }\n  .max-w-60 {\n    max-width: calc(0.25rem * 60);\n  }\n  .max-w-\\[30ch\\] {\n    max-width: 30ch;\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .max-w-lg {\n    max-width: 32rem;\n  }\n  .max-w-max {\n    max-width: max-content;\n  }\n  .min-w-0 {\n    min-width: calc(0.25rem * 0);\n  }\n  .min-w-10 {\n    min-width: calc(0.25rem * 10);\n  }\n  .min-w-20 {\n    min-width: calc(0.25rem * 20);\n  }\n  .min-w-24 {\n    min-width: calc(0.25rem * 24);\n  }\n  .min-w-full {\n    min-width: 100%;\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-none {\n    flex: none;\n  }\n  .flex-shrink {\n    flex-shrink: 1;\n  }\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n  .flex-grow {\n    flex-grow: 1;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n  .basis-1\\/2 {\n    flex-basis: calc(1/2 * 100%);\n  }\n  .basis-8 {\n    flex-basis: calc(0.25rem * 8);\n  }\n  .border-collapse {\n    border-collapse: collapse;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-1\\/2 {\n    --tw-translate-x: calc(1/2 * 100%);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .scale-75 {\n    --tw-scale-x: 75%;\n    --tw-scale-y: 75%;\n    --tw-scale-z: 75%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-100 {\n    --tw-scale-x: 100%;\n    --tw-scale-y: 100%;\n    --tw-scale-z: 100%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .rotate-180 {\n    rotate: 180deg;\n  }\n  .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .animate-pulse {\n    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  }\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n  .cursor-\\[inherit\\] {\n    cursor: inherit;\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .resize {\n    resize: both;\n  }\n  .resize-none {\n    resize: none;\n  }\n  .list-outside {\n    list-style-position: outside;\n  }\n  .list-decimal {\n    list-style-type: decimal;\n  }\n  .list-disc {\n    list-style-type: disc;\n  }\n  .list-none {\n    list-style-type: none;\n  }\n  .appearance-none {\n    appearance: none;\n  }\n  .grid-cols-\\[min-content_1fr\\] {\n    grid-template-columns: min-content 1fr;\n  }\n  .grid-cols-\\[min-content_auto\\] {\n    grid-template-columns: min-content auto;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-nowrap {\n    flex-wrap: nowrap;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .place-items-center {\n    place-items: center;\n  }\n  .content-center {\n    align-content: center;\n  }\n  .items-baseline {\n    align-items: baseline;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .gap-0\\.5 {\n    gap: calc(0.25rem * 0.5);\n  }\n  .gap-1 {\n    gap: calc(0.25rem * 1);\n  }\n  .gap-2 {\n    gap: calc(0.25rem * 2);\n  }\n  .gap-3 {\n    gap: calc(0.25rem * 3);\n  }\n  .gap-4 {\n    gap: calc(0.25rem * 4);\n  }\n  .gap-8 {\n    gap: calc(0.25rem * 8);\n  }\n  :where(.space-y-1 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\n  }\n  .gap-x-1\\.5 {\n    column-gap: calc(0.25rem * 1.5);\n  }\n  .gap-x-2 {\n    column-gap: calc(0.25rem * 2);\n  }\n  .gap-x-4 {\n    column-gap: calc(0.25rem * 4);\n  }\n  :where(.space-x-1\\.5 > :not(:last-child)) {\n    --tw-space-x-reverse: 0;\n    margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\n    margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\n  }\n  .gap-y-0\\.5 {\n    row-gap: calc(0.25rem * 0.5);\n  }\n  :where(.divide-y > :not(:last-child)) {\n    --tw-divide-y-reverse: 0;\n    border-bottom-style: var(--tw-border-style);\n    border-top-style: var(--tw-border-style);\n    border-top-width: calc(1px * var(--tw-divide-y-reverse));\n    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  }\n  :where(.divide-neutral > :not(:last-child)) {\n    border-color: var(--atomic-neutral);\n  }\n  .self-center {\n    align-self: center;\n  }\n  .self-start {\n    align-self: flex-start;\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .overflow-auto {\n    overflow: auto;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .overflow-x-clip {\n    overflow-x: clip;\n  }\n  .overflow-x-scroll {\n    overflow-x: scroll;\n  }\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n  .overflow-y-visible {\n    overflow-y: visible;\n  }\n  .scroll-smooth {\n    scroll-behavior: smooth;\n  }\n  .rounded {\n    border-radius: var(--atomic-border-radius);\n  }\n  .rounded-3xl {\n    border-radius: 1.5rem;\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .rounded-lg {\n    border-radius: var(--atomic-border-radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--atomic-border-radius-md);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-sm {\n    border-radius: var(--atomic-border-radius);\n  }\n  .rounded-xl {\n    border-radius: var(--atomic-border-radius-xl);\n  }\n  .rounded-tl-none {\n    border-top-left-radius: 0;\n  }\n  .rounded-r-none {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n  }\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-gray-200 {\n    border-color: oklch(0.928 0.006 264.531);\n  }\n  .border-neutral {\n    border-color: var(--atomic-neutral);\n  }\n  .border-neutral-dark {\n    border-color: var(--atomic-neutral-dark);\n  }\n  .border-neutral-dim {\n    border-color: var(--atomic-neutral-dim);\n  }\n  .border-primary {\n    border-color: var(--atomic-primary);\n  }\n  .border-primary-light {\n    border-color: var(--atomic-primary-light);\n  }\n  .border-t-neutral {\n    border-top-color: var(--atomic-neutral);\n  }\n  .border-b-neutral {\n    border-bottom-color: var(--atomic-neutral);\n  }\n  .border-b-neutral-dim {\n    border-bottom-color: var(--atomic-neutral-dim);\n  }\n  .border-l-neutral {\n    border-left-color: var(--atomic-neutral);\n  }\n  .border-l-neutral-dim {\n    border-left-color: var(--atomic-neutral-dim);\n  }\n  .bg-\\[\\#F1F2FF\\] {\n    background-color: #F1F2FF;\n  }\n  .bg-\\[rgba\\(40\\,40\\,40\\,0\\.8\\)\\] {\n    background-color: rgba(40,40,40,0.8);\n  }\n  .bg-background {\n    background-color: var(--atomic-background);\n  }\n  .bg-error {\n    background-color: var(--atomic-error);\n  }\n  .bg-gray-50 {\n    background-color: oklch(0.985 0.002 247.839);\n  }\n  .bg-neutral {\n    background-color: var(--atomic-neutral);\n  }\n  .bg-neutral-dark {\n    background-color: var(--atomic-neutral-dark);\n  }\n  .bg-neutral-light {\n    background-color: var(--atomic-neutral-light);\n  }\n  .bg-primary {\n    background-color: var(--atomic-primary);\n  }\n  .bg-primary-background {\n    background-color: var(--atomic-primary-background);\n  }\n  .bg-transparent {\n    background-color: transparent;\n  }\n  .bg-white {\n    background-color: #fff;\n  }\n  .bg-linear-to-l {\n    --tw-gradient-position: to left;\n  }\n  @supports (background-image: linear-gradient(in lab, red, red)) {\n    .bg-linear-to-l {\n      --tw-gradient-position: to left in oklab;\n    }\n  }\n  .bg-linear-to-l {\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-linear-to-r {\n    --tw-gradient-position: to right;\n  }\n  @supports (background-image: linear-gradient(in lab, red, red)) {\n    .bg-linear-to-r {\n      --tw-gradient-position: to right in oklab;\n    }\n  }\n  .bg-linear-to-r {\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .from-background\\/60 {\n    --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\n  }\n  @supports (color: color-mix(in lab, red, red)) {\n    .from-background\\/60 {\n      --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\n    }\n  }\n  .from-background\\/60 {\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-more-results-progress-bar-color-from {\n    --tw-gradient-from: var(\n    --atomic-more-results-progress-bar-color-from,\n    var(--atomic-primary-dark)\n  );\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-more-results-progress-bar-color-to {\n    --tw-gradient-to: var(\n    --atomic-more-results-progress-bar-color-to,\n    var(--atomic-primary-light)\n  );\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .fill-current {\n    fill: currentcolor;\n  }\n  .stroke-\\[1\\.25\\] {\n    stroke-width: 1.25;\n  }\n  .object-contain {\n    object-fit: contain;\n  }\n  .p-0 {\n    padding: calc(0.25rem * 0);\n  }\n  .p-1 {\n    padding: calc(0.25rem * 1);\n  }\n  .p-2 {\n    padding: calc(0.25rem * 2);\n  }\n  .p-2\\.5 {\n    padding: calc(0.25rem * 2.5);\n  }\n  .p-3 {\n    padding: calc(0.25rem * 3);\n  }\n  .p-3\\.5 {\n    padding: calc(0.25rem * 3.5);\n  }\n  .p-4 {\n    padding: calc(0.25rem * 4);\n  }\n  .p-6 {\n    padding: calc(0.25rem * 6);\n  }\n  .p-7 {\n    padding: calc(0.25rem * 7);\n  }\n  .p-8 {\n    padding: calc(0.25rem * 8);\n  }\n  .px-1 {\n    padding-inline: calc(0.25rem * 1);\n  }\n  .px-2 {\n    padding-inline: calc(0.25rem * 2);\n  }\n  .px-2\\.5 {\n    padding-inline: calc(0.25rem * 2.5);\n  }\n  .px-3 {\n    padding-inline: calc(0.25rem * 3);\n  }\n  .px-4 {\n    padding-inline: calc(0.25rem * 4);\n  }\n  .px-6 {\n    padding-inline: calc(0.25rem * 6);\n  }\n  .px-9 {\n    padding-inline: calc(0.25rem * 9);\n  }\n  .py-0\\.5 {\n    padding-block: calc(0.25rem * 0.5);\n  }\n  .py-1 {\n    padding-block: calc(0.25rem * 1);\n  }\n  .py-1\\.5 {\n    padding-block: calc(0.25rem * 1.5);\n  }\n  .py-2 {\n    padding-block: calc(0.25rem * 2);\n  }\n  .py-2\\.5 {\n    padding-block: calc(0.25rem * 2.5);\n  }\n  .py-3 {\n    padding-block: calc(0.25rem * 3);\n  }\n  .py-3\\.5 {\n    padding-block: calc(0.25rem * 3.5);\n  }\n  .py-4 {\n    padding-block: calc(0.25rem * 4);\n  }\n  .py-4\\.5 {\n    padding-block: calc(0.25rem * 4.5);\n  }\n  .py-5 {\n    padding-block: calc(0.25rem * 5);\n  }\n  .py-6 {\n    padding-block: calc(0.25rem * 6);\n  }\n  .pt-0\\.5 {\n    padding-top: calc(0.25rem * 0.5);\n  }\n  .pt-8 {\n    padding-top: calc(0.25rem * 8);\n  }\n  .pr-2 {\n    padding-right: calc(0.25rem * 2);\n  }\n  .pr-6 {\n    padding-right: calc(0.25rem * 6);\n  }\n  .pr-24 {\n    padding-right: calc(0.25rem * 24);\n  }\n  .pb-1 {\n    padding-bottom: calc(0.25rem * 1);\n  }\n  .pb-3 {\n    padding-bottom: calc(0.25rem * 3);\n  }\n  .pb-4 {\n    padding-bottom: calc(0.25rem * 4);\n  }\n  .pb-5 {\n    padding-bottom: calc(0.25rem * 5);\n  }\n  .pb-6 {\n    padding-bottom: calc(0.25rem * 6);\n  }\n  .pl-0 {\n    padding-left: calc(0.25rem * 0);\n  }\n  .pl-1 {\n    padding-left: calc(0.25rem * 1);\n  }\n  .pl-3 {\n    padding-left: calc(0.25rem * 3);\n  }\n  .pl-7 {\n    padding-left: calc(0.25rem * 7);\n  }\n  .pl-9 {\n    padding-left: calc(0.25rem * 9);\n  }\n  .pl-10 {\n    padding-left: calc(0.25rem * 10);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .align-baseline {\n    vertical-align: baseline;\n  }\n  .align-bottom {\n    vertical-align: bottom;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .font-sans {\n    font-family: var(--atomic-font-family);\n  }\n  .set-font-size-sm {\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n  }\n  .set-font-size-sm {\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n  }\n  .text-2xl {\n    font-size: var(--atomic-text-2xl);\n    line-height: var(--tw-leading, calc(2 / 1.5));\n  }\n  .text-base {\n    font-size: var(--atomic-text-base);\n    line-height: var(--tw-leading, calc(1.5 / 1));\n  }\n  .text-lg {\n    font-size: var(--atomic-text-lg);\n    line-height: var(--tw-leading, calc(1.75 / 1.125));\n  }\n  .text-sm {\n    font-size: var(--atomic-text-sm);\n    line-height: var(--tw-leading, calc(1.25 / 0.875));\n  }\n  .text-xl {\n    font-size: var(--atomic-text-xl);\n    line-height: var(--tw-leading, calc(1.75 / 1.25));\n  }\n  .text-xs {\n    font-size: 0.75rem;\n    line-height: var(--tw-leading, calc(1 / 0.75));\n  }\n  .text-xs\\/\\[1rem\\] {\n    font-size: 0.75rem;\n    line-height: 1rem;\n  }\n  .leading-4 {\n    --tw-leading: calc(0.25rem * 4);\n    line-height: calc(0.25rem * 4);\n  }\n  .leading-5 {\n    --tw-leading: calc(0.25rem * 5);\n    line-height: calc(0.25rem * 5);\n  }\n  .leading-6 {\n    --tw-leading: calc(0.25rem * 6);\n    line-height: calc(0.25rem * 6);\n  }\n  .leading-8 {\n    --tw-leading: calc(0.25rem * 8);\n    line-height: calc(0.25rem * 8);\n  }\n  .leading-10 {\n    --tw-leading: calc(0.25rem * 10);\n    line-height: calc(0.25rem * 10);\n  }\n  .leading-\\[1\\.5\\] {\n    --tw-leading: 1.5;\n    line-height: 1.5;\n  }\n  .leading-\\[calc\\(1\\/\\.75\\)\\] {\n    --tw-leading: calc(1 / .75);\n    line-height: calc(1 / .75);\n  }\n  .leading-\\[var\\(--line-height\\)\\] {\n    --tw-leading: var(--line-height);\n    line-height: var(--line-height);\n  }\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n  .font-bold {\n    --tw-font-weight: var(--atomic-font-bold);\n    font-weight: var(--atomic-font-bold);\n  }\n  .font-light {\n    --tw-font-weight: 300;\n    font-weight: 300;\n  }\n  .font-medium {\n    --tw-font-weight: 500;\n    font-weight: 500;\n  }\n  .font-normal {\n    --tw-font-weight: var(--atomic-font-normal);\n    font-weight: var(--atomic-font-normal);\n  }\n  .font-semibold {\n    --tw-font-weight: 600;\n    font-weight: 600;\n  }\n  .break-words {\n    overflow-wrap: break-word;\n  }\n  .break-all {\n    word-break: break-all;\n  }\n  .break-keep {\n    word-break: keep-all;\n  }\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n  .whitespace-normal {\n    white-space: normal;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .whitespace-pre-wrap {\n    white-space: pre-wrap;\n  }\n  .text-\\[\\#54698D\\] {\n    color: #54698D;\n  }\n  .text-\\[inherit\\] {\n    color: inherit;\n  }\n  .text-black {\n    color: #000;\n  }\n  .text-error {\n    color: var(--atomic-error);\n  }\n  .text-gray-500 {\n    color: oklch(0.551 0.027 264.364);\n  }\n  .text-gray-600 {\n    color: oklch(0.446 0.03 256.802);\n  }\n  .text-gray-700 {\n    color: oklch(0.373 0.034 259.733);\n  }\n  .text-gray-900 {\n    color: oklch(0.21 0.034 264.665);\n  }\n  .text-green-600 {\n    color: oklch(0.627 0.194 149.214);\n  }\n  .text-inline-code {\n    color: var(--atomic-inline-code);\n  }\n  .text-neutral {\n    color: var(--atomic-neutral);\n  }\n  .text-neutral-dark {\n    color: var(--atomic-neutral-dark);\n  }\n  .text-on-background {\n    color: var(--atomic-on-background);\n  }\n  .text-on-primary {\n    color: var(--atomic-on-primary);\n  }\n  .text-primary {\n    color: var(--atomic-primary);\n  }\n  .text-primary-light {\n    color: var(--atomic-primary-light);\n  }\n  .text-rating-icon-active {\n    color: var(--atomic-rating-icon-active-color, #f6ce3c);\n  }\n  .text-rating-icon-inactive {\n    color: var(\n    --atomic-rating-icon-inactive-color,\n    var(--atomic-neutral)\n  );\n  }\n  .text-success {\n    color: var(--atomic-success);\n  }\n  .text-transparent {\n    color: transparent;\n  }\n  .capitalize {\n    text-transform: capitalize;\n  }\n  .lowercase {\n    text-transform: lowercase;\n  }\n  .italic {\n    font-style: italic;\n  }\n  .line-through {\n    text-decoration-line: line-through;\n  }\n  .placeholder-neutral-dark::placeholder {\n    color: var(--atomic-neutral-dark);\n  }\n  .opacity-0 {\n    opacity: 0%;\n  }\n  .opacity-50 {\n    opacity: 50%;\n  }\n  .opacity-80 {\n    opacity: 80%;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-inner-primary {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-t-lg {\n    --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-1 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-3 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-primary {\n    --tw-ring-color: var(--atomic-primary);\n  }\n  .ring-primary-light {\n    --tw-ring-color: var(--atomic-primary-light);\n  }\n  .ring-ring-primary {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .outline-error {\n    outline-color: var(--atomic-error);\n  }\n  .outline-neutral {\n    outline-color: var(--atomic-neutral);\n  }\n  .outline-primary {\n    outline-color: var(--atomic-primary);\n  }\n  .blur {\n    --tw-blur: blur(8px);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .grayscale {\n    --tw-grayscale: grayscale(100%);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .invert {\n    --tw-invert: invert(100%);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .filter {\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\n    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\n  }\n  .transition-\\[visibility\\] {\n    transition-property: visibility;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\n    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\n    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\n    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\n  }\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\n    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\n  }\n  .duration-200 {\n    --tw-duration: 200ms;\n    transition-duration: 200ms;\n  }\n  .duration-300 {\n    --tw-duration: 300ms;\n    transition-duration: 300ms;\n  }\n  .duration-500 {\n    --tw-duration: 500ms;\n    transition-duration: 500ms;\n  }\n  .ease-in-out {\n    --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  .\\[grid-area\\:modal\\] {\n    grid-area: modal;\n  }\n  .\\[scrollbar-gutter\\:stable_both-edges\\] {\n    scrollbar-gutter: stable both-edges;\n  }\n  @media (hover: hover) {\n    .group-hover\\:visible:is(:where(.group):hover *) {\n      visibility: visible;\n    }\n  }\n  @media (hover: hover) {\n    .group-hover\\:text-error:is(:where(.group):hover *) {\n      color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .group-hover\\:text-primary:is(:where(.group):hover *) {\n      color: var(--atomic-primary);\n    }\n  }\n  @media (hover: hover) {\n    .group-hover\\:text-primary-light:is(:where(.group):hover *) {\n      color: var(--atomic-primary-light);\n    }\n  }\n  .group-focus\\:text-primary:is(:where(.group):focus *) {\n    color: var(--atomic-primary);\n  }\n  .group-focus\\:text-primary-light:is(:where(.group):focus *) {\n    color: var(--atomic-primary-light);\n  }\n  .group-focus-visible\\:text-error:is(:where(.group):focus-visible *) {\n    color: var(--atomic-error);\n  }\n  .group-focus-visible\\:text-primary:is(:where(.group):focus-visible *) {\n    color: var(--atomic-primary);\n  }\n  .peer-focus-within\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\n    border-color: var(--atomic-primary-light);\n  }\n  .peer-focus-within\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\n    color: var(--atomic-primary-light);\n  }\n  @media (hover: hover) {\n    .peer-hover\\:border-primary-light:is(:where(.peer):hover ~ *) {\n      border-color: var(--atomic-primary-light);\n    }\n  }\n  @media (hover: hover) {\n    .peer-hover\\:text-error:is(:where(.peer):hover ~ *) {\n      color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .peer-hover\\:text-primary-light:is(:where(.peer):hover ~ *) {\n      color: var(--atomic-primary-light);\n    }\n  }\n  .before\\:inline::before {\n    content: var(--tw-content);\n    display: inline;\n  }\n  .before\\:content-\\[\\\'\\,\\\\00a0\\\'\\]::before {\n    content: var(--tw-content);\n    --tw-content: \',\\00a0\';\n    content: var(--tw-content);\n  }\n  .after\\:absolute::after {\n    content: var(--tw-content);\n    position: absolute;\n  }\n  .after\\:-bottom-0\\.5::after {\n    content: var(--tw-content);\n    bottom: calc(0.25rem * -0.5);\n  }\n  .after\\:block::after {\n    content: var(--tw-content);\n    display: block;\n  }\n  .after\\:h-1::after {\n    content: var(--tw-content);\n    height: calc(0.25rem * 1);\n  }\n  .after\\:w-full::after {\n    content: var(--tw-content);\n    width: 100%;\n  }\n  .after\\:rounded::after {\n    content: var(--tw-content);\n    border-radius: var(--atomic-border-radius);\n  }\n  .after\\:bg-primary::after {\n    content: var(--tw-content);\n    background-color: var(--atomic-primary);\n  }\n  .focus-within\\:border-disabled:focus-within {\n    border-color: var(--atomic-disabled);\n  }\n  .focus-within\\:border-primary:focus-within {\n    border-color: var(--atomic-primary);\n  }\n  .focus-within\\:ring-3:focus-within {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .focus-within\\:ring-neutral:focus-within {\n    --tw-ring-color: var(--atomic-neutral);\n  }\n  .focus-within\\:ring-ring-primary:focus-within {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  @media (hover: hover) {\n    .hover\\:border:hover {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:border-error:hover {\n      border-color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:border-primary-light:hover {\n      border-color: var(--atomic-primary-light);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:bg-error:hover {\n      background-color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:bg-neutral-light:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:bg-primary-light:hover {\n      background-color: var(--atomic-primary-light);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:bg-transparent:hover {\n      background-color: transparent;\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:fill-white:hover {\n      fill: #fff;\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:text-primary-light:hover {\n      color: var(--atomic-primary-light);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:opacity-100:hover {\n      opacity: 100%;\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:shadow-sm:hover {\n      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:opacity-100:focus {\n    opacity: 100%;\n  }\n  .focus\\:outline-hidden:focus {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  @media (forced-colors: active) {\n    .focus\\:outline-hidden:focus {\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  }\n  .focus-visible\\:border:focus-visible {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .focus-visible\\:border-error:focus-visible {\n    border-color: var(--atomic-error);\n  }\n  .focus-visible\\:border-primary:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .focus-visible\\:border-primary-light:focus-visible {\n    border-color: var(--atomic-primary-light);\n  }\n  .focus-visible\\:bg-error:focus-visible {\n    background-color: var(--atomic-error);\n  }\n  .focus-visible\\:bg-neutral-light:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .focus-visible\\:bg-primary-light:focus-visible {\n    background-color: var(--atomic-primary-light);\n  }\n  .focus-visible\\:text-primary-light:focus-visible {\n    color: var(--atomic-primary-light);\n  }\n  .focus-visible\\:underline:focus-visible {\n    text-decoration-line: underline;\n  }\n  .focus-visible\\:ring-2:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .focus-visible\\:outline-none:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  @media (width >= 40rem) {\n    .sm\\:px-6 {\n      padding-inline: calc(0.25rem * 6);\n    }\n  }\n  .\\[part\\=\\"breadcrumb-button\\"\\]\\:visible:is(part="breadcrumb-button") {\n    visibility: visible;\n  }\n}\n@layer theme, base, components, utilities;\n@layer components {\n  .input-primary {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n  }\n  @media (hover: hover) {\n    .input-primary:hover {\n      border-color: var(--atomic-primary-light);\n    }\n  }\n  .input-primary:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .input-primary:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .input-primary:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .input-primary:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-radio {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n  }\n  .btn-radio::before {\n    content: var(--tw-content);\n    --tw-content: attr(value);\n    content: var(--tw-content);\n  }\n  .btn-primary {\n    border-radius: var(--atomic-border-radius);\n    background-color: var(--atomic-primary);\n    color: var(--atomic-on-primary);\n  }\n  @media (hover: hover) {\n    .btn-primary:hover {\n      background-color: var(--atomic-primary-light);\n    }\n  }\n  .btn-primary:focus-visible {\n    background-color: var(--atomic-primary-light);\n  }\n  .btn-primary:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-primary:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-primary:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-primary:disabled {\n    cursor: not-allowed;\n  }\n  .btn-primary:disabled {\n    background-color: var(--atomic-disabled);\n  }\n  .btn-outline-primary {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-primary);\n  }\n  @media (hover: hover) {\n    .btn-outline-primary:hover {\n      border-color: var(--atomic-primary-light);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-primary:hover {\n      color: var(--atomic-primary-light);\n    }\n  }\n  .btn-outline-primary:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .btn-outline-primary:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-outline-primary:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-primary:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-primary:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-primary:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-primary:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-primary:disabled {\n    color: var(--atomic-neutral);\n  }\n  .btn-text-primary {\n    border-radius: var(--atomic-border-radius);\n    background-color: var(--atomic-background);\n    color: var(--atomic-primary);\n  }\n  @media (hover: hover) {\n    .btn-text-primary:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  .btn-text-primary:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-text-primary:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-neutral {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-outline-neutral:hover {\n      border-color: var(--atomic-primary);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-neutral:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  .btn-outline-neutral:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .btn-outline-neutral:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-outline-neutral:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-neutral:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-neutral:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-neutral:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-neutral:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-neutral:disabled {\n    color: var(--atomic-on-background);\n  }\n  .btn-outline-neutral:disabled {\n    opacity: 50%;\n  }\n  .btn-outline-bg-neutral {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-neutral:hover {\n      border-color: var(--atomic-primary);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-neutral:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-neutral:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-bg-neutral:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-bg-neutral:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-bg-neutral:disabled {\n    color: var(--atomic-on-background);\n  }\n  .btn-outline-bg-neutral:disabled {\n    opacity: 50%;\n  }\n  .btn-outline-bg-error {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-error:hover {\n      border-color: var(--atomic-primary);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-error:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-error:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  .btn-outline-bg-error:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .btn-outline-bg-error:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-outline-bg-error:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-outline-bg-error:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-bg-error:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-bg-error:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-bg-error:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-bg-error:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-bg-error:disabled {\n    color: var(--atomic-on-background);\n  }\n  .btn-outline-bg-error:disabled {\n    opacity: 50%;\n  }\n  .btn-outline-error {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-outline-error:hover {\n      border-color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-error:hover {\n      color: var(--atomic-error);\n    }\n  }\n  .btn-outline-error:focus-visible {\n    border-color: var(--atomic-error);\n  }\n  .btn-outline-error:focus-visible {\n    color: var(--atomic-error);\n  }\n  .btn-outline-error:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-error:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-error:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-error:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-error:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-error:disabled {\n    color: var(--atomic-on-background);\n  }\n  .btn-outline-error:disabled {\n    opacity: 50%;\n  }\n  .btn-text-neutral {\n    border-radius: var(--atomic-border-radius);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-text-neutral:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  @media (hover: hover) {\n    .btn-text-neutral:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  .btn-text-neutral:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-text-neutral:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-text-neutral:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-text-transparent {\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-text-transparent:hover {\n      color: var(--atomic-primary-light);\n    }\n  }\n  .btn-text-transparent:focus-visible {\n    color: var(--atomic-primary-light);\n  }\n  .btn-square-neutral {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-square-neutral:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  .btn-square-neutral:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-square-neutral:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-page {\n    display: grid;\n    height: calc(0.25rem * 10);\n    width: calc(0.25rem * 10);\n    place-items: center;\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n    font-size: var(--atomic-text-lg);\n    line-height: var(--tw-leading, calc(1.75 / 1.125));\n  }\n  @media (hover: hover) {\n    .btn-page:hover {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n  }\n  .btn-page:focus-visible {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .btn-page.selected {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n    border-color: var(--atomic-primary);\n    --tw-font-weight: var(--atomic-font-bold);\n    font-weight: var(--atomic-font-bold);\n  }\n}\n@layer base {\n  :host {\n    display: block;\n  }\n  :host, button, input, select {\n    font-family: var(--atomic-font-family);\n    font-size: var(--atomic-text-base);\n    line-height: var(--tw-leading, calc(1.5 / 1));\n    --tw-font-weight: var(--atomic-font-normal);\n    font-weight: var(--atomic-font-normal);\n  }\n  button {\n    cursor: pointer;\n  }\n  :host(.atomic-hidden) {\n    display: none;\n  }\n  .ripple {\n    position: absolute;\n    pointer-events: none;\n    transform: scale(0);\n    border-radius: 50%;\n    animation: ripple var(--animation-duration) linear;\n  }\n  .ripple-relative {\n    position: relative;\n  }\n  .ripple-parent {\n    overflow: hidden;\n  }\n  @keyframes ripple {\n    to {\n      transform: scale(4);\n      opacity: 0;\n    }\n  }\n}\n.loading {\n  --tw-gradient-from: var(--atomic-primary-dark);\n  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  --tw-gradient-to: var(--atomic-primary-light);\n  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n}\n.loading::after {\n  content: \'\';\n  position: absolute;\n  height: calc(5/6 * 100%);\n  width: calc(5/6 * 100%);\n  border-radius: calc(infinity * 1px);\n  background-color: var(--atomic-background);\n}\n[part=\'textarea-expander\']::after {\n  content: attr(data-replicated-value) \' \';\n  visibility: hidden;\n}\n[part=\'textarea-expander\'] > [part=\'textarea\'] {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n[part=\'textarea-expander\'] > [part=\'textarea\']::-webkit-scrollbar {\n  display: none;\n}\n[part=\'textarea-expander\'] > [part=\'textarea\'] {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n[part=\'textarea-expander\'] > [part=\'textarea\']::-webkit-scrollbar {\n  display: none;\n}\n[part=\'textarea-expander\'] > [part=\'textarea\'] {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n[part=\'textarea-expander\'] > [part=\'textarea\']::-webkit-scrollbar {\n  display: none;\n}\n[part=\'textarea-expander\'] > [part=\'textarea\'], [part=\'textarea-expander\']::after {\n  z-index: 10;\n  height: 100%;\n  flex-grow: 1;\n  resize: none;\n  overflow: hidden;\n  background-color: transparent;\n  padding-inline: calc(0.25rem * 4);\n  padding-block: calc(0.25rem * 3.5);\n  font-size: var(--atomic-text-lg);\n  line-height: var(--tw-leading, calc(1.75 / 1.125));\n  white-space: nowrap;\n  color: var(--atomic-neutral-dark);\n  --tw-outline-style: none;\n  outline-style: none;\n  grid-area: 1 / 1 / 2 / 2;\n}\n[part=\'textarea-expander\'].expanded > [part=\'textarea\'], [part=\'textarea-expander\'].expanded::after {\n  white-space: pre-wrap;\n  overflow-y: auto;\n  max-height: 8em;\n}\n[part~=\'instant-results-item\'] {\n  padding: calc(0.25rem * 3);\n}\n[part~=\'instant-results-show-all\'] {\n  justify-content: center;\n  border-top-style: var(--tw-border-style);\n  border-top-width: 1px;\n  border-top-color: var(--atomic-neutral);\n  padding-block: calc(0.25rem * 1);\n  margin-top: auto;\n  box-sizing: content-box;\n}\n[part~=\'instant-results-show-all\'] button {\n  background-color: transparent;\n}\n[part~=\'suggestions-left\'] + [part~=\'suggestions-right\'] {\n  border-left-style: var(--tw-border-style);\n  border-left-width: 1px;\n  border-left-color: var(--atomic-neutral);\n}\n[part~=\'suggestions-wrapper\'] {\n  flex-direction: column;\n}\n@media (width >= 1024px) {\n  [part~=\'suggestions-wrapper\'] {\n    flex-direction: row;\n  }\n}\n:host {\n  position: relative;\n  z-index: 10;\n}\n@property --tw-translate-x {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-scale-x {\n  syntax: "*";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-y {\n  syntax: "*";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-z {\n  syntax: "*";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-rotate-x {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-space-y-reverse {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-space-x-reverse {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-divide-y-reverse {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: "*";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-gradient-position {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-gradient-from {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-via {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-to {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-stops {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-gradient-via-stops {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-gradient-from-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-leading {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: "<length>";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: "*";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: "*";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-blur {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-brightness {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-contrast {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-grayscale {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-hue-rotate {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-invert {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-opacity {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-saturate {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-sepia {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-drop-shadow {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-drop-shadow-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n  syntax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-duration {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-ease {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-content {\n  syntax: "*";\n  initial-value: "";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-space-x-reverse: 0;\n      --tw-divide-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-gradient-position: initial;\n      --tw-gradient-from: #0000;\n      --tw-gradient-via: #0000;\n      --tw-gradient-to: #0000;\n      --tw-gradient-stops: initial;\n      --tw-gradient-via-stops: initial;\n      --tw-gradient-from-position: 0%;\n      --tw-gradient-via-position: 50%;\n      --tw-gradient-to-position: 100%;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-content: "";\n    }\n  }\n}\n';const C=F;var D=undefined&&undefined.__decorate||function(n,t,r,e){var i=arguments.length,a=i<3?t:e===null?e=Object.getOwnPropertyDescriptor(t,r):e,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(n,t,r,e);else for(var l=n.length-1;l>=0;l--)if(o=n[l])a=(i<3?o(a):i>3?o(t,r,a):o(t,r))||a;return i>3&&a&&Object.defineProperty(t,r,a),a};const A=class{constructor(e){t(this,e);this.redirect=r(this,"redirect",7);this.searchBoxSuggestionEventsQueue=[];this.isExpanded=false;this.numberOfQueries=8;this.suggestionTimeout=400;this.suggestionDelay=0;this.disableSearch=false;this.minimumQueryLength=0;this.clearFilters=true;this.enableQuerySyntax=false;this.disconnectedCallback=()=>{};this.updateBreakpoints=b((()=>m(this.host)));this.renderTextBox=t=>{const r={loading:this.searchBoxState.isLoading,bindings:this.bindings,value:this.searchBoxState.value,title:t,ariaLabel:t,onFocus:()=>this.onFocus(),onInput:n=>this.onInput(n.target.value),onKeyDown:n=>this.onKeyDown(n),onClear:()=>{this.searchBox.clear();this.suggestionManager.clearSuggestions()},popup:{id:`${this.id}-popup`,activeDescendant:this.suggestionManager.activeDescendant,expanded:this.isExpanded,hasSuggestions:this.suggestionManager.hasSuggestions}};return n(x,{textAreaRef:this.textAreaRef,ref:n=>this.textAreaRef=n,...r,onClear:()=>{r.onClear();this.triggerTextAreaChange("")}})};this.searchBoxState=undefined;this.error=undefined;this.isExpanded=false;this.numberOfQueries=8;this.redirectionUrl=undefined;this.suggestionTimeout=400;this.suggestionDelay=0;this.disableSearch=false;this.minimumQueryLength=0;this.clearFilters=true;this.enableQuerySyntax=false}isStandaloneSearchBox(n){return"redirectTo"in n}initialize(){this.id||=u("atomic-search-box-");this.initializeSearchboxController();this.initializeSuggestionManager()}updateRedirectionUrl(){if(this.isStandaloneSearchBox(this.searchBox)&&this.redirectionUrl){this.searchBox.updateRedirectUrl(this.redirectionUrl)}else{this.registerNewSearchBoxController()}}registerNewSearchBoxController(){this.disconnectedCallback();this.initialize()}initializeSearchboxController(){this.searchBox=this.redirectionUrl?o(this.bindings.engine,{options:{...this.searchBoxOptions,redirectionUrl:this.redirectionUrl,overwrite:true}}):l(this.bindings.engine,{options:this.searchBoxOptions})}componentWillUpdate(){if(!("redirectTo"in this.searchBoxState)||!("afterRedirection"in this.searchBox)){return}const{redirectTo:n,value:t,analytics:r}=this.searchBoxState;if(n===""){return}const e={value:t,enableQuerySyntax:this.enableQuerySyntax,analytics:r};const i=new p;i.setJSON(w.STANDALONE_SEARCH_BOX_DATA,e);this.searchBox.afterRedirection();const a=this.redirect.emit({redirectTo:n,value:t});if(!a.defaultPrevented){window.location.href=n}}registerSuggestions(n){if(!this.bindings){this.searchBoxSuggestionEventsQueue.push(n)}else{this.suggestionManager.registerSuggestionsFromEvent(n,this.suggestionBindings)}}registerSearchboxSuggestionEvents(){this.searchBoxSuggestionEventsQueue.forEach((n=>{this.suggestionManager.registerSuggestionsFromEvent(n,this.suggestionBindings)}));this.searchBoxSuggestionEventsQueue=[]}watchRedirectionUrl(){this.updateRedirectionUrl()}initializeSuggestionManager(){if(this.suggestionManager){return}this.suggestionManager=new k({getNumberOfSuggestionsToDisplay:()=>this.numberOfQueries,updateQuery:n=>this.searchBox.updateText(n),getSearchBoxValue:()=>this.searchBoxState.value,getSuggestionTimeout:()=>this.suggestionTimeout,getSuggestionDelay:()=>this.suggestionDelay,getHost:()=>this.host,getLogger:()=>this.bindings.engine.logger});this.suggestionManager.initializeSuggestions(this.suggestionBindings)}get suggestionBindings(){return v(this.bindings,this.suggestionManager.partialSuggestionBindings,this.partialSuggestionBindings)}get partialSuggestionBindings(){return Object.defineProperties({...this.bindings},{id:{get:()=>this.id,enumerable:true},searchBoxController:{get:()=>this.searchBox,enumerable:true},isStandalone:{get:()=>!!this.redirectionUrl,enumerable:true},numberOfQueries:{get:()=>this.numberOfQueries,enumerable:true},clearFilters:{get:()=>this.clearFilters,enumerable:true}})}get searchBoxOptions(){return{id:this.id,numberOfSuggestions:0,highlightOptions:{notMatchDelimiters:{open:'<span class="font-bold">',close:"</span>"},correctionDelimiters:{open:'<span class="font-normal">',close:"</span>"}},clearFilters:this.clearFilters,enableQuerySyntax:this.enableQuerySyntax}}async onInput(n){this.searchBox.updateText(n);if(this.isSearchDisabledForEndUser(n)){this.suggestionManager.clearSuggestions();return}this.isExpanded=true;await this.suggestionManager.triggerSuggestions();this.announceNewSuggestionsToScreenReader()}async onFocus(){if(this.isExpanded){return}this.isExpanded=true;await this.suggestionManager.triggerSuggestions();this.announceNewSuggestionsToScreenReader()}onSubmit(){this.isExpanded=false;if(this.suggestionManager.keyboardActiveDescendant){this.suggestionManager.onSubmit();return}this.searchBox.submit()}async onKeyDown(n){if(this.isSearchDisabledForEndUser(this.searchBoxState.value)){return}switch(n.key){case"Enter":this.onSubmit();break;case"Escape":this.suggestionManager.clearSuggestions();break;case"ArrowDown":n.preventDefault();await this.suggestionManager.focusNextValue();this.announceNewActiveSuggestionToScreenReader();break;case"ArrowUp":n.preventDefault();await this.suggestionManager.focusPreviousValue();this.announceNewActiveSuggestionToScreenReader();break;case"ArrowRight":if(this.suggestionManager.hasActiveDescendant||!this.searchBox.state.value){n.preventDefault();this.suggestionManager.focusPanel("right");this.announceNewActiveSuggestionToScreenReader()}break;case"ArrowLeft":if(this.suggestionManager.hasActiveDescendant||!this.searchBox.state.value){n.preventDefault();this.suggestionManager.focusPanel("left");this.announceNewActiveSuggestionToScreenReader()}break;case"Tab":this.suggestionManager.clearSuggestions();break;default:if(this.suggestionManager.keyboardActiveDescendant){this.suggestionManager.updateKeyboardActiveDescendant()}break}}triggerTextAreaChange(n){this.textAreaRef.value=n;this.textAreaRef.dispatchEvent(new window.Event("change"))}renderSuggestion(t,r,e,i){const a=`${this.id}-${i}-suggestion-${t.key}`;const o=a===this.suggestionManager.activeDescendant;if(r===e&&t.hideIfLast){return null}return n("atomic-suggestion-renderer",{i18n:this.bindings.i18n,id:a,suggestion:t,isSelected:o,side:i,index:r,lastIndex:e,isDoubleList:this.suggestionManager.isDoubleList,onClick:n=>{this.suggestionManager.onSuggestionClick(t,n);if(t.key==="recent-query-clear"){return}this.isExpanded=false},onMouseOver:()=>{this.suggestionManager.onSuggestionMouseOver(t,i,a)}})}renderPanel(t,r,e,i){if(!r.length){return null}return n("div",{part:`suggestions suggestions-${t}`,ref:e,class:"flex grow basis-1/2 flex-col",onMouseDown:n=>{if(n.target===i()){n.preventDefault()}}},r.map(((n,e)=>this.renderSuggestion(n,e,r.length-1,t))))}get shouldShowSuggestions(){return this.suggestionManager.hasSuggestions&&this.isExpanded&&!this.isSearchDisabledForEndUser(this.searchBoxState.value)}renderSuggestions(){return n("div",{id:`${this.id}-popup`,part:`suggestions-wrapper ${this.suggestionManager.isDoubleList?"suggestions-double-list":"suggestions-single-list"}`,class:`bg-background border-neutral absolute top-full left-0 z-10 flex w-full rounded-md border ${this.shouldShowSuggestions?"":"hidden"}`,role:"application","aria-label":this.bindings.i18n.t(this.suggestionManager.isDoubleList?"search-suggestions-double-list":"search-suggestions-single-list"),...this.suggestionManager.activeDescendant&&{"aria-activedescendant":this.suggestionManager.activeDescendant}},this.renderPanel("left",this.suggestionManager.leftSuggestionElements,(n=>this.suggestionManager.leftPanel=n),(()=>this.suggestionManager.leftPanel)),this.renderPanel("right",this.suggestionManager.rightSuggestionElements,(n=>this.suggestionManager.rightPanel=n),(()=>this.suggestionManager.rightPanel)))}renderAbsolutePositionSpacer(){return n("textarea",{"aria-hidden":true,part:"textarea-spacer",class:"invisible w-full px-4 py-3.5 text-lg",rows:1})}isSearchDisabledForEndUser(n){if(a(n)){return this.disableSearch}if(n.trim().length<this.minimumQueryLength){return true}return this.disableSearch}getSearchInputLabel(n=0){if(this.isSearchDisabledForEndUser(this.searchBoxState.value)){return this.bindings.i18n.t("search-disabled",{length:n})}if(s()){return this.bindings.i18n.t("search-box-with-suggestions-macos")}if(!c()){return this.bindings.i18n.t("search-box-with-suggestions-keyboardless")}return this.bindings.i18n.t("search-box-with-suggestions")}announceNewActiveSuggestionToScreenReader(){const n=this.suggestionManager.activeDescendantElement?.ariaLabel;if(s()&&n){this.suggestionsAriaMessage=n}}announceNewSuggestionsToScreenReader(){const n=this.suggestionManager.allSuggestionElements.filter(S).length;this.searchBoxAriaMessage=n?this.bindings.i18n.t(this.searchBoxState.value?"query-suggestions-available":"query-suggestions-available-no-query",{count:n,query:this.searchBoxState.value}):this.bindings.i18n.t("query-suggestions-unavailable")}render(){this.updateBreakpoints();const t=this.getSearchInputLabel(this.minimumQueryLength);const r=this.isSearchDisabledForEndUser(this.searchBoxState.value);if(!this.suggestionManager.suggestions.length){this.registerSearchboxSuggestionEvents()}return n(e,{key:"e3ed5e9633d8f37158974ae3f1b21cedf5f7de01"},this.renderAbsolutePositionSpacer(),[n(z,{key:"b5f0da61b7ac4f1fee156de7027945040dbbf500",disabled:r,onFocusout:n=>{if(!f(n)){return}this.suggestionManager.clearSuggestions();this.isExpanded=false}},this.renderTextBox(t),n(q,{key:"c8c6083671167dac6c211c7b456dcfe87ca1cfaa",bindings:this.bindings,disabled:r,onClick:()=>{this.searchBox.submit();this.suggestionManager.clearSuggestions()}}),this.renderSuggestions()),!this.suggestionManager.suggestions.length&&n("slot",{key:"d6c0f1ff47370f794d0dc81782ced70baa04db91"},n("atomic-search-box-recent-queries",{key:"e599e83ae1f15386e310d1e03b8111144d452a8e"}),n("atomic-search-box-query-suggestions",{key:"6d446202f6722a66714ac067ad78afcf853a5dbe"}))])}get host(){return i(this)}static get watchers(){return{redirectionUrl:["watchRedirectionUrl"]}}};D([d()],A.prototype,"bindings",void 0);D([h("searchBox")],A.prototype,"searchBoxState",void 0);D([g("search-box")],A.prototype,"searchBoxAriaMessage",void 0);D([g("search-suggestions",true)],A.prototype,"suggestionsAriaMessage",void 0);A.style=C;export{A as atomic_search_box};
+//# sourceMappingURL=p-c88a3d2d.entry.js.map

package/dist/atomic/{p-79a9a372.entry.js.map → p-c88a3d2d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["SubmitButton","bindings","disabled","onClick","h","part","class","Button","style","ariaLabel","i18n","t","icon","SearchSlimIcon","atomicSearchBoxCss","AtomicSearchBoxStyle0","AtomicSearchBox","this","searchBoxSuggestionEventsQueue","isExpanded","numberOfQueries","suggestionTimeout","suggestionDelay","disableSearch","minimumQueryLength","clearFilters","enableQuerySyntax","disconnectedCallback","updateBreakpoints","once","host","renderTextBox","searchLabel","props","loading","searchBoxState","isLoading","value","title","onFocus","onInput","e","target","onKeyDown","onClear","searchBox","clear","suggestionManager","clearSuggestions","popup","id","activeDescendant","expanded","hasSuggestions","SearchTextArea","textAreaRef","ref","el","triggerTextAreaChange","isStandaloneSearchBox","initialize","randomID","initializeSearchboxController","initializeSuggestionManager","updateRedirectionUrl","redirectionUrl","updateRedirectUrl","registerNewSearchBoxController","buildStandaloneSearchBox","engine","options","searchBoxOptions","overwrite","buildSearchBox","componentWillUpdate","redirectTo","analytics","data","storage","SafeStorage","setJSON","StorageItems","STANDALONE_SEARCH_BOX_DATA","afterRedirection","event","redirect","emit","defaultPrevented","window","location","href","registerSuggestions","push","registerSuggestionsFromEvent","suggestionBindings","registerSearchboxSuggestionEvents","forEach","evt","watchRedirectionUrl","SuggestionManager","getNumberOfSuggestionsToDisplay","updateQuery","query","updateText","getSearchBoxValue","getSuggestionTimeout","getSuggestionDelay","getHost","getLogger","logger","initializeSuggestions","spreadProperties","partialSuggestionBindings","Object","defineProperties","get","enumerable","searchBoxController","isStandalone","numberOfSuggestions","highlightOptions","notMatchDelimiters","open","close","correctionDelimiters","isSearchDisabledForEndUser","triggerSuggestions","announceNewSuggestionsToScreenReader","onSubmit","keyboardActiveDescendant","submit","key","preventDefault","focusNextValue","announceNewActiveSuggestionToScreenReader","focusPreviousValue","hasActiveDescendant","state","focusPanel","updateKeyboardActiveDescendant","dispatchEvent","Event","renderSuggestion","item","index","lastIndex","side","isSelected","hideIfLast","suggestion","isDoubleList","onSuggestionClick","onMouseOver","onSuggestionMouseOver","renderPanel","elements","setRef","getRef","length","onMouseDown","map","shouldShowSuggestions","renderSuggestions","role","leftSuggestionElements","leftPanel","rightSuggestionElements","rightPanel","renderAbsolutePositionSpacer","rows","queryValue","isNullOrUndefined","trim","getSearchInputLabel","isMacOS","hasKeyboard","activeDescendantElement","suggestionsAriaMessage","elsLength","allSuggestionElements","filter","elementHasQuery","searchBoxAriaMessage","count","renderSlotContent","hasDefaultSlot","getDefaultSlotFromHost","render","isDisabled","suggestions","Host","SearchBoxWrapper","onFocusout","isFocusingOut","__decorate","InitializeBindings","BindStateToController","AriaLiveRegion"],"sources":["src/components/common/search-box/stencil-submit-button.tsx","src/components/search/atomic-search-box/atomic-search-box.pcss?tag=atomic-search-box&encapsulation=shadow","src/components/search/atomic-search-box/atomic-search-box.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport SearchSlimIcon from '../../../images/search-slim.svg';\nimport {AnyBindings} from '../interface/bindings';\nimport {Button} from '../stencil-button';\n\ninterface Props {\n  bindings: AnyBindings;\n  disabled: boolean;\n  onClick: () => void;\n}\n\nexport const SubmitButton: FunctionalComponent<Props> = ({\n  bindings,\n  disabled,\n  onClick,\n}) => (\n  <div\n    part=\"submit-button-wrapper\"\n    class=\"mr-2 flex items-center justify-center py-2\"\n  >\n    <Button\n      style=\"text-primary\"\n      class=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full\"\n      part=\"submit-button\"\n      ariaLabel={bindings.i18n.t('search')}\n      onClick={() => {\n        onClick?.();\n      }}\n      disabled={disabled}\n    >\n      <atomic-icon\n        part=\"submit-icon\"\n        icon={SearchSlimIcon}\n        class=\"h-4 w-4\"\n      ></atomic-icon>\n    </Button>\n  </div>\n);\n","@import '../../../global/global.pcss';\n@import '../../common/search-box/search-box.pcss';\n\n[part~='instant-results-item'] {\n  @apply p-3;\n}\n\n[part~='instant-results-show-all'] {\n  @apply border-t-neutral justify-center border-t py-1;\n  margin-top: auto;\n  box-sizing: content-box;\n  button {\n    background-color: transparent;\n  }\n}\n\n[part~='suggestions-left'] + [part~='suggestions-right'] {\n  @apply border-l-neutral border-l;\n}\n\n[part~='suggestions-wrapper'] {\n  flex-direction: column;\n  @media (width >= theme(--breakpoint-desktop)) {\n    flex-direction: row;\n  }\n}\n\n:host {\n  @apply relative z-10;\n}\n","import {isNullOrUndefined} from '@coveo/bueno';\nimport {\n  SearchBox,\n  SearchBoxState,\n  buildSearchBox,\n  StandaloneSearchBox,\n  StandaloneSearchBoxState,\n  buildStandaloneSearchBox,\n  SearchBoxOptions,\n} from '@coveo/headless';\nimport {\n  Component,\n  h,\n  State,\n  Prop,\n  Listen,\n  Watch,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n} from '@stencil/core';\nimport {hasKeyboard, isMacOS} from '../../../utils/device-utils';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {\n  SafeStorage,\n  StandaloneSearchBoxData,\n  StorageItems,\n} from '../../../utils/local-storage-utils';\nimport {updateBreakpoints} from '../../../utils/replace-breakpoint-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {\n  isFocusingOut,\n  once,\n  randomID,\n  spreadProperties,\n} from '../../../utils/utils';\nimport {RedirectionPayload} from '../../common/search-box/redirection-payload';\nimport {SearchBoxWrapper} from '../../common/search-box/stencil-search-box-wrapper';\nimport {SearchTextArea} from '../../common/search-box/stencil-search-text-area';\nimport {SubmitButton} from '../../common/search-box/stencil-submit-button';\nimport {SuggestionManager} from '../../common/suggestions/stencil-suggestion-manager';\nimport {\n  elementHasQuery,\n} from '../../common/suggestions/suggestions-utils';\nimport type {\n  SearchBoxSuggestionElement,\n  SearchBoxSuggestionsBindings,\n  SearchBoxSuggestionsEvent,\n} from '../../common/suggestions/suggestions-types';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\nimport { getDefaultSlotFromHost } from '@/src/utils/slot-utils';\n\n/**\n * The `atomic-search-box` component creates a search box with built-in support for suggestions.\n *\n * @slot default - The default slot where you can add child components to the search box.\n *\n * @part wrapper - The search box wrapper.\n * @part input - The search box input.\n * @part loading - The search box loading animation.\n * @part clear-button - The button to clear the search box of input.\n * @part clear-icon - The clear button's icon.\n * @part submit-button - The search box submit button.\n * @part submit-icon - The search box submit button's icon.\n * @part suggestions - A list of suggested query corrections on each panel.\n * @part suggestions-left - A list of suggested query corrections on the left panel.\n * @part suggestions-right - A list of suggested query corrections on the right panel.\n * @part suggestions-wrapper - The wrapper that contains suggestion panels.\n * @part suggestions-single-list - The wrapper that contains 1 suggestion list.\n * @part suggestions-double-list - The wrapper that contains 2 suggestion lists.\n * @part suggestion - A suggested query correction.\n * @part active-suggestion - The currently active suggestion.\n * @part suggestion-divider - An item in the list that separates groups of suggestions.\n * @part suggestion-with-query - An item in the list that will update the search box query.\n *\n * @part query-suggestion-item - A suggestion from the `atomic-search-box-query-suggestions` component.\n * @part query-suggestion-content - The contents of a suggestion from the `atomic-search-box-query-suggestions` component.\n * @part query-suggestion-icon - The icon of a suggestion from the `atomic-search-box-query-suggestions` component.\n * @part query-suggestion-text - The text of a suggestion from the `atomic-search-box-query-suggestions` component.\n *\n * @part recent-query-item - A suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-content - The contents of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-icon - The icon of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-text - The text of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-text-highlight - The highlighted portion of the text of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-title-item - The clear button above suggestions from the `atomic-search-box-recent-queries` component.\n * @part recent-query-title-content - The contents of the clear button above suggestions from the `atomic-search-box-recent-queries` component.\n * @part recent-query-title - The \"recent searches\" text of the clear button above suggestions from the `atomic-search-box-recent-queries` component.\n * @part recent-query-clear - The \"clear\" text of the clear button above suggestions from the `atomic-search-box-recent-queries` component.\n *\n * @part instant-results-item - An instant result rendered by an `atomic-search-box-instant-results` component.\n * @part instant-results-show-all - The clickable suggestion to show all items for the current instant results search rendered by an `atomic-search-box-instant-results` component.\n * @part instant-results-show-all-button - The button inside the clickable suggestion from the `atomic-search-box-instant-results` component.\n */\n@Component({\n  tag: 'atomic-search-box',\n  styleUrl: 'atomic-search-box.pcss',\n  shadow: true,\n})\nexport class AtomicSearchBox implements InitializableComponent<Bindings> {\n  @InitializeBindings() public bindings!: Bindings;\n  private searchBox!: SearchBox | StandaloneSearchBox;\n  private searchBoxSuggestionEventsQueue: CustomEvent<\n    SearchBoxSuggestionsEvent<SearchBox | StandaloneSearchBox>\n  >[] = [];\n  private id!: string;\n  private textAreaRef!: HTMLTextAreaElement;\n  private suggestionManager!: SuggestionManager<\n    SearchBox | StandaloneSearchBox\n  >;\n\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('searchBox')\n  @State()\n  private searchBoxState!: SearchBoxState | StandaloneSearchBoxState;\n  @State() public error!: Error;\n  @State() private isExpanded = false;\n\n  /**\n   * The amount of queries displayed when the user interacts with the search box.\n   * By default, a mix of query suggestions and recent queries will be shown.\n   * You can configure those settings using the following components as children:\n   *  - atomic-search-box-query-suggestions\n   *  - atomic-search-box-recent-queries\n   */\n  @Prop({reflect: true}) public numberOfQueries = 8;\n\n  /**\n   * Defining this option makes the search box standalone (see [Use a\n   * Standalone Search Box](https://docs.coveo.com/en/atomic/latest/usage/ssb/)).\n   *\n   * This option defines the default URL the user should be redirected to, when a query is submitted.\n   * If a query pipeline redirect is triggered, it will redirect to that URL instead\n   * (see [query pipeline triggers](https://docs.coveo.com/en/1458)).\n   */\n  @Prop({reflect: true}) public redirectionUrl?: string;\n\n  /**\n   * The timeout for suggestion queries, in milliseconds.\n   * If a suggestion query times out, the suggestions from that particular query won't be shown.\n   */\n  @Prop() public suggestionTimeout = 400;\n\n  /**\n   * The delay for suggestion queries on input, in milliseconds.\n   *\n   * The suggestion request will be delayed until the end user stops typing for at least the specified amount of time.\n   *\n   * This delay is used to avoid sending too many requests to the Coveo Platform when the user is typing, as well as reducing potential input lag on low end devices.\n   * A higher delay will reduce input lag, at the cost of suggestions freshness.\n   */\n  @Prop() public suggestionDelay = 0;\n\n  /**\n   * Whether to prevent the user from triggering searches and query suggestions from the component.\n   * Perfect for use cases where you need to disable the search conditionally.\n   * For the specific case when you need to disable the search based on the length of the query, refer to {@link minimumQueryLength}.\n   */\n  @Prop({reflect: true}) public disableSearch = false;\n\n  /**\n   * The minimum query length required to enable search.\n   * For example, to disable the search for empty queries, set this to `1`.\n   */\n  @Prop({reflect: true}) public minimumQueryLength = 0;\n\n  /**\n   * Whether to clear all active query filters when the end user submits a new query from the search box.\n   * Setting this option to \"false\" is not recommended & can lead to an increasing number of queries returning no results.\n   */\n  @Prop({reflect: true}) public clearFilters = true;\n\n  /**\n   * Whether to interpret advanced [Coveo Cloud query syntax](https://docs.coveo.com/en/1814/) in the query.\n   * You should only enable query syntax in the search box if you have good reasons to do so, as it\n   * requires end users to be familiar with Coveo Cloud query syntax, otherwise they will likely be surprised\n   * by the search box behaviour.\n   *\n   * When the `redirection-url` property is set and redirects to a page with more `atomic-search-box` components, all `atomic-search-box` components need to have the same `enable-query-syntax` value.\n   */\n  @Prop({reflect: true}) public enableQuerySyntax = false;\n\n  /**\n   * Event that is emitted when a standalone search box redirection is triggered. By default, the search box will directly change the URL and redirect accordingly, so if you want to handle the redirection differently, use this event.\n   *\n   * Example:\n   * ```html\n   * <script>\n   *   document.querySelector('atomic-search-box').addEventListener((e) => {\n   *     e.preventDefault();\n   *     // handle redirection\n   *   });\n   * </script>\n   * ...\n   * <atomic-search-box redirection-url=\"/search\"></atomic-search-box>\n   * ```\n   */\n  @Event({\n    eventName: 'redirect',\n  })\n  public redirect!: EventEmitter<RedirectionPayload>;\n\n  @AriaLiveRegion('search-box')\n  protected searchBoxAriaMessage!: string;\n\n  @AriaLiveRegion('search-suggestions', true)\n  protected suggestionsAriaMessage!: string;\n\n  private isStandaloneSearchBox(\n    searchBox: SearchBox | StandaloneSearchBox\n  ): searchBox is StandaloneSearchBox {\n    return 'redirectTo' in searchBox;\n  }\n\n  public initialize() {\n    this.id ||= randomID('atomic-search-box-');\n\n    this.initializeSearchboxController();\n    this.initializeSuggestionManager();\n  }\n\n  private updateRedirectionUrl() {\n    if (this.isStandaloneSearchBox(this.searchBox) && this.redirectionUrl) {\n      this.searchBox.updateRedirectUrl(this.redirectionUrl);\n    } else {\n      this.registerNewSearchBoxController();\n    }\n  }\n\n  private registerNewSearchBoxController() {\n    this.disconnectedCallback();\n    this.initialize();\n  }\n\n  private initializeSearchboxController() {\n    this.searchBox = this.redirectionUrl\n      ? buildStandaloneSearchBox(this.bindings.engine, {\n          options: {\n            ...this.searchBoxOptions,\n            redirectionUrl: this.redirectionUrl,\n            overwrite: true,\n          },\n        })\n      : buildSearchBox(this.bindings.engine, {\n          options: this.searchBoxOptions,\n        });\n  }\n\n  public componentWillUpdate() {\n    if (\n      !('redirectTo' in this.searchBoxState) ||\n      !('afterRedirection' in this.searchBox)\n    ) {\n      return;\n    }\n\n    const {redirectTo, value, analytics} = this.searchBoxState;\n\n    if (redirectTo === '') {\n      return;\n    }\n    const data: StandaloneSearchBoxData = {\n      value,\n      enableQuerySyntax: this.enableQuerySyntax,\n      analytics,\n    };\n    const storage = new SafeStorage();\n    storage.setJSON(StorageItems.STANDALONE_SEARCH_BOX_DATA, data);\n\n    this.searchBox.afterRedirection();\n    const event = this.redirect.emit({redirectTo, value});\n    if (!event.defaultPrevented) {\n      window.location.href = redirectTo;\n    }\n  }\n\n  public disconnectedCallback = () => {};\n\n  @Listen('atomic/searchBoxSuggestion/register')\n  public registerSuggestions(\n    event: CustomEvent<\n      SearchBoxSuggestionsEvent<SearchBox | StandaloneSearchBox>\n    >\n  ) {\n    if (!this.bindings) {\n      this.searchBoxSuggestionEventsQueue.push(event);\n    } else {\n      this.suggestionManager.registerSuggestionsFromEvent(\n        event,\n        this.suggestionBindings\n      );\n    }\n  }\n\n  private registerSearchboxSuggestionEvents() {\n    this.searchBoxSuggestionEventsQueue.forEach((evt) => {\n      this.suggestionManager.registerSuggestionsFromEvent(\n        evt,\n        this.suggestionBindings\n      );\n    });\n    this.searchBoxSuggestionEventsQueue = [];\n  }\n\n  @Watch('redirectionUrl')\n  watchRedirectionUrl() {\n    this.updateRedirectionUrl();\n  }\n\n  private initializeSuggestionManager() {\n    if (this.suggestionManager) {\n      return;\n    }\n\n    this.suggestionManager = new SuggestionManager({\n      getNumberOfSuggestionsToDisplay: () => this.numberOfQueries,\n      updateQuery: (query) => this.searchBox.updateText(query),\n      getSearchBoxValue: () => this.searchBoxState.value,\n      getSuggestionTimeout: () => this.suggestionTimeout,\n      getSuggestionDelay: () => this.suggestionDelay,\n      getHost: () => this.host,\n      getLogger: () => this.bindings.engine.logger,\n    });\n    this.suggestionManager.initializeSuggestions(this.suggestionBindings);\n  }\n\n  private get suggestionBindings(): SearchBoxSuggestionsBindings<\n    SearchBox | StandaloneSearchBox\n  > {\n    return spreadProperties(\n      this.bindings,\n      this.suggestionManager.partialSuggestionBindings,\n      this.partialSuggestionBindings\n    );\n  }\n\n  private get partialSuggestionBindings(): Pick<\n    SearchBoxSuggestionsBindings<SearchBox | StandaloneSearchBox>,\n    | 'id'\n    | 'isStandalone'\n    | 'searchBoxController'\n    | 'numberOfQueries'\n    | 'clearFilters'\n  > {\n    return Object.defineProperties(\n      {...this.bindings},\n      {\n        id: {\n          get: () => this.id,\n          enumerable: true,\n        },\n        searchBoxController: {\n          get: () => this.searchBox,\n          enumerable: true,\n        },\n        isStandalone: {\n          get: () => !!this.redirectionUrl,\n          enumerable: true,\n        },\n        numberOfQueries: {\n          get: () => this.numberOfQueries,\n          enumerable: true,\n        },\n        clearFilters: {\n          get: () => this.clearFilters,\n          enumerable: true,\n        },\n      }\n    ) as unknown as Pick<\n      SearchBoxSuggestionsBindings<SearchBox | StandaloneSearchBox>,\n      | 'id'\n      | 'isStandalone'\n      | 'searchBoxController'\n      | 'numberOfQueries'\n      | 'clearFilters'\n    >;\n  }\n\n  private get searchBoxOptions(): SearchBoxOptions {\n    return {\n      id: this.id,\n      numberOfSuggestions: 0,\n      highlightOptions: {\n        notMatchDelimiters: {\n          open: '<span class=\"font-bold\">',\n          close: '</span>',\n        },\n        correctionDelimiters: {\n          open: '<span class=\"font-normal\">',\n          close: '</span>',\n        },\n      },\n      clearFilters: this.clearFilters,\n      enableQuerySyntax: this.enableQuerySyntax,\n    };\n  }\n\n  private updateBreakpoints = once(() => updateBreakpoints(this.host));\n\n  private async onInput(value: string) {\n    this.searchBox.updateText(value);\n\n    if (this.isSearchDisabledForEndUser(value)) {\n      this.suggestionManager.clearSuggestions();\n      return;\n    }\n    this.isExpanded = true;\n    await this.suggestionManager.triggerSuggestions();\n    this.announceNewSuggestionsToScreenReader();\n  }\n\n  private async onFocus() {\n    if (this.isExpanded) {\n      return;\n    }\n    this.isExpanded = true;\n    await this.suggestionManager.triggerSuggestions();\n    this.announceNewSuggestionsToScreenReader();\n  }\n\n  private onSubmit() {\n    this.isExpanded = false;\n    if (this.suggestionManager.keyboardActiveDescendant) {\n      this.suggestionManager.onSubmit();\n      return;\n    }\n\n    this.searchBox.submit();\n  }\n\n  private async onKeyDown(e: KeyboardEvent) {\n    if (this.isSearchDisabledForEndUser(this.searchBoxState.value)) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'Enter':\n        this.onSubmit();\n        break;\n      case 'Escape':\n        this.suggestionManager.clearSuggestions();\n        break;\n      case 'ArrowDown':\n        e.preventDefault();\n        await this.suggestionManager.focusNextValue();\n        this.announceNewActiveSuggestionToScreenReader();\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        await this.suggestionManager.focusPreviousValue();\n        this.announceNewActiveSuggestionToScreenReader();\n        break;\n      case 'ArrowRight':\n        if (\n          this.suggestionManager.hasActiveDescendant ||\n          !this.searchBox.state.value\n        ) {\n          e.preventDefault();\n          this.suggestionManager.focusPanel('right');\n          this.announceNewActiveSuggestionToScreenReader();\n        }\n        break;\n      case 'ArrowLeft':\n        if (\n          this.suggestionManager.hasActiveDescendant ||\n          !this.searchBox.state.value\n        ) {\n          e.preventDefault();\n          this.suggestionManager.focusPanel('left');\n          this.announceNewActiveSuggestionToScreenReader();\n        }\n        break;\n      case 'Tab':\n        this.suggestionManager.clearSuggestions();\n        break;\n      default:\n        if (this.suggestionManager.keyboardActiveDescendant) {\n          this.suggestionManager.updateKeyboardActiveDescendant();\n        }\n        break;\n    }\n  }\n\n  private triggerTextAreaChange(value: string) {\n    this.textAreaRef.value = value;\n    this.textAreaRef.dispatchEvent(new window.Event('change'));\n  }\n\n  private renderSuggestion(\n    item: SearchBoxSuggestionElement,\n    index: number,\n    lastIndex: number,\n    side: 'left' | 'right'\n  ) {\n    const id = `${this.id}-${side}-suggestion-${item.key}`;\n\n    const isSelected = id === this.suggestionManager.activeDescendant;\n\n    if (index === lastIndex && item.hideIfLast) {\n      return null;\n    }\n\n    return (\n      <atomic-suggestion-renderer\n        i18n={this.bindings.i18n}\n        id={id}\n        suggestion={item}\n        isSelected={isSelected}\n        side={side}\n        index={index}\n        lastIndex={lastIndex}\n        isDoubleList={this.suggestionManager.isDoubleList}\n        onClick={(e: Event) => {\n          this.suggestionManager.onSuggestionClick(item, e);\n          if (item.key === 'recent-query-clear') {\n            return;\n          }\n\n          this.isExpanded = false;\n        }}\n        onMouseOver={() => {\n          this.suggestionManager.onSuggestionMouseOver(item, side, id);\n        }}\n      ></atomic-suggestion-renderer>\n    );\n  }\n\n  private renderPanel(\n    side: 'left' | 'right',\n    elements: SearchBoxSuggestionElement[],\n    setRef: (el: HTMLElement | undefined) => void,\n    getRef: () => HTMLElement | undefined\n  ) {\n    if (!elements.length) {\n      return null;\n    }\n\n    return (\n      <div\n        part={`suggestions suggestions-${side}`}\n        ref={setRef}\n        class=\"flex grow basis-1/2 flex-col\"\n        onMouseDown={(e) => {\n          if (e.target === getRef()) {\n            e.preventDefault();\n          }\n        }}\n      >\n        {elements.map((suggestion, index) =>\n          this.renderSuggestion(suggestion, index, elements.length - 1, side)\n        )}\n      </div>\n    );\n  }\n\n  private get shouldShowSuggestions() {\n    return (\n      this.suggestionManager.hasSuggestions &&\n      this.isExpanded &&\n      !this.isSearchDisabledForEndUser(this.searchBoxState.value)\n    );\n  }\n\n  private renderSuggestions() {\n    return (\n      <div\n        id={`${this.id}-popup`}\n        part={`suggestions-wrapper ${\n          this.suggestionManager.isDoubleList\n            ? 'suggestions-double-list'\n            : 'suggestions-single-list'\n        }`}\n        class={`bg-background border-neutral absolute top-full left-0 z-10 flex w-full rounded-md border ${\n          this.shouldShowSuggestions ? '' : 'hidden'\n        }`}\n        role=\"application\"\n        aria-label={this.bindings.i18n.t(\n          this.suggestionManager.isDoubleList\n            ? 'search-suggestions-double-list'\n            : 'search-suggestions-single-list'\n        )}\n        {...(this.suggestionManager.activeDescendant && {\n          'aria-activedescendant': this.suggestionManager.activeDescendant,\n        })}\n      >\n        {this.renderPanel(\n          'left',\n          this.suggestionManager.leftSuggestionElements,\n          (el) => (this.suggestionManager.leftPanel = el),\n          () => this.suggestionManager.leftPanel\n        )}\n        {this.renderPanel(\n          'right',\n          this.suggestionManager.rightSuggestionElements,\n          (el) => (this.suggestionManager.rightPanel = el),\n          () => this.suggestionManager.rightPanel\n        )}\n      </div>\n    );\n  }\n\n  private renderTextBox = (searchLabel: string) => {\n    const props = {\n      loading: this.searchBoxState.isLoading,\n      bindings: this.bindings,\n      value: this.searchBoxState.value,\n      title: searchLabel,\n      ariaLabel: searchLabel,\n      onFocus: () => this.onFocus(),\n      onInput: (e: Event) =>\n        this.onInput(\n          (e.target as HTMLInputElement | HTMLTextAreaElement).value\n        ),\n      onKeyDown: (e: KeyboardEvent) => this.onKeyDown(e),\n      onClear: () => {\n        this.searchBox.clear();\n        this.suggestionManager.clearSuggestions();\n      },\n      popup: {\n        id: `${this.id}-popup`,\n        activeDescendant: this.suggestionManager.activeDescendant,\n        expanded: this.isExpanded,\n        hasSuggestions: this.suggestionManager.hasSuggestions,\n      },\n    };\n\n    return (\n      <SearchTextArea\n        textAreaRef={this.textAreaRef}\n        ref={(el) => (this.textAreaRef = el as HTMLTextAreaElement)}\n        {...props}\n        onClear={() => {\n          props.onClear();\n          this.triggerTextAreaChange('');\n        }}\n      />\n    );\n  };\n\n  private renderAbsolutePositionSpacer() {\n    return (\n      <textarea\n        aria-hidden\n        part=\"textarea-spacer\"\n        class=\"invisible w-full px-4 py-3.5 text-lg\"\n        rows={1}\n      ></textarea>\n    );\n  }\n\n  private isSearchDisabledForEndUser(queryValue?: string) {\n    if (isNullOrUndefined(queryValue)) {\n      return this.disableSearch;\n    }\n\n    if (queryValue.trim().length < this.minimumQueryLength) {\n      return true;\n    }\n\n    return this.disableSearch;\n  }\n\n  private getSearchInputLabel(minimumQueryLength = 0) {\n    if (this.isSearchDisabledForEndUser(this.searchBoxState.value)) {\n      return this.bindings.i18n.t('search-disabled', {\n        length: minimumQueryLength,\n      });\n    }\n\n    if (isMacOS()) {\n      return this.bindings.i18n.t('search-box-with-suggestions-macos');\n    }\n    if (!hasKeyboard()) {\n      return this.bindings.i18n.t('search-box-with-suggestions-keyboardless');\n    }\n    return this.bindings.i18n.t('search-box-with-suggestions');\n  }\n\n  private announceNewActiveSuggestionToScreenReader() {\n    const ariaLabel = this.suggestionManager.activeDescendantElement?.ariaLabel;\n    if (isMacOS() && ariaLabel) {\n      this.suggestionsAriaMessage = ariaLabel;\n    }\n  }\n\n  private announceNewSuggestionsToScreenReader() {\n    const elsLength =\n      this.suggestionManager.allSuggestionElements.filter(\n        elementHasQuery\n      ).length;\n    this.searchBoxAriaMessage = elsLength\n      ? this.bindings.i18n.t(\n          this.searchBoxState.value\n            ? 'query-suggestions-available'\n            : 'query-suggestions-available-no-query',\n          {\n            count: elsLength,\n            query: this.searchBoxState.value,\n          }\n        )\n      : this.bindings.i18n.t('query-suggestions-unavailable');\n  }\n\n  private renderSlotContent() {\n    const hasDefaultSlot = !!getDefaultSlotFromHost(this.host);\n\n    if (hasDefaultSlot) {\n      return <slot></slot>;\n    }\n\n    return [\n      <atomic-search-box-recent-queries></atomic-search-box-recent-queries>,\n      <atomic-search-box-query-suggestions></atomic-search-box-query-suggestions>,\n    ];\n  }\n\n  public render() {\n    this.updateBreakpoints();\n\n    const searchLabel = this.getSearchInputLabel(this.minimumQueryLength);\n    const isDisabled = this.isSearchDisabledForEndUser(\n      this.searchBoxState.value\n    );\n    if (!this.suggestionManager.suggestions.length) {\n      this.registerSearchboxSuggestionEvents();\n    }\n\n    return (\n      <Host>\n        {this.renderAbsolutePositionSpacer()}\n        {[\n          <SearchBoxWrapper\n            disabled={isDisabled}\n            onFocusout={(event) => {\n              if (!isFocusingOut(event)) {\n                return;\n              }\n              this.suggestionManager.clearSuggestions();\n              this.isExpanded = false;\n            }}\n          >\n            {this.renderTextBox(searchLabel)}\n            <SubmitButton\n              bindings={this.bindings}\n              disabled={isDisabled}\n              onClick={() => {\n                this.searchBox.submit();\n                this.suggestionManager.clearSuggestions();\n              }}\n            />\n            {this.renderSuggestions()}\n          </SearchBoxWrapper>,\n          this.renderSlotContent(),\n        ]}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["SubmitButton","bindings","disabled","onClick","h","part","class","Button","style","ariaLabel","i18n","t","icon","SearchSlimIcon","atomicSearchBoxCss","AtomicSearchBoxStyle0","AtomicSearchBox","this","searchBoxSuggestionEventsQueue","isExpanded","numberOfQueries","suggestionTimeout","suggestionDelay","disableSearch","minimumQueryLength","clearFilters","enableQuerySyntax","disconnectedCallback","updateBreakpoints","once","host","renderTextBox","searchLabel","props","loading","searchBoxState","isLoading","value","title","onFocus","onInput","e","target","onKeyDown","onClear","searchBox","clear","suggestionManager","clearSuggestions","popup","id","activeDescendant","expanded","hasSuggestions","SearchTextArea","textAreaRef","ref","el","triggerTextAreaChange","isStandaloneSearchBox","initialize","randomID","initializeSearchboxController","initializeSuggestionManager","updateRedirectionUrl","redirectionUrl","updateRedirectUrl","registerNewSearchBoxController","buildStandaloneSearchBox","engine","options","searchBoxOptions","overwrite","buildSearchBox","componentWillUpdate","redirectTo","analytics","data","storage","SafeStorage","setJSON","StorageItems","STANDALONE_SEARCH_BOX_DATA","afterRedirection","event","redirect","emit","defaultPrevented","window","location","href","registerSuggestions","push","registerSuggestionsFromEvent","suggestionBindings","registerSearchboxSuggestionEvents","forEach","evt","watchRedirectionUrl","SuggestionManager","getNumberOfSuggestionsToDisplay","updateQuery","query","updateText","getSearchBoxValue","getSuggestionTimeout","getSuggestionDelay","getHost","getLogger","logger","initializeSuggestions","spreadProperties","partialSuggestionBindings","Object","defineProperties","get","enumerable","searchBoxController","isStandalone","numberOfSuggestions","highlightOptions","notMatchDelimiters","open","close","correctionDelimiters","isSearchDisabledForEndUser","triggerSuggestions","announceNewSuggestionsToScreenReader","onSubmit","keyboardActiveDescendant","submit","key","preventDefault","focusNextValue","announceNewActiveSuggestionToScreenReader","focusPreviousValue","hasActiveDescendant","state","focusPanel","updateKeyboardActiveDescendant","dispatchEvent","Event","renderSuggestion","item","index","lastIndex","side","isSelected","hideIfLast","suggestion","isDoubleList","onSuggestionClick","onMouseOver","onSuggestionMouseOver","renderPanel","elements","setRef","getRef","length","onMouseDown","map","shouldShowSuggestions","renderSuggestions","role","leftSuggestionElements","leftPanel","rightSuggestionElements","rightPanel","renderAbsolutePositionSpacer","rows","queryValue","isNullOrUndefined","trim","getSearchInputLabel","isMacOS","hasKeyboard","activeDescendantElement","suggestionsAriaMessage","elsLength","allSuggestionElements","filter","elementHasQuery","searchBoxAriaMessage","count","render","isDisabled","suggestions","Host","SearchBoxWrapper","onFocusout","isFocusingOut","__decorate","InitializeBindings","BindStateToController","AriaLiveRegion"],"sources":["src/components/common/search-box/stencil-submit-button.tsx","src/components/search/atomic-search-box/atomic-search-box.pcss?tag=atomic-search-box&encapsulation=shadow","src/components/search/atomic-search-box/atomic-search-box.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport SearchSlimIcon from '../../../images/search-slim.svg';\nimport {AnyBindings} from '../interface/bindings';\nimport {Button} from '../stencil-button';\n\ninterface Props {\n  bindings: AnyBindings;\n  disabled: boolean;\n  onClick: () => void;\n}\n\nexport const SubmitButton: FunctionalComponent<Props> = ({\n  bindings,\n  disabled,\n  onClick,\n}) => (\n  <div\n    part=\"submit-button-wrapper\"\n    class=\"mr-2 flex items-center justify-center py-2\"\n  >\n    <Button\n      style=\"text-primary\"\n      class=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full\"\n      part=\"submit-button\"\n      ariaLabel={bindings.i18n.t('search')}\n      onClick={() => {\n        onClick?.();\n      }}\n      disabled={disabled}\n    >\n      <atomic-icon\n        part=\"submit-icon\"\n        icon={SearchSlimIcon}\n        class=\"h-4 w-4\"\n      ></atomic-icon>\n    </Button>\n  </div>\n);\n","@import '../../../global/global.pcss';\n@import '../../common/search-box/search-box.pcss';\n\n[part~='instant-results-item'] {\n  @apply p-3;\n}\n\n[part~='instant-results-show-all'] {\n  @apply border-t-neutral justify-center border-t py-1;\n  margin-top: auto;\n  box-sizing: content-box;\n  button {\n    background-color: transparent;\n  }\n}\n\n[part~='suggestions-left'] + [part~='suggestions-right'] {\n  @apply border-l-neutral border-l;\n}\n\n[part~='suggestions-wrapper'] {\n  flex-direction: column;\n  @media (width >= theme(--breakpoint-desktop)) {\n    flex-direction: row;\n  }\n}\n\n:host {\n  @apply relative z-10;\n}\n","import {isNullOrUndefined} from '@coveo/bueno';\nimport {\n  SearchBox,\n  SearchBoxState,\n  buildSearchBox,\n  StandaloneSearchBox,\n  StandaloneSearchBoxState,\n  buildStandaloneSearchBox,\n  SearchBoxOptions,\n} from '@coveo/headless';\nimport {\n  Component,\n  h,\n  State,\n  Prop,\n  Listen,\n  Watch,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n} from '@stencil/core';\nimport {hasKeyboard, isMacOS} from '../../../utils/device-utils';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {\n  SafeStorage,\n  StandaloneSearchBoxData,\n  StorageItems,\n} from '../../../utils/local-storage-utils';\nimport {updateBreakpoints} from '../../../utils/replace-breakpoint-utils';\nimport {AriaLiveRegion} from '../../../utils/stencil-accessibility-utils';\nimport {\n  isFocusingOut,\n  once,\n  randomID,\n  spreadProperties,\n} from '../../../utils/utils';\nimport {RedirectionPayload} from '../../common/search-box/redirection-payload';\nimport {SearchBoxWrapper} from '../../common/search-box/stencil-search-box-wrapper';\nimport {SearchTextArea} from '../../common/search-box/stencil-search-text-area';\nimport {SubmitButton} from '../../common/search-box/stencil-submit-button';\nimport {SuggestionManager} from '../../common/suggestions/stencil-suggestion-manager';\nimport {\n  elementHasQuery,\n} from '../../common/suggestions/suggestions-utils';\nimport type {\n  SearchBoxSuggestionElement,\n  SearchBoxSuggestionsBindings,\n  SearchBoxSuggestionsEvent,\n} from '../../common/suggestions/suggestions-types';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-search-box` component creates a search box with built-in support for suggestions.\n *\n * @slot default - The default slot where you can add child components to the search box.\n *\n * @part wrapper - The search box wrapper.\n * @part input - The search box input.\n * @part loading - The search box loading animation.\n * @part clear-button - The button to clear the search box of input.\n * @part clear-icon - The clear button's icon.\n * @part submit-button - The search box submit button.\n * @part submit-icon - The search box submit button's icon.\n * @part suggestions - A list of suggested query corrections on each panel.\n * @part suggestions-left - A list of suggested query corrections on the left panel.\n * @part suggestions-right - A list of suggested query corrections on the right panel.\n * @part suggestions-wrapper - The wrapper that contains suggestion panels.\n * @part suggestions-single-list - The wrapper that contains 1 suggestion list.\n * @part suggestions-double-list - The wrapper that contains 2 suggestion lists.\n * @part suggestion - A suggested query correction.\n * @part active-suggestion - The currently active suggestion.\n * @part suggestion-divider - An item in the list that separates groups of suggestions.\n * @part suggestion-with-query - An item in the list that will update the search box query.\n *\n * @part query-suggestion-item - A suggestion from the `atomic-search-box-query-suggestions` component.\n * @part query-suggestion-content - The contents of a suggestion from the `atomic-search-box-query-suggestions` component.\n * @part query-suggestion-icon - The icon of a suggestion from the `atomic-search-box-query-suggestions` component.\n * @part query-suggestion-text - The text of a suggestion from the `atomic-search-box-query-suggestions` component.\n *\n * @part recent-query-item - A suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-content - The contents of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-icon - The icon of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-text - The text of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-text-highlight - The highlighted portion of the text of a suggestion from the `atomic-search-box-recent-queries` component.\n * @part recent-query-title-item - The clear button above suggestions from the `atomic-search-box-recent-queries` component.\n * @part recent-query-title-content - The contents of the clear button above suggestions from the `atomic-search-box-recent-queries` component.\n * @part recent-query-title - The \"recent searches\" text of the clear button above suggestions from the `atomic-search-box-recent-queries` component.\n * @part recent-query-clear - The \"clear\" text of the clear button above suggestions from the `atomic-search-box-recent-queries` component.\n *\n * @part instant-results-item - An instant result rendered by an `atomic-search-box-instant-results` component.\n * @part instant-results-show-all - The clickable suggestion to show all items for the current instant results search rendered by an `atomic-search-box-instant-results` component.\n * @part instant-results-show-all-button - The button inside the clickable suggestion from the `atomic-search-box-instant-results` component.\n */\n@Component({\n  tag: 'atomic-search-box',\n  styleUrl: 'atomic-search-box.pcss',\n  shadow: true,\n})\nexport class AtomicSearchBox implements InitializableComponent<Bindings> {\n  @InitializeBindings() public bindings!: Bindings;\n  private searchBox!: SearchBox | StandaloneSearchBox;\n  private searchBoxSuggestionEventsQueue: CustomEvent<\n    SearchBoxSuggestionsEvent<SearchBox | StandaloneSearchBox>\n  >[] = [];\n  private id!: string;\n  private textAreaRef!: HTMLTextAreaElement;\n  private suggestionManager!: SuggestionManager<\n    SearchBox | StandaloneSearchBox\n  >;\n\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('searchBox')\n  @State()\n  private searchBoxState!: SearchBoxState | StandaloneSearchBoxState;\n  @State() public error!: Error;\n  @State() private isExpanded = false;\n\n  /**\n   * The amount of queries displayed when the user interacts with the search box.\n   * By default, a mix of query suggestions and recent queries will be shown.\n   * You can configure those settings using the following components as children:\n   *  - atomic-search-box-query-suggestions\n   *  - atomic-search-box-recent-queries\n   */\n  @Prop({reflect: true}) public numberOfQueries = 8;\n\n  /**\n   * Defining this option makes the search box standalone (see [Use a\n   * Standalone Search Box](https://docs.coveo.com/en/atomic/latest/usage/ssb/)).\n   *\n   * This option defines the default URL the user should be redirected to, when a query is submitted.\n   * If a query pipeline redirect is triggered, it will redirect to that URL instead\n   * (see [query pipeline triggers](https://docs.coveo.com/en/1458)).\n   */\n  @Prop({reflect: true}) public redirectionUrl?: string;\n\n  /**\n   * The timeout for suggestion queries, in milliseconds.\n   * If a suggestion query times out, the suggestions from that particular query won't be shown.\n   */\n  @Prop() public suggestionTimeout = 400;\n\n  /**\n   * The delay for suggestion queries on input, in milliseconds.\n   *\n   * The suggestion request will be delayed until the end user stops typing for at least the specified amount of time.\n   *\n   * This delay is used to avoid sending too many requests to the Coveo Platform when the user is typing, as well as reducing potential input lag on low end devices.\n   * A higher delay will reduce input lag, at the cost of suggestions freshness.\n   */\n  @Prop() public suggestionDelay = 0;\n\n  /**\n   * Whether to prevent the user from triggering searches and query suggestions from the component.\n   * Perfect for use cases where you need to disable the search conditionally.\n   * For the specific case when you need to disable the search based on the length of the query, refer to {@link minimumQueryLength}.\n   */\n  @Prop({reflect: true}) public disableSearch = false;\n\n  /**\n   * The minimum query length required to enable search.\n   * For example, to disable the search for empty queries, set this to `1`.\n   */\n  @Prop({reflect: true}) public minimumQueryLength = 0;\n\n  /**\n   * Whether to clear all active query filters when the end user submits a new query from the search box.\n   * Setting this option to \"false\" is not recommended & can lead to an increasing number of queries returning no results.\n   */\n  @Prop({reflect: true}) public clearFilters = true;\n\n  /**\n   * Whether to interpret advanced [Coveo Cloud query syntax](https://docs.coveo.com/en/1814/) in the query.\n   * You should only enable query syntax in the search box if you have good reasons to do so, as it\n   * requires end users to be familiar with Coveo Cloud query syntax, otherwise they will likely be surprised\n   * by the search box behaviour.\n   *\n   * When the `redirection-url` property is set and redirects to a page with more `atomic-search-box` components, all `atomic-search-box` components need to have the same `enable-query-syntax` value.\n   */\n  @Prop({reflect: true}) public enableQuerySyntax = false;\n\n  /**\n   * Event that is emitted when a standalone search box redirection is triggered. By default, the search box will directly change the URL and redirect accordingly, so if you want to handle the redirection differently, use this event.\n   *\n   * Example:\n   * ```html\n   * <script>\n   *   document.querySelector('atomic-search-box').addEventListener((e) => {\n   *     e.preventDefault();\n   *     // handle redirection\n   *   });\n   * </script>\n   * ...\n   * <atomic-search-box redirection-url=\"/search\"></atomic-search-box>\n   * ```\n   */\n  @Event({\n    eventName: 'redirect',\n  })\n  public redirect!: EventEmitter<RedirectionPayload>;\n\n  @AriaLiveRegion('search-box')\n  protected searchBoxAriaMessage!: string;\n\n  @AriaLiveRegion('search-suggestions', true)\n  protected suggestionsAriaMessage!: string;\n\n  private isStandaloneSearchBox(\n    searchBox: SearchBox | StandaloneSearchBox\n  ): searchBox is StandaloneSearchBox {\n    return 'redirectTo' in searchBox;\n  }\n\n  public initialize() {\n    this.id ||= randomID('atomic-search-box-');\n\n    this.initializeSearchboxController();\n    this.initializeSuggestionManager();\n  }\n\n  private updateRedirectionUrl() {\n    if (this.isStandaloneSearchBox(this.searchBox) && this.redirectionUrl) {\n      this.searchBox.updateRedirectUrl(this.redirectionUrl);\n    } else {\n      this.registerNewSearchBoxController();\n    }\n  }\n\n  private registerNewSearchBoxController() {\n    this.disconnectedCallback();\n    this.initialize();\n  }\n\n  private initializeSearchboxController() {\n    this.searchBox = this.redirectionUrl\n      ? buildStandaloneSearchBox(this.bindings.engine, {\n          options: {\n            ...this.searchBoxOptions,\n            redirectionUrl: this.redirectionUrl,\n            overwrite: true,\n          },\n        })\n      : buildSearchBox(this.bindings.engine, {\n          options: this.searchBoxOptions,\n        });\n  }\n\n  public componentWillUpdate() {\n    if (\n      !('redirectTo' in this.searchBoxState) ||\n      !('afterRedirection' in this.searchBox)\n    ) {\n      return;\n    }\n\n    const {redirectTo, value, analytics} = this.searchBoxState;\n\n    if (redirectTo === '') {\n      return;\n    }\n    const data: StandaloneSearchBoxData = {\n      value,\n      enableQuerySyntax: this.enableQuerySyntax,\n      analytics,\n    };\n    const storage = new SafeStorage();\n    storage.setJSON(StorageItems.STANDALONE_SEARCH_BOX_DATA, data);\n\n    this.searchBox.afterRedirection();\n    const event = this.redirect.emit({redirectTo, value});\n    if (!event.defaultPrevented) {\n      window.location.href = redirectTo;\n    }\n  }\n\n  public disconnectedCallback = () => {};\n\n  @Listen('atomic/searchBoxSuggestion/register')\n  public registerSuggestions(\n    event: CustomEvent<\n      SearchBoxSuggestionsEvent<SearchBox | StandaloneSearchBox>\n    >\n  ) {\n    if (!this.bindings) {\n      this.searchBoxSuggestionEventsQueue.push(event);\n    } else {\n      this.suggestionManager.registerSuggestionsFromEvent(\n        event,\n        this.suggestionBindings\n      );\n    }\n  }\n\n  private registerSearchboxSuggestionEvents() {\n    this.searchBoxSuggestionEventsQueue.forEach((evt) => {\n      this.suggestionManager.registerSuggestionsFromEvent(\n        evt,\n        this.suggestionBindings\n      );\n    });\n    this.searchBoxSuggestionEventsQueue = [];\n  }\n\n  @Watch('redirectionUrl')\n  watchRedirectionUrl() {\n    this.updateRedirectionUrl();\n  }\n\n  private initializeSuggestionManager() {\n    if (this.suggestionManager) {\n      return;\n    }\n\n    this.suggestionManager = new SuggestionManager({\n      getNumberOfSuggestionsToDisplay: () => this.numberOfQueries,\n      updateQuery: (query) => this.searchBox.updateText(query),\n      getSearchBoxValue: () => this.searchBoxState.value,\n      getSuggestionTimeout: () => this.suggestionTimeout,\n      getSuggestionDelay: () => this.suggestionDelay,\n      getHost: () => this.host,\n      getLogger: () => this.bindings.engine.logger,\n    });\n    this.suggestionManager.initializeSuggestions(this.suggestionBindings);\n  }\n\n  private get suggestionBindings(): SearchBoxSuggestionsBindings<\n    SearchBox | StandaloneSearchBox\n  > {\n    return spreadProperties(\n      this.bindings,\n      this.suggestionManager.partialSuggestionBindings,\n      this.partialSuggestionBindings\n    );\n  }\n\n  private get partialSuggestionBindings(): Pick<\n    SearchBoxSuggestionsBindings<SearchBox | StandaloneSearchBox>,\n    | 'id'\n    | 'isStandalone'\n    | 'searchBoxController'\n    | 'numberOfQueries'\n    | 'clearFilters'\n  > {\n    return Object.defineProperties(\n      {...this.bindings},\n      {\n        id: {\n          get: () => this.id,\n          enumerable: true,\n        },\n        searchBoxController: {\n          get: () => this.searchBox,\n          enumerable: true,\n        },\n        isStandalone: {\n          get: () => !!this.redirectionUrl,\n          enumerable: true,\n        },\n        numberOfQueries: {\n          get: () => this.numberOfQueries,\n          enumerable: true,\n        },\n        clearFilters: {\n          get: () => this.clearFilters,\n          enumerable: true,\n        },\n      }\n    ) as unknown as Pick<\n      SearchBoxSuggestionsBindings<SearchBox | StandaloneSearchBox>,\n      | 'id'\n      | 'isStandalone'\n      | 'searchBoxController'\n      | 'numberOfQueries'\n      | 'clearFilters'\n    >;\n  }\n\n  private get searchBoxOptions(): SearchBoxOptions {\n    return {\n      id: this.id,\n      numberOfSuggestions: 0,\n      highlightOptions: {\n        notMatchDelimiters: {\n          open: '<span class=\"font-bold\">',\n          close: '</span>',\n        },\n        correctionDelimiters: {\n          open: '<span class=\"font-normal\">',\n          close: '</span>',\n        },\n      },\n      clearFilters: this.clearFilters,\n      enableQuerySyntax: this.enableQuerySyntax,\n    };\n  }\n\n  private updateBreakpoints = once(() => updateBreakpoints(this.host));\n\n  private async onInput(value: string) {\n    this.searchBox.updateText(value);\n\n    if (this.isSearchDisabledForEndUser(value)) {\n      this.suggestionManager.clearSuggestions();\n      return;\n    }\n    this.isExpanded = true;\n    await this.suggestionManager.triggerSuggestions();\n    this.announceNewSuggestionsToScreenReader();\n  }\n\n  private async onFocus() {\n    if (this.isExpanded) {\n      return;\n    }\n    this.isExpanded = true;\n    await this.suggestionManager.triggerSuggestions();\n    this.announceNewSuggestionsToScreenReader();\n  }\n\n  private onSubmit() {\n    this.isExpanded = false;\n    if (this.suggestionManager.keyboardActiveDescendant) {\n      this.suggestionManager.onSubmit();\n      return;\n    }\n\n    this.searchBox.submit();\n  }\n\n  private async onKeyDown(e: KeyboardEvent) {\n    if (this.isSearchDisabledForEndUser(this.searchBoxState.value)) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'Enter':\n        this.onSubmit();\n        break;\n      case 'Escape':\n        this.suggestionManager.clearSuggestions();\n        break;\n      case 'ArrowDown':\n        e.preventDefault();\n        await this.suggestionManager.focusNextValue();\n        this.announceNewActiveSuggestionToScreenReader();\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        await this.suggestionManager.focusPreviousValue();\n        this.announceNewActiveSuggestionToScreenReader();\n        break;\n      case 'ArrowRight':\n        if (\n          this.suggestionManager.hasActiveDescendant ||\n          !this.searchBox.state.value\n        ) {\n          e.preventDefault();\n          this.suggestionManager.focusPanel('right');\n          this.announceNewActiveSuggestionToScreenReader();\n        }\n        break;\n      case 'ArrowLeft':\n        if (\n          this.suggestionManager.hasActiveDescendant ||\n          !this.searchBox.state.value\n        ) {\n          e.preventDefault();\n          this.suggestionManager.focusPanel('left');\n          this.announceNewActiveSuggestionToScreenReader();\n        }\n        break;\n      case 'Tab':\n        this.suggestionManager.clearSuggestions();\n        break;\n      default:\n        if (this.suggestionManager.keyboardActiveDescendant) {\n          this.suggestionManager.updateKeyboardActiveDescendant();\n        }\n        break;\n    }\n  }\n\n  private triggerTextAreaChange(value: string) {\n    this.textAreaRef.value = value;\n    this.textAreaRef.dispatchEvent(new window.Event('change'));\n  }\n\n  private renderSuggestion(\n    item: SearchBoxSuggestionElement,\n    index: number,\n    lastIndex: number,\n    side: 'left' | 'right'\n  ) {\n    const id = `${this.id}-${side}-suggestion-${item.key}`;\n\n    const isSelected = id === this.suggestionManager.activeDescendant;\n\n    if (index === lastIndex && item.hideIfLast) {\n      return null;\n    }\n\n    return (\n      <atomic-suggestion-renderer\n        i18n={this.bindings.i18n}\n        id={id}\n        suggestion={item}\n        isSelected={isSelected}\n        side={side}\n        index={index}\n        lastIndex={lastIndex}\n        isDoubleList={this.suggestionManager.isDoubleList}\n        onClick={(e: Event) => {\n          this.suggestionManager.onSuggestionClick(item, e);\n          if (item.key === 'recent-query-clear') {\n            return;\n          }\n\n          this.isExpanded = false;\n        }}\n        onMouseOver={() => {\n          this.suggestionManager.onSuggestionMouseOver(item, side, id);\n        }}\n      ></atomic-suggestion-renderer>\n    );\n  }\n\n  private renderPanel(\n    side: 'left' | 'right',\n    elements: SearchBoxSuggestionElement[],\n    setRef: (el: HTMLElement | undefined) => void,\n    getRef: () => HTMLElement | undefined\n  ) {\n    if (!elements.length) {\n      return null;\n    }\n\n    return (\n      <div\n        part={`suggestions suggestions-${side}`}\n        ref={setRef}\n        class=\"flex grow basis-1/2 flex-col\"\n        onMouseDown={(e) => {\n          if (e.target === getRef()) {\n            e.preventDefault();\n          }\n        }}\n      >\n        {elements.map((suggestion, index) =>\n          this.renderSuggestion(suggestion, index, elements.length - 1, side)\n        )}\n      </div>\n    );\n  }\n\n  private get shouldShowSuggestions() {\n    return (\n      this.suggestionManager.hasSuggestions &&\n      this.isExpanded &&\n      !this.isSearchDisabledForEndUser(this.searchBoxState.value)\n    );\n  }\n\n  private renderSuggestions() {\n    return (\n      <div\n        id={`${this.id}-popup`}\n        part={`suggestions-wrapper ${\n          this.suggestionManager.isDoubleList\n            ? 'suggestions-double-list'\n            : 'suggestions-single-list'\n        }`}\n        class={`bg-background border-neutral absolute top-full left-0 z-10 flex w-full rounded-md border ${\n          this.shouldShowSuggestions ? '' : 'hidden'\n        }`}\n        role=\"application\"\n        aria-label={this.bindings.i18n.t(\n          this.suggestionManager.isDoubleList\n            ? 'search-suggestions-double-list'\n            : 'search-suggestions-single-list'\n        )}\n        {...(this.suggestionManager.activeDescendant && {\n          'aria-activedescendant': this.suggestionManager.activeDescendant,\n        })}\n      >\n        {this.renderPanel(\n          'left',\n          this.suggestionManager.leftSuggestionElements,\n          (el) => (this.suggestionManager.leftPanel = el),\n          () => this.suggestionManager.leftPanel\n        )}\n        {this.renderPanel(\n          'right',\n          this.suggestionManager.rightSuggestionElements,\n          (el) => (this.suggestionManager.rightPanel = el),\n          () => this.suggestionManager.rightPanel\n        )}\n      </div>\n    );\n  }\n\n  private renderTextBox = (searchLabel: string) => {\n    const props = {\n      loading: this.searchBoxState.isLoading,\n      bindings: this.bindings,\n      value: this.searchBoxState.value,\n      title: searchLabel,\n      ariaLabel: searchLabel,\n      onFocus: () => this.onFocus(),\n      onInput: (e: Event) =>\n        this.onInput(\n          (e.target as HTMLInputElement | HTMLTextAreaElement).value\n        ),\n      onKeyDown: (e: KeyboardEvent) => this.onKeyDown(e),\n      onClear: () => {\n        this.searchBox.clear();\n        this.suggestionManager.clearSuggestions();\n      },\n      popup: {\n        id: `${this.id}-popup`,\n        activeDescendant: this.suggestionManager.activeDescendant,\n        expanded: this.isExpanded,\n        hasSuggestions: this.suggestionManager.hasSuggestions,\n      },\n    };\n\n    return (\n      <SearchTextArea\n        textAreaRef={this.textAreaRef}\n        ref={(el) => (this.textAreaRef = el as HTMLTextAreaElement)}\n        {...props}\n        onClear={() => {\n          props.onClear();\n          this.triggerTextAreaChange('');\n        }}\n      />\n    );\n  };\n\n  private renderAbsolutePositionSpacer() {\n    return (\n      <textarea\n        aria-hidden\n        part=\"textarea-spacer\"\n        class=\"invisible w-full px-4 py-3.5 text-lg\"\n        rows={1}\n      ></textarea>\n    );\n  }\n\n  private isSearchDisabledForEndUser(queryValue?: string) {\n    if (isNullOrUndefined(queryValue)) {\n      return this.disableSearch;\n    }\n\n    if (queryValue.trim().length < this.minimumQueryLength) {\n      return true;\n    }\n\n    return this.disableSearch;\n  }\n\n  private getSearchInputLabel(minimumQueryLength = 0) {\n    if (this.isSearchDisabledForEndUser(this.searchBoxState.value)) {\n      return this.bindings.i18n.t('search-disabled', {\n        length: minimumQueryLength,\n      });\n    }\n\n    if (isMacOS()) {\n      return this.bindings.i18n.t('search-box-with-suggestions-macos');\n    }\n    if (!hasKeyboard()) {\n      return this.bindings.i18n.t('search-box-with-suggestions-keyboardless');\n    }\n    return this.bindings.i18n.t('search-box-with-suggestions');\n  }\n\n  private announceNewActiveSuggestionToScreenReader() {\n    const ariaLabel = this.suggestionManager.activeDescendantElement?.ariaLabel;\n    if (isMacOS() && ariaLabel) {\n      this.suggestionsAriaMessage = ariaLabel;\n    }\n  }\n\n  private announceNewSuggestionsToScreenReader() {\n    const elsLength =\n      this.suggestionManager.allSuggestionElements.filter(\n        elementHasQuery\n      ).length;\n    this.searchBoxAriaMessage = elsLength\n      ? this.bindings.i18n.t(\n          this.searchBoxState.value\n            ? 'query-suggestions-available'\n            : 'query-suggestions-available-no-query',\n          {\n            count: elsLength,\n            query: this.searchBoxState.value,\n          }\n        )\n      : this.bindings.i18n.t('query-suggestions-unavailable');\n  }\n\n  public render() {\n    this.updateBreakpoints();\n\n    const searchLabel = this.getSearchInputLabel(this.minimumQueryLength);\n    const isDisabled = this.isSearchDisabledForEndUser(\n      this.searchBoxState.value\n    );\n    if (!this.suggestionManager.suggestions.length) {\n      this.registerSearchboxSuggestionEvents();\n    }\n\n    return (\n      <Host>\n        {this.renderAbsolutePositionSpacer()}\n        {[\n          <SearchBoxWrapper\n            disabled={isDisabled}\n            onFocusout={(event) => {\n              if (!isFocusingOut(event)) {\n                return;\n              }\n              this.suggestionManager.clearSuggestions();\n              this.isExpanded = false;\n            }}\n          >\n            {this.renderTextBox(searchLabel)}\n            <SubmitButton\n              bindings={this.bindings}\n              disabled={isDisabled}\n              onClick={() => {\n                this.searchBox.submit();\n                this.suggestionManager.clearSuggestions();\n              }}\n            />\n            {this.renderSuggestions()}\n          </SearchBoxWrapper>,\n          !this.suggestionManager.suggestions.length && (\n            <slot>\n              <atomic-search-box-recent-queries></atomic-search-box-recent-queries>\n              <atomic-search-box-query-suggestions></atomic-search-box-query-suggestions>\n            </slot>\n          ),\n        ]}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/{p-b4ad3036.entry.js → p-d00a12e9.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,g as o}from"./p-dc3df5ce.js";import{A as s}from"./p-3af2fca0.js";import"@coveo/bueno";import"./p-a12e1c59.js";import"./p-f284897c.js";import"./p-0462f723.js";var i=undefined&&undefined.__decorate||function(e,t,o,s){var i=arguments.length,r=i<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,o):s,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,t,o,s);else for(var c=e.length-1;c>=0;c--)if(n=e[c])r=(i<3?n(r):i>3?n(t,o,r):n(t,o))||r;return i>3&&r&&Object.defineProperty(t,o,r),r};const r=class{constructor(t){e(this,t);this.tabsIncluded="[]";this.tabsExcluded="[]";this.label=undefined;this.expression=undefined;this.tabsIncluded="[]";this.tabsExcluded="[]"}render(){if(this.tabsIncluded.length>0&&this.tabsExcluded.length>0){console.warn('Values for both "tabs-included" and "tabs-excluded" have been provided. This is could lead to unexpected behaviors.')}const e="atomic-sort-dropdown";if(!this.host.closest(e)){const o=new Error(`The "${this.host.nodeName.toLowerCase()}" component has to be used inside an ${e} element.`);return t("atomic-component-error",{key:"4e946fe770ef49fc6346f0bc247db856fd38ba68",element:this.host,error:o})}}get host(){return o(this)}};i([s()],r.prototype,"tabsIncluded",void 0);i([s()],r.prototype,"tabsExcluded",void 0);export{r as atomic_sort_expression};
-//# sourceMappingURL=p-b4ad3036.entry.js.map
+import{r as e,h as t,g as o}from"./p-dc3df5ce.js";import{A as s}from"./p-3af2fca0.js";import"@coveo/bueno";import"./p-a12e1c59.js";import"./p-f284897c.js";import"./p-0462f723.js";var i=undefined&&undefined.__decorate||function(e,t,o,s){var i=arguments.length,r=i<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,o):s,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,t,o,s);else for(var c=e.length-1;c>=0;c--)if(n=e[c])r=(i<3?n(r):i>3?n(t,o,r):n(t,o))||r;return i>3&&r&&Object.defineProperty(t,o,r),r};const r=class{constructor(t){e(this,t);this.tabsIncluded="[]";this.tabsExcluded="[]";this.label=undefined;this.expression=undefined;this.tabsIncluded="[]";this.tabsExcluded="[]"}render(){if(this.tabsIncluded.length>0&&this.tabsExcluded.length>0){console.warn('Values for both "tabs-included" and "tabs-excluded" have been provided. This is could lead to unexpected behaviors.')}const e="atomic-sort-dropdown";if(!this.host.closest(e)){const o=new Error(`The "${this.host.nodeName.toLowerCase()}" component has to be used inside an ${e} element.`);return t("atomic-component-error",{key:"c0181fed2562ac8d51cba8d9a2395ab3fc431295",element:this.host,error:o})}}get host(){return o(this)}};i([s()],r.prototype,"tabsIncluded",void 0);i([s()],r.prototype,"tabsExcluded",void 0);export{r as atomic_sort_expression};
+//# sourceMappingURL=p-d00a12e9.entry.js.map

package/dist/atomic/{p-00a6ab8c.entry.js → p-d0f47b33.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,F as s,H as i}from"./p-dc3df5ce.js";import{i as n}from"./p-6292386d.js";const h=class{constructor(e){t(this,e);this.i18n=undefined;this.id=undefined;this.suggestion=undefined;this.isSelected=undefined;this.side=undefined;this.index=undefined;this.lastIndex=undefined;this.isDoubleList=undefined;this.onClick=undefined;this.onMouseOver=undefined}get parts(){let t="suggestion";if(this.isSelected){t+=" active-suggestion"}if(this.suggestion.query){t+=" suggestion-with-query"}if(this.suggestion.part){t+=` ${this.suggestion.part}`}return t}get classes(){return`flex px-4 min-h-10 items-center text-left text-neutral-dark cursor-pointer ${this.isSelected?"bg-neutral-light":""}`}get content(){return this.isHTMLElement(this.suggestion.content)?e(s,null):this.suggestion.content}ariaLabel(t){const e=this.suggestion.ariaLabel??this.suggestion.query??this.i18n.t("no-title");const s=n()&&t?this.i18n.t("search-suggestion-button",{label:e,interpolation:{escapeValue:false}}):e;const i=this.index+1;const h=this.lastIndex+1;if(!this.isDoubleList){return this.i18n.t("search-suggestion-single-list",{label:s,position:i,count:h,interpolation:{escapeValue:false}})}return this.i18n.t("search-suggestion-double-list",{label:s,position:i,count:h,side:this.i18n.t(this.side==="left"?"left":"right"),interpolation:{escapeValue:false}})}ensureContentForRenderedSuggestion(t){if(this.isHTMLElement(this.suggestion.content)){t.replaceChildren(this.suggestion.content)}}isHTMLElement(t){return t instanceof HTMLElement}render(){const t=!!(this.suggestion.onSelect||this.suggestion.query);return e(i,{key:"c332ae13efeac08cbbad4bdb4d86f15f3400ea60",class:"contents"},t?e("button",{id:this.id,key:this.suggestion.key,part:this.parts,class:this.classes,onMouseDown:t=>t.preventDefault(),onClick:t=>this.onClick?.(t),onMouseOver:t=>this.onMouseOver?.(t),"data-query":this.suggestion.query,"aria-label":this.ariaLabel(t),ref:t=>{if(!t){return}this.ensureContentForRenderedSuggestion(t)}},this.content):e("span",{id:this.id,key:this.suggestion.key,part:this.parts,class:this.classes,"aria-label":this.ariaLabel(t),ref:t=>{if(!t){return}this.ensureContentForRenderedSuggestion(t)}},this.content))}};export{h as atomic_suggestion_renderer};
-//# sourceMappingURL=p-00a6ab8c.entry.js.map
+import{r as t,h as s,F as e,H as i}from"./p-dc3df5ce.js";import{i as n}from"./p-6292386d.js";const h=class{constructor(s){t(this,s);this.i18n=undefined;this.id=undefined;this.suggestion=undefined;this.isSelected=undefined;this.side=undefined;this.index=undefined;this.lastIndex=undefined;this.isDoubleList=undefined;this.onClick=undefined;this.onMouseOver=undefined}get parts(){let t="suggestion";if(this.isSelected){t+=" active-suggestion"}if(this.suggestion.query){t+=" suggestion-with-query"}if(this.suggestion.part){t+=` ${this.suggestion.part}`}return t}get classes(){return`flex px-4 min-h-10 items-center text-left text-neutral-dark cursor-pointer ${this.isSelected?"bg-neutral-light":""}`}get content(){return this.isHTMLElement(this.suggestion.content)?s(e,null):this.suggestion.content}ariaLabel(t){const s=this.suggestion.ariaLabel??this.suggestion.query??this.i18n.t("no-title");const e=n()&&t?this.i18n.t("search-suggestion-button",{label:s,interpolation:{escapeValue:false}}):s;const i=this.index+1;const h=this.lastIndex+1;if(!this.isDoubleList){return this.i18n.t("search-suggestion-single-list",{label:e,position:i,count:h,interpolation:{escapeValue:false}})}return this.i18n.t("search-suggestion-double-list",{label:e,position:i,count:h,side:this.i18n.t(this.side==="left"?"left":"right"),interpolation:{escapeValue:false}})}ensureContentForRenderedSuggestion(t){if(this.isHTMLElement(this.suggestion.content)){t.replaceChildren(this.suggestion.content)}}isHTMLElement(t){return t instanceof HTMLElement}render(){const t=!!(this.suggestion.onSelect||this.suggestion.query);return s(i,{key:"a9f2b556d76e7ff77bcf7e6288191b14ce33fd21",class:"contents"},t?s("button",{id:this.id,key:this.suggestion.key,part:this.parts,class:this.classes,onMouseDown:t=>t.preventDefault(),onClick:t=>this.onClick?.(t),onMouseOver:t=>this.onMouseOver?.(t),"data-query":this.suggestion.query,"aria-label":this.ariaLabel(t),ref:t=>{if(!t){return}this.ensureContentForRenderedSuggestion(t)}},this.content):s("span",{id:this.id,key:this.suggestion.key,part:this.parts,class:this.classes,"aria-label":this.ariaLabel(t),ref:t=>{if(!t){return}this.ensureContentForRenderedSuggestion(t)}},this.content))}};export{h as atomic_suggestion_renderer};
+//# sourceMappingURL=p-d0f47b33.entry.js.map

package/dist/atomic/p-d24d34a7.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as i}from"./p-dc3df5ce.js";import{buildDateRange as e}from"@coveo/headless";import{p as a}from"./p-54fca818.js";import{B as n}from"./p-b93ccff9.js";import"./p-35e58270.js";import"./p-0462f723.js";import"./p-1580513b.js";import"./p-21ab6f55.js";const d=class{constructor(i){t(this,i);this.applyInput=s(this,"atomic/dateInputApply",7);this.max="9999-12-31";this.start=undefined;this.end=undefined;this.bindings=undefined;this.rangeGetter=undefined;this.rangeSetter=undefined;this.facetId=undefined;this.label=undefined;this.min=undefined;this.max="9999-12-31"}connectedCallback(){const t=this.rangeGetter();this.start=t?a(t.start).toDate():undefined;this.end=t?a(t.end).toDate():undefined}componentDidUpdate(){if(!this.startRef.value&&!this.endRef.value){this.startRef.min=this.min||this.formattedDateValue("1401-01-01");this.endRef.max=this.max||"";this.startRef.max=this.max||"";this.endRef.min=this.min||""}}apply(){if(!this.startRef.validity.valid||!this.endRef.validity.valid){return}this.applyInput.emit({start:this.start,end:this.end});const t=e({start:this.start,end:this.end.setHours(23,59,59,999)});this.rangeSetter(t)}formattedDateValue(t){if(!t){return""}return a(t).format("YYYY-MM-DD")}render(){const t=this.bindings.i18n.t(this.label);const s=this.bindings.i18n.t("start");const e=this.bindings.i18n.t("end");const d=this.bindings.i18n.t("date-input-start",{label:t});const h=this.bindings.i18n.t("date-input-end",{label:t});const r=this.bindings.i18n.t("apply");const c=this.bindings.i18n.t("date-input-apply",{label:t});const p="input-primary p-2.5";const l="text-neutral-dark self-center";const o="yyyy-mm-dd";const f="^(1[4-9]\\d{2}|2\\d{3})-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$";const u=this.rangeGetter();return i("form",{key:"a9115a4868e39afbdb588fa0f3454d02308e36f5",class:"mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2",onSubmit:t=>{t.preventDefault();this.apply();return false}},i("label",{key:"4d3bcb4549ba5cd003d5284831001830e3ac272f",part:"input-label",class:l,htmlFor:`${this.facetId}_start`},s,":"),i("input",{key:"98cc6ca7a7a9a33f777998806259d3a9fa495bb1",id:`${this.facetId}_start`,part:"input-start",type:"date",ref:t=>this.startRef=t,class:p,"aria-label":d,placeholder:o,pattern:f,required:true,min:this.min||this.formattedDateValue("1401-01-01"),max:this.end?this.formattedDateValue(this.end):this.max,value:this.formattedDateValue(u?.start),onInput:t=>this.start=a(t.target.value).toDate()}),i("label",{key:"fee1acc37402670ca45818b9a5da6062ed0b4218",part:"input-label",class:l,htmlFor:`${this.facetId}_end`},e,":"),i("input",{key:"cc3dd617c4d0fb7f8dbb2573bdcc30762aded812",id:`${this.facetId}_end`,part:"input-end",type:"date",ref:t=>this.endRef=t,class:p,"aria-label":h,placeholder:o,pattern:f,required:true,min:this.formattedDateValue(this.start)||this.min,max:this.max,value:this.formattedDateValue(u?.end),onInput:t=>this.end=a(t.target.value).toDate()}),i(n,{key:"d5e7426fc8fa1594c533a96f96faa07fce2e2d95",style:"outline-primary",type:"submit",part:"input-apply-button",class:"col-span-2 truncate p-2.5",ariaLabel:c,text:r}))}};export{d as atomic_stencil_facet_date_input};
+//# sourceMappingURL=p-d24d34a7.entry.js.map