npm - @coveo/atomic - Versions diffs - 3.29.1 → 3.29.2-pre.1b0a4b3894 - Mend

@coveo/atomic 3.29.1 → 3.29.2-pre.1b0a4b3894

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (702) hide show

package/dist/atomic/p-893058c6.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"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","atomicCommerceFacetNumberInputCss","AtomicCommerceFacetNumberInputStyle0","AtomicCommerceFacetNumberInput","start","range","end","apply","startRef","validity","valid","endRef","applyInput","emit","absoluteMinimum","isPriceField","includes","Number","MIN_SAFE_INTEGER","minimumInputValue","isUndefined","maximumInputValue","MAX_SAFE_INTEGER","minText","maxText","minAria","maxAria","applyAria","inputClasses","labelClasses","step","onSubmit","e","preventDefault","htmlFor","id","type","ref","required","min","max","onInput","target","valueAsNumber","Button","style","ariaLabel","text","atomicCommerceNumericFacetCss","AtomicCommerceNumericFacetStyle0","AtomicCommerceNumericFacet","manualRanges","focusTarget","context","buildContext","engine","registerFacetToStore","formatter","defaultCurrencyFormatter","contextState","currency","defaultNumberFormatter","numberOfSelectedValues","applyNumberInput","detail","setRanges","endInclusive","shouldRenderFacet","shouldRenderValues","shouldRenderInput","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","FacetDateInput","toDate","componentDidUpdate","formattedDateValue","rangeRequest","buildDateRange","setHours","date","startLabel","endLabel","startAria","endAria","placeholder","pattern"],"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/facet-number-input/atomic-commerce-facet-number-input.pcss?tag=atomic-commerce-facet-number-input","src/components/commerce/facets/facet-number-input/atomic-commerce-facet-number-input.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","src/components/common/facets/facet-date-input/facet-date-input.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","[part='input-form'] {\n display: grid;\n grid-template-areas:\n 'label-start label-end .'\n 'input-start input-end apply-button';\n grid-template-columns: 1fr 1fr auto;\n}\n\n[part='label-start'] {\n grid-area: label-start;\n}\n[part='label-end'] {\n grid-area: label-end;\n}\n[part='input-start'] {\n grid-area: input-start;\n}\n[part='input-end'] {\n grid-area: input-end;\n}\n\n[part='input-apply-button'] {\n grid-area: apply-button;\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {NumericFacet} from '@coveo/headless/commerce';\nimport {Component, h, Prop, Event, EventEmitter, State} from '@stencil/core';\nimport {Button} from '../../../common/stencil-button';\nimport {CommerceBindings as Bindings} from '../../atomic-commerce-interface/atomic-commerce-interface';\n\nexport type Range = {start: number; end: number};\n\n/**\n * Internal component made to be integrated in a NumericFacet.\n * @alpha\n */\n@Component({\n tag: 'atomic-commerce-facet-number-input',\n styleUrl: 'atomic-commerce-facet-number-input.pcss',\n shadow: false,\n})\nexport class AtomicCommerceFacetNumberInput {\n private startRef!: HTMLInputElement;\n private endRef!: HTMLInputElement;\n\n @State() private start?: number;\n @State() private end?: number;\n\n @Prop() public bindings!: Bindings;\n @Prop() public label!: string;\n @Prop() public range?: Range;\n @Prop() public facet!: NumericFacet;\n\n @Event({\n eventName: 'atomic/numberInputApply',\n })\n private applyInput!: EventEmitter;\n\n public connectedCallback() {\n this.start = this.range?.start;\n this.end = this.range?.end;\n }\n\n private apply() {\n if (!this.startRef.validity.valid || !this.endRef.validity.valid) {\n return;\n }\n\n this.applyInput.emit({\n start: this.start,\n end: this.end,\n });\n }\n\n private get absoluteMinimum(): number {\n const {field} = this.facet.state;\n const isPriceField = ['ec_price', 'ec_promo_price'].includes(field);\n return isPriceField ? 0 : Number.MIN_SAFE_INTEGER;\n }\n\n private get minimumInputValue(): number {\n return isUndefined(this.start) ? this.absoluteMinimum : this.start;\n }\n\n private get maximumInputValue() {\n return isUndefined(this.end) ? Number.MAX_SAFE_INTEGER : this.end;\n }\n\n render() {\n const {facetId} = this.facet.state;\n const label = this.bindings.i18n.t(this.label);\n const minText = this.bindings.i18n.t('min');\n const maxText = this.bindings.i18n.t('max');\n const minAria = this.bindings.i18n.t('number-input-minimum', {label});\n const maxAria = this.bindings.i18n.t('number-input-maximum', {label});\n const apply = this.bindings.i18n.t('apply');\n const applyAria = this.bindings.i18n.t('number-input-apply', {label});\n\n const inputClasses =\n 'p-2.5 input-primary placeholder-neutral-dark min-w-0 mr-1';\n const labelClasses = 'text-neutral-dark text-sm';\n const step = 'any';\n\n return (\n <form\n class=\"mt-4 gap-y-0.5 px-2\"\n part=\"input-form\"\n onSubmit={(e) => {\n e.preventDefault();\n this.apply();\n return false;\n }}\n >\n <label\n part=\"label-start\"\n class={labelClasses}\n htmlFor={`${facetId}_start`}\n >\n {minText}\n </label>\n <input\n part=\"input-start\"\n id={`${facetId}_start`}\n type=\"number\"\n step={step}\n ref={(ref) => (this.startRef = ref!)}\n class={inputClasses}\n aria-label={minAria}\n required\n min={this.absoluteMinimum}\n max={this.maximumInputValue}\n value={this.range?.start}\n onInput={(e) =>\n (this.start = (e.target as HTMLInputElement).valueAsNumber)\n }\n />\n <label part=\"label-end\" class={labelClasses} htmlFor={`${facetId}_end`}>\n {maxText}\n </label>\n <input\n part=\"input-end\"\n id={`${facetId}_end`}\n type=\"number\"\n step={step}\n ref={(ref) => (this.endRef = ref!)}\n class={inputClasses}\n aria-label={maxAria}\n required\n min={this.minimumInputValue}\n max={Number.MAX_SAFE_INTEGER}\n value={this.range?.end}\n onInput={(e) =>\n (this.end = (e.target as HTMLInputElement).valueAsNumber)\n }\n />\n <Button\n style=\"outline-primary\"\n type=\"submit\"\n part=\"input-apply-button\"\n class=\"flex-none truncate p-2.5\"\n ariaLabel={applyAria}\n text={apply}\n ></Button>\n </form>\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","import {\n buildDateRange,\n DateFilterRange,\n DateRangeRequest,\n} from '@coveo/headless';\nimport {Component, h, State, Prop, Event, EventEmitter} from '@stencil/core';\nimport {parseDate} from '../../../../utils/date-utils';\nimport {Button} from '../../../common/stencil-button';\nimport {AnyBindings} from '../../interface/bindings';\n\n/**\n * Internal component made to be integrated in a TimeframeFacet.\n * @internal\n */\n@Component({\n tag: 'atomic-facet-date-input',\n shadow: false,\n})\nexport class FacetDateInput {\n @State() private start?: Date;\n @State() private end?: Date;\n private startRef!: HTMLInputElement;\n private endRef!: HTMLInputElement;\n\n @Prop() public bindings!: AnyBindings;\n @Prop() public rangeGetter!: () => DateFilterRange | undefined;\n @Prop() public rangeSetter!: (range: DateRangeRequest) => void;\n @Prop() public facetId!: string;\n @Prop() public label!: string;\n @Prop() public min?: string;\n @Prop() public max?: string;\n\n @Event({\n eventName: 'atomic/dateInputApply',\n })\n private applyInput!: EventEmitter;\n\n public connectedCallback() {\n const range = this.rangeGetter();\n this.start = range ? parseDate(range.start).toDate() : undefined;\n this.end = range ? parseDate(range.end).toDate() : undefined;\n }\n public componentDidUpdate() {\n if (!this.startRef.value && !this.endRef.value) {\n this.startRef.min = this.min || this.formattedDateValue('1401-01-01');\n this.endRef.max = this.max || '';\n this.startRef.max = this.max || '';\n this.endRef.min = this.min || '';\n }\n }\n\n private apply() {\n if (!this.startRef.validity.valid || !this.endRef.validity.valid) {\n return;\n }\n\n this.applyInput.emit({\n start: this.start,\n end: this.end,\n });\n\n const rangeRequest = buildDateRange({\n start: this.start!,\n end: this.end!.setHours(23, 59, 59, 999),\n });\n\n this.rangeSetter(rangeRequest);\n }\n\n private formattedDateValue(date?: string | Date) {\n if (!date) {\n return '';\n }\n return parseDate(date).format('YYYY-MM-DD');\n }\n\n render() {\n const label = this.bindings.i18n.t(this.label);\n const startLabel = this.bindings.i18n.t('start');\n const endLabel = this.bindings.i18n.t('end');\n const startAria = this.bindings.i18n.t('date-input-start', {label});\n const endAria = this.bindings.i18n.t('date-input-end', {label});\n const apply = this.bindings.i18n.t('apply');\n const applyAria = this.bindings.i18n.t('date-input-apply', {label});\n\n const inputClasses = 'input-primary p-2.5';\n const labelClasses = 'text-neutral-dark self-center';\n\n const placeholder = 'yyyy-mm-dd';\n // Fallback for Safari < 14.1, date with format yyyy-mm-dd over 1400 (API limit)\n const pattern =\n '^(1[4-9]\\\\d{2}|2\\\\d{3})-(0[1-9]|1[0-2])-(0[1-9]|[12]\\\\d|3[01])$';\n\n const range = this.rangeGetter();\n\n return (\n <form\n class=\"mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2\"\n onSubmit={(e) => {\n e.preventDefault();\n this.apply();\n return false;\n }}\n >\n <label\n part=\"input-label\"\n class={labelClasses}\n htmlFor={`${this.facetId}_start`}\n >\n {startLabel}:\n </label>\n <input\n id={`${this.facetId}_start`}\n part=\"input-start\"\n type=\"date\"\n ref={(ref) => (this.startRef = ref!)}\n class={inputClasses}\n aria-label={startAria}\n placeholder={placeholder}\n pattern={pattern}\n required\n // API/Index minimum supported date\n min={this.min || this.formattedDateValue('1401-01-01')}\n max={this.end ? this.formattedDateValue(this.end) : this.max}\n value={this.formattedDateValue(range?.start)}\n onInput={(e) =>\n (this.start = parseDate(\n (e.target as HTMLInputElement).value\n ).toDate())\n }\n />\n <label\n part=\"input-label\"\n class={labelClasses}\n htmlFor={`${this.facetId}_end`}\n >\n {endLabel}:\n </label>\n <input\n id={`${this.facetId}_end`}\n part=\"input-end\"\n type=\"date\"\n ref={(ref) => (this.endRef = ref!)}\n class={inputClasses}\n aria-label={endAria}\n placeholder={placeholder}\n pattern={pattern}\n required\n min={this.formattedDateValue(this.start) || this.min}\n max={this.max}\n value={this.formattedDateValue(range?.end)}\n onInput={(e) =>\n (this.end = parseDate(\n (e.target as HTMLInputElement).value\n ).toDate())\n }\n />\n <Button\n style=\"outline-primary\"\n type=\"submit\"\n part=\"input-apply-button\"\n class=\"col-span-2 truncate p-2.5\"\n ariaLabel={applyAria}\n text={apply}\n ></Button>\n </form>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/p-9bb2603f.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as n,h as r,g as t}from"./p-dc3df5ce.js";import{buildBreadcrumbManager as e,buildSort as i,buildQuerySummary as a,buildSearchStatus as o,buildFacetManager as l,buildTabManager as s}from"@coveo/headless";import{I as c,B as d}from"./p-d6e6dbc3.js";import{s as m}from"./p-634dddb0.js";import{l as w}from"./p-0f506869.js";import{f as h}from"./p-9c7dbbdf.js";import{p}from"./p-406f7e5a.js";import{t as b,s as v,c as u}from"./p-66f4521a.js";import{i as g}from"./p-5cafb3fe.js";import{R as f,a as y,b as x,c as k}from"./p-436c41dd.js";import{R as z}from"./p-d917f9a3.js";import"./p-c9074946.js";import"./p-1580513b.js";import"./p-05de7ca3.js";import"./p-f77160c6.js";import"./p-f284897c.js";import"./p-0462f723.js";import"./p-28a6dd9b.js";import"./p-ef905286.js";import"./p-21ab6f55.js";import"./p-fafae456.js";import"./p-d7bf3aa2.js";const j='/! tailwindcss v4.1.11 \| MIT License \| https://tailwindcss.com /\n@layer properties;\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\', \'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-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-28 {\n width: calc(0.25rem * 28);\n }\n .w-32 {\n width: calc(0.25rem * 32);\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-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 .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-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-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-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 .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-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-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 @media (hover: hover) {\n .peer-hover\\:text-error:is(:where(.peer):hover ~ ) {\n color: var(--atomic-error);\n }\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.adjust-for-scroll-bar {\n margin-right: calc(-1 (100vw - 3rem - 100%));\n}\n:host {\n position: absolute;\n}\nselect:hover + div,\nselect:focus-visible + div {\n color: var(--atomic-primary-light);\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-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-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 F=j;var S=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 M=class{constructor(r){n(this,r);this.isOpen=false;this.collapseFacetsAfter=0;this.querySummaryState=undefined;this.breadcrumbManagerState=undefined;this.facetManagerState=undefined;this.sortState=undefined;this.tabManagerState=undefined;this.error=undefined;this.openButton=undefined;this.isOpen=false;this.collapseFacetsAfter=0}watchEnabled(n){if(n){if(this.host.querySelector('div[slot="facets"]')){return}this.host.append(this.createFacetSlot())}}initialize(){this.breadcrumbManager=e(this.bindings.engine);this.sort=i(this.bindings.engine);this.querySummary=a(this.bindings.engine);this.searchStatus=o(this.bindings.engine);this.facetManager=l(this.bindings.engine);this.tabManager=s(this.bindings.engine);this.watchEnabled(this.isOpen)}createFacetSlot(){const n=document.createElement("div");n.setAttribute("slot","facets");this.addFacetColumnStyling(n);const r=this.bindings.store.getFacetElements();const t=this.getBoundInterfaces().sort(w);const e=[];const i=[];for(const n of t){const r=h(n,"facets");if(r){e.push(r)}const t=h(n,"horizontal-facets");if(t){i.push(t)}}const a=b(r,...i,...e);for(const n of a.values()){n.sort(w)}const o=[];for(let n=0;n<t.length;n++){o.push(...a.get(e[n])\|\|[]);o.push(...a.get(i[n])\|\|[])}o.push(...a.get(null)\|\|[]);const{visibleFacets:l,invisibleFacets:s}=v(o,this.bindings.store.getAllFacets());const c=this.cloneFacets(l);const d=this.cloneFacets(s);u(c,this.collapseFacetsAfter);n.append(...c);n.append(...d);const m=this.makeAutomaticFacetGenerator();if(m){m.updateCollapseFacetsDependingOnFacetsVisibility(this.collapseFacetsAfter,l.length);n.append(m)}return n}getBoundInterfaces(){const n=this.host.closest("atomic-search-interface")??this.host.closest("atomic-external")?.boundInterface??null;if(!n){throw new Error("Cannot find bound interface")}const r=Array.from(document.querySelectorAll("atomic-external")).filter((r=>r.boundInterface===n));return[...r,n]}cloneFacets(n){return n.map(((n,r)=>{n.classList.remove(p);n.setAttribute(g,"");const t=n.cloneNode(true);t.isCollapsed=this.collapseFacetsAfter===-1?false:r+1>this.collapseFacetsAfter;return t}))}makeAutomaticFacetGenerator(){if(!this.bindings.engine.state.automaticFacetSet?.desiredCount){return}const n=document.createElement("atomic-automatic-facet-generator");n.setAttribute("desired-count",`${this.bindings.engine.state.automaticFacetSet?.desiredCount}`);this.addFacetColumnStyling(n);return n}addFacetColumnStyling(n){n.style.display="flex";n.style.flexDirection="column";n.style.gap="var(--atomic-refine-modal-facet-margin, 20px)"}get options(){return this.bindings.store.state.sortOptions}select(n){const r=n.composedPath()[0];const t=this.options.find((n=>n.expression===r.value));t&&this.sort.sortBy(t.criteria)}buildOption({expression:n,criteria:t,label:e,tabs:i}){if(!m([...i.included],[...i.excluded],this.tabManagerState?.activeTab)){return}return r("option",{value:n,selected:this.sort.isSortedBy(t)},this.bindings.i18n.t(e))}renderSort(){if(!this.options.length){return}return r(f,{i18n:this.bindings.i18n,onSelect:n=>this.select(n)},this.options.map((n=>this.buildOption(n))))}renderFilters(){const n=this.bindings.store.getFacetElements().length>0;const t=this.bindings.engine.state.automaticFacetSet?.set!==undefined;if(!n&&!t){return}const{i18n:e}=this.bindings;return r(x,{i18n:e,withFacets:n,withAutomaticFacets:t},this.breadcrumbManagerState.hasBreadcrumbs&&r(y,{i18n:e,onClick:()=>this.breadcrumbManager.deselectAll()}))}render(){return r(z,{key:"6d16a36066d84cfafbc8f41e6cc99d5f4552d25e",i18n:this.bindings.i18n,host:this.host,isOpen:this.isOpen,onClose:()=>this.isOpen=false,title:this.bindings.i18n.t("sort-and-filter"),numberOfItems:this.querySummaryState.total,openButton:this.openButton},r(k,{key:"d6c0552cdc845ecf2904a6193a54a20a19f979d6"},this.renderSort(),this.renderFilters()))}componentDidLoad(){this.host.style.display=""}get host(){return t(this)}static get watchers(){return{isOpen:["watchEnabled"]}}};S([c()],M.prototype,"bindings",void 0);S([d("querySummary")],M.prototype,"querySummaryState",void 0);S([d("breadcrumbManager")],M.prototype,"breadcrumbManagerState",void 0);S([d("facetManager")],M.prototype,"facetManagerState",void 0);S([d("sort")],M.prototype,"sortState",void 0);S([d("tabManager")],M.prototype,"tabManagerState",void 0);M.style=F;export{M as atomic_refine_modal};
2	- //# sourceMappingURL=p-9bb2603f.entry.js.map

