@coveo/atomic 3.32.0-pre.df0768c2ef → 3.32.0-pre.e8ed1bb1ff

package/dist/atomic/{p-e1e7434e.entry.js.map → p-3e4df2e3.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["atomicCommerceCategoryFacetCss","AtomicCommerceCategoryFacetStyle0","AtomicCommerceCategoryFacet","this","isCollapsed","resultIndexToFocusOnShowMore","initialize","facet","ensureSubscribed","announceFacetSearchResultsWithAriaLive","displayName","msg","facetSearchAriaMessage","bindings","i18n","facetInfo","label","t","facetId","facetState","element","host","isHidden","initializePopover","hasValues","values","length","numberOfActiveValues","hasActiveValues","focusTargets","showLessFocus","FocusTargetController","showMoreFocus","headerFocus","activeValueFocus","disconnectedCallback","isConnected","unsubscribeFacetController","undefined","connectedCallback","summaryState","hasError","selectedValueAncestry","componentShouldUpdate","next","prev","propName","isCategoryFacetState","shouldUpdateFacetSearchComponent","facetSearch","hasParents","renderHeader","h","FacetHeader","headingLevel","onToggleCollapse","onClearFilters","focusAfterSearch","deselectAll","headerRef","header","setTarget","renderSearchInput","FacetSearchInput","query","onChange","value","clear","updateText","search","onClear","renderValuesTree","parents","isRoot","renderChildren","CategoryFacetTreeValueContainer","CategoryFacetAllCategoryButton","onClick","CategoryFacetParentAsTreeContainer","isTopLevel","parentValue","CategoryFacetParentButton","facetValue","field","toggleSelect","slice","activeParent","activeParentDisplayValue","getFieldValueCaption","CategoryFacetParentValueLink","displayValue","numberOfResults","isLeafValue","searchQuery","setRef","el","CategoryFacetChildrenAsTreeContainer","renderChild","isShowLessFocusTarget","isShowMoreFocusTarget","isSelected","state","CategoryFacetChildValueLink","nextValues","children","map","i","renderSearchResults","CategoryFacetSearchResultsContainer","CategoryFacetSearchValue","select","renderMatches","FacetSearchMatches","numberOfMatches","hasMoreMatches","moreValuesAvailable","renderShowMoreLess","class","FacetShowMoreLess","onShowMore","showMoreValues","onShowLess","showLessValues","canShowLessValues","canShowMoreValues","render","firstRequestExecuted","FacetGuard","key","enabled","firstSearchExecuted","hasResults","FacetContainer","shouldDisplaySearchResults","Fragment","FacetValuesGroup","className","subscribe","__decorate","InitializeBindings","BindStateToController","AriaLiveRegion","atomicCommerceFacetCss","AtomicCommerceFacetStyle0","AtomicCommerceFacet","initAriaLive","initPopover","isFacetState","activeValues","renderBody","FacetSearchInputGuard","numberOfDisplayedValues","withSearch","renderValues","renderValuesContainer","part","FacetSearchValue","facetValueProps","facetCount","count","onExclude","exclude","onSelect","rawValue","shouldFocusOnShowLessAfterInteraction","shouldFocusOnShowMoreAfterInteraction","FacetValue","toggleExclude","btn","showMore","showLess","filter","facetSearchQuery","displayValuesAs","enableExclusion","atomicCommerceNumericFacetCss","AtomicCommerceNumericFacetStyle0","AtomicCommerceNumericFacet","manualRanges","focusTarget","context","buildContext","engine","registerFacetToStore","formatter","defaultCurrencyFormatter","contextState","currency","defaultNumberFormatter","numberOfSelectedValues","applyNumberInput","detail","start","end","setRanges","endInclusive","shouldRenderFacet","shouldRenderValues","shouldRenderInput","range","manualRange","logger","NumericFacetValuesContainer","valuesToRender","NumericFacetValueLink","hasInputRange","isLoading","hasProducts","shouldDisplayInputForFacetRange","searchStatusState","facetValues","hasInput","atomicCommerceTimeframeFacetCss","AtomicCommerceTimeframeFacetStyle0","AtomicCommerceTimeframeFacet","applyDateInput","inputRange","resetRange","formatFacetValue","startDate","deserializeRelativeDate","relativeDate","period","unit","amount","error","parseDate","format","renderValue","isExcluded","FacetValueLink","toggleSingleSelect","FacetValueLabelHighlight","renderDateInput","rangeGetter","rangeSetter"],"sources":["src/components/commerce/facets/atomic-commerce-category-facet/atomic-commerce-category-facet.pcss?tag=atomic-commerce-category-facet&encapsulation=shadow","src/components/commerce/facets/atomic-commerce-category-facet/atomic-commerce-category-facet.tsx","src/components/commerce/facets/atomic-commerce-facet/atomic-commerce-facet.pcss?tag=atomic-commerce-facet&encapsulation=shadow","src/components/commerce/facets/atomic-commerce-facet/atomic-commerce-facet.tsx","src/components/commerce/facets/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.pcss?tag=atomic-commerce-numeric-facet&encapsulation=shadow","src/components/commerce/facets/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.tsx","src/components/commerce/facets/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.pcss?tag=atomic-commerce-timeframe-facet&encapsulation=shadow","src/components/commerce/facets/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.tsx"],"sourcesContent":["@import '../../../common/facets/facet-common.pcss';\n@import '../../../common/facets/facet-search/facet-search.pcss';\n\n[part~='active-parent'] {\n  @apply pl-9;\n}\n\n[part~='parents'] [part~='values'] {\n  @apply pl-9;\n}\n\n[part~='all-categories-button'],\n[part~='parent-button'] {\n  @apply relative flex w-full items-center py-2.5 pr-2 pl-7 text-left;\n}\n\n[part~='back-arrow'] {\n  @apply absolute left-1 h-5 w-5;\n}\n","import {\n  CategoryFacetState,\n  CategoryFacetValue,\n  CategoryFacet,\n  SearchSummaryState,\n  ProductListingSummaryState,\n  Summary,\n} from '@coveo/headless/commerce';\nimport {Component, h, State, Prop, Element, Fragment} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {\n  AriaLiveRegion,\n  FocusTargetController,\n} from '../../../../utils/stencil-accessibility-utils';\nimport {CategoryFacetAllCategoryButton} from '../../../common/facets/category-facet/all-categories-button';\nimport {CategoryFacetChildValueLink} from '../../../common/facets/category-facet/child-value-link';\nimport {CategoryFacetChildrenAsTreeContainer} from '../../../common/facets/category-facet/children-as-tree-container';\nimport {CategoryFacetParentAsTreeContainer} from '../../../common/facets/category-facet/parent-as-tree-container';\nimport {CategoryFacetParentButton} from '../../../common/facets/category-facet/parent-button';\nimport {CategoryFacetParentValueLink} from '../../../common/facets/category-facet/parent-value-link';\nimport {CategoryFacetSearchResultsContainer} from '../../../common/facets/category-facet/search-results-container';\nimport {CategoryFacetSearchValue} from '../../../common/facets/category-facet/search-value';\nimport {CategoryFacetTreeValueContainer} from '../../../common/facets/category-facet/value-as-tree-container';\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 {announceFacetSearchResultsWithAriaLive} from '../../../common/facets/facet-search/facet-search-aria-live';\nimport {\n  shouldUpdateFacetSearchComponent,\n  shouldDisplaySearchResults,\n} from '../../../common/facets/facet-search/facet-search-utils';\nimport {FacetSearchInput} from '../../../common/facets/facet-search/stencil-facet-search-input';\nimport {FacetSearchMatches} from '../../../common/facets/facet-search/stencil-facet-search-matches';\nimport {FacetShowMoreLess} from '../../../common/facets/facet-show-more-less/stencil-facet-show-more-less';\nimport {FacetValuesGroup} from '../../../common/facets/facet-values-group/stencil-facet-values-group';\nimport {initializePopover} from '../../../common/facets/popover/popover-type';\nimport {CommerceBindings as Bindings} from '../../atomic-commerce-interface/atomic-commerce-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-commerce-category-facet` displays a facet of values in a browsable, hierarchical fashion.\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 *\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-results - The search results container.\n * @part search-result - The search result value.\n * @part search-result-path - The search result path.\n * @part search-highlight - The highlighted query inside the facet values.\n *\n * @part parents - The container surrounding the whole hierarchy of values.\n * @part sub-parents - The container surrounding a sub-hierarchy of values.\n * @part values - The container surrounding either the children of the active value or the values at the base.\n * @part all-categories-button - The \"View all\" button displayed first within the parents.\n * @part parent-button - The clickable parent button displayed first within sub-parents.\n * @part active-parent - The clickable active parent displayed first within the last sub-parents.\n * @part value-link - The clickable value displayed first within values.\n * @part back-arrow - The back arrow displayed before the clickable parents.\n * @part value-label - The facet value label within a value button.\n * @part value-count - The facet value count within a value button.\n * @part leaf-value - A facet value with no child value.\n * @part node-value - A facet value with child values.\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 * @alpha\n */\n@Component({\n  tag: 'atomic-commerce-category-facet',\n  styleUrl: 'atomic-commerce-category-facet.pcss',\n  shadow: true,\n})\nexport class AtomicCommerceCategoryFacet\n  implements InitializableComponent<Bindings>\n{\n  @InitializeBindings() public bindings!: Bindings;\n  @Element() private host!: HTMLElement;\n\n  /**\n   * The summary controller instance.\n   */\n  @Prop() summary!: Summary<SearchSummaryState | ProductListingSummaryState>;\n  /**\n   * The category facet controller instance.\n   */\n  @Prop() public facet!: CategoryFacet;\n  /**\n   * Specifies whether the facet is collapsed.\n   */\n  @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n  /**\n   * The field identifier for this facet.\n   */\n  @Prop({reflect: true}) field?: string;\n\n  @State()\n  public facetState!: CategoryFacetState;\n\n  @BindStateToController('summary')\n  @State()\n  public summaryState!: SearchSummaryState | ProductListingSummaryState;\n\n  @State() public error!: Error;\n\n  private resultIndexToFocusOnShowMore = 0;\n  private showLessFocus?: FocusTargetController;\n  private showMoreFocus?: FocusTargetController;\n  private headerFocus?: FocusTargetController;\n  private activeValueFocus?: FocusTargetController;\n  private unsubscribeFacetController?: () => void | undefined;\n\n  @AriaLiveRegion('facet-search')\n  protected facetSearchAriaMessage!: string;\n\n  public initialize() {\n    if (!this.facet) {\n      return;\n    }\n\n    this.ensureSubscribed();\n    announceFacetSearchResultsWithAriaLive(\n      this.facet,\n      this.displayName,\n      (msg) => (this.facetSearchAriaMessage = msg),\n      this.bindings.i18n\n    );\n\n    const facetInfo: FacetInfo = {\n      label: () => this.bindings.i18n.t(this.displayName),\n      facetId: this.facetState.facetId,\n      element: this.host,\n      isHidden: () => this.isHidden,\n    };\n\n    initializePopover(this.host, {\n      ...facetInfo,\n      hasValues: () => !!this.facetState.values.length,\n      numberOfActiveValues: () => (this.facetState.hasActiveValues ? 1 : 0),\n    });\n  }\n\n  private get displayName() {\n    return this.facetState?.displayName || 'no-label';\n  }\n\n  private get focusTargets() {\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    if (!this.activeValueFocus) {\n      this.activeValueFocus = new FocusTargetController(this);\n    }\n\n    return {\n      showLessFocus: this.showLessFocus,\n      showMoreFocus: this.showMoreFocus,\n      headerFocus: this.headerFocus,\n      activeValueFocus: this.activeValueFocus,\n    };\n  }\n\n  public disconnectedCallback() {\n    if (this.host.isConnected) {\n      return;\n    }\n    this.unsubscribeFacetController?.();\n    this.unsubscribeFacetController = undefined;\n  }\n\n  public connectedCallback(): void {\n    this.ensureSubscribed();\n  }\n\n  private get isHidden() {\n    return (\n      this.summaryState.hasError ||\n      (!this.facetState.values.length &&\n        !this.facetState.selectedValueAncestry?.length)\n    );\n  }\n\n  public componentShouldUpdate(\n    next: unknown,\n    prev: unknown,\n    propName: keyof AtomicCommerceCategoryFacet\n  ) {\n    if (\n      this.isCategoryFacetState(prev, propName) &&\n      this.isCategoryFacetState(next, propName)\n    ) {\n      return shouldUpdateFacetSearchComponent(\n        next.facetSearch,\n        prev.facetSearch\n      );\n    }\n    return true;\n  }\n\n  private get hasParents() {\n    return !!this.facetState.selectedValueAncestry?.length;\n  }\n\n  private renderHeader() {\n    return (\n      <FacetHeader\n        i18n={this.bindings.i18n}\n        label={this.displayName}\n        numberOfActiveValues={\n          this.facetState.hasActiveValues && this.isCollapsed ? 1 : 0\n        }\n        isCollapsed={this.isCollapsed}\n        headingLevel={0}\n        onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n        onClearFilters={() => {\n          this.focusTargets.headerFocus.focusAfterSearch();\n          this.facet.deselectAll();\n        }}\n        headerRef={(header) => {\n          this.focusTargets.headerFocus.setTarget(header);\n          if (!this.hasParents) {\n            this.focusTargets.activeValueFocus.setTarget(header);\n          }\n        }}\n      ></FacetHeader>\n    );\n  }\n\n  private renderSearchInput() {\n    return (\n      <FacetSearchInput\n        i18n={this.bindings.i18n}\n        label={this.displayName}\n        query={this.facetState.facetSearch.query}\n        onChange={(value: string) => {\n          if (value === '') {\n            this.facet.facetSearch.clear();\n            return;\n          }\n          this.facet.facetSearch.updateText(value);\n          this.facet.facetSearch.search();\n        }}\n        onClear={() => this.facet.facetSearch.clear()}\n      ></FacetSearchInput>\n    );\n  }\n\n  private renderValuesTree(parents: CategoryFacetValue[], isRoot: boolean) {\n    if (!this.hasParents) {\n      return this.renderChildren();\n    }\n\n    if (isRoot) {\n      return (\n        <CategoryFacetTreeValueContainer>\n          <CategoryFacetAllCategoryButton\n            i18n={this.bindings.i18n}\n            onClick={() => {\n              this.focusTargets.activeValueFocus.focusAfterSearch();\n              this.facet.deselectAll();\n            }}\n          />\n          <CategoryFacetParentAsTreeContainer isTopLevel={false}>\n            {this.renderValuesTree(parents, false)}\n          </CategoryFacetParentAsTreeContainer>\n        </CategoryFacetTreeValueContainer>\n      );\n    }\n\n    if (parents.length > 1) {\n      const parentValue = parents[0];\n\n      return (\n        <CategoryFacetTreeValueContainer>\n          <CategoryFacetParentButton\n            facetValue={parentValue}\n            field={this.facetState?.field}\n            i18n={this.bindings.i18n}\n            onClick={() => {\n              this.focusTargets.activeValueFocus.focusAfterSearch();\n              this.facet.toggleSelect(parentValue);\n            }}\n          />\n          <CategoryFacetParentAsTreeContainer isTopLevel={false}>\n            {this.renderValuesTree(parents.slice(1), false)}\n          </CategoryFacetParentAsTreeContainer>\n        </CategoryFacetTreeValueContainer>\n      );\n    }\n\n    const activeParent = parents[0];\n    const activeParentDisplayValue = getFieldValueCaption(\n      this.facetState?.field,\n      activeParent.value,\n      this.bindings.i18n\n    );\n\n    return (\n      <CategoryFacetParentValueLink\n        displayValue={activeParentDisplayValue}\n        numberOfResults={activeParent.numberOfResults}\n        i18n={this.bindings.i18n}\n        isLeafValue={activeParent.isLeafValue}\n        onClick={() => {\n          this.focusTargets.activeValueFocus.focusAfterSearch();\n          this.facet.deselectAll();\n        }}\n        searchQuery={this.facetState.facetSearch.query}\n        setRef={(el) => this.focusTargets.activeValueFocus.setTarget(el)}\n      >\n        <CategoryFacetChildrenAsTreeContainer>\n          {this.renderChildren()}\n        </CategoryFacetChildrenAsTreeContainer>\n      </CategoryFacetParentValueLink>\n    );\n  }\n\n  private renderChild(\n    facetValue: CategoryFacetValue,\n    isShowLessFocusTarget: boolean,\n    isShowMoreFocusTarget: boolean\n  ) {\n    const displayValue = getFieldValueCaption(\n      this.facetState?.field,\n      facetValue.value,\n      this.bindings.i18n\n    );\n    const isSelected = facetValue.state === 'selected';\n    return (\n      <CategoryFacetChildValueLink\n        displayValue={displayValue}\n        i18n={this.bindings.i18n}\n        isLeafValue={facetValue.isLeafValue}\n        isSelected={isSelected}\n        numberOfResults={facetValue.numberOfResults}\n        onClick={() => {\n          this.focusTargets.activeValueFocus.focusAfterSearch();\n          this.facet.toggleSelect(facetValue);\n        }}\n        searchQuery={this.facetState.facetSearch.query}\n        setRef={(element) => {\n          isShowLessFocusTarget &&\n            this.focusTargets.showLessFocus.setTarget(element);\n          isShowMoreFocusTarget &&\n            this.focusTargets.showMoreFocus.setTarget(element);\n        }}\n      ></CategoryFacetChildValueLink>\n    );\n  }\n\n  private renderChildren() {\n    const {values, selectedValueAncestry, hasActiveValues} = this.facetState;\n    const nextValues = hasActiveValues ? selectedValueAncestry : values;\n\n    const children = nextValues?.length\n      ? hasActiveValues\n        ? nextValues[nextValues.length - 1].children\n        : nextValues\n      : [];\n\n    return children.map((value, i) =>\n      this.renderChild(value, i === 0, i === this.resultIndexToFocusOnShowMore)\n    );\n  }\n\n  private renderSearchResults() {\n    return (\n      <CategoryFacetSearchResultsContainer>\n        {this.facetState.facetSearch.values.map((value) => (\n          <CategoryFacetSearchValue\n            value={value}\n            field={this.facetState?.field}\n            i18n={this.bindings.i18n}\n            searchQuery={this.facetState.facetSearch.query}\n            onClick={() => {\n              this.focusTargets.activeValueFocus.focusAfterSearch();\n              this.facet.facetSearch.select(value);\n            }}\n          ></CategoryFacetSearchValue>\n        ))}\n      </CategoryFacetSearchResultsContainer>\n    );\n  }\n\n  private renderMatches() {\n    return (\n      <FacetSearchMatches\n        i18n={this.bindings.i18n}\n        query={this.facetState.facetSearch.query}\n        numberOfMatches={this.facetState.facetSearch.values.length}\n        hasMoreMatches={this.facetState.facetSearch.moreValuesAvailable}\n      ></FacetSearchMatches>\n    );\n  }\n\n  private renderShowMoreLess() {\n    return (\n      <div class={this.hasParents ? 'pl-9' : ''}>\n        <FacetShowMoreLess\n          label={this.displayName}\n          i18n={this.bindings.i18n}\n          onShowMore={() => {\n            this.resultIndexToFocusOnShowMore = this.facetState.values.length;\n            this.focusTargets.showMoreFocus.focusAfterSearch();\n            this.facet.showMoreValues();\n          }}\n          onShowLess={() => {\n            this.focusTargets.showLessFocus.focusAfterSearch();\n            this.facet.showLessValues();\n          }}\n          canShowLessValues={this.facetState.canShowLessValues}\n          canShowMoreValues={this.facetState.canShowMoreValues}\n        ></FacetShowMoreLess>\n      </div>\n    );\n  }\n\n  private isCategoryFacetState(\n    state: unknown,\n    propName: string\n  ): state is CategoryFacetState {\n    return (\n      propName === 'facetState' &&\n      typeof (state as CategoryFacetState)?.facetId === 'string'\n    );\n  }\n\n  public render() {\n    const {\n      bindings: {i18n},\n      facetState: {facetSearch, selectedValueAncestry, values},\n    } = this;\n\n    const {hasError, firstRequestExecuted} = this.summaryState;\n\n    return (\n      <FacetGuard\n        enabled={true}\n        firstSearchExecuted={firstRequestExecuted}\n        hasError={hasError}\n        hasResults={values.length > 0}\n      >\n        {\n          <FacetContainer>\n            {this.renderHeader()}\n            {!this.isCollapsed && [\n              this.renderSearchInput(),\n              shouldDisplaySearchResults(facetSearch) ? (\n                <Fragment>\n                  {facetSearch.values.length ? (\n                    <FacetValuesGroup\n                      i18n={i18n}\n                      label={this.displayName}\n                      query={facetSearch.query}\n                    >\n                      {this.renderSearchResults()}\n                    </FacetValuesGroup>\n                  ) : (\n                    <div class=\"mt-3\"></div>\n                  )}\n                  {this.renderMatches()}\n                </Fragment>\n              ) : (\n                <Fragment>\n                  <FacetValuesGroup i18n={i18n} label={this.displayName}>\n                    {this.hasParents ? (\n                      <CategoryFacetParentAsTreeContainer\n                        isTopLevel={true}\n                        className=\"mt-3\"\n                      >\n                        {selectedValueAncestry &&\n                          this.renderValuesTree(selectedValueAncestry, true)}\n                      </CategoryFacetParentAsTreeContainer>\n                    ) : (\n                      <CategoryFacetChildrenAsTreeContainer className=\"mt-3\">\n                        {this.renderChildren()}\n                      </CategoryFacetChildrenAsTreeContainer>\n                    )}\n                  </FacetValuesGroup>\n                  {this.renderShowMoreLess()}\n                </Fragment>\n              ),\n            ]}\n          </FacetContainer>\n        }\n      </FacetGuard>\n    );\n  }\n\n  private ensureSubscribed() {\n    if (this.unsubscribeFacetController) {\n      return;\n    }\n    this.unsubscribeFacetController = this.facet.subscribe(\n      () => (this.facetState = this.facet.state)\n    );\n  }\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  ProductListingSummaryState,\n  RegularFacet,\n  RegularFacetState,\n  SearchSummaryState,\n  Summary,\n} from '@coveo/headless/commerce';\nimport {\n  Component,\n  h,\n  State,\n  Prop,\n  Element,\n  VNode,\n  Fragment,\n} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {\n  AriaLiveRegion,\n  FocusTargetController,\n} from '../../../../utils/stencil-accessibility-utils';\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 {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 {CommerceBindings as Bindings} from '../../atomic-commerce-interface/atomic-commerce-interface';\n\n/**\n * The `atomic-commerce-facet` component renders a commerce facet that the end user can interact with to filter products.\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 * @alpha\n */\n@Component({\n  tag: 'atomic-commerce-facet',\n  styleUrl: 'atomic-commerce-facet.pcss',\n  shadow: true,\n})\nexport class AtomicCommerceFacet implements InitializableComponent<Bindings> {\n  @InitializeBindings() public bindings!: Bindings;\n  @Element() private host!: HTMLElement;\n\n  /**\n   * The Summary controller instance.\n   */\n  @Prop() summary!: Summary<SearchSummaryState | ProductListingSummaryState>;\n  /**\n   * The facet controller instance.\n   */\n  @Prop() public facet!: RegularFacet;\n  /**\n   * Specifies whether the facet is collapsed.\n   */\n  @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n  /**\n   * The field identifier for this facet.\n   */\n  @Prop({reflect: true}) field?: string;\n\n  @State()\n  public facetState!: RegularFacetState;\n\n  @BindStateToController('summary')\n  @State()\n  public summaryState!: SearchSummaryState | ProductListingSummaryState;\n\n  @State() public error!: Error;\n\n  private showLessFocus?: FocusTargetController;\n  private showMoreFocus?: FocusTargetController;\n  private headerFocus?: FocusTargetController;\n  private unsubscribeFacetController?: () => void | undefined;\n\n  @AriaLiveRegion('facet-search')\n  protected facetSearchAriaMessage!: string;\n\n  public initialize() {\n    if (!this.facet) {\n      return;\n    }\n    this.ensureSubscribed();\n    this.initAriaLive();\n    this.initPopover();\n  }\n\n  public connectedCallback(): void {\n    this.ensureSubscribed();\n  }\n\n  public disconnectedCallback(): void {\n    this.unsubscribeFacetController?.();\n    this.unsubscribeFacetController = undefined;\n  }\n\n  public componentShouldUpdate(\n    next: unknown,\n    prev: unknown,\n    propName: keyof AtomicCommerceFacet\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    if (!this.facet) {\n      return;\n    }\n    const {hasError, firstRequestExecuted} = this.summaryState;\n    return (\n      <FacetGuard\n        enabled={true}\n        hasError={hasError}\n        firstSearchExecuted={firstRequestExecuted}\n        hasResults={this.facetState.values.length > 0}\n      >\n        {\n          <FacetContainer>\n            <FacetHeader\n              i18n={this.bindings.i18n}\n              label={this.displayName}\n              onClearFilters={() => {\n                this.focusTargets.header.focusAfterSearch();\n                this.facet.deselectAll();\n              }}\n              numberOfActiveValues={this.activeValues.length}\n              isCollapsed={this.isCollapsed}\n              headingLevel={0}\n              onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n              headerRef={(el) => this.focusTargets.header.setTarget(el)}\n            ></FacetHeader>\n            {this.renderBody()}\n          </FacetContainer>\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={true}\n        >\n          <FacetSearchInput\n            i18n={this.bindings.i18n}\n            label={this.displayName}\n            onChange={(value) => {\n              if (value === '') {\n                this.facet.facetSearch.clear();\n                return;\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    return (\n      <FacetValuesGroup\n        i18n={this.bindings.i18n}\n        label={this.displayName}\n        query={query}\n      >\n        <ul part=\"values\" class=\"mt-3\">\n          {children}\n        </ul>\n      </FacetValuesGroup>\n    );\n  }\n\n  private renderSearchResults() {\n    return this.renderValuesContainer(\n      this.facetState.facetSearch.values.map((value) => (\n        <FacetSearchValue\n          {...this.facetValueProps}\n          facetCount={value.count}\n          onExclude={() => this.facet.facetSearch.exclude(value)}\n          onSelect={() => this.facet.facetSearch.select(value)}\n          facetValue={value.rawValue}\n        />\n      ))\n    );\n  }\n\n  private renderValues() {\n    return this.renderValuesContainer(\n      this.facetState.values.map((value, i) => {\n        const shouldFocusOnShowLessAfterInteraction = i === 0;\n        const shouldFocusOnShowMoreAfterInteraction = i === 0;\n\n        return (\n          <FacetValue\n            {...this.facetValueProps}\n            facetCount={value.numberOfResults}\n            onExclude={() => this.facet.toggleExclude(value)}\n            onSelect={() => this.facet.toggleSelect(value)}\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.displayName}\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.facetState.canShowMoreValues}\n        canShowLessValues={this.facetState.canShowLessValues}\n      ></FacetShowMoreLess>\n    );\n  }\n\n  private renderMatches() {\n    return (\n      <FacetSearchMatches\n        i18n={this.bindings.i18n}\n        query={this.facetState.facetSearch.query}\n        numberOfMatches={this.facetState.facetSearch.values.length}\n        hasMoreMatches={this.facetState.facetSearch.moreValuesAvailable}\n      ></FacetSearchMatches>\n    );\n  }\n\n  private get activeValues() {\n    return this.facetState.values.filter(({state}) => state !== 'idle');\n  }\n\n  private get displayName() {\n    return this.facetState.displayName || 'no-label';\n  }\n\n  private get facetValueProps(): Pick<\n    FacetValueProps,\n    | 'facetSearchQuery'\n    | 'enableExclusion'\n    | 'field'\n    | 'i18n'\n    | 'displayValuesAs'\n  > {\n    return {\n      facetSearchQuery: this.facetState.facetSearch.query,\n      displayValuesAs: 'checkbox',\n      enableExclusion: false,\n      field: this.facetState.field,\n      i18n: this.bindings.i18n,\n    };\n  }\n\n  private get isHidden() {\n    return !this.facetState.values.length;\n  }\n\n  private initPopover() {\n    initializePopover(this.host, {\n      ...this.facetInfo,\n      hasValues: () => !!this.facetState.values.length,\n      numberOfActiveValues: () => this.activeValues.length,\n    });\n  }\n\n  private initAriaLive() {\n    announceFacetSearchResultsWithAriaLive(\n      this.facet,\n      this.displayName,\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.displayName),\n      facetId: this.facetState.facetId,\n      element: this.host,\n      isHidden: () => this.isHidden,\n    };\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(\n    state: unknown,\n    propName: string\n  ): state is RegularFacetState {\n    return (\n      propName === 'facetState' &&\n      typeof (state as RegularFacetState)?.facetId === 'string'\n    );\n  }\n\n  private ensureSubscribed() {\n    if (this.unsubscribeFacetController) {\n      return;\n    }\n    this.unsubscribeFacetController = this.facet.subscribe(\n      () => (this.facetState = this.facet.state)\n    );\n  }\n}\n","@import '../../../common/facets/numeric-facet-common.pcss';\n","import {\n  NumericFacet,\n  NumericFacetState,\n  NumericRangeRequest,\n  ProductListingSummaryState,\n  SearchSummaryState,\n  Summary,\n  Context,\n  ContextState,\n  buildContext,\n} from '@coveo/headless/commerce';\nimport {Component, Element, h, Listen, Prop, State} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\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 {NumericFacetValueLink} from '../../../common/facets/numeric-facet/value-link';\nimport {NumericFacetValuesContainer} from '../../../common/facets/numeric-facet/values-container';\nimport {initializePopover} from '../../../common/facets/popover/popover-type';\nimport {shouldDisplayInputForFacetRange} from '../../../common/facets/stencil-facet-common';\nimport {\n  defaultCurrencyFormatter,\n  defaultNumberFormatter,\n} from '../../../common/formats/format-common';\nimport {CommerceBindings as Bindings} from '../../atomic-commerce-interface/atomic-commerce-interface';\nimport type {Range} from '../facet-number-input/atomic-commerce-facet-number-input';\n\n/**\n * The `atomic-commerce-numeric-facet` component is responsible for rendering a commerce facet that allows the user to filter products using numeric ranges.\n *\n * @alpha\n */\n@Component({\n  tag: 'atomic-commerce-numeric-facet',\n  styleUrl: './atomic-commerce-numeric-facet.pcss',\n  shadow: true,\n})\nexport class AtomicCommerceNumericFacet\n  implements InitializableComponent<Bindings>\n{\n  @InitializeBindings() public bindings!: Bindings;\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('facet')\n  @State()\n  public facetState!: NumericFacetState;\n\n  @BindStateToController('summary')\n  @State()\n  public summaryState!: SearchSummaryState | ProductListingSummaryState;\n\n  public context!: Context;\n  @BindStateToController('context') contextState!: ContextState;\n\n  @State() public error!: Error;\n\n  private manualRanges: (NumericRangeRequest & {label?: string})[] = [];\n\n  /**\n   * The Summary controller instance.\n   */\n  @Prop() summary!: Summary<SearchSummaryState | ProductListingSummaryState>;\n  /**\n   * The numeric facet controller instance.\n   */\n  @Prop({reflect: true}) public facet!: NumericFacet;\n  /**\n   * Specifies whether the facet is collapsed.\n   */\n  @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n  /**\n   * The field identifier for this facet.\n   */\n  @Prop({reflect: true}) field?: string;\n\n  private headerFocus?: FocusTargetController;\n\n  private get focusTarget(): FocusTargetController {\n    if (!this.headerFocus) {\n      this.headerFocus = new FocusTargetController(this);\n    }\n    return this.headerFocus;\n  }\n\n  private unsubscribeFacetController?: () => void | undefined;\n\n  public initialize() {\n    if (!this.facet) {\n      return;\n    }\n\n    this.context = buildContext(this.bindings.engine);\n    this.ensureSubscribed();\n    this.registerFacetToStore();\n  }\n\n  public connectedCallback() {\n    this.ensureSubscribed();\n  }\n\n  public disconnectedCallback() {\n    this.unsubscribeFacetController?.();\n    this.unsubscribeFacetController = undefined;\n  }\n\n  private get formatter() {\n    if (this.field === 'ec_price' || this.field === 'ec_promo_price') {\n      return defaultCurrencyFormatter(this.contextState.currency);\n    }\n    return defaultNumberFormatter;\n  }\n\n  private registerFacetToStore() {\n    const {facetId} = this.facetState;\n    const facetInfo: FacetInfo = {\n      label: () => this.bindings.i18n.t(this.displayName),\n      facetId: facetId,\n      element: this.host,\n      isHidden: () => this.isHidden,\n    };\n\n    initializePopover(this.host, {\n      ...facetInfo,\n      hasValues: () => this.hasValues,\n      numberOfActiveValues: () => this.numberOfSelectedValues,\n    });\n  }\n\n  @Listen('atomic/numberInputApply')\n  public applyNumberInput({detail}: CustomEvent<Range>) {\n    const {start, end} = detail;\n    this.facet.setRanges([\n      {\n        start,\n        end,\n        endInclusive: true,\n        state: 'selected',\n      },\n    ]);\n  }\n\n  public render() {\n    const {\n      bindings: {i18n},\n    } = this;\n    const {firstRequestExecuted, hasError} = this.summaryState;\n    return (\n      <FacetGuard\n        enabled={true}\n        firstSearchExecuted={firstRequestExecuted}\n        hasError={hasError}\n        hasResults={this.shouldRenderFacet}\n      >\n        {\n          <FacetContainer>\n            <FacetHeader\n              i18n={i18n}\n              label={this.displayName}\n              onClearFilters={() => {\n                this.focusTarget.focusAfterSearch();\n                this.facet.deselectAll();\n              }}\n              numberOfActiveValues={this.numberOfSelectedValues}\n              isCollapsed={this.isCollapsed}\n              headingLevel={0}\n              onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n              headerRef={(el) => this.focusTarget.setTarget(el)}\n            />\n            {!this.isCollapsed && [\n              this.shouldRenderValues && this.renderValues(),\n              this.shouldRenderInput && (\n                <atomic-commerce-facet-number-input\n                  bindings={this.bindings}\n                  label={this.displayName}\n                  facet={this.facet}\n                  range={this.facetState.manualRange}\n                ></atomic-commerce-facet-number-input>\n              ),\n            ]}\n          </FacetContainer>\n        }\n      </FacetGuard>\n    );\n  }\n\n  private renderValues() {\n    const {\n      manualRanges,\n      displayName,\n      bindings: {\n        i18n,\n        engine: {logger},\n      },\n      formatter,\n    } = this;\n\n    return (\n      <NumericFacetValuesContainer i18n={i18n} label={displayName}>\n        {this.valuesToRender.map((value) => (\n          <NumericFacetValueLink\n            formatter={formatter}\n            displayValuesAs={'checkbox'}\n            facetValue={value}\n            field={this.facetState.field}\n            i18n={i18n}\n            logger={logger}\n            manualRanges={manualRanges}\n            onClick={() => this.facet.toggleSelect(value)}\n          />\n        ))}\n      </NumericFacetValuesContainer>\n    );\n  }\n\n  private get displayName() {\n    return this.facetState.displayName || 'no-label';\n  }\n\n  private get numberOfSelectedValues() {\n    return (\n      this.facetState.values.filter(({state}) => state === 'selected').length ||\n      0\n    );\n  }\n\n  private get hasInputRange() {\n    return !!this.facetState.manualRange || this.summaryState.isLoading;\n  }\n\n  private get shouldRenderValues() {\n    return !this.hasInputRange && !!this.valuesToRender.length;\n  }\n\n  private get valuesToRender() {\n    return (\n      this.facetState.values.filter(\n        (value) => value.numberOfResults || value.state !== 'idle'\n      ) || []\n    );\n  }\n\n  private get shouldRenderInput() {\n    const {\n      firstRequestExecuted: firstSearchExecuted,\n      hasError,\n      isLoading,\n      hasProducts: hasResults,\n    } = this.summaryState;\n    return shouldDisplayInputForFacetRange({\n      hasInputRange: this.hasInputRange,\n      searchStatusState: {\n        firstSearchExecuted,\n        hasError,\n        hasResults,\n        isLoading,\n      },\n      facetValues: this.facetState.values,\n      hasInput: true,\n    });\n  }\n\n  private get isHidden() {\n    return !this.shouldRenderFacet;\n  }\n\n  private get shouldRenderFacet() {\n    return this.shouldRenderInput || this.shouldRenderValues;\n  }\n\n  private get hasValues() {\n    if (this.facetState.values.length) {\n      return true;\n    }\n\n    return !!this.valuesToRender.length;\n  }\n\n  private ensureSubscribed() {\n    if (this.unsubscribeFacetController) {\n      return;\n    }\n    this.unsubscribeFacetController = this.facet.subscribe(\n      () => (this.facetState = this.facet.state)\n    );\n  }\n}\n","@import '../../../common/facets/facet-common.pcss';\n","import {\n  DateFacet,\n  DateFilterRange,\n  deserializeRelativeDate,\n  DateFacetValue,\n  DateFacetState,\n  DateRangeRequest,\n  SearchSummaryState,\n  ProductListingSummaryState,\n  Summary,\n} from '@coveo/headless/commerce';\nimport {Component, Element, h, Listen, Prop, State, VNode} from '@stencil/core';\nimport {parseDate} from '../../../../utils/date-utils';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\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 {FacetValueLabelHighlight} from '../../../common/facets/facet-value-label-highlight/stencil-facet-value-label-highlight';\nimport {FacetValueLink} from '../../../common/facets/facet-value-link/stencil-facet-value-link';\nimport {FacetValuesGroup} from '../../../common/facets/facet-values-group/stencil-facet-values-group';\nimport {initializePopover} from '../../../common/facets/popover/popover-type';\nimport {shouldDisplayInputForFacetRange} from '../../../common/facets/stencil-facet-common';\nimport {CommerceBindings as Bindings} from '../../atomic-commerce-interface/atomic-commerce-interface';\n\n/**\n * A facet is a list of values for a certain field occurring in the results.\n * An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals.\n *\n * @alpha\n */\n@Component({\n  tag: 'atomic-commerce-timeframe-facet',\n  styleUrl: './atomic-commerce-timeframe-facet.pcss',\n  shadow: true,\n})\nexport class AtomicCommerceTimeframeFacet\n  implements InitializableComponent<Bindings>\n{\n  @InitializeBindings() public bindings!: Bindings;\n  @Element() private host!: HTMLElement;\n\n  /**\n   * The summary controller instance.\n   */\n  @Prop() summary!: Summary<SearchSummaryState | ProductListingSummaryState>;\n  /**\n   * The date facet controller instance.\n   */\n  @Prop() public facet!: DateFacet;\n  /**\n   * Specifies whether the facet is collapsed.\n   */\n  @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n  /**\n   * The field identifier for this facet.\n   */\n  @Prop({reflect: true}) field?: string;\n\n  @State()\n  public facetState!: DateFacetState;\n\n  @BindStateToController('summary')\n  @State()\n  public summaryState!: SearchSummaryState | ProductListingSummaryState;\n\n  @State() public error!: Error;\n\n  @State() private inputRange?: DateFilterRange;\n\n  private headerFocus?: FocusTargetController;\n\n  private get displayName() {\n    return this.facetState.displayName || 'no-label';\n  }\n\n  private get focusTarget(): FocusTargetController {\n    if (!this.headerFocus) {\n      this.headerFocus = new FocusTargetController(this);\n    }\n    return this.headerFocus;\n  }\n\n  private unsubscribeFacetController?: () => void | undefined;\n\n  public initialize() {\n    if (!this.facet) {\n      return;\n    }\n    this.ensureSubscribed();\n    this.registerFacetToStore();\n  }\n\n  public connectedCallback(): void {\n    this.ensureSubscribed();\n  }\n\n  @Listen('atomic/dateInputApply')\n  public applyDateInput({detail}: CustomEvent<DateFilterRange>) {\n    this.inputRange = {start: detail.start, end: detail.end};\n  }\n\n  private get valuesToRender() {\n    return (\n      this.facetState.values.filter(\n        (value) => value.numberOfResults || value.state !== 'idle'\n      ) || []\n    );\n  }\n\n  private get shouldRenderValues() {\n    return !this.hasInputRange && !!this.valuesToRender.length;\n  }\n\n  private get shouldRenderFacet() {\n    return this.shouldRenderInput || this.shouldRenderValues;\n  }\n\n  private get shouldRenderInput() {\n    const {\n      firstRequestExecuted: firstSearchExecuted,\n      hasError,\n      isLoading,\n      hasProducts: hasResults,\n    } = this.summaryState;\n    return shouldDisplayInputForFacetRange({\n      hasInputRange: this.hasInputRange,\n      searchStatusState: {\n        firstSearchExecuted,\n        hasError,\n        hasResults,\n        isLoading,\n      },\n      facetValues: this.facetState.values || [],\n      hasInput: true,\n    });\n  }\n\n  private get hasValues() {\n    if (this.facetState.values.length) {\n      return true;\n    }\n\n    return !!this.valuesToRender.length;\n  }\n\n  private get numberOfSelectedValues() {\n    if (this.hasInputRange) {\n      return 1;\n    }\n\n    return (\n      this.facetState.values.filter(({state}) => state === 'selected').length ||\n      0\n    );\n  }\n\n  private get hasInputRange() {\n    return !!this.inputRange;\n  }\n\n  public disconnectedCallback() {\n    if (this.host.isConnected) {\n      return;\n    }\n    this.unsubscribeFacetController?.();\n    this.unsubscribeFacetController = undefined;\n  }\n\n  private get isHidden() {\n    return !this.shouldRenderFacet;\n  }\n\n  private resetRange() {\n    this.inputRange = undefined;\n    this.facet.setRanges([]);\n  }\n\n  private registerFacetToStore() {\n    const facetInfo: FacetInfo = {\n      label: () => this.bindings.i18n.t(this.displayName),\n      facetId: this.facetState.facetId,\n      element: this.host,\n      isHidden: () => this.isHidden,\n    };\n\n    initializePopover(this.host, {\n      ...facetInfo,\n      hasValues: () => this.hasValues,\n      numberOfActiveValues: () => this.numberOfSelectedValues,\n    });\n  }\n\n  private formatFacetValue(facetValue: DateFacetValue) {\n    try {\n      const startDate = deserializeRelativeDate(facetValue.start);\n      const relativeDate =\n        startDate.period === 'past'\n          ? startDate\n          : deserializeRelativeDate(facetValue.end);\n\n      return this.bindings.i18n.t(\n        `${relativeDate.period}-${relativeDate.unit}`,\n        {\n          count: relativeDate.amount,\n        }\n      );\n    } catch (error) {\n      return this.bindings.i18n.t('to', {\n        start: parseDate(facetValue.start).format('YYYY-MM-DD'),\n        end: parseDate(facetValue.end).format('YYYY-MM-DD'),\n      });\n    }\n  }\n  private renderValues() {\n    return this.renderValuesContainer(\n      this.valuesToRender.map((value) => this.renderValue(value))\n    );\n  }\n\n  private renderValue(facetValue: DateFacetValue) {\n    const displayValue = this.formatFacetValue(facetValue);\n    const isSelected = facetValue.state === 'selected';\n    const isExcluded = facetValue.state === 'excluded';\n    return (\n      <FacetValueLink\n        displayValue={displayValue}\n        isSelected={isSelected}\n        numberOfResults={facetValue.numberOfResults}\n        i18n={this.bindings.i18n}\n        onClick={() => this.facet.toggleSingleSelect(facetValue)}\n      >\n        <FacetValueLabelHighlight\n          displayValue={displayValue}\n          isSelected={isSelected}\n          isExcluded={isExcluded}\n        ></FacetValueLabelHighlight>\n      </FacetValueLink>\n    );\n  }\n\n  private renderValuesContainer(children: VNode[]) {\n    return (\n      <FacetValuesGroup i18n={this.bindings.i18n} label={this.displayName}>\n        <ul class=\"mt-3\" part=\"values\">\n          {children}\n        </ul>\n      </FacetValuesGroup>\n    );\n  }\n\n  private renderHeader() {\n    return (\n      <FacetHeader\n        i18n={this.bindings.i18n}\n        label={this.displayName}\n        onClearFilters={() => {\n          this.focusTarget.focusAfterSearch();\n          if (this.hasInputRange) {\n            this.resetRange();\n            return;\n          }\n          this.facet.deselectAll();\n        }}\n        numberOfActiveValues={this.numberOfSelectedValues}\n        isCollapsed={this.isCollapsed}\n        headingLevel={0}\n        onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n        headerRef={(el) => this.focusTarget.setTarget(el)}\n      ></FacetHeader>\n    );\n  }\n\n  private renderDateInput() {\n    return (\n      <atomic-facet-date-input\n        bindings={this.bindings}\n        label={this.displayName}\n        rangeGetter={() => this.inputRange}\n        facetId={this.facetState.facetId}\n        rangeSetter={({start, end, endInclusive}: DateRangeRequest) => {\n          this.facet.setRanges([\n            {\n              start,\n              end,\n              endInclusive,\n              state: 'selected',\n            },\n          ]);\n        }}\n      ></atomic-facet-date-input>\n    );\n  }\n\n  public render() {\n    const {hasError, firstRequestExecuted} = this.summaryState;\n\n    return (\n      <FacetGuard\n        enabled={true}\n        firstSearchExecuted={firstRequestExecuted}\n        hasError={hasError}\n        hasResults={this.shouldRenderFacet}\n      >\n        {\n          <FacetContainer>\n            {this.renderHeader()}\n            {!this.isCollapsed && [\n              this.shouldRenderValues && this.renderValues(),\n              this.shouldRenderInput && this.renderDateInput(),\n            ]}\n          </FacetContainer>\n        }\n      </FacetGuard>\n    );\n  }\n\n  private ensureSubscribed() {\n    if (this.unsubscribeFacetController) {\n      return;\n    }\n    this.unsubscribeFacetController = this.facet.subscribe(\n      () => (this.facetState = this.facet.state)\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["atomicCommerceCategoryFacetCss","AtomicCommerceCategoryFacetStyle0","AtomicCommerceCategoryFacet","this","isCollapsed","resultIndexToFocusOnShowMore","initialize","facet","ensureSubscribed","announceFacetSearchResultsWithAriaLive","displayName","msg","facetSearchAriaMessage","bindings","i18n","facetInfo","label","t","facetId","facetState","element","host","isHidden","initializePopover","hasValues","values","length","numberOfActiveValues","hasActiveValues","focusTargets","showLessFocus","FocusTargetController","showMoreFocus","headerFocus","activeValueFocus","disconnectedCallback","isConnected","unsubscribeFacetController","undefined","connectedCallback","summaryState","hasError","selectedValueAncestry","componentShouldUpdate","next","prev","propName","isCategoryFacetState","shouldUpdateFacetSearchComponent","facetSearch","hasParents","renderHeader","h","FacetHeader","headingLevel","onToggleCollapse","onClearFilters","focusAfterSearch","deselectAll","headerRef","header","setTarget","renderSearchInput","FacetSearchInput","query","onChange","value","clear","updateText","search","onClear","renderValuesTree","parents","isRoot","renderChildren","CategoryFacetTreeValueContainer","CategoryFacetAllCategoryButton","onClick","CategoryFacetParentAsTreeContainer","isTopLevel","parentValue","CategoryFacetParentButton","facetValue","field","toggleSelect","slice","activeParent","activeParentDisplayValue","getFieldValueCaption","CategoryFacetParentValueLink","displayValue","numberOfResults","isLeafValue","searchQuery","setRef","el","CategoryFacetChildrenAsTreeContainer","renderChild","isShowLessFocusTarget","isShowMoreFocusTarget","isSelected","state","CategoryFacetChildValueLink","nextValues","children","map","i","renderSearchResults","CategoryFacetSearchResultsContainer","CategoryFacetSearchValue","select","renderMatches","FacetSearchMatches","numberOfMatches","hasMoreMatches","moreValuesAvailable","renderShowMoreLess","class","FacetShowMoreLess","onShowMore","showMoreValues","onShowLess","showLessValues","canShowLessValues","canShowMoreValues","render","firstRequestExecuted","FacetGuard","key","enabled","firstSearchExecuted","hasResults","FacetContainer","shouldDisplaySearchResults","Fragment","FacetValuesGroup","className","subscribe","__decorate","InitializeBindings","BindStateToController","AriaLiveRegion","atomicCommerceFacetCss","AtomicCommerceFacetStyle0","AtomicCommerceFacet","initAriaLive","initPopover","isFacetState","activeValues","renderBody","FacetSearchInputGuard","numberOfDisplayedValues","withSearch","renderValues","renderValuesContainer","part","FacetSearchValue","facetValueProps","facetCount","count","onExclude","exclude","onSelect","rawValue","shouldFocusOnShowLessAfterInteraction","shouldFocusOnShowMoreAfterInteraction","FacetValue","toggleExclude","btn","showMore","showLess","filter","facetSearchQuery","displayValuesAs","enableExclusion","atomicCommerceNumericFacetCss","AtomicCommerceNumericFacetStyle0","AtomicCommerceNumericFacet","manualRanges","focusTarget","context","buildContext","engine","registerFacetToStore","formatter","defaultCurrencyFormatter","contextState","currency","defaultNumberFormatter","numberOfSelectedValues","applyNumberInput","detail","start","end","setRanges","endInclusive","shouldRenderFacet","shouldRenderValues","shouldRenderInput","range","manualRange","logger","NumericFacetValuesContainer","valuesToRender","NumericFacetValueLink","hasInputRange","isLoading","hasProducts","shouldDisplayInputForFacetRange","searchStatusState","facetValues","hasInput","atomicCommerceTimeframeFacetCss","AtomicCommerceTimeframeFacetStyle0","AtomicCommerceTimeframeFacet","applyDateInput","inputRange","resetRange","formatFacetValue","startDate","deserializeRelativeDate","relativeDate","period","unit","amount","error","parseDate","format","renderValue","isExcluded","FacetValueLink","toggleSingleSelect","FacetValueLabelHighlight","renderDateInput","rangeGetter","rangeSetter"],"sources":["src/components/commerce/facets/atomic-commerce-category-facet/atomic-commerce-category-facet.pcss?tag=atomic-commerce-category-facet&encapsulation=shadow","src/components/commerce/facets/atomic-commerce-category-facet/atomic-commerce-category-facet.tsx","src/components/commerce/facets/atomic-commerce-facet/atomic-commerce-facet.pcss?tag=atomic-commerce-facet&encapsulation=shadow","src/components/commerce/facets/atomic-commerce-facet/atomic-commerce-facet.tsx","src/components/commerce/facets/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.pcss?tag=atomic-commerce-numeric-facet&encapsulation=shadow","src/components/commerce/facets/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.tsx","src/components/commerce/facets/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.pcss?tag=atomic-commerce-timeframe-facet&encapsulation=shadow","src/components/commerce/facets/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.tsx"],"sourcesContent":["@import '../../../common/facets/facet-common.pcss';\n@import '../../../common/facets/facet-search/facet-search.pcss';\n\n[part~='active-parent'] {\n  @apply pl-9;\n}\n\n[part~='parents'] [part~='values'] {\n  @apply pl-9;\n}\n\n[part~='all-categories-button'],\n[part~='parent-button'] {\n  @apply relative flex w-full items-center py-2.5 pr-2 pl-7 text-left;\n}\n\n[part~='back-arrow'] {\n  @apply absolute left-1 h-5 w-5;\n}\n","import {\n  CategoryFacetState,\n  CategoryFacetValue,\n  CategoryFacet,\n  SearchSummaryState,\n  ProductListingSummaryState,\n  Summary,\n} from '@coveo/headless/commerce';\nimport {Component, h, State, Prop, Element, Fragment} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {\n  AriaLiveRegion,\n  FocusTargetController,\n} from '../../../../utils/stencil-accessibility-utils';\nimport {CategoryFacetAllCategoryButton} from '../../../common/facets/category-facet/all-categories-button';\nimport {CategoryFacetChildValueLink} from '../../../common/facets/category-facet/child-value-link';\nimport {CategoryFacetChildrenAsTreeContainer} from '../../../common/facets/category-facet/children-as-tree-container';\nimport {CategoryFacetParentAsTreeContainer} from '../../../common/facets/category-facet/parent-as-tree-container';\nimport {CategoryFacetParentButton} from '../../../common/facets/category-facet/parent-button';\nimport {CategoryFacetParentValueLink} from '../../../common/facets/category-facet/parent-value-link';\nimport {CategoryFacetSearchResultsContainer} from '../../../common/facets/category-facet/search-results-container';\nimport {CategoryFacetSearchValue} from '../../../common/facets/category-facet/search-value';\nimport {CategoryFacetTreeValueContainer} from '../../../common/facets/category-facet/value-as-tree-container';\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 {announceFacetSearchResultsWithAriaLive} from '../../../common/facets/facet-search/facet-search-aria-live';\nimport {\n  shouldUpdateFacetSearchComponent,\n  shouldDisplaySearchResults,\n} from '../../../common/facets/facet-search/facet-search-utils';\nimport {FacetSearchInput} from '../../../common/facets/facet-search/stencil-facet-search-input';\nimport {FacetSearchMatches} from '../../../common/facets/facet-search/stencil-facet-search-matches';\nimport {FacetShowMoreLess} from '../../../common/facets/facet-show-more-less/stencil-facet-show-more-less';\nimport {FacetValuesGroup} from '../../../common/facets/facet-values-group/stencil-facet-values-group';\nimport {initializePopover} from '../../../common/facets/popover/popover-type';\nimport {CommerceBindings as Bindings} from '../../atomic-commerce-interface/atomic-commerce-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-commerce-category-facet` displays a facet of values in a browsable, hierarchical fashion.\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 *\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-results - The search results container.\n * @part search-result - The search result value.\n * @part search-result-path - The search result path.\n * @part search-highlight - The highlighted query inside the facet values.\n *\n * @part parents - The container surrounding the whole hierarchy of values.\n * @part sub-parents - The container surrounding a sub-hierarchy of values.\n * @part values - The container surrounding either the children of the active value or the values at the base.\n * @part all-categories-button - The \"View all\" button displayed first within the parents.\n * @part parent-button - The clickable parent button displayed first within sub-parents.\n * @part active-parent - The clickable active parent displayed first within the last sub-parents.\n * @part value-link - The clickable value displayed first within values.\n * @part back-arrow - The back arrow displayed before the clickable parents.\n * @part value-label - The facet value label within a value button.\n * @part value-count - The facet value count within a value button.\n * @part leaf-value - A facet value with no child value.\n * @part node-value - A facet value with child values.\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 * @alpha\n */\n@Component({\n  tag: 'atomic-commerce-category-facet',\n  styleUrl: 'atomic-commerce-category-facet.pcss',\n  shadow: true,\n})\nexport class AtomicCommerceCategoryFacet\n  implements InitializableComponent<Bindings>\n{\n  @InitializeBindings() public bindings!: Bindings;\n  @Element() private host!: HTMLElement;\n\n  /**\n   * The summary controller instance.\n   */\n  @Prop() summary!: Summary<SearchSummaryState | ProductListingSummaryState>;\n  /**\n   * The category facet controller instance.\n   */\n  @Prop() public facet!: CategoryFacet;\n  /**\n   * Specifies whether the facet is collapsed.\n   */\n  @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n  /**\n   * The field identifier for this facet.\n   */\n  @Prop({reflect: true}) field?: string;\n\n  @State()\n  public facetState!: CategoryFacetState;\n\n  @BindStateToController('summary')\n  @State()\n  public summaryState!: SearchSummaryState | ProductListingSummaryState;\n\n  @State() public error!: Error;\n\n  private resultIndexToFocusOnShowMore = 0;\n  private showLessFocus?: FocusTargetController;\n  private showMoreFocus?: FocusTargetController;\n  private headerFocus?: FocusTargetController;\n  private activeValueFocus?: FocusTargetController;\n  private unsubscribeFacetController?: () => void | undefined;\n\n  @AriaLiveRegion('facet-search')\n  protected facetSearchAriaMessage!: string;\n\n  public initialize() {\n    if (!this.facet) {\n      return;\n    }\n\n    this.ensureSubscribed();\n    announceFacetSearchResultsWithAriaLive(\n      this.facet,\n      this.displayName,\n      (msg) => (this.facetSearchAriaMessage = msg),\n      this.bindings.i18n\n    );\n\n    const facetInfo: FacetInfo = {\n      label: () => this.bindings.i18n.t(this.displayName),\n      facetId: this.facetState.facetId,\n      element: this.host,\n      isHidden: () => this.isHidden,\n    };\n\n    initializePopover(this.host, {\n      ...facetInfo,\n      hasValues: () => !!this.facetState.values.length,\n      numberOfActiveValues: () => (this.facetState.hasActiveValues ? 1 : 0),\n    });\n  }\n\n  private get displayName() {\n    return this.facetState?.displayName || 'no-label';\n  }\n\n  private get focusTargets() {\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    if (!this.activeValueFocus) {\n      this.activeValueFocus = new FocusTargetController(this);\n    }\n\n    return {\n      showLessFocus: this.showLessFocus,\n      showMoreFocus: this.showMoreFocus,\n      headerFocus: this.headerFocus,\n      activeValueFocus: this.activeValueFocus,\n    };\n  }\n\n  public disconnectedCallback() {\n    if (this.host.isConnected) {\n      return;\n    }\n    this.unsubscribeFacetController?.();\n    this.unsubscribeFacetController = undefined;\n  }\n\n  public connectedCallback(): void {\n    this.ensureSubscribed();\n  }\n\n  private get isHidden() {\n    return (\n      this.summaryState.hasError ||\n      (!this.facetState.values.length &&\n        !this.facetState.selectedValueAncestry?.length)\n    );\n  }\n\n  public componentShouldUpdate(\n    next: unknown,\n    prev: unknown,\n    propName: keyof AtomicCommerceCategoryFacet\n  ) {\n    if (\n      this.isCategoryFacetState(prev, propName) &&\n      this.isCategoryFacetState(next, propName)\n    ) {\n      return shouldUpdateFacetSearchComponent(\n        next.facetSearch,\n        prev.facetSearch\n      );\n    }\n    return true;\n  }\n\n  private get hasParents() {\n    return !!this.facetState.selectedValueAncestry?.length;\n  }\n\n  private renderHeader() {\n    return (\n      <FacetHeader\n        i18n={this.bindings.i18n}\n        label={this.displayName}\n        numberOfActiveValues={\n          this.facetState.hasActiveValues && this.isCollapsed ? 1 : 0\n        }\n        isCollapsed={this.isCollapsed}\n        headingLevel={0}\n        onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n        onClearFilters={() => {\n          this.focusTargets.headerFocus.focusAfterSearch();\n          this.facet.deselectAll();\n        }}\n        headerRef={(header) => {\n          this.focusTargets.headerFocus.setTarget(header);\n          if (!this.hasParents) {\n            this.focusTargets.activeValueFocus.setTarget(header);\n          }\n        }}\n      ></FacetHeader>\n    );\n  }\n\n  private renderSearchInput() {\n    return (\n      <FacetSearchInput\n        i18n={this.bindings.i18n}\n        label={this.displayName}\n        query={this.facetState.facetSearch.query}\n        onChange={(value: string) => {\n          if (value === '') {\n            this.facet.facetSearch.clear();\n            return;\n          }\n          this.facet.facetSearch.updateText(value);\n          this.facet.facetSearch.search();\n        }}\n        onClear={() => this.facet.facetSearch.clear()}\n      ></FacetSearchInput>\n    );\n  }\n\n  private renderValuesTree(parents: CategoryFacetValue[], isRoot: boolean) {\n    if (!this.hasParents) {\n      return this.renderChildren();\n    }\n\n    if (isRoot) {\n      return (\n        <CategoryFacetTreeValueContainer>\n          <CategoryFacetAllCategoryButton\n            i18n={this.bindings.i18n}\n            onClick={() => {\n              this.focusTargets.activeValueFocus.focusAfterSearch();\n              this.facet.deselectAll();\n            }}\n          />\n          <CategoryFacetParentAsTreeContainer isTopLevel={false}>\n            {this.renderValuesTree(parents, false)}\n          </CategoryFacetParentAsTreeContainer>\n        </CategoryFacetTreeValueContainer>\n      );\n    }\n\n    if (parents.length > 1) {\n      const parentValue = parents[0];\n\n      return (\n        <CategoryFacetTreeValueContainer>\n          <CategoryFacetParentButton\n            facetValue={parentValue}\n            field={this.facetState?.field}\n            i18n={this.bindings.i18n}\n            onClick={() => {\n              this.focusTargets.activeValueFocus.focusAfterSearch();\n              this.facet.toggleSelect(parentValue);\n            }}\n          />\n          <CategoryFacetParentAsTreeContainer isTopLevel={false}>\n            {this.renderValuesTree(parents.slice(1), false)}\n          </CategoryFacetParentAsTreeContainer>\n        </CategoryFacetTreeValueContainer>\n      );\n    }\n\n    const activeParent = parents[0];\n    const activeParentDisplayValue = getFieldValueCaption(\n      this.facetState?.field,\n      activeParent.value,\n      this.bindings.i18n\n    );\n\n    return (\n      <CategoryFacetParentValueLink\n        displayValue={activeParentDisplayValue}\n        numberOfResults={activeParent.numberOfResults}\n        i18n={this.bindings.i18n}\n        isLeafValue={activeParent.isLeafValue}\n        onClick={() => {\n          this.focusTargets.activeValueFocus.focusAfterSearch();\n          this.facet.deselectAll();\n        }}\n        searchQuery={this.facetState.facetSearch.query}\n        setRef={(el) => this.focusTargets.activeValueFocus.setTarget(el)}\n      >\n        <CategoryFacetChildrenAsTreeContainer>\n          {this.renderChildren()}\n        </CategoryFacetChildrenAsTreeContainer>\n      </CategoryFacetParentValueLink>\n    );\n  }\n\n  private renderChild(\n    facetValue: CategoryFacetValue,\n    isShowLessFocusTarget: boolean,\n    isShowMoreFocusTarget: boolean\n  ) {\n    const displayValue = getFieldValueCaption(\n      this.facetState?.field,\n      facetValue.value,\n      this.bindings.i18n\n    );\n    const isSelected = facetValue.state === 'selected';\n    return (\n      <CategoryFacetChildValueLink\n        displayValue={displayValue}\n        i18n={this.bindings.i18n}\n        isLeafValue={facetValue.isLeafValue}\n        isSelected={isSelected}\n        numberOfResults={facetValue.numberOfResults}\n        onClick={() => {\n          this.focusTargets.activeValueFocus.focusAfterSearch();\n          this.facet.toggleSelect(facetValue);\n        }}\n        searchQuery={this.facetState.facetSearch.query}\n        setRef={(element) => {\n          isShowLessFocusTarget &&\n            this.focusTargets.showLessFocus.setTarget(element);\n          isShowMoreFocusTarget &&\n            this.focusTargets.showMoreFocus.setTarget(element);\n        }}\n      ></CategoryFacetChildValueLink>\n    );\n  }\n\n  private renderChildren() {\n    const {values, selectedValueAncestry, hasActiveValues} = this.facetState;\n    const nextValues = hasActiveValues ? selectedValueAncestry : values;\n\n    const children = nextValues?.length\n      ? hasActiveValues\n        ? nextValues[nextValues.length - 1].children\n        : nextValues\n      : [];\n\n    return children.map((value, i) =>\n      this.renderChild(value, i === 0, i === this.resultIndexToFocusOnShowMore)\n    );\n  }\n\n  private renderSearchResults() {\n    return (\n      <CategoryFacetSearchResultsContainer>\n        {this.facetState.facetSearch.values.map((value) => (\n          <CategoryFacetSearchValue\n            value={value}\n            field={this.facetState?.field}\n            i18n={this.bindings.i18n}\n            searchQuery={this.facetState.facetSearch.query}\n            onClick={() => {\n              this.focusTargets.activeValueFocus.focusAfterSearch();\n              this.facet.facetSearch.select(value);\n            }}\n          ></CategoryFacetSearchValue>\n        ))}\n      </CategoryFacetSearchResultsContainer>\n    );\n  }\n\n  private renderMatches() {\n    return (\n      <FacetSearchMatches\n        i18n={this.bindings.i18n}\n        query={this.facetState.facetSearch.query}\n        numberOfMatches={this.facetState.facetSearch.values.length}\n        hasMoreMatches={this.facetState.facetSearch.moreValuesAvailable}\n      ></FacetSearchMatches>\n    );\n  }\n\n  private renderShowMoreLess() {\n    return (\n      <div class={this.hasParents ? 'pl-9' : ''}>\n        <FacetShowMoreLess\n          label={this.displayName}\n          i18n={this.bindings.i18n}\n          onShowMore={() => {\n            this.resultIndexToFocusOnShowMore = this.facetState.values.length;\n            this.focusTargets.showMoreFocus.focusAfterSearch();\n            this.facet.showMoreValues();\n          }}\n          onShowLess={() => {\n            this.focusTargets.showLessFocus.focusAfterSearch();\n            this.facet.showLessValues();\n          }}\n          canShowLessValues={this.facetState.canShowLessValues}\n          canShowMoreValues={this.facetState.canShowMoreValues}\n        ></FacetShowMoreLess>\n      </div>\n    );\n  }\n\n  private isCategoryFacetState(\n    state: unknown,\n    propName: string\n  ): state is CategoryFacetState {\n    return (\n      propName === 'facetState' &&\n      typeof (state as CategoryFacetState)?.facetId === 'string'\n    );\n  }\n\n  public render() {\n    const {\n      bindings: {i18n},\n      facetState: {facetSearch, selectedValueAncestry, values},\n    } = this;\n\n    const {hasError, firstRequestExecuted} = this.summaryState;\n\n    return (\n      <FacetGuard\n        enabled={true}\n        firstSearchExecuted={firstRequestExecuted}\n        hasError={hasError}\n        hasResults={values.length > 0}\n      >\n        {\n          <FacetContainer>\n            {this.renderHeader()}\n            {!this.isCollapsed && [\n              this.renderSearchInput(),\n              shouldDisplaySearchResults(facetSearch) ? (\n                <Fragment>\n                  {facetSearch.values.length ? (\n                    <FacetValuesGroup\n                      i18n={i18n}\n                      label={this.displayName}\n                      query={facetSearch.query}\n                    >\n                      {this.renderSearchResults()}\n                    </FacetValuesGroup>\n                  ) : (\n                    <div class=\"mt-3\"></div>\n                  )}\n                  {this.renderMatches()}\n                </Fragment>\n              ) : (\n                <Fragment>\n                  <FacetValuesGroup i18n={i18n} label={this.displayName}>\n                    {this.hasParents ? (\n                      <CategoryFacetParentAsTreeContainer\n                        isTopLevel={true}\n                        className=\"mt-3\"\n                      >\n                        {selectedValueAncestry &&\n                          this.renderValuesTree(selectedValueAncestry, true)}\n                      </CategoryFacetParentAsTreeContainer>\n                    ) : (\n                      <CategoryFacetChildrenAsTreeContainer className=\"mt-3\">\n                        {this.renderChildren()}\n                      </CategoryFacetChildrenAsTreeContainer>\n                    )}\n                  </FacetValuesGroup>\n                  {this.renderShowMoreLess()}\n                </Fragment>\n              ),\n            ]}\n          </FacetContainer>\n        }\n      </FacetGuard>\n    );\n  }\n\n  private ensureSubscribed() {\n    if (this.unsubscribeFacetController) {\n      return;\n    }\n    this.unsubscribeFacetController = this.facet.subscribe(\n      () => (this.facetState = this.facet.state)\n    );\n  }\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  ProductListingSummaryState,\n  RegularFacet,\n  RegularFacetState,\n  SearchSummaryState,\n  Summary,\n} from '@coveo/headless/commerce';\nimport {\n  Component,\n  h,\n  State,\n  Prop,\n  Element,\n  VNode,\n  Fragment,\n} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {\n  AriaLiveRegion,\n  FocusTargetController,\n} from '../../../../utils/stencil-accessibility-utils';\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 {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 {CommerceBindings as Bindings} from '../../atomic-commerce-interface/atomic-commerce-interface';\n\n/**\n * The `atomic-commerce-facet` component renders a commerce facet that the end user can interact with to filter products.\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 * @alpha\n */\n@Component({\n  tag: 'atomic-commerce-facet',\n  styleUrl: 'atomic-commerce-facet.pcss',\n  shadow: true,\n})\nexport class AtomicCommerceFacet implements InitializableComponent<Bindings> {\n  @InitializeBindings() public bindings!: Bindings;\n  @Element() private host!: HTMLElement;\n\n  /**\n   * The Summary controller instance.\n   */\n  @Prop() summary!: Summary<SearchSummaryState | ProductListingSummaryState>;\n  /**\n   * The facet controller instance.\n   */\n  @Prop() public facet!: RegularFacet;\n  /**\n   * Specifies whether the facet is collapsed.\n   */\n  @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n  /**\n   * The field identifier for this facet.\n   */\n  @Prop({reflect: true}) field?: string;\n\n  @State()\n  public facetState!: RegularFacetState;\n\n  @BindStateToController('summary')\n  @State()\n  public summaryState!: SearchSummaryState | ProductListingSummaryState;\n\n  @State() public error!: Error;\n\n  private showLessFocus?: FocusTargetController;\n  private showMoreFocus?: FocusTargetController;\n  private headerFocus?: FocusTargetController;\n  private unsubscribeFacetController?: () => void | undefined;\n\n  @AriaLiveRegion('facet-search')\n  protected facetSearchAriaMessage!: string;\n\n  public initialize() {\n    if (!this.facet) {\n      return;\n    }\n    this.ensureSubscribed();\n    this.initAriaLive();\n    this.initPopover();\n  }\n\n  public connectedCallback(): void {\n    this.ensureSubscribed();\n  }\n\n  public disconnectedCallback(): void {\n    this.unsubscribeFacetController?.();\n    this.unsubscribeFacetController = undefined;\n  }\n\n  public componentShouldUpdate(\n    next: unknown,\n    prev: unknown,\n    propName: keyof AtomicCommerceFacet\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    if (!this.facet) {\n      return;\n    }\n    const {hasError, firstRequestExecuted} = this.summaryState;\n    return (\n      <FacetGuard\n        enabled={true}\n        hasError={hasError}\n        firstSearchExecuted={firstRequestExecuted}\n        hasResults={this.facetState.values.length > 0}\n      >\n        {\n          <FacetContainer>\n            <FacetHeader\n              i18n={this.bindings.i18n}\n              label={this.displayName}\n              onClearFilters={() => {\n                this.focusTargets.header.focusAfterSearch();\n                this.facet.deselectAll();\n              }}\n              numberOfActiveValues={this.activeValues.length}\n              isCollapsed={this.isCollapsed}\n              headingLevel={0}\n              onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n              headerRef={(el) => this.focusTargets.header.setTarget(el)}\n            ></FacetHeader>\n            {this.renderBody()}\n          </FacetContainer>\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={true}\n        >\n          <FacetSearchInput\n            i18n={this.bindings.i18n}\n            label={this.displayName}\n            onChange={(value) => {\n              if (value === '') {\n                this.facet.facetSearch.clear();\n                return;\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    return (\n      <FacetValuesGroup\n        i18n={this.bindings.i18n}\n        label={this.displayName}\n        query={query}\n      >\n        <ul part=\"values\" class=\"mt-3\">\n          {children}\n        </ul>\n      </FacetValuesGroup>\n    );\n  }\n\n  private renderSearchResults() {\n    return this.renderValuesContainer(\n      this.facetState.facetSearch.values.map((value) => (\n        <FacetSearchValue\n          {...this.facetValueProps}\n          facetCount={value.count}\n          onExclude={() => this.facet.facetSearch.exclude(value)}\n          onSelect={() => this.facet.facetSearch.select(value)}\n          facetValue={value.rawValue}\n        />\n      ))\n    );\n  }\n\n  private renderValues() {\n    return this.renderValuesContainer(\n      this.facetState.values.map((value, i) => {\n        const shouldFocusOnShowLessAfterInteraction = i === 0;\n        const shouldFocusOnShowMoreAfterInteraction = i === 0;\n\n        return (\n          <FacetValue\n            {...this.facetValueProps}\n            facetCount={value.numberOfResults}\n            onExclude={() => this.facet.toggleExclude(value)}\n            onSelect={() => this.facet.toggleSelect(value)}\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.displayName}\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.facetState.canShowMoreValues}\n        canShowLessValues={this.facetState.canShowLessValues}\n      ></FacetShowMoreLess>\n    );\n  }\n\n  private renderMatches() {\n    return (\n      <FacetSearchMatches\n        i18n={this.bindings.i18n}\n        query={this.facetState.facetSearch.query}\n        numberOfMatches={this.facetState.facetSearch.values.length}\n        hasMoreMatches={this.facetState.facetSearch.moreValuesAvailable}\n      ></FacetSearchMatches>\n    );\n  }\n\n  private get activeValues() {\n    return this.facetState.values.filter(({state}) => state !== 'idle');\n  }\n\n  private get displayName() {\n    return this.facetState.displayName || 'no-label';\n  }\n\n  private get facetValueProps(): Pick<\n    FacetValueProps,\n    | 'facetSearchQuery'\n    | 'enableExclusion'\n    | 'field'\n    | 'i18n'\n    | 'displayValuesAs'\n  > {\n    return {\n      facetSearchQuery: this.facetState.facetSearch.query,\n      displayValuesAs: 'checkbox',\n      enableExclusion: false,\n      field: this.facetState.field,\n      i18n: this.bindings.i18n,\n    };\n  }\n\n  private get isHidden() {\n    return !this.facetState.values.length;\n  }\n\n  private initPopover() {\n    initializePopover(this.host, {\n      ...this.facetInfo,\n      hasValues: () => !!this.facetState.values.length,\n      numberOfActiveValues: () => this.activeValues.length,\n    });\n  }\n\n  private initAriaLive() {\n    announceFacetSearchResultsWithAriaLive(\n      this.facet,\n      this.displayName,\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.displayName),\n      facetId: this.facetState.facetId,\n      element: this.host,\n      isHidden: () => this.isHidden,\n    };\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(\n    state: unknown,\n    propName: string\n  ): state is RegularFacetState {\n    return (\n      propName === 'facetState' &&\n      typeof (state as RegularFacetState)?.facetId === 'string'\n    );\n  }\n\n  private ensureSubscribed() {\n    if (this.unsubscribeFacetController) {\n      return;\n    }\n    this.unsubscribeFacetController = this.facet.subscribe(\n      () => (this.facetState = this.facet.state)\n    );\n  }\n}\n","@import '../../../common/facets/numeric-facet-common.pcss';\n","import {\n  NumericFacet,\n  NumericFacetState,\n  NumericRangeRequest,\n  ProductListingSummaryState,\n  SearchSummaryState,\n  Summary,\n  Context,\n  ContextState,\n  buildContext,\n} from '@coveo/headless/commerce';\nimport {Component, Element, h, Listen, Prop, State} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\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 {NumericFacetValueLink} from '../../../common/facets/numeric-facet/value-link';\nimport {NumericFacetValuesContainer} from '../../../common/facets/numeric-facet/values-container';\nimport {initializePopover} from '../../../common/facets/popover/popover-type';\nimport {shouldDisplayInputForFacetRange} from '../../../common/facets/stencil-facet-common';\nimport {\n  defaultCurrencyFormatter,\n  defaultNumberFormatter,\n} from '../../../common/formats/format-common';\nimport {CommerceBindings as Bindings} from '../../atomic-commerce-interface/atomic-commerce-interface';\nimport type {Range} from '../facet-number-input/atomic-commerce-facet-number-input';\n\n/**\n * The `atomic-commerce-numeric-facet` component is responsible for rendering a commerce facet that allows the user to filter products using numeric ranges.\n *\n * @alpha\n */\n@Component({\n  tag: 'atomic-commerce-numeric-facet',\n  styleUrl: './atomic-commerce-numeric-facet.pcss',\n  shadow: true,\n})\nexport class AtomicCommerceNumericFacet\n  implements InitializableComponent<Bindings>\n{\n  @InitializeBindings() public bindings!: Bindings;\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('facet')\n  @State()\n  public facetState!: NumericFacetState;\n\n  @BindStateToController('summary')\n  @State()\n  public summaryState!: SearchSummaryState | ProductListingSummaryState;\n\n  public context!: Context;\n  @BindStateToController('context') contextState!: ContextState;\n\n  @State() public error!: Error;\n\n  private manualRanges: (NumericRangeRequest & {label?: string})[] = [];\n\n  /**\n   * The Summary controller instance.\n   */\n  @Prop() summary!: Summary<SearchSummaryState | ProductListingSummaryState>;\n  /**\n   * The numeric facet controller instance.\n   */\n  @Prop({reflect: true}) public facet!: NumericFacet;\n  /**\n   * Specifies whether the facet is collapsed.\n   */\n  @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n  /**\n   * The field identifier for this facet.\n   */\n  @Prop({reflect: true}) field?: string;\n\n  private headerFocus?: FocusTargetController;\n\n  private get focusTarget(): FocusTargetController {\n    if (!this.headerFocus) {\n      this.headerFocus = new FocusTargetController(this);\n    }\n    return this.headerFocus;\n  }\n\n  private unsubscribeFacetController?: () => void | undefined;\n\n  public initialize() {\n    if (!this.facet) {\n      return;\n    }\n\n    this.context = buildContext(this.bindings.engine);\n    this.ensureSubscribed();\n    this.registerFacetToStore();\n  }\n\n  public connectedCallback() {\n    this.ensureSubscribed();\n  }\n\n  public disconnectedCallback() {\n    this.unsubscribeFacetController?.();\n    this.unsubscribeFacetController = undefined;\n  }\n\n  private get formatter() {\n    if (this.field === 'ec_price' || this.field === 'ec_promo_price') {\n      return defaultCurrencyFormatter(this.contextState.currency);\n    }\n    return defaultNumberFormatter;\n  }\n\n  private registerFacetToStore() {\n    const {facetId} = this.facetState;\n    const facetInfo: FacetInfo = {\n      label: () => this.bindings.i18n.t(this.displayName),\n      facetId: facetId,\n      element: this.host,\n      isHidden: () => this.isHidden,\n    };\n\n    initializePopover(this.host, {\n      ...facetInfo,\n      hasValues: () => this.hasValues,\n      numberOfActiveValues: () => this.numberOfSelectedValues,\n    });\n  }\n\n  @Listen('atomic/numberInputApply')\n  public applyNumberInput({detail}: CustomEvent<Range>) {\n    const {start, end} = detail;\n    this.facet.setRanges([\n      {\n        start,\n        end,\n        endInclusive: true,\n        state: 'selected',\n      },\n    ]);\n  }\n\n  public render() {\n    const {\n      bindings: {i18n},\n    } = this;\n    const {firstRequestExecuted, hasError} = this.summaryState;\n    return (\n      <FacetGuard\n        enabled={true}\n        firstSearchExecuted={firstRequestExecuted}\n        hasError={hasError}\n        hasResults={this.shouldRenderFacet}\n      >\n        {\n          <FacetContainer>\n            <FacetHeader\n              i18n={i18n}\n              label={this.displayName}\n              onClearFilters={() => {\n                this.focusTarget.focusAfterSearch();\n                this.facet.deselectAll();\n              }}\n              numberOfActiveValues={this.numberOfSelectedValues}\n              isCollapsed={this.isCollapsed}\n              headingLevel={0}\n              onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n              headerRef={(el) => this.focusTarget.setTarget(el)}\n            />\n            {!this.isCollapsed && [\n              this.shouldRenderValues && this.renderValues(),\n              this.shouldRenderInput && (\n                <atomic-commerce-facet-number-input\n                  bindings={this.bindings}\n                  label={this.displayName}\n                  facet={this.facet}\n                  range={this.facetState.manualRange}\n                ></atomic-commerce-facet-number-input>\n              ),\n            ]}\n          </FacetContainer>\n        }\n      </FacetGuard>\n    );\n  }\n\n  private renderValues() {\n    const {\n      manualRanges,\n      displayName,\n      bindings: {\n        i18n,\n        engine: {logger},\n      },\n      formatter,\n    } = this;\n\n    return (\n      <NumericFacetValuesContainer i18n={i18n} label={displayName}>\n        {this.valuesToRender.map((value) => (\n          <NumericFacetValueLink\n            formatter={formatter}\n            displayValuesAs={'checkbox'}\n            facetValue={value}\n            field={this.facetState.field}\n            i18n={i18n}\n            logger={logger}\n            manualRanges={manualRanges}\n            onClick={() => this.facet.toggleSelect(value)}\n          />\n        ))}\n      </NumericFacetValuesContainer>\n    );\n  }\n\n  private get displayName() {\n    return this.facetState.displayName || 'no-label';\n  }\n\n  private get numberOfSelectedValues() {\n    return (\n      this.facetState.values.filter(({state}) => state === 'selected').length ||\n      0\n    );\n  }\n\n  private get hasInputRange() {\n    return !!this.facetState.manualRange || this.summaryState.isLoading;\n  }\n\n  private get shouldRenderValues() {\n    return !this.hasInputRange && !!this.valuesToRender.length;\n  }\n\n  private get valuesToRender() {\n    return (\n      this.facetState.values.filter(\n        (value) => value.numberOfResults || value.state !== 'idle'\n      ) || []\n    );\n  }\n\n  private get shouldRenderInput() {\n    const {\n      firstRequestExecuted: firstSearchExecuted,\n      hasError,\n      isLoading,\n      hasProducts: hasResults,\n    } = this.summaryState;\n    return shouldDisplayInputForFacetRange({\n      hasInputRange: this.hasInputRange,\n      searchStatusState: {\n        firstSearchExecuted,\n        hasError,\n        hasResults,\n        isLoading,\n      },\n      facetValues: this.facetState.values,\n      hasInput: true,\n    });\n  }\n\n  private get isHidden() {\n    return !this.shouldRenderFacet;\n  }\n\n  private get shouldRenderFacet() {\n    return this.shouldRenderInput || this.shouldRenderValues;\n  }\n\n  private get hasValues() {\n    if (this.facetState.values.length) {\n      return true;\n    }\n\n    return !!this.valuesToRender.length;\n  }\n\n  private ensureSubscribed() {\n    if (this.unsubscribeFacetController) {\n      return;\n    }\n    this.unsubscribeFacetController = this.facet.subscribe(\n      () => (this.facetState = this.facet.state)\n    );\n  }\n}\n","@import '../../../common/facets/facet-common.pcss';\n","import {\n  DateFacet,\n  DateFilterRange,\n  deserializeRelativeDate,\n  DateFacetValue,\n  DateFacetState,\n  DateRangeRequest,\n  SearchSummaryState,\n  ProductListingSummaryState,\n  Summary,\n} from '@coveo/headless/commerce';\nimport {Component, Element, h, Listen, Prop, State, VNode} from '@stencil/core';\nimport {parseDate} from '../../../../utils/date-utils';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\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 {FacetValueLabelHighlight} from '../../../common/facets/facet-value-label-highlight/stencil-facet-value-label-highlight';\nimport {FacetValueLink} from '../../../common/facets/facet-value-link/stencil-facet-value-link';\nimport {FacetValuesGroup} from '../../../common/facets/facet-values-group/stencil-facet-values-group';\nimport {initializePopover} from '../../../common/facets/popover/popover-type';\nimport {shouldDisplayInputForFacetRange} from '../../../common/facets/stencil-facet-common';\nimport {CommerceBindings as Bindings} from '../../atomic-commerce-interface/atomic-commerce-interface';\n\n/**\n * A facet is a list of values for a certain field occurring in the results.\n * An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals.\n *\n * @alpha\n */\n@Component({\n  tag: 'atomic-commerce-timeframe-facet',\n  styleUrl: './atomic-commerce-timeframe-facet.pcss',\n  shadow: true,\n})\nexport class AtomicCommerceTimeframeFacet\n  implements InitializableComponent<Bindings>\n{\n  @InitializeBindings() public bindings!: Bindings;\n  @Element() private host!: HTMLElement;\n\n  /**\n   * The summary controller instance.\n   */\n  @Prop() summary!: Summary<SearchSummaryState | ProductListingSummaryState>;\n  /**\n   * The date facet controller instance.\n   */\n  @Prop() public facet!: DateFacet;\n  /**\n   * Specifies whether the facet is collapsed.\n   */\n  @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n  /**\n   * The field identifier for this facet.\n   */\n  @Prop({reflect: true}) field?: string;\n\n  @State()\n  public facetState!: DateFacetState;\n\n  @BindStateToController('summary')\n  @State()\n  public summaryState!: SearchSummaryState | ProductListingSummaryState;\n\n  @State() public error!: Error;\n\n  @State() private inputRange?: DateFilterRange;\n\n  private headerFocus?: FocusTargetController;\n\n  private get displayName() {\n    return this.facetState.displayName || 'no-label';\n  }\n\n  private get focusTarget(): FocusTargetController {\n    if (!this.headerFocus) {\n      this.headerFocus = new FocusTargetController(this);\n    }\n    return this.headerFocus;\n  }\n\n  private unsubscribeFacetController?: () => void | undefined;\n\n  public initialize() {\n    if (!this.facet) {\n      return;\n    }\n    this.ensureSubscribed();\n    this.registerFacetToStore();\n  }\n\n  public connectedCallback(): void {\n    this.ensureSubscribed();\n  }\n\n  @Listen('atomic/dateInputApply')\n  public applyDateInput({detail}: CustomEvent<DateFilterRange>) {\n    this.inputRange = {start: detail.start, end: detail.end};\n  }\n\n  private get valuesToRender() {\n    return (\n      this.facetState.values.filter(\n        (value) => value.numberOfResults || value.state !== 'idle'\n      ) || []\n    );\n  }\n\n  private get shouldRenderValues() {\n    return !this.hasInputRange && !!this.valuesToRender.length;\n  }\n\n  private get shouldRenderFacet() {\n    return this.shouldRenderInput || this.shouldRenderValues;\n  }\n\n  private get shouldRenderInput() {\n    const {\n      firstRequestExecuted: firstSearchExecuted,\n      hasError,\n      isLoading,\n      hasProducts: hasResults,\n    } = this.summaryState;\n    return shouldDisplayInputForFacetRange({\n      hasInputRange: this.hasInputRange,\n      searchStatusState: {\n        firstSearchExecuted,\n        hasError,\n        hasResults,\n        isLoading,\n      },\n      facetValues: this.facetState.values || [],\n      hasInput: true,\n    });\n  }\n\n  private get hasValues() {\n    if (this.facetState.values.length) {\n      return true;\n    }\n\n    return !!this.valuesToRender.length;\n  }\n\n  private get numberOfSelectedValues() {\n    if (this.hasInputRange) {\n      return 1;\n    }\n\n    return (\n      this.facetState.values.filter(({state}) => state === 'selected').length ||\n      0\n    );\n  }\n\n  private get hasInputRange() {\n    return !!this.inputRange;\n  }\n\n  public disconnectedCallback() {\n    if (this.host.isConnected) {\n      return;\n    }\n    this.unsubscribeFacetController?.();\n    this.unsubscribeFacetController = undefined;\n  }\n\n  private get isHidden() {\n    return !this.shouldRenderFacet;\n  }\n\n  private resetRange() {\n    this.inputRange = undefined;\n    this.facet.setRanges([]);\n  }\n\n  private registerFacetToStore() {\n    const facetInfo: FacetInfo = {\n      label: () => this.bindings.i18n.t(this.displayName),\n      facetId: this.facetState.facetId,\n      element: this.host,\n      isHidden: () => this.isHidden,\n    };\n\n    initializePopover(this.host, {\n      ...facetInfo,\n      hasValues: () => this.hasValues,\n      numberOfActiveValues: () => this.numberOfSelectedValues,\n    });\n  }\n\n  private formatFacetValue(facetValue: DateFacetValue) {\n    try {\n      const startDate = deserializeRelativeDate(facetValue.start);\n      const relativeDate =\n        startDate.period === 'past'\n          ? startDate\n          : deserializeRelativeDate(facetValue.end);\n\n      return this.bindings.i18n.t(\n        `${relativeDate.period}-${relativeDate.unit}`,\n        {\n          count: relativeDate.amount,\n        }\n      );\n    } catch (error) {\n      return this.bindings.i18n.t('to', {\n        start: parseDate(facetValue.start).format('YYYY-MM-DD'),\n        end: parseDate(facetValue.end).format('YYYY-MM-DD'),\n      });\n    }\n  }\n  private renderValues() {\n    return this.renderValuesContainer(\n      this.valuesToRender.map((value) => this.renderValue(value))\n    );\n  }\n\n  private renderValue(facetValue: DateFacetValue) {\n    const displayValue = this.formatFacetValue(facetValue);\n    const isSelected = facetValue.state === 'selected';\n    const isExcluded = facetValue.state === 'excluded';\n    return (\n      <FacetValueLink\n        displayValue={displayValue}\n        isSelected={isSelected}\n        numberOfResults={facetValue.numberOfResults}\n        i18n={this.bindings.i18n}\n        onClick={() => this.facet.toggleSingleSelect(facetValue)}\n      >\n        <FacetValueLabelHighlight\n          displayValue={displayValue}\n          isSelected={isSelected}\n          isExcluded={isExcluded}\n        ></FacetValueLabelHighlight>\n      </FacetValueLink>\n    );\n  }\n\n  private renderValuesContainer(children: VNode[]) {\n    return (\n      <FacetValuesGroup i18n={this.bindings.i18n} label={this.displayName}>\n        <ul class=\"mt-3\" part=\"values\">\n          {children}\n        </ul>\n      </FacetValuesGroup>\n    );\n  }\n\n  private renderHeader() {\n    return (\n      <FacetHeader\n        i18n={this.bindings.i18n}\n        label={this.displayName}\n        onClearFilters={() => {\n          this.focusTarget.focusAfterSearch();\n          if (this.hasInputRange) {\n            this.resetRange();\n            return;\n          }\n          this.facet.deselectAll();\n        }}\n        numberOfActiveValues={this.numberOfSelectedValues}\n        isCollapsed={this.isCollapsed}\n        headingLevel={0}\n        onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n        headerRef={(el) => this.focusTarget.setTarget(el)}\n      ></FacetHeader>\n    );\n  }\n\n  private renderDateInput() {\n    return (\n      <atomic-facet-date-input\n        bindings={this.bindings}\n        label={this.displayName}\n        rangeGetter={() => this.inputRange}\n        facetId={this.facetState.facetId}\n        rangeSetter={({start, end, endInclusive}: DateRangeRequest) => {\n          this.facet.setRanges([\n            {\n              start,\n              end,\n              endInclusive,\n              state: 'selected',\n            },\n          ]);\n        }}\n      ></atomic-facet-date-input>\n    );\n  }\n\n  public render() {\n    const {hasError, firstRequestExecuted} = this.summaryState;\n\n    return (\n      <FacetGuard\n        enabled={true}\n        firstSearchExecuted={firstRequestExecuted}\n        hasError={hasError}\n        hasResults={this.shouldRenderFacet}\n      >\n        {\n          <FacetContainer>\n            {this.renderHeader()}\n            {!this.isCollapsed && [\n              this.shouldRenderValues && this.renderValues(),\n              this.shouldRenderInput && this.renderDateInput(),\n            ]}\n          </FacetContainer>\n        }\n      </FacetGuard>\n    );\n  }\n\n  private ensureSubscribed() {\n    if (this.unsubscribeFacetController) {\n      return;\n    }\n    this.unsubscribeFacetController = this.facet.subscribe(\n      () => (this.facetState = this.facet.state)\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/{p-1192c7ba.js → p-41200765.js}

@@ -1,2 +1,2 @@
-import{h as t}from"./p-dc3df5ce.js";import{B as a}from"./p-28a6dd9b.js";import{R as e}from"./p-93116ce1.js";const i=e=>t(a,{...e,ariaLabel:e.i18n.t("previous"),style:"outline-primary",part:"previous-button",class:"flex min-h-10 min-w-10 items-center justify-center p-1"},t("atomic-icon",{icon:e.icon,part:"previous-button-icon",class:"w-5 align-middle"}));const n=e=>t(a,{...e,ariaLabel:e.i18n.t("next"),style:"outline-primary",part:"next-button",class:"flex min-h-10 min-w-10 items-center justify-center p-1"},t("atomic-icon",{icon:e.icon,part:"next-button-icon",class:"w-5 align-middle"}));const s=a=>t(e,{...a,selectWhenFocused:false,key:a.page,style:"outline-neutral",checked:a.isSelected,ariaCurrent:a.isSelected?"page":"false",class:"btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1",part:`page-button${a.isSelected?" active-page-button":""}`});const o=(a,e)=>t("div",{part:"page-buttons",role:"radiogroup","aria-label":a.i18n.t("pagination"),class:"contents"},...e);const r=(a,e)=>t("nav",{"aria-label":a.i18n.t("pagination")},t("div",{part:"buttons",role:"toolbar",class:"flex flex-wrap gap-2"},...e));export{r as P,i as a,o as b,s as c,n as d};
-//# sourceMappingURL=p-1192c7ba.js.map
+import{h as t}from"./p-dc3df5ce.js";import{B as a}from"./p-b389ea6d.js";import{R as e}from"./p-c35c892e.js";const i=e=>t(a,{...e,ariaLabel:e.i18n.t("previous"),style:"outline-primary",part:"previous-button",class:"flex min-h-10 min-w-10 items-center justify-center p-1"},t("atomic-icon",{icon:e.icon,part:"previous-button-icon",class:"w-5 align-middle"}));const n=e=>t(a,{...e,ariaLabel:e.i18n.t("next"),style:"outline-primary",part:"next-button",class:"flex min-h-10 min-w-10 items-center justify-center p-1"},t("atomic-icon",{icon:e.icon,part:"next-button-icon",class:"w-5 align-middle"}));const s=a=>t(e,{...a,selectWhenFocused:false,key:a.page,style:"outline-neutral",checked:a.isSelected,ariaCurrent:a.isSelected?"page":"false",class:"btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1",part:`page-button${a.isSelected?" active-page-button":""}`});const o=(a,e)=>t("div",{part:"page-buttons",role:"radiogroup","aria-label":a.i18n.t("pagination"),class:"contents"},...e);const r=(a,e)=>t("nav",{"aria-label":a.i18n.t("pagination")},t("div",{part:"buttons",role:"toolbar",class:"flex flex-wrap gap-2"},...e));export{r as P,i as a,o as b,s as c,n as d};
+//# sourceMappingURL=p-41200765.js.map

package/dist/atomic/p-42a13138.entry.js

@@ -0,0 +1,2 @@
+import{r as n,h as r,g as t}from"./p-dc3df5ce.js";import{buildFacetConditionsManager as e,buildDateRange as i,deserializeRelativeDate as a,buildSearchStatus as o,buildDateFacet as l,buildDateFilter as s,loadDateFacetSetActions as c}from"@coveo/headless/insight";import{I as d,B as w}from"./p-d6e6dbc3.js";import{M as m}from"./p-86428057.js";import{F as p}from"./p-96a6f84f.js";import{p as h}from"./p-0f13077e.js";import{F as b}from"./p-a3f0aaf4.js";import{T as v}from"./p-e7986445.js";import"./p-c9074946.js";import"./p-1580513b.js";import"./p-05de7ca3.js";import"./p-f77160c6.js";import"@coveo/bueno";import"./p-bc96b8f6.js";import"./p-f284897c.js";import"./p-0462f723.js";import"./p-54fca818.js";import"./p-35e58270.js";import"./p-55d2bcf3.js";import"./p-b5e46e49.js";import"./p-b700cfe1.js";import"./p-35fb03be.js";import"./p-fafae456.js";import"./p-b389ea6d.js";import"./p-21ab6f55.js";import"./p-66d48d1a.js";import"./p-d4c2b7c0.js";import"./p-8f5830b4.js";import"./p-7e85b9b3.js";import"./p-2a02812b.js";import"./p-4b1dc787.js";import"./p-406f7e5a.js";import"./p-66f4521a.js";const g='/*! tailwindcss v4.1.11 | 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  :-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  .-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\\.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 {\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  .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-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  .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-5 {\n    padding-block: calc(0.25rem * 5);\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-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  .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-\\[calc\\(1\\/\\.75\\)\\] {\n    --tw-leading: calc(1 / .75);\n    line-height: calc(1 / .75);\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  .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-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  .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  @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  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    border-color: oklch(0.928 0.006 264.531);\n  }\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@keyframes scaleUp {\n  0% {\n    transform: scale(0.7) translateY(150vh);\n    opacity: 0.7;\n  }\n  100% {\n    transform: scale(1) translateY(0px);\n    opacity: 1;\n  }\n}\n@keyframes slideDown {\n  0% {\n    transform: translateY(0px);\n    opacity: 1;\n  }\n  100% {\n    transform: translateY(150vh);\n    opacity: 0.7;\n  }\n}\n.value-count {\n  margin-left: calc(0.25rem * 1.5);\n  color: var(--atomic-neutral-dark);\n}\n[part=\'value-exclude-button\'] + .value-count {\n  margin-right: calc(0.25rem * 2);\n}\n:host(.popover-nested) {\n  min-width: 18rem;\n}\n:host(.popover-nested)::part(label-button) {\n  display: none;\n}\n:host(.popover-nested)::part(facet) {\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:host(.popover-nested)::part(values) {\n  margin-top: calc(0.25rem * 0);\n  max-height: calc(0.25rem * 96);\n  overflow-y: auto;\n}\n:host(.popover-nested)::part(search-wrapper) {\n  margin-bottom: calc(0.25rem * 2);\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@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 u=g;var f=undefined&&undefined.__decorate||function(n,r,t,e){var i=arguments.length,a=i<3?r:e===null?e=Object.getOwnPropertyDescriptor(r,t):e,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(n,r,t,e);else for(var l=n.length-1;l>=0;l--)if(o=n[l])a=(i<3?o(a):i>3?o(r,t,a):o(r,t))||a;return i>3&&a&&Object.defineProperty(r,t,a),a};const y=class{constructor(r){n(this,r);this.label="no-label";this.field="date";this.withDatePicker=false;this.isCollapsed=false;this.headingLevel=0;this.filterFacetCount=true;this.injectionDepth=1e3;this.dependsOn={};this.sortCriteria="descending";this.facetState=undefined;this.facetForDatePickerState=undefined;this.filterState=undefined;this.searchStatusState=undefined;this.error=undefined;this.facetId=undefined;this.label="no-label";this.field="date";this.withDatePicker=false;this.isCollapsed=false;this.headingLevel=0;this.filterFacetCount=true;this.injectionDepth=1e3;this.dependsOn={};this.sortCriteria="descending"}initialize(){this.timeframeFacetCommon=new v({facetId:this.facetId,host:this.host,bindings:this.bindings,label:this.label,field:this.field,headingLevel:this.headingLevel,dependsOn:this.dependsOn,withDatePicker:this.withDatePicker,setFacetId:n=>this.facetId=n,buildDependenciesManager:n=>e(this.bindings.engine,{facetId:n,conditions:h(this.dependsOn)}),buildDateRange:i,getSearchStatusState:()=>this.searchStatusState,deserializeRelativeDate:a,initializeFacetForDatePicker:()=>this.initializeFacetForDatePicker(),initializeFacetForDateRange:n=>this.initializeFacetForDateRange(n),initializeFilter:()=>this.initializeFilter(),sortCriteria:this.sortCriteria});this.searchStatus=o(this.bindings.engine)}get focusTarget(){if(!this.headerFocus){this.headerFocus=new p(this)}return this.headerFocus}disconnectedCallback(){this.timeframeFacetCommon?.disconnectedCallback()}initializeFacetForDatePicker(){this.facetForDatePicker=l(this.bindings.engine,{options:{facetId:`${this.facetId}_input_range`,numberOfValues:1,generateAutomaticRanges:true,field:this.field,filterFacetCount:this.filterFacetCount,injectionDepth:this.injectionDepth}});return this.facetForDatePicker}initializeFacetForDateRange(n){this.facetForDateRange=l(this.bindings.engine,{options:{facetId:this.facetId,field:this.field,currentValues:n,generateAutomaticRanges:false,sortCriteria:"descending",filterFacetCount:this.filterFacetCount,injectionDepth:this.injectionDepth}});return this.facetForDateRange}initializeFilter(){this.filter=s(this.bindings.engine,{options:{facetId:`${this.facetId}_input`,field:this.field}});return this.filter}applyDateInput(){this.facetId&&this.bindings.engine.dispatch(c(this.bindings.engine).deselectAllDateFacetValues(this.facetId))}render(){if(!this.timeframeFacetCommon){return r(b,{numberOfValues:5,isCollapsed:this.isCollapsed})}return this.timeframeFacetCommon.render({hasError:this.searchStatusState.hasError,firstSearchExecuted:this.searchStatusState.firstSearchExecuted,isCollapsed:this.isCollapsed,headerFocus:this.focusTarget,onToggleCollapse:()=>this.isCollapsed=!this.isCollapsed})}get host(){return t(this)}};f([d()],y.prototype,"bindings",void 0);f([w("facetForDateRange")],y.prototype,"facetState",void 0);f([w("facetForDatePicker")],y.prototype,"facetForDatePickerState",void 0);f([w("filter")],y.prototype,"filterState",void 0);f([w("searchStatus")],y.prototype,"searchStatusState",void 0);f([m()],y.prototype,"dependsOn",void 0);y.style=u;export{y as atomic_insight_timeframe_facet};
+//# sourceMappingURL=p-42a13138.entry.js.map