package/dist/atomic/p-9bb2603f.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["atomicRefineModalCss","AtomicRefineModalStyle0","AtomicRefineModal","this","isOpen","collapseFacetsAfter","watchEnabled","host","querySelector","append","createFacetSlot","initialize","breadcrumbManager","buildBreadcrumbManager","bindings","engine","sort","buildSort","querySummary","buildQuerySummary","searchStatus","buildSearchStatus","facetManager","buildFacetManager","tabManager","buildTabManager","divSlot","document","createElement","setAttribute","addFacetColumnStyling","facets","store","getFacetElements","boundInterfaces","getBoundInterfaces","sortByDocumentPosition","facetsSection","horizontalFacetsSection","boundInterface","facetSection","findSection","push","horizontalFacetSection","triagedFacets","triageFacetsByParents","triagedFacet","values","sortedFacets","i","length","get","visibleFacets","invisibleFacets","sortFacetVisibility","getAllFacets","visibleFacetsClone","cloneFacets","invisibleFacetsClone","generator","makeAutomaticFacetGenerator","updateCollapseFacetsDependingOnFacetsVisibility","mainInterface","closest","Error","boundExternalInterfaces","Array","from","querySelectorAll","filter","atomicExternal","map","facet","classList","remove","popoverClass","isRefineModalFacet","clone","cloneNode","isCollapsed","state","automaticFacetSet","desiredCount","el","style","display","flexDirection","gap","options","sortOptions","select","e","composedPath","option","find","expression","value","sortBy","criteria","buildOption","label","tabs","shouldDisplayOnCurrentTab","included","excluded","tabManagerState","activeTab","h","selected","isSortedBy","i18n","t","renderSort","RefineModalSortSection","onSelect","renderFilters","hasFacetElements","hasAutomaticFacets","set","undefined","RefineModalFiltersSection","withFacets","withAutomaticFacets","breadcrumbManagerState","hasBreadcrumbs","RefineModalFiltersClearButton","onClick","deselectAll","render","RefineModal","key","onClose","title","numberOfItems","querySummaryState","total","openButton","RefineModalBody","componentDidLoad","__decorate","InitializeBindings","BindStateToController"],"sources":["src/components/search/atomic-refine-modal/atomic-refine-modal.pcss?tag=atomic-refine-modal&encapsulation=shadow","src/components/search/atomic-refine-modal/atomic-refine-modal.tsx"],"sourcesContent":["@import '../../common/refine-modal/refine-modal-common.pcss';\n\n:host {\n position: absolute;\n}\n\n/**\n * @prop --atomic-refine-modal-facet-margin: The spacing between the modal's facets.\n */\nselect:hover + div,\nselect:focus-visible + div {\n @apply text-primary-light;\n}\n","import {\n BreadcrumbManager,\n buildBreadcrumbManager,\n BreadcrumbManagerState,\n QuerySummary,\n QuerySummaryState,\n FacetManagerState,\n Sort,\n buildSort,\n SortState,\n buildQuerySummary,\n buildSearchStatus,\n SearchStatus,\n FacetManager,\n buildFacetManager,\n TabManager,\n TabManagerState,\n buildTabManager,\n} from '@coveo/headless';\nimport {Component, h, State, Prop, Element, Watch} from '@stencil/core';\nimport {\n AtomicInterface,\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {shouldDisplayOnCurrentTab} from '../../../utils/tab-utils';\nimport {sortByDocumentPosition} from '../../../utils/utils';\nimport {findSection} from '../../common/atomic-layout-section/sections';\nimport {popoverClass} from '../../common/facets/popover/popover-type';\nimport {\n BaseFacetElement,\n sortFacetVisibility,\n triageFacetsByParents,\n collapseFacetsAfter,\n} from '../../common/facets/stencil-facet-common';\nimport {isRefineModalFacet} from '../../common/interface/store';\nimport {RefineModalBody} from '../../common/refine-modal/stencil-body';\nimport {\n RefineModalFiltersClearButton,\n RefineModalFiltersSection,\n} from '../../common/refine-modal/stencil-filters';\nimport {RefineModal} from '../../common/refine-modal/stencil-modal';\nimport {RefineModalSortSection} from '../../common/refine-modal/stencil-sort';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\nimport {SortDropdownOption} from '../atomic-search-interface/store';\n\n/**\n * The `atomic-refine-modal` is automatically created as a child of the `atomic-search-interface` when the `atomic-refine-toggle` is initialized.\n *\n * When the modal is opened, the class `atomic-modal-opened` is added to the interface element and the body, allowing further customization.\n *\n * @part container - The modal's outermost container.\n * @part header-wrapper - The wrapper around the header.\n * @part header - The header of the modal, containing the title.\n * @part title - The title of the modal.\n * @part close-button - The button in the header that closes the modal.\n * @part close-icon - The icon of the close button.\n * @part header-ruler - The horizontal ruler underneath the header.\n * @part body-wrapper - The wrapper around the body.\n * @part body - The body of the modal, between the header and the footer.\n * @part content - The wrapper around the content inside the body of the modal.\n * @part section-title - The title for each section.\n * @part section-sort-title - The title for the sort section.\n * @part section-filters-title - The title for the filters section.\n * @part select-wrapper - The wrapper around the select element, used to position the icon.\n * @part select - The `<select>` element of the dropdown list.\n * @part select-icon-wrapper - The wrapper around the sort icon that's used to align it.\n * @part select-icon - The select dropdown's sort icon.\n * @part filter-section - The section containing facets and the \"filters\" title.\n * @part filter-clear-all - The button that resets all actively selected facet values.\n * @part footer-wrapper - The wrapper with a shadow or background color around the footer.\n * @part footer - The footer of the modal.\n * @part footer-content - The wrapper around the content inside the footer of the modal, containing the button to view results.\n * @part footer-button - The button in the footer that closes the modal.\n * @part footer-button-text - The text inside the button in the footer that closes the modal.\n * @part footer-button-count - The count inside the button in the footer that closes the modal.\n */\n@Component({\n tag: 'atomic-refine-modal',\n styleUrl: 'atomic-refine-modal.pcss',\n shadow: true,\n})\nexport class AtomicRefineModal implements InitializableComponent {\n private sort!: Sort;\n private breadcrumbManager!: BreadcrumbManager;\n public querySummary!: QuerySummary;\n public searchStatus!: SearchStatus;\n public facetManager!: FacetManager;\n @InitializeBindings() public bindings!: Bindings;\n @Element() public host!: HTMLElement;\n\n @BindStateToController('querySummary')\n @State()\n public querySummaryState!: QuerySummaryState;\n @BindStateToController('breadcrumbManager')\n @State()\n private breadcrumbManagerState!: BreadcrumbManagerState;\n @BindStateToController('facetManager')\n @State()\n public facetManagerState!: FacetManagerState;\n @State() @BindStateToController('sort') public sortState!: SortState;\n public tabManager!: TabManager;\n @BindStateToController('tabManager')\n @State()\n public tabManagerState!: TabManagerState;\n @State() public error!: Error;\n\n @Prop({mutable: true}) openButton?: HTMLElement;\n\n @Prop({reflect: true, mutable: true}) isOpen = false;\n\n /**\n * The number of expanded facets inside the refine modal.\n * Remaining facets are automatically collapsed.\n *\n * Using the value `0` collapses all facets.\n */\n @Prop({reflect: true}) public collapseFacetsAfter = 0;\n\n @Watch('isOpen')\n watchEnabled(isOpen: boolean) {\n if (isOpen) {\n if (this.host.querySelector('div[slot=\"facets\"]')) {\n return;\n }\n\n this.host.append(this.createFacetSlot());\n }\n }\n\n public initialize() {\n this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n this.sort = buildSort(this.bindings.engine);\n this.querySummary = buildQuerySummary(this.bindings.engine);\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n this.facetManager = buildFacetManager(this.bindings.engine);\n this.tabManager = buildTabManager(this.bindings.engine);\n this.watchEnabled(this.isOpen);\n }\n\n private createFacetSlot(): HTMLDivElement {\n const divSlot = document.createElement('div');\n divSlot.setAttribute('slot', 'facets');\n this.addFacetColumnStyling(divSlot);\n\n const facets = this.bindings.store.getFacetElements() as BaseFacetElement[];\n const boundInterfaces = this.getBoundInterfaces().sort(\n sortByDocumentPosition\n );\n const facetsSection = [];\n const horizontalFacetsSection = [];\n for (const boundInterface of boundInterfaces) {\n const facetSection = findSection(boundInterface, 'facets');\n if (facetSection) {\n facetsSection.push(facetSection);\n }\n const horizontalFacetSection = findSection(\n boundInterface,\n 'horizontal-facets'\n );\n if (horizontalFacetSection) {\n horizontalFacetsSection.push(horizontalFacetSection);\n }\n }\n const triagedFacets = triageFacetsByParents(\n facets,\n ...horizontalFacetsSection,\n ...facetsSection\n );\n for (const triagedFacet of triagedFacets.values()) {\n triagedFacet.sort(sortByDocumentPosition);\n }\n\n const sortedFacets = [];\n for (let i = 0; i < boundInterfaces.length; i++) {\n sortedFacets.push(...(triagedFacets.get(facetsSection[i]) || []));\n sortedFacets.push(\n ...(triagedFacets.get(horizontalFacetsSection[i]) || [])\n );\n }\n sortedFacets.push(...(triagedFacets.get(null) || []));\n\n const {visibleFacets, invisibleFacets} = sortFacetVisibility(\n sortedFacets,\n this.bindings.store.getAllFacets()\n );\n\n const visibleFacetsClone = this.cloneFacets(visibleFacets);\n const invisibleFacetsClone = this.cloneFacets(invisibleFacets);\n\n collapseFacetsAfter(visibleFacetsClone, this.collapseFacetsAfter);\n\n divSlot.append(...visibleFacetsClone);\n divSlot.append(...invisibleFacetsClone);\n\n const generator = this.makeAutomaticFacetGenerator();\n if (generator) {\n generator.updateCollapseFacetsDependingOnFacetsVisibility(\n this.collapseFacetsAfter,\n visibleFacets.length\n );\n divSlot.append(generator);\n }\n\n return divSlot;\n }\n\n private getBoundInterfaces(): AtomicInterface[] {\n const mainInterface: AtomicInterface | null =\n this.host.closest('atomic-search-interface') ??\n this.host.closest('atomic-external')?.boundInterface ??\n null;\n if (!mainInterface) {\n throw new Error('Cannot find bound interface');\n }\n const boundExternalInterfaces = Array.from(\n document.querySelectorAll('atomic-external')\n ).filter(\n (atomicExternal) => atomicExternal.boundInterface === mainInterface\n );\n return [...boundExternalInterfaces, mainInterface];\n }\n\n private cloneFacets(facets: BaseFacetElement[]): BaseFacetElement[] {\n return facets.map((facet, i) => {\n facet.classList.remove(popoverClass);\n facet.setAttribute(isRefineModalFacet, '');\n const clone = facet.cloneNode(true) as BaseFacetElement;\n clone.isCollapsed =\n this.collapseFacetsAfter === -1\n ? false\n : i + 1 > this.collapseFacetsAfter;\n return clone;\n });\n }\n\n private makeAutomaticFacetGenerator() {\n if (!this.bindings.engine.state.automaticFacetSet?.desiredCount) {\n return;\n }\n const generator = document.createElement(\n 'atomic-automatic-facet-generator'\n );\n\n generator.setAttribute(\n 'desired-count',\n `${this.bindings.engine.state.automaticFacetSet?.desiredCount}`\n );\n this.addFacetColumnStyling(generator);\n\n return generator;\n }\n\n private addFacetColumnStyling(el: HTMLElement) {\n el.style.display = 'flex';\n el.style.flexDirection = 'column';\n el.style.gap = 'var(--atomic-refine-modal-facet-margin, 20px)';\n }\n\n private get options() {\n return this.bindings.store.state.sortOptions;\n }\n\n private select(e: Event) {\n const select = e.composedPath()[0] as HTMLSelectElement;\n const option = this.options.find(\n (option) => option.expression === select.value\n );\n option && this.sort.sortBy(option.criteria);\n }\n\n private buildOption({expression, criteria, label, tabs}: SortDropdownOption) {\n if (\n !shouldDisplayOnCurrentTab(\n [...tabs.included],\n [...tabs.excluded],\n this.tabManagerState?.activeTab\n )\n ) {\n return;\n }\n return (\n <option value={expression} selected={this.sort.isSortedBy(criteria)}>\n {this.bindings.i18n.t(label)}\n </option>\n );\n }\n\n private renderSort() {\n if (!this.options.length) {\n return;\n }\n\n return (\n <RefineModalSortSection\n i18n={this.bindings.i18n}\n onSelect={(option) => this.select(option)}\n >\n {this.options.map((option) => this.buildOption(option))}\n </RefineModalSortSection>\n );\n }\n\n private renderFilters() {\n const hasFacetElements = this.bindings.store.getFacetElements().length > 0;\n const hasAutomaticFacets =\n this.bindings.engine.state.automaticFacetSet?.set !== undefined;\n\n if (!hasFacetElements && !hasAutomaticFacets) {\n return;\n }\n\n const {i18n} = this.bindings;\n\n return (\n <RefineModalFiltersSection\n i18n={i18n}\n withFacets={hasFacetElements}\n withAutomaticFacets={hasAutomaticFacets}\n >\n {this.breadcrumbManagerState.hasBreadcrumbs && (\n <RefineModalFiltersClearButton\n i18n={i18n}\n onClick={() => this.breadcrumbManager.deselectAll()}\n />\n )}\n </RefineModalFiltersSection>\n );\n }\n\n public render() {\n return (\n <RefineModal\n i18n={this.bindings.i18n}\n host={this.host}\n isOpen={this.isOpen}\n onClose={() => (this.isOpen = false)}\n title={this.bindings.i18n.t('sort-and-filter')}\n numberOfItems={this.querySummaryState.total}\n openButton={this.openButton}\n >\n <RefineModalBody>\n {this.renderSort()}\n {this.renderFilters()}\n </RefineModalBody>\n </RefineModal>\n );\n }\n\n public componentDidLoad() {\n this.host.style.display = '';\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/p-b01bce99.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{h as n,r,g as t}from"./p-dc3df5ce.js";import{buildSearch as e,buildProductListing as i}from"@coveo/headless/commerce";import{I as a,B as o}from"./p-d6e6dbc3.js";import{R as l,a as s,b as c,c as d}from"./p-436c41dd.js";import{R as m}from"./p-d917f9a3.js";import{S as w}from"./p-0a81e031.js";import"./p-c9074946.js";import"./p-1580513b.js";import"./p-05de7ca3.js";import"./p-f77160c6.js";import"./p-28a6dd9b.js";import"./p-ef905286.js";import"./p-21ab6f55.js";import"./p-fafae456.js";import"./p-d7bf3aa2.js";const p=r=>{const{sort:t}=r;const e=h(t);return n(w,{...r,label:e,value:e})};function h(n){if(n.by==="relevance"){return"relevance"}else{return n.fields.map((n=>n.displayName\|\|n.name)).join(" ")}}function b(n,r){const t={};r.forEach((n=>{t[h(n)]=n}));return t[n]}const v='/! tailwindcss v4.1.11 \| MIT License \| https://tailwindcss.com /\n@layer properties;\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\', \'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-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-28 {\n width: calc(0.25rem * 28);\n }\n .w-32 {\n width: calc(0.25rem * 32);\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-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 .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-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-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-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 .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-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-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 @media (hover: hover) {\n .peer-hover\\:text-error:is(:where(.peer):hover ~ ) {\n color: var(--atomic-error);\n }\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.adjust-for-scroll-bar {\n margin-right: calc(-1 (100vw - 3rem - 100%));\n}\n:host {\n position: absolute;\n}\nselect:hover + div,\nselect:focus-visible + div {\n color: var(--atomic-primary-light);\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-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-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 g=v;var u=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 f=class{constructor(n){r(this,n);this.isOpen=false;this.collapseFacetsAfter=0;this.error=undefined;this.openButton=undefined;this.isOpen=false;this.summaryState=undefined;this.sortState=undefined;this.facetGeneratorState=undefined;this.breadcrumbManagerState=undefined;this.collapseFacetsAfter=0}watchEnabled(n){if(n){if(this.host.querySelector('div[slot="facets"]')){return}this.host.append(this.createFacetSlot())}}initialize(){const n=this.bindings.interfaceElement.type==="search"?e(this.bindings.engine):i(this.bindings.engine);this.summary=n.summary();this.sort=n.sort();this.facetGenerator=n.facetGenerator();this.breadcrumbManager=n.breadcrumbManager();this.watchEnabled(this.isOpen)}createFacetSlot(){const n=document.createElement("div");n.setAttribute("slot","facets");const r=document.createElement("atomic-commerce-facets");r.style.display="flex";r.style.flexDirection="column";r.style.gap="var(--atomic-refine-modal-facet-margin, 20px)";r.collapseFacetsAfter=this.collapseFacetsAfter;n.append(r);return n}onSelectSortOption(n){const r=n.composedPath()[0];this.sort.sortBy(b(r.value,this.sortState.availableSorts))}renderSort(){return n(l,{i18n:this.bindings.i18n,onSelect:n=>this.onSelectSortOption(n)},this.sortState.availableSorts.map((r=>n(p,{i18n:this.bindings.i18n,selected:this.sort.isSortedBy(r),sort:r}))))}renderFilters(){if(this.facetGeneratorState.length===0){return}const{i18n:r}=this.bindings;return n(c,{i18n:r,withFacets:true,withAutomaticFacets:false},this.breadcrumbManagerState.hasBreadcrumbs&&n(s,{i18n:r,onClick:()=>this.breadcrumbManager.deselectAll()}))}render(){return n(m,{key:"9fa7de5f5c3003e22ac6f20b93be6ddb4a90dc86",i18n:this.bindings.i18n,host:this.host,isOpen:this.isOpen,onClose:()=>this.isOpen=false,title:this.bindings.i18n.t("sort-and-filter"),numberOfItems:this.summaryState.totalNumberOfProducts,openButton:this.openButton},n(d,{key:"ad3ed059d87f9905d87432cc4a19295514947277"},this.renderSort(),this.renderFilters()))}componentDidLoad(){this.host.style.display=""}get host(){return t(this)}static get watchers(){return{isOpen:["watchEnabled"]}}};u([a()],f.prototype,"bindings",void 0);u([o("summary")],f.prototype,"summaryState",void 0);u([o("sort")],f.prototype,"sortState",void 0);u([o("facetGenerator")],f.prototype,"facetGeneratorState",void 0);u([o("breadcrumbManager")],f.prototype,"breadcrumbManagerState",void 0);f.style=g;export{f as atomic_commerce_refine_modal};
2	- //# sourceMappingURL=p-b01bce99.entry.js.map